@font-face{font-family:"Clear Sans Local";src:url("/assets/fonts/ClearSans-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Clear Sans Local";src:url("/assets/fonts/ClearSans-Medium.ttf") format("truetype");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Clear Sans Local";src:url("/assets/fonts/ClearSans-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{
  --navy:#0d3154;--navy-2:#092844;--blue:#087af2;--blue-2:#0b63df;--ink:#102e53;--muted:#66809e;
  --line:#dce8f4;--soft:#f4f9fe;--white:#fff;--green:#18a957;--red:#ef3f3f;
  --shadow:0 10px 28px rgba(24,65,105,.08);--radius:8px;
}
*{box-sizing:border-box}html{min-height:100%;background:#f4f8fc}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Clear Sans Local",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
/* shared */
.button{height:40px;border:0;border-radius:6px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#1386f7,#0875e9);color:#fff;font-size:13px;font-weight:700;box-shadow:0 5px 12px rgba(8,117,233,.18);transition:.18s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.02)}.button:disabled{opacity:.65;cursor:wait;transform:none}.button.secondary{background:#f5fbff;color:#0871df;border:1px solid #bfe0ff;box-shadow:none}.button.danger{background:#f43c3c;box-shadow:0 5px 12px rgba(244,60,60,.14)}.icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.muted{color:var(--muted)}.small{font-size:11px}.nowrap{white-space:nowrap}
/* login */
.login-page{background:#f6faff;display:grid;place-items:center;padding:24px}.login-shell{width:min(100%,820px);min-height:500px;background:#fff;border-radius:6px;box-shadow:0 16px 40px rgba(15,55,95,.08);display:grid;grid-template-columns:45% 55%;overflow:hidden;border:1px solid #e2edf7}.login-brand{position:relative;overflow:hidden;background:linear-gradient(180deg,#103b62,#082b4a);color:#fff;padding:70px 34px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.login-brand:after{content:"";position:absolute;left:-15%;right:-15%;bottom:-60px;height:180px;background:radial-gradient(ellipse at 50% 20%,rgba(29,101,157,.48),transparent 68%);border-radius:50%}.brand-logo{width:64px;height:64px;z-index:1}.login-brand h1{z-index:1;font-size:27px;margin:12px 0 8px;letter-spacing:-.5px}.login-brand p{z-index:1;margin:0;font-size:12px;color:#dcecff}.brand-foot{z-index:1;margin-top:auto;font-size:11px;font-weight:600;display:flex;gap:8px;align-items:center}.lock-dot{font-size:18px}.login-form{padding:82px 44px 44px;display:flex;flex-direction:column}.login-form h2{font-size:20px;margin:0 0 6px}.login-form .sub{font-size:11px;color:var(--muted);margin:0 0 22px}.field{margin:0 0 12px}.field label{display:block;font-size:11px;font-weight:700;margin:0 0 6px;color:#385879}.input{height:38px;width:100%;border:1px solid #d9e5f0;border-radius:6px;background:#fff;padding:0 11px;color:var(--ink);outline:none}.input:focus{border-color:#79b6f5;box-shadow:0 0 0 3px rgba(8,122,242,.08)}.password-wrap{position:relative}.password-wrap .input{padding-right:42px}.eye{position:absolute;right:5px;top:4px;width:30px;height:30px;border:0;background:transparent;color:#6b85a2}.login-error{display:none;color:#b42318;background:#fff1f0;border:1px solid #f2c8c3;border-radius:6px;padding:9px 10px;font-size:11px;margin:3px 0 12px}.login-error.show{display:block}.login-form .button{width:100%;margin-top:8px}
/* owner shell */
.owner-page{background:#f6faff}.owner-shell{min-height:100vh;display:grid;grid-template-columns:160px 1fr}.sidebar{background:linear-gradient(180deg,#0c3457,#092a49);color:#fff;position:relative;overflow:hidden}.sidebar:after{content:"";position:absolute;left:-60px;right:-50px;bottom:-45px;height:180px;background:radial-gradient(ellipse at 50% 20%,rgba(20,79,124,.6),transparent 70%);border-radius:50%}.sidebar-brand{height:56px;display:flex;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:800;position:relative;z-index:1}.sidebar-brand img{width:25px;height:25px}.nav{padding:12px 8px;position:relative;z-index:1}.nav a{height:36px;border-radius:6px;padding:0 11px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;margin-bottom:4px;color:#f4f9ff}.nav a:hover{background:rgba(255,255,255,.08)}.nav a.active{background:linear-gradient(180deg,#087cf0,#0868d9);box-shadow:0 5px 12px rgba(0,0,0,.14)}.nav-icon{width:16px;text-align:center}.owner-main{min-width:0}.owner-header{height:56px;background:#fff;border-bottom:1px solid #dce7f2;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:15px}.owner-title{font-size:15px;font-weight:800}.owner-main-body{padding:24px;max-width:1100px;margin:0 auto}.section-head{margin-bottom:18px}.section-head h1{font-size:16px;margin:0 0 5px}.section-head p{font-size:10px;color:var(--muted);margin:0}.owner-card{background:#fff;border:1px solid #dce8f3;border-radius:7px;box-shadow:var(--shadow)}
/* create */
.create-card{padding:24px}.create-card h2{font-size:16px;margin:0 0 4px}.create-card .sub{font-size:10px;color:var(--muted);margin:0 0 20px}.create-card>.button{width:100%}.success{margin-top:18px;border:1px solid #c8ecd9;background:#f0fcf6;border-radius:6px;padding:16px;display:none}.success.show{display:block}.success-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#0a8f4c;margin-bottom:13px}.success-icon{width:16px;height:16px;border-radius:50%;background:#18b45d;color:#fff;display:grid;place-items:center;font-size:10px}.url-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.url-box{background:#fff;border:1px solid #d9e6f1;border-radius:6px;padding:11px}.url-box label{font-size:9px;font-weight:800;display:block;margin-bottom:6px}.url-row{display:flex;gap:7px}.url-row .input{height:32px;font-size:10px;min-width:0}.copy{height:32px;padding:0 10px;font-size:10px}.share-note{font-size:9px;line-height:1.5;color:#69839f}.create-actions{display:flex;justify-content:flex-end;margin-top:12px}.create-actions .button{height:34px;font-size:10px}
/* dashboard */
.dash-top{height:50px;background:#fff;border-bottom:1px solid #dce8f2;display:flex;align-items:center;gap:10px;padding:0 18px}.session-pill{font-size:10px;font-weight:700;padding:7px 10px;border:1px solid #dce8f3;border-radius:5px;background:#fbfdff}.live-pill{font-size:9px;font-weight:800;color:#119a50;background:#edfbf3;border-radius:12px;padding:6px 10px}.live-pill:before{content:"";display:inline-block;width:6px;height:6px;background:#18b45d;border-radius:50%;margin-right:5px}.dash-update{margin-left:auto;font-size:9px;color:#5e7793}.dash-body{padding:14px 18px}.dash-grid{display:grid;grid-template-columns:230px minmax(320px,1fr) 200px;gap:10px}.dash-card{background:#fff;border:1px solid #dce8f3;border-radius:6px;box-shadow:0 6px 16px rgba(30,75,115,.05);padding:13px}.dash-card h3{font-size:11px;margin:0 0 12px}.info-list{display:grid;gap:10px}.info-row{display:grid;grid-template-columns:90px 1fr;gap:6px;font-size:9px;align-items:center}.info-row .key{color:#65809d;display:flex;align-items:center;gap:6px}.info-row .value{font-weight:600;overflow:hidden;text-overflow:ellipsis}.info-sep{height:1px;background:#edf2f7;margin:3px 0}.live-text{height:360px;min-height:360px;width:100%;resize:none;border:0;outline:0;background:linear-gradient(180deg,#eef8ff,#fff);border-radius:6px;padding:13px;color:#31516f;font-size:11px;line-height:1.6}.live-text::placeholder{color:#98aac0}.text-time{text-align:right;font-size:8px;color:#6b849f;margin-top:-19px;padding-right:9px;position:relative}.status-box{display:grid;gap:10px}.status-line{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background:#16ae58;box-shadow:0 0 0 3px #e8faef}.status-dot.off{background:#e64949;box-shadow:0 0 0 3px #fff0f0}.signal{display:flex;align-items:flex-end;gap:3px;height:22px;margin-left:auto}.signal i{display:block;width:4px;background:#16b75b;border-radius:2px}.signal i:nth-child(1){height:7px}.signal i:nth-child(2){height:12px}.signal i:nth-child(3){height:17px}.signal i:nth-child(4){height:22px}.session-details{border-top:1px solid #edf2f7;margin-top:14px;padding-top:12px}.quick{border-top:1px solid #edf2f7;margin-top:14px;padding-top:12px}.quick .button{width:100%;height:32px;font-size:9px;margin-top:7px}.meta-empty{color:#8398af}.notice{display:none;margin-top:10px;padding:9px 10px;border:1px solid #f2c8c3;background:#fff3f2;color:#a52c26;border-radius:5px;font-size:9px}.notice.show{display:block}
/* settings */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-card{padding:18px}.settings-card h3{margin:0 0 5px;font-size:12px}.settings-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.setting-value{margin-top:12px;padding:10px;background:#f7fbff;border:1px solid #e1edf7;border-radius:5px;font-size:10px;font-weight:700}
/* visitor */
.visitor-page{background:#f7f9fc;min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}
.visitor-bg{position:fixed;inset:0;pointer-events:none;background:#f7f9fc}
.visitor-tower,.visitor-waves{display:none}
.visitor-header{height:64px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}
.visitor-logo{width:52px;height:52px}
.visitor-main{position:relative;z-index:1;width:100%;padding:clamp(24px,5vh,48px) 16px clamp(32px,8vh,72px)}
.visitor-intro{text-align:center}
.visitor-intro h1{font-size:clamp(22px,2vw,26px);letter-spacing:-.5px;margin:0 0 5px}
.visitor-intro p{font-size:12px;margin:0;color:#456582}
.visitor-card{width:min(100%,680px);margin:clamp(22px,4vh,34px) auto 0;background:#fff;border:1px solid #e1ebf5;border-radius:8px;padding:clamp(16px,2.5vw,24px);box-shadow:0 10px 24px rgba(39,79,116,.06)}
.visitor-card h2{font-size:14px;margin:0 0 4px}
.visitor-card .helper{font-size:9px;color:#738ba4;margin:0 0 18px}
.visitor-label{font-size:10px;font-weight:800;margin-bottom:8px;display:block}
.visitor-text{height:clamp(150px,32vh,340px);min-height:150px;width:100%;resize:none;border:1px solid #d9e5f0;border-radius:6px;padding:10px;font-size:11px;line-height:1.5;outline:none;color:#193957;background:#fff}
.visitor-text:focus{border-color:#76b4ee;box-shadow:0 0 0 3px rgba(8,122,242,.07)}
.count{text-align:right;color:#557493;font-size:8px;margin-top:5px}
.visitor-notice{display:none;margin-top:9px;padding:8px;background:#fff2f1;border:1px solid #f3c8c3;border-radius:5px;color:#a32a25;font-size:9px}
.visitor-notice.show{display:block}
.privacy-panel{width:min(100%,680px);margin:12px auto 0;background:#fff;border:1px solid #e0eaf4;border-radius:8px;padding:15px;display:none}
.privacy-panel h3{font-size:11px;margin:0 0 10px}
.privacy-item{font-size:9px;margin:7px 0;color:#234d74}
.privacy-item:before{content:"";display:inline-block;width:7px;height:7px;border:1.5px solid #1681e8;border-radius:2px;margin-right:8px}
.privacy-foot{border-top:1px solid #edf2f7;margin-top:12px;padding-top:10px;font-size:9px;color:#557493;line-height:1.5}
@media (max-width:899px){
  .visitor-header{height:58px}
  .visitor-main{padding:22px 12px 40px}
  .visitor-intro h1{font-size:22px}
  .visitor-card{width:100%;max-width:520px;margin-top:22px;padding:14px}
  .visitor-text{height:clamp(150px,34vh,260px);min-height:150px}
  .privacy-panel{width:100%;max-width:520px}
}
@media (min-width:900px){
  .visitor-main{padding-top:clamp(28px,6vh,64px)}
}
/* mobile owner */
@media (max-width:900px){.owner-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar-brand{height:48px}.nav{display:flex;gap:4px;padding:6px 8px;overflow:auto}.nav a{margin:0;white-space:nowrap}.owner-header{display:none}.owner-main-body{padding:14px}.dash-grid{grid-template-columns:1fr}.live-text{height:300px;min-height:300px}.settings-grid,.url-grid{grid-template-columns:1fr}.dash-update{display:none}.dash-top{padding:0 12px}.dash-body{padding:10px 12px}.session-pill{max-width:130px;overflow:hidden;text-overflow:ellipsis}.login-shell{grid-template-columns:1fr;max-width:430px}.login-brand{min-height:220px;padding:35px 20px}.login-form{padding:34px 26px}.brand-foot{margin-top:30px}}
@media (max-width:520px){.visitor-main{padding-left:12px;padding-right:12px}.visitor-header{height:58px}.visitor-card{width:100%;padding:14px}.visitor-text{height:145px;min-height:145px}.sidebar-brand{padding-left:12px}.nav{padding-left:5px}.nav a{font-size:10px}.owner-main-body{padding:10px}.create-card{padding:16px}.dash-card{padding:12px}}


/* visitor verification layer */
.verification-layer{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(247,249,252,.96);backdrop-filter:blur(4px);transition:opacity .22s ease,visibility .22s ease}
.verification-layer.hidden{opacity:0;visibility:hidden;pointer-events:none}
.verification-card{width:min(100%,430px);background:#fff;border:1px solid #dce8f3;border-radius:10px;box-shadow:0 18px 45px rgba(39,79,116,.13);padding:28px}
.verification-icon{width:38px;height:38px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#eaf5ff;border:1px solid #cfe6fb;color:#087af2;font-size:16px;font-weight:800}
.verification-brand{text-align:center;color:#087af2;font-size:9px;letter-spacing:1.5px;font-weight:800;margin-bottom:8px}
.verification-card h1{text-align:center;font-size:20px;letter-spacing:-.3px;margin:0 0 6px;color:#193957}
.verification-subtitle{text-align:center;font-size:10px;line-height:1.6;color:#738ba4;margin:0 0 24px}
.verification-field label,.holder-field legend{font-size:10px;font-weight:800;color:#234d74;margin-bottom:8px;display:block}
.verification-field input[type=text]{width:100%;height:42px;border:1px solid #d7e4ef;border-radius:6px;padding:0 12px;font:inherit;font-size:11px;color:#193957;background:#fff;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.verification-field input[type=text]:focus{border-color:#76b4ee;box-shadow:0 0 0 3px rgba(8,122,242,.08)}
.holder-field{border:0;padding:0;margin:20px 0 0;min-width:0}
.holder-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.holder-option{position:relative;cursor:pointer}
.holder-option input{position:absolute;opacity:0;pointer-events:none}
.holder-option span{height:42px;border:1px solid #b9cfe2;border-radius:6px;display:grid;place-items:center;color:#31516f;background:#fff;font-size:10px;font-weight:700;transition:all .15s}
.holder-option input:checked+span{border-color:#087af2;background:#eef7ff;color:#0871df;box-shadow:0 0 0 2px rgba(8,122,242,.08)}
.holder-option:hover span{border-color:#9fc8ed}
.verification-button{width:100%;height:42px;margin-top:22px;border:0;border-radius:6px;background:linear-gradient(180deg,#087cf0,#0868d9);color:#fff;font-size:10px;font-weight:800;letter-spacing:.1px;cursor:pointer;box-shadow:0 6px 14px rgba(8,104,217,.18)}
.verification-button:hover{filter:brightness(1.02)}
.verification-button:disabled{opacity:.65;cursor:wait}
.verification-error{display:none;margin-top:6px;font-size:9px;line-height:1.4;color:#a52c26}
.verification-error.show{display:block}
.verification-foot{text-align:center;font-size:8px;line-height:1.5;color:#8aa0b6;margin:14px 0 0}
.visitor-content-hidden{visibility:hidden}
@media(max-width:520px){.verification-layer{padding:14px}.verification-card{padding:23px 17px;border-radius:9px}.verification-card h1{font-size:19px}.verification-subtitle{margin-bottom:21px}}

/* visitor writing box refinement */
.visitor-text{box-shadow:0 6px 16px rgba(39,79,116,.10),inset 0 1px 2px rgba(20,55,90,.03)}
@media (max-width:520px){
  .visitor-card{margin-bottom:24px}
  .visitor-text{height:clamp(180px,28vh,215px);min-height:180px;box-shadow:0 7px 18px rgba(39,79,116,.11),inset 0 1px 2px rgba(20,55,90,.03)}
}

/* verification option states */
.holder-option span{box-shadow:0 1px 2px rgba(39,79,116,.04)}
.holder-option input:focus-visible+span{outline:2px solid #76b4ee;outline-offset:2px}
.visitor-intro h1#visitorGreeting{min-height:1.2em}

/* Final visitor Design 2 */
.visitor-page{font-family:"Clear Sans Local",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102d59;background:#f5faff}
.visitor-bg{background:radial-gradient(circle at 75% 25%,rgba(173,218,255,.28),transparent 35%),linear-gradient(135deg,#f8fcff 0%,#edf7ff 100%)}
.visitor-header{height:72px;background:#fff;border-bottom:1px solid #dcebf8;padding:0 34px;justify-content:space-between;box-sizing:border-box}
.visitor-header-brand{display:flex;align-items:center;gap:10px;color:#063b8f;font-size:18px;font-weight:800;letter-spacing:-.4px}
.visitor-logo{width:31px;height:31px}
.visitor-header-status{display:flex;align-items:center;gap:7px;color:#244c78;font-size:11px;font-weight:600}
.secure-dot{width:7px;height:7px;border-radius:50%;background:#16c784;box-shadow:0 0 0 3px rgba(22,199,132,.10)}
.visitor-menu{display:none;border:0;background:none;color:#0673e8;font-size:20px}

.verification-layer{background:rgba(242,248,255,.97);backdrop-filter:blur(8px);padding:28px}
.verification-card{width:min(100%,930px);min-height:420px;display:grid;grid-template-columns:43% 57%;align-items:center;background:linear-gradient(135deg,#fff 0%,#f8fcff 100%);border:1px solid #d7e8f7;border-radius:13px;box-shadow:0 24px 60px rgba(40,91,140,.16);padding:38px 42px;box-sizing:border-box;position:relative;overflow:hidden}
.verification-card:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-180px;top:-220px;background:rgba(157,211,255,.16);pointer-events:none}
.verification-visual{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:10px 25px}
.verification-visual img{width:min(100%,340px);height:auto;display:block}
.verification-card h1{text-align:left;font-size:25px;letter-spacing:-.7px;margin:0 0 7px;color:#102d59;position:relative;z-index:1}
.verification-subtitle{text-align:left;font-size:12px;line-height:1.55;color:#6683a0;margin:0 0 22px;max-width:460px;position:relative;z-index:1}
.verification-field label,.holder-field legend{font-size:11px;font-weight:800;color:#153c6b;margin-bottom:8px}
.verification-field input[type=text]{height:44px;border-radius:7px;background:#f8fbff;border-color:#cfe2f4;font-size:12px}
.holder-field{margin-top:17px}
.holder-options{gap:10px}
.holder-option span{height:44px;border-radius:7px;border-color:#bcd3e8;background:#fff;font-size:11px}
.holder-option input:checked+span{border-color:#087af2;background:#087af2;color:#fff;box-shadow:0 5px 14px rgba(8,122,242,.18)}
.verification-button{height:44px;border-radius:7px;margin-top:20px;font-size:11px;box-shadow:0 8px 18px rgba(8,104,217,.20)}
.verification-foot{text-align:left;font-size:9px;margin-top:12px}

.visitor-content-hidden{visibility:hidden}
.visitor-app{position:relative;z-index:1;min-height:calc(100vh - 72px);display:grid;grid-template-columns:235px minmax(0,1fr);background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(235,247,255,.75));overflow:hidden}
.visitor-app:after{content:"";position:absolute;width:720px;height:460px;border-radius:50%;right:-240px;bottom:-260px;background:rgba(164,215,255,.17);pointer-events:none}
.visitor-sidebar{background:rgba(255,255,255,.62);border-right:1px solid #dbeaf7;padding:20px 16px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}
.visitor-nav-item{height:42px;border-radius:8px;display:flex;align-items:center;gap:11px;padding:0 14px;font-size:11px;color:#0a69c9;font-weight:700}
.visitor-nav-item.active{background:#dceeff;box-shadow:0 5px 12px rgba(71,140,202,.08)}
.visitor-nav-item span{font-size:15px}
.visitor-help{background:#e9f5ff;border:1px solid #d5eaf9;border-radius:9px;padding:20px 17px;margin-bottom:4px}
.help-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d9edff;color:#087af2;font-size:17px;margin-bottom:11px}
.visitor-help h3{font-size:12px;margin:0 0 6px;color:#163b69}.visitor-help p{font-size:10px;line-height:1.5;color:#5f7c99;margin:0}
.visitor-main{position:relative;z-index:1;padding:46px clamp(30px,6vw,95px) 48px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.visitor-hero{width:min(100%,850px);margin:0 auto 25px;display:grid;grid-template-columns:330px 1fr;align-items:center;gap:18px}
.visitor-illustration img{width:100%;height:auto;display:block}
.visitor-copy h1{font-size:29px;letter-spacing:-.8px;margin:0 0 9px;color:#102d59}.visitor-copy .agent-connect{font-size:14px;color:#0875eb;font-weight:600;margin:0 0 6px}.visitor-copy .agent-subcopy{font-size:11px;line-height:1.55;color:#5d7896;margin:0;max-width:470px}
.visitor-message-card{width:min(100%,850px);margin:0 auto;background:rgba(255,255,255,.82);border:1px solid #d7e9f8;border-radius:13px;box-shadow:0 14px 34px rgba(55,103,145,.09);padding:17px 19px 13px;box-sizing:border-box;position:relative}
.message-label{display:flex;align-items:center;gap:8px;color:#0876ea;font-size:11px;font-weight:700}.message-label span{color:#7b96af;font-weight:500}
.visitor-text{height:115px;min-height:115px;border:0!important;box-shadow:none!important;background:transparent!important;padding:10px 2px 0!important;font-size:12px;line-height:1.55;resize:none;color:#17395f;outline:none}
.count{text-align:right;color:#4b77a0;font-size:9px;margin-top:-2px}
.visitor-notice{margin-top:8px}

@media(max-width:900px){
  .visitor-header{height:60px;padding:0 16px}.visitor-header-brand{font-size:14px;gap:7px}.visitor-logo{width:25px;height:25px}.visitor-header-status{font-size:9px}.visitor-menu{display:block}
  .visitor-app{min-height:calc(100vh - 60px);display:block}.visitor-sidebar{display:none}
  .visitor-main{padding:28px 18px 30px;justify-content:flex-start}.visitor-hero{grid-template-columns:1fr;gap:5px;width:min(100%,540px);text-align:center;margin-bottom:20px}.visitor-illustration{width:min(100%,245px);margin:0 auto}.visitor-copy h1{font-size:24px;margin-bottom:7px}.visitor-copy .agent-connect{font-size:11px}.visitor-copy .agent-subcopy{font-size:10px;margin:0 auto;max-width:360px}.visitor-message-card{width:min(100%,540px);padding:14px 15px 10px;border-radius:11px}.visitor-text{height:150px;min-height:150px}.message-label{font-size:10px}
  .verification-layer{padding:14px}.verification-card{width:min(100%,520px);display:block;min-height:0;padding:22px 18px 18px;border-radius:11px}.verification-card:before{display:none}.verification-visual{padding:0 35px 5px}.verification-visual img{width:min(100%,210px)}.verification-card h1{text-align:center;font-size:20px}.verification-subtitle{text-align:center;font-size:10px;margin-bottom:18px}.verification-field label,.holder-field legend{font-size:10px}.verification-field input[type=text],.holder-option span,.verification-button{height:42px}.verification-foot{text-align:center}
}
@media(max-width:520px){
  .visitor-header-status{display:none}.visitor-main{padding:22px 13px 22px}.visitor-hero{margin-bottom:17px}.visitor-illustration{width:205px}.visitor-copy h1{font-size:22px}.visitor-copy .agent-connect{font-size:10px}.visitor-copy .agent-subcopy{font-size:9px}.visitor-message-card{padding:13px 12px 9px}.visitor-text{height:155px;min-height:155px;font-size:11px}.count{font-size:8px}
  .verification-card{padding:20px 15px 16px}.verification-visual{padding:0 24px}.verification-visual img{width:185px}.verification-card h1{font-size:19px}.verification-subtitle{font-size:9px}.holder-options{gap:8px}.holder-option span{font-size:10px}.verification-button{font-size:10px}
}


/* Reference-matched final visitor presentation */
.verification-layer{top:72px;left:235px;right:0;bottom:0;padding:38px 28px;background:linear-gradient(135deg,rgba(248,252,255,.98),rgba(235,247,255,.98));backdrop-filter:none;align-items:center;justify-content:center;box-sizing:border-box;overflow:auto}
.verification-mobile-nav{display:none}
.verification-card{width:min(100%,930px);min-height:365px;grid-template-columns:43% 57%;padding:30px 42px;border-radius:13px;box-shadow:0 20px 52px rgba(40,91,140,.14)}
.verification-visual{padding:8px 22px}
.verification-visual img{width:min(100%,320px)}
.verification-card h1{font-size:25px}
.verification-subtitle{font-size:12px}
.visitor-content-hidden{visibility:visible}
.visitor-app{visibility:visible}
.visitor-main{visibility:hidden}

@media(max-width:900px){
  .verification-layer{top:60px;left:0;right:0;bottom:0;padding:14px 13px 20px;display:flex;align-items:flex-start;justify-content:flex-start;overflow:auto;background:linear-gradient(180deg,#f7fbff 0%,#edf7ff 100%)}
  .verification-mobile-nav{display:flex;align-items:center;gap:7px;align-self:stretch;height:36px;padding:0 8px;margin:0 0 8px;border-radius:8px;background:#dceeff;color:#0873df;font-size:10px;font-weight:700;box-sizing:border-box}
  .verification-card{width:100%;max-width:520px;min-height:0;display:block;margin:0 auto;padding:17px 15px 15px;border-radius:11px}
  .verification-visual{padding:0 24px 3px}
  .verification-visual img{width:185px}
  .verification-card h1{font-size:19px}
  .verification-subtitle{font-size:9px;margin-bottom:17px}
  .verification-field label,.holder-field legend{font-size:10px}
  .verification-field input[type=text],.holder-option span,.verification-button{height:42px}
  .verification-foot{text-align:center}
  .visitor-main{visibility:hidden}
}
@media(max-width:520px){
  .verification-layer{padding:10px 12px 16px}
  .verification-mobile-nav{height:34px;margin-bottom:7px;font-size:9px}
  .verification-card{padding:16px 14px 14px}
  .verification-visual{padding:0 18px 2px}
  .verification-visual img{width:180px}
  .verification-card h1{font-size:19px;margin-bottom:5px}
  .verification-subtitle{font-size:9px;line-height:1.5;margin-bottom:16px}
  .holder-options{gap:8px}
  .holder-option span{font-size:10px}
  .verification-button{font-size:10px;margin-top:19px}
}

/* === FINAL REFERENCE MATCH: VISITOR UI === */
.visitor-page{background:#eef7ff;color:#102d59;overflow-x:hidden}
.visitor-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(ellipse 480px 300px at 18% 55%,rgba(188,225,255,.34),transparent 70%),
  radial-gradient(ellipse 520px 360px at 86% 28%,rgba(184,224,255,.34),transparent 72%),
  linear-gradient(135deg,#f8fcff 0%,#edf7ff 48%,#f7fbff 100%)}
.visitor-header{height:72px;position:relative;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid #d9e8f6;padding:0 34px;display:flex;align-items:center;justify-content:space-between}
.visitor-header-brand{display:flex;align-items:center;gap:10px;color:#063b8f;font-size:18px;font-weight:800;letter-spacing:-.45px}
.visitor-logo{width:31px;height:31px;display:block}
.visitor-header-status{display:flex;align-items:center;gap:8px;color:#214d79;font-size:10px;font-weight:600}
.secure-icon{width:14px;height:14px;border-radius:4px;background:#087af2;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900;line-height:1}
.visitor-menu{display:none;border:0;background:transparent;padding:4px;width:24px;height:24px;flex-direction:column;justify-content:center;gap:3px}
.visitor-menu span{display:block;width:15px;height:1.5px;background:#087af2;border-radius:2px}

.verification-layer{position:fixed;z-index:20;top:72px;left:235px;right:0;bottom:0;padding:34px 28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(248,252,255,.99),rgba(235,247,255,.99));backdrop-filter:none;overflow:auto}
.verification-mobile-nav{display:none}
.verification-card{position:relative;width:min(100%,930px);min-height:365px;display:grid;grid-template-columns:43% 57%;align-items:center;padding:30px 42px;background:linear-gradient(135deg,#ffffff 0%,#f8fcff 100%);border:1px solid #d7e8f7;border-radius:13px;box-shadow:0 20px 52px rgba(40,91,140,.14);overflow:hidden}
.verification-card:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-180px;top:-220px;background:rgba(157,211,255,.16);pointer-events:none}
.verification-visual{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:8px 22px}
.verification-visual img{width:min(100%,320px);height:auto;display:block}
.verification-card h1{position:relative;z-index:1;text-align:left;font-size:25px;line-height:1.15;letter-spacing:-.7px;margin:0 0 8px;color:#102d59}
.verification-subtitle{position:relative;z-index:1;text-align:left;font-size:12px;line-height:1.55;color:#6683a0;margin:0 0 22px;max-width:460px}
.verification-field label,.holder-field legend{font-size:11px;font-weight:800;color:#153c6b;margin-bottom:8px;display:block}
.verification-field input[type=text]{height:44px;border-radius:7px;background:#f8fbff;border:1px solid #cfe2f4;font-size:12px;padding:0 13px;color:#193957;outline:none;width:100%;box-sizing:border-box}
.verification-field input[type=text]:focus{border-color:#76b4ee;box-shadow:0 0 0 3px rgba(8,122,242,.08)}
.holder-field{margin-top:17px}
.holder-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.holder-option span{height:44px;border-radius:7px;border:1px solid #bcd3e8;background:#fff;color:#183b61;font-size:11px;font-weight:700;display:grid;place-items:center;transition:.16s ease;box-shadow:0 1px 2px rgba(39,79,116,.04)}
.holder-option:hover span{border-color:#9fc8ed}
.holder-option input:checked+span{border-color:#087af2;background:#087af2;color:#fff;box-shadow:0 5px 14px rgba(8,122,242,.18)}
.verification-button{height:44px;width:100%;border:0;border-radius:7px;margin-top:20px;background:linear-gradient(180deg,#087cf0,#0868d9);color:#fff;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(8,104,217,.20)}
.verification-foot{text-align:center;font-size:9px;line-height:1.5;color:#7891aa;margin:12px 0 0}

.visitor-app{position:relative;z-index:1;min-height:calc(100vh - 72px);display:grid;grid-template-columns:235px minmax(0,1fr);background:linear-gradient(135deg,rgba(255,255,255,.67),rgba(235,247,255,.78));overflow:hidden}
.visitor-app:before{content:"";position:absolute;width:680px;height:420px;left:-280px;bottom:-220px;border-radius:50%;background:rgba(173,219,255,.20);pointer-events:none}
.visitor-app:after{content:"";position:absolute;width:720px;height:460px;right:-250px;bottom:-270px;border-radius:50%;background:rgba(164,215,255,.17);pointer-events:none}
.visitor-sidebar{background:rgba(255,255,255,.63);border-right:1px solid #dbeaf7;padding:20px 16px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}
.visitor-nav-item{height:42px;border-radius:8px;display:flex;align-items:center;gap:11px;padding:0 14px;font-size:11px;color:#0a69c9;font-weight:700}
.visitor-nav-item.active{background:#dceeff;box-shadow:0 5px 12px rgba(71,140,202,.08)}
.chat-icon,.message-chat-icon{position:relative;display:inline-block;width:14px;height:10px;border-radius:3px;background:#087af2;flex:none}
.chat-icon:after,.message-chat-icon:after{content:"";position:absolute;left:2px;bottom:-3px;border-width:3px 3px 0 0;border-style:solid;border-color:#087af2 transparent transparent transparent}
.chat-icon:before,.message-chat-icon:before{content:"•••";position:absolute;left:2px;top:-3px;color:#fff;font-size:7px;letter-spacing:0;line-height:10px}
.visitor-help{background:#e9f5ff;border:1px solid #d5eaf9;border-radius:9px;padding:20px 17px;margin-bottom:4px}
.help-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d9edff;color:#087af2;margin-bottom:11px}
.headset-icon{position:relative;width:17px;height:14px;border:2px solid #087af2;border-bottom:0;border-radius:10px 10px 0 0;display:block}
.headset-icon:before,.headset-icon:after{content:"";position:absolute;top:7px;width:4px;height:7px;background:#087af2;border-radius:2px}.headset-icon:before{left:-4px}.headset-icon:after{right:-4px}
.visitor-help h3{font-size:12px;margin:0 0 6px;color:#163b69}.visitor-help p{font-size:10px;line-height:1.5;color:#5f7c99;margin:0}
.visitor-main{position:relative;z-index:1;visibility:visible;padding:46px clamp(30px,6vw,95px) 48px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.visitor-hero{width:min(100%,850px);margin:0 auto 25px;display:grid;grid-template-columns:330px 1fr;align-items:center;gap:18px}
.visitor-illustration img{width:100%;height:auto;display:block}
.visitor-copy h1{font-size:29px;line-height:1.1;letter-spacing:-.8px;margin:0 0 9px;color:#102d59}
.visitor-copy .agent-connect{font-size:14px;line-height:1.35;color:#0875eb;font-weight:600;margin:0 0 6px}
.visitor-copy .agent-subcopy{font-size:11px;line-height:1.55;color:#5d7896;margin:0;max-width:470px}
.visitor-message-card{width:min(100%,850px);margin:0 auto;background:rgba(255,255,255,.84);border:1px solid #d7e9f8;border-radius:13px;box-shadow:0 14px 34px rgba(55,103,145,.09);padding:17px 19px 13px;box-sizing:border-box;position:relative}
.message-label{display:flex;align-items:center;gap:8px;color:#0876ea;font-size:11px;font-weight:700}.message-label>span:last-child{color:#7b96af;font-weight:500}
.message-chat-icon{width:14px;height:10px}
.visitor-text{height:115px;min-height:115px;width:100%;border:0!important;box-shadow:none!important;background:transparent!important;padding:10px 2px 0!important;font-size:12px;line-height:1.55;resize:none;color:#17395f;outline:none}
.count{text-align:right;color:#4b77a0;font-size:9px;margin-top:-2px}
.visitor-notice{margin-top:8px}

/* verification remains visible only until successful submit */
.verification-layer.hidden{opacity:0;visibility:hidden;pointer-events:none}

@media(max-width:900px){
  .visitor-header{height:60px;padding:0 16px}
  .visitor-header-brand{font-size:14px;gap:7px}.visitor-logo{width:25px;height:25px}
  .visitor-header-status{font-size:9px}.visitor-menu{display:flex}
  .visitor-app{min-height:calc(100vh - 60px);display:block}.visitor-sidebar{display:none}
  .visitor-main{padding:22px 18px 30px;justify-content:flex-start}
  .visitor-hero{grid-template-columns:1fr;gap:5px;width:min(100%,540px);text-align:center;margin:0 auto 20px}
  .visitor-illustration{width:min(100%,245px);margin:0 auto}.visitor-illustration img{width:100%}
  .visitor-copy h1{font-size:24px;margin-bottom:7px}.visitor-copy .agent-connect{font-size:11px}.visitor-copy .agent-subcopy{font-size:10px;margin:0 auto;max-width:360px}
  .visitor-message-card{width:min(100%,540px);padding:14px 15px 10px;border-radius:11px}
  .visitor-text{height:150px;min-height:150px}.message-label{font-size:10px}
  .verification-layer{top:60px;left:0;right:0;bottom:0;padding:10px 12px 16px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:auto;background:linear-gradient(180deg,#f7fbff 0%,#edf7ff 100%)}
  .verification-mobile-nav{display:flex;align-items:center;gap:7px;height:34px;flex:none;padding:0 8px;margin:0 0 7px;border-radius:8px;background:#dceeff;color:#0873df;font-size:9px;font-weight:700;box-sizing:border-box}
  .verification-card{width:100%;max-width:520px;min-height:0;display:block;margin:0 auto;padding:16px 14px 14px;border-radius:11px}
  .verification-card:before{display:none}
  .verification-visual{padding:0 18px 2px}.verification-visual img{width:180px;margin:0 auto}
  .verification-card h1{text-align:center;font-size:19px;line-height:1.15;margin-bottom:5px}
  .verification-subtitle{text-align:center;font-size:9px;line-height:1.5;margin-bottom:16px}
  .verification-field label,.holder-field legend{font-size:10px}.verification-field input[type=text],.holder-option span,.verification-button{height:42px}
  .holder-options{gap:8px}.holder-option span{font-size:10px}.verification-button{font-size:10px;margin-top:19px}.verification-foot{text-align:center;font-size:8px;margin-top:11px}
}
@media(max-width:520px){
  .visitor-header-status{display:flex}.visitor-header-status .secure-icon{width:11px;height:11px;font-size:7px;border-radius:3px}
  .visitor-main{padding:18px 13px 22px}.visitor-hero{margin-bottom:17px}.visitor-illustration{width:205px}
  .visitor-copy h1{font-size:22px}.visitor-copy .agent-connect{font-size:10px}.visitor-copy .agent-subcopy{font-size:9px}
  .visitor-message-card{padding:13px 12px 9px}.visitor-text{height:155px;min-height:155px;font-size:11px}.count{font-size:8px}
  .verification-mobile-nav{height:34px;margin-bottom:7px;font-size:9px}.verification-card{padding:16px 14px 14px}.verification-visual{padding:0 18px 2px}.verification-visual img{width:180px}.verification-card h1{font-size:19px}.verification-subtitle{font-size:9px}.holder-options{gap:8px}.holder-option span{font-size:10px}.verification-button{font-size:10px}
}

/* Mobile header states from the reference */
@media(max-width:900px){
  body:not(.visitor-connected) .visitor-menu{display:none}
  body.visitor-connected .visitor-menu{display:flex}
  body:not(.visitor-connected) .visitor-header-status{position:absolute;right:16px;top:24px}
  body:not(.visitor-connected) .visitor-header-status #visitorHeaderStatusText{display:none}
  body:not(.visitor-connected) .visitor-header-status .secure-icon{background:#087af2;color:#fff;width:13px;height:13px;font-size:8px}
  body.visitor-connected .visitor-header{align-items:center;padding-top:0}
  body.visitor-connected .visitor-header-brand{align-self:center}
  body.visitor-connected .visitor-header-status{position:absolute;right:16px;left:auto;top:24px;gap:5px;color:#214d79;font-size:9px;font-weight:600}
  body.visitor-connected .visitor-header-status #visitorHeaderStatusText{display:none}
  body.visitor-connected .visitor-header-status .secure-icon{background:#087af2;color:#fff;width:13px;height:13px;font-size:8px;border-radius:3px;box-shadow:none}
  body.visitor-connected .visitor-header-status .secure-icon:after{display:none}
}

/* === REFERENCE-ACCURATE VISITOR VERIFICATION LAYOUT === */
.verification-card{
  width:min(100%,800px);
  min-height:300px;
  grid-template-columns:42% 58%;
  gap:0;
  padding:28px 34px;
}
.verification-visual{padding:0 20px;align-self:start;margin-top:8px}
.verification-visual img{width:min(100%,275px)}
.verification-copy{position:relative;z-index:1;align-self:center;min-width:0}
.verification-copy .verification-subtitle{max-width:390px;margin-bottom:20px}
.verification-card h1{font-size:24px;margin-bottom:7px}
.verification-field input[type=text]{height:38px;font-size:11px}
.verification-field label,.holder-field legend{font-size:10px;margin-bottom:6px}
.holder-field{margin-top:14px}
.holder-options{gap:8px}
.holder-option span{height:38px;font-size:10px}
.verification-button{height:39px;margin-top:16px;font-size:10px}
.verification-foot{font-size:8px;margin-top:10px}

@media(max-width:900px){
  .verification-layer{padding:10px 12px 18px}
  .verification-card{width:100%;max-width:520px;display:block;padding:15px 14px 13px;border-radius:11px}
  .verification-visual{padding:0;margin:0 auto 1px;width:205px}
  .verification-visual img{width:100%;margin:0 auto}
  .verification-copy{width:100%}
  .verification-card h1{text-align:center;font-size:19px;margin:2px 0 5px}
  .verification-copy .verification-subtitle{text-align:center;font-size:9px;line-height:1.45;margin:0 auto 15px;max-width:350px}
  .verification-field label,.holder-field legend{font-size:9px;margin-bottom:5px}
  .verification-field input[type=text]{height:38px;font-size:10px}
  .holder-field{margin-top:13px}
  .holder-option span{height:38px;font-size:10px}
  .verification-button{height:39px;font-size:10px;margin-top:16px}
  .verification-foot{font-size:8px;margin-top:10px}
}
@media(max-width:520px){
  .verification-card{padding:14px 13px 12px}
  .verification-visual{width:190px}
  .verification-card h1{font-size:18px}
  .verification-copy .verification-subtitle{font-size:8.5px;margin-bottom:14px}
  .verification-field input[type=text],.holder-option span{height:37px}
  .verification-button{height:38px}
}

/* Message character counter intentionally removed; visitor can type without a 500-character UI limit. */
.count{display:none!important}

/* Document delivery */
.card-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.documents-list{margin-top:14px;border-top:1px solid #eef1f5}
.documents-empty{padding:18px 0;color:#8b95a7;font-size:12px}
.document-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #eef1f5}
.document-row strong{font-size:12px;color:#172033;font-weight:650}.document-meta{font-size:10px;color:#8b95a7;margin-top:4px}.document-state{font-size:9px;color:#137a55;background:#edf8f3;border:1px solid #ccebdd;padding:5px 8px;border-radius:999px;white-space:nowrap}
.pdf-modal{display:none;position:fixed;inset:0;z-index:1000}.pdf-modal.show{display:block}.pdf-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.42)}.pdf-modal-panel{position:absolute;inset:3vh 3vw;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 80px rgba(15,23,42,.28);display:flex;flex-direction:column}.pdf-modal-head{height:54px;flex:0 0 54px;border-bottom:1px solid #e8ebf0;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 20px;background:#fff}.pdf-modal-head strong{display:block;font-size:13px;color:#172033}.pdf-modal-head span{display:block;font-size:10px;color:#8b95a7;margin-top:2px}.pdf-close{border:0;background:transparent;font-size:26px;line-height:1;color:#667085;cursor:pointer;padding:2px 8px}.pdf-modal-panel iframe{border:0;width:100%;height:100%;background:#eef2f7}
.doc-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#eaf1ff;color:#2754b8;font-size:9px;display:inline-flex;align-items:center;justify-content:center}.doc-badge.hidden{display:none}.visitor-documents{margin-top:24px;padding:22px;background:#fff;border:1px solid #e9edf3;border-radius:14px;scroll-margin-top:20px}.visitor-documents.has-new{box-shadow:0 0 0 2px rgba(39,84,184,.12)}.visitor-documents-head h2{margin:0;font-size:15px;color:#172033}.visitor-documents-head p{margin:5px 0 16px;font-size:11px;color:#8b95a7}.visitor-doc-empty{font-size:11px;color:#8b95a7;padding:12px 0}.visitor-doc-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid #eef1f5}.visitor-doc-row strong{font-size:12px;color:#172033}.visitor-doc-meta{font-size:10px;color:#8b95a7;margin-top:4px}.visitor-doc-button{border:1px solid #d7deea;background:#fff;color:#274b9b;border-radius:7px;padding:7px 11px;font-size:10px;font-weight:650;cursor:pointer;white-space:nowrap}.visitor-doc-button:hover{background:#f5f7fb}.doc-icon{font-size:12px;opacity:.75}
@media(max-width:768px){.pdf-modal-panel{inset:0;border-radius:0}.card-head-row{align-items:flex-start}.card-head-row .button{font-size:8px!important}.visitor-documents{margin:16px 12px;padding:16px}.visitor-doc-row{align-items:flex-start}.visitor-doc-button{padding:8px 10px}}


/* =========================================================
   FINAL CLEAN PROFESSIONAL DESIGN — LOGO-FREE BRANDING
   Visual-only layer. Existing application logic is unchanged.
   ========================================================= */
:root{--ui-blue:#1976f3;--ui-blue-dark:#0e56c7;--ui-ink:#102d59;--ui-muted:#66809d;--ui-line:#dce8f3;--ui-soft:#f4f8fc;--ui-green:#18b66a;--ui-red:#ef5350}
*{box-sizing:border-box}
body.owner-page{background:#f4f8fc;color:var(--ui-ink);font-family:"Clear Sans Local",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.owner-shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr);background:#f4f8fc}
.sidebar{background:#fff;color:var(--ui-ink);border-right:1px solid #dfe8f1;box-shadow:none;overflow:hidden}
.sidebar:after{display:none}
.sidebar-brand{height:74px;padding:0 22px;gap:11px;color:#0d2f5c;font-size:16px;font-weight:800;border-bottom:1px solid #e5edf5;letter-spacing:-.35px}
.sidebar-brand img{display:none}
.brand-mark{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#eaf3ff;border:1px solid #d1e4fb;color:var(--ui-blue);font-size:10px;font-weight:900;letter-spacing:-.5px}
.nav{padding:18px 12px}
.nav a{height:44px;border-radius:8px;padding:0 14px;gap:12px;margin-bottom:5px;color:#244b73;font-size:11px;font-weight:650;transition:.16s ease}
.nav a:hover{background:#f1f7fd;color:#0e64ce}
.nav a.active{background:#1976f3;color:#fff;box-shadow:0 8px 18px rgba(25,118,243,.18)}
.nav-icon{width:18px;font-size:14px;opacity:.9}
.owner-main{min-width:0;background:#f4f8fc}
.owner-header{height:74px;background:#fff;border-bottom:1px solid #dfe8f1;padding:0 28px}
.owner-title{font-size:18px;letter-spacing:-.4px}
.owner-main-body{padding:30px;max-width:1180px}
.section-head{margin-bottom:20px}.section-head h1{font-size:22px;letter-spacing:-.5px}.section-head p{font-size:11px;color:var(--ui-muted)}
.owner-card{border:1px solid #dbe7f2;border-radius:12px;box-shadow:0 8px 24px rgba(32,72,110,.05)}
.button{height:40px;border-radius:8px;background:linear-gradient(180deg,#2584f6,#126de2);box-shadow:0 6px 15px rgba(18,109,226,.16);font-size:11px}
.button.secondary{background:#f7fbff;color:#125fc0;border:1px solid #cfe1f3;box-shadow:none}
.button.danger{background:#fff2f2;color:#d33b39;border:1px solid #ffc9c7;box-shadow:none}

/* Dashboard */
.dash-top{height:76px;background:#fff;border-bottom:1px solid #dfe8f1;padding:0 28px;gap:12px}
.session-pill{font-size:15px;padding:0;border:0;background:transparent;font-weight:800;color:#102d59}
.live-pill{font-size:11px;padding:7px 12px;border-radius:20px;background:#e9fbf2;color:#159957}
.live-pill:before{width:7px;height:7px;background:#18b66a;margin-right:6px}
.dash-update{font-size:10px;color:#68829e}
#endTop{height:38px!important;font-size:10px!important;padding:0 16px!important;margin-left:12px}
.dash-body{padding:20px 28px 28px}
.dash-grid{display:grid;grid-template-columns:minmax(245px,285px) minmax(430px,1fr);gap:16px;align-items:start}
.dash-card{padding:18px;background:#fff;border:1px solid #dbe7f2;border-radius:12px;box-shadow:0 7px 22px rgba(30,75,115,.045)}
.dash-card h3{font-size:14px;margin:0 0 16px;color:#102d59;letter-spacing:-.2px}
.dash-grid>.dash-card:nth-child(1){grid-column:1;grid-row:1 / span 2}
.dash-grid>.dash-card:nth-child(2){grid-column:2;grid-row:1}
.dash-grid>.dash-card:nth-child(3){grid-column:2;grid-row:2}
.dash-grid>.dash-card:nth-child(4){grid-column:1 / span 2;grid-row:3;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:start}
.info-list{gap:0}
.info-row{min-height:33px;grid-template-columns:1fr auto;gap:10px;font-size:10px;border-bottom:1px solid #edf2f7}
.info-row .key{gap:7px;color:#597795}.info-row .value{font-weight:700;color:#173b62;max-width:145px;text-align:right}
.info-sep{height:10px;background:transparent;border:0;margin:0}
.live-text{height:290px;min-height:290px;border:1px solid #dfeaf4;background:#fbfdff;border-radius:9px;padding:16px;font-size:11px;line-height:1.65;color:#244b73}
.text-time{margin-top:-25px;font-size:9px;padding-right:11px;color:#7891aa}
.documents-card{min-height:175px}
.card-head-row{margin-bottom:14px}
.card-head-row h3{margin:0}
.documents-list{display:grid;gap:9px}.document-row{min-height:70px;padding:12px 14px;border:1px solid #dfe9f3;border-radius:9px;background:#fbfdff;display:flex;align-items:center;justify-content:space-between;gap:14px}.document-row strong{font-size:11px;color:#173b62}.document-meta{font-size:9px;color:#6c86a0;margin-top:5px}.document-state{font-size:9px;color:#159957;background:#e9fbf2;border-radius:15px;padding:6px 10px;font-weight:800;white-space:nowrap}
.status-box{display:grid;gap:12px}.status-line{font-size:10px}.status-dot{width:9px;height:9px;background:#18b66a;box-shadow:0 0 0 4px #e9faf1}.status-dot.off{background:#ef5350;box-shadow:0 0 0 4px #fff0ef}.signal{display:none}
.session-details,.quick{border-top:0;margin-top:0;padding-top:0}.session-details h3,.quick h3{margin-bottom:12px}.quick .button{height:36px;font-size:10px}
.dash-grid>.dash-card:nth-child(4)>*{background:#fff;border:1px solid #e2ebf3;border-radius:10px;padding:16px;min-height:128px}
.dash-grid>.dash-card:nth-child(4) .session-details,.dash-grid>.dash-card:nth-child(4) .quick{margin:0;padding:16px}
.dash-grid>.dash-card:nth-child(4) .session-details .info-list{margin-top:0}

/* Create / settings pages */
.create-card,.settings-card{padding:22px}.create-card h2{font-size:16px}.create-card .sub,.settings-card p{font-size:10px;color:var(--ui-muted)}
.settings-grid{gap:16px}.setting-value{border:1px solid #e1ebf4;background:#f9fbfd;border-radius:8px;padding:11px;font-size:10px}

/* Visitor — same visual language, no Phone Details Hub logo */
.visitor-page{font-family:"Clear Sans Local",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ui-ink);background:#eef6ff}
.visitor-bg{background:radial-gradient(circle at 78% 25%,rgba(173,218,255,.24),transparent 34%),linear-gradient(135deg,#f9fcff 0%,#edf7ff 100%)}
.visitor-header{height:72px;background:#fff;border-bottom:1px solid #dcebf8;padding:0 34px}
.visitor-header-brand{gap:10px;color:#102d59;font-size:18px;font-weight:800;letter-spacing:-.45px}
.visitor-brand-mark{width:31px;height:31px;border-radius:8px;background:#eaf3ff;border:1px solid #d1e4fb;color:#1976f3;display:grid;place-items:center;font-size:10px;font-weight:900}
.visitor-logo{display:none}
.visitor-header-status{font-size:10px;color:#587593}.secure-icon{background:#e9fbf2;color:#159957;width:20px;height:20px;border-radius:6px}
.visitor-app{grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 72px);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(235,247,255,.78))}
.visitor-sidebar{background:rgba(255,255,255,.68);border-right:1px solid #dbeaf7;padding:22px 14px}
.visitor-nav-item{height:42px;border-radius:8px;color:#244b73;font-size:11px}.visitor-nav-item.active{background:#e5f2ff;color:#126dde;box-shadow:none}
.visitor-help{background:#f1f8ff;border:1px solid #d9eaf8;border-radius:10px;padding:17px 15px}.help-icon{background:#e1f0ff}
.visitor-main{padding:44px clamp(28px,6vw,90px) 48px}
.visitor-hero{width:min(100%,860px);grid-template-columns:340px 1fr;gap:24px;margin-bottom:24px}
.visitor-illustration img{width:100%}.visitor-copy h1{font-size:30px}.visitor-copy .agent-connect{font-size:14px;color:#1976f3}.visitor-copy .agent-subcopy{font-size:11px}
.visitor-message-card{width:min(100%,860px);border-radius:12px;background:rgba(255,255,255,.9);border:1px solid #d8e8f6;box-shadow:0 10px 28px rgba(55,103,145,.07);padding:18px 20px 14px}
.message-label{font-size:11px;color:#1976f3}.message-label>span:last-child{color:#708aa5}.visitor-text{height:155px;min-height:155px;padding:12px 2px 0!important;font-size:12px}
.visitor-documents{width:min(100%,860px);margin:16px auto 0;background:rgba(255,255,255,.9);border:1px solid #d8e8f6;border-radius:12px;padding:18px 20px;box-shadow:0 10px 28px rgba(55,103,145,.06)}
.visitor-documents-head h2{font-size:14px}.visitor-documents-head p{font-size:10px}.visitor-doc-row{border:1px solid #dfe9f3;border-radius:9px;background:#fbfdff;padding:12px 14px}.visitor-doc-button{background:#1976f3;border-radius:8px}

/* Verification remains functionally identical, only restyled */
.verification-layer{background:rgba(244,249,255,.98);padding:38px 28px}
.verification-card{border-radius:12px;box-shadow:0 18px 48px rgba(40,91,140,.12);border-color:#d9e7f3}
.verification-button{background:linear-gradient(180deg,#2584f6,#126de2)}

@media(max-width:900px){
  .owner-shell{grid-template-columns:1fr}.sidebar{display:none}.owner-header{height:64px;padding:0 18px}.owner-main-body{padding:20px 16px}.dash-top{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 16px}.dash-update{margin-left:auto}.dash-body{padding:14px 16px}.dash-grid{grid-template-columns:1fr}.dash-grid>.dash-card:nth-child(1),.dash-grid>.dash-card:nth-child(2),.dash-grid>.dash-card:nth-child(3),.dash-grid>.dash-card:nth-child(4){grid-column:1;grid-row:auto}.dash-grid>.dash-card:nth-child(4){display:block}.dash-grid>.dash-card:nth-child(4)>*{margin-bottom:12px}.dash-grid>.dash-card:nth-child(4)>*:last-child{margin-bottom:0}
  .visitor-header{padding:0 18px}.visitor-app{display:block;min-height:calc(100vh - 60px)}.visitor-sidebar{display:none}.visitor-main{padding:28px 18px 32px}.visitor-hero{grid-template-columns:1fr;width:min(100%,560px);text-align:center;gap:8px}.visitor-illustration{width:min(100%,260px);margin:0 auto}.visitor-copy h1{font-size:25px}.visitor-message-card,.visitor-documents{width:min(100%,560px)}
}
@media(max-width:520px){
  .dash-top{gap:8px}.session-pill{font-size:12px}.live-pill{font-size:9px}.dash-update{font-size:8px}.dash-body{padding:10px}.dash-card{padding:14px}.live-text{height:240px;min-height:240px}.card-head-row{align-items:flex-start;gap:8px}.card-head-row .button{font-size:9px;padding:0 10px}.visitor-header{height:60px;padding:0 15px}.visitor-header-brand{font-size:14px}.visitor-brand-mark{width:26px;height:26px}.visitor-header-status{display:none}.visitor-main{padding:22px 13px}.visitor-hero{margin-bottom:17px}.visitor-illustration{width:210px}.visitor-copy h1{font-size:22px}.visitor-copy .agent-connect{font-size:10px}.visitor-copy .agent-subcopy{font-size:9px}.visitor-message-card,.visitor-documents{padding:14px 13px;border-radius:10px}.visitor-text{height:155px;min-height:155px}.visitor-documents{margin-top:13px}
}


/* === SESSION BRANDING === */
.branding-upload{margin:22px 0 18px;padding:18px;border:1px solid #d8e7f5;border-radius:12px;background:#f8fbff;display:flex;justify-content:space-between;gap:24px;align-items:center}
.branding-title{font-size:12px;font-weight:800;color:#123a68}.branding-title .required{margin-left:7px;color:#0877eb;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.branding-sub{font-size:10px;line-height:1.5;color:#6d88a3;margin:6px 0 0;max-width:500px}.branding-controls{display:flex;align-items:center;gap:12px}.logo-preview{width:84px;height:52px;border:1px dashed #b8cee2;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#8ba2b8;font-size:8px;font-weight:800}.logo-preview img{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}.branding-file{position:relative;min-width:150px}.branding-file input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.branding-file label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;height:34px;padding:0 13px;font-size:9px!important}.file-name{font-size:8px;color:#7891aa;margin-top:6px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-card>#create:disabled{opacity:.48;cursor:not-allowed}
.visitor-brand-logo{width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid #d4e6f7;display:grid;place-items:center;overflow:hidden;color:#0875eb;font-size:9px;font-weight:900}.visitor-brand-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:4px;box-sizing:border-box}.verification-visual{display:flex;align-items:center;justify-content:center;min-height:86px;margin-bottom:2px}.verification-logo{width:160px;height:78px;border:0;border-radius:0;background:transparent;display:grid;place-items:center;overflow:visible;box-shadow:none}.verification-logo img{display:block;width:auto;height:auto;max-width:150px;max-height:72px;object-fit:contain;padding:0;box-sizing:border-box}.verification-logo span,.visitor-hero-logo span{font-size:10px;font-weight:800;color:#8aa1b6;letter-spacing:1px}.visitor-hero-logo{width:100%;height:135px;border:0;border-radius:0;background:transparent;display:grid;place-items:center;overflow:visible;box-shadow:none}.visitor-hero-logo img{display:block;width:auto;height:auto;max-width:210px;max-height:120px;object-fit:contain;padding:0;box-sizing:border-box}.branding-unavailable .verification-logo span,.branding-unavailable .visitor-hero-logo span{display:none}.branding-unavailable .verification-logo,.branding-unavailable .visitor-hero-logo{background:transparent}
@media(max-width:900px){.branding-upload{display:block}.branding-controls{margin-top:14px}.verification-visual{min-height:72px;margin-bottom:0}.verification-logo{width:150px;height:70px;margin:0 auto}.verification-logo img{max-width:140px;max-height:64px;padding:0}.visitor-hero-logo{height:112px}.visitor-hero-logo img{max-width:180px;max-height:100px;padding:0}.visitor-illustration{max-width:220px;margin:0 auto;width:100%}}
/* Robust owner logo picker */
.branding-file{position:relative;min-width:170px}
.logo-picker{position:relative;display:block;width:100%;height:34px;cursor:pointer}
.logo-picker .button{width:100%;pointer-events:none}
.logo-picker input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:34px!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;z-index:5!important}
.file-name.error{color:#0871df}
.logo-preview img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
/* Final visitor-side premium branded workspace */
:root{--brand:#1976f3;--brand-rgb:25,118,243;--brand-soft:rgba(25,118,243,.09);--brand-border:rgba(25,118,243,.24);--visitor-ink:#102d59;--visitor-muted:#66809d}
.visitor-page{background:#f4f8fc!important;color:var(--visitor-ink);overflow-x:hidden}
.visitor-bg{background:linear-gradient(180deg,#f7fbff 0%,#eef5fb 100%)!important}
.visitor-header{height:70px!important;background:#fff!important;border-bottom:1px solid #e3ebf3!important;padding:0 34px!important;justify-content:space-between!important}
.visitor-header-brand{gap:11px!important;color:var(--visitor-ink)!important;font-size:16px!important;font-weight:800!important}
.visitor-brand-logo{width:34px!important;height:34px!important;border:1px solid #e5ebf2!important;border-radius:8px!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.visitor-brand-logo img{width:26px!important;height:26px!important;object-fit:contain!important;display:block!important}
.visitor-header-status{font-size:10px!important;color:#587593!important}
.visitor-header-status .secure-icon{background:rgba(var(--brand-rgb),.09)!important;color:var(--brand)!important;border:1px solid var(--brand-border)!important;width:20px!important;height:20px!important;border-radius:6px!important}
.visitor-app{grid-template-columns:218px minmax(0,1fr)!important;min-height:calc(100vh - 70px)!important;background:transparent!important}
.visitor-sidebar{background:#fff!important;border-right:1px solid #e3ebf3!important;padding:22px 14px 18px!important;justify-content:space-between!important}
.visitor-nav{display:flex!important;flex-direction:column!important;gap:5px!important}
.visitor-nav-item{height:42px!important;border-radius:8px!important;padding:0 13px!important;color:#58708a!important;font-size:11px!important;font-weight:700!important;gap:10px!important;transition:.15s ease!important}
.visitor-nav-item.active{background:var(--brand-soft)!important;color:var(--brand)!important;box-shadow:inset 3px 0 0 var(--brand)!important}
.visitor-nav-item:hover{background:rgba(var(--brand-rgb),.055)!important;color:var(--brand)!important}
.visitor-sidebar-secure{display:flex;align-items:center;gap:9px;padding:11px 7px;color:#617b94}
.visitor-sidebar-secure .sidebar-lock{width:25px;height:25px;border-radius:7px;background:var(--brand-soft);border:1px solid var(--brand-border);display:grid;place-items:center;color:var(--brand);font-size:11px;font-weight:900}
.visitor-sidebar-secure strong{display:block;font-size:9px;color:#294967}.visitor-sidebar-secure small{display:block;font-size:8px;margin-top:2px;color:#8aa0b5}
.visitor-main{padding:34px clamp(22px,4vw,64px) 46px!important;display:block!important;min-width:0!important}
.visitor-hero{width:min(100%,980px)!important;min-height:250px!important;margin:0 auto 18px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:22px!important;align-items:stretch!important;background:#fff!important;border:1px solid #e1eaf3!important;border-radius:13px!important;box-shadow:0 10px 30px rgba(35,73,108,.055)!important;overflow:hidden!important}
.visitor-copy{padding:35px 0 32px 35px!important;align-self:center!important}
.visitor-live-status{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:750;color:#5c7892;margin-bottom:13px;text-transform:none}
.visitor-live-status .secure-dot{width:7px;height:7px;background:#16b874;box-shadow:0 0 0 3px rgba(22,184,116,.10)}
.visitor-copy h1{font-size:31px!important;line-height:1.08!important;letter-spacing:-1.15px!important;color:#102d59!important;margin:0 0 11px!important}
.visitor-copy h1 span{font-weight:800!important}
.visitor-copy .agent-connect{font-size:13px!important;color:#426684!important;margin:0 0 5px!important}
.visitor-copy .agent-subcopy{font-size:10.5px!important;line-height:1.55!important;color:#8197aa!important;margin:0!important}
.visitor-hero-art{position:relative;min-height:250px;background:linear-gradient(135deg,rgba(var(--brand-rgb),.05),rgba(var(--brand-rgb),.18))!important;overflow:hidden}
.visitor-hero-photo{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden}
.visitor-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;mix-blend-mode:multiply;opacity:.98}
.visitor-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.25) 20%,transparent 48%),linear-gradient(180deg,transparent 50%,rgba(var(--brand-rgb),.15) 100%);pointer-events:none}
.visitor-hero-logo{position:absolute;left:18px;bottom:18px;width:72px;height:42px;background:#fff;border:1px solid #e4ebf2;border-radius:8px;display:grid;place-items:center;overflow:hidden;z-index:2;box-shadow:0 5px 16px rgba(27,60,92,.09)}
.visitor-hero-logo img{max-width:58px!important;max-height:30px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.visitor-details-card,.visitor-message-card,.visitor-documents{width:min(100%,980px)!important;margin-left:auto!important;margin-right:auto!important;background:#fff!important;border:1px solid #e1eaf3!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(35,73,108,.045)!important}
.visitor-details-card{padding:17px 19px!important;margin-bottom:12px!important}
.visitor-section-title{display:flex;align-items:center;gap:9px;color:#163754;font-size:12px!important}
.section-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:var(--brand-soft);border:1px solid var(--brand-border);color:var(--brand);font-size:12px;font-weight:800}
.section-icon.doc-red{color:var(--brand);background:var(--brand-soft);border-color:var(--brand-border)}
.visitor-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:13px;padding-top:13px;border-top:1px solid #edf2f6}
.visitor-details-grid>div{display:flex;flex-direction:column;gap:4px;padding-left:1px}.visitor-details-grid>div+div{border-left:1px solid #edf2f6;padding-left:24px}
.visitor-details-grid span{font-size:9px;color:#8397a9}.visitor-details-grid strong{font-size:11px;color:#24445f}
.visitor-message-card{padding:17px 19px 14px!important;margin-bottom:12px!important}
.message-label{display:flex!important;align-items:center!important;gap:8px!important;color:#6c849b!important;font-size:10px!important;font-weight:650!important;margin:0 0 8px!important}
.message-label .message-pencil{width:21px;height:21px;border-radius:6px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:11px}
.visitor-text{height:205px!important;min-height:205px!important;border:1px solid #dbe6ef!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;padding:14px 13px!important;font-size:12px!important;line-height:1.6!important;color:#193957!important;outline:none!important;resize:vertical!important}
.visitor-text:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.08)!important}
.visitor-live-share{margin-top:9px;padding:9px 11px;border-radius:7px;background:rgba(22,184,116,.055);border:1px solid rgba(22,184,116,.10);display:flex;align-items:center;gap:8px;font-size:9px;color:#567b68}
.visitor-live-share>span:first-child{width:18px;height:18px;border-radius:5px;background:#e8faf1;color:#15995f;display:grid;place-items:center;font-size:9px;font-weight:900}
.visitor-documents{padding:17px 19px!important;margin-top:0!important}
.visitor-documents-head{display:flex;align-items:center;justify-content:space-between}.visitor-documents-head p{font-size:9px!important;color:#8397a9!important;margin:4px 0 13px 34px!important}
.visitor-doc-row{border:1px solid #e2eaf1!important;border-radius:8px!important;background:#fbfdff!important;padding:11px 12px!important}
.visitor-doc-button{background:var(--brand-soft)!important;color:var(--brand)!important;border:1px solid var(--brand-border)!important;border-radius:7px!important;padding:8px 13px!important;font-size:10px!important;font-weight:750!important}
.visitor-doc-button:hover{background:rgba(var(--brand-rgb),.14)!important}
.visitor-notice{margin-top:9px!important}
/* verification follows the uploaded brand */
.verification-layer{background:rgba(244,248,252,.98)!important}
.verification-card{border-color:#e0e8f0!important;box-shadow:0 22px 55px rgba(34,69,100,.13)!important;background:#fff!important}
.verification-button{background:var(--brand)!important;box-shadow:0 8px 18px rgba(var(--brand-rgb),.18)!important}
.verification-button:hover{filter:brightness(.97)!important}
.verification-field input[type=text]:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.08)!important}
.holder-option input:checked+span{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important;box-shadow:0 5px 14px rgba(var(--brand-rgb),.18)!important}
.holder-option:hover span{border-color:var(--brand)!important}
.verification-visual{padding:0 24px!important}
.verification-logo{width:230px!important;height:125px!important;background:#fff!important;border:1px solid #e4ebf2!important;border-radius:10px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.verification-logo img{max-width:170px!important;max-height:82px!important;width:auto!important;height:auto!important;object-fit:contain!important}
/* mobile: same information architecture, stacked cleanly */
@media(max-width:899px){
  .visitor-header{height:62px!important;padding:0 17px!important}.visitor-header-brand{font-size:14px!important}.visitor-brand-logo{width:31px!important;height:31px!important}.visitor-brand-logo img{width:24px!important;height:24px!important}.visitor-header-status{font-size:9px!important}
  .visitor-app{display:block!important;min-height:calc(100vh - 62px)!important}.visitor-sidebar{display:none!important}.visitor-main{padding:18px 14px 28px!important}
  .visitor-hero{display:flex!important;flex-direction:column-reverse!important;width:100%!important;min-height:0!important;margin-bottom:12px!important;border-radius:12px!important}
  .visitor-hero-art{height:150px!important;min-height:150px!important}.visitor-hero-photo img{object-position:center 16%}.visitor-hero-logo{left:14px;bottom:13px;width:64px;height:36px}.visitor-hero-logo img{max-width:51px!important;max-height:25px!important}
  .visitor-copy{padding:18px 18px 20px!important;text-align:left!important}.visitor-live-status{margin-bottom:9px}.visitor-copy h1{font-size:24px!important;line-height:1.08!important;margin-bottom:9px!important}.visitor-copy .agent-connect{font-size:10.5px!important}.visitor-copy .agent-subcopy{font-size:9px!important}
  .visitor-details-card,.visitor-message-card,.visitor-documents{width:100%!important}.visitor-details-card{padding:14px!important}.visitor-message-card{padding:14px 14px 12px!important}.visitor-text{height:190px!important;min-height:190px!important;font-size:11px!important}.visitor-documents{padding:14px!important}.visitor-documents-head p{margin-left:34px!important;font-size:8.5px!important}.visitor-doc-button{padding:8px 11px!important}
}
@media(max-width:520px){
  .visitor-header-brand>span:last-child{font-size:13px}.visitor-header-status #visitorHeaderStatusText{display:none}.visitor-header-status .secure-icon{width:17px!important;height:17px!important;border-radius:5px!important}
  .visitor-main{padding:12px 10px 22px!important}.visitor-hero-art{height:126px!important;min-height:126px!important}.visitor-copy{padding:15px 15px 17px!important}.visitor-copy h1{font-size:21px!important}.visitor-copy .agent-connect{font-size:10px!important}.visitor-copy .agent-subcopy{font-size:8.5px!important}.visitor-live-status{font-size:8px!important}
  .visitor-details-grid{grid-template-columns:1fr 1fr}.visitor-details-grid>div+div{padding-left:14px}.visitor-details-grid span{font-size:8px}.visitor-details-grid strong{font-size:10px}
  .visitor-text{height:180px!important;min-height:180px!important}.visitor-live-share{font-size:8px}.visitor-documents-head p{font-size:8px!important}
  .verification-layer{padding:10px 10px 16px!important}.verification-card{width:100%!important;max-width:430px!important;padding:14px 13px 12px!important}.verification-visual{padding:0!important;margin:0 auto 5px!important}.verification-logo{width:175px!important;height:92px!important;border-radius:9px!important}.verification-logo img{max-width:140px!important;max-height:66px!important}.verification-card h1{font-size:18px!important}.verification-subtitle{font-size:8.5px!important}.verification-button{height:38px!important}
}

/* ================================================================
   FINAL VISITOR EXPERIENCE — premium branded one-way live workspace
   The visitor only types; text mirrors to the owner in real time.
   No Send button and no fake two-way chat UI.
   ================================================================ */
.visitor-page{
  --brand:#1976f3;
  --brand-rgb:25,118,243;
  --brand-soft:rgba(25,118,243,.075);
  --brand-border:rgba(25,118,243,.24);
  background:#f5f8fb!important;
  color:#102c4c!important;
}
.visitor-bg{
  background:
    radial-gradient(circle at 82% 8%,rgba(var(--brand-rgb),.045),transparent 28%),
    linear-gradient(180deg,#f8fafc 0%,#f3f7fa 100%)!important;
}

/* Desktop header is replaced by the sidebar brand, matching the reference. */
.visitor-header{
  display:none!important;
}
.visitor-app{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  min-height:100vh!important;
  background:transparent!important;
}
.visitor-sidebar{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  background:rgba(255,255,255,.96)!important;
  border-right:1px solid #e2e9f0!important;
  padding:28px 12px 24px!important;
  min-height:100vh!important;
}
.visitor-sidebar-brand{
  padding:0 10px 27px;
  min-height:52px;
  display:flex;
  align-items:center;
}
.visitor-sidebar-logo{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:145px;
  height:44px;
  overflow:visible;
}
.visitor-sidebar-logo img{
  display:block;
  width:auto;
  height:auto;
  max-width:145px;
  max-height:44px;
  object-fit:contain;
}
.visitor-nav{display:grid!important;gap:5px!important}
.visitor-nav-item{
  position:relative;
  height:46px!important;
  border-radius:8px!important;
  padding:0 13px!important;
  color:#4d6680!important;
  font-size:11px!important;
  font-weight:650!important;
  gap:10px!important;
}
.visitor-nav-item.active{
  background:var(--brand-soft)!important;
  color:var(--brand)!important;
  box-shadow:none!important;
}
.visitor-nav-item.active:before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:3px;
  border-radius:0 3px 3px 0;
  background:var(--brand);
}
.visitor-sidebar-secure{
  margin:0 8px!important;
  padding-top:18px!important;
  border-top:1px solid #edf1f5!important;
  color:#58718b!important;
}
.visitor-sidebar-secure strong{font-size:9px!important;color:#38536e!important}
.visitor-sidebar-secure small{font-size:8px!important;line-height:1.45!important}
.sidebar-lock{
  width:22px!important;height:22px!important;border-radius:6px!important;
  background:#eaf9f1!important;color:#15995d!important;
}

.visitor-main{
  width:100%!important;
  max-width:none!important;
  padding:42px clamp(28px,5vw,78px) 54px!important;
  overflow:visible!important;
}
.visitor-main>*{max-width:980px!important;margin-left:auto!important;margin-right:auto!important}

/* Hero: left copy + right branded support image, exactly one-directional. */
.visitor-hero{
  width:100%!important;
  min-height:260px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 365px!important;
  gap:0!important;
  align-items:stretch!important;
  margin:0 auto 18px!important;
  background:#fff!important;
  border:1px solid #e1e8ef!important;
  border-radius:10px!important;
  overflow:hidden!important;
  box-shadow:0 12px 32px rgba(25,57,88,.055)!important;
}
.visitor-copy{
  padding:39px 36px 31px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:#fff!important;
}
.visitor-live-status{
  margin:0 0 23px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#15385c!important;
  font-size:10px!important;
  font-weight:700!important;
}
.secure-dot{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#16aa5c!important;
  box-shadow:0 0 0 3px #e9f9f0!important;
}
.visitor-copy h1{
  margin:0 0 17px!important;
  color:#092b50!important;
  font-size:31px!important;
  line-height:1.09!important;
  letter-spacing:-1.1px!important;
  font-weight:780!important;
}
.visitor-copy h1 span{font-weight:780!important}
.visitor-copy .agent-connect{
  margin:0 0 7px!important;
  color:#365a7b!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.visitor-copy .agent-subcopy{
  margin:0!important;
  color:#7b8fa3!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.visitor-hero-art{
  position:relative!important;
  min-height:260px!important;
  background:var(--brand-soft)!important;
  overflow:hidden!important;
}
.visitor-hero-photo{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
}
.visitor-hero-photo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center 20%!important;
}
.visitor-hero-art:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.35) 11%,transparent 36%),linear-gradient(180deg,transparent 52%,rgba(var(--brand-rgb),.10) 100%)!important;
}
/* No logo panel/background over the hero image. The real logo is in the header/sidebar. */
.visitor-hero-logo{display:none!important}

.visitor-details-card,
.visitor-message-card,
.visitor-documents{
  width:100%!important;
  background:#fff!important;
  border:1px solid #e1e8ef!important;
  border-radius:9px!important;
  box-shadow:0 7px 22px rgba(25,57,88,.045)!important;
}
.visitor-details-card{
  padding:0!important;
  margin-bottom:14px!important;
  overflow:hidden!important;
}
.visitor-section-title{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#163a5e!important;
}
.visitor-details-card>.visitor-section-title{
  padding:14px 18px!important;
  border-bottom:1px solid #edf1f5!important;
}
.section-icon{
  width:22px!important;height:22px!important;
  display:grid!important;place-items:center!important;
  border-radius:5px!important;
  background:var(--brand-soft)!important;
  color:var(--brand)!important;
  font-size:12px!important;
}
.visitor-details-card .visitor-section-title strong{font-size:11px!important}
.visitor-details-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  padding:15px 18px 17px!important;
}
.visitor-details-grid>div{min-width:0!important}
.visitor-details-grid>div+div{border-left:1px solid #edf1f5!important;padding-left:22px!important}
.visitor-details-grid span{
  display:block!important;
  margin-bottom:5px!important;
  color:#7b90a4!important;
  font-size:9px!important;
}
.visitor-details-grid strong{
  display:block!important;
  color:#173b5f!important;
  font-size:11px!important;
  font-weight:700!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}

.visitor-message-card{
  padding:0!important;
  margin-bottom:14px!important;
  overflow:hidden!important;
}
.message-label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:13px 18px!important;
  border-bottom:1px solid #edf1f5!important;
  color:#8296aa!important;
  font-size:10px!important;
  font-weight:650!important;
}
.message-pencil{color:var(--brand)!important;font-size:13px!important}
.visitor-text{
  display:block!important;
  width:100%!important;
  height:180px!important;
  min-height:180px!important;
  resize:vertical!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  padding:16px 18px!important;
  background:#fff!important;
  color:#173b5f!important;
  font-size:11px!important;
  line-height:1.65!important;
  box-shadow:none!important;
}
.visitor-text:focus{box-shadow:inset 0 0 0 1px var(--brand)!important}
.visitor-live-share{
  margin:0 14px 13px!important;
  padding:9px 11px!important;
  border-radius:6px!important;
  background:#effaf5!important;
  border:1px solid #e0f2e9!important;
  color:#4f7664!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:9px!important;
}
.visitor-live-share>span:first-child{
  width:17px!important;height:17px!important;border-radius:5px!important;
  background:#e2f7ec!important;color:#12945a!important;
  display:grid!important;place-items:center!important;
  font-size:9px!important;font-weight:900!important;
}

.visitor-documents{
  margin-top:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.visitor-documents-head{
  padding:14px 18px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.visitor-documents-head .visitor-section-title strong{font-size:11px!important}
.visitor-documents-head p{
  margin:4px 0 0 31px!important;
  color:#8497aa!important;
  font-size:9px!important;
  line-height:1.45!important;
}
.visitor-documents .visitor-doc-empty{padding:8px 18px 16px!important;font-size:9px!important}
.visitor-doc-row{
  margin:0 14px!important;
  padding:11px 4px!important;
  border-top:1px solid #edf1f5!important;
}
.visitor-doc-row strong{font-size:10px!important;color:#173b5f!important}
.visitor-doc-meta{font-size:8px!important;color:#8a9bad!important}
.visitor-doc-button{
  min-width:94px!important;
  height:32px!important;
  padding:0 12px!important;
  border:1px solid var(--brand)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:var(--brand)!important;
  font-size:9px!important;
  font-weight:750!important;
}
.visitor-doc-button:hover{background:var(--brand-soft)!important}
.doc-red{color:var(--brand)!important;background:var(--brand-soft)!important}

/* Verification: no logo background/panel. Only the actual uploaded mark. */
.verification-layer{
  background:rgba(246,249,252,.98)!important;
  backdrop-filter:none!important;
}
.verification-card{
  width:min(100%,470px)!important;
  border:1px solid #e1e8ef!important;
  border-radius:10px!important;
  box-shadow:0 18px 46px rgba(25,57,88,.11)!important;
  padding:30px 30px 25px!important;
}
.verification-visual{
  min-height:74px!important;
  padding:0!important;
  margin:0 auto 9px!important;
}
.verification-logo{
  width:190px!important;
  height:70px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.verification-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:155px!important;
  max-height:62px!important;
  padding:0!important;
  object-fit:contain!important;
}
.verification-card h1{font-size:23px!important;color:#092b50!important}
.verification-subtitle{font-size:10px!important;color:#73879b!important}
.verification-field input[type=text]{border-color:#d7e1e9!important;border-radius:6px!important}
.verification-field input[type=text]:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.09)!important}
.holder-option span{border-color:#d1dde7!important}
.holder-option input:checked+span{border-color:var(--brand)!important;background:var(--brand-soft)!important;color:var(--brand)!important;box-shadow:0 0 0 2px rgba(var(--brand-rgb),.07)!important}
.holder-option:hover span{border-color:var(--brand)!important}
.verification-button{
  background:var(--brand)!important;
  box-shadow:0 8px 18px rgba(var(--brand-rgb),.20)!important;
}
.verification-foot{color:#899aaa!important}

/* Mobile: same information hierarchy as the reference, but no hero image and no Send button. */
@media(max-width:899px){
  .visitor-header{
    display:flex!important;
    height:62px!important;
    padding:0 18px!important;
    background:#fff!important;
    border-bottom:1px solid #e3e9ef!important;
  }
  .visitor-header-brand{gap:9px!important;color:#0b3155!important;font-size:13px!important;font-weight:800!important}
  .visitor-brand-logo{
    width:auto!important;height:34px!important;
    min-width:34px!important;
    border:0!important;background:transparent!important;border-radius:0!important;
    overflow:visible!important;
  }
  .visitor-brand-logo img{width:auto!important;height:auto!important;max-width:78px!important;max-height:31px!important;padding:0!important;object-fit:contain!important}
  .visitor-header-brand>span:last-child{display:none!important}
  .visitor-header-status{display:none!important}
  .visitor-menu{display:flex!important}
  .visitor-app{display:block!important;min-height:calc(100vh - 62px)!important}
  .visitor-sidebar{display:none!important}
  .visitor-main{padding:19px 15px 30px!important}
  .visitor-main>*{max-width:none!important}
  .visitor-hero{
    display:block!important;
    min-height:0!important;
    margin-bottom:14px!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .visitor-hero-art{display:none!important}
  .visitor-copy{
    padding:0!important;
    display:block!important;
    background:transparent!important;
  }
  .visitor-live-status{margin:0 0 16px!important;font-size:9px!important}
  .visitor-copy h1{font-size:24px!important;line-height:1.10!important;letter-spacing:-.7px!important;margin:0 0 12px!important}
  .visitor-copy .agent-connect{font-size:10px!important;margin-bottom:5px!important}
  .visitor-copy .agent-subcopy{font-size:9px!important}
  .visitor-details-card{margin-bottom:12px!important;border-radius:8px!important}
  .visitor-details-card>.visitor-section-title{padding:12px 14px!important}
  .visitor-details-grid{padding:12px 14px 14px!important}
  .visitor-details-grid>div+div{padding-left:14px!important}
  .visitor-message-card{border-radius:8px!important;margin-bottom:12px!important}
  .message-label{padding:11px 13px!important;font-size:9px!important}
  .visitor-text{height:180px!important;min-height:180px!important;padding:13px!important;font-size:10px!important}
  .visitor-live-share{margin:0 11px 11px!important;font-size:8.5px!important}
  .visitor-documents{border-radius:8px!important}
  .visitor-documents-head{padding:12px 14px 7px!important}
  .visitor-documents-head p{margin-left:31px!important;font-size:8px!important}
  .visitor-doc-row{margin:0 11px!important}
}
@media(max-width:520px){
  .visitor-main{padding:17px 12px 24px!important}
  .visitor-copy h1{font-size:22px!important}
  .visitor-details-grid span{font-size:8px!important}
  .visitor-details-grid strong{font-size:10px!important}
  .visitor-text{height:175px!important;min-height:175px!important}
  .verification-layer{padding:12px!important}
  .verification-card{width:100%!important;max-width:390px!important;padding:22px 17px 20px!important}
  .verification-visual{min-height:58px!important;margin-bottom:5px!important}
  .verification-logo{width:165px!important;height:55px!important}
  .verification-logo img{max-width:135px!important;max-height:50px!important}
  .verification-card h1{font-size:20px!important}
}
/* Final visitor clean workspace: no logo background and no personal-details card */
.visitor-brand-logo,
.visitor-sidebar-logo,
.verification-logo,
.visitor-hero-logo{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.visitor-brand-logo{width:42px!important;height:36px!important;overflow:visible!important}
.visitor-brand-logo img{width:auto!important;height:auto!important;max-width:42px!important;max-height:32px!important;padding:0!important;object-fit:contain!important}
.visitor-sidebar-logo{width:150px!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}
.visitor-sidebar-logo img{width:auto!important;height:auto!important;max-width:145px!important;max-height:48px!important;object-fit:contain!important}
.verification-logo{width:210px!important;height:92px!important}
.verification-logo img{max-width:160px!important;max-height:70px!important;padding:0!important}
.visitor-hero-logo{width:auto!important;height:auto!important;min-height:0!important;position:absolute!important;left:22px!important;bottom:20px!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
.visitor-hero-logo img{max-width:145px!important;max-height:62px!important;padding:0!important}
.visitor-copy{padding-top:34px!important}
.visitor-hero{grid-template-columns:minmax(0,1fr) 360px!important}
@media(max-width:900px){
  .visitor-brand-logo{width:38px!important;height:32px!important}
  .visitor-brand-logo img{max-width:38px!important;max-height:29px!important}
  .visitor-sidebar-logo{width:125px!important;height:42px!important}
  .visitor-sidebar-logo img{max-width:120px!important;max-height:38px!important}
  .verification-logo{width:180px!important;height:72px!important}
  .verification-logo img{max-width:145px!important;max-height:58px!important}
  .visitor-hero-logo{position:static!important;margin:0 auto 8px!important}
  .visitor-hero-logo img{max-width:125px!important;max-height:54px!important}
}
/* The main visitor page intentionally has no secure/private hero label and no details card. */
.visitor-main .visitor-details-card{display:none!important}
.visitor-main .visitor-live-status{display:none!important}
/* FINAL CLEAN VISITOR OVERRIDES */
.visitor-main .visitor-live-status,
.visitor-main .visitor-details-card,
.visitor-sidebar-secure{display:none!important}

/* Uploaded logo is never placed inside a decorative background/card. */
.visitor-brand-logo,
.visitor-sidebar-logo,
.verification-logo,
.visitor-hero-logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.visitor-brand-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}
.visitor-brand-logo img{width:auto!important;height:auto!important;max-width:58px!important;max-height:34px!important;padding:0!important;object-fit:contain!important}
.visitor-sidebar-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}
.visitor-sidebar-logo img{width:auto!important;height:auto!important;max-width:150px!important;max-height:50px!important;padding:0!important;object-fit:contain!important}
.verification-logo{display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
.verification-logo img{width:auto!important;height:auto!important;max-width:160px!important;max-height:64px!important;padding:0!important;object-fit:contain!important}

/* Keep the approved reference hierarchy: greeting first, then typing workspace. */
.visitor-copy{padding:38px 36px 32px!important}
.visitor-copy h1{margin:0 0 16px!important}
.visitor-copy .agent-connect{margin:0 0 6px!important;color:#365a7b!important;font-weight:500!important}
.visitor-copy .agent-subcopy{margin:0!important;color:#7b8fa3!important}
.visitor-message-card{margin-top:0!important}

/* Brand color drives every visitor action state. */
.verification-button,
.visitor-nav-item.active,
.visitor-nav-item:hover,
.visitor-doc-button,
.message-pencil,
.section-icon,
.doc-red,
.visitor-text:focus{border-color:var(--brand)!important;color:var(--brand)!important}
.verification-button{background:var(--brand)!important;color:#fff!important}
.visitor-nav-item.active{background:var(--brand-soft)!important;box-shadow:inset 3px 0 0 var(--brand)!important}
.visitor-doc-button{background:#fff!important}
.visitor-doc-button:hover{background:var(--brand-soft)!important}

@media(max-width:899px){
  .visitor-header{display:flex!important;height:62px!important;padding:0 18px!important}
  .visitor-brand-logo{width:auto!important;min-width:0!important;height:34px!important}
  .visitor-brand-logo img{max-width:92px!important;max-height:32px!important}
  .visitor-main{padding:22px 16px 30px!important}
  .visitor-hero{margin-bottom:18px!important}
  .visitor-copy{padding:0!important;text-align:left!important}
  .visitor-copy h1{font-size:25px!important;line-height:1.1!important;margin-bottom:12px!important}
  .visitor-copy .agent-connect{font-size:10.5px!important;margin-bottom:5px!important}
  .visitor-copy .agent-subcopy{font-size:9px!important;line-height:1.55!important}
  .visitor-message-card{margin-top:0!important}
  .visitor-text{height:190px!important;min-height:190px!important}
  .visitor-documents{margin-top:14px!important}
  .verification-logo{width:170px!important;height:58px!important}
  .verification-logo img{max-width:145px!important;max-height:54px!important}
}
@media(max-width:520px){
  .visitor-main{padding:18px 14px 24px!important}
  .visitor-copy h1{font-size:23px!important}
  .visitor-copy .agent-connect{font-size:10px!important}
  .visitor-copy .agent-subcopy{font-size:8.5px!important}
  .visitor-text{height:185px!important;min-height:185px!important}
  .verification-card{padding:20px 16px 18px!important}
  .verification-logo{width:160px!important;height:54px!important}
  .verification-logo img{max-width:138px!important;max-height:50px!important}
}


/* ============================================================
   FINAL VISITOR EXPERIENCE — APPROVED CLEAN REFERENCE DESIGN
   This block intentionally overrides legacy visitor experiments.
   No personal-details card, no Secure & Private panel, no Send button.
   ============================================================ */
.visitor-page{
  --brand:#1976f3;
  --brand-rgb:25,118,243;
  --brand-soft:rgba(25,118,243,.075);
  --brand-border:rgba(25,118,243,.24);
  background:#f6f9fc!important;
  color:#092b50!important;
}
.visitor-bg{display:block!important;position:fixed!important;inset:0!important;z-index:-1!important;background:
  radial-gradient(circle at 82% 8%,rgba(var(--brand-rgb),.045),transparent 28%),
  linear-gradient(180deg,#f8fbfe 0%,#f3f7fb 100%)!important;
}
.visitor-header{
  height:64px!important;background:#fff!important;border-bottom:1px solid #e4ebf2!important;
  padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
}
.visitor-header-brand{display:flex!important;align-items:center!important;gap:10px!important;color:#092b50!important;font-size:14px!important;font-weight:800!important}
.visitor-brand-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:44px!important;height:38px!important;min-width:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.visitor-brand-logo img{display:block!important;width:auto!important;height:auto!important;max-width:76px!important;max-height:34px!important;object-fit:contain!important;padding:0!important}
.visitor-header-status{display:flex!important;align-items:center!important;gap:7px!important;color:#54708d!important;font-size:10px!important;font-weight:700!important}
.visitor-header-status .secure-icon{width:18px!important;height:18px!important;border-radius:5px!important;background:var(--brand-soft)!important;color:var(--brand)!important;display:grid!important;place-items:center!important;font-size:10px!important}
.visitor-menu{display:none!important}
.visitor-app{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;min-height:calc(100vh - 64px)!important;background:transparent!important}
.visitor-sidebar{display:flex!important;background:#fff!important;border-right:1px solid #e3eaf1!important;padding:24px 0 20px!important;position:relative!important;justify-content:flex-start!important}
.visitor-sidebar>div:first-child{width:100%!important}
.visitor-sidebar-brand{padding:0 24px 26px!important;display:flex!important;align-items:center!important}
.visitor-sidebar-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:155px!important;height:52px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.visitor-sidebar-logo img{display:block!important;width:auto!important;height:auto!important;max-width:150px!important;max-height:48px!important;object-fit:contain!important;padding:0!important}
.visitor-nav{display:grid!important;gap:5px!important;padding:0 10px!important}
.visitor-nav-item{height:43px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:0 14px!important;border-radius:6px!important;color:#55718e!important;font-size:11px!important;font-weight:700!important;cursor:default!important}
.visitor-nav-item.active{background:var(--brand-soft)!important;color:var(--brand)!important;box-shadow:inset 3px 0 0 var(--brand)!important}
.visitor-nav-item .chat-icon,.visitor-nav-item .doc-icon{color:currentColor!important}
.visitor-nav-item:hover{background:var(--brand-soft)!important;color:var(--brand)!important}
.visitor-main{min-width:0!important;padding:34px 34px 42px!important;display:block!important}
.visitor-main .visitor-live-status,.visitor-main .visitor-details-card,.visitor-sidebar-secure{display:none!important}
.visitor-hero{
  width:min(100%,980px)!important;min-height:258px!important;margin:0 auto 18px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 390px!important;gap:0!important;align-items:stretch!important;
  background:#fff!important;border:1px solid #e0e8f0!important;border-radius:10px!important;box-shadow:0 12px 30px rgba(29,67,102,.06)!important;overflow:hidden!important;
}
.visitor-copy{padding:44px 38px 36px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:left!important;background:#fff!important}
.visitor-copy h1{margin:0 0 15px!important;font-size:31px!important;line-height:1.08!important;letter-spacing:-1.15px!important;color:#092b50!important;font-weight:800!important}
.visitor-copy h1 span{font-weight:800!important}
.visitor-copy .agent-connect{margin:0 0 7px!important;font-size:12px!important;line-height:1.55!important;color:#385a78!important;font-weight:500!important}
.visitor-copy .agent-subcopy{margin:0!important;font-size:11px!important;line-height:1.6!important;color:#7b8fa3!important}
.visitor-hero-art{display:block!important;position:relative!important;min-height:258px!important;background:var(--brand-soft)!important;overflow:hidden!important}
.visitor-hero-photo{position:absolute!important;inset:0!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;overflow:hidden!important}
.visitor-hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;display:block!important;mix-blend-mode:multiply!important;opacity:1!important}
.visitor-hero-art:after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.52) 14%,transparent 42%),linear-gradient(180deg,transparent 48%,rgba(var(--brand-rgb),.12) 100%)!important}
.visitor-hero-logo{display:none!important}
.visitor-message-card{
  width:min(100%,980px)!important;margin:0 auto 14px!important;padding:0!important;background:#fff!important;
  border:1px solid #e0e8f0!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(35,73,108,.045)!important;overflow:hidden!important;
}
.message-label{height:46px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 17px!important;border-bottom:1px solid #edf2f6!important;font-size:11px!important;font-weight:700!important;color:#58738e!important}
.message-pencil{color:var(--brand)!important;font-size:14px!important}
.visitor-text{display:block!important;width:100%!important;height:190px!important;min-height:190px!important;resize:vertical!important;border:0!important;outline:0!important;background:#fff!important;padding:17px!important;color:#294c6b!important;font-size:12px!important;line-height:1.65!important}
.visitor-text::placeholder{color:#9aabbb!important}
.visitor-text:focus{box-shadow:inset 0 0 0 1px var(--brand)!important}
.visitor-live-share{margin:0!important;min-height:40px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 17px!important;background:var(--brand-soft)!important;color:#58738e!important;font-size:9px!important;border-top:1px solid rgba(var(--brand-rgb),.07)!important}
.visitor-live-share>span:first-child{color:var(--brand)!important;font-weight:900!important}
.visitor-documents{
  width:min(100%,980px)!important;margin:0 auto!important;padding:0!important;background:#fff!important;
  border:1px solid #e0e8f0!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(35,73,108,.045)!important;overflow:hidden!important;
}
.visitor-documents-head{padding:15px 17px 9px!important;border-bottom:1px solid #edf2f6!important}
.visitor-section-title{display:flex!important;align-items:center!important;gap:9px!important;color:#173b5d!important;font-size:12px!important}
.section-icon{width:23px!important;height:23px!important;border-radius:6px!important;display:grid!important;place-items:center!important;color:var(--brand)!important;background:var(--brand-soft)!important}
.visitor-documents-head p{margin:5px 0 0 32px!important;color:#7e92a5!important;font-size:9px!important;line-height:1.5!important}
.visitor-doc-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin:0!important;padding:13px 17px!important;border-top:1px solid #edf2f6!important}
.visitor-doc-row strong{font-size:10px!important;color:#274967!important}
.visitor-doc-meta{margin-top:3px!important;color:#899caf!important;font-size:8px!important}
.visitor-doc-button{min-width:96px!important;height:32px!important;padding:0 12px!important;border:1px solid var(--brand)!important;border-radius:6px!important;background:#fff!important;color:var(--brand)!important;font-size:9px!important;font-weight:800!important}
.visitor-doc-button:hover{background:var(--brand-soft)!important}
.doc-red{color:var(--brand)!important}

@media(max-width:899px){
  .visitor-header{height:62px!important;padding:0 17px!important}
  .visitor-header-brand{gap:7px!important}
  .visitor-brand-logo{width:auto!important;height:34px!important}
  .visitor-brand-logo img{max-width:92px!important;max-height:31px!important}
  .visitor-header-brand>span:last-child{display:none!important}
  .visitor-header-status{display:none!important}
  .visitor-menu{display:flex!important;width:30px!important;height:30px!important;border:0!important;background:transparent!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;padding:0!important}
  .visitor-menu span{display:block!important;width:17px!important;height:1.5px!important;background:#31516f!important;border-radius:2px!important}
  .visitor-app{display:block!important;min-height:calc(100vh - 62px)!important}
  .visitor-sidebar{display:none!important}
  .visitor-main{padding:22px 15px 28px!important}
  .visitor-hero{display:block!important;width:100%!important;min-height:0!important;margin:0 auto 14px!important;border-radius:9px!important;box-shadow:0 7px 20px rgba(35,73,108,.045)!important}
  .visitor-hero-art{height:142px!important;min-height:142px!important;display:block!important}
  .visitor-hero-photo img{object-position:center 17%!important}
  .visitor-copy{padding:22px 19px 23px!important;text-align:left!important}
  .visitor-copy h1{font-size:24px!important;line-height:1.1!important;letter-spacing:-.65px!important;margin:0 0 12px!important}
  .visitor-copy .agent-connect{font-size:10px!important;margin-bottom:5px!important}
  .visitor-copy .agent-subcopy{font-size:9px!important;line-height:1.55!important}
  .visitor-message-card{border-radius:9px!important;margin-bottom:12px!important}
  .message-label{height:43px!important;padding:0 14px!important;font-size:9px!important}
  .visitor-text{height:185px!important;min-height:185px!important;padding:14px!important;font-size:10.5px!important}
  .visitor-live-share{min-height:38px!important;padding:0 14px!important;font-size:8.5px!important}
  .visitor-documents{border-radius:9px!important}
  .visitor-documents-head{padding:13px 14px 8px!important}
  .visitor-documents-head p{margin-left:31px!important;font-size:8px!important}
  .visitor-doc-row{padding:12px 14px!important}
  .visitor-doc-button{height:31px!important;min-width:88px!important;font-size:8.5px!important}
}
@media(max-width:520px){
  .visitor-main{padding:18px 12px 24px!important}
  .visitor-hero-art{height:128px!important;min-height:128px!important}
  .visitor-copy{padding:19px 16px 20px!important}
  .visitor-copy h1{font-size:22px!important}
  .visitor-copy .agent-connect{font-size:9.5px!important}
  .visitor-copy .agent-subcopy{font-size:8.5px!important}
  .visitor-text{height:178px!important;min-height:178px!important}
}

/* ============================================================
   FINAL VISITOR CLEAN REFERENCE — authoritative override
   This block intentionally overrides older visitor experiments.
   Main page has NO details card, NO secure/private panel, NO send.
   ============================================================ */
.visitor-page{
  --brand:#1976f3;
  --brand-rgb:25,118,243;
  --brand-soft:rgba(var(--brand-rgb),.075);
  --brand-border:rgba(var(--brand-rgb),.24);
  background:#f5f8fb!important;
  color:#173b5d!important;
}
.visitor-bg{display:none!important}
.visitor-header{
  height:64px!important;background:#fff!important;border-bottom:1px solid #e4ebf1!important;
  box-shadow:none!important;padding:0 28px!important;position:relative!important;z-index:20!important;
}
.visitor-header-brand{display:flex!important;align-items:center!important;gap:9px!important;color:#092b50!important;font-weight:800!important;font-size:12px!important}
.visitor-brand-logo{
  width:46px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
}
.visitor-brand-logo img{display:block!important;width:auto!important;height:auto!important;max-width:44px!important;max-height:34px!important;object-fit:contain!important;padding:0!important}
.visitor-header-status{color:#58738e!important;font-size:9px!important}
.visitor-header-status .secure-icon{color:#18a957!important}
.visitor-menu{display:none!important}

/* Verification: clean logo, no white logo panel */
.verification-layer{background:rgba(245,248,251,.98)!important;padding:30px 24px!important}
.verification-card{background:#fff!important;border:1px solid #dfe8ef!important;border-radius:12px!important;box-shadow:0 18px 44px rgba(28,67,102,.10)!important}
.verification-visual{padding:0!important;margin:0 0 8px!important;min-height:86px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.verification-logo{width:190px!important;height:72px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}
.verification-logo img{display:block!important;width:auto!important;height:auto!important;max-width:155px!important;max-height:62px!important;object-fit:contain!important;padding:0!important}
.verification-button{background:var(--brand)!important;box-shadow:0 8px 18px rgba(var(--brand-rgb),.18)!important}
.verification-button:hover{filter:brightness(.96)!important}
.verification-field input[type=text]:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.09)!important}
.holder-option input:checked + span{border-color:var(--brand)!important;color:var(--brand)!important;background:var(--brand-soft)!important}

/* Main visitor app: exact clean workspace, no legacy details/security blocks */
.visitor-main .visitor-details-card,
.visitor-main .visitor-live-status,
.visitor-sidebar-secure,
.visitor-main .visitor-secure,
.visitor-main .visitor-security{display:none!important}
.visitor-app{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;min-height:calc(100vh - 64px)!important;background:transparent!important}
.visitor-sidebar{display:flex!important;background:#fff!important;border-right:1px solid #e2e9ef!important;padding:25px 0 20px!important;position:relative!important;justify-content:flex-start!important}
.visitor-sidebar>div:first-child{width:100%!important}
.visitor-sidebar-brand{padding:0 24px 28px!important;display:flex!important;align-items:center!important}
.visitor-sidebar-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:160px!important;height:52px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.visitor-sidebar-logo img{display:block!important;width:auto!important;height:auto!important;max-width:150px!important;max-height:48px!important;object-fit:contain!important;padding:0!important}
.visitor-nav{display:grid!important;gap:5px!important;padding:0 10px!important}
.visitor-nav-item{height:43px!important;border-radius:6px!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:11px!important;color:#55718e!important;font-size:11px!important;font-weight:700!important}
.visitor-nav-item.active{background:var(--brand-soft)!important;color:var(--brand)!important;box-shadow:inset 3px 0 0 var(--brand)!important}
.visitor-nav-item:hover{background:var(--brand-soft)!important;color:var(--brand)!important}

.visitor-main{min-width:0!important;padding:34px 34px 42px!important;display:block!important}
.visitor-hero{
  width:min(100%,980px)!important;min-height:258px!important;margin:0 auto 18px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 390px!important;gap:0!important;align-items:stretch!important;
  background:#fff!important;border:1px solid #dfe8ef!important;border-radius:10px!important;box-shadow:0 12px 30px rgba(29,67,102,.055)!important;overflow:hidden!important;
}
.visitor-copy{padding:42px 38px 34px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:left!important;background:#fff!important}
.visitor-copy h1{margin:0 0 15px!important;font-size:31px!important;line-height:1.08!important;letter-spacing:-1.15px!important;color:#092b50!important;font-weight:800!important}
.visitor-copy h1 span{font-weight:800!important}
.visitor-copy .agent-connect{margin:0 0 7px!important;font-size:12px!important;line-height:1.55!important;color:#385a78!important;font-weight:500!important}
.visitor-copy .agent-subcopy{margin:0!important;font-size:11px!important;line-height:1.6!important;color:#7b8fa3!important}
.visitor-hero-art{display:block!important;position:relative!important;min-height:258px!important;background:var(--brand-soft)!important;overflow:hidden!important}
.visitor-hero-photo{position:absolute!important;inset:0!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;overflow:hidden!important}
.visitor-hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;display:block!important;mix-blend-mode:multiply!important;opacity:1!important}
.visitor-hero-art:after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.52) 14%,transparent 42%),linear-gradient(180deg,transparent 48%,rgba(var(--brand-rgb),.12) 100%)!important}
.visitor-hero-logo{display:none!important}

.visitor-message-card{width:min(100%,980px)!important;margin:0 auto 14px!important;padding:0!important;background:#fff!important;border:1px solid #dfe8ef!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(35,73,108,.04)!important;overflow:hidden!important}
.message-label{height:46px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 17px!important;border-bottom:1px solid #edf2f6!important;font-size:11px!important;font-weight:700!important;color:#58738e!important}
.message-pencil{color:var(--brand)!important;font-size:14px!important}
.visitor-text{display:block!important;width:100%!important;height:190px!important;min-height:190px!important;resize:vertical!important;border:0!important;outline:0!important;background:#fff!important;padding:17px!important;color:#294c6b!important;font-size:12px!important;line-height:1.65!important}
.visitor-text:focus{box-shadow:inset 0 0 0 1px var(--brand)!important}
.visitor-live-share{margin:0!important;min-height:40px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 17px!important;background:var(--brand-soft)!important;color:#58738e!important;font-size:9px!important;border-top:1px solid rgba(var(--brand-rgb),.07)!important}
.visitor-live-share>span:first-child{color:var(--brand)!important;font-weight:900!important}
.visitor-documents{width:min(100%,980px)!important;margin:0 auto!important;padding:0!important;background:#fff!important;border:1px solid #dfe8ef!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(35,73,108,.04)!important;overflow:hidden!important}
.visitor-documents-head{padding:15px 17px 9px!important;border-bottom:1px solid #edf2f6!important}
.visitor-section-title{display:flex!important;align-items:center!important;gap:9px!important;color:#173b5d!important;font-size:12px!important}
.section-icon{width:23px!important;height:23px!important;border-radius:6px!important;display:grid!important;place-items:center!important;color:var(--brand)!important;background:var(--brand-soft)!important}
.visitor-documents-head p{margin:5px 0 0 32px!important;color:#7e92a5!important;font-size:9px!important;line-height:1.5!important}
.visitor-doc-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin:0!important;padding:13px 17px!important;border-top:1px solid #edf2f6!important}
.visitor-doc-button{min-width:96px!important;height:32px!important;padding:0 12px!important;border:1px solid var(--brand)!important;border-radius:6px!important;background:#fff!important;color:var(--brand)!important;font-size:9px!important;font-weight:800!important}
.visitor-doc-button:hover{background:var(--brand-soft)!important}

@media(max-width:899px){
  .visitor-header{height:62px!important;padding:0 17px!important}
  .visitor-header-brand{gap:7px!important}
  .visitor-brand-logo{width:auto!important;height:34px!important}
  .visitor-brand-logo img{max-width:92px!important;max-height:31px!important}
  .visitor-header-brand>span:last-child{display:none!important}
  .visitor-header-status{display:none!important}
  .visitor-menu{display:flex!important;width:30px!important;height:30px!important;border:0!important;background:transparent!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;padding:0!important}
  .visitor-menu span{display:block!important;width:17px!important;height:1.5px!important;background:#31516f!important;border-radius:2px!important}
  .visitor-app{display:block!important;min-height:calc(100vh - 62px)!important}
  .visitor-sidebar{display:none!important}
  .visitor-main{padding:18px 14px 26px!important}
  .visitor-hero{display:block!important;width:100%!important;min-height:0!important;margin:0 auto 14px!important;border-radius:9px!important}
  .visitor-copy{padding:23px 19px 24px!important;text-align:left!important}
  .visitor-copy h1{font-size:24px!important;line-height:1.1!important;letter-spacing:-.65px!important;margin:0 0 12px!important}
  .visitor-copy .agent-connect{font-size:10px!important;margin-bottom:5px!important}
  .visitor-copy .agent-subcopy{font-size:9px!important;line-height:1.55!important}
  .visitor-hero-art{height:142px!important;min-height:142px!important}
  .visitor-hero-photo img{object-position:center 17%!important}
  .visitor-message-card{border-radius:9px!important;margin-bottom:12px!important}
  .message-label{height:43px!important;padding:0 14px!important;font-size:9px!important}
  .visitor-text{height:185px!important;min-height:185px!important;padding:14px!important;font-size:10.5px!important}
  .visitor-live-share{min-height:38px!important;padding:0 14px!important;font-size:8.5px!important}
  .visitor-documents{border-radius:9px!important}
  .visitor-documents-head{padding:13px 14px 8px!important}
  .visitor-documents-head p{margin-left:31px!important;font-size:8px!important}
  .visitor-doc-row{padding:12px 14px!important}
  .visitor-doc-button{height:31px!important;min-width:88px!important;font-size:8.5px!important}
  .verification-layer{padding:10px 10px 16px!important}
  .verification-card{width:100%!important;max-width:430px!important;padding:14px 13px 12px!important}
  .verification-visual{min-height:68px!important;margin-bottom:4px!important}
  .verification-logo{width:160px!important;height:54px!important}
  .verification-logo img{max-width:138px!important;max-height:50px!important}
}
@media(max-width:520px){
  .visitor-main{padding:16px 12px 24px!important}
  .visitor-copy{padding:20px 16px 21px!important}
  .visitor-copy h1{font-size:22px!important}
  .visitor-copy .agent-connect{font-size:9.5px!important}
  .visitor-copy .agent-subcopy{font-size:8.5px!important}
  .visitor-hero-art{height:128px!important;min-height:128px!important}
  .visitor-text{height:178px!important;min-height:178px!important}
}


/* FINAL VISITOR EXPERIENCE — authoritative rules. Do not override below this block. */
:root{--brand:#1976f3;--brand-rgb:25,118,243;--brand-soft:rgba(var(--brand-rgb),.08);--brand-border:rgba(var(--brand-rgb),.22)}
.visitor-page .visitor-hero-art{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;min-height:260px!important;height:auto!important;background:transparent!important;overflow:hidden!important;border-left:1px solid #e7eef5!important}
.visitor-page .visitor-hero-photo{display:none!important}
.visitor-page .visitor-hero-art:after{display:none!important}
.visitor-page .visitor-hero-logo{display:flex!important;position:static!important;width:100%!important;height:100%!important;min-height:260px!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.visitor-page .visitor-hero-logo img{display:block!important;width:auto!important;height:auto!important;max-width:210px!important;max-height:105px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.visitor-page .visitor-hero-logo:empty:after{content:' ';display:block;width:120px;height:60px}
.visitor-page .visitor-main .visitor-details-card,.visitor-page .visitor-main .visitor-live-status,.visitor-page .visitor-sidebar-secure,.visitor-page .visitor-main .visitor-secure,.visitor-page .visitor-main .visitor-security{display:none!important}
.visitor-page .visitor-main{padding:34px 34px 42px!important;background:transparent!important}
.visitor-page .visitor-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 390px!important;width:min(100%,1080px)!important;margin:0 auto 18px!important;background:#fff!important;border:1px solid #e1eaf3!important;border-radius:12px!important;box-shadow:0 8px 26px rgba(35,73,108,.045)!important;overflow:hidden!important}
.visitor-page .visitor-copy{padding:38px 38px 34px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.visitor-page .visitor-copy h1{font-size:31px!important;line-height:1.08!important;letter-spacing:-.8px!important;margin:0 0 13px!important;color:#0c2c50!important;font-weight:800!important}
.visitor-page .visitor-copy h1 span{color:inherit!important}
.visitor-page .visitor-copy .agent-connect{font-size:12px!important;line-height:1.6!important;color:#395a78!important;margin:0 0 5px!important}
.visitor-page .visitor-copy .agent-subcopy{font-size:11px!important;line-height:1.6!important;color:#7a90a5!important;margin:0!important}
.visitor-page .visitor-message-card{width:min(100%,1080px)!important;margin:0 auto 14px!important;background:#fff!important;border:1px solid #e1eaf3!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(35,73,108,.04)!important;padding:0!important;overflow:hidden!important}
.visitor-page .visitor-message-card .message-label{height:48px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 17px!important;border-bottom:1px solid #edf2f6!important;color:#7188a0!important;font-size:11px!important}
.visitor-page .visitor-text{display:block!important;width:100%!important;height:210px!important;min-height:210px!important;border:0!important;outline:0!important;resize:vertical!important;padding:17px!important;font-size:12px!important;line-height:1.65!important;color:#183653!important;background:#fff!important;box-shadow:none!important}
.visitor-page .visitor-text:focus{box-shadow:inset 0 0 0 1px var(--brand)!important}
.visitor-page .visitor-live-share{margin:0!important;min-height:42px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 17px!important;background:var(--brand-soft)!important;color:#58738e!important;font-size:10px!important;border-top:1px solid rgba(var(--brand-rgb),.07)!important}
.visitor-page .visitor-live-share>span:first-child{color:var(--brand)!important;font-weight:900!important}
.visitor-page .visitor-documents{width:min(100%,1080px)!important;margin:0 auto!important;background:#fff!important;border:1px solid #e1eaf3!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(35,73,108,.04)!important;padding:18px!important}
.visitor-page .visitor-doc-button{border:1px solid var(--brand)!important;color:var(--brand)!important;background:#fff!important;border-radius:7px!important}
.visitor-page .visitor-doc-button:hover{background:var(--brand-soft)!important}
.visitor-page .verification-button{background:var(--brand)!important;box-shadow:0 8px 18px rgba(var(--brand-rgb),.18)!important}
.visitor-page .holder-option input:checked + span{border-color:var(--brand)!important;color:var(--brand)!important;background:var(--brand-soft)!important}
.visitor-page .verification-field input[type=text]:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.09)!important}
.visitor-page .visitor-brand-logo,.visitor-page .visitor-sidebar-logo,.visitor-page .verification-logo{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.visitor-page .visitor-brand-logo img{display:block!important;width:auto!important;height:auto!important;max-width:105px!important;max-height:36px!important;object-fit:contain!important;background:transparent!important}
.visitor-page .visitor-sidebar-logo img{display:block!important;width:auto!important;height:auto!important;max-width:145px!important;max-height:50px!important;object-fit:contain!important;background:transparent!important}
.visitor-page .verification-logo{width:190px!important;height:72px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
.visitor-page .verification-logo img{display:block!important;width:auto!important;height:auto!important;max-width:155px!important;max-height:62px!important;object-fit:contain!important;background:transparent!important;padding:0!important}
@media(max-width:760px){
 .visitor-page .visitor-header{padding:0 16px!important;height:58px!important}
 .visitor-page .visitor-header-brand>span:last-child{display:none!important}
 .visitor-page .visitor-brand-logo img{max-width:86px!important;max-height:31px!important}
 .visitor-page .visitor-main{padding:16px 10px 24px!important}
 .visitor-page .visitor-hero{display:flex!important;flex-direction:column!important;width:100%!important;margin:0 0 12px!important;border-radius:10px!important}
 .visitor-page .visitor-copy{padding:20px 16px 18px!important;order:1!important}
 .visitor-page .visitor-copy h1{font-size:22px!important;line-height:1.08!important;letter-spacing:-.45px!important;margin-bottom:10px!important}
 .visitor-page .visitor-copy .agent-connect{font-size:10px!important;margin-bottom:4px!important}
 .visitor-page .visitor-copy .agent-subcopy{font-size:8.5px!important}
 .visitor-page .visitor-hero-art{order:2!important;width:100%!important;min-height:116px!important;height:116px!important;border-left:0!important;border-top:1px solid #edf2f6!important}
 .visitor-page .visitor-hero-logo{min-height:116px!important;height:116px!important}
 .visitor-page .visitor-hero-logo img{max-width:145px!important;max-height:64px!important}
 .visitor-page .visitor-message-card{width:100%!important;border-radius:9px!important;margin-bottom:12px!important}
 .visitor-page .visitor-message-card .message-label{height:42px!important;padding:0 12px!important;font-size:9px!important}
 .visitor-page .visitor-text{height:220px!important;min-height:220px!important;padding:13px!important;font-size:11px!important}
 .visitor-page .visitor-live-share{min-height:38px!important;padding:0 12px!important;font-size:8.5px!important}
 .visitor-page .visitor-documents{width:100%!important;padding:14px!important;border-radius:9px!important}
 .visitor-page .verification-layer{padding:10px 10px 16px!important}
 .visitor-page .verification-card{width:100%!important;max-width:430px!important;padding:14px 13px 12px!important}
 .visitor-page .verification-visual{min-height:68px!important;margin-bottom:4px!important}
 .visitor-page .verification-logo{width:160px!important;height:54px!important}
 .visitor-page .verification-logo img{max-width:138px!important;max-height:50px!important}
}


/* FINAL VISITOR V4 — clean branded workspace, no illustration, no detail card */
.visitor-page .visitor-hero-clean{
  display:block!important;
  width:min(100%,1080px)!important;
  margin:0 auto 18px!important;
  background:#fff!important;
  border:1px solid #e1eaf3!important;
  border-radius:12px!important;
  box-shadow:0 8px 26px rgba(35,73,108,.045)!important;
  overflow:hidden!important;
}
.visitor-page .visitor-hero-clean .visitor-copy{
  min-height:255px!important;
  padding:34px 38px 38px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:left!important;
  background:#fff!important;
}
.visitor-page .visitor-hero-clean .visitor-hero-logo{
  position:static!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.visitor-page .visitor-hero-clean .visitor-hero-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:180px!important;
  max-height:78px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.visitor-page .visitor-hero-clean .visitor-hero-logo:empty{display:none!important}
.visitor-page .visitor-hero-clean .visitor-hero-art,
.visitor-page .visitor-hero-clean .visitor-hero-photo{display:none!important}
@media(max-width:760px){
 .visitor-page .visitor-hero-clean{margin:0 0 12px!important;border-radius:10px!important}
 .visitor-page .visitor-hero-clean .visitor-copy{min-height:0!important;padding:23px 18px 25px!important}
 .visitor-page .visitor-hero-clean .visitor-hero-logo{margin:0 auto 18px!important;justify-content:center!important}
 .visitor-page .visitor-hero-clean .visitor-hero-logo img{max-width:145px!important;max-height:58px!important}
 .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:22px!important;line-height:1.08!important;letter-spacing:-.45px!important;margin-bottom:10px!important}
 .visitor-page .visitor-hero-clean .visitor-copy .agent-connect{font-size:10px!important;margin-bottom:4px!important}
 .visitor-page .visitor-hero-clean .visitor-copy .agent-subcopy{font-size:8.5px!important}
}
@media(max-width:520px){
 .visitor-page .visitor-hero-clean .visitor-copy{padding:21px 16px 23px!important}
 .visitor-page .visitor-hero-clean .visitor-hero-logo{margin-bottom:16px!important}
 .visitor-page .visitor-hero-clean .visitor-hero-logo img{max-width:132px!important;max-height:54px!important}
}
/* Theme variables are intentionally defaults only; inline session theme wins. */
.visitor-page .verification-button{background:var(--brand)!important}
.visitor-page .holder-option input:checked + span{border-color:var(--brand)!important;color:var(--brand)!important;background:var(--brand-soft)!important}
.visitor-page .verification-field input[type=text]:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.09)!important}


/* FINAL VISITOR V5 — clean message workspace + professional documents */
.visitor-page .visitor-live-share{display:none!important}
.visitor-page .visitor-documents{background:#fff!important;border:1px solid #e3eaf1!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(23,59,95,.045)!important;overflow:hidden!important;padding:0!important}
.visitor-page .visitor-documents-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 20px 15px!important;border-bottom:1px solid #edf2f6!important;background:#fff!important}
.visitor-page .visitor-documents-head .visitor-section-title{display:flex!important;align-items:center!important;gap:10px!important}
.visitor-page .visitor-documents-head .visitor-section-title strong{font-size:13px!important;color:#143454!important;letter-spacing:-.1px!important}
.visitor-page .visitor-documents-head p{margin:5px 0 0 34px!important;color:#7f91a3!important;font-size:9.5px!important;line-height:1.5!important}
.visitor-page .visitor-documents .section-icon{width:25px!important;height:25px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:var(--brand-soft)!important;color:var(--brand)!important;border:1px solid var(--brand-border)!important;font-size:11px!important}
.visitor-page .visitor-doc-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:15px 20px!important;border:0!important;border-top:1px solid #edf2f6!important;background:#fff!important}
.visitor-page .visitor-doc-info{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.visitor-page .visitor-doc-file-icon{width:38px!important;height:44px!important;flex:0 0 38px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:var(--brand-soft)!important;border:1px solid var(--brand-border)!important;color:var(--brand)!important;font-size:8px!important;font-weight:900!important;letter-spacing:.3px!important}
.visitor-page .visitor-doc-copy{min-width:0!important}
.visitor-page .visitor-doc-row strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#183b5c!important;font-size:10.5px!important;font-weight:800!important}
.visitor-page .visitor-doc-meta{margin-top:5px!important;color:#8a9aaa!important;font-size:8.5px!important;line-height:1.35!important}
.visitor-page .visitor-doc-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-width:105px!important;height:35px!important;padding:0 13px!important;border:1px solid var(--brand)!important;border-radius:7px!important;background:var(--brand-soft)!important;color:var(--brand)!important;font-size:9px!important;font-weight:800!important;white-space:nowrap!important;transition:background .15s ease,transform .15s ease!important}
.visitor-page .visitor-doc-button:hover{background:rgba(var(--brand-rgb),.14)!important;transform:translateY(-1px)!important}
.visitor-page .visitor-doc-button span:last-child{font-size:13px!important;line-height:1!important}
.visitor-page .visitor-doc-empty{padding:18px 20px!important;color:#8798a8!important;font-size:9px!important}
@media(max-width:760px){
 .visitor-page .visitor-documents-head{padding:15px 14px 12px!important}
 .visitor-page .visitor-documents-head .visitor-section-title strong{font-size:12px!important}
 .visitor-page .visitor-documents-head p{margin-left:33px!important;font-size:8.5px!important}
 .visitor-page .visitor-doc-row{padding:13px 14px!important;gap:10px!important}
 .visitor-page .visitor-doc-info{gap:10px!important}
 .visitor-page .visitor-doc-file-icon{width:34px!important;height:40px!important;flex-basis:34px!important;font-size:7.5px!important}
 .visitor-page .visitor-doc-row strong{font-size:9px!important}
 .visitor-page .visitor-doc-meta{font-size:7.5px!important;margin-top:4px!important}
 .visitor-page .visitor-doc-button{min-width:91px!important;height:32px!important;padding:0 10px!important;font-size:8px!important}
}

/* FINAL DOCUMENTS V6 — premium document library + same-window PDF viewer */
.visitor-page .visitor-documents{
  width:min(100%,1080px)!important;
  margin:0 auto 24px!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #dfe7ef!important;
  border-radius:14px!important;
  box-shadow:0 10px 30px rgba(20,52,84,.055)!important;
  overflow:hidden!important;
}
.visitor-page .visitor-documents-head{
  display:flex!important;
  align-items:center!important;
  padding:22px 24px 19px!important;
  border-bottom:1px solid #edf1f5!important;
  background:#fff!important;
}
.visitor-page .visitor-documents-head > div{min-width:0!important}
.visitor-page .visitor-documents-head .visitor-section-title{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.visitor-page .visitor-documents-head .visitor-section-title strong{
  font-size:15px!important;
  line-height:1.2!important;
  color:#142f4b!important;
  letter-spacing:-.2px!important;
}
.visitor-page .visitor-documents-head p{
  margin:6px 0 0 39px!important;
  color:#7b8d9f!important;
  font-size:10.5px!important;
  line-height:1.5!important;
}
.visitor-page .visitor-documents .section-icon{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  border-radius:9px!important;
  background:var(--brand-soft)!important;
  color:var(--brand)!important;
  border:1px solid var(--brand-border)!important;
  font-size:13px!important;
}
.visitor-page .visitor-doc-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:14px 18px!important;
  padding:18px 18px!important;
  border:1px solid #e8eef4!important;
  border-radius:12px!important;
  background:#fbfcfe!important;
  box-shadow:0 2px 8px rgba(20,52,84,.025)!important;
}
.visitor-page .visitor-doc-info{
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  min-width:0!important;
}
.visitor-page .visitor-doc-file-icon{
  position:relative!important;
  width:48px!important;
  height:56px!important;
  flex:0 0 48px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding-bottom:7px!important;
  border:1px solid var(--brand-border)!important;
  border-radius:9px!important;
  background:var(--brand-soft)!important;
  color:var(--brand)!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.4px!important;
  box-sizing:border-box!important;
}
.visitor-page .visitor-doc-file-icon:before{
  content:''!important;
  position:absolute!important;
  left:11px!important;
  top:9px!important;
  width:22px!important;
  height:25px!important;
  border:2px solid currentColor!important;
  border-radius:3px!important;
  opacity:.9!important;
}
.visitor-page .visitor-doc-file-icon:after{
  content:'PDF'!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:5px!important;
  text-align:center!important;
  font-size:7px!important;
  letter-spacing:.3px!important;
}
.visitor-page .visitor-doc-file-icon{font-size:0!important}
.visitor-page .visitor-doc-copy{min-width:0!important;flex:1 1 auto!important}
.visitor-page .visitor-doc-row strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#173653!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.visitor-page .visitor-doc-meta{
  margin-top:6px!important;
  color:#8797a7!important;
  font-size:9.5px!important;
  line-height:1.4!important;
}
.visitor-page .visitor-doc-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-width:136px!important;
  height:42px!important;
  padding:0 17px!important;
  border:1px solid var(--brand)!important;
  border-radius:9px!important;
  background:var(--brand)!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:0 5px 12px rgba(var(--brand-rgb),.16)!important;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;
}
.visitor-page .visitor-doc-button:hover{
  background:var(--brand)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  filter:brightness(.97)!important;
  box-shadow:0 7px 15px rgba(var(--brand-rgb),.21)!important;
}
.visitor-page .visitor-doc-button span:last-child{font-size:15px!important;line-height:1!important}
.visitor-page .visitor-doc-empty{padding:22px 24px!important;color:#8798a8!important;font-size:10px!important}

/* Same-window PDF viewer. The main visitor page stays mounted underneath. */
.pdf-viewer{display:none;position:fixed;inset:0;z-index:9999}
.pdf-viewer.open{display:block}
.pdf-viewer-backdrop{position:absolute;inset:0;background:rgba(12,27,43,.72);backdrop-filter:blur(2px)}
.pdf-viewer-panel{position:absolute;inset:24px;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.4);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.pdf-viewer-toolbar{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px 0 18px;border-bottom:1px solid #e7edf2;background:#fff}
.pdf-viewer-title{display:flex;align-items:center;gap:11px;min-width:0;color:#173653;font-size:12px;font-weight:800}
.pdf-viewer-title>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdf-viewer-file-icon{width:30px;height:34px;display:grid;place-items:center;flex:0 0 30px;border-radius:6px;background:var(--brand-soft);border:1px solid var(--brand-border);color:var(--brand);font-size:7px;font-weight:900}
.pdf-viewer-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce5ec;border-radius:8px;background:#fff;color:#486276;font-size:24px;line-height:1;cursor:pointer}
.pdf-viewer-close:hover{background:#f5f8fa;color:#173653}
.pdf-viewer-frame-wrap{position:relative;flex:1;min-height:0;background:#eef2f5}
.pdf-viewer-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff}
body.pdf-viewer-open{overflow:hidden}
@media(max-width:760px){
 .visitor-page .visitor-documents{margin:0 0 16px!important;border-radius:11px!important}
 .visitor-page .visitor-documents-head{padding:17px 15px 14px!important}
 .visitor-page .visitor-documents-head .visitor-section-title{gap:9px!important}
 .visitor-page .visitor-documents-head .visitor-section-title strong{font-size:13px!important}
 .visitor-page .visitor-documents-head p{margin:5px 0 0 34px!important;font-size:8.5px!important}
 .visitor-page .visitor-documents .section-icon{width:26px!important;height:26px!important;flex-basis:26px!important;border-radius:8px!important;font-size:11px!important}
 .visitor-page .visitor-doc-row{margin:11px!important;padding:14px!important;display:block!important}
 .visitor-page .visitor-doc-info{gap:11px!important;margin-bottom:13px!important}
 .visitor-page .visitor-doc-file-icon{width:40px!important;height:47px!important;flex-basis:40px!important;border-radius:8px!important}
 .visitor-page .visitor-doc-file-icon:before{left:9px!important;top:7px!important;width:18px!important;height:22px!important}
 .visitor-page .visitor-doc-file-icon:after{bottom:4px!important;font-size:6.5px!important}
 .visitor-page .visitor-doc-row strong{font-size:10px!important}
 .visitor-page .visitor-doc-meta{margin-top:5px!important;font-size:8px!important}
 .visitor-page .visitor-doc-button{width:100%!important;height:38px!important;min-width:0!important;font-size:9.5px!important;border-radius:8px!important}
 .pdf-viewer-panel{inset:8px;border-radius:10px}
 .pdf-viewer-toolbar{height:50px;flex-basis:50px;padding-left:12px}
 .pdf-viewer-title{font-size:10px}
 .pdf-viewer-close{width:31px;height:31px}
}

/* ============================================================
   ADMIN V3 — approved Login + Create Session visual system
   Visitor styles are intentionally untouched.
   ============================================================ */
:root{--admin-ink:#0c2f5d;--admin-muted:#6c849e;--admin-line:#dfe8f1;--admin-bg:#f4f8fc;--admin-brand:#ef1118;--admin-green:#16a765}
.admin-login-v3{background:#f3f7fb!important;padding:20px!important;min-height:100vh;box-sizing:border-box}
.admin-login-v3-shell{width:min(100%,1240px);min-height:calc(100vh - 40px);margin:auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dce6ef;border-radius:10px;overflow:hidden;box-shadow:0 18px 50px rgba(22,58,92,.08)}
.admin-login-v3-brand{position:relative;overflow:hidden;background:#f7fafc;padding:72px 42px 42px;color:var(--admin-ink)}
.admin-login-v3-brand-inner{position:relative;z-index:2;max-width:390px;margin:0 auto}
.admin-login-v3-logo{width:58px;height:58px;border-radius:50%;background:#f2f6fb;border:1px solid #dfe8f1;display:grid;place-items:center;color:var(--admin-brand);font-weight:900;font-size:20px;margin-bottom:18px}
.admin-login-v3-brand-name{font-size:18px;font-weight:900;display:flex;gap:8px;align-items:baseline}.admin-login-v3-brand-name span{font-weight:700}
.admin-login-v3-brand h1{font-size:32px;line-height:1.12;letter-spacing:-1px;margin:28px 0 14px}.admin-login-v3-brand p{font-size:13px;line-height:1.7;color:#617b96;margin:0}
.admin-login-v3-version{position:absolute;bottom:30px;left:42px;font-size:10px;color:#7289a0;z-index:3}.admin-login-v3-wave{position:absolute;left:-10%;right:-10%;bottom:-145px;height:310px;background:radial-gradient(ellipse at 45% 0%,rgba(239,17,24,.13),transparent 58%);border-radius:50% 50% 0 0/45% 45% 0 0;transform:rotate(-5deg)}
.admin-login-v3-form-wrap{display:grid;place-items:center;padding:44px;background:#fff}.admin-login-v3-form-card{width:min(100%,420px);padding:34px 30px 28px;border:1px solid #dce7f0;border-radius:9px;box-shadow:0 12px 34px rgba(26,62,96,.06)}
.admin-login-v3-form-card h2{font-size:22px;color:var(--admin-ink);margin:0 0 5px}.admin-login-v3-sub{font-size:11px;color:var(--admin-muted);margin:0 0 25px}.admin-field{margin-bottom:16px}.admin-field label{display:block;font-size:10px;font-weight:800;color:#244568;margin:0 0 7px}.admin-input-wrap{position:relative}.admin-input{height:42px!important;padding-left:38px!important;border-radius:7px!important;background:#fff!important}.admin-input-icon{position:absolute;left:13px;top:13px;color:#7b93aa;font-size:12px;z-index:2}.admin-eye{position:absolute;right:7px;top:6px;width:30px;height:30px;border:0;background:transparent;color:#728ba4}.admin-login-row{display:flex;justify-content:space-between;align-items:center;margin:1px 0 10px}.admin-remember{font-size:10px;color:#3d5872;display:flex;align-items:center;gap:5px}.admin-remember input{accent-color:var(--admin-brand)}.admin-login-button{width:100%;height:42px!important;background:var(--admin-brand)!important;border-radius:7px!important;font-size:11px!important}.admin-login-button span{font-size:16px;margin-left:5px}.admin-forgot{text-align:center;color:#69829c;font-size:9px;margin-top:18px}
.admin-v3-shell{min-height:100vh;display:grid;grid-template-columns:200px minmax(0,1fr);background:var(--admin-bg);color:var(--admin-ink)}
.admin-v3-sidebar{background:#fff;border-right:1px solid var(--admin-line);display:flex;flex-direction:column;min-width:0}.admin-v3-sidebar-brand{height:70px;padding:0 22px;border-bottom:1px solid #e7edf3;display:flex;align-items:center;gap:10px}.admin-v3-brand-mark,.admin-v3-header-mark{width:30px;height:30px;border-radius:8px;background:#fff1f1;border:1px solid #ffd8d8;color:var(--admin-brand);display:grid;place-items:center;font-size:10px;font-weight:900}.admin-v3-sidebar-brand strong{font-size:14px;color:var(--admin-ink)}.admin-v3-sidebar-brand strong span{display:block;font-size:9px;color:#55708d;margin-top:1px}.admin-v3-nav{padding:18px 10px}.admin-v3-nav a{height:38px;padding:0 12px;margin-bottom:5px;border-radius:7px;display:flex;align-items:center;gap:11px;color:#385674;font-size:10px;font-weight:700;text-decoration:none}.admin-v3-nav a span{width:16px;text-align:center;font-size:13px}.admin-v3-nav a.active{background:var(--admin-brand);color:#fff;box-shadow:0 5px 14px rgba(239,17,24,.18)}.admin-v3-nav a:hover:not(.active){background:#f3f7fb}.admin-v3-logout{margin:auto 10px 18px;height:38px;padding:0 12px;display:flex;align-items:center;gap:11px;color:#405b75;text-decoration:none;font-size:10px;font-weight:700;border-top:1px solid #edf1f5}.admin-v3-logout span{font-size:14px}.admin-v3-main{min-width:0}.admin-v3-header{height:62px;background:#fff;border-bottom:1px solid var(--admin-line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.admin-v3-header-brand{display:flex;align-items:center;gap:10px;color:var(--admin-ink);font-size:15px}.admin-v3-account{display:flex;align-items:center;gap:8px;font-size:10px;color:#385674}.admin-v3-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e8eff7;color:#24476b;font-weight:800}.admin-v3-content{max-width:1080px;margin:0 auto;padding:28px}.admin-v3-page-title{margin-bottom:20px}.admin-v3-page-title h1{margin:0 0 5px;font-size:19px;letter-spacing:-.4px}.admin-v3-page-title p{margin:0;color:var(--admin-muted);font-size:10px}.admin-v3-create-card{background:#fff;border:1px solid var(--admin-line);border-radius:9px;padding:22px;box-shadow:0 8px 26px rgba(27,63,96,.04)}.admin-v3-create-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-v3-branding-column,.admin-v3-settings-column{min-width:0}.admin-v3-branding-column{padding-right:20px;border-right:1px solid #edf1f5}.admin-v3-section-title{font-size:11px;font-weight:900;color:var(--admin-ink);margin-bottom:17px}.admin-v3-label,.admin-v3-setting-row label{display:block;font-size:9px;font-weight:800;color:#355371;margin-bottom:7px}.admin-v3-logo-drop{height:150px;border:1px solid #dce7f0;border-radius:8px;background:#fbfdff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.admin-v3-logo-preview{width:130px;height:76px;display:grid;place-items:center;color:#8ba0b4;font-size:9px;font-weight:900;overflow:hidden}.admin-v3-logo-preview img{width:100%;height:100%;object-fit:contain;padding:5px;box-sizing:border-box}.admin-v3-change-logo{height:30px;border:1px solid #cfdde9;border-radius:6px;background:#fff;display:inline-flex;align-items:center;padding:0 11px;color:#31516f;font-size:9px;font-weight:800;cursor:pointer}.admin-v3-change-logo input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.admin-v3-file-name{font-size:8px;color:#7b91a7;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-v3-help{font-size:8px;color:#8a9db0;margin-top:7px}.admin-v3-brand-divider{height:1px;background:#edf1f5;margin:19px 0}.admin-v3-brand-color-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.admin-v3-brand-color-head strong{display:block;font-size:9px;color:#28496a}.admin-v3-brand-color-head small{display:block;color:#8296aa;font-size:8px;margin-top:4px}.admin-v3-color-badge{height:31px;min-width:92px;padding:0 9px;border-radius:7px;background:var(--brand-soft,#f6f8fb);display:flex;align-items:center;gap:7px;color:var(--admin-brand);font-size:9px;font-weight:800}.admin-v3-color-badge i{width:10px;height:10px;border-radius:50%;background:var(--brand,var(--admin-brand));display:block}.admin-v3-color-badge b{font-size:10px;color:#8499ad;margin-left:auto}.admin-v3-setting-row{margin-bottom:16px}.admin-v3-readonly{height:40px;border:1px solid #dce7f0;border-radius:7px;background:#fbfdff;display:flex;align-items:center;padding:0 11px;color:#58728d;font-size:9px}.admin-v3-enabled{color:#198a5c;font-weight:800}.admin-v3-enabled span{margin-right:6px}.admin-v3-create-button{width:100%;height:42px!important;margin-top:22px;background:var(--admin-brand)!important;border-radius:7px!important;font-size:10px!important}.admin-v3-create-button:disabled{opacity:.45}.admin-v3-success{margin-top:18px}
@media(max-width:900px){.admin-v3-shell{grid-template-columns:1fr}.admin-v3-sidebar{display:none}.admin-v3-header{height:58px;padding:0 15px}.admin-v3-content{padding:18px 14px}.admin-v3-create-columns{grid-template-columns:1fr;gap:18px}.admin-v3-branding-column{border-right:0;border-bottom:1px solid #edf1f5;padding:0 0 18px}.admin-v3-logo-drop{height:140px}.admin-login-v3{padding:10px!important}.admin-login-v3-shell{min-height:calc(100vh - 20px);grid-template-columns:1fr}.admin-login-v3-brand{min-height:250px;padding:35px 28px}.admin-login-v3-brand h1{font-size:25px;margin-top:18px}.admin-login-v3-version{left:28px}.admin-login-v3-form-wrap{padding:20px}.admin-login-v3-form-card{box-shadow:none}}
@media(max-width:520px){.admin-v3-page-title h1{font-size:17px}.admin-v3-create-card{padding:15px}.admin-v3-header-brand{font-size:13px}.admin-v3-account strong{display:none}.admin-login-v3-brand{min-height:215px}.admin-login-v3-brand p{font-size:11px}.admin-login-v3-form-card{padding:24px 18px}.admin-v3-color-badge{min-width:82px}}

/* QUICK QUESTIONS + CHAT — isolated feature layer; existing branding/theme variables remain untouched. */
.chat-card{min-width:0}.chat-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.chat-head-row h3{margin-bottom:4px!important}.chat-head-row p{margin:0;color:#7890a8;font-size:9px}.support-chat{height:270px;overflow:auto;border:1px solid #e1eaf3;border-radius:9px;background:#fbfdff;padding:14px;display:flex;flex-direction:column;gap:10px}.chat-empty{margin:auto;color:#8ca0b4;font-size:10px;text-align:center}.chat-row{display:flex;gap:8px;align-items:flex-end}.chat-row.from-owner{justify-content:flex-start}.chat-row.from-visitor{justify-content:flex-end}.chat-avatar{width:26px;height:26px;flex:0 0 26px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#1976f3;font-size:8px;font-weight:900}.from-visitor .chat-avatar{order:2;background:#1976f3;color:#fff}.chat-bubble{max-width:min(78%,520px);padding:9px 11px;border:1px solid #dfe9f3;border-radius:10px 10px 10px 3px;background:#fff}.from-visitor .chat-bubble{border-color:var(--brand-border);background:var(--brand-soft);border-radius:10px 10px 3px 10px}.chat-sender{font-size:8px;font-weight:800;color:#55718e;margin-bottom:3px}.chat-text{font-size:10px;line-height:1.45;color:#173b62;white-space:pre-wrap;word-break:break-word}.chat-meta{font-size:7px;color:#91a2b3;margin-top:4px}.owner-draft-label{font-size:8px;color:#7e94a9;font-weight:750;margin:10px 0 5px}.quick-compose{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;margin-top:12px}.quick-section{border:1px solid #e1eaf3;border-radius:10px;padding:11px;background:#fff}.quick-title{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:#183b5c;margin-bottom:8px}.quick-title small{margin-left:auto;font-size:7.5px;color:#8aa0b4;font-weight:600}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick-chip{min-height:34px;border:1px solid #dce7f1;border-radius:7px;background:#fbfdff;color:#315775;text-align:left;padding:7px 9px;font-size:8.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:.15s ease}.quick-chip:hover{border-color:#9fc5e9;background:#f2f8fe;transform:translateY(-1px)}.quick-chip span{color:#1976f3}.quick-chip.question-chip{font-size:8.5px}.quick-chip.question-chip small{color:#1976f3;font-size:7px;white-space:nowrap}.quick-chip.answered{opacity:.58;cursor:default;background:#f7fafc}.quick-chip:disabled{cursor:default}.visitor-chat{height:320px;background:transparent;border:0;padding:4px 2px 10px}.visitor-page .chat-bubble{max-width:82%;font-size:10px}.visitor-page .chat-row.from-owner .chat-avatar{background:var(--brand-soft);color:var(--brand)}.visitor-page .chat-row.from-visitor .chat-avatar{background:var(--brand);color:#fff}.visitor-page .chat-row.from-visitor .chat-bubble{border-color:var(--brand);background:var(--brand);color:#fff}.visitor-page .chat-row.from-visitor .chat-text,.visitor-page .chat-row.from-visitor .chat-sender,.visitor-page .chat-row.from-visitor .chat-meta{color:#fff}.visitor-question-area{display:grid;gap:9px;margin:3px 0 10px}.visitor-question-card{border:1px solid var(--brand-border);background:var(--brand-soft);border-radius:10px;padding:11px}.visitor-question-card .question-kicker{font-size:7.5px;color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.visitor-question-card strong{display:block;color:#173b62;font-size:10px;line-height:1.4}.visitor-question-card>small{display:block;color:#7f94a9;font-size:8px;margin-top:4px}.question-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.question-option{border:1px solid #cbddeb;background:#fff;color:#315775;border-radius:7px;min-height:35px;padding:7px 9px;text-align:left;font-size:9px;font-weight:750;cursor:pointer}.question-option:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.question-option:disabled{cursor:default}.question-check{display:flex;align-items:center;gap:8px;border:1px solid #cbddeb;background:#fff;border-radius:7px;padding:8px 9px;font-size:9px;color:#315775;cursor:pointer}.question-check input{accent-color:var(--brand)}.question-submit{width:100%;height:35px;margin-top:8px;border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:7px;font-size:9px;font-weight:800;cursor:pointer}.question-input,.question-address{width:100%;border:1px solid #cbddeb;border-radius:7px;background:#fff;color:#173b62;font-size:10px;padding:9px 10px;outline:none;margin-top:9px}.question-address{height:72px;resize:vertical}.question-input:focus,.question-address:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.08)}.question-number{display:flex;align-items:center;margin-top:9px;border:1px solid #cbddeb;border-radius:7px;background:#fff;overflow:hidden}.question-number>span{padding-left:10px;color:#7a90a5;font-size:10px}.question-number .question-input{border:0;margin:0;box-shadow:none}.visitor-composer-hint{font-size:7.5px;color:#8b9daf;margin:0 2px 5px}.chat-live-state{margin-left:auto;color:#18a85d;font-size:8px}.chat-live-state::first-letter{font-size:7px}
@media(max-width:900px){.quick-compose{grid-template-columns:1fr}.support-chat{height:250px}.quick-grid{grid-template-columns:1fr 1fr}.visitor-chat{height:270px}}
@media(max-width:520px){.quick-grid,.question-options{grid-template-columns:1fr}.support-chat{height:235px;padding:10px}.visitor-chat{height:250px}.chat-bubble{max-width:88%}.quick-compose{gap:8px}.quick-section{padding:9px}.quick-chip{font-size:8px}.visitor-question-card{padding:10px}}

/* Live visitor typing is part of the same chat stream; no separate mirror panel. */
.owner-live-draft{display:flex;gap:8px;align-items:flex-end;margin-top:2px;opacity:.92}
.owner-live-draft .chat-avatar{background:#f2f6fa;color:#71869a}
.owner-live-draft .chat-bubble{border:1px dashed #b9c9d8;background:#f8fafc;border-radius:10px 10px 10px 3px}
.owner-live-draft .chat-sender{color:#71869a}
.owner-live-draft .chat-text{color:#55718e;font-style:italic;min-height:14px}
.owner-live-draft .chat-meta{color:#9aabb9}

/* Same-chat quick questions: controls live directly inside the conversation. */
.visitor-chat .visitor-question-card{margin:0 0 2px 34px;max-width:min(82%,560px);align-self:flex-start}
.visitor-chat .visitor-live-draft{margin-top:2px}
.visitor-chat .visitor-live-draft .chat-bubble{border:1px dashed #b9c9d8;background:#f8fafc}
.visitor-chat .visitor-live-draft .chat-text{color:#55718e;font-style:italic;min-height:14px}
@media(max-width:520px){.visitor-chat .visitor-question-card{margin-left:32px;max-width:88%}}

/* v9 unified chat: one visual module for conversation + live mirror + composer */
.unified-chat{border:1px solid #dfe8ef;border-radius:10px;background:#fff;overflow:hidden;box-shadow:none}
.unified-chat .support-chat{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;background:#fff!important}
.unified-chat .visitor-chat{min-height:250px;max-height:390px;overflow-y:auto}
.visitor-chat-composer{border-top:1px solid #edf2f6;background:#fff;padding:10px 13px 12px}
.visitor-chat-composer .visitor-composer-hint{margin:0 0 4px!important}
.visitor-chat-composer .visitor-text{display:block!important;width:100%!important;height:92px!important;min-height:92px!important;resize:none!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;padding:8px 2px 2px!important}
.visitor-chat-composer .visitor-text:focus{box-shadow:none!important}
.unified-chat .quick-compose{border-top:1px solid #edf2f6;margin:0!important;border-radius:0!important;box-shadow:none!important}
.owner-live-draft,.visitor-live-draft{opacity:.82}
.owner-live-draft .chat-bubble,.visitor-live-draft .chat-bubble{border-style:dashed}
@media(max-width:700px){.unified-chat .support-chat{min-height:220px;max-height:330px}.visitor-chat-composer{padding:9px 11px 10px}.visitor-chat-composer .visitor-text{height:82px!important;min-height:82px!important}}

/* V10 — professional unified chat composer; preserves existing session branding/theme logic. */
.unified-chat .support-chat{scrollbar-width:thin;scrollbar-color:#cbd8e4 transparent}
.unified-chat .support-chat::-webkit-scrollbar{width:7px}.unified-chat .support-chat::-webkit-scrollbar-track{background:transparent}.unified-chat .support-chat::-webkit-scrollbar-thumb{background:#cbd8e4;border-radius:10px}
.chat-row{animation:chatIn .16s ease-out}.chat-row.from-owner .chat-bubble{box-shadow:0 2px 8px rgba(26,62,96,.045)}.chat-row.from-visitor .chat-bubble{box-shadow:0 4px 12px rgba(var(--brand-rgb),.12)}
.chat-bubble{padding:10px 12px;border-radius:12px 12px 12px 4px}.from-visitor .chat-bubble{border-radius:12px 12px 4px 12px}
.chat-sender{font-size:9px!important;letter-spacing:.1px}.chat-text{font-size:11px!important;line-height:1.55!important}.chat-meta{font-size:7.5px!important}
.owner-chat-composer{display:flex;align-items:flex-end;gap:9px;padding:11px 12px;border-top:1px solid #edf2f6;background:#fff}
.owner-message-input{flex:1;min-width:0;min-height:42px;max-height:110px;resize:none;border:1px solid #dbe5ed;border-radius:10px;background:#fbfdff;padding:11px 12px;color:#183653;font-size:11px;line-height:1.45;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
.owner-message-input:focus{border-color:#9fb8cf;background:#fff;box-shadow:0 0 0 3px rgba(25,118,243,.06)}
.owner-message-input::placeholder{color:#93a5b6}
.chat-send-button{height:40px;min-width:78px;padding:0 13px;border:1px solid var(--brand,#1976f3);border-radius:9px;background:var(--brand,#1976f3);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:800;box-shadow:0 5px 12px rgba(var(--brand-rgb,25,118,243),.16);transition:transform .15s,filter .15s,opacity .15s;cursor:pointer}
.chat-send-button span:last-child{font-size:13px;line-height:1}.chat-send-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(.97)}.chat-send-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
.visitor-chat-composer{padding:10px 12px 11px!important}.visitor-composer-hint{font-size:8px!important;color:#8a9aaa!important}.visitor-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.visitor-send-status{font-size:8px;color:#91a1af}.visitor-chat-composer .visitor-text{height:82px!important;min-height:82px!important;border:1px solid #dbe5ed!important;border-radius:10px!important;background:#fbfdff!important;padding:11px 12px!important;resize:none!important;color:#183653!important;font-size:11px!important;line-height:1.5!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s,background .15s}.visitor-chat-composer .visitor-text:focus{border-color:var(--brand)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.07)!important}
.visitor-page .chat-send-button{background:var(--brand)!important;border-color:var(--brand)!important;box-shadow:0 5px 12px rgba(var(--brand-rgb),.15)!important}
@keyframes chatIn{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:700px){.owner-chat-composer{padding:9px}.owner-message-input{min-height:40px;font-size:10px}.chat-send-button{height:38px;min-width:70px;font-size:9px}.visitor-chat-composer{padding:9px 10px 10px!important}.visitor-chat-composer .visitor-text{height:78px!important;min-height:78px!important}.visitor-send-status{font-size:7.5px}}


/* V11 — unified professional visitor chat + compact document library.
   Intentionally uses the existing session brand variables; no logo/theme logic is changed. */
.visitor-page .unified-chat{
  border:1px solid #dce6ee!important;border-radius:14px!important;background:#fff!important;
  box-shadow:0 10px 28px rgba(22,55,84,.055)!important;overflow:hidden!important;
}
.visitor-page .visitor-chat{
  min-height:300px!important;max-height:430px!important;padding:16px 15px 12px!important;
  background:#fbfcfe!important;
}
.visitor-page .visitor-chat .chat-empty{font-size:10px!important;color:#91a1b0!important}
.visitor-page .visitor-chat .chat-row{gap:9px!important;margin:2px 0 9px!important}
.visitor-page .visitor-chat .chat-avatar{width:28px!important;height:28px!important;flex-basis:28px!important;font-size:8px!important}
.visitor-page .visitor-chat .chat-bubble{
  max-width:min(76%,560px)!important;padding:10px 12px!important;border-radius:13px 13px 13px 4px!important;
  border:1px solid #e0e8ef!important;background:#fff!important;box-shadow:0 2px 8px rgba(25,55,82,.045)!important;
}
.visitor-page .visitor-chat .from-visitor .chat-bubble{
  border:1px solid var(--brand)!important;background:var(--brand)!important;
  border-radius:13px 13px 4px 13px!important;box-shadow:0 5px 14px rgba(var(--brand-rgb),.15)!important;
}
.visitor-page .visitor-chat .chat-sender{font-size:8.5px!important;font-weight:800!important}
.visitor-page .visitor-chat .chat-text{font-size:11px!important;line-height:1.55!important}
.visitor-page .visitor-chat .chat-meta{font-size:7.5px!important;margin-top:5px!important}
.visitor-page .visitor-chat-composer{
  padding:12px 13px 13px!important;border-top:1px solid #e8eef3!important;background:#fff!important;
}
.visitor-page .visitor-composer-hint{font-size:8px!important;color:#8b9baa!important;margin:0 2px 6px!important}
.visitor-page .visitor-chat-composer .visitor-text{
  height:76px!important;min-height:76px!important;padding:11px 12px!important;
  border:1px solid #d8e3eb!important;border-radius:11px!important;background:#fcfdfe!important;
  font-size:11px!important;line-height:1.5!important;color:#183653!important;
}
.visitor-page .visitor-chat-composer .visitor-text:focus{
  border-color:var(--brand)!important;background:#fff!important;
  box-shadow:0 0 0 3px rgba(var(--brand-rgb),.07)!important;
}
.visitor-page .visitor-composer-actions{margin-top:8px!important;align-items:center!important}
.visitor-page .visitor-send-status{font-size:8px!important;color:#91a0ae!important}
.visitor-page .visitor-chat-composer .chat-send-button{
  height:36px!important;min-width:76px!important;border-radius:9px!important;
  font-size:9.5px!important;font-weight:800!important;
}

/* Documents: compact, readable and clearly secondary to the live conversation. */
.visitor-page .visitor-documents{
  width:min(100%,850px)!important;margin:18px auto 0!important;padding:0!important;
  border:1px solid #dfe8ef!important;border-radius:12px!important;background:#fff!important;
  box-shadow:0 7px 20px rgba(22,55,84,.045)!important;overflow:hidden!important;
}
.visitor-page .visitor-documents-head{padding:14px 16px 12px!important}
.visitor-page .visitor-documents-head .visitor-section-title{gap:9px!important}
.visitor-page .visitor-documents-head .visitor-section-title strong{font-size:12px!important}
.visitor-page .visitor-documents .section-icon{width:25px!important;height:25px!important;flex-basis:25px!important;border-radius:7px!important;font-size:11px!important}
.visitor-page .visitor-documents-head p{margin:4px 0 0 34px!important;font-size:8.5px!important;line-height:1.4!important}
.visitor-page .visitor-doc-row{margin:0!important;padding:11px 16px!important;border:0!important;border-top:1px solid #edf2f6!important;background:#fff!important;gap:14px!important}
.visitor-page .visitor-doc-info{gap:10px!important}
.visitor-page .visitor-doc-file-icon{width:32px!important;height:38px!important;flex-basis:32px!important;border-radius:7px!important;font-size:7px!important}
.visitor-page .visitor-doc-row strong{font-size:9.5px!important}
.visitor-page .visitor-doc-meta{font-size:7.5px!important;margin-top:3px!important}
.visitor-page .visitor-doc-button{min-width:88px!important;height:30px!important;border-radius:7px!important;font-size:8px!important;padding:0 10px!important}
.visitor-page .visitor-doc-empty{padding:15px 16px!important;font-size:8.5px!important}
@media(max-width:700px){
 .visitor-page .visitor-chat{min-height:260px!important;max-height:360px!important;padding:13px 11px 9px!important}
 .visitor-page .visitor-chat .chat-bubble{max-width:82%!important}
 .visitor-page .visitor-chat-composer{padding:10px!important}
 .visitor-page .visitor-chat-composer .visitor-text{height:72px!important;min-height:72px!important}
 .visitor-page .visitor-documents{margin-top:14px!important}
 .visitor-page .visitor-documents-head{padding:13px 13px 10px!important}
 .visitor-page .visitor-doc-row{padding:10px 12px!important}
 .visitor-page .visitor-doc-button{min-width:82px!important;height:30px!important}
}

/* V12 — named agent greeting + deeper professional chat surface */
.admin-create-v3 .admin-v3-agent-input{
  width:100%;
  min-height:40px;
  box-sizing:border-box;
  border:1px solid #d7e1ea;
  border-radius:8px;
  background:#fbfdff;
  color:#183653;
  padding:0 12px;
  font-size:11px;
  outline:none;
  transition:border-color .16s, box-shadow .16s, background .16s;
}
.admin-create-v3 .admin-v3-agent-input:focus{
  border-color:var(--brand,#1976f3);
  background:#fff;
  box-shadow:0 0 0 3px rgba(var(--brand-rgb,25,118,243),.07);
}
.visitor-page .visitor-copy #visitorGreeting{
  margin-bottom:9px!important;
  line-height:1.08!important;
  letter-spacing:-.8px!important;
}
.visitor-page .visitor-copy #agentConnect{
  margin:0!important;
  font-size:13px!important;
  line-height:1.55!important;
  color:#45647f!important;
  font-weight:500!important;
}
.visitor-page .visitor-copy .agent-subcopy{display:none!important}
.visitor-page .unified-chat{
  border:1px solid #d8e3ec!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(24,54,83,.08), 0 2px 6px rgba(24,54,83,.04)!important;
  overflow:hidden!important;
}
.visitor-page .visitor-chat{
  background:linear-gradient(180deg,#fbfdff 0%,#f7fafc 100%)!important;
  border:0!important;
  border-bottom:1px solid #e6edf3!important;
  padding:15px 14px 11px!important;
  min-height:275px!important;
  max-height:400px!important;
}
.visitor-page .visitor-chat .chat-bubble{
  border:1px solid #dbe5ed!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(24,54,83,.055)!important;
  padding:9px 11px!important;
}
.visitor-page .visitor-chat .from-visitor .chat-bubble{
  background:var(--brand-soft,#f3f8ff)!important;
  border-color:var(--brand-border,#c9def6)!important;
  box-shadow:0 3px 10px rgba(var(--brand-rgb,25,118,243),.08)!important;
}
.visitor-page .visitor-chat .chat-avatar{
  box-shadow:0 2px 6px rgba(24,54,83,.09)!important;
  border:1px solid #dce6ee!important;
  background:#fff!important;
}
.visitor-page .visitor-chat-composer{
  background:#fff!important;
  border-top:0!important;
  padding:12px 13px 13px!important;
}
.visitor-page .visitor-chat-composer .visitor-text{
  box-shadow:inset 0 1px 2px rgba(24,54,83,.025)!important;
}
@media(max-width:700px){
  .visitor-page .visitor-chat{min-height:250px!important;max-height:360px!important;padding:12px 10px 9px!important}
  .visitor-page .visitor-copy #visitorGreeting{font-size:24px!important}
  .visitor-page .visitor-copy #agentConnect{font-size:10.5px!important}
}
@media(max-width:520px){
  .visitor-page .unified-chat{border-radius:11px!important}
  .visitor-page .visitor-chat{min-height:245px!important;max-height:340px!important}
}


/* V13 — premium visitor chat treatment inspired by the approved visual reference.
   Keeps the existing session logo/theme variables and all chat functionality intact. */
.visitor-page .unified-chat{
  position:relative!important;
  border:1px solid #d6e1eb!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(20,54,84,.10),0 3px 9px rgba(20,54,84,.055)!important;
}
.visitor-page .unified-chat::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(25,55,82,.025);
}
.visitor-page .visitor-chat{
  min-height:315px!important;
  max-height:430px!important;
  padding:20px 19px 18px!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(225,236,247,.42),transparent 27%),
    linear-gradient(180deg,#fafdff 0%,#f4f8fc 100%)!important;
  border-bottom:1px solid #dfe8f0!important;
}
.visitor-page .visitor-chat::after{
  content:"";
  display:block;
  height:1px;
  margin:16px 4px 0;
  background:linear-gradient(90deg,transparent,#e4ebf2,transparent);
}
.visitor-page .visitor-chat .chat-row{
  position:relative!important;
  gap:10px!important;
  margin:0 0 15px!important;
  align-items:flex-end!important;
}
.visitor-page .visitor-chat .chat-row:last-child{margin-bottom:0!important}
.visitor-page .visitor-chat .chat-avatar{
  width:32px!important;
  height:32px!important;
  flex-basis:32px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:8px!important;
  font-weight:800!important;
  color:var(--brand,#1976f3)!important;
  background:#fff!important;
  border:1px solid #d7e3ed!important;
  box-shadow:0 4px 10px rgba(23,55,83,.10)!important;
}
.visitor-page .visitor-chat .chat-bubble{
  position:relative!important;
  max-width:min(72%,590px)!important;
  padding:12px 14px 10px!important;
  border:1px solid #dce6ee!important;
  border-radius:15px 15px 15px 5px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(24,54,83,.075),0 1px 2px rgba(24,54,83,.04)!important;
}
.visitor-page .visitor-chat .chat-bubble::after{
  content:"";
  position:absolute;
  left:-5px;
  bottom:7px;
  width:9px;
  height:9px;
  background:#fff;
  border-left:1px solid #dce6ee;
  border-bottom:1px solid #dce6ee;
  transform:rotate(45deg);
}
.visitor-page .visitor-chat .from-visitor{
  justify-content:flex-end!important;
}
.visitor-page .visitor-chat .from-visitor .chat-avatar{order:2}
.visitor-page .visitor-chat .from-visitor .chat-bubble{
  order:1;
  background:var(--brand,#1976f3)!important;
  border-color:var(--brand,#1976f3)!important;
  color:#fff!important;
  border-radius:15px 15px 5px 15px!important;
  box-shadow:0 9px 22px rgba(var(--brand-rgb,25,118,243),.22),0 2px 4px rgba(var(--brand-rgb,25,118,243),.10)!important;
}
.visitor-page .visitor-chat .from-visitor .chat-bubble::after{
  left:auto;
  right:-5px;
  background:var(--brand,#1976f3);
  border:0;
  border-right:1px solid var(--brand,#1976f3);
  border-bottom:1px solid var(--brand,#1976f3);
}
.visitor-page .visitor-chat .from-visitor .chat-avatar{
  color:#fff!important;
  background:var(--brand,#1976f3)!important;
  border-color:var(--brand,#1976f3)!important;
  box-shadow:0 5px 13px rgba(var(--brand-rgb,25,118,243),.20)!important;
}
.visitor-page .visitor-chat .chat-sender{
  margin-bottom:3px!important;
  font-size:8.5px!important;
  font-weight:800!important;
  letter-spacing:.1px!important;
  color:#54708a!important;
}
.visitor-page .visitor-chat .from-visitor .chat-sender{color:rgba(255,255,255,.88)!important}
.visitor-page .visitor-chat .chat-text{
  font-size:11.5px!important;
  line-height:1.5!important;
  letter-spacing:.02px!important;
  color:#183653!important;
}
.visitor-page .visitor-chat .from-visitor .chat-text{color:#fff!important}
.visitor-page .visitor-chat .chat-meta{
  margin-top:6px!important;
  font-size:7.5px!important;
  color:#8ba0b2!important;
  font-weight:600!important;
}
.visitor-page .visitor-chat .from-visitor .chat-meta{color:rgba(255,255,255,.76)!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-bubble{
  background:#f7fafc!important;
  border:1px dashed #afc0cf!important;
  color:#55718e!important;
  box-shadow:0 4px 11px rgba(24,54,83,.04)!important;
}
.visitor-page .visitor-chat .visitor-live-draft .chat-bubble::after{display:none}
.visitor-page .visitor-chat .visitor-live-draft .chat-sender,
.visitor-page .visitor-chat .visitor-live-draft .chat-meta{color:#8196a9!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-text{color:#55718e!important}
.visitor-page .visitor-chat-composer{
  position:relative!important;
  padding:14px 15px 15px!important;
  background:#fff!important;
  box-shadow:0 -5px 18px rgba(26,61,91,.035)!important;
}
.visitor-page .visitor-composer-hint{
  font-size:8px!important;
  color:#7f93a5!important;
  margin:0 2px 8px!important;
}
.visitor-page .visitor-chat-composer .visitor-text{
  height:74px!important;
  min-height:74px!important;
  padding:12px 13px!important;
  border:1px solid #d3e0ea!important;
  border-radius:12px!important;
  background:#f9fbfd!important;
  box-shadow:inset 0 1px 3px rgba(21,52,80,.035),0 1px 0 rgba(255,255,255,.9)!important;
  font-size:11px!important;
  color:#183653!important;
}
.visitor-page .visitor-chat-composer .visitor-text:focus{
  background:#fff!important;
  border-color:var(--brand)!important;
  box-shadow:0 0 0 3px rgba(var(--brand-rgb),.075),inset 0 1px 3px rgba(21,52,80,.025)!important;
}
.visitor-page .visitor-chat-composer .visitor-text::placeholder{color:#91a3b3!important}
.visitor-page .visitor-composer-actions{margin-top:9px!important}
.visitor-page .visitor-send-status{font-size:8px!important;color:#8295a5!important}
.visitor-page .visitor-chat-composer .chat-send-button{
  height:40px!important;
  min-width:82px!important;
  border-radius:10px!important;
  font-size:9.5px!important;
  box-shadow:0 8px 17px rgba(var(--brand-rgb),.20)!important;
}
.visitor-page .visitor-chat-composer .chat-send-button:hover:not(:disabled){transform:translateY(-1px)!important;filter:brightness(.98)!important}
@media(max-width:700px){
  .visitor-page .unified-chat{border-radius:13px!important}
  .visitor-page .visitor-chat{min-height:270px!important;max-height:365px!important;padding:15px 11px 13px!important}
  .visitor-page .visitor-chat .chat-bubble{max-width:79%!important;padding:10px 12px 9px!important}
  .visitor-page .visitor-chat .chat-avatar{width:29px!important;height:29px!important;flex-basis:29px!important}
  .visitor-page .visitor-chat-composer{padding:11px 11px 12px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:70px!important;min-height:70px!important}
}
@media(max-width:430px){
  .visitor-page .visitor-chat .chat-bubble{max-width:82%!important}
  .visitor-page .visitor-chat .chat-text{font-size:11px!important}
}

/* V14 — responsive premium visitor chat + documents surface.
   Desktop and mobile are intentionally tuned separately while preserving all existing logic. */
.visitor-page .visitor-message-card{
  border:1px solid #d7e3ec!important;
  border-radius:16px!important;
  background:#ffffff!important;
  box-shadow:0 20px 48px rgba(24,58,88,.10),0 3px 10px rgba(24,58,88,.045)!important;
}
.visitor-page .visitor-message-card .message-label{
  min-height:48px!important;
  box-sizing:border-box!important;
  padding:0 18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%)!important;
  border-bottom:1px solid #e2eaf1!important;
  color:#284966!important;
  font-size:10px!important;
  font-weight:800!important;
}
.visitor-page .visitor-message-card .chat-live-state{
  margin-left:auto!important;
  padding:5px 9px!important;
  border:1px solid #d9e9df!important;
  border-radius:999px!important;
  background:#f5fbf7!important;
  color:#2f8060!important;
  font-size:8px!important;
  font-weight:800!important;
}
.visitor-page .visitor-message-card .chat-live-state::first-letter{color:#26a269!important}
.visitor-page .unified-chat{
  border:0!important;
  border-radius:0!important;
  background:#f5f8fb!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.visitor-page .visitor-chat{
  min-height:360px!important;
  max-height:480px!important;
  padding:22px 22px 18px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(var(--brand-rgb),.075),transparent 26%),
    radial-gradient(circle at 92% 100%,rgba(188,213,232,.20),transparent 34%),
    linear-gradient(180deg,#f9fbfd 0%,#f0f5f9 100%)!important;
  border-bottom:1px solid #dfe8ef!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -10px 28px rgba(38,72,101,.025)!important;
}
.visitor-page .visitor-chat::-webkit-scrollbar{width:8px!important}
.visitor-page .visitor-chat::-webkit-scrollbar-track{background:rgba(220,230,238,.35)!important;border-radius:10px!important}
.visitor-page .visitor-chat::-webkit-scrollbar-thumb{background:#c2d0dc!important;border:2px solid transparent!important;background-clip:padding-box!important;border-radius:10px!important}
.visitor-page .visitor-chat .chat-row{margin:0 0 18px!important;gap:11px!important;align-items:flex-end!important}
.visitor-page .visitor-chat .chat-row:last-child{margin-bottom:0!important}
.visitor-page .visitor-chat .chat-avatar{
  width:34px!important;height:34px!important;flex-basis:34px!important;
  border-radius:50%!important;background:#fff!important;
  border:1px solid #d5e1ea!important;color:var(--brand)!important;
  box-shadow:0 5px 14px rgba(24,58,88,.11)!important;
  font-size:8px!important;font-weight:900!important;
}
.visitor-page .visitor-chat .chat-bubble{
  max-width:min(74%,620px)!important;
  padding:13px 15px 11px!important;
  border:1px solid #d9e4ec!important;
  border-radius:16px 16px 16px 6px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 9px 22px rgba(24,58,88,.075),0 2px 4px rgba(24,58,88,.035)!important;
}
.visitor-page .visitor-chat .chat-bubble::after{
  left:-5px!important;bottom:8px!important;width:10px!important;height:10px!important;
  background:#fff!important;border-left:1px solid #d9e4ec!important;border-bottom:1px solid #d9e4ec!important;
  box-shadow:-2px 2px 4px rgba(24,58,88,.015)!important;
}
.visitor-page .visitor-chat .from-visitor .chat-bubble{
  background:linear-gradient(180deg,var(--brand) 0%,var(--brand) 100%)!important;
  border-color:var(--brand)!important;
  border-radius:16px 16px 6px 16px!important;
  box-shadow:0 11px 25px rgba(var(--brand-rgb),.24),0 3px 6px rgba(var(--brand-rgb),.12)!important;
}
.visitor-page .visitor-chat .from-visitor .chat-bubble::after{
  right:-5px!important;left:auto!important;bottom:8px!important;
  background:var(--brand)!important;border:0!important;
  border-right:1px solid var(--brand)!important;border-bottom:1px solid var(--brand)!important;
  box-shadow:none!important;
}
.visitor-page .visitor-chat .chat-sender{font-size:9px!important;line-height:1.2!important;margin-bottom:5px!important;color:#52708a!important;font-weight:850!important}
.visitor-page .visitor-chat .chat-text{font-size:12px!important;line-height:1.55!important;color:#183b5c!important;letter-spacing:0!important}
.visitor-page .visitor-chat .chat-meta{margin-top:7px!important;font-size:8px!important;color:#8a9dad!important;font-weight:650!important}
.visitor-page .visitor-chat .from-visitor .chat-sender{color:rgba(255,255,255,.88)!important}
.visitor-page .visitor-chat .from-visitor .chat-text{color:#fff!important}
.visitor-page .visitor-chat .from-visitor .chat-meta{color:rgba(255,255,255,.72)!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-bubble{
  background:rgba(255,255,255,.70)!important;border:1px dashed #aebfcd!important;
  box-shadow:0 5px 14px rgba(24,58,88,.035)!important;
}
.visitor-page .visitor-chat .visitor-live-draft .chat-text{color:#607a91!important}
.visitor-page .visitor-chat-composer{
  padding:15px 16px 16px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  border-top:0!important;
  box-shadow:0 -8px 24px rgba(24,58,88,.045)!important;
}
.visitor-page .visitor-composer-hint{font-size:8.5px!important;color:#8093a5!important;margin:0 2px 9px!important}
.visitor-page .visitor-chat-composer .visitor-text{
  height:82px!important;min-height:82px!important;box-sizing:border-box!important;
  padding:13px 14px!important;border:1px solid #cfdee8!important;border-radius:13px!important;
  background:#f7fafc!important;color:#183b5c!important;font-size:11.5px!important;line-height:1.55!important;
  box-shadow:inset 0 1px 3px rgba(24,58,88,.045),0 1px 0 rgba(255,255,255,.95)!important;
}
.visitor-page .visitor-chat-composer .visitor-text:focus{
  background:#fff!important;border-color:var(--brand)!important;
  box-shadow:0 0 0 3px rgba(var(--brand-rgb),.08),inset 0 1px 3px rgba(24,58,88,.03)!important;
}
.visitor-page .visitor-composer-actions{margin-top:10px!important}
.visitor-page .visitor-send-status{font-size:8.5px!important;color:#8194a5!important}
.visitor-page .visitor-chat-composer .chat-send-button{
  height:42px!important;min-width:88px!important;padding:0 15px!important;
  border-radius:11px!important;font-size:10px!important;font-weight:850!important;
  box-shadow:0 9px 20px rgba(var(--brand-rgb),.22)!important;
}

/* Documents card — matching the chat card's visual weight and spacing. */
.visitor-page .visitor-documents{
  width:100%!important;margin:18px auto 0!important;padding:0!important;
  border:1px solid #d7e3ec!important;border-radius:16px!important;
  background:#fff!important;box-shadow:0 16px 38px rgba(24,58,88,.075),0 2px 8px rgba(24,58,88,.035)!important;
  overflow:hidden!important;
}
.visitor-page .visitor-documents-head{
  min-height:62px!important;box-sizing:border-box!important;
  padding:15px 19px!important;background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%)!important;
  border-bottom:1px solid #e2eaf1!important;
}
.visitor-page .visitor-documents-head .visitor-section-title{gap:10px!important}
.visitor-page .visitor-documents-head .visitor-section-title strong{font-size:13px!important;color:#183b5c!important;font-weight:850!important}
.visitor-page .visitor-documents-head p{margin:4px 0 0 35px!important;font-size:8.5px!important;color:#8194a6!important}
.visitor-page .visitor-documents .section-icon{
  width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:8px!important;
  background:var(--brand-soft)!important;border:1px solid var(--brand-border)!important;color:var(--brand)!important;
}
.visitor-page .visitor-doc-row{
  margin:12px!important;padding:15px 16px!important;box-sizing:border-box!important;
  border:1px solid #dfe8ef!important;border-radius:12px!important;background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%)!important;
  box-shadow:0 5px 15px rgba(24,58,88,.045)!important;
}
.visitor-page .visitor-doc-info{gap:13px!important}
.visitor-page .visitor-doc-file-icon{
  width:43px!important;height:51px!important;flex-basis:43px!important;border-radius:9px!important;
  background:var(--brand-soft)!important;border:1px solid var(--brand-border)!important;color:var(--brand)!important;
  box-shadow:0 3px 8px rgba(var(--brand-rgb),.06)!important;
}
.visitor-page .visitor-doc-file-icon:before{left:10px!important;top:8px!important;width:20px!important;height:24px!important}
.visitor-page .visitor-doc-file-icon:after{bottom:5px!important;font-size:7px!important}
.visitor-page .visitor-doc-row strong{font-size:11px!important;color:#173b5f!important;font-weight:850!important}
.visitor-page .visitor-doc-meta{margin-top:5px!important;font-size:8.5px!important;color:#8194a6!important}
.visitor-page .visitor-doc-button{
  min-width:112px!important;height:38px!important;padding:0 13px!important;border-radius:10px!important;
  background:var(--brand-soft)!important;border:1px solid var(--brand-border)!important;color:var(--brand)!important;
  box-shadow:none!important;font-size:9px!important;font-weight:850!important;
}
.visitor-page .visitor-doc-button:hover{background:rgba(var(--brand-rgb),.14)!important;box-shadow:0 5px 12px rgba(var(--brand-rgb),.10)!important}
.visitor-page .visitor-doc-empty{padding:20px!important;font-size:9px!important;color:#8194a6!important}

/* PDF viewer — desktop and phone-sized screens. */
.visitor-page .pdf-viewer-panel{inset:22px!important;border-radius:16px!important;box-shadow:0 30px 80px rgba(0,0,0,.30)!important}
.visitor-page .pdf-viewer-toolbar{height:62px!important;flex-basis:62px!important;padding:0 18px!important;background:#fff!important;border-bottom:1px solid #e2eaf1!important}
.visitor-page .pdf-viewer-title{font-size:12px!important}
.visitor-page .pdf-viewer-file-icon{width:32px!important;height:36px!important;flex-basis:32px!important;border-radius:8px!important}
.visitor-page .pdf-viewer-close{width:36px!important;height:36px!important;border-radius:9px!important}
.visitor-page .pdf-viewer-frame-wrap{background:#e9eef3!important;padding:10px!important;box-sizing:border-box!important}
.visitor-page .pdf-viewer-frame-wrap iframe{border-radius:6px!important;box-shadow:0 4px 18px rgba(24,58,88,.12)!important}

@media(max-width:760px){
  .visitor-page .visitor-message-card{border-radius:13px!important;box-shadow:0 14px 30px rgba(24,58,88,.085)!important}
  .visitor-page .visitor-message-card .message-label{min-height:44px!important;padding:0 13px!important;font-size:9px!important}
  .visitor-page .visitor-message-card .chat-live-state{font-size:7px!important;padding:4px 7px!important}
  .visitor-page .visitor-chat{
    min-height:350px!important;max-height:460px!important;padding:17px 12px 14px!important;
    background:
      radial-gradient(circle at 0 0,rgba(var(--brand-rgb),.08),transparent 32%),
      linear-gradient(180deg,#f8fafc 0%,#eef4f8 100%)!important;
  }
  .visitor-page .visitor-chat .chat-row{gap:8px!important;margin-bottom:15px!important}
  .visitor-page .visitor-chat .chat-avatar{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:7px!important}
  .visitor-page .visitor-chat .chat-bubble{max-width:78%!important;padding:10px 12px 9px!important;border-radius:14px 14px 14px 5px!important}
  .visitor-page .visitor-chat .from-visitor .chat-bubble{border-radius:14px 14px 5px 14px!important}
  .visitor-page .visitor-chat .chat-text{font-size:11px!important;line-height:1.5!important}
  .visitor-page .visitor-chat .chat-sender{font-size:8px!important;margin-bottom:4px!important}
  .visitor-page .visitor-chat .chat-meta{font-size:7px!important;margin-top:5px!important}
  .visitor-page .visitor-chat-composer{padding:12px 12px 13px!important}
  .visitor-page .visitor-composer-hint{font-size:7.5px!important;margin-bottom:7px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:74px!important;min-height:74px!important;border-radius:11px!important;font-size:10.5px!important}
  .visitor-page .visitor-composer-actions{margin-top:8px!important}
  .visitor-page .visitor-send-status{font-size:7.5px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{height:38px!important;min-width:80px!important;border-radius:9px!important;font-size:9px!important}

  .visitor-page .visitor-documents{margin-top:14px!important;border-radius:13px!important;box-shadow:0 12px 28px rgba(24,58,88,.065)!important}
  .visitor-page .visitor-documents-head{min-height:56px!important;padding:13px 13px 12px!important}
  .visitor-page .visitor-documents-head .visitor-section-title strong{font-size:12px!important}
  .visitor-page .visitor-documents-head p{margin:4px 0 0 34px!important;font-size:7.8px!important}
  .visitor-page .visitor-documents .section-icon{width:25px!important;height:25px!important;flex-basis:25px!important;border-radius:7px!important;font-size:10px!important}
  .visitor-page .visitor-doc-row{margin:10px!important;padding:12px!important;display:flex!important;align-items:center!important;gap:9px!important}
  .visitor-page .visitor-doc-info{gap:9px!important;min-width:0!important;flex:1 1 auto!important;margin:0!important}
  .visitor-page .visitor-doc-file-icon{width:37px!important;height:45px!important;flex-basis:37px!important;border-radius:8px!important}
  .visitor-page .visitor-doc-file-icon:before{left:8px!important;top:7px!important;width:18px!important;height:21px!important}
  .visitor-page .visitor-doc-file-icon:after{bottom:4px!important;font-size:6px!important}
  .visitor-page .visitor-doc-row strong{font-size:9.5px!important}
  .visitor-page .visitor-doc-meta{font-size:7.2px!important;line-height:1.35!important}
  .visitor-page .visitor-doc-button{flex:0 0 auto!important;width:auto!important;min-width:80px!important;height:34px!important;padding:0 9px!important;border-radius:9px!important;font-size:8px!important}

  .visitor-page .pdf-viewer-panel{inset:7px!important;border-radius:11px!important}
  .visitor-page .pdf-viewer-toolbar{height:50px!important;flex-basis:50px!important;padding:0 10px!important}
  .visitor-page .pdf-viewer-title{font-size:9px!important;gap:8px!important}
  .visitor-page .pdf-viewer-file-icon{width:28px!important;height:32px!important;flex-basis:28px!important;border-radius:7px!important;font-size:6.5px!important}
  .visitor-page .pdf-viewer-close{width:30px!important;height:30px!important;border-radius:8px!important;font-size:21px!important}
  .visitor-page .pdf-viewer-frame-wrap{padding:5px!important}
  .visitor-page .pdf-viewer-frame-wrap iframe{border-radius:4px!important}
}
@media(max-width:430px){
  .visitor-page .visitor-chat{min-height:330px!important;max-height:440px!important;padding:14px 10px 12px!important}
  .visitor-page .visitor-chat .chat-bubble{max-width:82%!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:70px!important;min-height:70px!important}
  .visitor-page .visitor-doc-row{align-items:stretch!important}
  .visitor-page .visitor-doc-info{align-items:center!important}
  .visitor-page .visitor-doc-button{min-width:76px!important;padding:0 7px!important}
}


/* Secure Bank Details — separate from chat and Quick Questions. */
.secure-bank-owner-section{grid-column:1/-1;background:linear-gradient(180deg,#fbfdff,#fff)}
.secure-bank-icon{width:20px;height:20px;border:1px solid #cfe0ef;border-radius:6px;display:grid;place-items:center;color:#1976f3;background:#f2f8ff;font-size:9px}
.secure-bank-request{width:100%;min-height:42px;border:1px solid #cfe0ef;border-radius:8px;background:#fff;color:#1c527f;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;cursor:pointer;transition:.15s ease}
.secure-bank-request:hover:not(:disabled){border-color:#9fc5e9;background:#f7fbff;transform:translateY(-1px)}
.secure-bank-request:disabled{opacity:.72;cursor:default}
.secure-bank-owner-card{margin-top:9px;border:1px solid #d8e5ef;border-radius:10px;background:#fff;padding:12px;box-shadow:0 7px 20px rgba(28,72,108,.06)}
.secure-bank-owner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid #edf2f6}
.secure-bank-owner-head strong{display:block;color:#173b62;font-size:10px}.secure-bank-owner-head small{display:block;color:#8397aa;font-size:7.5px;margin-top:3px}
.secure-bank-live{white-space:nowrap;border:1px solid #bfe7cf;background:#f0fbf4;color:#159653;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:850}
.secure-bank-owner-row{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #f0f4f7;align-items:center}.secure-bank-owner-row span{font-size:8px;color:#7a90a5}.secure-bank-owner-row strong{font-size:9px;color:#1d4568;min-width:0;overflow-wrap:anywhere}.secure-bank-owner-row strong:not(:empty){font-variant-numeric:tabular-nums}
.secure-bank-clear{width:100%;height:32px;margin-top:10px;border:1px solid #d7e2eb;border-radius:7px;background:#f9fbfd;color:#617b92;font-size:8.5px;font-weight:800;cursor:pointer}.secure-bank-clear:hover{border-color:#b8cad9;background:#f3f7fa;color:#355570}
.visitor-secure-bank{margin-top:14px;border:1px solid #d7e4ed;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(22,55,84,.065);overflow:hidden}
.visitor-secure-bank[hidden],.secure-bank-owner-card[hidden]{display:none!important}
.secure-bank-card-head{display:flex;align-items:flex-start;gap:12px;padding:17px 18px 14px;background:linear-gradient(180deg,#fbfdff,#f8fbfe);border-bottom:1px solid #e8eff4}.secure-bank-lock{width:36px;height:36px;flex:0 0 36px;border:1px solid #cfe0ef;border-radius:9px;background:#eef6ff;color:var(--brand);display:grid;place-items:center;font-size:13px}.secure-bank-kicker{text-transform:uppercase;letter-spacing:.55px;font-size:7px;font-weight:900;color:var(--brand);margin-bottom:3px}.secure-bank-card-head h2{margin:0;color:#173b62;font-size:15px;line-height:1.25}.secure-bank-card-head p{margin:5px 0 0;color:#7890a6;font-size:8.5px;line-height:1.5;max-width:560px}.secure-bank-session-pill{margin-left:auto;white-space:nowrap;border:1px solid #c9e6d5;background:#f1fbf5;color:#158a4e;border-radius:999px;padding:6px 8px;font-size:7px;font-weight:850}
.secure-bank-form{padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.secure-bank-form>label,.secure-bank-two label{display:grid;gap:6px}.secure-bank-form label>span{font-size:8px;font-weight:800;color:#58728b}.secure-bank-form label em{font-style:normal;font-weight:600;color:#9aaab8;margin-left:3px}.secure-bank-form input{width:100%;height:39px;border:1px solid #d5e1ea;border-radius:8px;background:#fbfdff;color:#183653;outline:0;padding:0 11px;font-size:10px;transition:border-color .15s,box-shadow .15s,background .15s}.secure-bank-form input:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.07)}.secure-bank-form input::placeholder{color:#a0afbc}.secure-bank-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.secure-bank-form>label:last-child{grid-column:1/-1;max-width:calc(50% - 7px)}
.secure-bank-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 18px;border-top:1px solid #edf2f6;background:#fbfdff}.secure-bank-foot>span{display:flex;align-items:center;gap:6px;color:#6f879d;font-size:7.5px;font-weight:700}.secure-bank-foot i{width:6px;height:6px;border-radius:50%;background:#18ad5a;box-shadow:0 0 0 3px #e9f9ef}.secure-bank-foot button{border:0;background:transparent;color:#71899f;font-size:8px;font-weight:800;cursor:pointer}.secure-bank-foot button:hover{color:#315775}
@media(max-width:900px){.secure-bank-form{grid-template-columns:1fr}.secure-bank-form>label:last-child{grid-column:auto;max-width:none}.secure-bank-two{grid-template-columns:1fr 1fr}.secure-bank-owner-row{grid-template-columns:105px 1fr}}
@media(max-width:520px){.secure-bank-owner-section{padding:9px}.secure-bank-card-head{padding:14px 13px 12px;gap:9px}.secure-bank-lock{width:32px;height:32px;flex-basis:32px}.secure-bank-card-head h2{font-size:13px}.secure-bank-card-head p{font-size:8px}.secure-bank-session-pill{font-size:6.5px;padding:5px 6px}.secure-bank-form{padding:13px;gap:10px}.secure-bank-two{grid-template-columns:1fr;gap:10px}.secure-bank-form input{height:40px}.secure-bank-foot{padding:10px 13px}.secure-bank-owner-card{padding:10px}.secure-bank-owner-row{grid-template-columns:1fr;gap:3px;padding:7px 0}.secure-bank-owner-row span{font-size:7px}.secure-bank-owner-row strong{font-size:9px}.secure-bank-request{min-height:40px}}

/* v16 — compact secure bank form lives inside the visitor chat module, not as a separate page section */
.visitor-secure-bank-inline{margin:10px 12px 12px;border:1px solid #d7e4ed;border-radius:12px;background:#fff;box-shadow:0 9px 24px rgba(22,55,84,.07);overflow:hidden}
.visitor-secure-bank-inline[hidden]{display:none!important}
.secure-bank-inline-head{display:flex;align-items:flex-start;gap:10px;padding:13px 14px 11px;background:linear-gradient(180deg,#fbfdff,#f8fbfe);border-bottom:1px solid #e8eff4}
.secure-bank-inline-head .secure-bank-lock{width:32px;height:32px;flex-basis:32px;border-radius:8px;font-size:12px}
.secure-bank-inline-head h2{margin:0;color:#173b62;font-size:12px;line-height:1.25}
.secure-bank-inline-head p{margin:4px 0 0;color:#7890a6;font-size:7.5px;line-height:1.45;max-width:540px}
.secure-bank-inline-head .secure-bank-session-pill{margin-left:auto;padding:5px 7px;font-size:6.5px}
.secure-bank-form-inline{padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.secure-bank-form-inline>label,.secure-bank-form-inline .secure-bank-two label{display:grid;gap:5px}
.secure-bank-form-inline label>span{font-size:7.5px;font-weight:800;color:#58728b}
.secure-bank-form-inline input{width:100%;height:36px;border:1px solid #d5e1ea;border-radius:7px;background:#fbfdff;color:#183653;outline:0;padding:0 10px;font-size:9px;transition:border-color .15s,box-shadow .15s,background .15s}
.secure-bank-form-inline input:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.07)}
.secure-bank-form-inline input::placeholder{color:#a0afbc}
.secure-bank-form-inline .secure-bank-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.secure-bank-inline-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.visitor-secure-bank-inline .secure-bank-foot{padding:9px 14px}
@media(max-width:700px){.visitor-secure-bank-inline{margin:9px 8px 10px}.secure-bank-inline-head{padding:12px;gap:8px}.secure-bank-inline-head h2{font-size:11.5px}.secure-bank-inline-head p{font-size:7.2px}.secure-bank-form-inline{grid-template-columns:1fr;padding:11px 12px;gap:9px}.secure-bank-form-inline .secure-bank-two{grid-template-columns:1fr 1fr;gap:9px}.visitor-secure-bank-inline .secure-bank-foot{padding:9px 12px}}
@media(max-width:430px){.secure-bank-inline-head .secure-bank-session-pill{display:none}.secure-bank-form-inline .secure-bank-two{grid-template-columns:1fr}.secure-bank-form-inline input{height:38px}}

/* V17 — compact telecom-grade visitor experience: keep the first mobile view dense, readable and professional. */
.visitor-page{background:#eef3f7!important;color:#173653!important}
.visitor-page .visitor-main{padding-top:24px!important;padding-bottom:28px!important}
.visitor-page .visitor-hero{min-height:0!important;height:auto!important;padding:18px 22px!important;background:#fff!important;box-shadow:0 8px 24px rgba(22,55,84,.055)!important}
.visitor-page .visitor-copy h1{letter-spacing:-.45px!important}
.visitor-page .visitor-copy .agent-connect{color:#627c92!important;font-weight:600!important}
.visitor-page .visitor-message-card{box-shadow:0 14px 34px rgba(22,55,84,.085)!important}
.visitor-page .visitor-message-card .message-label{min-height:42px!important;height:42px!important;padding:0 15px!important;font-size:10px!important}
.visitor-page .visitor-chat{scrollbar-width:thin!important}
.visitor-page .visitor-chat .chat-text{font-family:"Clear Sans Local",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-weight:500!important}
.visitor-page .visitor-chat-composer{padding:10px 12px 11px!important}
.visitor-page .visitor-composer-hint{font-size:8px!important;margin:0 1px 7px!important;color:#7b8e9f!important}
.visitor-page .visitor-chat-composer .visitor-text{font-family:"Clear Sans Local",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}

/* Bank card: compact, premium financial-service treatment. */
.visitor-page .visitor-secure-bank-inline{margin:9px 10px 10px!important;border:1px solid #cbd9e4!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(19,52,81,.09)!important;background:#fff!important}
.visitor-page .secure-bank-inline-head{padding:11px 12px 10px!important;background:linear-gradient(135deg,#102f4f 0%,#17466d 100%)!important;border-bottom:0!important;color:#fff!important}
.visitor-page .secure-bank-inline-head .secure-bank-lock{width:31px!important;height:31px!important;flex-basis:31px!important;border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.10)!important;color:#fff!important}
.visitor-page .secure-bank-inline-head .secure-bank-kicker{font-size:6.5px!important;letter-spacing:.7px!important;color:#a9d3f7!important}
.visitor-page .secure-bank-inline-head h2{font-size:12px!important;color:#fff!important;font-weight:800!important}
.visitor-page .secure-bank-inline-head p{font-size:7px!important;line-height:1.4!important;color:#d4e4f0!important;margin-top:3px!important}
.visitor-page .secure-bank-inline-head .secure-bank-session-pill{border-color:rgba(116,226,166,.28)!important;background:rgba(65,194,126,.13)!important;color:#9ce7bd!important}
.visitor-page .secure-bank-form-inline{padding:11px 12px!important;gap:8px!important;background:#fff!important}
.visitor-page .secure-bank-form-inline label>span{font-size:7.5px!important;color:#4f687d!important;letter-spacing:.05px!important}
.visitor-page .secure-bank-form-inline input{height:35px!important;border-radius:7px!important;background:#f8fafc!important;border-color:#d2dee7!important;font-size:9px!important;font-weight:550!important}
.visitor-page .secure-bank-form-inline input:focus{background:#fff!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot{padding:8px 12px!important;background:#f7f9fb!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot>span{font-size:7px!important;color:#647d91!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot button{font-size:7.5px!important}

/* Documents: shorter, denser, but still polished. */
.visitor-page .visitor-documents{box-shadow:0 10px 26px rgba(20,52,84,.06)!important}
.visitor-page .visitor-documents-head{padding:13px 15px 11px!important;min-height:0!important}
.visitor-page .visitor-documents-head .visitor-section-title strong{font-size:12px!important}
.visitor-page .visitor-documents-head p{font-size:8px!important;margin-top:3px!important}
.visitor-page .visitor-doc-row{margin:9px!important;padding:11px!important}
.visitor-page .visitor-doc-info{gap:10px!important;margin-bottom:9px!important}
.visitor-page .visitor-doc-file-icon{width:34px!important;height:41px!important;flex-basis:34px!important}
.visitor-page .visitor-doc-row strong{font-size:9.5px!important}
.visitor-page .visitor-doc-meta{font-size:7.5px!important;margin-top:3px!important}
.visitor-page .visitor-doc-button{height:34px!important;font-size:8.5px!important}

@media(max-width:700px){
  .visitor-page .visitor-main{padding:10px 9px 18px!important}
  .visitor-page .visitor-hero{width:100%!important;padding:10px 13px!important;margin-bottom:9px!important;border-radius:10px!important}
  .visitor-page .visitor-hero-logo{width:48px!important;height:28px!important}
  .visitor-page .visitor-copy h1{font-size:18px!important;margin:0 0 3px!important}
  .visitor-page .visitor-copy .agent-connect{font-size:8.5px!important;line-height:1.35!important}
  .visitor-page .visitor-message-card{width:100%!important;border-radius:11px!important}
  .visitor-page .visitor-message-card .message-label{height:37px!important;min-height:37px!important;padding:0 11px!important;font-size:8.5px!important}
  .visitor-page .visitor-message-card .chat-live-state{padding:4px 7px!important;font-size:6.5px!important}
  .visitor-page .visitor-chat{min-height:205px!important;height:205px!important;max-height:205px!important;padding:11px 9px 9px!important}
  .visitor-page .visitor-chat .chat-row{gap:7px!important;margin-bottom:10px!important}
  .visitor-page .visitor-chat .chat-avatar{width:25px!important;height:25px!important;flex-basis:25px!important;font-size:6.5px!important}
  .visitor-page .visitor-chat .chat-bubble{max-width:82%!important;padding:8px 10px 7px!important;border-radius:11px 11px 11px 4px!important}
  .visitor-page .visitor-chat .from-visitor .chat-bubble{border-radius:11px 11px 4px 11px!important}
  .visitor-page .visitor-chat .chat-sender{font-size:6.5px!important;margin-bottom:3px!important}
  .visitor-page .visitor-chat .chat-text{font-size:9px!important;line-height:1.4!important}
  .visitor-page .visitor-chat .chat-meta{font-size:6px!important;margin-top:4px!important}
  .visitor-page .visitor-chat-composer{padding:8px 9px 9px!important}
  .visitor-page .visitor-composer-hint{font-size:6.5px!important;margin:0 1px 5px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:43px!important;min-height:43px!important;padding:8px 9px!important;border-radius:8px!important;font-size:9px!important;line-height:1.35!important}
  .visitor-page .visitor-composer-actions{margin-top:6px!important}
  .visitor-page .visitor-send-status{font-size:6.5px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{height:31px!important;min-width:68px!important;padding:0 10px!important;border-radius:8px!important;font-size:8px!important}
  .visitor-page .visitor-secure-bank-inline{margin:7px 7px 8px!important;border-radius:10px!important}
  .visitor-page .secure-bank-inline-head{padding:9px 10px 8px!important;gap:7px!important}
  .visitor-page .secure-bank-inline-head .secure-bank-lock{width:27px!important;height:27px!important;flex-basis:27px!important;font-size:10px!important}
  .visitor-page .secure-bank-inline-head h2{font-size:10px!important}
  .visitor-page .secure-bank-inline-head p{font-size:6.3px!important;max-width:250px!important;line-height:1.35!important}
  .visitor-page .secure-bank-inline-head .secure-bank-session-pill{font-size:5.8px!important;padding:4px 5px!important}
  .visitor-page .secure-bank-form-inline{padding:8px 10px!important;gap:7px!important}
  .visitor-page .secure-bank-form-inline .secure-bank-two{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .visitor-page .secure-bank-form-inline label{gap:3px!important}
  .visitor-page .secure-bank-form-inline label>span{font-size:6.7px!important}
  .visitor-page .secure-bank-form-inline input{height:31px!important;padding:0 8px!important;border-radius:6px!important;font-size:8px!important}
  .visitor-page .visitor-secure-bank-inline .secure-bank-foot{padding:6px 10px!important}
  .visitor-page .visitor-secure-bank-inline .secure-bank-foot>span{font-size:6px!important}
  .visitor-page .visitor-secure-bank-inline .secure-bank-foot button{font-size:6.5px!important}
  .visitor-page .visitor-documents{margin-top:9px!important;border-radius:10px!important}
  .visitor-page .visitor-documents-head{padding:10px 11px 9px!important}
  .visitor-page .visitor-documents-head .visitor-section-title{gap:7px!important}
  .visitor-page .visitor-documents .section-icon{width:22px!important;height:22px!important;flex-basis:22px!important;border-radius:6px!important;font-size:9px!important}
  .visitor-page .visitor-documents-head .visitor-section-title strong{font-size:9.5px!important}
  .visitor-page .visitor-documents-head p{margin:2px 0 0 29px!important;font-size:6.5px!important}
  .visitor-page .visitor-doc-row{margin:7px!important;padding:8px!important;border-radius:8px!important}
  .visitor-page .visitor-doc-info{gap:8px!important;margin-bottom:7px!important}
  .visitor-page .visitor-doc-file-icon{width:29px!important;height:35px!important;flex-basis:29px!important;border-radius:6px!important}
  .visitor-page .visitor-doc-file-icon:before{left:7px!important;top:6px!important;width:14px!important;height:17px!important}
  .visitor-page .visitor-doc-file-icon:after{bottom:3px!important;font-size:5.5px!important}
  .visitor-page .visitor-doc-row strong{font-size:8px!important}
  .visitor-page .visitor-doc-meta{font-size:6.5px!important}
  .visitor-page .visitor-doc-button{height:29px!important;font-size:7.5px!important;border-radius:7px!important}
}
@media(max-width:380px){
  .visitor-page .visitor-chat{height:190px!important;min-height:190px!important;max-height:190px!important}
  .visitor-page .visitor-chat .chat-text{font-size:8.5px!important}
  .visitor-page .visitor-copy h1{font-size:17px!important}
  .visitor-page .secure-bank-inline-head p{max-width:205px!important}
}


/* v18 compact visitor presentation: keep the primary mobile experience in a tight first-screen footprint. */
.visitor-page .visitor-hero-clean .visitor-copy{padding:0!important}
.visitor-page .visitor-hero-clean .visitor-copy h1{margin:0!important}
.visitor-page .visitor-hero-clean .visitor-hero-logo{display:none!important}

@media(max-width:700px){
  .visitor-page{overflow-x:hidden!important}
  .visitor-page .visitor-main{padding:7px 8px 12px!important}
  .visitor-page .visitor-hero-clean{margin:0 0 6px!important;padding:7px 10px!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(22,55,84,.045)!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:16px!important;line-height:1.05!important;letter-spacing:-.25px!important;margin:0 0 2px!important}
  .visitor-page .visitor-hero-clean .visitor-copy .agent-connect{font-size:7.2px!important;line-height:1.2!important;margin:0!important}

  .visitor-page .visitor-message-card{border-radius:9px!important;box-shadow:0 7px 18px rgba(22,55,84,.065)!important}
  .visitor-page .visitor-message-card .message-label{height:31px!important;min-height:31px!important;padding:0 9px!important;font-size:7.5px!important}
  .visitor-page .visitor-message-card .message-pencil{font-size:10px!important}
  .visitor-page .visitor-message-card .chat-live-state{padding:3px 5px!important;font-size:5.8px!important;border-radius:999px!important}
  .visitor-page .visitor-chat{height:148px!important;min-height:148px!important;max-height:148px!important;padding:7px 7px 5px!important}
  .visitor-page .visitor-chat .chat-row{gap:5px!important;margin-bottom:6px!important}
  .visitor-page .visitor-chat .chat-avatar{width:20px!important;height:20px!important;flex-basis:20px!important;font-size:5.5px!important}
  .visitor-page .visitor-chat .chat-bubble{max-width:79%!important;padding:5px 7px 5px!important;border-radius:8px 8px 8px 3px!important}
  .visitor-page .visitor-chat .from-visitor .chat-bubble{border-radius:8px 8px 3px 8px!important}
  .visitor-page .visitor-chat .chat-sender{font-size:5.5px!important;margin-bottom:2px!important}
  .visitor-page .visitor-chat .chat-text{font-size:7.7px!important;line-height:1.3!important}
  .visitor-page .visitor-chat .chat-meta{font-size:5px!important;margin-top:2px!important}
  .visitor-page .visitor-chat .typing-draft{padding:5px 7px!important;font-size:6px!important}

  .visitor-page .visitor-chat-composer{padding:5px 7px 6px!important}
  .visitor-page .visitor-composer-hint{font-size:5.8px!important;line-height:1.15!important;margin:0 0 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:32px!important;min-height:32px!important;padding:6px 8px!important;border-radius:7px!important;font-size:7.8px!important;line-height:1.25!important}
  .visitor-page .visitor-composer-actions{margin-top:4px!important}
  .visitor-page .visitor-send-status{font-size:5.7px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{height:25px!important;min-width:57px!important;padding:0 7px!important;border-radius:7px!important;font-size:6.8px!important}

  /* Secure bank card stays compact and only occupies space when opened by the agent. */
  .visitor-page .visitor-secure-bank-inline{margin:5px 5px 6px!important;border-radius:8px!important;box-shadow:0 5px 13px rgba(19,52,81,.075)!important}
  .visitor-page .secure-bank-inline-head{padding:7px 8px!important;gap:6px!important}
  .visitor-page .secure-bank-inline-head .secure-bank-lock{width:22px!important;height:22px!important;flex-basis:22px!important;font-size:8px!important}
  .visitor-page .secure-bank-inline-head .secure-bank-kicker{font-size:5px!important;letter-spacing:.5px!important}
  .visitor-page .secure-bank-inline-head h2{font-size:8.5px!important;line-height:1.1!important}
  .visitor-page .secure-bank-inline-head p{font-size:5.5px!important;line-height:1.25!important;margin-top:2px!important}
  .visitor-page .secure-bank-inline-head .secure-bank-session-pill{font-size:4.8px!important;padding:3px 4px!important}
  .visitor-page .secure-bank-form-inline{padding:6px 8px!important;gap:5px!important}
  .visitor-page .secure-bank-form-inline label{gap:2px!important}
  .visitor-page .secure-bank-form-inline label>span{font-size:5.8px!important}
  .visitor-page .secure-bank-form-inline input{height:26px!important;padding:0 7px!important;border-radius:5px!important;font-size:7px!important}
  .visitor-page .secure-bank-form-inline .secure-bank-two{gap:5px!important}
  .visitor-page .visitor-secure-bank-inline .secure-bank-foot{padding:5px 8px!important}
  .visitor-page .visitor-secure-bank-inline .secure-bank-foot>span{font-size:5.3px!important}
  .visitor-page .visitor-secure-bank-inline .secure-bank-foot button{font-size:5.5px!important;padding:4px 6px!important}

  /* Documents remain visible without creating a long landing-page tail. */
  .visitor-page .visitor-documents{margin-top:6px!important;border-radius:8px!important;box-shadow:0 6px 16px rgba(20,52,84,.05)!important}
  .visitor-page .visitor-documents-head{padding:7px 9px 6px!important}
  .visitor-page .visitor-documents-head .visitor-section-title{gap:5px!important}
  .visitor-page .visitor-documents .section-icon{width:19px!important;height:19px!important;flex-basis:19px!important;border-radius:5px!important;font-size:7px!important}
  .visitor-page .visitor-documents-head .visitor-section-title strong{font-size:8px!important}
  .visitor-page .visitor-documents-head p{margin:1px 0 0 24px!important;font-size:5.5px!important;line-height:1.2!important}
  .visitor-page .visitor-doc-row{margin:5px!important;padding:6px!important;border-radius:6px!important;gap:6px!important}
  .visitor-page .visitor-doc-info{gap:6px!important;margin-bottom:5px!important}
  .visitor-page .visitor-doc-file-icon{width:23px!important;height:29px!important;flex-basis:23px!important;border-radius:5px!important}
  .visitor-page .visitor-doc-file-icon:before{left:5px!important;top:5px!important;width:11px!important;height:14px!important}
  .visitor-page .visitor-doc-file-icon:after{bottom:2px!important;font-size:4.5px!important}
  .visitor-page .visitor-doc-row strong{font-size:6.8px!important}
  .visitor-page .visitor-doc-meta{font-size:5.2px!important;margin-top:2px!important}
  .visitor-page .visitor-doc-button{height:24px!important;min-width:54px!important;padding:0 6px!important;border-radius:6px!important;font-size:6.3px!important}
}
@media(max-width:380px){
  .visitor-page .visitor-main{padding-left:7px!important;padding-right:7px!important}
  .visitor-page .visitor-chat{height:138px!important;min-height:138px!important;max-height:138px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:15px!important}
  .visitor-page .visitor-hero-clean .visitor-copy .agent-connect{font-size:6.8px!important}
}

/* V19 — centered, flat-corner professional visitor welcome + composer polish. */
.visitor-page .visitor-hero-clean{
  display:flex!important;justify-content:center!important;text-align:center!important;
  padding:18px 20px 16px!important;background:#fff!important;border:1px solid #e2e9ef!important;
  border-radius:6px!important;box-shadow:0 6px 18px rgba(22,55,84,.045)!important;
}
.visitor-page .visitor-hero-clean .visitor-copy{
  width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;
}
.visitor-page .visitor-hero-clean .visitor-hero-logo{
  display:grid!important;place-items:center!important;width:48px!important;height:48px!important;
  margin:0 auto 9px!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:hidden!important;
}
.visitor-page .visitor-hero-clean .visitor-hero-logo img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.visitor-page .visitor-hero-clean .visitor-copy h1{
  font-size:21px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.45px!important;
  color:#173653!important;margin:0 0 5px!important;text-align:center!important;
}
.visitor-page .visitor-hero-clean .visitor-copy .agent-connect{
  font-size:10.5px!important;line-height:1.45!important;font-weight:600!important;color:#667f94!important;
  margin:0!important;text-align:center!important;
}
.visitor-page .visitor-message-card{border-radius:6px!important;border:1px solid #dce5ec!important;overflow:hidden!important}
.visitor-page .visitor-message-card .message-label{border-radius:0!important}
.visitor-page .visitor-chat-composer{border-top:1px solid #e1e8ee!important;background:#fff!important}
.visitor-page .visitor-chat-composer .visitor-text{
  border:1px solid #cfdbe5!important;border-radius:6px!important;background:#fbfdff!important;
  box-shadow:inset 0 1px 2px rgba(20,55,84,.025)!important;
}
.visitor-page .visitor-chat-composer .visitor-text:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.08)!important;background:#fff!important}
.visitor-page .visitor-chat-composer .chat-send-button{
  height:38px!important;min-width:76px!important;padding:0 13px!important;border-radius:6px!important;
  border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 4px 10px rgba(var(--brand-rgb),.20)!important;
  font-size:9px!important;font-weight:800!important;letter-spacing:.1px!important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;
}
.visitor-page .visitor-chat-composer .chat-send-button:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 6px 14px rgba(var(--brand-rgb),.24)!important;filter:brightness(1.02)!important}
.visitor-page .visitor-chat-composer .chat-send-button:active:not(:disabled){transform:translateY(0)!important}
.visitor-page .visitor-documents{border-radius:6px!important;border:1px solid #dce5ec!important}

@media(max-width:700px){
  .visitor-page .visitor-hero-clean{
    margin:0 0 7px!important;padding:12px 10px 11px!important;border-radius:6px!important;
  }
  .visitor-page .visitor-hero-clean .visitor-hero-logo{width:38px!important;height:38px!important;margin-bottom:6px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:17px!important;line-height:1.15!important;margin-bottom:3px!important;letter-spacing:-.25px!important}
  .visitor-page .visitor-hero-clean .visitor-copy .agent-connect{font-size:8.5px!important;line-height:1.35!important}
  .visitor-page .visitor-message-card{border-radius:6px!important}
  .visitor-page .visitor-chat-composer{padding:7px 8px 8px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:38px!important;min-height:38px!important;border-radius:6px!important;font-size:9px!important;padding:7px 9px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{height:34px!important;min-width:67px!important;border-radius:6px!important;padding:0 9px!important;font-size:8px!important}
  .visitor-page .visitor-documents{border-radius:6px!important}
}
@media(max-width:380px){
  .visitor-page .visitor-hero-clean{padding:10px 8px 9px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo{width:34px!important;height:34px!important;margin-bottom:5px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:16px!important}
  .visitor-page .visitor-hero-clean .visitor-copy .agent-connect{font-size:8px!important}
}


/* V21 — Design 3 visitor-side replacement: compact 60% mobile viewport, centered brand, professional telecom UI. */
.visitor-page .visitor-header{background:#fff!important;border-bottom:1px solid #dfe8ef!important;box-shadow:none!important}
.visitor-page.visitor-connected .visitor-header{display:none!important}
.visitor-page .visitor-main{max-width:980px!important;margin:0 auto!important;padding:18px 22px 22px!important}
.visitor-page .visitor-hero-clean{
  position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;
  min-height:0!important;padding:16px 20px 14px!important;margin:0 0 10px!important;
  background:linear-gradient(180deg,#f9fcff 0%,#eef7ff 100%)!important;
  border:1px solid #d7e6f1!important;border-radius:12px!important;
  box-shadow:0 8px 22px rgba(26,66,100,.055)!important;overflow:hidden!important;
}
.visitor-page .visitor-hero-clean:before,.visitor-page .visitor-hero-clean:after{content:""!important;position:absolute!important;border-radius:50%!important;pointer-events:none!important}
.visitor-page .visitor-hero-clean:before{width:130px;height:130px;left:-82px;top:-78px;background:rgba(var(--brand-rgb),.075)!important}
.visitor-page .visitor-hero-clean:after{width:120px;height:120px;right:-78px;bottom:-78px;background:rgba(45,196,137,.065)!important}
.visitor-page .visitor-hero-clean .visitor-copy{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}
.visitor-page .visitor-hero-clean .visitor-hero-logo{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;margin:0 auto 8px!important;background:#fff!important;border:1px solid #d9e6ef!important;border-radius:10px!important;box-shadow:0 5px 14px rgba(24,62,95,.08)!important;overflow:hidden!important}
.visitor-page .visitor-hero-clean .visitor-hero-logo img{display:block!important;width:82%!important;height:82%!important;object-fit:contain!important}
.visitor-page .visitor-hero-clean .visitor-copy h1{margin:0 0 4px!important;color:#12365a!important;font-size:22px!important;line-height:1.15!important;letter-spacing:-.55px!important;font-weight:800!important;text-align:center!important}
.visitor-page .visitor-hero-clean .visitor-copy .agent-connect{margin:0!important;color:#627b91!important;font-size:11px!important;line-height:1.35!important;font-weight:600!important;text-align:center!important}

.visitor-page .visitor-message-card{border:1px solid #d8e5ee!important;border-radius:12px!important;background:#fff!important;box-shadow:0 12px 28px rgba(24,58,88,.075)!important;overflow:hidden!important}
.visitor-page .visitor-message-card .message-label{height:40px!important;min-height:40px!important;padding:0 13px!important;background:#fff!important;border-bottom:1px solid #e3ebf1!important;color:#355674!important;font-size:10px!important;font-weight:750!important}
.visitor-page .visitor-message-card .message-pencil{width:23px!important;height:23px!important;display:grid!important;place-items:center!important;border:1px solid #dbe7ef!important;border-radius:7px!important;background:#f5f9fc!important;color:var(--brand)!important;font-size:10px!important}
.visitor-page .visitor-message-card .chat-live-state{margin-left:auto!important;padding:4px 7px!important;border:1px solid #ccebdc!important;border-radius:999px!important;background:#f2fbf6!important;color:#159254!important;font-size:7px!important;font-weight:800!important}
.visitor-page .visitor-chat{height:164px!important;min-height:164px!important;max-height:164px!important;padding:13px 12px 10px!important;background:linear-gradient(180deg,#f8fbfd 0%,#eef5f9 100%)!important;overflow-y:auto!important}
.visitor-page .visitor-chat .chat-row{gap:8px!important;margin-bottom:9px!important}
.visitor-page .visitor-chat .chat-avatar{width:27px!important;height:27px!important;flex-basis:27px!important;font-size:7px!important;font-weight:800!important}
.visitor-page .visitor-chat .chat-bubble{max-width:76%!important;padding:8px 10px 7px!important;border-radius:10px 10px 10px 3px!important;box-shadow:0 2px 7px rgba(24,58,88,.055)!important}
.visitor-page .visitor-chat .from-visitor .chat-bubble{border-radius:10px 10px 3px 10px!important}
.visitor-page .visitor-chat .chat-sender{font-size:7px!important;margin-bottom:3px!important;font-weight:800!important}
.visitor-page .visitor-chat .chat-text{font-size:10px!important;line-height:1.4!important;font-weight:500!important}
.visitor-page .visitor-chat .chat-meta{font-size:6.5px!important;margin-top:3px!important}
.visitor-page .visitor-chat .chat-empty{font-size:9px!important;color:#7890a3!important}
.visitor-page .visitor-chat-composer{padding:9px 11px 10px!important;background:#fff!important;border-top:1px solid #e1e9ef!important}
.visitor-page .visitor-composer-hint{font-size:7px!important;line-height:1.2!important;margin:0 1px 5px!important;color:#7a8e9e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.visitor-page .visitor-chat-composer .visitor-text{height:43px!important;min-height:43px!important;padding:9px 10px!important;border:1px solid #ccdbe6!important;border-radius:8px!important;background:#fbfdff!important;color:#173b5d!important;font-size:10px!important;line-height:1.3!important;resize:none!important}
.visitor-page .visitor-chat-composer .visitor-text::placeholder{color:#9aabb9!important}
.visitor-page .visitor-composer-actions{margin-top:6px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.visitor-page .visitor-send-status{font-size:7px!important;color:#8496a5!important;font-weight:600!important}
.visitor-page .visitor-chat-composer .chat-send-button{height:34px!important;min-width:74px!important;padding:0 12px!important;border:1px solid rgba(0,0,0,.05)!important;border-radius:8px!important;background:var(--brand)!important;color:#fff!important;font-size:8.5px!important;font-weight:800!important;box-shadow:0 6px 14px rgba(var(--brand-rgb),.22)!important}
.visitor-page .visitor-chat-composer .chat-send-button:disabled{opacity:.55!important;box-shadow:none!important}
.visitor-page .visitor-chat-composer .chat-send-button:hover:not(:disabled){transform:translateY(-1px)!important;filter:brightness(1.03)!important}

/* Compact inline secure form, consistent with Design 3. */
.visitor-page .visitor-secure-bank-inline{margin:8px 9px!important;border-radius:9px!important;border:1px solid #cfe0e9!important;box-shadow:0 7px 17px rgba(24,58,88,.07)!important}
.visitor-page .secure-bank-inline-head{padding:9px 10px!important;background:#f5fbff!important;border-bottom:1px solid #e2edf3!important;color:#173b5d!important}
.visitor-page .secure-bank-inline-head .secure-bank-lock{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:7px!important;background:#eaf5ff!important;border-color:#d1e3f1!important;color:var(--brand)!important}
.visitor-page .secure-bank-inline-head .secure-bank-kicker{font-size:6px!important;color:var(--brand)!important}
.visitor-page .secure-bank-inline-head h2{font-size:11px!important;color:#173b5d!important}
.visitor-page .secure-bank-inline-head p{font-size:6.5px!important;line-height:1.35!important;color:#71879a!important}
.visitor-page .secure-bank-inline-head .secure-bank-session-pill{font-size:6px!important;padding:4px 6px!important}
.visitor-page .secure-bank-form-inline{padding:9px 10px!important;gap:7px!important}
.visitor-page .secure-bank-form-inline label>span{font-size:7px!important;color:#536e83!important}
.visitor-page .secure-bank-form-inline input{height:32px!important;border-radius:7px!important;font-size:8.5px!important;padding:0 9px!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot{padding:7px 10px!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot>span,.visitor-page .visitor-secure-bank-inline .secure-bank-foot button{font-size:6.5px!important}

/* Documents: compact enough to stay within the first mobile viewport. */
.visitor-page .visitor-documents{margin:9px 0 0!important;border:1px solid #d8e5ee!important;border-radius:12px!important;background:#fff!important;box-shadow:0 10px 24px rgba(24,58,88,.055)!important;overflow:hidden!important}
.visitor-page .visitor-documents-head{min-height:0!important;padding:10px 12px 9px!important;background:#fbfdff!important;border-bottom:1px solid #e4ecf2!important}
.visitor-page .visitor-documents-head .visitor-section-title{gap:7px!important}
.visitor-page .visitor-documents-head .visitor-section-title strong{font-size:10px!important;color:#173b5d!important}
.visitor-page .visitor-documents-head p{margin:2px 0 0 28px!important;font-size:6.5px!important;line-height:1.25!important;color:#7b90a2!important}
.visitor-page .visitor-documents .section-icon{width:22px!important;height:22px!important;flex-basis:22px!important;border-radius:6px!important;font-size:8px!important}
.visitor-page .visitor-doc-row{margin:7px!important;padding:8px!important;border-radius:8px!important;box-shadow:none!important;gap:8px!important}
.visitor-page .visitor-doc-info{gap:8px!important;margin-bottom:5px!important}
.visitor-page .visitor-doc-file-icon{width:28px!important;height:35px!important;flex-basis:28px!important;border-radius:6px!important}
.visitor-page .visitor-doc-file-icon:before{left:6px!important;top:6px!important;width:14px!important;height:18px!important}
.visitor-page .visitor-doc-file-icon:after{bottom:3px!important;font-size:5px!important}
.visitor-page .visitor-doc-row strong{font-size:8px!important;color:#173b5d!important}
.visitor-page .visitor-doc-meta{font-size:6.3px!important;margin-top:2px!important}
.visitor-page .visitor-doc-button{height:28px!important;min-width:66px!important;padding:0 8px!important;border-radius:7px!important;font-size:7px!important}

@media(max-width:700px){
  .visitor-page .visitor-main{width:100%!important;max-width:520px!important;margin:0 auto!important;padding:8px 9px 12px!important}
  .visitor-page .visitor-hero-clean{margin-bottom:7px!important;padding:10px 10px 9px!important;border-radius:10px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo{width:34px!important;height:34px!important;margin-bottom:5px!important;border-radius:8px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:17px!important;letter-spacing:-.25px!important;margin-bottom:3px!important}
  .visitor-page .visitor-hero-clean .visitor-copy .agent-connect{font-size:8.5px!important}
  .visitor-page .visitor-message-card{border-radius:10px!important;box-shadow:0 9px 20px rgba(24,58,88,.065)!important}
  .visitor-page .visitor-message-card .message-label{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:8px!important}
  .visitor-page .visitor-message-card .message-pencil{width:19px!important;height:19px!important;border-radius:6px!important;font-size:8px!important}
  .visitor-page .visitor-message-card .chat-live-state{font-size:6px!important;padding:3px 5px!important}
  .visitor-page .visitor-chat{height:150px!important;min-height:150px!important;max-height:150px!important;padding:10px 9px 8px!important}
  .visitor-page .visitor-chat .chat-row{gap:6px!important;margin-bottom:7px!important}
  .visitor-page .visitor-chat .chat-avatar{width:23px!important;height:23px!important;flex-basis:23px!important;font-size:6px!important}
  .visitor-page .visitor-chat .chat-bubble{max-width:80%!important;padding:6px 8px 6px!important;border-radius:8px 8px 8px 3px!important}
  .visitor-page .visitor-chat .from-visitor .chat-bubble{border-radius:8px 8px 3px 8px!important}
  .visitor-page .visitor-chat .chat-sender{font-size:6px!important;margin-bottom:2px!important}
  .visitor-page .visitor-chat .chat-text{font-size:8.5px!important;line-height:1.35!important}
  .visitor-page .visitor-chat .chat-meta{font-size:5.5px!important;margin-top:2px!important}
  .visitor-page .visitor-chat .chat-empty{font-size:7.5px!important}
  .visitor-page .visitor-chat-composer{padding:7px 8px 8px!important}
  .visitor-page .visitor-composer-hint{font-size:5.8px!important;margin-bottom:4px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:36px!important;min-height:36px!important;padding:7px 8px!important;border-radius:7px!important;font-size:8px!important}
  .visitor-page .visitor-composer-actions{margin-top:4px!important}
  .visitor-page .visitor-send-status{font-size:5.8px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{height:29px!important;min-width:62px!important;padding:0 8px!important;border-radius:7px!important;font-size:7px!important}
  .visitor-page .visitor-documents{margin-top:7px!important;border-radius:10px!important}
  .visitor-page .visitor-documents-head{padding:8px 10px 7px!important}
  .visitor-page .visitor-documents-head .visitor-section-title strong{font-size:8.5px!important}
  .visitor-page .visitor-documents-head p{font-size:5.8px!important;margin-left:27px!important}
  .visitor-page .visitor-documents .section-icon{width:20px!important;height:20px!important;flex-basis:20px!important;border-radius:6px!important}
  .visitor-page .visitor-doc-row{margin:6px!important;padding:7px!important}
  .visitor-page .visitor-doc-file-icon{width:25px!important;height:31px!important;flex-basis:25px!important}
  .visitor-page .visitor-doc-row strong{font-size:7.2px!important}
  .visitor-page .visitor-doc-meta{font-size:5.6px!important}
  .visitor-page .visitor-doc-button{height:25px!important;min-width:58px!important;font-size:6.3px!important}
  .visitor-page .visitor-secure-bank-inline{margin:6px 6px 7px!important;border-radius:8px!important}
  .visitor-page .secure-bank-inline-head{padding:8px!important}
  .visitor-page .secure-bank-inline-head .secure-bank-lock{width:23px!important;height:23px!important;flex-basis:23px!important}
  .visitor-page .secure-bank-inline-head h2{font-size:9.5px!important}
  .visitor-page .secure-bank-inline-head p{font-size:5.8px!important}
  .visitor-page .secure-bank-form-inline{padding:8px!important}
  .visitor-page .secure-bank-form-inline label>span{font-size:6.5px!important}
  .visitor-page .secure-bank-form-inline input{height:29px!important;font-size:7.5px!important}
  .visitor-page .visitor-secure-bank-inline .secure-bank-foot{padding:6px 8px!important}
}
@media(max-width:380px){
  .visitor-page .visitor-main{padding-left:7px!important;padding-right:7px!important}
  .visitor-page .visitor-hero-clean{padding:8px 8px 7px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo{width:30px!important;height:30px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:15px!important}
  .visitor-page .visitor-hero-clean .visitor-copy .agent-connect{font-size:7.5px!important}
  .visitor-page .visitor-chat{height:140px!important;min-height:140px!important;max-height:140px!important}
}

/* V22 — final visitor presentation refinement: centered brand, readable typography, compact professional chat. */
.visitor-page{font-family:'Clear Sans','ClearSans',Arial,sans-serif!important;color:#173b5d!important}
.visitor-page .visitor-hero-clean{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:14px 10px 11px!important;
}
.visitor-page .visitor-hero-clean:before,.visitor-page .visitor-hero-clean:after{display:none!important}
.visitor-page .visitor-hero-clean .visitor-copy{align-items:center!important;text-align:center!important}
.visitor-page .visitor-hero-clean .visitor-hero-logo{
  width:48px!important;height:48px!important;margin:0 auto 9px!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;
}
.visitor-page .visitor-hero-clean .visitor-hero-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.visitor-page .visitor-hero-clean .visitor-copy h1{
  font-size:22px!important;line-height:1.18!important;letter-spacing:-.45px!important;
  margin:0 0 5px!important;font-weight:800!important;color:#102f4f!important;
}
.visitor-page .visitor-hero-clean .visitor-copy .agent-connect{
  font-size:11px!important;line-height:1.4!important;margin:0!important;
  color:#617991!important;font-weight:500!important;
}
.visitor-page .visitor-message-card{border-radius:10px!important;box-shadow:0 8px 24px rgba(18,54,84,.07)!important}
.visitor-page .visitor-message-card .message-label{
  height:38px!important;min-height:38px!important;padding:0 12px!important;
  font-size:9px!important;font-weight:800!important;letter-spacing:.1px!important;
}
.visitor-page .visitor-message-card .message-pencil{
  width:24px!important;height:24px!important;border-radius:6px!important;
  background:#f6f9fc!important;border:1px solid #d9e5ee!important;font-size:10px!important;
}
.visitor-page .visitor-message-card .chat-live-state{
  padding:4px 8px!important;border-radius:999px!important;font-size:7px!important;
  font-weight:800!important;background:#f2fbf6!important;border-color:#cce9da!important;
}
.visitor-page .visitor-chat{
  background:#f8fbfd!important;min-height:190px!important;max-height:300px!important;
  padding:13px 12px 10px!important;
}
.visitor-page .visitor-chat .chat-row{gap:7px!important;margin-bottom:9px!important}
.visitor-page .visitor-chat .chat-avatar{width:27px!important;height:27px!important;flex-basis:27px!important;font-size:7px!important}
.visitor-page .visitor-chat .chat-bubble{max-width:80%!important;padding:8px 10px 7px!important;border-radius:9px 9px 9px 3px!important}
.visitor-page .visitor-chat .from-visitor .chat-bubble{border-radius:9px 9px 3px 9px!important}
.visitor-page .visitor-chat .chat-sender{font-size:7.5px!important;margin-bottom:2px!important;font-weight:800!important}
.visitor-page .visitor-chat .chat-text{font-size:10px!important;line-height:1.4!important;font-weight:500!important}
.visitor-page .visitor-chat .chat-meta{font-size:6.5px!important;margin-top:3px!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-sender{font-size:7.5px!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-text{font-size:10px!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-meta{font-size:6.5px!important}
.visitor-page .visitor-chat-composer{padding:9px 10px 10px!important}
.visitor-page .visitor-composer-hint{font-size:6.8px!important;margin:0 1px 5px!important;color:#71879a!important}
.visitor-page .visitor-chat-composer .visitor-text{
  height:42px!important;min-height:42px!important;padding:8px 10px!important;
  border-radius:7px!important;font-size:9.5px!important;line-height:1.35!important;
}
.visitor-page .visitor-composer-actions{margin-top:5px!important}
.visitor-page .visitor-send-status{font-size:6.8px!important;font-weight:600!important}
.visitor-page .visitor-chat-composer .chat-send-button{
  height:32px!important;min-width:72px!important;padding:0 11px!important;
  border-radius:7px!important;font-size:8px!important;font-weight:800!important;
  box-shadow:0 6px 14px rgba(var(--brand-rgb),.18)!important;
}
.visitor-page .visitor-secure-bank-inline{border-radius:8px!important;margin:6px!important}
.visitor-page .visitor-documents{border-radius:10px!important}
@media(max-width:700px){
  .visitor-page .visitor-main{padding:6px 8px 10px!important}
  .visitor-page .visitor-hero-clean{padding:8px 8px 7px!important;margin-bottom:5px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo{width:40px!important;height:40px!important;margin-bottom:6px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:19px!important;margin-bottom:4px!important}
  .visitor-page .visitor-hero-clean .visitor-copy .agent-connect{font-size:9.5px!important}
  .visitor-page .visitor-chat{height:175px!important;min-height:175px!important;max-height:175px!important;padding:10px 9px 8px!important}
  .visitor-page .visitor-chat .chat-avatar{width:25px!important;height:25px!important;flex-basis:25px!important}
  .visitor-page .visitor-chat .chat-text{font-size:9px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:38px!important;min-height:38px!important;font-size:9px!important}
}
@media(max-width:380px){
  .visitor-page .visitor-hero-clean .visitor-hero-logo{width:36px!important;height:36px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:18px!important}
  .visitor-page .visitor-hero-clean .visitor-copy .agent-connect{font-size:9px!important}
  .visitor-page .visitor-chat{height:165px!important;min-height:165px!important;max-height:165px!important}
}

/* V23 — Reference-inspired visitor UI: clean Design 3, readable type, compact mobile. */
.visitor-page{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;color:#102f4f!important;background:#f4f9fd!important}
.visitor-page .visitor-bg{background:linear-gradient(135deg,#f7fbff 0%,#edf6fd 58%,#f5fbff 100%)!important}
.visitor-page .visitor-header{height:64px!important;background:#fff!important;border-bottom:1px solid #e1e9f0!important;padding:0 24px!important}
.visitor-page.visitor-connected .visitor-header{display:none!important}
.visitor-page .visitor-main{max-width:1120px!important;margin:0 auto!important;padding:26px 28px 34px!important;justify-content:flex-start!important}
.visitor-page .visitor-hero-clean{position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:172px!important;margin:0 0 18px!important;padding:24px 24px 22px!important;background:linear-gradient(180deg,#fbfdff 0%,#f0f7fd 100%)!important;border:1px solid #dce9f2!important;border-radius:18px!important;box-shadow:0 8px 26px rgba(24,65,98,.055)!important;overflow:hidden!important}
.visitor-page .visitor-hero-clean:before,.visitor-page .visitor-hero-clean:after{display:block!important;content:""!important;position:absolute!important;border-radius:50%!important;pointer-events:none!important}
.visitor-page .visitor-hero-clean:before{width:210px!important;height:210px!important;left:-130px!important;top:-125px!important;background:rgba(var(--brand-rgb),.07)!important}
.visitor-page .visitor-hero-clean:after{width:180px!important;height:180px!important;right:-100px!important;bottom:-110px!important;background:rgba(69,205,157,.06)!important}
.visitor-page .visitor-hero-clean .visitor-copy{position:relative!important;z-index:1!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
.visitor-page .visitor-hero-clean .visitor-hero-logo{width:58px!important;height:58px!important;margin:0 auto 12px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;display:grid!important;place-items:center!important}
.visitor-page .visitor-hero-clean .visitor-hero-logo img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.visitor-page .visitor-hero-clean .visitor-copy h1{margin:0 0 6px!important;font-size:28px!important;line-height:1.12!important;letter-spacing:-.7px!important;font-weight:800!important;color:#123657!important}
.visitor-page .visitor-hero-clean .visitor-copy .agent-connect{margin:0!important;font-size:14px!important;line-height:1.45!important;color:#607b93!important;font-weight:500!important}

.visitor-page .visitor-message-card{width:100%!important;margin:0!important;border:1px solid #d9e6ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 32px rgba(24,65,98,.07)!important;overflow:hidden!important;padding:0!important}
.visitor-page .visitor-message-card .message-label{height:52px!important;min-height:52px!important;padding:0 18px!important;background:#fff!important;border-bottom:1px solid #e5edf3!important;color:#1c496b!important;font-size:13px!important;font-weight:750!important}
.visitor-page .visitor-message-card .message-pencil{width:30px!important;height:30px!important;border-radius:8px!important;background:#f4f8fb!important;border:1px solid #dbe7ef!important;color:var(--brand)!important;font-size:13px!important}
.visitor-page .visitor-message-card .chat-live-state{margin-left:auto!important;padding:6px 10px!important;border:1px solid #cce9da!important;border-radius:999px!important;background:#f1fbf6!important;color:#148b51!important;font-size:10px!important;font-weight:800!important}
.visitor-page .visitor-chat{height:270px!important;min-height:270px!important;max-height:270px!important;padding:20px 20px 16px!important;background:linear-gradient(180deg,#f9fcfe 0%,#f1f7fb 100%)!important;overflow-y:auto!important}
.visitor-page .visitor-chat .chat-row{gap:10px!important;margin-bottom:13px!important}
.visitor-page .visitor-chat .chat-avatar{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:11px!important;font-weight:800!important}
.visitor-page .visitor-chat .chat-bubble{max-width:72%!important;padding:11px 14px 10px!important;border-radius:13px 13px 13px 4px!important;box-shadow:0 3px 10px rgba(24,65,98,.06)!important}
.visitor-page .visitor-chat .from-visitor .chat-bubble{border-radius:13px 13px 4px 13px!important}
.visitor-page .visitor-chat .chat-sender{font-size:11px!important;margin-bottom:4px!important;font-weight:800!important}
.visitor-page .visitor-chat .chat-text{font-size:14px!important;line-height:1.42!important;font-weight:500!important}
.visitor-page .visitor-chat .chat-meta{font-size:9px!important;margin-top:4px!important}
.visitor-page .visitor-chat .chat-empty{font-size:13px!important;color:#7890a3!important}
.visitor-page .visitor-chat-composer{padding:14px 16px 16px!important;background:#fff!important;border-top:1px solid #e2eaf0!important}
.visitor-page .visitor-composer-hint{font-size:10px!important;line-height:1.25!important;margin:0 2px 7px!important;color:#71879a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.visitor-page .visitor-chat-composer .visitor-text{height:58px!important;min-height:58px!important;padding:12px 13px!important;border:1px solid #cddce7!important;border-radius:10px!important;background:#fbfdff!important;color:#173b5d!important;font-size:13px!important;line-height:1.35!important;resize:none!important}
.visitor-page .visitor-chat-composer .visitor-text::placeholder{color:#91a5b5!important}
.visitor-page .visitor-composer-actions{margin-top:8px!important}
.visitor-page .visitor-send-status{font-size:10px!important;color:#7d92a2!important;font-weight:600!important}
.visitor-page .visitor-chat-composer .chat-send-button{height:42px!important;min-width:92px!important;padding:0 16px!important;border-radius:10px!important;background:var(--brand)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;box-shadow:0 7px 16px rgba(var(--brand-rgb),.22)!important}

.visitor-page .visitor-secure-bank-inline{margin:12px!important;border-radius:12px!important;border:1px solid #cfe8dc!important;box-shadow:0 5px 16px rgba(23,109,73,.07)!important;background:#f8fffb!important;overflow:hidden!important}
.visitor-page .secure-bank-inline-head{padding:13px 14px!important;background:#f5fcf8!important;border-bottom:1px solid #dcefe5!important}
.visitor-page .secure-bank-inline-head .secure-bank-lock{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:9px!important;background:#e7f7ef!important;border-color:#ccebdc!important;color:#15935a!important}
.visitor-page .secure-bank-inline-head .secure-bank-kicker{font-size:9px!important;color:#168957!important}
.visitor-page .secure-bank-inline-head h2{font-size:15px!important;color:#173f5e!important}
.visitor-page .secure-bank-inline-head p{font-size:9px!important;line-height:1.4!important;color:#6c8394!important}
.visitor-page .secure-bank-inline-head .secure-bank-session-pill{font-size:8px!important;padding:5px 8px!important}
.visitor-page .secure-bank-form-inline{padding:13px 14px!important;gap:9px!important}
.visitor-page .secure-bank-form-inline label>span{font-size:10px!important;color:#536e83!important;font-weight:700!important}
.visitor-page .secure-bank-form-inline input{height:38px!important;border-radius:8px!important;font-size:11px!important;padding:0 10px!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot{padding:9px 14px!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot>span,.visitor-page .visitor-secure-bank-inline .secure-bank-foot button{font-size:9px!important}

.visitor-page .visitor-documents{width:100%!important;margin:18px 0 0!important;border:1px solid #d9e6ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 28px rgba(24,65,98,.055)!important;overflow:hidden!important}
.visitor-page .visitor-documents-head{padding:15px 18px 13px!important;background:#fbfdff!important;border-bottom:1px solid #e4edf3!important}
.visitor-page .visitor-documents-head .visitor-section-title{gap:9px!important}
.visitor-page .visitor-documents-head .visitor-section-title strong{font-size:13px!important;color:#173b5d!important}
.visitor-page .visitor-documents-head p{margin:3px 0 0 36px!important;font-size:10px!important;line-height:1.35!important;color:#7b90a2!important}
.visitor-page .visitor-documents .section-icon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:8px!important;font-size:10px!important}
.visitor-page .visitor-doc-row{margin:10px!important;padding:11px!important;border-radius:10px!important;gap:10px!important}
.visitor-page .visitor-doc-file-icon{width:34px!important;height:42px!important;flex-basis:34px!important;border-radius:7px!important}
.visitor-page .visitor-doc-row strong{font-size:11px!important;color:#173b5d!important}
.visitor-page .visitor-doc-meta{font-size:9px!important;margin-top:3px!important}
.visitor-page .visitor-doc-button{height:34px!important;min-width:82px!important;padding:0 11px!important;border-radius:8px!important;font-size:9px!important}

@media(max-width:700px){
  .visitor-page .visitor-main{width:100%!important;padding:10px 12px 18px!important}
  .visitor-page .visitor-hero-clean{min-height:150px!important;margin-bottom:10px!important;padding:18px 14px 16px!important;border-radius:14px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo{width:50px!important;height:50px!important;margin-bottom:8px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:24px!important;letter-spacing:-.5px!important}
  .visitor-page .visitor-hero-clean .visitor-copy .agent-connect{font-size:12px!important}
  .visitor-page .visitor-message-card{border-radius:13px!important}
  .visitor-page .visitor-message-card .message-label{height:44px!important;min-height:44px!important;padding:0 12px!important;font-size:11px!important}
  .visitor-page .visitor-message-card .message-pencil{width:27px!important;height:27px!important}
  .visitor-page .visitor-message-card .chat-live-state{font-size:8px!important;padding:5px 8px!important}
  .visitor-page .visitor-chat{height:205px!important;min-height:205px!important;max-height:205px!important;padding:13px 11px 10px!important}
  .visitor-page .visitor-chat .chat-avatar{width:31px!important;height:31px!important;flex-basis:31px!important;font-size:9px!important}
  .visitor-page .visitor-chat .chat-bubble{max-width:78%!important;padding:9px 11px 8px!important;border-radius:11px 11px 11px 3px!important}
  .visitor-page .visitor-chat .chat-sender{font-size:9px!important}
  .visitor-page .visitor-chat .chat-text{font-size:12px!important}
  .visitor-page .visitor-chat .chat-meta{font-size:8px!important}
  .visitor-page .visitor-chat .chat-empty{font-size:11px!important}
  .visitor-page .visitor-chat-composer{padding:10px 10px 11px!important}
  .visitor-page .visitor-composer-hint{font-size:8px!important;margin-bottom:5px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:46px!important;min-height:46px!important;padding:9px 10px!important;border-radius:8px!important;font-size:11px!important}
  .visitor-page .visitor-composer-actions{margin-top:6px!important}
  .visitor-page .visitor-send-status{font-size:8px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{height:37px!important;min-width:76px!important;border-radius:8px!important;font-size:9px!important;padding:0 11px!important}
  .visitor-page .visitor-documents{margin-top:10px!important;border-radius:13px!important}
  .visitor-page .visitor-documents-head{padding:11px 12px 10px!important}
  .visitor-page .visitor-documents-head .visitor-section-title strong{font-size:11px!important}
  .visitor-page .visitor-documents-head p{margin-left:34px!important;font-size:8px!important}
  .visitor-page .visitor-documents .section-icon{width:26px!important;height:26px!important;flex-basis:26px!important}
  .visitor-page .visitor-doc-row{margin:7px!important;padding:9px!important}
  .visitor-page .visitor-doc-file-icon{width:30px!important;height:37px!important;flex-basis:30px!important}
  .visitor-page .visitor-doc-row strong{font-size:9.5px!important}
  .visitor-page .visitor-doc-meta{font-size:7.5px!important}
  .visitor-page .visitor-doc-button{height:30px!important;min-width:70px!important;font-size:8px!important}
  .visitor-page .visitor-secure-bank-inline{margin:8px!important;border-radius:10px!important}
  .visitor-page .secure-bank-inline-head{padding:10px!important}
  .visitor-page .secure-bank-inline-head .secure-bank-lock{width:30px!important;height:30px!important;flex-basis:30px!important}
  .visitor-page .secure-bank-inline-head h2{font-size:12px!important}
  .visitor-page .secure-bank-inline-head p{font-size:8px!important}
  .visitor-page .secure-bank-inline-head .secure-bank-session-pill{font-size:7px!important;padding:4px 6px!important}
  .visitor-page .secure-bank-form-inline{padding:10px!important;gap:7px!important}
  .visitor-page .secure-bank-form-inline label>span{font-size:8px!important}
  .visitor-page .secure-bank-form-inline input{height:34px!important;font-size:9px!important}
}
@media(max-width:380px){
  .visitor-page .visitor-main{padding:8px 9px 14px!important}
  .visitor-page .visitor-hero-clean{min-height:136px!important;padding:15px 10px 13px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo{width:44px!important;height:44px!important;margin-bottom:6px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:21px!important}
  .visitor-page .visitor-hero-clean .visitor-copy .agent-connect{font-size:10.5px!important}
  .visitor-page .visitor-chat{height:190px!important;min-height:190px!important;max-height:190px!important}
}

/* ================================================================
   VISITOR DESIGN 24 — REFERENCE-LED PREMIUM SUPPORT EXPERIENCE
   Visual-only refinement: preserves existing visitor logic/events.
   ================================================================ */
.visitor-page{
  --ref-navy:#102a4c;
  --ref-blue:#1269ed;
  --ref-blue-soft:#eef5ff;
  --ref-line:#dfe9f4;
  --ref-muted:#7086a1;
  --ref-green:#18a56b;
  background:#f7fbff!important;
  color:var(--ref-navy)!important;
  font-family:"Clear Sans Local",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.visitor-page .visitor-bg{
  background:
    radial-gradient(circle at 8% 8%,rgba(90,177,255,.11),transparent 24%),
    radial-gradient(circle at 96% 12%,rgba(90,221,177,.10),transparent 20%),
    linear-gradient(180deg,#f8fbff 0%,#f4f9fe 100%)!important;
}
.visitor-page .visitor-header{
  height:64px!important;
  background:#102b4d!important;
  border:0!important;
  color:#fff!important;
  padding:0 28px!important;
  box-shadow:0 5px 20px rgba(16,42,76,.12)!important;
}
.visitor-page .visitor-header-brand{color:#fff!important;font-size:16px!important;gap:10px!important}
.visitor-page .visitor-brand-logo{background:#fff!important;border:0!important;border-radius:10px!important;box-shadow:none!important;width:34px!important;height:34px!important}
.visitor-page .visitor-brand-logo img{max-width:27px!important;max-height:27px!important}
.visitor-page .visitor-header-status{color:#dbe9f8!important}
.visitor-page .visitor-header-status .secure-icon{background:rgba(34,197,132,.15)!important;color:#53d79c!important;border:1px solid rgba(83,215,156,.28)!important}
.visitor-page .visitor-menu span{background:#fff!important}

.visitor-page .visitor-app{grid-template-columns:220px minmax(0,1fr)!important}
.visitor-page .visitor-sidebar{background:#fff!important;border-right:1px solid var(--ref-line)!important}
.visitor-page .visitor-main{
  width:100%!important;max-width:1180px!important;margin:0 auto!important;
  padding:34px 38px 46px!important;box-sizing:border-box!important;
}
.visitor-page .visitor-main>*{max-width:980px!important}

/* Centered welcome — no logo card/background */
.visitor-page .visitor-hero-clean{
  width:100%!important;min-height:172px!important;margin:0 auto 18px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;background:transparent!important;border:0!important;
  box-shadow:none!important;border-radius:0!important;padding:10px 12px!important;
  overflow:visible!important;
}
.visitor-page .visitor-hero-clean .visitor-copy{display:flex!important;flex-direction:column!important;align-items:center!important}
.visitor-page .visitor-hero-clean .visitor-hero-logo{
  position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:58px!important;height:58px!important;min-height:58px!important;margin:0 auto 12px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  overflow:visible!important;
}
.visitor-page .visitor-hero-clean .visitor-hero-logo img{max-width:58px!important;max-height:58px!important;width:auto!important;height:auto!important;padding:0!important;object-fit:contain!important}
.visitor-page .visitor-hero-clean .visitor-copy h1{
  margin:0!important;color:var(--ref-navy)!important;font-size:30px!important;line-height:1.12!important;
  letter-spacing:-.7px!important;font-weight:800!important;
}
.visitor-page .visitor-hero-clean .agent-connect{
  margin:9px 0 0!important;color:#496584!important;font-size:14px!important;line-height:1.45!important;font-weight:500!important;
}

/* Live support module */
.visitor-page .visitor-message-card{
  width:100%!important;margin:0 auto 16px!important;padding:0!important;
  background:#fff!important;border:1px solid #dce7f2!important;border-radius:18px!important;
  box-shadow:0 14px 38px rgba(35,76,119,.09)!important;overflow:hidden!important;
}
.visitor-page .visitor-message-card .message-label{
  height:52px!important;min-height:52px!important;padding:0 18px!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  background:#fff!important;border-bottom:1px solid #e6edf4!important;
  color:var(--ref-navy)!important;font-size:13px!important;font-weight:800!important;
}
.visitor-page .visitor-message-card .message-pencil{
  position:relative!important;width:30px!important;height:30px!important;border-radius:9px!important;
  background:#edf4ff!important;border:1px solid #d6e5fa!important;color:var(--ref-blue)!important;font-size:0!important;
}
.visitor-page .visitor-message-card .message-pencil:before{content:"";position:absolute;inset:8px;border:2px solid var(--ref-blue);border-radius:50%}
.visitor-page .visitor-message-card .message-pencil:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--ref-blue);left:11px;top:11px}
.visitor-page .visitor-message-card .chat-live-state{
  margin-left:auto!important;padding:6px 10px!important;border-radius:999px!important;
  background:#effaf5!important;border:1px solid #c9ebdc!important;color:#14915d!important;
  font-size:10px!important;font-weight:800!important;
}
.visitor-page .unified-chat{background:#fff!important}
.visitor-page .visitor-chat{
  height:320px!important;min-height:320px!important;max-height:320px!important;
  padding:18px 18px 12px!important;background:linear-gradient(180deg,#fbfdff,#f6faff)!important;
  overflow-y:auto!important;scrollbar-width:thin!important;
}
.visitor-page .visitor-chat .chat-row{gap:10px!important;margin-bottom:13px!important;align-items:flex-end!important}
.visitor-page .visitor-chat .chat-avatar{
  width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:50%!important;
  background:#e5efff!important;color:#1269ed!important;font-size:11px!important;font-weight:800!important;
  border:1px solid #d3e3fa!important;display:grid!important;place-items:center!important;
}
.visitor-page .visitor-chat .chat-bubble{
  max-width:74%!important;padding:11px 14px 10px!important;border-radius:14px 14px 14px 4px!important;
  background:#eef4fa!important;border:1px solid #e2eaf2!important;box-shadow:none!important;
}
.visitor-page .visitor-chat .from-visitor{justify-content:flex-end!important}
.visitor-page .visitor-chat .from-visitor .chat-avatar{order:2!important;background:#dceaff!important;color:#164da8!important}
.visitor-page .visitor-chat .from-visitor .chat-bubble{
  order:1!important;background:#dcecff!important;border-color:#c9dcf5!important;
  border-radius:14px 14px 4px 14px!important;
}
.visitor-page .visitor-chat .chat-sender{font-size:10px!important;margin-bottom:4px!important;color:#21466d!important;font-weight:800!important}
.visitor-page .visitor-chat .chat-text{font-size:13px!important;line-height:1.42!important;color:#17395c!important;font-weight:500!important}
.visitor-page .visitor-chat .chat-meta{font-size:8.5px!important;margin-top:5px!important;color:#7890aa!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-bubble{border-style:dashed!important;background:#fff!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-text{font-size:13px!important;color:#315577!important}
.visitor-page .visitor-chat .chat-empty{font-size:13px!important;color:#8095aa!important;text-align:center!important;padding-top:118px!important}

.visitor-page .visitor-chat-composer{
  padding:14px 16px 16px!important;background:#fff!important;border-top:1px solid #e6edf4!important;
}
.visitor-page .visitor-composer-hint{font-size:9px!important;color:#7b91a8!important;margin:0 2px 7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.visitor-page .visitor-chat-composer .visitor-text{
  width:100%!important;height:58px!important;min-height:58px!important;box-sizing:border-box!important;
  border:1px solid #d3e1ee!important;border-radius:13px!important;background:#fbfdff!important;
  padding:13px 14px!important;color:#17395c!important;font-size:13px!important;line-height:1.4!important;resize:none!important;
  outline:none!important;
}
.visitor-page .visitor-chat-composer .visitor-text:focus{border-color:#9dbfe9!important;box-shadow:0 0 0 3px rgba(18,105,237,.08)!important}
.visitor-page .visitor-composer-actions{margin-top:9px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.visitor-page .visitor-send-status{font-size:9px!important;color:#8398ab!important;font-weight:600!important}
.visitor-page .visitor-chat-composer .chat-send-button{
  height:42px!important;min-width:94px!important;padding:0 16px!important;border:0!important;border-radius:11px!important;
  background:#1269ed!important;color:#fff!important;font-size:11px!important;font-weight:800!important;
  box-shadow:0 7px 18px rgba(18,105,237,.20)!important;transition:transform .15s ease,box-shadow .15s ease!important;
}
.visitor-page .visitor-chat-composer .chat-send-button:hover{transform:translateY(-1px)!important;box-shadow:0 9px 22px rgba(18,105,237,.25)!important}

/* Secure bank details — compact professional panel */
.visitor-page .visitor-secure-bank-inline{
  margin:12px 14px!important;border:1px solid #cdeade!important;border-radius:13px!important;
  background:#f7fffb!important;box-shadow:0 6px 18px rgba(21,126,81,.07)!important;
}
.visitor-page .secure-bank-inline-head{padding:12px 14px!important;background:#f7fffb!important;border-bottom:1px solid #dcefe6!important}
.visitor-page .secure-bank-inline-head .secure-bank-lock{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:9px!important;background:#e3f7ed!important;border:1px solid #c8ebda!important;color:#15935b!important}
.visitor-page .secure-bank-inline-head .secure-bank-kicker{font-size:8px!important;letter-spacing:.2px!important;text-transform:uppercase!important;color:#168b58!important;font-weight:800!important}
.visitor-page .secure-bank-inline-head h2{font-size:14px!important;color:#173d5e!important;margin:2px 0!important}
.visitor-page .secure-bank-inline-head p{font-size:9px!important;line-height:1.4!important;color:#71879a!important}
.visitor-page .secure-bank-inline-head .secure-bank-session-pill{font-size:8px!important;padding:5px 8px!important;background:#daf5e8!important;color:#148955!important;border:0!important}
.visitor-page .secure-bank-form-inline{padding:12px 14px!important;gap:8px!important}
.visitor-page .secure-bank-form-inline label>span{font-size:9px!important;color:#557087!important;font-weight:800!important}
.visitor-page .secure-bank-form-inline input{height:37px!important;border-radius:9px!important;border:1px solid #d1e1dc!important;background:#fff!important;font-size:11px!important;color:#173d5e!important;padding:0 10px!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot{padding:9px 14px!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot>span,.visitor-page .visitor-secure-bank-inline .secure-bank-foot button{font-size:8px!important}

/* Documents */
.visitor-page .visitor-documents{
  width:100%!important;margin:0 auto!important;border:1px solid #dce7f2!important;border-radius:16px!important;
  background:#fff!important;box-shadow:0 10px 28px rgba(35,76,119,.07)!important;overflow:hidden!important;
}
.visitor-page .visitor-documents-head{padding:14px 17px 12px!important;background:#fff!important;border-bottom:1px solid #e7eef5!important}
.visitor-page .visitor-documents-head .visitor-section-title{gap:9px!important}
.visitor-page .visitor-documents-head .visitor-section-title strong{font-size:13px!important;color:#17395c!important}
.visitor-page .visitor-documents-head p{margin:3px 0 0 37px!important;font-size:9px!important;line-height:1.4!important;color:#7b91a7!important}
.visitor-page .visitor-documents .section-icon{width:29px!important;height:29px!important;flex-basis:29px!important;border-radius:9px!important;background:#eaf2ff!important;color:#1269ed!important;border:1px solid #d5e4fa!important;font-size:10px!important}
.visitor-page .visitor-doc-row{margin:9px!important;padding:10px!important;border-radius:11px!important;gap:10px!important;border:1px solid #e0eaf3!important;background:#fbfdff!important}
.visitor-page .visitor-doc-file-icon{width:32px!important;height:39px!important;flex-basis:32px!important;border-radius:7px!important}
.visitor-page .visitor-doc-row strong{font-size:10.5px!important;color:#17395c!important}
.visitor-page .visitor-doc-meta{font-size:8px!important;margin-top:3px!important;color:#7b91a7!important}
.visitor-page .visitor-doc-button{height:31px!important;min-width:76px!important;border-radius:8px!important;font-size:8px!important}

@media(max-width:700px){
  .visitor-page .visitor-header{display:none!important}
  .visitor-page .visitor-app{display:block!important;min-height:100dvh!important}
  .visitor-page .visitor-sidebar{display:none!important}
  .visitor-page .visitor-main{padding:12px 12px 20px!important;max-width:none!important}
  .visitor-page .visitor-main>*{max-width:none!important}
  .visitor-page .visitor-hero-clean{
    min-height:154px!important;margin:0 0 8px!important;padding:8px 6px 6px!important;
  }
  .visitor-page .visitor-hero-clean .visitor-hero-logo{width:48px!important;height:48px!important;min-height:48px!important;margin-bottom:9px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo img{max-width:48px!important;max-height:48px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:26px!important;letter-spacing:-.55px!important}
  .visitor-page .visitor-hero-clean .agent-connect{font-size:12px!important;margin-top:7px!important}

  .visitor-page .visitor-message-card{border-radius:15px!important;margin-bottom:10px!important}
  .visitor-page .visitor-message-card .message-label{height:45px!important;min-height:45px!important;padding:0 13px!important;font-size:11px!important}
  .visitor-page .visitor-message-card .message-pencil{width:27px!important;height:27px!important;border-radius:8px!important}
  .visitor-page .visitor-message-card .message-pencil:before{inset:7px!important}
  .visitor-page .visitor-message-card .message-pencil:after{left:10px!important;top:10px!important}
  .visitor-page .visitor-message-card .chat-live-state{font-size:8px!important;padding:5px 8px!important}
  .visitor-page .visitor-chat{height:270px!important;min-height:270px!important;max-height:270px!important;padding:13px 12px 8px!important}
  .visitor-page .visitor-chat .chat-row{gap:8px!important;margin-bottom:10px!important}
  .visitor-page .visitor-chat .chat-avatar{width:31px!important;height:31px!important;flex-basis:31px!important;font-size:9px!important}
  .visitor-page .visitor-chat .chat-bubble{max-width:78%!important;padding:9px 11px 8px!important;border-radius:12px 12px 12px 4px!important}
  .visitor-page .visitor-chat .from-visitor .chat-bubble{border-radius:12px 12px 4px 12px!important}
  .visitor-page .visitor-chat .chat-sender{font-size:9px!important;margin-bottom:3px!important}
  .visitor-page .visitor-chat .chat-text{font-size:12px!important;line-height:1.4!important}
  .visitor-page .visitor-chat .chat-meta{font-size:8px!important;margin-top:4px!important}
  .visitor-page .visitor-chat .chat-empty{font-size:11px!important;padding-top:108px!important}
  .visitor-page .visitor-chat-composer{padding:10px 11px 11px!important}
  .visitor-page .visitor-composer-hint{font-size:7.5px!important;margin-bottom:5px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:48px!important;min-height:48px!important;padding:10px 11px!important;border-radius:10px!important;font-size:11px!important}
  .visitor-page .visitor-composer-actions{margin-top:7px!important}
  .visitor-page .visitor-send-status{font-size:7.5px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{height:37px!important;min-width:78px!important;padding:0 12px!important;border-radius:9px!important;font-size:9px!important}

  .visitor-page .visitor-secure-bank-inline{margin:8px 9px!important;border-radius:11px!important}
  .visitor-page .secure-bank-inline-head{padding:10px 11px!important}
  .visitor-page .secure-bank-inline-head .secure-bank-lock{width:30px!important;height:30px!important;flex-basis:30px!important}
  .visitor-page .secure-bank-inline-head h2{font-size:12px!important}
  .visitor-page .secure-bank-inline-head p{font-size:8px!important}
  .visitor-page .secure-bank-inline-head .secure-bank-session-pill{font-size:7px!important;padding:4px 6px!important}
  .visitor-page .secure-bank-form-inline{padding:10px 11px!important}
  .visitor-page .secure-bank-form-inline label>span{font-size:8px!important}
  .visitor-page .secure-bank-form-inline input{height:34px!important;font-size:9px!important}

  .visitor-page .visitor-documents{border-radius:13px!important}
  .visitor-page .visitor-documents-head{padding:11px 12px 10px!important}
  .visitor-page .visitor-documents-head .visitor-section-title strong{font-size:11px!important}
  .visitor-page .visitor-documents-head p{margin-left:35px!important;font-size:8px!important}
  .visitor-page .visitor-documents .section-icon{width:27px!important;height:27px!important;flex-basis:27px!important}
  .visitor-page .visitor-doc-row{margin:7px!important;padding:9px!important;border-radius:9px!important}
  .visitor-page .visitor-doc-file-icon{width:30px!important;height:37px!important;flex-basis:30px!important}
  .visitor-page .visitor-doc-row strong{font-size:9.5px!important}
  .visitor-page .visitor-doc-meta{font-size:7.5px!important}
  .visitor-page .visitor-doc-button{height:29px!important;min-width:68px!important;font-size:8px!important}
}
@media(max-width:380px){
  .visitor-page .visitor-main{padding:8px 9px 16px!important}
  .visitor-page .visitor-hero-clean{min-height:142px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo{width:44px!important;height:44px!important;min-height:44px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo img{max-width:44px!important;max-height:44px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:23px!important}
  .visitor-page .visitor-hero-clean .agent-connect{font-size:10.5px!important}
  .visitor-page .visitor-chat{height:250px!important;min-height:250px!important;max-height:250px!important}
}

/* ================================================================
   VISITOR DESIGN 25 — PREMIUM REFERENCE REBUILD
   Presentation-only overrides. Existing visitor behavior is unchanged.
   ================================================================ */
.visitor-page{
  --p-navy:#0b2a52;
  --p-blue:#1769e8;
  --p-blue-2:#3c86ef;
  --p-ink:#16385f;
  --p-muted:#6d829c;
  --p-line:#dce7f2;
  --p-soft:#f4f8fd;
  --p-green:#16a36a;
  background:#f3f8fd!important;
  color:var(--p-ink)!important;
  font-family:"Clear Sans Local",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.visitor-page .visitor-bg{
  position:fixed!important;inset:0!important;pointer-events:none!important;z-index:0!important;
  background:
    radial-gradient(420px 280px at -8% 4%,rgba(72,139,232,.12),transparent 70%),
    radial-gradient(360px 260px at 108% 15%,rgba(64,190,154,.10),transparent 68%),
    linear-gradient(180deg,#f8fbff 0%,#f1f7fd 100%)!important;
}
.visitor-page .visitor-app{position:relative!important;z-index:1!important;grid-template-columns:220px minmax(0,1fr)!important}
.visitor-page .visitor-main{
  width:100%!important;max-width:1040px!important;margin:0 auto!important;
  padding:30px 30px 38px!important;display:block!important;box-sizing:border-box!important;
}
.visitor-page .visitor-main>*{max-width:900px!important;margin-left:auto!important;margin-right:auto!important}

/* Welcome: strong hierarchy, no logo tile/card */
.visitor-page .visitor-hero-clean{
  min-height:146px!important;height:auto!important;margin:0 auto 14px!important;
  padding:18px 16px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:#fff!important;border:1px solid rgba(213,226,239,.9)!important;border-radius:14px!important;
  box-shadow:0 8px 26px rgba(20,58,94,.055)!important;text-align:center!important;
}
.visitor-page .visitor-hero-clean .visitor-copy{
  padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;background:transparent!important;
}
.visitor-page .visitor-hero-clean .visitor-hero-logo{
  position:static!important;width:auto!important;height:48px!important;min-height:48px!important;
  margin:0 auto 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;
}
.visitor-page .visitor-hero-clean .visitor-hero-logo img{max-width:118px!important;max-height:48px!important;width:auto!important;height:auto!important;object-fit:contain!important;padding:0!important}
.visitor-page .visitor-hero-clean .visitor-copy h1{
  margin:0!important;color:var(--p-navy)!important;font-size:29px!important;line-height:1.08!important;
  letter-spacing:-.8px!important;font-weight:800!important;
}
.visitor-page .visitor-hero-clean .agent-connect{
  margin:7px 0 0!important;color:#4c6783!important;font-size:13px!important;line-height:1.4!important;font-weight:500!important;
}

/* Live Support container */
.visitor-page .visitor-message-card{
  width:100%!important;margin:0 auto 14px!important;padding:0!important;background:#fff!important;
  border:1px solid #d9e5f0!important;border-radius:15px!important;overflow:hidden!important;
  box-shadow:0 12px 32px rgba(23,65,105,.08)!important;
}
.visitor-page .visitor-message-card .message-label{
  height:48px!important;min-height:48px!important;padding:0 15px!important;display:flex!important;align-items:center!important;
  gap:9px!important;background:#fff!important;border-bottom:1px solid #e6edf4!important;color:var(--p-navy)!important;
  font-size:12px!important;font-weight:750!important;
}
.visitor-page .visitor-message-card .message-pencil{
  width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:8px!important;
  background:#eef5ff!important;border:1px solid #d7e6fb!important;color:var(--p-blue)!important;
}
.visitor-page .visitor-message-card .message-pencil:before{inset:7px!important;border:1.7px solid var(--p-blue)!important}
.visitor-page .visitor-message-card .message-pencil:after{width:5px!important;height:5px!important;left:11px!important;top:11px!important;background:var(--p-blue)!important}
.visitor-page .visitor-message-card .chat-live-state{
  margin-left:auto!important;padding:5px 9px!important;border-radius:999px!important;
  background:#effaf5!important;border:1px solid #ccebdc!important;color:#148e5a!important;
  font-size:9px!important;font-weight:800!important;letter-spacing:.05px!important;
}

/* Conversation: no giant dead area, readable message scale */
.visitor-page .unified-chat{background:#fff!important}
.visitor-page .visitor-chat{
  height:250px!important;min-height:250px!important;max-height:250px!important;
  padding:16px 15px 12px!important;background:#f8fbfe!important;overflow-y:auto!important;
  scrollbar-width:thin!important;scrollbar-color:#c9d8e8 transparent!important;
}
.visitor-page .visitor-chat .chat-row{gap:9px!important;margin-bottom:12px!important;align-items:flex-end!important}
.visitor-page .visitor-chat .chat-avatar{
  width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:50%!important;
  background:#e8f1ff!important;color:#145fc9!important;border:1px solid #d3e3f8!important;
  display:grid!important;place-items:center!important;font-size:10px!important;font-weight:800!important;
  box-shadow:0 3px 9px rgba(40,85,130,.06)!important;
}
.visitor-page .visitor-chat .chat-bubble{
  max-width:76%!important;padding:10px 13px 9px!important;border-radius:13px 13px 13px 4px!important;
  background:#eef4fa!important;border:1px solid #e0e9f2!important;box-shadow:0 3px 10px rgba(32,70,108,.035)!important;
}
.visitor-page .visitor-chat .from-visitor{justify-content:flex-end!important}
.visitor-page .visitor-chat .from-visitor .chat-avatar{order:2!important;background:#e4edff!important;color:#174b9f!important}
.visitor-page .visitor-chat .from-visitor .chat-bubble{
  order:1!important;background:#dbeaff!important;border-color:#c6dbf5!important;
  border-radius:13px 13px 4px 13px!important;
}
.visitor-page .visitor-chat .chat-sender{font-size:10px!important;line-height:1.2!important;margin-bottom:3px!important;color:#294c70!important;font-weight:800!important}
.visitor-page .visitor-chat .chat-text{font-size:13px!important;line-height:1.42!important;color:#17395d!important;font-weight:500!important}
.visitor-page .visitor-chat .chat-meta{font-size:8px!important;line-height:1.2!important;margin-top:5px!important;color:#7890a9!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-bubble{border:1px dashed #9fb9d6!important;background:#fff!important;box-shadow:none!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-text{font-size:13px!important;color:#315577!important}
.visitor-page .visitor-chat .chat-empty{font-size:12px!important;color:#8297ac!important;text-align:center!important;padding-top:105px!important}

/* Composer */
.visitor-page .visitor-chat-composer{
  padding:11px 13px 12px!important;background:#fff!important;border-top:1px solid #e4ebf3!important;
}
.visitor-page .visitor-composer-hint{
  font-size:8px!important;line-height:1.3!important;color:#7c91a7!important;margin:0 1px 6px!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.visitor-page .visitor-chat-composer .visitor-text{
  width:100%!important;height:49px!important;min-height:49px!important;box-sizing:border-box!important;
  padding:11px 12px!important;border:1px solid #d5e2ee!important;border-radius:11px!important;background:#fbfdff!important;
  color:#17395d!important;font-size:12px!important;line-height:1.4!important;resize:none!important;outline:none!important;
  box-shadow:inset 0 1px 2px rgba(20,55,90,.025)!important;
}
.visitor-page .visitor-chat-composer .visitor-text::placeholder{color:#91a3b5!important;opacity:1!important}
.visitor-page .visitor-chat-composer .visitor-text:focus{border-color:#8eb6ea!important;box-shadow:0 0 0 3px rgba(23,105,232,.08)!important}
.visitor-page .visitor-composer-actions{margin-top:7px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.visitor-page .visitor-send-status{font-size:8px!important;color:#7d92a7!important;font-weight:600!important}
.visitor-page .visitor-chat-composer .chat-send-button{
  height:37px!important;min-width:82px!important;padding:0 14px!important;border:0!important;border-radius:9px!important;
  background:#1769e8!important;color:#fff!important;font-size:10px!important;font-weight:800!important;
  box-shadow:0 6px 15px rgba(23,105,232,.20)!important;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease!important;
}
.visitor-page .visitor-chat-composer .chat-send-button:disabled{opacity:.45!important;box-shadow:none!important}

/* Secure bank details */
.visitor-page .visitor-secure-bank-inline{
  margin:10px 11px!important;border:1px solid #c8e9db!important;border-radius:12px!important;
  background:#f7fffb!important;box-shadow:0 5px 16px rgba(19,125,79,.055)!important;overflow:hidden!important;
}
.visitor-page .secure-bank-inline-head{padding:11px 12px!important;background:#f7fffb!important;border-bottom:1px solid #dcefe6!important}
.visitor-page .secure-bank-inline-head .secure-bank-lock{width:31px!important;height:31px!important;flex-basis:31px!important;border-radius:8px!important;background:#e1f7ec!important;border:1px solid #c6ead8!important;color:#138e59!important}
.visitor-page .secure-bank-inline-head .secure-bank-kicker{font-size:7px!important;letter-spacing:.3px!important;color:#168b58!important;font-weight:800!important;text-transform:uppercase!important}
.visitor-page .secure-bank-inline-head h2{font-size:13px!important;line-height:1.2!important;color:#173d5e!important;margin:2px 0!important;font-weight:800!important}
.visitor-page .secure-bank-inline-head p{font-size:8px!important;line-height:1.35!important;color:#71879a!important}
.visitor-page .secure-bank-inline-head .secure-bank-session-pill{font-size:7px!important;padding:4px 7px!important;background:#daf5e8!important;color:#148955!important;border:0!important}
.visitor-page .secure-bank-form-inline{padding:10px 12px!important;gap:7px!important}
.visitor-page .secure-bank-form-inline label>span{font-size:8px!important;color:#557087!important;font-weight:800!important}
.visitor-page .secure-bank-form-inline input{height:34px!important;border-radius:8px!important;border:1px solid #d1e1dc!important;background:#fff!important;font-size:10px!important;color:#173d5e!important;padding:0 9px!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot{padding:8px 12px!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot>span,.visitor-page .visitor-secure-bank-inline .secure-bank-foot button{font-size:7.5px!important}

/* Documents */
.visitor-page .visitor-documents{
  width:100%!important;margin:0 auto!important;border:1px solid #d9e5f0!important;border-radius:14px!important;
  background:#fff!important;box-shadow:0 10px 28px rgba(23,65,105,.065)!important;overflow:hidden!important;
}
.visitor-page .visitor-documents-head{padding:12px 14px 11px!important;background:#fff!important;border-bottom:1px solid #e7eef5!important}
.visitor-page .visitor-documents-head .visitor-section-title{gap:9px!important}
.visitor-page .visitor-documents-head .visitor-section-title strong{font-size:12px!important;color:#17395d!important;font-weight:800!important}
.visitor-page .visitor-documents-head p{margin:3px 0 0 36px!important;font-size:8px!important;line-height:1.4!important;color:#7a90a6!important}
.visitor-page .visitor-documents .section-icon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:8px!important;background:#edf4ff!important;color:#1769e8!important;border:1px solid #d7e5f8!important;font-size:9px!important}
.visitor-page .visitor-doc-row{margin:8px!important;padding:9px!important;border-radius:10px!important;gap:9px!important;border:1px solid #e0e9f2!important;background:#fbfdff!important}
.visitor-page .visitor-doc-file-icon{width:30px!important;height:37px!important;flex-basis:30px!important;border-radius:7px!important}
.visitor-page .visitor-doc-row strong{font-size:10px!important;color:#17395d!important}
.visitor-page .visitor-doc-meta{font-size:7.5px!important;margin-top:2px!important;color:#7b90a6!important}
.visitor-page .visitor-doc-button{height:29px!important;min-width:72px!important;border-radius:8px!important;font-size:8px!important}

@media(max-width:700px){
  .visitor-page .visitor-header{display:none!important}
  .visitor-page .visitor-app{display:block!important;min-height:100dvh!important}
  .visitor-page .visitor-sidebar{display:none!important}
  .visitor-page .visitor-main{padding:10px 12px 18px!important;max-width:none!important}
  .visitor-page .visitor-main>*{max-width:none!important}
  .visitor-page .visitor-hero-clean{
    min-height:130px!important;margin:0 0 9px!important;padding:13px 10px 12px!important;border-radius:13px!important;
    box-shadow:0 7px 22px rgba(20,58,94,.045)!important;
  }
  .visitor-page .visitor-hero-clean .visitor-hero-logo{height:42px!important;min-height:42px!important;margin-bottom:7px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo img{max-width:105px!important;max-height:42px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:25px!important;letter-spacing:-.55px!important}
  .visitor-page .visitor-hero-clean .agent-connect{font-size:11px!important;margin-top:6px!important}
  .visitor-page .visitor-message-card{border-radius:14px!important;margin-bottom:9px!important}
  .visitor-page .visitor-message-card .message-label{height:43px!important;min-height:43px!important;padding:0 12px!important;font-size:11px!important}
  .visitor-page .visitor-message-card .message-pencil{width:26px!important;height:26px!important;flex-basis:26px!important}
  .visitor-page .visitor-message-card .chat-live-state{font-size:8px!important;padding:5px 8px!important}
  .visitor-page .visitor-chat{height:228px!important;min-height:228px!important;max-height:228px!important;padding:13px 11px 9px!important}
  .visitor-page .visitor-chat .chat-row{gap:7px!important;margin-bottom:10px!important}
  .visitor-page .visitor-chat .chat-avatar{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:9px!important}
  .visitor-page .visitor-chat .chat-bubble{max-width:78%!important;padding:9px 11px 8px!important;border-radius:11px 11px 11px 4px!important}
  .visitor-page .visitor-chat .from-visitor .chat-bubble{border-radius:11px 11px 4px 11px!important}
  .visitor-page .visitor-chat .chat-sender{font-size:8.5px!important;margin-bottom:3px!important}
  .visitor-page .visitor-chat .chat-text{font-size:11.5px!important;line-height:1.4!important}
  .visitor-page .visitor-chat .chat-meta{font-size:7.5px!important;margin-top:4px!important}
  .visitor-page .visitor-chat .visitor-live-draft .chat-text{font-size:11.5px!important}
  .visitor-page .visitor-chat .chat-empty{font-size:10px!important;padding-top:92px!important}
  .visitor-page .visitor-chat-composer{padding:9px 10px 10px!important}
  .visitor-page .visitor-composer-hint{font-size:7px!important;margin-bottom:5px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:45px!important;min-height:45px!important;padding:10px!important;border-radius:9px!important;font-size:11px!important}
  .visitor-page .visitor-composer-actions{margin-top:6px!important}
  .visitor-page .visitor-send-status{font-size:7px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{height:35px!important;min-width:76px!important;border-radius:8px!important;font-size:9px!important;padding:0 11px!important}
  .visitor-page .visitor-secure-bank-inline{margin:8px 8px!important}
  .visitor-page .visitor-documents{border-radius:12px!important}
  .visitor-page .visitor-documents-head{padding:10px 11px 9px!important}
  .visitor-page .visitor-documents-head .visitor-section-title strong{font-size:11px!important}
  .visitor-page .visitor-documents-head p{font-size:7.5px!important;margin-left:34px!important}
  .visitor-page .visitor-documents .section-icon{width:26px!important;height:26px!important;flex-basis:26px!important}
}
@media(max-width:380px){
  .visitor-page .visitor-main{padding:8px 9px 15px!important}
  .visitor-page .visitor-hero-clean{min-height:122px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo{height:38px!important;min-height:38px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo img{max-width:94px!important;max-height:38px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:23px!important}
  .visitor-page .visitor-hero-clean .agent-connect{font-size:10px!important}
  .visitor-page .visitor-chat{height:214px!important;min-height:214px!important;max-height:214px!important}
}


/* ================================================================
   VISITOR DESIGN 26 — BRANDED AGENT CHAT EXPERIENCE
   Refines the visitor-side presentation while preserving all session,
   verification, logo, color-detection, chat, document and secure-form logic.
   ================================================================ */
.visitor-page{
  --brand:#1769e8;
  --brand-rgb:23,105,232;
  --brand-soft:rgba(23,105,232,.09);
  --brand-border:rgba(23,105,232,.24);
  --visitor-ink:#102a4c;
  --visitor-muted:#70849b;
  --visitor-line:#dfe8f1;
  --visitor-surface:#ffffff;
  --visitor-chat-bg:#f7fafd;
}
.visitor-page .visitor-bg{
  background:
    radial-gradient(480px 300px at -8% 2%,rgba(var(--brand-rgb),.10),transparent 70%),
    linear-gradient(180deg,#f9fbfe 0%,#f2f7fb 100%)!important;
}
.visitor-page .visitor-main{max-width:1080px!important;padding:28px 32px 40px!important}
.visitor-page .visitor-main>*{max-width:960px!important}

/* Brand + welcome hierarchy */
.visitor-page .visitor-hero-clean{
  min-height:170px!important;margin-bottom:16px!important;padding:24px 28px 22px!important;
  text-align:left!important;justify-content:flex-start!important;align-items:center!important;
  border:1px solid var(--visitor-line)!important;border-radius:16px!important;
  box-shadow:0 10px 30px rgba(22,55,91,.055)!important;
}
.visitor-page .visitor-hero-clean .visitor-copy{
  width:100%!important;align-items:flex-start!important;text-align:left!important;
}
.visitor-page .visitor-welcome-brand{
  display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:9px!important;
}
.visitor-page .visitor-hero-clean .visitor-hero-logo{
  width:auto!important;height:28px!important;min-height:28px!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
}
.visitor-page .visitor-hero-clean .visitor-hero-logo img{max-width:90px!important;max-height:28px!important}
.visitor-page .visitor-welcome-kicker{
  display:inline-flex!important;align-items:center!important;height:26px!important;padding:0 9px!important;
  border-radius:999px!important;background:var(--brand-soft)!important;border:1px solid var(--brand-border)!important;
  color:var(--brand)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.2px!important;
}
.visitor-page .visitor-hero-clean .visitor-copy h1{
  font-size:30px!important;line-height:1.12!important;letter-spacing:-.75px!important;color:var(--visitor-ink)!important;
}
.visitor-page .visitor-hero-clean .agent-connect{
  margin-top:6px!important;color:#6b8097!important;font-size:12px!important;
}
.visitor-page .visitor-agent-card{
  margin-top:15px!important;display:flex!important;align-items:center!important;gap:10px!important;
  padding:9px 12px!important;border:1px solid var(--visitor-line)!important;border-radius:12px!important;
  background:#fbfdff!important;box-shadow:0 4px 12px rgba(26,62,97,.035)!important;
  min-width:235px!important;max-width:300px!important;
}
.visitor-page .visitor-agent-avatar{
  width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:var(--brand-soft)!important;
  color:var(--brand)!important;border:1px solid var(--brand-border)!important;font-size:11px!important;font-weight:850!important;
}
.visitor-page .visitor-agent-details{display:grid!important;gap:2px!important;min-width:0!important}
.visitor-page .visitor-agent-details strong{font-size:11px!important;line-height:1.2!important;color:var(--visitor-ink)!important;font-weight:850!important}
.visitor-page .visitor-agent-details>span:not(.visitor-agent-online){font-size:8.5px!important;color:#7a8da2!important}
.visitor-page .visitor-agent-online{display:flex!important;align-items:center!important;gap:5px!important;font-size:8px!important;color:#168e5b!important;font-weight:750!important}
.visitor-page .visitor-agent-online i{width:6px!important;height:6px!important;border-radius:50%!important;background:#20b36f!important;display:inline-block!important}

/* Chat card */
.visitor-page .visitor-message-card{
  border-color:var(--visitor-line)!important;border-radius:16px!important;box-shadow:0 12px 34px rgba(22,58,95,.075)!important;
}
.visitor-page .visitor-message-card .message-label{
  height:52px!important;min-height:52px!important;padding:0 17px!important;border-bottom:1px solid #e7edf3!important;
}
.visitor-page .visitor-message-card .message-pencil{background:var(--brand-soft)!important;border-color:var(--brand-border)!important;color:var(--brand)!important}
.visitor-page .visitor-message-card .message-pencil:before{border-color:var(--brand)!important}
.visitor-page .visitor-message-card .message-pencil:after{background:var(--brand)!important}
.visitor-page .visitor-message-card .chat-live-state{
  background:rgba(27,168,104,.075)!important;border-color:rgba(27,168,104,.20)!important;color:#168d5b!important;
}
.visitor-page .visitor-chat{background:var(--visitor-chat-bg)!important;padding:18px 18px 14px!important;height:330px!important;min-height:330px!important;max-height:330px!important}
.visitor-page .visitor-chat .chat-avatar{background:var(--brand-soft)!important;border-color:var(--brand-border)!important;color:var(--brand)!important}
.visitor-page .visitor-chat .from-visitor .chat-avatar{background:var(--brand-soft)!important;color:var(--brand)!important}
.visitor-page .visitor-chat .chat-bubble{background:#fff!important;border-color:#e1e9f1!important;border-radius:14px 14px 14px 5px!important;box-shadow:0 3px 12px rgba(25,62,96,.035)!important}
.visitor-page .visitor-chat .from-visitor .chat-bubble{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;border-radius:14px 14px 5px 14px!important;box-shadow:0 6px 16px rgba(var(--brand-rgb),.18)!important}
.visitor-page .visitor-chat .from-visitor .chat-sender,.visitor-page .visitor-chat .from-visitor .chat-text,.visitor-page .visitor-chat .from-visitor .chat-meta{color:#fff!important}
.visitor-page .visitor-chat .chat-sender{color:#365775!important}
.visitor-page .visitor-chat .chat-text{color:#193b5d!important}
.visitor-page .visitor-chat .chat-meta{color:#8295a9!important}

/* Premium composer: one continuous field + circular branded send action */
.visitor-page .visitor-chat-composer{padding:13px 15px 12px!important;background:#fff!important;border-top:1px solid #e5ecf3!important}
.visitor-page .visitor-composer-shell{
  display:flex!important;align-items:flex-end!important;gap:8px!important;padding:5px!important;
  min-height:54px!important;border:1px solid #d5e1ec!important;border-radius:17px!important;background:#fff!important;
  box-shadow:0 2px 8px rgba(25,62,96,.025)!important;transition:border-color .16s ease,box-shadow .16s ease!important;
}
.visitor-page .visitor-composer-shell:focus-within{border-color:rgba(var(--brand-rgb),.52)!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.08)!important}
.visitor-page .visitor-chat-composer .visitor-text{
  flex:1!important;width:auto!important;height:42px!important;min-height:42px!important;max-height:110px!important;
  padding:11px 12px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;
  font-size:12px!important;color:#17395d!important;outline:none!important;resize:none!important;
}
.visitor-page .visitor-chat-composer .visitor-text:focus{border:0!important;box-shadow:none!important}
.visitor-page .visitor-chat-composer .visitor-text::placeholder{color:#91a1b2!important}
.visitor-page .visitor-chat-composer .chat-send-button{
  width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;flex:0 0 42px!important;
  display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;
  background:var(--brand)!important;color:#fff!important;font-size:15px!important;font-weight:900!important;
  box-shadow:0 7px 17px rgba(var(--brand-rgb),.22)!important;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease!important;
}
.visitor-page .visitor-chat-composer .chat-send-button:not(:disabled):hover{transform:translateY(-1px)!important;box-shadow:0 9px 20px rgba(var(--brand-rgb),.28)!important}
.visitor-page .visitor-chat-composer .chat-send-button:not(:disabled):active{transform:translateY(0)!important}
.visitor-page .visitor-chat-composer .chat-send-button:disabled{opacity:.34!important;box-shadow:none!important}
.visitor-page .visitor-composer-foot{display:flex!important;justify-content:space-between!important;gap:10px!important;margin:6px 3px 0!important;color:#8799aa!important;font-size:8px!important;line-height:1.2!important}

/* Keep the uploaded/session brand as the single source of truth for accents. */
.visitor-page .verification-button,
.visitor-page .verification-layer .holder-option input:checked + span,
.visitor-page .visitor-nav-item.active,
.visitor-page .visitor-doc-button,
.visitor-page .visitor-section-title .section-icon{color:var(--brand)!important}
.visitor-page .verification-button{background:var(--brand)!important;box-shadow:0 7px 16px rgba(var(--brand-rgb),.18)!important}
.visitor-page .verification-button:hover{box-shadow:0 9px 20px rgba(var(--brand-rgb),.24)!important}

@media (max-width:700px){
  .visitor-page .visitor-main{padding:11px 12px 20px!important}
  .visitor-page .visitor-main>*{max-width:none!important}
  .visitor-page .visitor-hero-clean{min-height:184px!important;padding:17px 15px 16px!important;border-radius:14px!important;margin-bottom:10px!important}
  .visitor-page .visitor-welcome-brand{margin-bottom:8px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo{height:25px!important;min-height:25px!important}
  .visitor-page .visitor-hero-clean .visitor-hero-logo img{max-width:82px!important;max-height:25px!important}
  .visitor-page .visitor-welcome-kicker{height:24px!important;font-size:8px!important;padding:0 8px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:24px!important;letter-spacing:-.5px!important;max-width:340px!important}
  .visitor-page .visitor-hero-clean .agent-connect{font-size:10px!important;margin-top:5px!important}
  .visitor-page .visitor-agent-card{margin-top:12px!important;min-width:0!important;width:100%!important;max-width:320px!important;padding:8px 10px!important}
  .visitor-page .visitor-agent-avatar{width:34px!important;height:34px!important;flex-basis:34px!important}
  .visitor-page .visitor-agent-details strong{font-size:10px!important}
  .visitor-page .visitor-agent-details>span:not(.visitor-agent-online){font-size:8px!important}
  .visitor-page .visitor-agent-online{font-size:7.5px!important}
  .visitor-page .visitor-message-card{border-radius:14px!important;margin-bottom:9px!important}
  .visitor-page .visitor-message-card .message-label{height:44px!important;min-height:44px!important;padding:0 12px!important;font-size:10px!important}
  .visitor-page .visitor-chat{height:270px!important;min-height:270px!important;max-height:270px!important;padding:13px 11px 10px!important}
  .visitor-page .visitor-chat .chat-bubble{max-width:80%!important;padding:9px 11px 8px!important}
  .visitor-page .visitor-chat .chat-text{font-size:11px!important}
  .visitor-page .visitor-chat .chat-sender{font-size:8px!important}
  .visitor-page .visitor-chat .chat-meta{font-size:7px!important}
  .visitor-page .visitor-chat-composer{padding:9px 9px 9px!important}
  .visitor-page .visitor-composer-shell{min-height:49px!important;border-radius:15px!important;padding:4px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:39px!important;min-height:39px!important;font-size:10.5px!important;padding:10px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{width:39px!important;height:39px!important;min-width:39px!important;flex-basis:39px!important;font-size:13px!important}
  .visitor-page .visitor-composer-foot{font-size:7px!important;margin-top:5px!important}
}

/* FINAL VISITOR CHAT — clean professional conversation treatment */
.visitor-page .visitor-main{padding-top:42px!important;padding-bottom:42px!important}
.visitor-page .visitor-hero{display:block!important;width:min(100%,900px)!important;margin:0 auto 22px!important}
.visitor-page .visitor-copy{max-width:900px!important;margin:0 auto!important}
.visitor-page .visitor-welcome-brand{margin-bottom:16px!important}
.visitor-page .visitor-copy h1{font-family:Inter,ClearSans,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:32px!important;line-height:1.16!important;letter-spacing:-.7px!important;font-weight:700!important;color:#12263f!important;margin:0 0 9px!important}
.visitor-page .visitor-copy .agent-connect{font-family:Inter,ClearSans,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:13px!important;line-height:1.55!important;color:#71849a!important;margin:0!important}
.visitor-page .visitor-agent-card{display:none!important}
.visitor-page .visitor-message-card{width:min(100%,900px)!important;margin:0 auto!important;border:1px solid #dfe7ee!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 34px rgba(20,48,76,.07)!important;padding:0!important;overflow:hidden!important}
.visitor-page .message-label{height:52px!important;padding:0 18px!important;border-bottom:1px solid #edf1f4!important;font-family:Inter,ClearSans,system-ui,sans-serif!important;font-size:11px!important;font-weight:700!important;color:#536b82!important}
.visitor-page .chat-live-state{display:none!important}
.visitor-page .visitor-chat{min-height:360px!important;max-height:500px!important;padding:25px 24px!important;background:#fbfcfe!important;border-bottom:1px solid #edf1f4!important;display:flex!important;flex-direction:column!important}
.visitor-page .visitor-chat::after{display:none!important}
.visitor-page .visitor-chat .chat-row{gap:10px!important;margin:0 0 16px!important;align-items:flex-end!important}
.visitor-page .visitor-chat .chat-row:last-child{margin-bottom:0!important}
.visitor-page .visitor-chat .from-owner{justify-content:flex-start!important}
.visitor-page .visitor-chat .from-visitor{justify-content:flex-end!important}
.visitor-page .visitor-chat .chat-avatar.agent-photo{width:34px!important;height:34px!important;flex:0 0 34px!important;border:0!important;padding:0!important;background:#e8eef4!important;box-shadow:none!important;overflow:hidden!important;border-radius:50%!important}
.visitor-page .visitor-chat .chat-avatar.agent-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.visitor-page .visitor-chat .chat-bubble{max-width:min(68%,560px)!important;padding:12px 15px!important;border:1px solid #e1e8ee!important;border-radius:14px 14px 14px 4px!important;background:#fff!important;box-shadow:0 2px 8px rgba(23,52,79,.045)!important}
.visitor-page .visitor-chat .chat-bubble::after{display:none!important}
.visitor-page .visitor-chat .chat-text{font-family:Inter,ClearSans,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:13px!important;line-height:1.55!important;font-weight:450!important;color:#203a55!important;letter-spacing:0!important}
.visitor-page .visitor-chat .chat-sender,.visitor-page .visitor-chat .chat-meta{display:none!important}
.visitor-page .visitor-chat .from-visitor .chat-bubble{order:1!important;max-width:min(68%,560px)!important;background:var(--brand,#1976f3)!important;border-color:var(--brand,#1976f3)!important;border-radius:14px 14px 4px 14px!important;box-shadow:0 5px 14px rgba(var(--brand-rgb,25,118,243),.18)!important}
.visitor-page .visitor-chat .from-visitor .chat-text{color:#fff!important;font-weight:450!important}
.visitor-page .visitor-chat .from-visitor .chat-avatar{display:none!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-bubble{background:var(--brand,#1976f3)!important;border-color:var(--brand,#1976f3)!important;opacity:.62!important;box-shadow:none!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-text{color:#fff!important}
.visitor-page .visitor-chat-composer{padding:14px 16px 16px!important;background:#fff!important;border:0!important;box-shadow:none!important}
.visitor-page .visitor-chat-composer .visitor-text{height:50px!important;min-height:50px!important;border:1px solid #d7e1e9!important;border-radius:11px!important;background:#fff!important;padding:14px 14px!important;font-family:Inter,ClearSans,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:12px!important;line-height:1.4!important;color:#203a55!important;box-shadow:none!important}
.visitor-page .visitor-chat-composer .visitor-text:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.07)!important}
.visitor-page .visitor-chat-composer .visitor-composer-actions{margin-top:9px!important}
.visitor-page .visitor-chat-composer .visitor-send-status{display:none!important}
.visitor-page .visitor-chat-composer .chat-send-button{height:40px!important;min-width:40px!important;width:40px!important;padding:0!important;border-radius:10px!important;font-size:0!important;box-shadow:0 5px 13px rgba(var(--brand-rgb),.18)!important}
.visitor-page .visitor-chat-composer .chat-send-button span{font-size:15px!important}
.visitor-page .visitor-composer-hint{display:none!important}
@media(max-width:700px){
 .visitor-page .visitor-main{padding:27px 14px 28px!important}
 .visitor-page .visitor-copy h1{font-size:25px!important;letter-spacing:-.45px!important}
 .visitor-page .visitor-copy .agent-connect{font-size:11px!important}
 .visitor-page .visitor-welcome-brand{margin-bottom:13px!important}
 .visitor-page .visitor-message-card{border-radius:12px!important}
 .visitor-page .visitor-chat{min-height:310px!important;max-height:420px!important;padding:18px 13px!important}
 .visitor-page .visitor-chat .chat-avatar.agent-photo{width:29px!important;height:29px!important;flex-basis:29px!important}
 .visitor-page .visitor-chat .chat-bubble{max-width:79%!important;padding:10px 12px!important;border-radius:12px 12px 12px 4px!important}
 .visitor-page .visitor-chat .from-visitor .chat-bubble{max-width:79%!important;border-radius:12px 12px 4px 12px!important}
 .visitor-page .visitor-chat .chat-text{font-size:11.5px!important;line-height:1.52!important}
 .visitor-page .visitor-chat-composer{padding:11px!important}
 .visitor-page .visitor-chat-composer .visitor-text{height:46px!important;min-height:46px!important;padding:12px!important}
}

/* ===== Visitor v28: premium, restrained visitor experience ===== */
.visitor-page .visitor-header{
  position:sticky!important;top:0!important;z-index:100!important;height:72px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0 24px!important;background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #edf1f5!important;backdrop-filter:blur(12px)!important;
}
.visitor-page .visitor-header-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
.visitor-page .visitor-header-brand>span:last-child{display:none!important}
.visitor-page .visitor-brand-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:40px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.visitor-page .visitor-brand-logo img{display:block!important;width:auto!important;height:auto!important;max-width:180px!important;max-height:40px!important;object-fit:contain!important}
.visitor-page .visitor-header-status,.visitor-page .visitor-menu{display:none!important}

.visitor-page .visitor-main{padding:36px 28px 48px!important;width:100%!important;max-width:900px!important;margin:0 auto!important;box-sizing:border-box!important}
.visitor-page .visitor-hero-clean{width:100%!important;max-width:760px!important;margin:0 auto 24px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important}
.visitor-page .visitor-hero-clean .visitor-copy{padding:0!important;max-width:760px!important;text-align:center!important}
.visitor-page .visitor-hero-clean .visitor-copy h1{font-family:Inter,ClearSans,system-ui,sans-serif!important;font-size:30px!important;line-height:1.18!important;font-weight:700!important;letter-spacing:-.7px!important;margin:0 0 8px!important;color:#13263c!important}
.visitor-page .visitor-hero-clean .agent-connect{font-family:Inter,ClearSans,system-ui,sans-serif!important;font-size:13px!important;line-height:1.55!important;color:#73859a!important;margin:0!important}
.visitor-page .visitor-message-card{width:100%!important;max-width:760px!important;margin:0 auto!important;border:1px solid #e1e8ef!important;border-radius:12px!important;background:#fff!important;box-shadow:0 8px 24px rgba(20,48,76,.055)!important;overflow:hidden!important}
.visitor-page .visitor-message-card .message-label{display:flex!important;align-items:center!important;height:48px!important;min-height:48px!important;padding:0 17px!important;border-bottom:1px solid #edf1f4!important;font-size:11px!important;color:#4e667d!important}
.visitor-page .visitor-message-card .message-pencil{display:none!important}
.visitor-page .visitor-chat{height:430px!important;min-height:430px!important;max-height:430px!important;overflow-y:auto!important;padding:28px 26px!important;background:#fff!important;scroll-behavior:smooth!important}
.visitor-page .visitor-chat .chat-row{gap:10px!important;margin:0 0 18px!important;align-items:flex-end!important}
.visitor-page .visitor-chat .chat-avatar.agent-photo{width:32px!important;height:32px!important;flex:0 0 32px!important;border:0!important;padding:0!important;background:#eef3f7!important;border-radius:50%!important;overflow:hidden!important}
.visitor-page .visitor-chat .chat-avatar.agent-photo img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.visitor-page .visitor-chat .chat-bubble{max-width:min(68%,560px)!important;padding:11px 14px!important;border:1px solid #e4eaf0!important;border-radius:13px 13px 13px 4px!important;background:#f7f9fb!important;box-shadow:none!important}
.visitor-page .visitor-chat .chat-text{font-family:Inter,ClearSans,system-ui,sans-serif!important;font-size:13px!important;line-height:1.55!important;font-weight:450!important;color:#253d55!important}
.visitor-page .visitor-chat .from-visitor .chat-bubble{background:var(--brand,#1976f3)!important;border-color:var(--brand,#1976f3)!important;border-radius:13px 13px 4px 13px!important;box-shadow:none!important}
.visitor-page .visitor-chat .from-visitor .chat-text{color:#fff!important;font-weight:450!important}
.visitor-page .visitor-chat .chat-sender,.visitor-page .visitor-chat .chat-meta{display:none!important}
.visitor-page .visitor-chat-composer{padding:13px 15px 15px!important;border-top:1px solid #edf1f4!important;background:#fff!important}
.visitor-page .visitor-composer-shell{padding:4px!important;min-height:52px!important;border:1px solid #d7e1e9!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
.visitor-page .visitor-chat-composer .visitor-text{height:42px!important;min-height:42px!important;padding:11px 12px!important;font-family:Inter,ClearSans,system-ui,sans-serif!important;font-size:12px!important;color:#203a55!important}
.visitor-page .visitor-chat-composer .chat-send-button{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important;border-radius:10px!important;background:var(--brand,#1976f3)!important;box-shadow:none!important}
.visitor-page .visitor-composer-foot{display:none!important}

/* Secure session form: keep the function, remove unnecessary secondary action. */
.visitor-page .secure-bank-foot button{display:none!important}

/* Owner dashboard: remove the large quick-message/question card groups while retaining their JS/socket support. */
.dashboard-page #ownerQuick{display:none!important}
.dashboard-page .chat-card .chat-head-row p{display:none!important}
.dashboard-page .chat-card .chat-head-row h3{margin-bottom:0!important}

@media(max-width:700px){
  .visitor-page .visitor-header{height:62px!important;padding:0 16px!important}
  .visitor-page .visitor-brand-logo{height:34px!important}
  .visitor-page .visitor-brand-logo img{max-width:150px!important;max-height:34px!important}
  .visitor-page .visitor-main{padding:25px 12px 28px!important}
  .visitor-page .visitor-hero-clean{margin-bottom:17px!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:24px!important;letter-spacing:-.45px!important}
  .visitor-page .visitor-hero-clean .agent-connect{font-size:11px!important}
  .visitor-page .visitor-message-card{border-radius:11px!important}
  .visitor-page .visitor-message-card .message-label{height:44px!important;min-height:44px!important;padding:0 13px!important}
  .visitor-page .visitor-chat{height:390px!important;min-height:390px!important;max-height:390px!important;padding:20px 13px!important}
  .visitor-page .visitor-chat .chat-avatar.agent-photo{width:28px!important;height:28px!important;flex-basis:28px!important}
  .visitor-page .visitor-chat .chat-bubble{max-width:82%!important;padding:10px 12px!important;border-radius:12px 12px 12px 4px!important}
  .visitor-page .visitor-chat .from-visitor .chat-bubble{max-width:82%!important;border-radius:12px 12px 4px 12px!important}
  .visitor-page .visitor-chat .chat-text{font-size:11.5px!important;line-height:1.5!important}
  .visitor-page .visitor-chat-composer{padding:10px!important}
  .visitor-page .visitor-composer-shell{min-height:49px!important;border-radius:12px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:40px!important;min-height:40px!important;font-size:11px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
}
/* Header stays visible after verification so the company logo remains fixed while chat scrolls. */
.visitor-page.visitor-connected .visitor-header{display:flex!important;position:sticky!important;top:0!important;z-index:100!important;background:rgba(255,255,255,.96)!important}
.visitor-page.visitor-connected .visitor-header-brand{justify-content:center!important}

/* V11 — restore compact premium Quick Messages / Quick Questions controls. */
.dashboard-page #ownerQuick{display:grid!important;grid-template-columns:1fr 1.15fr;gap:10px;margin-top:12px;padding:0;background:transparent}
.dashboard-page #ownerQuick .quick-section{border:1px solid #e3eaf1;border-radius:10px;padding:12px;background:#fff;box-shadow:0 2px 10px rgba(26,62,96,.035)}
.dashboard-page #ownerQuick .quick-title{display:flex;align-items:center;gap:7px;margin-bottom:9px;min-height:18px}
.dashboard-page #ownerQuick .quick-title span:first-child{font-size:10px;font-weight:800;color:#183a5d}
.dashboard-page #ownerQuick .quick-title strong{font-size:10px;color:#183a5d}
.dashboard-page #ownerQuick .quick-title small{margin-left:auto;font-size:8px;color:#8a9bad;font-weight:600}
.dashboard-page #ownerQuick .quick-grid{display:grid;grid-template-columns:1fr;gap:6px}
.dashboard-page #ownerQuick .quick-chip{min-height:34px;width:100%;padding:7px 9px;border:1px solid #e1e8ef;border-radius:7px;background:#fbfdff;color:#294b6b;font-size:9px;font-weight:750;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.dashboard-page #ownerQuick .quick-chip:hover:not(:disabled){border-color:#b8cbe0;background:#f5f9fd;transform:translateY(-1px)}
.dashboard-page #ownerQuick .quick-chip:disabled{opacity:.5;cursor:not-allowed}
.dashboard-page #ownerQuick .quick-chip span:last-child{font-size:11px;color:var(--brand,#1976f3);font-weight:900}
.dashboard-page #ownerQuick .question-chip small{margin-left:auto;padding:2px 5px;border-radius:4px;background:#eef4fa;color:#6b8299;font-size:7px;font-weight:800}
.dashboard-page #ownerQuick .question-chip.answered small{background:#eef8f3;color:#237a57}
.dashboard-page #ownerQuick .secure-bank-owner-section{grid-column:1/-1}
.dashboard-page #ownerQuick .secure-bank-owner-section .quick-title{margin-bottom:8px}
@media(max-width:760px){.dashboard-page #ownerQuick{grid-template-columns:1fr}.dashboard-page #ownerQuick .secure-bank-owner-section{grid-column:auto}}

/* =========================================================
   v31 PREMIUM POLISH — visual-only refinement, no logic changes
   ========================================================= */
:root{
  --premium-ink:#12253d;
  --premium-navy:#0b1d33;
  --premium-navy-2:#102a47;
  --premium-line:#dfe7ef;
  --premium-soft:#f5f8fb;
}

/* Verification CTA: force readable contrast in every browser/state. */
.visitor-page .verification-button,
.visitor-page .verification-button:visited,
.visitor-page .verification-button:hover,
.visitor-page .verification-button:focus,
.visitor-page .verification-button:active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.05px!important;
  background:var(--brand,#1269ed)!important;
  border:1px solid rgba(0,0,0,.04)!important;
}
.visitor-page .verification-button span{color:#fff!important;-webkit-text-fill-color:#fff!important;display:inline-block!important}
.visitor-page .verification-button:disabled{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:.7!important}

/* Secure session form — premium dark treatment */
.visitor-page .visitor-secure-bank-inline{
  margin:14px 14px 16px!important;
  border:1px solid #243b55!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#0b1d33 0%,#102a47 100%)!important;
  box-shadow:0 14px 32px rgba(7,25,45,.18)!important;
  color:#fff!important;
  overflow:hidden!important;
}
.visitor-page .secure-bank-inline-head{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:17px 17px 15px!important;
  background:linear-gradient(145deg,#0b1d33,#102a47)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.visitor-page .secure-bank-inline-head .secure-bank-lock{
  width:38px!important;height:38px!important;flex:0 0 38px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
}
.visitor-page .secure-bank-inline-head .secure-bank-kicker{
  color:#9fc7ef!important;font-size:8px!important;letter-spacing:.8px!important;font-weight:850!important;
}
.visitor-page .secure-bank-inline-head h2{
  margin:3px 0 4px!important;color:#fff!important;font-size:16px!important;line-height:1.2!important;letter-spacing:-.2px!important;
}
.visitor-page .secure-bank-inline-head p{
  margin:0!important;color:#afc0d1!important;font-size:9px!important;line-height:1.55!important;max-width:590px!important;
}
.visitor-page .secure-bank-inline-head .secure-bank-session-pill{
  margin-left:auto!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;
  color:#dcecff!important;font-size:7.5px!important;padding:6px 9px!important;border-radius:999px!important;white-space:nowrap!important;
}
.visitor-page .secure-bank-form-inline{
  padding:16px 17px!important;gap:11px!important;background:#102a47!important;
}
.visitor-page .secure-bank-form-inline label>span{
  color:#c3d2e1!important;font-size:8.5px!important;font-weight:750!important;
}
.visitor-page .secure-bank-form-inline input{
  height:41px!important;border-radius:9px!important;
  border:1px solid #38536e!important;background:#0a2038!important;color:#fff!important;
  padding:0 11px!important;font-size:10.5px!important;outline:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.visitor-page .secure-bank-form-inline input:focus{
  border-color:#76b4ee!important;background:#0b233d!important;
  box-shadow:0 0 0 3px rgba(118,180,238,.12)!important;
}
.visitor-page .secure-bank-form-inline input::placeholder{color:#71869b!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot{
  padding:11px 17px!important;background:#091a2e!important;border-top:1px solid rgba(255,255,255,.08)!important;
}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot>span{
  color:#a9bdcf!important;font-size:8px!important;font-weight:700!important;
}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot i{
  background:#5fd39a!important;box-shadow:0 0 0 3px rgba(95,211,154,.11)!important;
}

/* Owner portal — unify login, create-session, dashboard and settings into one premium system. */
.owner-page{font-family:Inter,ClearSans,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--premium-ink)}
.owner-page .sidebar,
.owner-page .admin-v3-sidebar{background:linear-gradient(180deg,#091c31 0%,#0d2944 100%)!important;border-right:1px solid rgba(255,255,255,.05)!important}
.owner-page .sidebar-brand,.owner-page .admin-v3-sidebar-brand{letter-spacing:-.15px!important}
.owner-page .nav a,.owner-page .admin-v3-nav a{border-radius:8px!important;transition:background .16s,transform .16s!important}
.owner-page .nav a.active,.owner-page .admin-v3-nav a.active{background:linear-gradient(180deg,#1778e8,#0c62c7)!important;box-shadow:0 7px 18px rgba(7,78,154,.25)!important}
.owner-page .owner-header,.owner-page .admin-v3-header,.dashboard-page .dash-top{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid #e4ebf2!important}
.owner-page .owner-main-body,.owner-page .admin-v3-content{max-width:1160px!important}
.owner-page .section-head h1,.owner-page .admin-v3-page-title h1{font-size:22px!important;letter-spacing:-.55px!important;color:#10253d!important}
.owner-page .section-head p,.owner-page .admin-v3-page-title p{font-size:10.5px!important;color:#7b8ea3!important}
.owner-page .owner-card,.owner-page .admin-v3-create-card,.dashboard-page .dash-card{
  border:1px solid #dfe7ef!important;border-radius:12px!important;
  box-shadow:0 12px 32px rgba(20,49,77,.055)!important;
}
.owner-page .admin-v3-create-card{padding:25px!important}
.owner-page .admin-v3-section-title{font-size:10px!important;letter-spacing:.45px!important;text-transform:uppercase!important;color:#688096!important}
.owner-page .admin-v3-label,.owner-page .admin-v3-setting-row label{font-size:9.5px!important;color:#36536e!important}
.owner-page .admin-v3-logo-drop,.owner-page .admin-v3-readonly,
.owner-page .admin-v3-agent-input,.owner-page .admin-v3-agent-select{
  border-color:#d7e2ec!important;background:#f9fbfd!important;border-radius:9px!important;
}
.owner-page .admin-v3-logo-drop{height:158px!important}
.owner-page .admin-v3-agent-input,.owner-page .admin-v3-agent-select{height:42px!important;font-size:10.5px!important;color:#193955!important}
.owner-page .admin-v3-create-button{height:46px!important;border-radius:9px!important;font-size:10.5px!important;box-shadow:0 9px 22px rgba(18,105,237,.18)!important}

/* Dashboard hierarchy */
.dashboard-page{background:#f5f8fb!important}
.dashboard-page .dash-top{height:62px!important;padding:0 24px!important}
.dashboard-page .session-pill{height:34px!important;display:flex!important;align-items:center!important;border-radius:8px!important;background:#f8fafc!important;color:#47627b!important}
.dashboard-page .live-pill{border:1px solid #cfeedd!important;padding:7px 11px!important}
.dashboard-page .dash-body{padding:22px 24px 30px!important;max-width:1360px!important;margin:0 auto!important}
.dashboard-page .dash-grid{grid-template-columns:250px minmax(420px,1fr) 235px!important;gap:14px!important;align-items:start!important}
.dashboard-page .dash-card{padding:16px!important}
.dashboard-page .dash-card h3{font-size:12px!important;letter-spacing:-.05px!important;color:#17334f!important;margin-bottom:8px!important}
.dashboard-page .chat-card{padding:0!important;overflow:hidden!important}
.dashboard-page .chat-head-row{padding:16px 17px!important;border-bottom:1px solid #e8eef4!important;background:#fff!important}
.dashboard-page .chat-head-row h3{font-size:13px!important;margin-bottom:4px!important}
.dashboard-page .chat-head-row p{font-size:9px!important;color:#7b8fa3!important}
.dashboard-page .unified-chat{background:#fff!important}
.dashboard-page .owner-chat-composer{padding:12px 14px!important;border-top:1px solid #e7edf3!important;background:#fbfcfe!important}
.dashboard-page .owner-message-input{border:1px solid #d4e0ea!important;border-radius:11px!important;background:#fff!important;min-height:50px!important;font-size:11px!important}
.dashboard-page .owner-chat-composer .chat-send-button{border-radius:10px!important;height:40px!important;background:#1269ed!important;box-shadow:0 7px 16px rgba(18,105,237,.17)!important}
.dashboard-page .quick-compose{padding:13px 14px 15px!important;background:#f8fafc!important;border-top:1px solid #e8eef4!important}
.dashboard-page .quick-section{background:#fff!important;border:1px solid #e0e8ef!important;border-radius:10px!important;padding:10px!important;margin-bottom:9px!important}
.dashboard-page .quick-section:last-child{margin-bottom:0!important}
.dashboard-page .quick-title{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:8px!important}
.dashboard-page .quick-title>span,.dashboard-page .quick-title>strong{font-size:9.5px!important;color:#294966!important}
.dashboard-page .quick-title small{margin-left:auto!important;color:#8a9bad!important;font-size:7.5px!important}
.dashboard-page .quick-chip{min-height:31px!important;border:1px solid #dce6ee!important;border-radius:8px!important;background:#fbfdff!important;color:#34536f!important;font-size:8.5px!important;font-weight:700!important;padding:6px 8px!important;transition:.15s!important}
.dashboard-page .quick-chip:hover{background:#f0f6fc!important;border-color:#bcd2e6!important;transform:translateY(-1px)!important}
.dashboard-page .secure-bank-owner-section{background:#0b1d33!important;border-color:#213a55!important}
.dashboard-page .secure-bank-owner-section .quick-title>span,.dashboard-page .secure-bank-owner-section .quick-title>strong{color:#f3f7fb!important}
.dashboard-page .secure-bank-owner-section .quick-title small{color:#9db1c5!important}
.dashboard-page .secure-bank-request{min-height:38px!important;border:1px solid #38536e!important;border-radius:8px!important;background:#102a47!important;color:#e9f2fa!important;font-size:8.5px!important;font-weight:800!important}
.dashboard-page .secure-bank-owner-card{background:#0a2038!important;border:1px solid #294762!important;color:#fff!important;border-radius:8px!important;margin-top:8px!important;padding:9px!important}
.dashboard-page .secure-bank-owner-row{border-color:rgba(255,255,255,.08)!important}
.dashboard-page .secure-bank-owner-row span{color:#91a9bf!important}
.dashboard-page .secure-bank-owner-row strong{color:#f4f8fb!important}
.dashboard-page .status-box{gap:12px!important}
.dashboard-page .status-line{min-height:30px!important;padding:0 2px!important}
.dashboard-page .quick{border-top:1px solid #e8eef4!important}

/* Login — quieter luxury, stronger hierarchy. */
.admin-login-v3{background:#eef3f7!important}
.admin-login-v3-shell{border:1px solid #dbe4ec!important;box-shadow:0 24px 70px rgba(12,35,58,.14)!important;border-radius:18px!important;overflow:hidden!important}
.admin-login-v3-brand{background:linear-gradient(150deg,#091c31,#123b5f)!important}
.admin-login-v3-form-card{border:0!important;box-shadow:none!important}
.admin-login-v3-form-card h2{font-size:27px!important;letter-spacing:-.65px!important;color:#10253d!important}
.admin-login-v3-sub{color:#7b8da0!important}
.admin-login-v3-form-card .admin-input-wrap{border-radius:9px!important;border-color:#d5e0ea!important;background:#fbfdff!important}
.admin-login-v3-form-card .admin-input-wrap:focus-within{border-color:#8db7e1!important;box-shadow:0 0 0 3px rgba(18,105,237,.07)!important}
.admin-login-v3-form-card .admin-login-button{height:46px!important;border-radius:9px!important;box-shadow:0 9px 22px rgba(18,105,237,.18)!important}

@media(max-width:900px){
  .dashboard-page .dash-body{padding:14px!important}
  .dashboard-page .dash-grid{grid-template-columns:1fr!important}
  .owner-page .admin-v3-create-card{padding:18px!important}
}
@media(max-width:700px){
  .visitor-page .secure-bank-inline-head{padding:14px!important}
  .visitor-page .secure-bank-inline-head .secure-bank-session-pill{display:none!important}
  .visitor-page .secure-bank-form-inline{padding:13px!important}
  .dashboard-page .dash-top{padding:0 12px!important}
  .dashboard-page .dash-update{display:none!important}
}


/* v32 premium refinement: secure bank, create-session success and owner surfaces */
:root{--premium-navy:#0a1f35;--premium-blue:#1769d8;--premium-line:#dce6ef}
.owner-page .admin-v3-sidebar,
.owner-page .sidebar,
.admin-login-v3-brand{background:#0a1f35!important;background-image:linear-gradient(145deg,#081a2d 0%,#0d2a47 100%)!important}
.owner-page .admin-v3-nav a.active,.owner-page .nav a.active{background:#1769d8!important;box-shadow:0 8px 20px rgba(23,105,216,.22)!important}
.owner-page .admin-v3-nav a:hover,.owner-page .nav a:hover{background:rgba(255,255,255,.07)!important}
.admin-v3-success{background:#fff!important;border:1px solid #d7e3ed!important;border-radius:14px!important;box-shadow:0 18px 42px rgba(10,31,53,.09)!important;padding:20px!important}
.admin-v3-success .success-title{display:flex!important;align-items:center!important;gap:10px!important;color:#102a43!important;font-size:14px!important;font-weight:800!important}
.admin-v3-success .success-icon{width:28px!important;height:28px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:#1769d8!important;color:#fff!important;font-size:13px!important;box-shadow:0 5px 12px rgba(23,105,216,.2)!important}
.admin-v3-success .url-grid{gap:12px!important}
.admin-v3-success .url-box{border:1px solid #e0e8ef!important;background:#f8fafc!important;border-radius:10px!important;padding:13px!important}
.admin-v3-success .url-box label{font-size:8.5px!important;color:#6d8194!important;text-transform:uppercase!important;letter-spacing:.45px!important;font-weight:800!important}
.admin-v3-success .url-box .input,.admin-v3-success .setting-value{background:#fff!important;border:1px solid #d8e3ec!important;color:#243f58!important;border-radius:8px!important}
.admin-v3-success .share-note{font-size:9px!important;color:#73879a!important;line-height:1.55!important;margin:8px 0 0!important}
.admin-v3-success .copy{background:#edf4fb!important;color:#145ebd!important;border:1px solid #cddfee!important;box-shadow:none!important}
.admin-v3-success .create-actions{margin-top:13px!important;padding-top:13px!important;border-top:1px solid #e7edf2!important}
.admin-v3-success .create-actions .button:first-child{background:#1769d8!important;color:#fff!important}
.admin-v3-success .create-actions .button.secondary{background:#f5f8fb!important;color:#36516a!important;border:1px solid #d7e2eb!important}

/* Secure bank: restrained premium navy, no harsh generic black card. */
.visitor-page .secure-bank-icon,
.dashboard-page .secure-bank-icon{width:25px!important;height:25px!important;display:inline-grid!important;place-items:center!important;border-radius:7px!important;background:#173b60!important;color:#dcecff!important;border:1px solid #31577d!important;font-size:11px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.visitor-page .secure-bank-inline-head{background:#0d2945!important;background-image:linear-gradient(135deg,#0a2036,#123654)!important}
.visitor-page .secure-bank-inline-head .secure-bank-session-pill{background:#173b60!important;border-color:#31577d!important;color:#dcecff!important}
.dashboard-page .secure-bank-owner-section{background:#0d2945!important;background-image:linear-gradient(135deg,#0a2036,#123654)!important;border-color:#294a69!important}
.dashboard-page .secure-bank-request{background:#173b60!important;border-color:#3b6082!important;color:#f5f9fd!important}

/* Create-session settings: remove the obsolete Session Type row and keep hierarchy tight. */
.admin-create-v3 .admin-v3-settings-column{gap:12px!important}
.admin-create-v3 .admin-v3-setting-row{padding-bottom:11px!important;border-bottom:1px solid #edf2f6!important}
.admin-create-v3 .admin-v3-setting-row:last-child{border-bottom:0!important}

/* Dashboard: three-column working layout with a true utility sidebar. */
.dashboard-page .dash-grid{grid-template-columns:minmax(210px,250px) minmax(520px,1fr) 245px!important;grid-template-rows:auto auto!important}
.dashboard-page .dash-grid>.dash-card:nth-child(1){grid-column:1;grid-row:1 / span 2!important}
.dashboard-page .dash-grid>.chat-card{grid-column:2;grid-row:1!important}
.dashboard-page .dash-grid>.documents-card{grid-column:2;grid-row:2!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:3;grid-row:1 / span 2!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4){display:flex!important;flex-direction:column!important;gap:16px!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick{padding-top:14px!important;border-top:1px solid #e7edf3!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick{display:flex!important;flex-direction:column!important;gap:8px!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick h3{margin-bottom:2px!important}
.dashboard-page .status-box{padding:10px!important;border:1px solid #e3ebf2!important;border-radius:9px!important;background:#f8fafc!important}
.dashboard-page .status-line{font-size:9px!important;color:#38536d!important}
.dashboard-page .session-details .info-row{min-height:29px!important}
.dashboard-page .session-details .info-row .value{font-variant-numeric:tabular-nums!important;color:#183752!important;font-weight:750!important}
.dashboard-page .quick .button{width:100%!important;justify-content:center!important;height:36px!important;border-radius:8px!important;font-size:8.5px!important}
.dashboard-page .documents-card{min-height:180px!important}
.dashboard-page .documents-card .card-head-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.dashboard-page .documents-card .card-head-row .button{background:#1769d8!important;border-color:#1769d8!important;color:#fff!important;box-shadow:0 6px 14px rgba(23,105,216,.16)!important}
.dashboard-page .quick-compose{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.dashboard-page .quick-section{margin-bottom:0!important}
@media(max-width:1100px){.dashboard-page .dash-grid{grid-template-columns:220px minmax(0,1fr)!important}.dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:1 / -1;grid-row:auto!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:14px!important}.dashboard-page .dash-grid>.dash-card:nth-child(4)>h3{grid-column:1/-1}.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details,.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick{border-top:0!important;padding-top:0!important}}
@media(max-width:700px){.dashboard-page .dash-grid{grid-template-columns:1fr!important}.dashboard-page .dash-grid>.dash-card:nth-child(1),.dashboard-page .dash-grid>.chat-card,.dashboard-page .dash-grid>.documents-card,.dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:1!important;grid-row:auto!important}.dashboard-page .dash-grid>.dash-card:nth-child(4){display:block!important}.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details,.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick{border-top:1px solid #e7edf3!important;padding-top:14px!important;margin-top:14px!important}}

/* V32.1 — final owner portal / secure-form visual refinement */
:root{--owner-ink:#10253d;--owner-muted:#71849a;--owner-line:#dfe7ef;--owner-brand:#1769d8;--owner-brand-soft:#edf5ff}

/* Keep the owner experience visually consistent from login -> create session -> dashboard. */
.owner-page{background:#f4f7fa!important;color:var(--owner-ink)!important}
.owner-page .sidebar{background:#0b1f35!important;border-right:1px solid rgba(255,255,255,.055)!important;box-shadow:8px 0 28px rgba(13,35,57,.05)!important}
.owner-page .sidebar-brand{color:#f7fbff!important;font-weight:800!important}
.owner-page .brand-mark{background:#1769d8!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 5px 14px rgba(23,105,216,.24)!important}
.owner-page .nav a{color:#9eb0c3!important}
.owner-page .nav a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.owner-page .nav a.active{background:#1769d8!important;color:#fff!important;box-shadow:0 8px 20px rgba(23,105,216,.20)!important}
.owner-page .owner-main{background:#f4f7fa!important}

/* Create Session */
.admin-create-v3 .admin-v3-create-card{background:#fff!important;border:1px solid #dfe7ef!important;box-shadow:0 16px 38px rgba(15,38,62,.065)!important;border-radius:13px!important}
.admin-create-v3 .admin-v3-section-title{color:#173c5d!important}
.admin-create-v3 .admin-v3-setting-row label{color:#46627c!important}
.admin-create-v3 .admin-v3-readonly{background:#f7fafc!important;border:1px solid #dce6ee!important;color:#304f6b!important}
.admin-create-v3 .admin-v3-enabled{color:#1769d8!important;background:#eef6ff!important;border-color:#cfe2f8!important}
.admin-create-v3 .admin-v3-enabled span{color:#1769d8!important}
.admin-create-v3 .admin-v3-create-button{background:#1769d8!important;color:#fff!important;border:1px solid #1769d8!important;box-shadow:0 9px 22px rgba(23,105,216,.18)!important}
.admin-create-v3 .admin-v3-create-button:hover{background:#0f5fc7!important}

/* Session-created panel: clearer hierarchy and premium neutral surfaces. */
.admin-v3-success{background:#fff!important;border:1px solid #d8e3ec!important;box-shadow:0 18px 44px rgba(16,37,61,.075)!important}
.admin-v3-success .success-title{color:#102a43!important}
.admin-v3-success .success-icon{background:#1769d8!important;border-radius:8px!important}
.admin-v3-success .url-box{background:#f7fafc!important;border-color:#dce6ee!important}
.admin-v3-success .url-box .input,.admin-v3-success .setting-value{background:#fff!important;border-color:#d5e0e9!important;color:#1c3b57!important}
.admin-v3-success .copy{background:#eef5fc!important;color:#1761b7!important;border-color:#cbddeb!important}
.admin-v3-success .create-actions .button:first-child{background:#1769d8!important;color:#fff!important}
.admin-v3-success .create-actions .button.secondary{background:#fff!important;color:#34516c!important;border-color:#d4e0e9!important}

/* Secure Bank Details — replace the heavy dark icon/card treatment with a restrained professional blue system. */
.visitor-page .visitor-secure-bank-inline{background:#fff!important;border:1px solid #d9e4ee!important;color:#16344f!important;box-shadow:0 10px 28px rgba(18,47,74,.075)!important}
.visitor-page .secure-bank-inline-head{background:#f8fbfe!important;background-image:none!important;border-bottom:1px solid #e3ebf2!important;color:#16344f!important}
.visitor-page .secure-bank-inline-head .secure-bank-lock,
.visitor-page .secure-bank-icon,
.dashboard-page .secure-bank-icon{background:#eaf3ff!important;border:1px solid #cfe2f8!important;color:#1769d8!important;box-shadow:none!important}
.visitor-page .secure-bank-inline-head .secure-bank-kicker{color:#4d78a1!important}
.visitor-page .secure-bank-inline-head h2{color:#102a43!important}
.visitor-page .secure-bank-inline-head p{color:#70859a!important}
.visitor-page .secure-bank-inline-head .secure-bank-session-pill{background:#eef6ff!important;border-color:#cfe2f8!important;color:#1761b7!important}
.visitor-page .secure-bank-form-inline{background:#fff!important}
.visitor-page .secure-bank-form-inline label>span{color:#46627c!important}
.visitor-page .secure-bank-form-inline input{background:#f9fbfd!important;border:1px solid #d6e2eb!important;color:#193b58!important;box-shadow:none!important}
.visitor-page .secure-bank-form-inline input:focus{background:#fff!important;border-color:#74a9dc!important;box-shadow:0 0 0 3px rgba(23,105,216,.10)!important}
.visitor-page .secure-bank-form-inline input::placeholder{color:#8b9bab!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot{background:#f8fafc!important;border-top:1px solid #e3ebf2!important}

/* Owner dashboard: keep the utility sidebar distinct from the main work area. */
.dashboard-page .dash-body{max-width:1440px!important}
.dashboard-page .dash-grid{grid-template-columns:248px minmax(560px,1fr) 270px!important;gap:16px!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4){background:#fbfcfe!important;border:1px solid #dce6ee!important;box-shadow:0 10px 26px rgba(16,37,61,.045)!important;padding:15px!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4)>h3{font-size:11px!important;color:#637a90!important;text-transform:uppercase!important;letter-spacing:.55px!important}
.dashboard-page .status-box{background:#fff!important;border:1px solid #e0e8ef!important;box-shadow:none!important}
.dashboard-page .status-line{color:#36536d!important}
.dashboard-page .session-details,.dashboard-page .quick{border-color:#e3ebf2!important}
.dashboard-page .session-details h3,.dashboard-page .quick h3{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.45px!important;color:#637a90!important}
.dashboard-page .quick .button{background:#fff!important;color:#31506c!important;border:1px solid #d6e2eb!important;box-shadow:none!important}
.dashboard-page .quick .button:hover{background:#f4f8fb!important;border-color:#bfd2e2!important}
.dashboard-page .quick .button.danger{color:#b33a43!important;border-color:#efcfd2!important;background:#fff8f8!important}

/* Main dashboard modules: lighter, cleaner and aligned. */
.dashboard-page .quick-compose{background:#f7fafc!important}
.dashboard-page .quick-section{background:#fff!important;border:1px solid #dce6ee!important;box-shadow:0 5px 14px rgba(16,37,61,.025)!important}
.dashboard-page .secure-bank-owner-section{background:#fff!important;background-image:none!important;border-color:#d7e3ec!important}
.dashboard-page .secure-bank-owner-section .quick-title>span,.dashboard-page .secure-bank-owner-section .quick-title>strong{color:#294966!important}
.dashboard-page .secure-bank-owner-section .quick-title small{color:#7f91a2!important}
.dashboard-page .secure-bank-request{background:#eef6ff!important;border-color:#cfe2f8!important;color:#1761b7!important}
.dashboard-page .secure-bank-owner-card{background:#f8fbfe!important;border-color:#d8e5ef!important;color:#183752!important}
.dashboard-page .secure-bank-owner-row{border-color:#e4ebf1!important}
.dashboard-page .secure-bank-owner-row span{color:#74899c!important}
.dashboard-page .secure-bank-owner-row strong{color:#173650!important}

/* Login page shares the same restrained owner palette. */
.admin-login-v3,.admin-login-v3 body{background:#f4f7fa!important}
.admin-login-v3 .login-card{background:#fff!important;border:1px solid #dce6ee!important;box-shadow:0 20px 50px rgba(16,37,61,.08)!important}
.admin-login-v3 .login-brand-mark{background:#1769d8!important;box-shadow:0 8px 20px rgba(23,105,216,.18)!important}
.admin-login-v3 .button{background:#1769d8!important;border-color:#1769d8!important;color:#fff!important;box-shadow:0 8px 18px rgba(23,105,216,.16)!important}

@media(max-width:1100px){.dashboard-page .dash-grid{grid-template-columns:220px minmax(0,1fr)!important}.dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:1/-1!important;grid-row:auto!important}}
@media(max-width:700px){.dashboard-page .dash-grid{grid-template-columns:1fr!important}.dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:1!important}}

/* ===== v33 final owner workspace refinement ===== */
/* Secure form: clear blue identity, no muddy dark icon treatment. */
.visitor-page .visitor-secure-bank-inline .secure-bank-lock,
.visitor-page .visitor-secure-bank-inline .secure-bank-icon,
.dashboard-page .secure-bank-owner-section .secure-bank-icon{
  width:34px!important;height:34px!important;min-width:34px!important;
  display:inline-grid!important;place-items:center!important;
  border-radius:9px!important;
  background:#e8f2ff!important;
  color:#1269ed!important;
  border:1px solid #c5ddfa!important;
  box-shadow:0 4px 10px rgba(18,105,237,.10)!important;
  font-weight:900!important;
}
.visitor-page .secure-bank-inline-head{background:#f7fbff!important}
.visitor-page .secure-bank-inline-head .secure-bank-kicker{color:#1269ed!important;font-weight:800!important}
.visitor-page .secure-bank-inline-head h2{color:#102b45!important}
.visitor-page .secure-bank-inline-head p{color:#667d92!important}
.visitor-page .secure-bank-inline-head .secure-bank-session-pill{background:#edf6ff!important;color:#1269ed!important;border:1px solid #c9e0fb!important}
.visitor-page .secure-bank-form-inline input{background:#fbfdff!important;border:1px solid #cfdae5!important}
.visitor-page .secure-bank-form-inline input:focus{border-color:#1269ed!important;box-shadow:0 0 0 3px rgba(18,105,237,.10)!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot{color:#55718b!important}
.visitor-page .visitor-secure-bank-inline .secure-bank-foot i{background:#18a56b!important}

/* Login: fully light owner-facing sign-in, while retaining the same brand blue. */
body.admin-login-v3{background:#eef3f8!important}
.admin-login-v3 .admin-login-v3-shell{background:#fff!important;border:1px solid #d7e1ea!important;box-shadow:0 24px 70px rgba(22,47,72,.10)!important}
.admin-login-v3 .admin-login-v3-brand{
  background:#f7faff!important;
  background-image:none!important;
  border-right:1px solid #e1e9f1!important;
  color:#16324c!important;
}
.admin-login-v3 .admin-login-v3-logo{background:#1269ed!important;color:#fff!important;box-shadow:0 8px 20px rgba(18,105,237,.16)!important}
.admin-login-v3 .admin-login-v3-brand-name{color:#15334e!important}
.admin-login-v3 .admin-login-v3-brand-name span{color:#70869b!important}
.admin-login-v3 .admin-login-v3-brand h1{color:#102b45!important}
.admin-login-v3 .admin-login-v3-brand p{color:#70869b!important}
.admin-login-v3 .admin-login-v3-version{color:#8a9aaa!important}
.admin-login-v3 .admin-login-v3-wave{opacity:.08!important}
.admin-login-v3 .admin-login-v3-form-wrap{background:#fff!important}
.admin-login-v3 .admin-login-v3-form-card h2{color:#102b45!important}
.admin-login-v3 .admin-login-v3-sub{color:#778b9e!important}
.admin-login-v3 .admin-field label{color:#3e5870!important}
.admin-login-v3 .admin-input-wrap{background:#fbfdff!important;border:1px solid #d3dee8!important}
.admin-login-v3 .admin-input-wrap:focus-within{background:#fff!important;border-color:#7daee0!important;box-shadow:0 0 0 3px rgba(18,105,237,.08)!important}
.admin-login-v3 .admin-input-icon,.admin-login-v3 .admin-eye{color:#6d8499!important}
.admin-login-v3 .admin-login-button{background:#1269ed!important;border-color:#1269ed!important;color:#fff!important}

/* Desktop dashboard = fixed workspace: the browser page itself never scrolls. */
@media(min-width:1101px){
  html:has(body.dashboard-page),
  body.dashboard-page{height:100%!important;overflow:hidden!important}
  .dashboard-page .owner-shell{height:100vh!important;min-height:100vh!important;overflow:hidden!important}
  .dashboard-page .sidebar{height:100vh!important;overflow:hidden!important}
  .dashboard-page .owner-main{height:100vh!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  .dashboard-page .dash-top{flex:0 0 56px!important;height:56px!important;min-height:56px!important}
  .dashboard-page .dash-body{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;padding:14px 16px 16px!important}
  .dashboard-page .dash-grid{
    height:100%!important;min-height:0!important;
    grid-template-columns:225px minmax(300px,1fr) minmax(480px,1.55fr)!important;
    grid-template-rows:minmax(0,1fr) minmax(145px,205px)!important;
    gap:12px!important;align-items:stretch!important;
  }
  /* Utility sidebar on the left, exactly as requested. */
  .dashboard-page .dash-grid>.dash-card:nth-child(4){
    grid-column:1!important;grid-row:1 / span 2!important;
    overflow:hidden!important;min-height:0!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(1){
    grid-column:2!important;grid-row:1 / span 2!important;
    overflow:hidden!important;min-height:0!important;
  }
  .dashboard-page .dash-grid>.chat-card{
    grid-column:3!important;grid-row:1!important;
    overflow:hidden!important;min-height:0!important;
    display:flex!important;flex-direction:column!important;
  }
  .dashboard-page .dash-grid>.documents-card{
    grid-column:3!important;grid-row:2!important;
    min-height:0!important;overflow:hidden!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details,
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .quick{flex:0 0 auto!important}
  .dashboard-page .chat-card .unified-chat{min-height:0!important;flex:1 1 auto!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  .dashboard-page .chat-card .support-chat{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important}
  .dashboard-page #ownerQuick{flex:0 0 auto!important;max-height:210px!important;overflow-y:auto!important}
  .dashboard-page .chat-card .owner-chat-composer{flex:0 0 auto!important}
  .dashboard-page .documents-list{max-height:105px!important;overflow:auto!important}
  .dashboard-page .info-list{overflow:auto!important;min-height:0!important}
}

/* Make the left utility panel read as a sidebar, not a fourth card. */
.dashboard-page .dash-grid>.dash-card:nth-child(4)>h3{padding-bottom:2px!important;color:#506b84!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-line{min-height:30px!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick{margin-top:10px!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick .button{min-height:36px!important}

/* Premium blue icon language across the dashboard. */
.dashboard-page .secure-bank-icon{background:#e8f2ff!important;color:#1269ed!important;border-color:#c5ddfa!important}
.dashboard-page .quick-title .secure-bank-icon{display:inline-grid!important;place-items:center!important}

@media(max-width:1100px){
  html:has(body.dashboard-page),body.dashboard-page{overflow:auto!important}
  .dashboard-page .owner-main{height:auto!important;overflow:visible!important}
}


/* v34 — secure bank submit + compact single-line mobile greeting */
.visitor-page .secure-bank-submit{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:34px!important;padding:0 13px!important;border:0!important;border-radius:8px!important;background:var(--brand,#1976f3)!important;color:#fff!important;font-family:Inter,ClearSans,system-ui,sans-serif!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.05px!important;box-shadow:0 5px 12px rgba(var(--brand-rgb,25,118,243),.16)!important;cursor:pointer!important;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease!important}
.visitor-page .secure-bank-submit:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 7px 15px rgba(var(--brand-rgb,25,118,243),.2)!important}
.visitor-page .secure-bank-submit:disabled{opacity:.65!important;cursor:wait!important;transform:none!important}
.visitor-page .secure-bank-submit span{font-size:10px!important;line-height:1!important;color:#fff!important}
.visitor-page .visitor-copy h1{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:700px){.visitor-page .visitor-copy h1{font-size:18px!important;line-height:1.2!important;letter-spacing:-.25px!important;max-width:100%!important;white-space:nowrap!important}.visitor-page .visitor-secure-bank-inline .secure-bank-foot{align-items:center!important}.visitor-page .secure-bank-submit{height:32px!important;padding:0 11px!important;font-size:8px!important}}
@media(max-width:390px){.visitor-page .visitor-copy h1{font-size:16.5px!important;letter-spacing:-.2px!important}}


/* v35 — compact desktop dashboard workspace + explicit secure-form delivery */
.dashboard-page .secure-bank-request{
  min-height:34px!important;height:34px!important;padding:0 10px!important;
  background:#1269ed!important;border:1px solid #1269ed!important;color:#fff!important;
  border-radius:7px!important;font-size:8px!important;font-weight:800!important;
  box-shadow:0 5px 12px rgba(18,105,237,.12)!important;
}
.dashboard-page .secure-bank-request:hover{background:#0d5fd8!important;border-color:#0d5fd8!important}
.dashboard-page .secure-bank-owner-section{background:#fff!important;border:1px solid #d9e5ef!important}
.dashboard-page .secure-bank-owner-section .quick-title .secure-bank-icon{width:24px!important;height:24px!important;border-radius:7px!important;background:#eaf3ff!important;border:1px solid #c8def7!important;color:#1269ed!important}
.dashboard-page .secure-bank-owner-card{margin-top:7px!important;padding:8px 10px!important;border-radius:8px!important;background:#f8fbfe!important}
.dashboard-page .secure-bank-owner-row{padding:6px 0!important}

@media(min-width:1101px){
  .dashboard-page .dash-body{padding:10px 12px 12px!important}
  .dashboard-page .dash-grid{
    height:100%!important;
    grid-template-columns:230px minmax(0,1fr) 245px!important;
    grid-template-rows:minmax(0,1fr) 108px!important;
    gap:10px!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(1){grid-column:1!important;grid-row:1 / span 2!important;padding:13px!important}
  .dashboard-page .dash-grid>.chat-card{grid-column:2!important;grid-row:1 / span 2!important;padding:13px!important}
  .dashboard-page .dash-grid>.documents-card{grid-column:3!important;grid-row:2!important;padding:11px!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:3!important;grid-row:1!important;padding:12px!important;gap:8px!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4)>h3{margin-bottom:2px!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details,
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .quick{margin-top:4px!important;padding-top:8px!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box{gap:7px!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .status-line{min-height:24px!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .info-list{gap:6px!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .quick .button{min-height:30px!important;height:30px!important;margin-top:5px!important}

  .dashboard-page .chat-card .chat-head-row{flex:0 0 auto!important}
  .dashboard-page .chat-card .unified-chat{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}
  .dashboard-page .chat-card .support-chat{height:auto!important;min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important}
  .dashboard-page .chat-card .owner-chat-composer{flex:0 0 40px!important}
  .dashboard-page .chat-card #ownerQuick{flex:0 0 154px!important;max-height:none!important;overflow:hidden!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:7px!important;padding:8px!important}
  .dashboard-page .chat-card #ownerQuick .quick-section{min-width:0!important;min-height:0!important;overflow:hidden!important;padding:8px!important}
  .dashboard-page .chat-card #ownerQuick .quick-section:nth-child(2) .quick-grid{max-height:82px!important;overflow:auto!important}
  .dashboard-page .chat-card #ownerQuick .quick-grid{gap:5px!important}
  .dashboard-page .chat-card #ownerQuick .quick-chip{min-height:27px!important;height:27px!important;padding:0 7px!important;font-size:7px!important}
  .dashboard-page .chat-card #ownerQuick .quick-title{font-size:8px!important;margin-bottom:6px!important}
  .dashboard-page .chat-card #ownerQuick .quick-title small{font-size:6.5px!important}
  .dashboard-page .chat-card #ownerQuick .secure-bank-owner-section{grid-column:auto!important}
  .dashboard-page .chat-card #ownerQuick .secure-bank-owner-section .quick-title{margin-bottom:6px!important}
  .dashboard-page .chat-card #ownerQuick .secure-bank-request{font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .dashboard-page .chat-card #ownerQuick .secure-bank-owner-card{max-height:88px!important;overflow:auto!important}
  .dashboard-page .chat-card #ownerQuick .secure-bank-owner-row strong{font-size:8px!important}
  .dashboard-page .chat-card #ownerQuick .secure-bank-owner-row span{font-size:6.5px!important}
  .dashboard-page .documents-list{max-height:62px!important;overflow:auto!important}
  .dashboard-page .documents-card .card-head-row .button{height:28px!important;font-size:7.5px!important;padding:0 8px!important}
}


/* ===== v36 — dashboard full-detail workspace + reliable secure bank delivery ===== */
/* Desktop dashboard intentionally uses the document as the overflow surface.
   Nothing is squeezed into a tiny 720px viewport; every existing module remains
   available and the page can scroll naturally when the browser is shorter. */
@media(min-width:1101px){
  html:has(body.dashboard-page),body.dashboard-page{height:auto!important;min-height:100%!important;overflow:auto!important}
  .dashboard-page .owner-shell{height:auto!important;min-height:100vh!important;overflow:visible!important}
  .dashboard-page .sidebar{height:100vh!important;position:sticky!important;top:0!important}
  .dashboard-page .owner-main{height:auto!important;min-height:100vh!important;overflow:visible!important;display:block!important}
  .dashboard-page .dash-top{position:sticky!important;top:0!important;z-index:30!important}
  .dashboard-page .dash-body{height:auto!important;min-height:calc(100vh - 56px)!important;overflow:visible!important;padding:14px 16px 28px!important}
  .dashboard-page .dash-grid{
    height:auto!important;min-height:calc(100vh - 84px)!important;
    grid-template-columns:minmax(215px,245px) minmax(360px,0.9fr) minmax(470px,1.35fr)!important;
    grid-template-rows:minmax(260px,auto) minmax(170px,auto)!important;
    gap:12px!important;align-items:stretch!important;
  }
  /* Left utility rail: status, session details and actions. */
  .dashboard-page .dash-grid>.dash-card:nth-child(4){
    grid-column:1!important;grid-row:1 / span 2!important;
    min-height:520px!important;overflow:visible!important;padding:14px!important;
  }
  /* Visitor details and documents occupy the middle column. */
  .dashboard-page .dash-grid>.dash-card:nth-child(1){
    grid-column:2!important;grid-row:1!important;min-height:360px!important;overflow:visible!important;
  }
  .dashboard-page .dash-grid>.documents-card{
    grid-column:2!important;grid-row:2!important;min-height:170px!important;overflow:visible!important;
  }
  /* Live chat gets the full right work area. */
  .dashboard-page .dash-grid>.chat-card{
    grid-column:3!important;grid-row:1 / span 2!important;
    min-height:560px!important;overflow:visible!important;display:flex!important;flex-direction:column!important;
  }
  .dashboard-page .chat-card .unified-chat{flex:0 0 auto!important;overflow:visible!important;display:flex!important;flex-direction:column!important}
  .dashboard-page .chat-card .support-chat{height:390px!important;min-height:390px!important;max-height:390px!important;flex:0 0 390px!important;overflow-y:auto!important}
  .dashboard-page .chat-card .owner-chat-composer{flex:0 0 auto!important}
  .dashboard-page #ownerQuick{
    flex:0 0 auto!important;height:auto!important;max-height:none!important;overflow:visible!important;
    display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:10px!important;padding:10px!important;
  }
  .dashboard-page #ownerQuick .quick-section{min-height:150px!important;overflow:visible!important;padding:11px!important}
  .dashboard-page #ownerQuick .quick-section:nth-child(2) .quick-grid{max-height:145px!important;overflow:auto!important}
  .dashboard-page #ownerQuick .quick-grid{gap:6px!important}
  .dashboard-page #ownerQuick .quick-chip{min-height:34px!important;height:auto!important;padding:7px 8px!important;font-size:8px!important}
  .dashboard-page #ownerQuick .secure-bank-owner-card{max-height:150px!important;overflow:auto!important}
  .dashboard-page .documents-list{max-height:180px!important;overflow:auto!important}
  .dashboard-page .info-list{max-height:none!important;overflow:visible!important}
}

/* Secure form must actually render its visitor action button. A previous
   refinement hid this button globally; v36 restores it explicitly. */
.visitor-page .visitor-secure-bank-inline .secure-bank-foot button,
.visitor-page #submitSecureBank{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
}
.visitor-page .visitor-secure-bank-inline{overflow:visible!important}
.visitor-page .visitor-secure-bank-inline[hidden]{display:none!important}
.visitor-page .secure-bank-form-inline input{pointer-events:auto!important}

/* Make the owner delivery control obvious and always usable. */
.dashboard-page #openSecureBank{display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
.dashboard-page #openSecureBank:disabled{cursor:default!important;opacity:.78!important}
.dashboard-page .secure-bank-owner-section{min-height:150px!important}


/* ===== v37 — no-shrink dashboard + one-way secure-bank submission state ===== */
@media(min-width:1101px){
  html:has(body.dashboard-page),body.dashboard-page{height:100%;min-height:100%;overflow:auto!important}
  .dashboard-page .owner-shell{min-height:100vh!important;height:auto!important;overflow:visible!important}
  .dashboard-page .owner-main{min-height:100vh!important;height:auto!important;overflow:visible!important}
  .dashboard-page .dash-body{height:auto!important;min-height:calc(100vh - 56px)!important;overflow:visible!important;padding:16px 18px 34px!important}
  .dashboard-page .dash-grid{
    width:100%!important;height:auto!important;min-height:0!important;
    grid-template-columns:minmax(225px,250px) minmax(300px,.85fr) minmax(410px,1.15fr)!important;
    grid-template-rows:auto auto!important;gap:12px!important;align-items:start!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:1!important;grid-row:1 / span 2!important;min-height:0!important;height:auto!important;overflow:visible!important;padding:15px!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(1){grid-column:2!important;grid-row:1!important;min-height:0!important;height:auto!important;overflow:visible!important;padding:15px!important}
  .dashboard-page .dash-grid>.documents-card{grid-column:2!important;grid-row:2!important;min-height:220px!important;height:auto!important;overflow:visible!important;padding:13px!important}
  .dashboard-page .dash-grid>.chat-card{grid-column:3!important;grid-row:1 / span 2!important;min-height:0!important;height:auto!important;overflow:visible!important;padding:15px!important}

  .dashboard-page .dash-grid>.dash-card:nth-child(4) .info-list{max-height:none!important;overflow:visible!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .status-line{min-height:34px!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .quick .button{height:36px!important;min-height:36px!important;margin-top:7px!important}

  .dashboard-page .chat-card .unified-chat{display:flex!important;flex-direction:column!important;overflow:visible!important}
  .dashboard-page .chat-card .support-chat{height:430px!important;min-height:430px!important;max-height:430px!important;flex:0 0 430px!important;overflow-y:auto!important}
  .dashboard-page .chat-card .owner-chat-composer{flex:0 0 auto!important}
  .dashboard-page #ownerQuick{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:10px!important;height:auto!important;min-height:185px!important;max-height:none!important;overflow:visible!important;padding:10px!important}
  .dashboard-page #ownerQuick .quick-section{min-height:165px!important;height:auto!important;overflow:visible!important;padding:11px!important}
  .dashboard-page #ownerQuick .quick-section:nth-child(2) .quick-grid{max-height:150px!important;overflow:auto!important}
  .dashboard-page #ownerQuick .quick-grid{gap:7px!important}
  .dashboard-page #ownerQuick .quick-chip{min-height:36px!important;height:auto!important;padding:8px!important;font-size:8px!important}
  .dashboard-page #ownerQuick .secure-bank-owner-section{min-height:165px!important}
  .dashboard-page #ownerQuick .secure-bank-owner-card{max-height:none!important;overflow:visible!important}
  .dashboard-page .documents-list{max-height:260px!important;overflow:auto!important}
}
.dashboard-page .secure-bank-submitted{color:#168957!important}

/* =========================================================
   v38 — Dashboard workspace refinement
   Purpose: preserve every dashboard module while giving each
   area a deliberate size, clean hierarchy, and natural scrolling.
   ========================================================= */
@media (min-width:1101px){
  .dashboard-page .owner-shell{
    min-height:100vh!important;
    height:auto!important;
    overflow:visible!important;
  }
  .dashboard-page .owner-main{
    min-width:0!important;
    min-height:100vh!important;
    height:auto!important;
    overflow:visible!important;
  }
  .dashboard-page .dash-top{
    position:sticky;
    top:0;
    z-index:20;
    height:64px!important;
    padding:0 24px!important;
  }
  .dashboard-page .dash-body{
    padding:18px 24px 34px!important;
    overflow:visible!important;
  }
  .dashboard-page .dash-grid{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(225px,250px) minmax(360px,1fr) minmax(500px,680px)!important;
    grid-template-rows:auto auto!important;
    gap:14px!important;
    align-items:stretch!important;
    justify-content:start!important;
  }

  /* Left utility rail */
  .dashboard-page .dash-grid>.dash-card:nth-child(4){
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
    height:auto!important;
    min-height:0!important;
    padding:16px!important;
    overflow:visible!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4)>*{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    min-height:0!important;
    padding:0!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4)>h3{
    padding:0 0 11px!important;
    margin:0!important;
    border-bottom:1px solid #e8eef4!important;
    font-size:11px!important;
    text-transform:uppercase;
    letter-spacing:.45px!important;
    color:#6b8299!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box{
    gap:0!important;
    padding:4px 0 8px!important;
    border-bottom:1px solid #e8eef4!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .status-line{
    min-height:38px!important;
    padding:0 2px!important;
    border:0!important;
    font-size:10px!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .status-dot{
    flex:0 0 9px!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details{
    padding:15px 0 13px!important;
    border-bottom:1px solid #e8eef4!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details h3,
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .quick h3{
    margin:0 0 9px!important;
    font-size:10px!important;
    text-transform:uppercase;
    letter-spacing:.45px!important;
    color:#6b8299!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details .info-list{
    gap:0!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details .info-row{
    min-height:31px!important;
    font-size:9px!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .quick{
    padding:15px 0 0!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .quick .button{
    width:100%!important;
    height:35px!important;
    min-height:35px!important;
    margin:6px 0 0!important;
    font-size:9px!important;
  }

  /* Visitor information */
  .dashboard-page .dash-grid>.dash-card:nth-child(1){
    grid-column:2!important;
    grid-row:1!important;
    min-height:0!important;
    height:auto!important;
    padding:17px!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(1) h3{
    margin-bottom:10px!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(1) .info-row{
    min-height:31px!important;
  }

  /* Documents below visitor information */
  .dashboard-page .dash-grid>.documents-card{
    grid-column:2!important;
    grid-row:2!important;
    min-height:190px!important;
    height:auto!important;
    padding:16px!important;
  }
  .dashboard-page .documents-list{
    max-height:230px!important;
    overflow:auto!important;
  }

  /* Main chat workspace */
  .dashboard-page .dash-grid>.chat-card{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:17px!important;
  }
  .dashboard-page .chat-card .chat-head-row{
    min-height:30px!important;
    margin-bottom:10px!important;
  }
  .dashboard-page .chat-card .chat-head-row h3{
    margin:0!important;
  }
  .dashboard-page .chat-card .chat-head-row p{
    margin:3px 0 0!important;
    font-size:8px!important;
    color:#7d93a8!important;
  }
  .dashboard-page .chat-card .unified-chat{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
  }
  .dashboard-page .chat-card .support-chat{
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
    flex:0 0 360px!important;
    overflow-y:auto!important;
    border:1px solid #e2eaf2!important;
    border-radius:9px!important;
    background:#fbfdff!important;
  }
  .dashboard-page .chat-card .owner-chat-composer{
    flex:0 0 auto!important;
    margin-top:10px!important;
  }
  .dashboard-page .chat-card .owner-message-input{
    min-height:48px!important;
  }
  .dashboard-page #ownerQuick{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:9px 0 0!important;
    background:transparent!important;
    border:0!important;
  }
  .dashboard-page #ownerQuick .quick-section{
    min-width:0!important;
    min-height:154px!important;
    height:auto!important;
    overflow:hidden!important;
    padding:10px!important;
    background:#fbfdff!important;
    border:1px solid #dfe8f1!important;
    border-radius:9px!important;
  }
  .dashboard-page #ownerQuick .quick-title{
    min-height:25px!important;
    margin-bottom:6px!important;
    gap:4px!important;
  }
  .dashboard-page #ownerQuick .quick-title span,
  .dashboard-page #ownerQuick .quick-title strong{
    font-size:8px!important;
  }
  .dashboard-page #ownerQuick .quick-title small{
    font-size:6px!important;
  }
  .dashboard-page #ownerQuick .quick-grid{
    display:grid!important;
    gap:5px!important;
    max-height:116px!important;
    overflow:auto!important;
  }
  .dashboard-page #ownerQuick .quick-chip{
    min-height:31px!important;
    height:auto!important;
    padding:6px 7px!important;
    font-size:7.5px!important;
  }
  .dashboard-page #ownerQuick .secure-bank-owner-section{
    min-height:154px!important;
  }
  .dashboard-page #ownerQuick .secure-bank-request{
    width:100%!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 7px!important;
    font-size:7px!important;
  }
  .dashboard-page #ownerQuick .secure-bank-owner-card{
    max-height:102px!important;
    overflow:auto!important;
    margin-top:6px!important;
  }
}

@media (min-width:1101px) and (max-width:1350px){
  .dashboard-page .dash-grid{
    grid-template-columns:minmax(215px,235px) minmax(300px,1fr) minmax(430px,1.25fr)!important;
    gap:12px!important;
  }
  .dashboard-page .dash-body{padding-left:18px!important;padding-right:18px!important}
  .dashboard-page .dash-grid>.chat-card .support-chat{
    height:330px!important;min-height:330px!important;max-height:330px!important;flex-basis:330px!important;
  }
  .dashboard-page #ownerQuick .quick-section{min-height:145px!important}
  .dashboard-page #ownerQuick .quick-grid{max-height:105px!important}
}

@media (max-width:1100px){
  .dashboard-page .dash-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
  }
  .dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:1 / -1!important;grid-row:auto!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(1){grid-column:1!important;grid-row:auto!important}
  .dashboard-page .dash-grid>.chat-card{grid-column:2!important;grid-row:auto / span 2!important}
  .dashboard-page .dash-grid>.documents-card{grid-column:1!important;grid-row:auto!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
}

@media (max-width:760px){
  .dashboard-page .dash-grid{grid-template-columns:1fr!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(1),
  .dashboard-page .dash-grid>.dash-card:nth-child(2),
  .dashboard-page .dash-grid>.dash-card:nth-child(3),
  .dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:1!important;grid-row:auto!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4){display:block!important}
  .dashboard-page #ownerQuick{grid-template-columns:1fr!important}
  .dashboard-page #ownerQuick .quick-section{min-height:0!important}
}

/* v39 dashboard quick-tools: full-size, readable sections with independent scrolling */
@media (min-width:1101px){
  .dashboard-page .chat-card{min-width:0!important;}
  .dashboard-page #ownerQuick{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:10px 0 0!important;
    overflow:visible!important;
  }
  .dashboard-page #ownerQuick .quick-section{
    width:100%!important;
    min-width:0!important;
    min-height:205px!important;
    height:205px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    padding:12px!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .dashboard-page #ownerQuick .quick-title{
    flex:0 0 auto!important;
    min-height:28px!important;
    margin-bottom:8px!important;
  }
  .dashboard-page #ownerQuick .quick-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    align-content:start!important;
    gap:7px!important;
    padding-right:2px!important;
  }
  .dashboard-page #ownerQuick .quick-chip{
    width:100%!important;
    min-height:38px!important;
    height:auto!important;
    box-sizing:border-box!important;
    padding:8px 9px!important;
    font-size:8.5px!important;
    line-height:1.25!important;
  }
  .dashboard-page #ownerQuick .secure-bank-owner-section{
    min-height:205px!important;
    height:205px!important;
  }
  .dashboard-page #ownerQuick .secure-bank-request{
    flex:0 0 40px!important;
    height:40px!important;
    min-height:40px!important;
    font-size:8px!important;
    margin-bottom:7px!important;
  }
  .dashboard-page #ownerQuick .secure-bank-owner-card{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:auto!important;
    margin-top:0!important;
  }
}

@media (min-width:1101px) and (max-height:850px){
  .dashboard-page .chat-card .support-chat{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    flex-basis:300px!important;
  }
  .dashboard-page #ownerQuick .quick-section,
  .dashboard-page #ownerQuick .secure-bank-owner-section{
    min-height:190px!important;
    height:190px!important;
  }
}

@media (min-width:1101px) and (max-width:1450px){
  .dashboard-page #ownerQuick .quick-grid{grid-template-columns:1fr!important;}
}

@media (max-width:1100px){
  .dashboard-page #ownerQuick{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .dashboard-page #ownerQuick .quick-section{
    min-height:190px!important;
    height:190px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .dashboard-page #ownerQuick .quick-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:auto!important;
    grid-template-columns:1fr 1fr!important;
  }
}

@media (max-width:520px){
  .dashboard-page #ownerQuick .quick-section{height:205px!important;min-height:205px!important;}
  .dashboard-page #ownerQuick .quick-grid{grid-template-columns:1fr!important;}
}

/* =========================================================
   v40 — clean operations-console dashboard
   Inspired by modern hosting/admin consoles: calm gray canvas,
   crisp white surfaces, deliberate proportions, no cramped cards.
   ========================================================= */
.dashboard-page{
  --dash-bg:#f5f7fa;
  --dash-surface:#fff;
  --dash-border:#e1e6ed;
  --dash-text:#182230;
  --dash-muted:#6d7888;
  --dash-accent:#2463eb;
  background:var(--dash-bg)!important;
  color:var(--dash-text)!important;
}
.dashboard-page .owner-shell{background:var(--dash-bg)!important;}
.dashboard-page .sidebar{
  width:228px!important;
  background:#eef0f4!important;
  border-right:1px solid #dfe3e9!important;
  color:#1f2733!important;
}
.dashboard-page .sidebar-brand{
  height:72px!important;
  padding:0 24px!important;
  color:#182230!important;
  border-bottom:1px solid #dfe3e9!important;
  font-size:15px!important;
  font-weight:700!important;
}
.dashboard-page .brand-mark{
  width:30px!important;height:30px!important;border-radius:8px!important;
  background:#2463eb!important;color:#fff!important;box-shadow:none!important;
  font-size:9px!important;
}
.dashboard-page .nav{padding:18px 12px!important;gap:5px!important;}
.dashboard-page .nav a{
  min-height:42px!important;padding:0 13px!important;border-radius:8px!important;
  color:#4d5867!important;font-size:11px!important;font-weight:600!important;
}
.dashboard-page .nav a.active{background:#fff!important;color:#182230!important;box-shadow:0 1px 3px rgba(25,35,50,.08)!important;}
.dashboard-page .nav-icon{color:#7b8593!important;width:23px!important;font-size:13px!important;}
.dashboard-page .nav a.active .nav-icon{color:#2463eb!important;}

.dashboard-page .owner-main{background:var(--dash-bg)!important;min-width:0!important;}
.dashboard-page .dash-top{
  position:sticky!important;top:0!important;z-index:30!important;
  min-height:92px!important;height:auto!important;
  padding:15px 28px!important;
  background:rgba(245,247,250,.96)!important;
  border-bottom:1px solid #e3e7ed!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:24px!important;
}
.dashboard-page .dash-heading{min-width:0!important;}
.dashboard-page .dash-breadcrumb{display:flex!important;align-items:center!important;gap:9px!important;font-size:9px!important;color:#7b8593!important;margin-bottom:7px!important;}
.dashboard-page .dash-breadcrumb b{font-size:14px!important;color:#a5adb8!important;font-weight:400!important;}
.dashboard-page .dash-breadcrumb strong{color:#252e3b!important;font-weight:650!important;}
.dashboard-page .dash-top h1{margin:0!important;font-size:23px!important;line-height:1.15!important;letter-spacing:-.35px!important;color:#17202d!important;}
.dashboard-page .dash-session-line{display:flex!important;align-items:center!important;gap:8px!important;margin-top:7px!important;}
.dashboard-page .session-pill{font-size:9px!important;color:#596575!important;background:#fff!important;border:1px solid #dfe4ea!important;border-radius:7px!important;padding:6px 9px!important;box-shadow:none!important;}
.dashboard-page .live-pill{font-size:9px!important;background:#e8f8ef!important;color:#138a52!important;border:1px solid #c7ebd8!important;border-radius:999px!important;padding:6px 10px!important;font-weight:700!important;}
.dashboard-page .dash-top-actions{display:flex!important;align-items:center!important;gap:18px!important;flex:0 0 auto!important;}
.dashboard-page .dash-update{font-size:9px!important;color:#7d8795!important;white-space:nowrap!important;}
.dashboard-page .dash-top .button.danger{background:#fff!important;border:1px solid #f0c8c8!important;color:#c33d43!important;border-radius:8px!important;box-shadow:none!important;}

.dashboard-page .dash-body{padding:22px 28px 42px!important;background:var(--dash-bg)!important;overflow:visible!important;}
.dashboard-page .dash-grid{
  width:100%!important;max-width:1480px!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:250px minmax(340px,390px) minmax(520px,1fr)!important;
  grid-template-rows:auto!important;gap:16px!important;align-items:start!important;
}
.dashboard-page .dash-grid>.dash-card{
  background:#fff!important;border:1px solid var(--dash-border)!important;border-radius:12px!important;
  box-shadow:0 1px 2px rgba(20,30,45,.025)!important;color:var(--dash-text)!important;
}
.dashboard-page .dash-grid>.dash-card h3{font-size:12px!important;color:#17202d!important;letter-spacing:0!important;text-transform:none!important;}

/* utility rail */
.dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:1!important;grid-row:1!important;padding:0!important;overflow:hidden!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(4)>h3{display:none!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(4)>*{background:transparent!important;border:0!important;border-radius:0!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick{padding:18px!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box{border-bottom:1px solid #edf0f4!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-line{min-height:38px!important;padding:0!important;font-size:10px!important;color:#3b4655!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-dot{width:8px!important;height:8px!important;box-shadow:0 0 0 4px #e8f7ef!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details{border-bottom:1px solid #edf0f4!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details h3,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick h3{margin:0 0 12px!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.55px!important;color:#7b8796!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details .info-row{min-height:34px!important;font-size:9px!important;border-bottom:1px solid #f0f2f5!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick .button{width:100%!important;height:38px!important;margin:6px 0 0!important;border-radius:8px!important;font-size:9px!important;}

/* visitor / documents */
.dashboard-page .dash-grid>.dash-card:nth-child(1){grid-column:2!important;grid-row:1!important;padding:18px!important;min-height:0!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(1) h3{margin:0 0 13px!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(1) .info-row{min-height:34px!important;font-size:9px!important;border-bottom:1px solid #edf0f4!important;}
.dashboard-page .dash-grid>.dash-card:nth-child(1) .info-sep{height:9px!important;}
.dashboard-page .dash-grid>.documents-card{grid-column:2!important;grid-row:2!important;padding:18px!important;min-height:270px!important;}
.dashboard-page .documents-list{max-height:260px!important;overflow:auto!important;}

/* chat is intentionally the largest workspace */
.dashboard-page .dash-grid>.chat-card{grid-column:3!important;grid-row:1!important;padding:18px!important;min-width:0!important;overflow:visible!important;}
.dashboard-page .chat-card .chat-head-row{margin:0 0 12px!important;padding-bottom:12px!important;border-bottom:1px solid #edf0f4!important;}
.dashboard-page .chat-card .chat-head-row h3{font-size:13px!important;}
.dashboard-page .chat-card .chat-head-row p{font-size:9px!important;color:#7c8795!important;margin-top:4px!important;}
.dashboard-page .chat-card .support-chat{height:390px!important;min-height:390px!important;max-height:390px!important;border:1px solid #e2e7ee!important;border-radius:9px!important;background:#fbfcfe!important;overflow-y:auto!important;}
.dashboard-page .chat-card .owner-chat-composer{margin-top:11px!important;}
.dashboard-page .chat-card .owner-message-input{min-height:48px!important;border-radius:9px!important;}

/* quick tools: large stacked panels, never three tiny columns */
.dashboard-page #ownerQuick{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:12px 0 0!important;overflow:visible!important;}
.dashboard-page #ownerQuick .quick-section,
.dashboard-page #ownerQuick .secure-bank-owner-section{
  width:100%!important;height:230px!important;min-height:230px!important;box-sizing:border-box!important;
  padding:16px!important;background:#fff!important;border:1px solid #dfe5ec!important;border-radius:10px!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
.dashboard-page #ownerQuick .quick-title{flex:0 0 auto!important;min-height:31px!important;margin:0 0 10px!important;padding-bottom:9px!important;border-bottom:1px solid #edf0f4!important;display:flex!important;align-items:center!important;gap:6px!important;}
.dashboard-page #ownerQuick .quick-title span,.dashboard-page #ownerQuick .quick-title strong{font-size:11px!important;color:#1c2634!important;font-weight:700!important;}
.dashboard-page #ownerQuick .quick-title small{margin-left:auto!important;font-size:8px!important;color:#87919f!important;}
.dashboard-page #ownerQuick .quick-grid{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;padding:1px 2px 2px 0!important;}
.dashboard-page #ownerQuick .quick-chip{width:100%!important;min-height:40px!important;height:auto!important;padding:8px 10px!important;border:1px solid #dce4ed!important;border-radius:8px!important;background:#fff!important;color:#314052!important;font-size:9px!important;line-height:1.3!important;box-shadow:none!important;text-align:left!important;}
.dashboard-page #ownerQuick .quick-chip:hover{border-color:#b9c9dd!important;background:#f8fbff!important;}
.dashboard-page #ownerQuick .quick-chip span:last-child{color:#2463eb!important;}
.dashboard-page #ownerQuick .secure-bank-request{flex:0 0 40px!important;height:40px!important;min-height:40px!important;width:100%!important;border-radius:8px!important;font-size:9px!important;margin:0 0 9px!important;background:#2463eb!important;color:#fff!important;}
.dashboard-page #ownerQuick .secure-bank-owner-card{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;margin:0!important;border:1px solid #e1e7ee!important;border-radius:8px!important;background:#fafbfd!important;padding:10px!important;}
.dashboard-page #ownerQuick .secure-bank-owner-row{min-height:28px!important;border-bottom:1px solid #e8edf2!important;font-size:8px!important;}

@media (min-width:1101px) and (max-width:1250px){
  .dashboard-page .sidebar{width:210px!important;}
  .dashboard-page .dash-body{padding-left:20px!important;padding-right:20px!important;}
  .dashboard-page .dash-grid{grid-template-columns:225px 330px minmax(470px,1fr)!important;gap:12px!important;}
  .dashboard-page .chat-card .support-chat{height:350px!important;min-height:350px!important;max-height:350px!important;}
}
@media (max-width:1100px){
  .dashboard-page .dash-top{padding:14px 18px!important;}
  .dashboard-page .dash-body{padding:18px!important;}
  .dashboard-page .dash-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
  .dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:1!important;grid-row:auto!important;}
  .dashboard-page .dash-grid>.dash-card:nth-child(1){grid-column:2!important;grid-row:auto!important;}
  .dashboard-page .dash-grid>.documents-card{grid-column:1!important;grid-row:auto!important;}
  .dashboard-page .dash-grid>.chat-card{grid-column:1 / -1!important;grid-row:auto!important;}
}
@media (max-width:760px){
  .dashboard-page .dash-top{align-items:flex-start!important;}
  .dashboard-page .dash-top-actions{gap:8px!important;}
  .dashboard-page .dash-update{display:none!important;}
  .dashboard-page .dash-grid{grid-template-columns:1fr!important;}
  .dashboard-page .dash-grid>.dash-card:nth-child(1),.dashboard-page .dash-grid>.dash-card:nth-child(4),.dashboard-page .dash-grid>.documents-card,.dashboard-page .dash-grid>.chat-card{grid-column:1!important;grid-row:auto!important;}
  .dashboard-page #ownerQuick .quick-grid{grid-template-columns:1fr!important;}
}

/* =========================================================
   v41 — balanced support-console workspace
   Three clear columns, generous margins, readable quick tools.
   ========================================================= */
.dashboard-page .dash-body{
  padding:24px 32px 48px!important;
  overflow:visible!important;
}
.dashboard-page .dash-grid{
  width:100%!important;
  max-width:1520px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(235px,260px) minmax(350px,390px) minmax(620px,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:18px!important;
  align-items:start!important;
}
/* Left rail: one coherent card with clean sections */
.dashboard-page .dash-grid>.dash-card:nth-child(4){
  grid-column:1!important;grid-row:1 / span 2!important;
  padding:0!important;overflow:hidden!important;
  min-height:0!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(4)>h3{display:none!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick{
  padding:20px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box{border-bottom:1px solid #edf0f4!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box:before{content:'CONNECTION STATUS';display:block;margin:0 0 14px;font-size:10px;font-weight:700;letter-spacing:.55px;color:#7b8796}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-line{min-height:40px!important;padding:0!important;font-size:10px!important;color:#344152!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-dot{width:8px!important;height:8px!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details{border-bottom:1px solid #edf0f4!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details h3,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick h3{margin:0 0 12px!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.55px!important;color:#7b8796!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details .info-row{min-height:36px!important;font-size:9px!important;border-bottom:1px solid #f0f2f5!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick .button{width:100%!important;height:40px!important;margin:7px 0 0!important;border-radius:8px!important;font-size:9px!important}
/* Middle column */
.dashboard-page .dash-grid>.dash-card:nth-child(1){
  grid-column:2!important;grid-row:1!important;padding:20px!important;min-height:0!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(1) h3{margin:0 0 14px!important;font-size:12px!important}
.dashboard-page .dash-grid>.dash-card:nth-child(1) .info-row{min-height:35px!important;font-size:9px!important;border-bottom:1px solid #edf0f4!important}
.dashboard-page .dash-grid>.dash-card:nth-child(1) .info-sep{height:8px!important}
.dashboard-page .dash-grid>.documents-card{
  grid-column:2!important;grid-row:2!important;padding:20px!important;min-height:245px!important;
}
.dashboard-page .documents-list{max-height:190px!important;overflow:auto!important}
/* Right main workspace */
.dashboard-page .dash-grid>.chat-card{
  grid-column:3!important;grid-row:1 / span 2!important;padding:20px!important;min-width:0!important;overflow:visible!important;
}
.dashboard-page .chat-card .chat-head-row{margin:0 0 12px!important;padding-bottom:12px!important;border-bottom:1px solid #edf0f4!important}
.dashboard-page .chat-card .chat-head-row h3{font-size:14px!important}
.dashboard-page .chat-card .chat-head-row p{font-size:9px!important;color:#7c8795!important;margin-top:4px!important}
.dashboard-page .chat-card .support-chat{
  height:400px!important;min-height:400px!important;max-height:400px!important;
  border:1px solid #e2e7ee!important;border-radius:10px!important;background:#fbfcfe!important;overflow-y:auto!important;
}
.dashboard-page .chat-card .owner-chat-composer{margin-top:12px!important}
.dashboard-page .chat-card .owner-message-input{min-height:50px!important;border-radius:9px!important}
/* Three useful quick-tool panels: horizontal, equal, readable */
.dashboard-page #ownerQuick{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;
  padding:12px 0 0!important;overflow:visible!important;
}
.dashboard-page #ownerQuick .quick-section,
.dashboard-page #ownerQuick .secure-bank-owner-section{
  width:auto!important;height:184px!important;min-height:184px!important;box-sizing:border-box!important;
  padding:14px!important;background:#fff!important;border:1px solid #dfe5ec!important;border-radius:10px!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
.dashboard-page #ownerQuick .quick-title{
  flex:0 0 auto!important;min-height:29px!important;margin:0 0 9px!important;padding-bottom:8px!important;
  border-bottom:1px solid #edf0f4!important;display:flex!important;align-items:center!important;gap:6px!important;
}
.dashboard-page #ownerQuick .quick-title span,
.dashboard-page #ownerQuick .quick-title strong{font-size:10px!important;color:#1c2634!important;font-weight:700!important;white-space:nowrap!important}
.dashboard-page #ownerQuick .quick-title small{margin-left:auto!important;font-size:7px!important;color:#87919f!important;white-space:nowrap!important}
.dashboard-page #ownerQuick .quick-grid{
  flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;
  overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;padding:1px 2px 2px 0!important;
}
.dashboard-page #ownerQuick .quick-chip{
  width:100%!important;min-height:38px!important;height:auto!important;padding:7px 8px!important;
  border:1px solid #dce4ed!important;border-radius:7px!important;background:#fff!important;color:#314052!important;
  font-size:8px!important;line-height:1.25!important;box-shadow:none!important;text-align:left!important;
}
.dashboard-page #ownerQuick .quick-chip:hover{border-color:#b9c9dd!important;background:#f8fbff!important}
.dashboard-page #ownerQuick .quick-chip span:last-child{color:#2463eb!important}
.dashboard-page #ownerQuick .secure-bank-request{
  flex:0 0 38px!important;height:38px!important;min-height:38px!important;width:100%!important;border-radius:8px!important;
  font-size:8px!important;margin:0 0 8px!important;background:#2463eb!important;color:#fff!important;
}
.dashboard-page #ownerQuick .secure-bank-owner-card{
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;margin:0!important;
  border:1px solid #e1e7ee!important;border-radius:8px!important;background:#fafbfd!important;padding:8px!important;
}
.dashboard-page #ownerQuick .secure-bank-owner-row{min-height:26px!important;border-bottom:1px solid #e8edf2!important;font-size:8px!important}
@media (max-width:1250px) and (min-width:1101px){
  .dashboard-page .dash-body{padding-left:20px!important;padding-right:20px!important}
  .dashboard-page .dash-grid{grid-template-columns:220px 320px minmax(520px,1fr)!important;gap:14px!important}
  .dashboard-page .chat-card .support-chat{height:360px!important;min-height:360px!important;max-height:360px!important}
}
@media (max-width:1100px){
  .dashboard-page .dash-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:1!important;grid-row:auto!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(1){grid-column:2!important;grid-row:auto!important}
  .dashboard-page .dash-grid>.documents-card{grid-column:1!important;grid-row:auto!important}
  .dashboard-page .dash-grid>.chat-card{grid-column:1 / -1!important;grid-row:auto!important}
}
@media (max-width:760px){
  .dashboard-page .dash-body{padding:14px!important}
  .dashboard-page .dash-grid{grid-template-columns:1fr!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(1),.dashboard-page .dash-grid>.dash-card:nth-child(4),.dashboard-page .dash-grid>.documents-card,.dashboard-page .dash-grid>.chat-card{grid-column:1!important;grid-row:auto!important}
  .dashboard-page #ownerQuick{grid-template-columns:1fr!important}
  .dashboard-page #ownerQuick .quick-section,.dashboard-page #ownerQuick .secure-bank-owner-section{height:205px!important;min-height:205px!important}
}

/* =========================================================
   v42 — horizontal support console layout
   The dashboard is deliberately structured in horizontal bands:
   1) Connection / Session / Actions across one row
   2) Visitor information + Documents beside the main chat
   3) Quick Messages / Questions / Secure Bank in one equal row
   ========================================================= */
.dashboard-page .owner-main{min-width:0!important;background:#f5f7fa!important;overflow:auto!important}
.dashboard-page .dash-body{padding:22px 28px 34px!important;overflow:visible!important;min-width:0!important}
.dashboard-page .dash-grid{
  width:100%!important;max-width:1500px!important;margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:16px!important;align-items:start!important;
}
/* Utility card becomes a clean horizontal three-section toolbar. */
.dashboard-page .dash-grid>.dash-card:nth-child(4){
  grid-column:1 / -1!important;grid-row:1!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  padding:0!important;min-height:0!important;overflow:hidden!important;
  border:1px solid #dfe5ec!important;border-radius:12px!important;background:#fff!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(4)>h3{display:none!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick{
  margin:0!important;padding:18px 20px!important;background:#fff!important;border:0!important;border-radius:0!important;min-width:0!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box{border-right:1px solid #edf0f4!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details{border-right:1px solid #edf0f4!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box:before{
  content:'CONNECTION STATUS';display:block;margin:0 0 13px;font-size:10px;font-weight:750;letter-spacing:.6px;color:#667487;
}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-line{
  min-height:34px!important;padding:0!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:10px!important;color:#344152!important;border-bottom:1px solid #f0f2f5!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-line:last-child{border-bottom:0!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-dot{width:8px!important;height:8px!important;flex:0 0 8px!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details h3,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick h3{
  margin:0 0 13px!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.6px!important;color:#667487!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details .info-row{
  min-height:34px!important;font-size:10px!important;border-bottom:1px solid #f0f2f5!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick .button{
  width:calc(50% - 5px)!important;height:38px!important;margin:0 6px 0 0!important;border-radius:8px!important;font-size:9px!important;white-space:nowrap!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick .button:last-child{margin-right:0!important}
/* Information column. */
.dashboard-page .dash-grid>.dash-card:nth-child(1){
  grid-column:1!important;grid-row:2!important;padding:18px!important;min-height:0!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(1) h3{margin:0 0 12px!important;font-size:12px!important}
.dashboard-page .dash-grid>.dash-card:nth-child(1) .info-row{min-height:32px!important;font-size:9px!important;border-bottom:1px solid #edf0f4!important}
.dashboard-page .dash-grid>.dash-card:nth-child(1) .info-sep{height:6px!important}
.dashboard-page .dash-grid>.documents-card{
  grid-column:1!important;grid-row:3!important;padding:18px!important;min-height:210px!important;
}
.dashboard-page .documents-list{max-height:155px!important;overflow:auto!important}
/* Main chat column occupies the complete second/third row area. */
.dashboard-page .dash-grid>.chat-card{
  grid-column:2!important;grid-row:2 / span 2!important;padding:18px!important;min-width:0!important;overflow:visible!important;
}
.dashboard-page .chat-card .chat-head-row{margin:0 0 12px!important;padding-bottom:11px!important;border-bottom:1px solid #edf0f4!important}
.dashboard-page .chat-card .chat-head-row h3{font-size:14px!important}
.dashboard-page .chat-card .chat-head-row p{font-size:9px!important;color:#7c8795!important;margin-top:4px!important}
.dashboard-page .chat-card .support-chat{
  height:365px!important;min-height:365px!important;max-height:365px!important;
  border:1px solid #e0e6ed!important;border-radius:10px!important;background:#fbfcfe!important;overflow-y:auto!important;
}
.dashboard-page .chat-card .owner-chat-composer{margin-top:12px!important}
.dashboard-page .chat-card .owner-message-input{min-height:48px!important;border-radius:9px!important}
/* Three quick tools are always horizontal on desktop and share equal width. */
.dashboard-page #ownerQuick{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;
  padding:12px 0 0!important;overflow:visible!important;min-width:0!important;
}
.dashboard-page #ownerQuick .quick-section,
.dashboard-page #ownerQuick .secure-bank-owner-section{
  width:auto!important;height:190px!important;min-height:190px!important;box-sizing:border-box!important;
  padding:14px!important;background:#fff!important;border:1px solid #dfe5ec!important;border-radius:10px!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;min-width:0!important;
}
.dashboard-page #ownerQuick .quick-title{
  flex:0 0 auto!important;min-height:30px!important;margin:0 0 9px!important;padding-bottom:8px!important;
  border-bottom:1px solid #edf0f4!important;display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;
}
.dashboard-page #ownerQuick .quick-title span,
.dashboard-page #ownerQuick .quick-title strong{font-size:10px!important;color:#1c2634!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.dashboard-page #ownerQuick .quick-title small{margin-left:auto!important;font-size:7px!important;color:#87919f!important;white-space:nowrap!important}
.dashboard-page #ownerQuick .quick-grid{
  flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;
  overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;padding:1px 2px 2px 0!important;
}
.dashboard-page #ownerQuick .quick-chip{
  width:100%!important;min-height:38px!important;height:auto!important;padding:7px 8px!important;
  border:1px solid #dce4ed!important;border-radius:7px!important;background:#fff!important;color:#314052!important;
  font-size:8px!important;line-height:1.25!important;box-shadow:none!important;text-align:left!important;
}
.dashboard-page #ownerQuick .secure-bank-request{
  flex:0 0 38px!important;height:38px!important;min-height:38px!important;width:100%!important;border-radius:8px!important;
  font-size:8px!important;margin:0 0 8px!important;background:#2463eb!important;color:#fff!important;
}
.dashboard-page #ownerQuick .secure-bank-owner-card{
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;margin:0!important;
  border:1px solid #e1e7ee!important;border-radius:8px!important;background:#fafbfd!important;padding:8px!important;
}
.dashboard-page #ownerQuick .secure-bank-owner-row{min-height:26px!important;border-bottom:1px solid #e8edf2!important;font-size:8px!important}
/* At narrower desktop widths, retain horizontal utility sections but let the main columns stack cleanly. */
@media (max-width:1100px){
  .dashboard-page .dash-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4){grid-column:1!important;grid-row:auto!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(1),.dashboard-page .dash-grid>.documents-card,.dashboard-page .dash-grid>.chat-card{grid-column:1!important;grid-row:auto!important}
  .dashboard-page .dash-grid>.chat-card{grid-row:auto!important}
}
@media (max-width:760px){
  .dashboard-page .dash-body{padding:14px!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4){grid-template-columns:1fr!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box,.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details{border-right:0!important;border-bottom:1px solid #edf0f4!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .quick .button{width:100%!important;margin:7px 0 0!important}
  .dashboard-page #ownerQuick{grid-template-columns:1fr!important}
  .dashboard-page #ownerQuick .quick-section,.dashboard-page #ownerQuick .secure-bank-owner-section{height:205px!important;min-height:205px!important}
}

/* =========================================================
   v43 — final dashboard proportions
   Documents stays compact; Quick Messages / Quick Questions /
   Secure Bank Details are large horizontal work cards.
   ========================================================= */
.dashboard-page{background:#f4f7fa!important;color:#172536!important}
.dashboard-page .owner-main{background:#f4f7fa!important;overflow:auto!important}
.dashboard-page .dash-body{padding:20px 28px 34px!important}
.dashboard-page .dash-grid{
  max-width:1480px!important;margin:0 auto!important;
  grid-template-columns:minmax(285px,330px) minmax(650px,1fr)!important;
  grid-template-rows:auto auto auto!important;
  gap:16px!important;align-items:start!important;
}
/* Top utility strip: compact, horizontal, never stretched vertically. */
.dashboard-page .dash-grid>.dash-card:nth-child(4){
  grid-column:1/-1!important;grid-row:1!important;
  min-height:126px!important;height:auto!important;
  display:grid!important;grid-template-columns:1fr 1fr 1fr!important;
  padding:0!important;overflow:hidden!important;
  border-radius:12px!important;background:#fff!important;
  box-shadow:0 1px 3px rgba(16,24,40,.035)!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .quick{
  min-height:126px!important;height:auto!important;padding:18px 20px!important;
  margin:0!important;border:0!important;background:#fff!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box{border-right:1px solid #e9eef3!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details{border-right:1px solid #e9eef3!important}
.dashboard-page .dash-grid>.dash-card:nth-child(4) .status-line,
.dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details .info-row{min-height:31px!important}
/* Visitor information: complete readable list. */
.dashboard-page .dash-grid>.dash-card:nth-child(1){
  grid-column:1!important;grid-row:2!important;padding:18px!important;
  min-height:560px!important;height:auto!important;
}
.dashboard-page .dash-grid>.dash-card:nth-child(1) .info-list{gap:0!important}
.dashboard-page .dash-grid>.dash-card:nth-child(1) .info-row{
  min-height:34px!important;padding:0!important;font-size:9px!important;
  border-bottom:1px solid #edf1f5!important;
}
/* Documents is intentionally a small utility card. */
.dashboard-page .dash-grid>.documents-card{
  grid-column:1!important;grid-row:3!important;
  min-height:92px!important;height:auto!important;padding:14px 16px!important;
  border-radius:10px!important;
}
.dashboard-page .documents-card .card-head-row{margin:0!important;align-items:center!important}
.dashboard-page .documents-card h3{font-size:11px!important;margin:0!important}
.dashboard-page .documents-card #generatePdf{
  height:32px!important;min-height:32px!important;padding:0 12px!important;
  font-size:8px!important;border-radius:7px!important;white-space:nowrap!important;
}
.dashboard-page .documents-card .documents-list{max-height:30px!important;overflow:auto!important;margin-top:8px!important}
.dashboard-page .documents-card .documents-empty{font-size:8px!important;color:#8b9caf!important}
/* Main chat: generous, stable workspace. */
.dashboard-page .dash-grid>.chat-card{
  grid-column:2!important;grid-row:2 / span 2!important;
  min-width:0!important;min-height:668px!important;height:auto!important;padding:18px!important;
}
.dashboard-page .chat-card .support-chat{
  height:355px!important;min-height:355px!important;max-height:355px!important;
}
.dashboard-page .chat-card .owner-chat-composer{margin-top:12px!important}
/* Quick tools: large, equal horizontal cards with enough height to show the data. */
.dashboard-page #ownerQuick{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;padding:14px 0 0!important;align-items:stretch!important;
}
.dashboard-page #ownerQuick .quick-section,
.dashboard-page #ownerQuick .secure-bank-owner-section{
  min-width:0!important;width:auto!important;height:300px!important;min-height:300px!important;
  padding:16px!important;border-radius:11px!important;background:#fff!important;
  border:1px solid #dce5ee!important;box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
}
.dashboard-page #ownerQuick .quick-title{
  min-height:38px!important;margin:0 0 11px!important;padding-bottom:10px!important;
}
.dashboard-page #ownerQuick .quick-title span,
.dashboard-page #ownerQuick .quick-title strong{font-size:11px!important}
.dashboard-page #ownerQuick .quick-title small{font-size:8px!important}
.dashboard-page #ownerQuick .quick-grid{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;
  overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;
  padding-right:3px!important;
}
.dashboard-page #ownerQuick .quick-chip{
  min-height:43px!important;height:auto!important;padding:8px 9px!important;
  border-radius:8px!important;font-size:8.5px!important;line-height:1.3!important;
}
.dashboard-page #ownerQuick .secure-bank-request{
  height:42px!important;min-height:42px!important;flex:0 0 42px!important;
  font-size:8.5px!important;border-radius:8px!important;margin:0 0 10px!important;
}
.dashboard-page #ownerQuick .secure-bank-owner-card{
  flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:auto!important;
}
.dashboard-page #ownerQuick .secure-bank-owner-row{min-height:30px!important;font-size:8.5px!important}
@media(max-width:1100px){
  .dashboard-page .dash-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4),
  .dashboard-page .dash-grid>.dash-card:nth-child(1),
  .dashboard-page .dash-grid>.documents-card,
  .dashboard-page .dash-grid>.chat-card{grid-column:1!important;grid-row:auto!important}
  .dashboard-page .dash-grid>.chat-card{min-height:0!important}
  .dashboard-page #ownerQuick{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .dashboard-page .dash-body{padding:14px!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4){grid-template-columns:1fr!important}
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .status-box,
  .dashboard-page .dash-grid>.dash-card:nth-child(4) .session-details{border-right:0!important;border-bottom:1px solid #e9eef3!important}
  .dashboard-page #ownerQuick{grid-template-columns:1fr!important}
  .dashboard-page #ownerQuick .quick-section,.dashboard-page #ownerQuick .secure-bank-owner-section{height:300px!important;min-height:300px!important}
}

/* =========================================================
   v44 — LARGE HORIZONTAL QUICK-TOOLS WORKSPACE
   The three owner tools are deliberately large, readable cards.
   They must never collapse into tiny dashboard controls.
   ========================================================= */
.dashboard-page .chat-card #ownerQuick{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;
  gap:16px!important;
  width:100%!important;
  margin:16px 0 0!important;
  padding:0!important;
  overflow:visible!important;
  align-items:stretch!important;
}
.dashboard-page .chat-card #ownerQuick > .quick-section,
.dashboard-page .chat-card #ownerQuick > .secure-bank-owner-section{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:320px!important;
  min-height:320px!important;
  box-sizing:border-box!important;
  padding:18px!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid #dce3eb!important;
  border-radius:12px!important;
  box-shadow:0 1px 3px rgba(25,45,70,.035)!important;
  overflow:hidden!important;
}
.dashboard-page .chat-card #ownerQuick .quick-title{
  flex:0 0 auto!important;
  min-height:34px!important;
  margin:0 0 13px!important;
  padding:0 0 11px!important;
  border-bottom:1px solid #e9edf2!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.dashboard-page .chat-card #ownerQuick .quick-title span,
.dashboard-page .chat-card #ownerQuick .quick-title strong{
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:750!important;
  color:#17202d!important;
  white-space:nowrap!important;
}
.dashboard-page .chat-card #ownerQuick .quick-title small{
  margin-left:auto!important;
  font-size:9px!important;
  line-height:1.2!important;
  color:#7c8795!important;
  white-space:nowrap!important;
}
.dashboard-page .chat-card #ownerQuick .quick-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
  align-content:start!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:2px 4px 3px 0!important;
}
.dashboard-page .chat-card #ownerQuick .quick-chip{
  width:100%!important;
  min-height:48px!important;
  height:auto!important;
  box-sizing:border-box!important;
  padding:10px 11px!important;
  border:1px solid #d7e0ea!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#26384c!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:650!important;
  text-align:left!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  box-shadow:none!important;
}
.dashboard-page .chat-card #ownerQuick .quick-chip:hover:not(:disabled){
  background:#f7faff!important;
  border-color:#b9cbe0!important;
}
.dashboard-page .chat-card #ownerQuick .quick-chip span:last-child{
  flex:0 0 auto!important;
  color:#2463eb!important;
  font-size:13px!important;
}
.dashboard-page .chat-card #ownerQuick .question-chip small{
  flex:0 0 auto!important;
  margin-left:auto!important;
  padding:4px 7px!important;
  border-radius:5px!important;
  background:#eef4fa!important;
  color:#60758b!important;
  font-size:8px!important;
  font-weight:800!important;
}
.dashboard-page .chat-card #ownerQuick .question-chip.answered small{
  background:#eaf8f1!important;
  color:#227953!important;
}
.dashboard-page .chat-card #ownerQuick .secure-bank-owner-section{
  grid-column:auto!important;
}
.dashboard-page .chat-card #ownerQuick .secure-bank-request{
  flex:0 0 48px!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  margin:0 0 12px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  font-size:10px!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:#2463eb!important;
  color:#fff!important;
  border:1px solid #2463eb!important;
}
.dashboard-page .chat-card #ownerQuick .secure-bank-owner-card{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid #dfe6ee!important;
  border-radius:9px!important;
  background:#f9fbfd!important;
}
.dashboard-page .chat-card #ownerQuick .secure-bank-owner-row{
  min-height:34px!important;
  padding:7px 0!important;
  border-bottom:1px solid #e6ebf0!important;
  font-size:9px!important;
}
.dashboard-page .chat-card #ownerQuick .secure-bank-owner-row strong{font-size:10px!important}
.dashboard-page .chat-card #ownerQuick .secure-bank-owner-row span{font-size:9px!important}

/* Give the chat workspace enough vertical room for the large tool row. */
.dashboard-page .chat-card{
  overflow:visible!important;
}
.dashboard-page .chat-card .support-chat{
  height:420px!important;
  min-height:420px!important;
  max-height:420px!important;
}

@media (max-width:1250px) and (min-width:1101px){
  .dashboard-page .chat-card #ownerQuick{gap:12px!important}
  .dashboard-page .chat-card #ownerQuick > .quick-section,
  .dashboard-page .chat-card #ownerQuick > .secure-bank-owner-section{height:300px!important;min-height:300px!important;padding:15px!important}
  .dashboard-page .chat-card #ownerQuick .quick-chip{min-height:45px!important;font-size:9px!important}
  .dashboard-page .chat-card .support-chat{height:380px!important;min-height:380px!important;max-height:380px!important}
}
@media (max-width:900px){
  .dashboard-page .chat-card #ownerQuick{grid-template-columns:1fr 1fr!important}
  .dashboard-page .chat-card #ownerQuick > .secure-bank-owner-section{grid-column:1 / -1!important}
}
@media (max-width:600px){
  .dashboard-page .chat-card #ownerQuick{grid-template-columns:1fr!important}
  .dashboard-page .chat-card #ownerQuick > .quick-section,
  .dashboard-page .chat-card #ownerQuick > .secure-bank-owner-section{grid-column:auto!important;height:300px!important;min-height:300px!important}
}


/* =========================================================
   v45 — FULL-WIDTH QUICK TOOLS ROW
   Quick Messages / Quick Questions / Secure Bank Details
   are first-class desktop workspace cards. They are no longer
   children of Live Chat and therefore cannot be squeezed by the
   chat column width.
   ========================================================= */
@media (min-width:1101px){
  .dashboard-page .dash-body{padding:24px 32px 48px!important;overflow:visible!important}
  .dashboard-page .dash-grid{
    width:100%!important;max-width:1500px!important;margin:0 auto!important;
    grid-template-columns:minmax(290px,330px) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    column-gap:18px!important;row-gap:18px!important;align-items:start!important;
  }
  /* The compact top utility strip spans the desktop workspace. */
  .dashboard-page .dash-grid>.utility-card{
    grid-column:1 / -1!important;grid-row:1!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;min-height:112px!important;height:auto!important;
    padding:0!important;margin:0!important;overflow:hidden!important;
    border:1px solid #dfe6ed!important;border-radius:12px!important;background:#fff!important;
    box-shadow:0 1px 3px rgba(16,24,40,.035)!important;
  }
  .dashboard-page .dash-grid>.utility-card>h3{display:none!important}
  .dashboard-page .utility-card .status-box,
  .dashboard-page .utility-card .session-details,
  .dashboard-page .utility-card .quick{
    min-height:112px!important;height:auto!important;margin:0!important;padding:16px 20px!important;
    border:0!important;border-radius:0!important;background:#fff!important;box-sizing:border-box!important;
  }
  .dashboard-page .utility-card .status-box{border-right:1px solid #edf1f4!important}
  .dashboard-page .utility-card .session-details{border-right:1px solid #edf1f4!important}
  .dashboard-page .utility-card .status-box:before{
    content:'CONNECTION STATUS';display:block;margin:0 0 9px!important;
    font-size:10px!important;font-weight:750!important;letter-spacing:.55px!important;color:#68788a!important;
  }
  .dashboard-page .utility-card .status-line{min-height:28px!important;border-bottom:1px solid #f0f3f6!important;font-size:10px!important}
  .dashboard-page .utility-card .status-line:last-child{border-bottom:0!important}
  .dashboard-page .utility-card .session-details h3,
  .dashboard-page .utility-card .quick h3{
    display:block!important;margin:0 0 8px!important;font-size:10px!important;
    text-transform:uppercase!important;letter-spacing:.55px!important;color:#68788a!important;
  }
  .dashboard-page .utility-card .session-details .info-row{min-height:28px!important;font-size:10px!important;border-bottom:1px solid #f0f3f6!important}
  .dashboard-page .utility-card .quick .button{height:36px!important;width:calc(50% - 5px)!important;margin:0 6px 0 0!important;font-size:9px!important;border-radius:8px!important}

  /* Visitor information */
  .dashboard-page .dash-grid>.dash-card:nth-child(1){
    grid-column:1!important;grid-row:2!important;width:100%!important;min-height:560px!important;
    margin:0!important;padding:18px!important;box-sizing:border-box!important;
  }
  /* Live chat occupies the right-hand main workspace. */
  .dashboard-page .dash-grid>.chat-card{
    grid-column:2!important;grid-row:2 / span 2!important;width:100%!important;
    min-height:650px!important;margin:0!important;padding:18px!important;box-sizing:border-box!important;
  }
  .dashboard-page .chat-card .support-chat{
    height:360px!important;min-height:360px!important;max-height:360px!important;overflow-y:auto!important;
  }
  /* Documents is deliberately compact. */
  .dashboard-page .dash-grid>.documents-card{
    grid-column:1!important;grid-row:3!important;width:100%!important;min-height:92px!important;height:auto!important;
    margin:0!important;padding:14px 16px!important;box-sizing:border-box!important;
  }
  /* THE THREE IMPORTANT CARDS: full desktop workspace width. */
  .dashboard-page .dash-grid>#ownerQuick{
    grid-column:1 / -1!important;grid-row:4!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;width:100%!important;min-width:0!important;height:auto!important;
    margin:0!important;padding:0!important;background:transparent!important;overflow:visible!important;
    align-items:stretch!important;
  }
  .dashboard-page .dash-grid>#ownerQuick > .quick-section,
  .dashboard-page .dash-grid>#ownerQuick > .secure-bank-owner-section{
    display:flex!important;flex-direction:column!important;box-sizing:border-box!important;
    width:100%!important;min-width:0!important;height:390px!important;min-height:390px!important;
    margin:0!important;padding:20px!important;background:#fff!important;
    border:1px solid #dce4ec!important;border-radius:12px!important;
    box-shadow:0 2px 6px rgba(20,43,67,.035)!important;overflow:hidden!important;
  }
  .dashboard-page .dash-grid>#ownerQuick .quick-title{
    flex:0 0 auto!important;min-height:42px!important;margin:0 0 14px!important;padding:0 0 12px!important;
    border-bottom:1px solid #e8edf2!important;display:flex!important;align-items:center!important;gap:8px!important;
  }
  .dashboard-page .dash-grid>#ownerQuick .quick-title span,
  .dashboard-page .dash-grid>#ownerQuick .quick-title strong{
    font-size:13px!important;line-height:1.25!important;font-weight:750!important;color:#152335!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .dashboard-page .dash-grid>#ownerQuick .quick-title small{
    margin-left:auto!important;font-size:9px!important;color:#78889a!important;white-space:nowrap!important;
  }
  .dashboard-page .dash-grid>#ownerQuick .quick-grid{
    flex:1 1 auto!important;min-height:0!important;width:100%!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(52px,auto)!important;gap:10px!important;align-content:start!important;
    overflow-y:auto!important;overflow-x:hidden!important;padding:2px 5px 3px 0!important;
  }
  .dashboard-page .dash-grid>#ownerQuick .quick-chip{
    width:100%!important;min-width:0!important;min-height:52px!important;height:auto!important;
    padding:11px 12px!important;box-sizing:border-box!important;border:1px solid #d7e0e9!important;
    border-radius:9px!important;background:#fff!important;color:#27394d!important;font-size:10px!important;
    line-height:1.35!important;font-weight:650!important;display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:9px!important;text-align:left!important;box-shadow:none!important;
  }
  .dashboard-page .dash-grid>#ownerQuick .quick-chip:hover:not(:disabled){background:#f7faff!important;border-color:#b9cbe0!important}
  .dashboard-page .dash-grid>#ownerQuick .quick-chip span:last-child{font-size:14px!important;flex:0 0 auto!important;color:#2463eb!important}
  .dashboard-page .dash-grid>#ownerQuick .question-chip small{
    flex:0 0 auto!important;margin-left:auto!important;padding:4px 7px!important;border-radius:5px!important;
    background:#eef4fa!important;color:#60758b!important;font-size:8px!important;font-weight:800!important;
  }
  .dashboard-page .dash-grid>#ownerQuick .question-chip.answered small{background:#eaf8f1!important;color:#227953!important}
  .dashboard-page .dash-grid>#ownerQuick .secure-bank-request{
    flex:0 0 50px!important;width:100%!important;height:50px!important;min-height:50px!important;
    margin:0 0 14px!important;padding:0 14px!important;border-radius:9px!important;font-size:10px!important;
    font-weight:750!important;white-space:nowrap!important;background:#2463eb!important;color:#fff!important;border:1px solid #2463eb!important;
  }
  .dashboard-page .dash-grid>#ownerQuick .secure-bank-owner-card{
    flex:1 1 auto!important;min-height:0!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;
    margin:0!important;padding:12px!important;border:1px solid #dfe6ee!important;border-radius:9px!important;background:#f9fbfd!important;
  }
  .dashboard-page .dash-grid>#ownerQuick .secure-bank-owner-row{min-height:38px!important;padding:8px 0!important;border-bottom:1px solid #e6ebf0!important;font-size:10px!important}
  .dashboard-page .dash-grid>#ownerQuick .secure-bank-owner-row strong{font-size:11px!important}
  .dashboard-page .dash-grid>#ownerQuick .secure-bank-owner-row span{font-size:10px!important}
}
@media (max-width:1100px){
  .dashboard-page .dash-grid>#ownerQuick{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
  .dashboard-page .dash-grid>#ownerQuick > .quick-section,
  .dashboard-page .dash-grid>#ownerQuick > .secure-bank-owner-section{height:340px!important;min-height:340px!important}
}
@media (max-width:760px){
  .dashboard-page .dash-grid>#ownerQuick{grid-template-columns:1fr!important;gap:14px!important}
  .dashboard-page .dash-grid>#ownerQuick > .quick-section,
  .dashboard-page .dash-grid>#ownerQuick > .secure-bank-owner-section{height:340px!important;min-height:340px!important}
}

/* =========================================================
   v46 — FINAL DASHBOARD PROPORTIONS / BACKGROUND
   Quick Questions gets the same visual width as the main
   Live Chat workspace. All three quick-tool cards remain
   full desktop-height and readable.
   ========================================================= */
@media (min-width:1101px){
  .dashboard-page,
  .dashboard-page .owner-main,
  .dashboard-page .dash-body{
    background:#BBBBC1!important;
  }

  .dashboard-page .dash-grid>#ownerQuick{
    grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)!important;
    gap:18px!important;
  }

  .dashboard-page .dash-grid>#ownerQuick > .quick-section,
  .dashboard-page .dash-grid>#ownerQuick > .secure-bank-owner-section{
    width:100%!important;
    min-width:0!important;
    height:390px!important;
    min-height:390px!important;
  }

  .dashboard-page .dash-grid>#ownerQuick > .quick-section:nth-child(2){
    min-width:0!important;
  }
}

@media (max-width:1100px){
  .dashboard-page,
  .dashboard-page .owner-main,
  .dashboard-page .dash-body{
    background:#BBBBC1!important;
  }
}

/* =========================================================
   v47 — DASHBOARD FINAL BACKGROUND + QUICK QUESTIONS FIT
   ========================================================= */
.dashboard-page,
.dashboard-page .owner-main,
.dashboard-page .dash-body{
  background:#DFDFDF!important;
}

@media (min-width:1101px){
  /* Keep Quick Questions at the same wide workspace proportion as Live Chat. */
  .dashboard-page .dash-grid>#ownerQuick{
    grid-template-columns:minmax(0,1fr) minmax(560px,2fr) minmax(0,1fr)!important;
    gap:18px!important;
  }

  /* All 10 questions are visible at once — no internal scrolling. */
  .dashboard-page .dash-grid>#ownerQuick > .quick-section:nth-child(2) .quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(48px,auto)!important;
    gap:8px!important;
    overflow:visible!important;
    padding:2px 0 0!important;
    align-content:start!important;
  }
  .dashboard-page .dash-grid>#ownerQuick > .quick-section:nth-child(2) .quick-chip{
    min-height:48px!important;
    padding:9px 10px!important;
    font-size:9.5px!important;
  }
}

@media (max-width:1100px){
  .dashboard-page,
  .dashboard-page .owner-main,
  .dashboard-page .dash-body{
    background:#DFDFDF!important;
  }

  .dashboard-page .dash-grid>#ownerQuick > .quick-section:nth-child(2) .quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(46px,auto)!important;
    gap:8px!important;
    overflow:visible!important;
    padding:2px 0 0!important;
  }
  .dashboard-page .dash-grid>#ownerQuick > .quick-section:nth-child(2) .quick-chip{
    min-height:46px!important;
    padding:8px 9px!important;
    font-size:9px!important;
  }
}

@media (max-width:760px){
  /* On phones the questions remain fully visible without an inner scroll. */
  .dashboard-page .dash-grid>#ownerQuick > .quick-section:nth-child(2) .quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
  }
}


/* v48: owner/visitor chat identity + dashboard surface */
.dashboard-page .owner-main,.dashboard-page .dash-body,.dashboard-page{background:#EDEDED!important}
.dashboard-page #ownerChat .chat-meta{display:none!important}
.dashboard-page #ownerChat .chat-sender{display:block!important}
.visitor-page .visitor-chat .chat-sender{display:block!important;font-size:9px!important;font-weight:750!important;margin-bottom:4px!important;color:#36536e!important}
.visitor-page .visitor-chat .chat-meta{display:none!important}

/* === FINAL VISITOR VERIFICATION / GREETING REFINEMENT === */
/* Keep the session company logo visibly left-aligned on the verification layer. */
.verification-card .verification-visual{
  justify-content:flex-start!important;
  align-items:flex-start!important;
  padding-left:0!important;
}
.verification-card .verification-visual img{
  margin-left:0!important;
  margin-right:auto!important;
}

/* Keep the full visitor greeting on one line without truncating it. */
.visitor-page .visitor-hero-clean .visitor-copy h1{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
  width:max-content!important;
  min-width:0!important;
}

@media(max-width:900px){
  .verification-card .verification-visual{
    width:100%!important;
    justify-content:flex-start!important;
    padding:0!important;
    margin:0 0 4px!important;
  }
  .verification-card .verification-visual img{
    margin-left:0!important;
    margin-right:auto!important;
  }
  .visitor-page .visitor-hero-clean .visitor-copy h1{
    font-size:clamp(12px,4.6vw,25px)!important;
    letter-spacing:-.35px!important;
  }
}

@media(max-width:520px){
  .verification-card .verification-visual{
    width:100%!important;
    justify-content:flex-start!important;
  }
  .verification-card .verification-visual img{
    width:150px!important;
    max-width:150px!important;
    margin-left:0!important;
  }
  .visitor-page .visitor-hero-clean .visitor-copy h1{
    font-size:clamp(12px,4.15vw,19px)!important;
    letter-spacing:-.25px!important;
  }
}


/* V49 — visitor chat depth + visitor identity */
.visitor-page .visitor-chat{
  background:linear-gradient(180deg,#f3f5f7 0%,#eef1f4 100%)!important;
  border:1px solid #dfe4e9!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), inset 0 0 28px rgba(35,55,75,.055), 0 6px 18px rgba(25,45,65,.06)!important;
}
.visitor-page .visitor-chat .chat-bubble{
  box-shadow:0 5px 14px rgba(24,54,83,.09),0 1px 2px rgba(24,54,83,.05)!important;
}
.visitor-page .visitor-chat .from-visitor .chat-bubble{
  box-shadow:0 7px 18px rgba(var(--brand-rgb,25,118,243),.18),0 2px 4px rgba(var(--brand-rgb,25,118,243),.08)!important;
}
.visitor-page .visitor-chat .chat-sender{display:block!important}

/* V53 — Visitor owner identity + session branding in chat.
   Owner messages use the session's uploaded logo as the avatar and the
   session owner/agent name as the sender label on every viewport. */
.visitor-page .visitor-chat .from-owner .owner-brand-avatar{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:4px!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #dfe6ec!important;
  box-shadow:0 2px 7px rgba(24,54,83,.08)!important;
}
.visitor-page .visitor-chat .from-owner .owner-brand-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  border-radius:50%!important;
}
.visitor-page .visitor-chat .from-owner .chat-sender{
  display:block!important;
  color:#1d2f40!important;
  font-weight:700!important;
}

/* Keep the identity treatment consistent on desktop and mobile. */
@media(max-width:900px){
  .visitor-page .visitor-chat .from-owner .owner-brand-avatar{
    flex-basis:32px!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    padding:3px!important;
  }
}

/* =========================================================
   V54 — REFERENCE CHAT MESSAGE TREATMENT
   The supplied O2 screenshot is the visual reference only.
   Keep the live owner name + session logo identity from V53,
   but make the conversation rows/bubbles match the reference:
   sender + time on one line, message bubble below, owner logo
   beside the owner bubble, flat white chat surface.
   ========================================================= */
.visitor-page .visitor-chat{
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:15px 16px 12px!important;
  gap:0!important;
}
.visitor-page .visitor-chat .chat-row{
  display:block!important;
  width:100%!important;
  margin:0 0 26px!important;
  padding:0!important;
  animation:none!important;
}
.visitor-page .visitor-chat .chat-message-head{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:#111!important;
}
.visitor-page .visitor-chat .chat-sender{
  display:block!important;
  margin:0!important;
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.visitor-page .visitor-chat .chat-time{
  flex:0 0 auto!important;
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:400!important;
  white-space:nowrap!important;
}
.visitor-page .visitor-chat .chat-message-body{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
}
.visitor-page .visitor-chat .chat-avatar.owner-brand-avatar{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:0!important;
  margin:55px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.visitor-page .visitor-chat .owner-brand-avatar img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  object-fit:contain!important;
  border-radius:0!important;
}
.visitor-page .visitor-chat .chat-bubble{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:18px 21px!important;
  border:0!important;
  border-radius:8px 8px 8px 2px!important;
  background:#ededed!important;
  color:#111!important;
  box-shadow:none!important;
}
.visitor-page .visitor-chat .chat-text{
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:20px!important;
  line-height:1.28!important;
  font-weight:400!important;
  letter-spacing:0!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
}
.visitor-page .visitor-chat .from-visitor .chat-message-body{
  display:block!important;
}
.visitor-page .visitor-chat .from-visitor .chat-bubble{
  width:100%!important;
  background:#fafafa!important;
  border:0!important;
  border-radius:8px 8px 2px 8px!important;
  padding:18px 21px!important;
  color:#111!important;
}
.visitor-page .visitor-chat .from-owner .chat-bubble:before,
.visitor-page .visitor-chat .from-visitor .chat-bubble:before{
  content:""!important;
  position:absolute!important;
  display:block!important;
  width:0!important;
  height:0!important;
}
.visitor-page .visitor-chat .from-owner .chat-bubble,
.visitor-page .visitor-chat .from-visitor .chat-bubble{position:relative!important}
.visitor-page .visitor-chat .from-owner .chat-bubble:before{
  left:-8px!important;
  bottom:5px!important;
  border-top:8px solid transparent!important;
  border-bottom:8px solid transparent!important;
  border-right:8px solid #ededed!important;
}
.visitor-page .visitor-chat .from-visitor .chat-bubble:before{
  right:-8px!important;
  bottom:5px!important;
  border-top:8px solid transparent!important;
  border-bottom:8px solid transparent!important;
  border-left:8px solid #fafafa!important;
}
.visitor-page .visitor-chat .visitor-live-draft .chat-message-body{display:block!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-bubble{border:1px dashed #d5d5d5!important;background:#fafafa!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-text{font-size:20px!important;color:#666!important}
.visitor-page .visitor-chat .visitor-question-card{margin:0 0 18px 57px!important;max-width:calc(100% - 57px)!important}
.visitor-page .visitor-chat .chat-empty{
  color:#666!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  text-align:center!important;
  padding-top:75px!important;
}

/* Reference-style composer: simple white strip, grey placeholder, right arrow. */
.visitor-page .visitor-chat-composer{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  height:66px!important;
  min-height:66px!important;
  box-sizing:border-box!important;
  padding:0 10px 0 11px!important;
  border-top:1px solid #d1d1d1!important;
  background:#fff!important;
}
.visitor-page .visitor-composer-hint,
.visitor-page .visitor-composer-foot,
.visitor-page .visitor-send-status{display:none!important}
.visitor-page .visitor-composer-actions{
  display:contents!important;
  margin:0!important;
}
.visitor-page .visitor-chat-composer .visitor-text{
  flex:1 1 auto!important;
  width:auto!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  margin:0!important;
  padding:0 50px 0 0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  resize:none!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:24px!important;
  line-height:64px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.visitor-page .visitor-chat-composer .visitor-text::placeholder{
  color:#777!important;
  opacity:1!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.visitor-page .visitor-chat-composer .chat-send-button{
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  min-width:28px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#777!important;
  box-shadow:none!important;
  font-size:0!important;
  opacity:1!important;
}
.visitor-page .visitor-chat-composer .chat-send-button span{
  display:block!important;
  width:0!important;
  height:0!important;
  margin:auto!important;
  border-top:9px solid transparent!important;
  border-bottom:9px solid transparent!important;
  border-left:20px solid #777!important;
  font-size:0!important;
}
.visitor-page .visitor-chat-composer .chat-send-button:disabled{opacity:1!important;cursor:pointer!important}
.visitor-page .visitor-chat-composer .chat-send-button:hover:not(:disabled){transform:translateY(-50%)!important;box-shadow:none!important;filter:none!important}

/* Responsive version: same visual language, scaled to the available width. */
@media(max-width:900px){
  .visitor-page .visitor-chat{padding:14px 16px 10px!important}
  .visitor-page .visitor-chat .chat-row{margin-bottom:25px!important}
  .visitor-page .visitor-chat .chat-sender,
  .visitor-page .visitor-chat .chat-time{font-size:19px!important}
  .visitor-page .visitor-chat .chat-message-head{margin-bottom:9px!important}
  .visitor-page .visitor-chat .chat-message-body{gap:8px!important}
  .visitor-page .visitor-chat .owner-brand-avatar,
  .visitor-page .visitor-chat .owner-brand-avatar img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;min-width:46px!important;min-height:46px!important}
  .visitor-page .visitor-chat .owner-brand-avatar{flex-basis:46px!important;margin-top:52px!important}
  .visitor-page .visitor-chat .chat-bubble,
  .visitor-page .visitor-chat .from-visitor .chat-bubble{padding:16px 18px!important}
  .visitor-page .visitor-chat .chat-text{font-size:18px!important}
  .visitor-page .visitor-chat-composer{height:62px!important;min-height:62px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:60px!important;min-height:60px!important;max-height:60px!important;line-height:60px!important;font-size:22px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{right:14px!important}
}
@media(max-width:520px){
  .visitor-page .visitor-chat{padding:13px 17px 8px!important}
  .visitor-page .visitor-chat .chat-row{margin-bottom:25px!important}
  .visitor-page .visitor-chat .chat-sender,
  .visitor-page .visitor-chat .chat-time{font-size:18px!important}
  .visitor-page .visitor-chat .chat-message-head{margin-bottom:9px!important}
  .visitor-page .visitor-chat .chat-message-body{gap:8px!important}
  .visitor-page .visitor-chat .owner-brand-avatar,
  .visitor-page .visitor-chat .owner-brand-avatar img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;min-width:40px!important;min-height:40px!important}
  .visitor-page .visitor-chat .owner-brand-avatar{flex-basis:40px!important;margin-top:46px!important}
  .visitor-page .visitor-chat .chat-bubble,
  .visitor-page .visitor-chat .from-visitor .chat-bubble{padding:15px 17px!important}
  .visitor-page .visitor-chat .chat-text{font-size:17px!important;line-height:1.32!important}
  .visitor-page .visitor-chat .visitor-question-card{margin-left:48px!important;max-width:calc(100% - 48px)!important}
  .visitor-page .visitor-chat-composer{height:66px!important;min-height:66px!important;padding-left:11px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:64px!important;min-height:64px!important;max-height:64px!important;line-height:64px!important;font-size:23px!important;padding-right:48px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{right:13px!important}
}


/* =========================================================
   V55 — Visitor reference surface refinement
   - Live Support bar becomes the brand-colour Messaging bar.
   - Greeting is a flat white/off-white surface.
   - Owner messages keep the owner name + session logo and use
     the same sender/time/logo/bubble arrangement as the reference.
   ========================================================= */
.visitor-page .visitor-main{
  background:#f7f8fa!important;
}
.visitor-page .visitor-hero-clean{
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.visitor-page .visitor-hero-clean .visitor-copy h1{
  color:#13263c!important;
}
.visitor-page .visitor-hero-clean .agent-connect{
  color:#23476b!important;
}
.visitor-page .visitor-message-card{
  background:#fff!important;
}
.visitor-page .visitor-message-card .message-label{
  background:var(--brand,#1976f3)!important;
  color:#fff!important;
  border-bottom:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  justify-content:flex-start!important;
}
.visitor-page .visitor-message-card .message-label .chat-live-state{
  display:none!important;
}
.visitor-page .visitor-message-card .message-label .message-pencil{
  display:none!important;
}

/* Owner message: sender/time on one line, logo to the left of the bubble. */
.visitor-page .visitor-chat .from-owner .chat-message-head{
  display:flex!important;
}
.visitor-page .visitor-chat .from-owner .chat-sender{
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
}
.visitor-page .visitor-chat .from-owner .chat-time{
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:400!important;
}
.visitor-page .visitor-chat .from-owner .chat-message-body{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
}
.visitor-page .visitor-chat .from-owner .owner-brand-avatar{
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:55px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.visitor-page .visitor-chat .from-owner .owner-brand-avatar img{
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
  border-radius:0!important;
}
.visitor-page .visitor-chat .from-owner .chat-bubble{
  flex:1 1 auto!important;
  background:#ededed!important;
  color:#111!important;
  border:0!important;
  border-radius:8px 8px 8px 2px!important;
  box-shadow:none!important;
}
.visitor-page .visitor-chat .from-owner .chat-text{
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:400!important;
}

@media(max-width:900px){
  .visitor-page .visitor-message-card .message-label{
    font-size:17px!important;
  }
}
@media(max-width:520px){
  .visitor-page .visitor-main{
    background:#f7f8fa!important;
  }
  .visitor-page .visitor-message-card .message-label{
    height:48px!important;
    min-height:48px!important;
    padding:0 16px!important;
    font-size:17px!important;
  }
  .visitor-page .visitor-chat .from-owner .owner-brand-avatar{
    flex-basis:40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    margin-top:46px!important;
  }
  .visitor-page .visitor-chat .from-owner .owner-brand-avatar img{
    width:40px!important;
    height:40px!important;
  }
}

/* =========================================================
   V56 — Exact reference chat surface (desktop + mobile)
   Keep the existing session/socket logic; only replace the
   visitor presentation with the supplied reference structure.
   ========================================================= */
.visitor-page,
.visitor-page body{
  background:#f7f8fa!important;
}
.visitor-page .visitor-bg{display:none!important}
.visitor-page .visitor-header{
  position:relative!important;
  top:auto!important;
  height:96px!important;
  min-height:96px!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border-bottom:1px solid #e7edf2!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.visitor-page .visitor-header-brand{display:flex!important;align-items:center!important;justify-content:center!important}
.visitor-page .visitor-brand-logo{
  width:auto!important;height:58px!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.visitor-page .visitor-brand-logo img{max-width:190px!important;max-height:58px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.visitor-page .visitor-header-status,.visitor-page .visitor-menu{display:none!important}

.visitor-page .visitor-app{display:block!important;min-height:calc(100vh - 96px)!important}
.visitor-page .visitor-sidebar{display:none!important}
.visitor-page .visitor-main{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  background:#f7f8fa!important;
}
.visitor-page .visitor-hero-clean{
  width:100%!important;max-width:none!important;margin:0!important;padding:40px 44px 38px!important;
  background:#f7f8fa!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;
}
.visitor-page .visitor-hero-clean .visitor-copy{width:100%!important;max-width:none!important;padding:0!important;text-align:left!important}
.visitor-page .visitor-hero-clean .visitor-copy h1{
  margin:0 0 7px!important;color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:27px!important;line-height:1.18!important;
  font-weight:700!important;letter-spacing:-.45px!important;
}
.visitor-page .visitor-hero-clean .agent-connect{
  margin:0!important;color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:1.4!important;font-weight:400!important;
}

.visitor-page .visitor-message-card{
  width:calc(100% - 88px)!important;max-width:none!important;margin:0 44px!important;
  border:1px solid #d8e0e7!important;border-radius:10px!important;overflow:hidden!important;
  background:#fff!important;box-shadow:none!important;
}
.visitor-page .visitor-message-card .message-label{
  width:100%!important;height:52px!important;min-height:52px!important;
  padding:0 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:var(--brand,#1976f3)!important;color:#fff!important;border:0!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:20px!important;font-weight:700!important;line-height:1!important;
  text-align:center!important;
}
.visitor-page .visitor-message-card .message-label>span:not(.chat-live-state):not(.message-pencil){text-align:center!important}
.visitor-page .visitor-message-card .message-pencil,.visitor-page .visitor-message-card .chat-live-state{display:none!important}

.visitor-page .unified-chat{background:#fff!important}
.visitor-page .visitor-chat{
  width:100%!important;height:520px!important;min-height:520px!important;max-height:520px!important;
  overflow-y:auto!important;padding:40px 24px 30px!important;
  background:#fff!important;border:0!important;box-shadow:none!important;
  display:flex!important;flex-direction:column!important;scroll-behavior:smooth!important;
}
.visitor-page .visitor-chat .chat-row{
  width:100%!important;display:block!important;margin:0 0 26px!important;padding:0!important;
  gap:0!important;align-items:initial!important;
}
.visitor-page .visitor-chat .chat-row:last-child{margin-bottom:0!important}
.visitor-page .visitor-chat .chat-message-head{
  width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin:0 0 12px!important;padding:0!important;
}
.visitor-page .visitor-chat .chat-sender,
.visitor-page .visitor-chat .chat-time{
  display:block!important;margin:0!important;padding:0!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;line-height:1.2!important;
  color:#111!important;letter-spacing:0!important;
}
.visitor-page .visitor-chat .chat-sender{font-weight:700!important}
.visitor-page .visitor-chat .chat-time{font-weight:400!important}

.visitor-page .visitor-chat .chat-message-body{
  display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;
}
.visitor-page .visitor-chat .from-owner .chat-message-body{justify-content:flex-start!important}
.visitor-page .visitor-chat .from-visitor .chat-message-body{justify-content:flex-end!important}

.visitor-page .visitor-chat .owner-brand-avatar{
  display:flex!important;flex:0 0 48px!important;width:48px!important;height:48px!important;
  min-width:48px!important;min-height:48px!important;margin:0!important;padding:0!important;
  align-items:center!important;justify-content:center!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
}
.visitor-page .visitor-chat .owner-brand-avatar img{
  display:block!important;width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;
  object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
}
.visitor-page .visitor-chat .chat-bubble{
  position:relative!important;flex:1 1 auto!important;max-width:none!important;min-width:0!important;
  padding:13px 17px!important;background:#ededed!important;border:0!important;
  border-radius:8px!important;box-shadow:none!important;color:#111!important;
}
.visitor-page .visitor-chat .from-owner .chat-bubble{border-radius:8px 8px 8px 2px!important;background:#ededed!important}
.visitor-page .visitor-chat .from-owner .chat-bubble::before{
  content:""!important;position:absolute!important;left:-11px!important;top:16px!important;
  width:0!important;height:0!important;border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:11px solid #ededed!important;
}
.visitor-page .visitor-chat .chat-text{
  color:#111!important;font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;
  line-height:1.35!important;font-weight:400!important;letter-spacing:0!important;
}
.visitor-page .visitor-chat .from-owner .chat-text{color:#111!important}

/* Visitor/customer messages mirror the same bubble treatment, but sit on the right. */
.visitor-page .visitor-chat .from-visitor .chat-sender{display:none!important}
.visitor-page .visitor-chat .from-visitor .chat-message-head{justify-content:flex-end!important;margin-bottom:12px!important}
.visitor-page .visitor-chat .from-visitor .chat-message-body{justify-content:flex-end!important}
.visitor-page .visitor-chat .from-visitor .chat-bubble{
  flex:0 1 68%!important;max-width:68%!important;background:#ededed!important;border:0!important;
  color:#111!important;border-radius:8px 8px 2px 8px!important;box-shadow:none!important;
}
.visitor-page .visitor-chat .from-visitor .chat-bubble::after{
  content:""!important;position:absolute!important;right:-11px!important;bottom:0!important;
  width:0!important;height:0!important;border-top:8px solid transparent!important;border-bottom:0!important;border-left:11px solid #ededed!important;
}
.visitor-page .visitor-chat .from-visitor .chat-text{color:#111!important}
.visitor-page .visitor-chat .from-visitor .chat-avatar{display:none!important}

/* Live draft follows the visitor's flat message style and never receives a brand shadow. */
.visitor-page .visitor-chat .visitor-live-draft .chat-bubble{
  flex:0 1 68%!important;max-width:68%!important;background:#ededed!important;border:0!important;
  border-radius:8px 8px 2px 8px!important;box-shadow:none!important;opacity:.65!important;
}
.visitor-page .visitor-chat .visitor-live-draft .chat-text{color:#111!important}

/* Question cards retain functionality but use the same flat surface. */
.visitor-page .visitor-chat .visitor-question-card{box-shadow:none!important;border-color:#e1e1e1!important;background:#fff!important}

.visitor-page .visitor-chat-composer{
  width:100%!important;height:70px!important;min-height:70px!important;padding:8px 14px!important;
  background:#fff!important;border-top:1px solid #dfe4e8!important;box-shadow:none!important;
}
.visitor-page .visitor-composer-shell{
  width:100%!important;min-height:52px!important;height:52px!important;padding:0!important;
  display:flex!important;align-items:center!important;border:1px solid #cfd8e1!important;border-radius:10px!important;
  background:#fff!important;box-shadow:none!important;
}
.visitor-page .visitor-chat-composer .visitor-text{
  flex:1 1 auto!important;width:100%!important;height:50px!important;min-height:50px!important;max-height:50px!important;
  margin:0!important;padding:12px 13px!important;border:0!important;outline:none!important;border-radius:10px!important;
  resize:none!important;background:#fff!important;color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:18px!important;line-height:26px!important;box-shadow:none!important;
}
.visitor-page .visitor-chat-composer .visitor-text::placeholder{color:#6d6d6d!important;opacity:1!important}
.visitor-page .visitor-chat-composer .visitor-text:focus{border:0!important;outline:none!important;box-shadow:none!important}
.visitor-page .visitor-chat-composer .chat-send-button{
  flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:48px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#6d6d6d!important;box-shadow:none!important;font-size:0!important;
}
.visitor-page .visitor-chat-composer .chat-send-button:hover,
.visitor-page .visitor-chat-composer .chat-send-button:focus,
.visitor-page .visitor-chat-composer .chat-send-button:active{
  background:transparent!important;color:#6d6d6d!important;box-shadow:none!important;outline:none!important;
}
.visitor-page .visitor-chat-composer .chat-send-button span{font-size:20px!important;line-height:1!important;color:#6d6d6d!important}
.visitor-page .visitor-composer-foot{display:none!important}

/* No red/brand glow anywhere in the visitor chat surface. */
.visitor-page .visitor-message-card,
.visitor-page .visitor-chat,
.visitor-page .visitor-chat .chat-bubble,
.visitor-page .visitor-chat-composer,
.visitor-page .visitor-composer-shell,
.visitor-page .visitor-chat-composer .visitor-text,
.visitor-page .visitor-chat-composer .chat-send-button{box-shadow:none!important}

@media(max-width:700px){
  .visitor-page .visitor-header{height:54px!important;min-height:54px!important;padding:0 12px!important}
  .visitor-page .visitor-brand-logo{height:36px!important}
  .visitor-page .visitor-brand-logo img{max-width:125px!important;max-height:36px!important}
  .visitor-page .visitor-app{min-height:calc(100vh - 54px)!important}
  .visitor-page .visitor-hero-clean{padding:10px 9px 14px!important;background:#f7f8fa!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:20px!important;line-height:1.2!important;letter-spacing:-.25px!important;margin-bottom:5px!important}
  .visitor-page .visitor-hero-clean .agent-connect{font-size:9.5px!important;line-height:1.35!important}
  .visitor-page .visitor-message-card{width:calc(100% - 18px)!important;margin:0 9px!important;border-radius:8px!important}
  .visitor-page .visitor-message-card .message-label{height:37px!important;min-height:37px!important;padding:0 12px!important;font-size:14px!important}
  .visitor-page .visitor-chat{height:350px!important;min-height:350px!important;max-height:350px!important;padding:24px 13px 18px!important}
  .visitor-page .visitor-chat .chat-row{margin-bottom:18px!important}
  .visitor-page .visitor-chat .chat-message-head{margin-bottom:8px!important}
  .visitor-page .visitor-chat .chat-sender,.visitor-page .visitor-chat .chat-time{font-size:14px!important}
  .visitor-page .visitor-chat .chat-message-body{gap:8px!important}
  .visitor-page .visitor-chat .owner-brand-avatar{flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
  .visitor-page .visitor-chat .owner-brand-avatar img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important}
  .visitor-page .visitor-chat .chat-bubble{padding:10px 12px!important;border-radius:7px!important}
  .visitor-page .visitor-chat .from-owner .chat-bubble{border-radius:7px 7px 7px 2px!important}
  .visitor-page .visitor-chat .from-owner .chat-bubble::before{left:-8px!important;top:13px!important;border-top-width:6px!important;border-bottom-width:6px!important;border-right-width:8px!important}
  .visitor-page .visitor-chat .chat-text{font-size:13px!important;line-height:1.35!important}
  .visitor-page .visitor-chat .from-visitor .chat-bubble,.visitor-page .visitor-chat .visitor-live-draft .chat-bubble{flex-basis:72%!important;max-width:72%!important;border-radius:7px 7px 2px 7px!important}
  .visitor-page .visitor-chat .from-visitor .chat-bubble::after{right:-8px!important;border-top-width:6px!important;border-left-width:8px!important}
  .visitor-page .visitor-chat-composer{height:60px!important;min-height:60px!important;padding:5px 8px!important}
  .visitor-page .visitor-composer-shell{height:50px!important;min-height:50px!important;border-radius:8px!important}
  .visitor-page .visitor-chat-composer .visitor-text{height:48px!important;min-height:48px!important;max-height:48px!important;font-size:16px!important;line-height:24px!important;padding:11px!important;border-radius:8px!important}
  .visitor-page .visitor-chat-composer .chat-send-button{width:42px!important;min-width:42px!important;height:46px!important;flex-basis:42px!important}
  .visitor-page .visitor-chat-composer .chat-send-button span{font-size:18px!important}
}

/* =========================================================
   V57 — Final greeting + messaging text correction
   Reference: flat white/off-white greeting and black Messaging.
   Applies equally to desktop and mobile.
   ========================================================= */
.visitor-page .visitor-hero-clean,
.visitor-page .visitor-hero-clean::before,
.visitor-page .visitor-hero-clean::after{
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}
.visitor-page .visitor-hero-clean .visitor-copy h1,
.visitor-page .visitor-hero-clean .agent-connect{
  color:#111!important;
}
.visitor-page .visitor-message-card .message-label{
  color:#111!important;
}
@media(max-width:700px){
  .visitor-page .visitor-hero-clean,
  .visitor-page .visitor-hero-clean::before,
  .visitor-page .visitor-hero-clean::after{
    background:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
  }
  .visitor-page .visitor-message-card .message-label{
    color:#111!important;
  }
}

/* =========================================================
   V58 — Final visitor chat alignment + sender identity
   ========================================================= */
.visitor-page .visitor-message-card .message-label{
  color:#000!important;
  background:var(--brand,#1976f3)!important;
}

/* Keep the greeting completely flat. */
.visitor-page .visitor-hero-clean,
.visitor-page .visitor-hero-clean::before,
.visitor-page .visitor-hero-clean::after{
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}
.visitor-page .visitor-hero-clean .visitor-copy h1,
.visitor-page .visitor-hero-clean .agent-connect{
  background:transparent!important;
  color:#111!important;
  box-shadow:none!important;
}

/* Owner stays on the left. */
.visitor-page .visitor-chat .from-owner .chat-message-head{
  justify-content:flex-start!important;
  gap:24px!important;
}
.visitor-page .visitor-chat .from-owner .chat-message-body{
  justify-content:flex-start!important;
}

/* Visitor/customer stays on the right, but shows their real verified name. */
.visitor-page .visitor-chat .from-visitor .chat-message-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  width:100%!important;
  margin-bottom:12px!important;
}
.visitor-page .visitor-chat .from-visitor .chat-sender{
  display:block!important;
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.visitor-page .visitor-chat .from-visitor .chat-time{
  display:block!important;
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:400!important;
}
.visitor-page .visitor-chat .from-visitor .chat-message-body{
  justify-content:flex-end!important;
}

/* Exactly one send arrow: remove the old text-glyph + triangle double-render. */
.visitor-page .visitor-chat-composer .chat-send-button span{
  display:block!important;
  width:0!important;
  height:0!important;
  margin:auto!important;
  padding:0!important;
  border-top:9px solid transparent!important;
  border-bottom:9px solid transparent!important;
  border-left:20px solid #777!important;
  border-right:0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:transparent!important;
}
.visitor-page .visitor-chat-composer .chat-send-button{
  text-indent:0!important;
  box-shadow:none!important;
  filter:none!important;
}
.visitor-page .visitor-chat-composer .visitor-text,
.visitor-page .visitor-composer-shell,
.visitor-page .visitor-chat-composer,
.visitor-page .visitor-message-card{
  box-shadow:none!important;
}

@media(max-width:700px){
  .visitor-page .visitor-chat .from-visitor .chat-sender,
  .visitor-page .visitor-chat .from-visitor .chat-time{
    font-size:14px!important;
  }
}

/* =========================================================
   V59 — Final responsive reference chat for VISITOR + OWNER
   - Messaging bar is brand-colored with pure white text.
   - Visitor view: owner left / visitor right.
   - Owner view: visitor left / owner right.
   - Same typography, bubble geometry, avatar treatment and composer.
   - No duplicate send glyphs, no chat shadows, mobile-safe sizing.
   ========================================================= */

/* Shared reference-chat surfaces */
.visitor-page .visitor-message-card .message-label,
.owner-page .owner-reference-chat .owner-reference-chat-title{
  background:var(--brand,#1976f3)!important;
  color:#fff!important;
  text-shadow:none!important;
}
.visitor-page .visitor-message-card .message-label span,
.owner-page .owner-reference-chat .owner-reference-chat-title span{
  color:#fff!important;
}

/* Visitor greeting remains completely flat. */
.visitor-page .visitor-hero-clean,
.visitor-page .visitor-hero-clean::before,
.visitor-page .visitor-hero-clean::after{
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Visitor chat card: remove outer visual effects and keep a clean flat frame. */
.visitor-page .visitor-message-card{
  background:#fff!important;
  box-shadow:none!important;
}
.visitor-page .visitor-chat{
  background:#fff!important;
  box-shadow:none!important;
}

/* Owner dashboard chat becomes the same reference-style conversation surface. */
.owner-page .owner-reference-chat{
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #dfe5ea!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.owner-page .owner-reference-chat .owner-reference-chat-title{
  height:54px!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  padding:0 18px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:24px!important;
  font-weight:700!important;
  line-height:1!important;
}
.owner-page .owner-reference-chat .owner-chat-clear{
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.65)!important;
  background:transparent!important;
  color:#fff!important;
  border-radius:5px!important;
  font-size:9px!important;
}
.owner-page .owner-reference-chat .owner-chat-clear:hover,
.owner-page .owner-reference-chat .owner-chat-clear:focus{background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important}
.owner-page .owner-reference-chat .unified-chat{display:flex!important;flex-direction:column!important;min-height:0!important}
.owner-page .owner-reference-chat #ownerChat{
  height:440px!important;
  min-height:440px!important;
  max-height:440px!important;
  padding:34px 28px 20px!important;
  overflow-y:auto!important;
  background:#fff!important;
  box-shadow:none!important;
}
.owner-page .owner-reference-chat #ownerChat .chat-row{
  width:100%!important;
  margin:0 0 30px!important;
  display:block!important;
}
.owner-page .owner-reference-chat #ownerChat .chat-message-head{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 0 14px!important;
  padding:0!important;
}
.owner-page .owner-reference-chat #ownerChat .chat-sender{
  color:#000!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.owner-page .owner-reference-chat #ownerChat .chat-time{
  color:#000!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:400!important;
}
.owner-page .owner-reference-chat #ownerChat .chat-message-body{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
}
.owner-page .owner-reference-chat #ownerChat .chat-bubble{
  position:relative!important;
  min-width:0!important;
  padding:17px 24px!important;
  border-radius:10px!important;
  background:#f0f1f3!important;
  color:#000!important;
  box-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.owner-page .owner-reference-chat #ownerChat .chat-text{
  color:#000!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:400!important;
  overflow-wrap:anywhere!important;
}
.owner-page .owner-reference-chat #ownerChat .from-visitor .chat-message-body{justify-content:flex-start!important}
.owner-page .owner-reference-chat #ownerChat .from-visitor .chat-bubble{max-width:76%!important;border-radius:10px 10px 10px 2px!important}
.owner-page .owner-reference-chat #ownerChat .from-visitor .chat-bubble::before{
  content:""!important;position:absolute!important;left:-11px!important;top:16px!important;width:0!important;height:0!important;
  border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:11px solid #f0f1f3!important;
}
.owner-page .owner-reference-chat #ownerChat .from-owner .chat-message-body{justify-content:flex-start!important}
.owner-page .owner-reference-chat #ownerChat .from-owner .chat-bubble{flex:1 1 auto!important;max-width:none!important;border-radius:10px 10px 10px 2px!important}
.owner-page .owner-reference-chat #ownerChat .from-owner .chat-bubble::before{
  content:""!important;position:absolute!important;left:-11px!important;top:16px!important;width:0!important;height:0!important;
  border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:11px solid #f0f1f3!important;
}
.owner-page .owner-reference-chat #ownerChat .owner-brand-avatar{
  flex:0 0 72px!important;width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;
  border-radius:0!important;overflow:visible!important;box-shadow:none!important;
}
.owner-page .owner-reference-chat #ownerChat .owner-brand-avatar img{
  display:block!important;width:auto!important;height:auto!important;max-width:72px!important;max-height:72px!important;object-fit:contain!important;
}
.owner-page .owner-reference-chat .owner-chat-composer{
  height:82px!important;min-height:82px!important;padding:13px 28px!important;
  display:flex!important;align-items:center!important;background:#fff!important;border-top:1px solid #dfe4e8!important;box-shadow:none!important;
}
.owner-page .owner-reference-chat .owner-message-input{
  flex:1 1 auto!important;width:100%!important;height:56px!important;min-height:56px!important;max-height:56px!important;
  padding:13px 15px!important;border:1px solid #cfd8e1!important;border-radius:10px!important;outline:none!important;resize:none!important;
  background:#fff!important;color:#000!important;font-family:Arial,Helvetica,sans-serif!important;font-size:18px!important;line-height:26px!important;
  box-shadow:none!important;
}
.owner-page .owner-reference-chat .owner-message-input::placeholder{color:#6d6d6d!important;opacity:1!important}
.owner-page .owner-reference-chat .owner-message-input:focus{border-color:#cfd8e1!important;box-shadow:none!important}
.owner-page .owner-reference-chat .chat-send-button{
  flex:0 0 54px!important;width:54px!important;min-width:54px!important;height:56px!important;margin:0 0 0 10px!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#777!important;box-shadow:none!important;font-size:0!important;
}
.owner-page .owner-reference-chat .chat-send-button:hover,
.owner-page .owner-reference-chat .chat-send-button:focus,
.owner-page .owner-reference-chat .chat-send-button:active{background:transparent!important;color:#777!important;box-shadow:none!important;outline:none!important}
.owner-page .owner-reference-chat .chat-send-button span{
  display:block!important;width:0!important;height:0!important;margin:auto!important;padding:0!important;font-size:0!important;line-height:0!important;color:transparent!important;
  border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;border-left:22px solid #777!important;border-right:0!important;
}
.owner-page .owner-reference-chat .notice{margin:0!important}
.owner-page .owner-reference-chat .chat-empty{font-family:Arial,Helvetica,sans-serif!important;color:#777!important;text-align:center!important;padding-top:80px!important}

/* Visitor-side exact sender alignment and shared typography. */
.visitor-page .visitor-chat .chat-sender,
.visitor-page .visitor-chat .chat-time{
  color:#000!important;font-family:Arial,Helvetica,sans-serif!important;
}
.visitor-page .visitor-chat .chat-text{color:#000!important;font-family:Arial,Helvetica,sans-serif!important}
.visitor-page .visitor-chat .chat-bubble{background:#f0f1f3!important;box-shadow:none!important;color:#000!important}
.visitor-page .visitor-chat .from-visitor .chat-message-body{justify-content:flex-end!important}
.visitor-page .visitor-chat .from-visitor .chat-bubble{background:#f0f1f3!important;color:#000!important}

@media(max-width:700px){
  /* Owner dashboard remains fully usable on narrow screens. */
  .owner-page .owner-reference-chat .owner-reference-chat-title{
    height:44px!important;min-height:44px!important;font-size:18px!important;padding:0 10px!important;
  }
  .owner-page .owner-reference-chat .owner-chat-clear{right:7px!important;height:24px!important;min-height:24px!important;font-size:8px!important;padding:0 7px!important}
  .owner-page .owner-reference-chat #ownerChat{
    height:350px!important;min-height:350px!important;max-height:350px!important;padding:24px 13px 14px!important;
  }
  .owner-page .owner-reference-chat #ownerChat .chat-row{margin-bottom:18px!important}
  .owner-page .owner-reference-chat #ownerChat .chat-message-head{margin-bottom:8px!important}
  .owner-page .owner-reference-chat #ownerChat .chat-sender,
  .owner-page .owner-reference-chat #ownerChat .chat-time{font-size:14px!important}
  .owner-page .owner-reference-chat #ownerChat .chat-message-body{gap:8px!important}
  .owner-page .owner-reference-chat #ownerChat .chat-text{font-size:13px!important;line-height:1.35!important}
  .owner-page .owner-reference-chat #ownerChat .chat-bubble{padding:10px 12px!important;border-radius:7px!important}
  .owner-page .owner-reference-chat #ownerChat .from-visitor .chat-bubble,
  .owner-page .owner-reference-chat #ownerChat .from-owner .chat-bubble{border-radius:7px 7px 7px 2px!important}
  .owner-page .owner-reference-chat #ownerChat .from-visitor .chat-bubble::before,
  .owner-page .owner-reference-chat #ownerChat .from-owner .chat-bubble::before{left:-8px!important;top:13px!important;border-top-width:6px!important;border-bottom-width:6px!important;border-right-width:8px!important}
  .owner-page .owner-reference-chat #ownerChat .owner-brand-avatar{flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
  .owner-page .owner-reference-chat #ownerChat .owner-brand-avatar img{max-width:32px!important;max-height:32px!important}
  .owner-page .owner-reference-chat .owner-chat-composer{height:60px!important;min-height:60px!important;padding:5px 8px!important}
  .owner-page .owner-reference-chat .owner-message-input{height:50px!important;min-height:50px!important;max-height:50px!important;padding:11px!important;border-radius:8px!important;font-size:16px!important;line-height:24px!important}
  .owner-page .owner-reference-chat .chat-send-button{height:48px!important;width:42px!important;min-width:42px!important;flex-basis:42px!important;margin-left:4px!important}
  .owner-page .owner-reference-chat .chat-send-button span{border-top-width:9px!important;border-bottom-width:9px!important;border-left-width:20px!important}

  /* Visitor exact mobile reference sizing; no horizontal overflow. */
  .visitor-page .visitor-main{padding-left:0!important;padding-right:0!important}
  .visitor-page .visitor-hero-clean{width:100%!important;margin:0!important;padding:10px 9px 14px!important}
  .visitor-page .visitor-hero-clean .visitor-copy{padding:0!important}
  .visitor-page .visitor-hero-clean .visitor-copy h1{font-size:20px!important;line-height:1.2!important}
  .visitor-page .visitor-message-card{width:calc(100% - 18px)!important;margin:0 9px!important;border-radius:8px!important}
  .visitor-page .visitor-chat{width:100%!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important}
  .visitor-page .visitor-chat .chat-text{font-size:13px!important;line-height:1.35!important}
  .visitor-page .visitor-chat .from-visitor .chat-bubble{max-width:72%!important;flex-basis:72%!important}
}


/* =========================================================
   V60 — Exact final visitor reference chat
   Reference: supplied desktop visitor screenshot.
   - Flat white greeting surface
   - Brand-red Messaging bar, centered, white text
   - Visitor/customer identity + message on the RIGHT
   - Owner/agent identity + brand logo + message on the LEFT
   - Flat, square-corner message bubbles; no shadows
   - Single send arrow
   - Same structure on desktop and mobile
   ========================================================= */
.visitor-page .visitor-hero-clean,
.visitor-page .visitor-hero-clean::before,
.visitor-page .visitor-hero-clean::after{
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
}
.visitor-page .visitor-hero-clean .visitor-copy{
  background:#fff!important;
  box-shadow:none!important;
}
.visitor-page .visitor-hero-clean .visitor-copy h1{
  color:#000!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
}
.visitor-page .visitor-hero-clean .agent-connect{
  color:#000!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
}

/* Messaging bar: exactly one centered title, no icons/status text. */
.visitor-page .visitor-message-card .message-label{
  background:var(--brand,#e60000)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
  text-shadow:none!important;
}
.visitor-page .visitor-message-card .message-label .message-pencil,
.visitor-page .visitor-message-card .message-label .chat-live-state{
  display:none!important;
}
.visitor-page .visitor-message-card .message-label > span:not(.message-pencil):not(.chat-live-state){
  color:#fff!important;
  margin:0!important;
}

/* Conversation surface. */
.visitor-page .visitor-message-card,
.visitor-page .visitor-chat,
.visitor-page .visitor-chat .chat-row,
.visitor-page .visitor-chat .chat-message-body,
.visitor-page .visitor-chat .chat-bubble{
  box-shadow:none!important;
}
.visitor-page .visitor-chat{
  background:#fff!important;
  overflow-x:hidden!important;
}
.visitor-page .visitor-chat .chat-row{
  width:100%!important;
  display:block!important;
  margin:0 0 34px!important;
}
.visitor-page .visitor-chat .chat-message-head{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  margin:0 0 14px!important;
  padding:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.visitor-page .visitor-chat .chat-sender{
  color:#000!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.visitor-page .visitor-chat .chat-time{
  color:#000!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:400!important;
}

/* Owner: name/time across the row, avatar + bubble on the left. */
.visitor-page .visitor-chat .from-owner .chat-message-head{
  justify-content:flex-start!important;
  gap:24px!important;
}
.visitor-page .visitor-chat .from-owner .chat-message-body{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  width:100%!important;
}
.visitor-page .visitor-chat .from-owner .chat-bubble{
  position:relative!important;
  flex:1 1 auto!important;
  max-width:none!important;
  min-width:0!important;
  padding:17px 24px!important;
  border:0!important;
  border-radius:2px!important;
  background:#f0f1f3!important;
  color:#000!important;
}
.visitor-page .visitor-chat .from-owner .chat-bubble::before{
  content:""!important;
  position:absolute!important;
  left:-12px!important;
  top:17px!important;
  width:0!important;
  height:0!important;
  border-top:8px solid transparent!important;
  border-bottom:8px solid transparent!important;
  border-right:12px solid #f0f1f3!important;
}

/* Owner brand logo: real session-selected logo, no circular container. */
.visitor-page .visitor-chat .owner-brand-avatar{
  flex:0 0 72px!important;
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.visitor-page .visitor-chat .owner-brand-avatar img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:72px!important;
  max-height:72px!important;
  object-fit:contain!important;
}

/* Visitor: verified real name + time and bubble are entirely on the RIGHT. */
.visitor-page .visitor-chat .from-visitor .chat-message-head{
  justify-content:flex-end!important;
  gap:24px!important;
}
.visitor-page .visitor-chat .from-visitor .chat-message-body{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:100%!important;
}
.visitor-page .visitor-chat .from-visitor .chat-bubble{
  position:relative!important;
  flex:0 1 76%!important;
  max-width:76%!important;
  min-width:0!important;
  padding:17px 24px!important;
  border:0!important;
  border-radius:2px!important;
  background:#f0f1f3!important;
  color:#000!important;
}
.visitor-page .visitor-chat .from-visitor .chat-bubble::after{
  content:""!important;
  position:absolute!important;
  right:-12px!important;
  top:17px!important;
  width:0!important;
  height:0!important;
  border-top:8px solid transparent!important;
  border-bottom:8px solid transparent!important;
  border-left:12px solid #f0f1f3!important;
}

.visitor-page .visitor-chat .chat-text{
  color:#000!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:400!important;
  overflow-wrap:anywhere!important;
}
.visitor-page .visitor-chat .from-visitor .chat-avatar{display:none!important}

/* Flat typing draft on the visitor side as well. */
.visitor-page .visitor-chat .visitor-live-draft .chat-message-head{justify-content:flex-end!important;gap:24px!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-message-body{justify-content:flex-end!important}
.visitor-page .visitor-chat .visitor-live-draft .chat-bubble{border-radius:2px!important;max-width:76%!important}

/* Composer: one arrow only, no glow/shadow. */
.visitor-page .visitor-chat-composer,
.visitor-page .visitor-composer-shell,
.visitor-page .visitor-chat-composer .visitor-text,
.visitor-page .visitor-chat-composer .chat-send-button{
  box-shadow:none!important;
  filter:none!important;
}
.visitor-page .visitor-chat-composer .chat-send-button span{
  display:block!important;
  width:0!important;
  height:0!important;
  margin:auto!important;
  padding:0!important;
  border-top:10px solid transparent!important;
  border-bottom:10px solid transparent!important;
  border-left:22px solid #777!important;
  border-right:0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:transparent!important;
}

@media (max-width:700px){
  .visitor-page .visitor-hero-clean{
    padding:14px 9px 16px!important;
    background:#fff!important;
  }
  .visitor-page .visitor-hero-clean .visitor-copy h1{
    font-size:20px!important;
    line-height:1.2!important;
    margin:0 0 5px!important;
    letter-spacing:-.2px!important;
  }
  .visitor-page .visitor-hero-clean .agent-connect{
    font-size:10px!important;
    line-height:1.35!important;
    margin:0!important;
  }
  .visitor-page .visitor-message-card{
    width:calc(100% - 18px)!important;
    margin:0 9px!important;
    border-radius:0!important;
  }
  .visitor-page .visitor-message-card .message-label{
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    font-size:14px!important;
  }
  .visitor-page .visitor-chat{
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
    padding:28px 13px 18px!important;
  }
  .visitor-page .visitor-chat .chat-row{margin-bottom:22px!important}
  .visitor-page .visitor-chat .chat-message-head{margin-bottom:9px!important}
  .visitor-page .visitor-chat .chat-sender,
  .visitor-page .visitor-chat .chat-time{
    font-size:14px!important;
  }
  .visitor-page .visitor-chat .chat-text{
    font-size:13px!important;
    line-height:1.35!important;
  }
  .visitor-page .visitor-chat .from-owner .chat-message-body{gap:8px!important}
  .visitor-page .visitor-chat .from-owner .chat-bubble{
    padding:11px 13px!important;
    border-radius:2px!important;
  }
  .visitor-page .visitor-chat .from-owner .chat-bubble::before{
    left:-8px!important;
    top:13px!important;
    border-top-width:6px!important;
    border-bottom-width:6px!important;
    border-right-width:8px!important;
  }
  .visitor-page .visitor-chat .owner-brand-avatar{
    flex-basis:40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
  .visitor-page .visitor-chat .owner-brand-avatar img{
    max-width:40px!important;
    max-height:40px!important;
  }
  .visitor-page .visitor-chat .from-visitor .chat-message-head{gap:14px!important}
  .visitor-page .visitor-chat .from-visitor .chat-bubble{
    flex-basis:76%!important;
    max-width:76%!important;
    padding:11px 13px!important;
    border-radius:2px!important;
  }
  .visitor-page .visitor-chat .from-visitor .chat-bubble::after{
    right:-8px!important;
    top:13px!important;
    border-top-width:6px!important;
    border-bottom-width:6px!important;
    border-left-width:8px!important;
  }
  .visitor-page .visitor-chat-composer{
    height:60px!important;
    min-height:60px!important;
    padding:5px 8px!important;
  }
  .visitor-page .visitor-composer-shell{
    height:50px!important;
    min-height:50px!important;
    border-radius:8px!important;
  }
  .visitor-page .visitor-chat-composer .visitor-text{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    font-size:16px!important;
    line-height:24px!important;
    padding:11px!important;
    border-radius:8px!important;
  }
  .visitor-page .visitor-chat-composer .chat-send-button{
    width:42px!important;
    min-width:42px!important;
    height:46px!important;
    flex-basis:42px!important;
  }
  .visitor-page .visitor-chat-composer .chat-send-button span{
    border-top-width:9px!important;
    border-bottom-width:9px!important;
    border-left-width:20px!important;
  }
}

/* v61 final chat refinements: subtle 2px corners + identical sender/time spacing. */
.visitor-page .visitor-chat .from-owner .chat-message-head,
.owner-page .owner-reference-chat #ownerChat .from-owner .chat-message-head{
  justify-content:flex-start!important;
  gap:24px!important;
}
.visitor-page .visitor-chat .from-visitor .chat-message-head,
.owner-page .owner-reference-chat #ownerChat .from-visitor .chat-message-head{
  justify-content:flex-end!important;
  gap:24px!important;
}
.visitor-page .visitor-chat .from-owner .chat-bubble,
.visitor-page .visitor-chat .from-visitor .chat-bubble,
.visitor-page .visitor-chat .visitor-live-draft .chat-bubble,
.owner-page .owner-reference-chat #ownerChat .from-owner .chat-bubble,
.owner-page .owner-reference-chat #ownerChat .from-visitor .chat-bubble{
  border-radius:2px!important;
}
@media(max-width:700px){
  .visitor-page .visitor-chat .from-owner .chat-message-head,
  .owner-page .owner-reference-chat #ownerChat .from-owner .chat-message-head,
  .visitor-page .visitor-chat .from-visitor .chat-message-head,
  .owner-page .owner-reference-chat #ownerChat .from-visitor .chat-message-head{gap:14px!important}
  .visitor-page .visitor-chat .from-owner .chat-bubble,
  .visitor-page .visitor-chat .from-visitor .chat-bubble,
  .visitor-page .visitor-chat .visitor-live-draft .chat-bubble,
  .owner-page .owner-reference-chat #ownerChat .from-owner .chat-bubble,
  .owner-page .owner-reference-chat #ownerChat .from-visitor .chat-bubble{border-radius:2px!important}
}

/* =========================================================
   V62 — PIXEL-MATCH OWNER DASHBOARD REFERENCE
   Final owner dashboard layout based on supplied 1536x1024 reference.
   ========================================================= */
body.owner-page{background:#f7f9fb!important;color:#10233d!important;font-family:Arial,Helvetica,sans-serif!important;overflow-x:hidden}
.owner-shell{grid-template-columns:227px minmax(0,1fr)!important;min-height:100vh!important;background:#f7f9fb!important}
.sidebar{background:#111518!important;border-right:0!important;color:#fff!important;box-shadow:none!important;min-height:100vh!important}
.sidebar:after{display:none!important}
.sidebar-brand{height:104px!important;padding:18px 0 13px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;border-bottom:0!important;color:#fff!important;font-size:15px!important;line-height:1!important;letter-spacing:-.25px!important}
.sidebar-brand .brand-mark{width:43px!important;height:43px!important;border-radius:50%!important;background:#f20d12!important;border:0!important;color:#fff!important;font-size:0!important;position:relative!important}
.sidebar-brand .brand-mark:before{content:""!important;position:absolute!important;width:23px!important;height:23px!important;border:6px solid #fff!important;border-left-color:transparent!important;border-radius:50%!important;transform:rotate(-35deg)!important}
.nav{padding:15px 15px!important}
.nav a{height:40px!important;border-radius:5px!important;padding:0 14px!important;gap:11px!important;margin:0 0 12px!important;color:#f7f9fb!important;font-size:12px!important;font-weight:700!important;background:transparent!important;box-shadow:none!important}
.nav a.active{background:#2f3942!important;color:#fff!important;box-shadow:none!important}
.nav a:first-child{background:#ff0d13!important}
.nav a:hover{background:#252d33!important}.nav a:first-child:hover{background:#ff0d13!important}
.nav-icon{width:19px!important;font-size:17px!important;opacity:1!important}
.owner-main{background:#f7f9fb!important;min-width:0!important}
.dashboard-header{height:74px!important;background:#fff!important;border-bottom:1px solid #dfe5eb!important;padding:0 19px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.dashboard-header .dash-breadcrumb{display:flex!important;align-items:center!important;gap:12px!important;color:#526b86!important;font-size:13px!important;line-height:1!important}
.dashboard-header .dash-breadcrumb span:nth-of-type(1){color:#162b45!important;font-weight:700!important}
.dashboard-header .dash-breadcrumb b{font-size:19px!important;color:#7c8da1!important;font-weight:400!important}
.dashboard-header .dash-breadcrumb strong{font-weight:400!important;color:#526b86!important}
.crumb-home{font-size:22px!important;color:#233b56!important;margin-right:7px!important;line-height:1!important}
.owner-profile{display:flex!important;align-items:center!important;gap:10px!important;margin-right:4px!important;color:#14263d!important}
.profile-avatar{width:36px!important;height:36px!important;border-radius:50%!important;background:#edf4f9!important;color:#1172ad!important;border:1px solid #d9e7f0!important;display:grid!important;place-items:center!important;font-size:21px!important}
.owner-profile strong{display:block!important;font-size:12px!important;line-height:1.1!important}.owner-profile small{display:block!important;margin-top:4px!important;font-size:9px!important;color:#6d8198!important}.profile-chevron{margin-left:10px!important;color:#3c5269!important;font-size:17px!important}
.dash-body{padding:0 19px 22px!important;background:#f7f9fb!important}
.dash-layout{display:grid!important;grid-template-columns:minmax(0,847px) minmax(350px,406px)!important;gap:18px!important;align-items:start!important;max-width:none!important}
.dash-left,.dash-right{min-width:0!important}
.dash-left{padding-top:0!important}.dash-right{padding-top:0!important}
.session-card{height:59px!important;margin:0!important;background:#fff!important;border:1px solid #dbe3e9!important;border-radius:5px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:9px 10px!important;box-shadow:none!important}
.session-card-main{min-width:0!important}.session-id-line{display:flex!important;align-items:center!important;gap:10px!important;font-size:13px!important;color:#10243c!important}.session-id-line strong{font-weight:700!important;white-space:nowrap!important}.dash-last-update{font-size:11px!important;color:#657991!important;margin-top:7px!important}
.live-pill{font-size:10px!important;font-weight:700!important;padding:5px 10px!important;border-radius:5px!important;background:#e7f8ed!important;color:#138a4b!important}.live-pill:before{width:6px!important;height:6px!important;margin-right:6px!important;background:#16a85a!important}
.end-session-btn{height:34px!important;padding:0 14px!important;border-radius:5px!important;background:#fff!important;border:1px solid #ff9e9e!important;color:#e3151a!important;box-shadow:none!important;font-size:10px!important;font-weight:700!important}
.dash-card{background:#fff!important;border:1px solid #dce4ea!important;border-radius:5px!important;box-shadow:none!important;padding:14px!important;color:#172a42!important}
.dash-left>.dash-card{margin-top:11px!important}
.dash-right>.dash-card{margin-top:0!important}.dash-right>.dash-card+.dash-card{margin-top:13px!important}
.owner-reference-chat{padding:0!important;overflow:hidden!important;border-radius:5px!important}
.owner-reference-chat .owner-reference-chat-title{height:34px!important;min-height:34px!important;background:#f20b0f!important;color:#fff!important;border-radius:4px 4px 0 0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}
.owner-reference-chat .owner-reference-chat-title span{color:#fff!important}.owner-chat-clear{display:none!important}
.owner-reference-chat .unified-chat{border:0!important;border-radius:0!important;box-shadow:none!important}
.owner-reference-chat #ownerChat{height:289px!important;min-height:289px!important;max-height:289px!important;padding:23px 12px 10px!important;background:#fff!important;overflow-y:auto!important;overflow-x:hidden!important}
.owner-reference-chat #ownerChat .chat-row{width:100%!important;margin:0 0 25px!important;display:block!important}
.owner-reference-chat #ownerChat .chat-message-head{width:100%!important;display:flex!important;align-items:center!important;margin:0 0 8px!important;padding:0 12px!important;font-family:Arial,Helvetica,sans-serif!important}
.owner-reference-chat #ownerChat .chat-sender{color:#0d1d2f!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:1.15!important;font-weight:700!important}
.owner-reference-chat #ownerChat .chat-time{color:#63768c!important;font-family:Arial,Helvetica,sans-serif!important;font-size:10px!important;line-height:1.15!important;font-weight:400!important}
.owner-reference-chat #ownerChat .from-owner .chat-message-head{justify-content:flex-start!important;gap:20px!important}.owner-reference-chat #ownerChat .from-visitor .chat-message-head{justify-content:flex-end!important;gap:16px!important}
.owner-reference-chat #ownerChat .chat-message-body{display:flex!important;align-items:center!important;width:100%!important;gap:9px!important}
.owner-reference-chat #ownerChat .chat-bubble{position:relative!important;min-width:0!important;padding:11px 13px!important;border:0!important;border-radius:2px!important;background:#eef1f4!important;color:#000!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important}
.owner-reference-chat #ownerChat .chat-text{color:#101b29!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:1.35!important;font-weight:400!important;overflow-wrap:anywhere!important}
.owner-reference-chat #ownerChat .from-owner .chat-message-body{justify-content:flex-start!important}.owner-reference-chat #ownerChat .from-owner .chat-bubble{flex:0 1 74%!important;max-width:74%!important}
.owner-reference-chat #ownerChat .from-owner .chat-bubble:before{content:""!important;position:absolute!important;left:-8px!important;top:10px!important;border-top:7px solid transparent!important;border-bottom:7px solid transparent!important;border-right:8px solid #eef1f4!important}
.owner-reference-chat #ownerChat .from-visitor .chat-message-body{justify-content:flex-end!important}.owner-reference-chat #ownerChat .from-visitor .chat-bubble{flex:0 1 74%!important;max-width:74%!important}
.owner-reference-chat #ownerChat .from-visitor .chat-bubble:after{content:""!important;position:absolute!important;right:-8px!important;top:10px!important;border-top:7px solid transparent!important;border-bottom:7px solid transparent!important;border-left:8px solid #eef1f4!important}
.owner-reference-chat #ownerChat .owner-brand-avatar{flex:0 0 50px!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;background:transparent!important;border:0!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
.owner-reference-chat #ownerChat .owner-brand-avatar img{display:block!important;max-width:50px!important;max-height:50px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.owner-reference-chat .owner-chat-composer{height:51px!important;min-height:51px!important;padding:7px 12px!important;display:flex!important;align-items:center!important;background:#fff!important;border-top:1px solid #dfe5ea!important;box-shadow:none!important}
.owner-reference-chat .owner-message-input{flex:1!important;width:100%!important;height:37px!important;min-height:37px!important;max-height:37px!important;padding:8px 10px!important;border:1px solid #d3dce5!important;border-radius:4px!important;background:#fff!important;color:#111!important;outline:none!important;resize:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;line-height:20px!important;box-shadow:none!important}
.owner-reference-chat .owner-message-input::placeholder{color:#718196!important;opacity:1!important}.owner-reference-chat .owner-message-input:focus{border-color:#c5d1dc!important;box-shadow:none!important}
.owner-reference-chat .chat-send-button{flex:0 0 31px!important;width:31px!important;min-width:31px!important;height:37px!important;margin-left:8px!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;color:#65778b!important}
.owner-reference-chat .chat-send-button span{display:block!important;width:0!important;height:0!important;border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:15px solid #66798d!important;margin:auto!important}
.visitor-info-card{height:373px!important;padding:14px 18px!important}.visitor-info-card h3{font-size:14px!important;margin:0 0 11px!important;color:#172b43!important}.visitor-info-card .info-list{display:grid!important;gap:0!important}.visitor-info-card .info-row{min-height:24px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;border:0!important;font-size:11px!important;align-items:center!important}.visitor-info-card .info-row .key{color:#61758c!important;gap:8px!important;white-space:nowrap!important}.visitor-info-card .info-row .value{color:#4f6680!important;font-weight:400!important;max-width:190px!important;text-align:left!important;overflow:hidden!important;text-overflow:ellipsis!important}.visitor-info-card #accountHolder{color:#13a255!important;font-weight:600!important}
.secure-bank-side-card{height:127px!important;padding:18px!important}.secure-side-title{display:flex!important;align-items:flex-start!important;gap:13px!important}.secure-side-icon{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;color:#4c6077!important;font-size:19px!important}.secure-side-title strong{display:block!important;color:#1a2d44!important;font-size:14px!important;line-height:1.2!important}.secure-side-title small{display:block!important;color:#7b8da0!important;font-size:9px!important;margin-top:5px!important}.secure-bank-side-card .secure-bank-request{width:100%!important;height:38px!important;margin-top:15px!important;border:1px solid #cad7e2!important;border-radius:5px!important;background:#fff!important;color:#526a84!important;font-size:10px!important;font-weight:700!important;box-shadow:none!important}.secure-bank-side-card .secure-bank-request span{margin-left:5px!important;font-size:14px!important}.secure-bank-owner-card{margin-top:8px!important;border-radius:5px!important;box-shadow:none!important}
.documents-card{height:74px!important;padding:11px 18px!important}.documents-card .card-head-row{margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.documents-card h3{font-size:13px!important;margin:0!important}.document-button{height:36px!important;font-size:9px!important;padding:0 12px!important;background:#fff!important;color:#526a84!important;border:1px solid #cbd8e3!important;border-radius:5px!important;box-shadow:none!important}.documents-empty{font-size:10px!important;color:#637891!important;margin-top:8px!important}
.quick-section-card{padding:14px 18px!important}.quick-section-card .quick-section{padding:0!important;background:transparent!important;border:0!important;min-height:0!important}.quick-section-card .quick-title{display:flex!important;align-items:flex-start!important;gap:11px!important;margin-bottom:11px!important}.quick-section-card .quick-title>div{display:flex!important;flex-direction:column!important}.quick-section-card .quick-title strong{font-size:13px!important;color:#182c43!important;line-height:1.15!important}.quick-section-card .quick-title small{font-size:9px!important;color:#71859a!important;margin-top:4px!important}.quick-icon,.question-icon{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;color:#4c627b!important;font-size:20px!important;font-weight:700!important}.question-icon{background:#50637a!important;color:#fff!important;border-radius:50%!important;font-size:14px!important;width:22px!important;height:22px!important}.quick-section-card .quick-grid{display:grid!important;gap:3px 14px!important}.quick-section-card .quick-chip{height:23px!important;min-height:23px!important;border:0!important;border-radius:3px!important;background:#f0f4f8!important;color:#566d87!important;padding:0 10px!important;font-size:10px!important;font-weight:400!important;text-align:left!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:none!important}.quick-section-card .quick-chip span{font-size:13px!important;color:#526a84!important}.quick-section-card:first-of-type .quick-grid{grid-template-columns:1fr 1fr!important}.questions-card .quick-grid{grid-template-columns:repeat(3,1fr)!important;gap:3px 14px!important}.questions-card{padding-bottom:17px!important}
.notice{font-size:9px!important}
/* Remove unused legacy dashboard panels from the visual layout; JS functionality remains intact. */
.utility-card,.session-details,.quick{display:none!important}

@media(max-width:1100px){.dash-layout{grid-template-columns:minmax(0,1fr) 340px!important}.visitor-info-card{height:auto!important}.secure-bank-side-card{height:auto!important;min-height:127px!important}}
@media(max-width:900px){
  .owner-shell{grid-template-columns:1fr!important}.sidebar{display:none!important}.owner-main{width:100%!important}.dashboard-header{height:64px!important;padding:0 14px!important}.dashboard-header .dash-breadcrumb{font-size:11px!important;gap:8px!important}.owner-profile{gap:7px}.owner-profile small{display:none}.profile-avatar{width:32px!important;height:32px!important}.dash-body{padding:0 10px 16px!important}.dash-layout{grid-template-columns:1fr!important;gap:10px!important}.dash-right{display:contents!important}.dash-left{display:flex!important;flex-direction:column!important}.session-card{height:58px!important}.owner-reference-chat #ownerChat{height:300px!important;min-height:300px!important;max-height:300px!important;padding:20px 9px 8px!important}.owner-reference-chat #ownerChat .chat-sender{font-size:12px!important}.owner-reference-chat #ownerChat .chat-time{font-size:10px!important}.owner-reference-chat #ownerChat .chat-text{font-size:12px!important}.owner-reference-chat #ownerChat .owner-brand-avatar{flex-basis:42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}.owner-reference-chat #ownerChat .owner-brand-avatar img{max-width:42px!important;max-height:42px!important}.owner-reference-chat .owner-chat-composer{height:56px!important}.owner-reference-chat .owner-message-input{height:40px!important;min-height:40px!important;max-height:40px!important}.documents-card{height:auto!important;min-height:74px!important}.visitor-info-card,.secure-bank-side-card{height:auto!important}.dash-right{order:2!important}.dash-left{order:1!important}.questions-card .quick-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){.dashboard-header{padding:0 10px!important}.dashboard-header .dash-breadcrumb span:not(:first-of-type),.dashboard-header .dash-breadcrumb b{display:none!important}.dash-body{padding:0 8px 12px!important}.session-card{padding:8px!important}.session-id-line{font-size:11px!important;gap:7px!important}.dash-last-update{font-size:9px!important}.end-session-btn{font-size:9px!important;padding:0 9px!important}.owner-reference-chat .owner-reference-chat-title{height:38px!important;min-height:38px!important;font-size:14px!important}.owner-reference-chat #ownerChat{height:290px!important;min-height:290px!important;max-height:290px!important}.owner-reference-chat #ownerChat .chat-row{margin-bottom:20px!important}.owner-reference-chat #ownerChat .chat-message-head{padding:0 6px!important}.owner-reference-chat #ownerChat .chat-sender{font-size:11px!important}.owner-reference-chat #ownerChat .chat-time{font-size:9px!important}.owner-reference-chat #ownerChat .chat-bubble{padding:10px 11px!important}.owner-reference-chat #ownerChat .chat-text{font-size:11px!important}.quick-section-card{padding:12px!important}.quick-section-card:first-of-type .quick-grid,.questions-card .quick-grid{grid-template-columns:1fr!important}.visitor-info-card{padding:13px!important}.visitor-info-card .info-row{font-size:10px!important;min-height:24px!important}.secure-bank-side-card{padding:14px!important}.documents-card{padding:11px 13px!important}.document-button{font-size:8px!important;padding:0 8px!important}}
/* V63 micro geometry correction: lock the reference chat/card heights to the supplied 1536px screenshot. */
@media(min-width:901px){
  .owner-reference-chat{height:375px!important}
  .owner-reference-chat .owner-reference-chat-title{height:34px!important;min-height:34px!important}
  .owner-reference-chat #ownerChat{height:288px!important;min-height:288px!important;max-height:288px!important}
  .owner-reference-chat .owner-chat-composer{height:51px!important;min-height:51px!important}
  .documents-card{height:74px!important}
  .quick-section-card{min-height:158px!important}
  .questions-card{min-height:171px!important}
}

/* =========================================================
   V65 — owner dashboard reference-fidelity + functional pass
   Final overrides intentionally live last so legacy dashboard
   rules cannot change the supplied reference geometry.
   ========================================================= */
@media (min-width: 901px){
  .dashboard-page .dash-body{padding:10px 19px 30px!important}
  .dashboard-page .dash-layout{
    max-width:none!important;
    grid-template-columns:minmax(0,847px) minmax(0,406px)!important;
    gap:18px!important;
    align-items:start!important;
  }
  .dashboard-page .dash-left{min-width:0!important}
  .dashboard-page .dash-right{min-width:0!important}

  .dashboard-page .session-card{
    height:59px!important;min-height:59px!important;
    padding:12px 10px!important;border-radius:5px!important;
    margin:0 0 10px!important;
  }
  .dashboard-page .session-id-line{font-size:13px!important;line-height:18px!important}
  .dashboard-page .dash-last-update{font-size:11px!important;line-height:16px!important}
  .dashboard-page .live-pill{font-size:10px!important;padding:3px 9px!important;border-radius:5px!important}
  .dashboard-page .end-session-btn{height:35px!important;min-height:35px!important;font-size:10px!important;padding:0 13px!important;border-radius:5px!important}

  .dashboard-page .owner-reference-chat{
    height:375px!important;min-height:375px!important;
    margin:0 0 11px!important;border-radius:5px!important;
  }
  .dashboard-page .owner-reference-chat .owner-reference-chat-title{
    height:34px!important;min-height:34px!important;border-radius:4px 4px 0 0!important;
    font-size:14px!important;font-weight:700!important;
  }
  .dashboard-page .owner-reference-chat #ownerChat{
    height:288px!important;min-height:288px!important;max-height:288px!important;
    padding:23px 12px 10px!important;
  }
  .dashboard-page .owner-reference-chat #ownerChat .chat-row{margin:0 0 25px!important}
  .dashboard-page .owner-reference-chat #ownerChat .chat-message-head{margin:0 0 8px!important;padding:0 12px!important}
  .dashboard-page .owner-reference-chat #ownerChat .chat-sender{font-size:12px!important;line-height:14px!important}
  .dashboard-page .owner-reference-chat #ownerChat .chat-time{font-size:11px!important;line-height:14px!important}
  .dashboard-page .owner-reference-chat #ownerChat .chat-text{font-size:12px!important;line-height:16px!important}
  .dashboard-page .owner-reference-chat #ownerChat .chat-bubble{
    padding:11px 13px!important;border-radius:2px!important;background:#eef1f4!important;
  }
  .dashboard-page .owner-reference-chat #ownerChat .from-owner .chat-bubble,
  .dashboard-page .owner-reference-chat #ownerChat .from-visitor .chat-bubble{border-radius:2px!important}
  .dashboard-page .owner-reference-chat .owner-chat-composer{
    height:51px!important;min-height:51px!important;padding:7px 12px!important;margin:0!important;
  }
  .dashboard-page .owner-reference-chat .owner-message-input{
    height:37px!important;min-height:37px!important;max-height:37px!important;
    border-radius:4px!important;font-size:11px!important;padding:8px 10px!important;
  }
  .dashboard-page .owner-reference-chat .chat-send-button{height:37px!important;width:31px!important;min-width:31px!important}

  .dashboard-page .documents-card{
    height:74px!important;min-height:74px!important;margin:0 0 10px!important;
    padding:11px 18px!important;border-radius:5px!important;
  }
  .dashboard-page .documents-card h3{font-size:13px!important;line-height:16px!important}
  .dashboard-page .documents-card .documents-empty{font-size:10px!important;margin-top:8px!important}
  .dashboard-page .documents-card #generatePdf{
    height:36px!important;min-height:36px!important;font-size:9px!important;
    padding:0 12px!important;border-radius:5px!important;cursor:pointer!important;
  }

  .dashboard-page .quick-section-card{
    padding:14px 18px!important;margin:0 0 10px!important;border-radius:5px!important;
    min-height:158px!important;height:158px!important;
  }
  .dashboard-page .quick-section-card.questions-card{
    min-height:171px!important;height:171px!important;padding-bottom:17px!important;
  }
  .dashboard-page .quick-section-card .quick-title{gap:11px!important;margin-bottom:11px!important}
  .dashboard-page .quick-section-card .quick-title strong{font-size:13px!important;line-height:15px!important}
  .dashboard-page .quick-section-card .quick-title small{font-size:9px!important;margin-top:4px!important}
  .dashboard-page .quick-section-card .quick-grid{gap:3px 14px!important}
  .dashboard-page .quick-section-card .quick-chip{
    height:23px!important;min-height:23px!important;padding:0 10px!important;
    border-radius:3px!important;font-size:10px!important;line-height:13px!important;
  }
  .dashboard-page .questions-card .quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(4,23px)!important;
    grid-auto-flow:row!important;
    gap:3px 14px!important;
  }
  /* Match the supplied reference's question columns exactly. */
  .dashboard-page .questions-card .quick-grid .quick-chip:nth-child(1){grid-column:1;grid-row:1}
  .dashboard-page .questions-card .quick-grid .quick-chip:nth-child(2){grid-column:2;grid-row:1}
  .dashboard-page .questions-card .quick-grid .quick-chip:nth-child(3){grid-column:1;grid-row:2}
  .dashboard-page .questions-card .quick-grid .quick-chip:nth-child(4){grid-column:2;grid-row:2}
  .dashboard-page .questions-card .quick-grid .quick-chip:nth-child(5){grid-column:1;grid-row:3}
  .dashboard-page .questions-card .quick-grid .quick-chip:nth-child(6){grid-column:2;grid-row:3}
  .dashboard-page .questions-card .quick-grid .quick-chip:nth-child(7){grid-column:3;grid-row:1}
  .dashboard-page .questions-card .quick-grid .quick-chip:nth-child(8){grid-column:3;grid-row:2}
  .dashboard-page .questions-card .quick-grid .quick-chip:nth-child(9){grid-column:1;grid-row:4}
  .dashboard-page .questions-card .quick-grid .quick-chip:nth-child(10){grid-column:2;grid-row:4}

  .dashboard-page .visitor-info-card{
    height:373px!important;min-height:373px!important;padding:14px 18px!important;
    margin:0 0 13px!important;border-radius:5px!important;
  }
  .dashboard-page .visitor-info-card h3{font-size:14px!important;margin:0 0 11px!important}
  .dashboard-page .visitor-info-card .info-row{min-height:24px!important;font-size:11px!important}
  .dashboard-page .visitor-info-card .info-row .key{font-size:11px!important}
  .dashboard-page .visitor-info-card .info-row .value{font-size:11px!important;max-width:190px!important}
  .dashboard-page .secure-bank-side-card{
    height:127px!important;min-height:127px!important;padding:18px!important;border-radius:5px!important;
  }
  .dashboard-page .secure-side-title strong{font-size:14px!important}
  .dashboard-page .secure-side-title small{font-size:9px!important}
  .dashboard-page .secure-bank-side-card .secure-bank-request{height:38px!important;font-size:10px!important;border-radius:5px!important}
}

/* The reference dashboard keeps the chat composer visible and usable at all desktop widths. */
.dashboard-page .owner-chat-composer{display:flex!important;visibility:visible!important;opacity:1!important}
.dashboard-page #ownerMessage{display:block!important;visibility:visible!important;opacity:1!important}
.dashboard-page #ownerSend{display:block!important;visibility:visible!important;opacity:1!important}
.dashboard-page #generatePdf{pointer-events:auto!important;cursor:pointer!important}

@media(max-width:900px){
  .dashboard-page .owner-reference-chat .owner-chat-composer{display:flex!important}
  .dashboard-page .owner-reference-chat #ownerMessage{display:block!important}
  .dashboard-page .owner-reference-chat #ownerSend{display:block!important}
  .dashboard-page .questions-card .quick-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;grid-auto-flow:row!important}
}

/* V66 — final dashboard geometry cleanup
   Keeps all existing functionality while correcting the card rhythm,
   question typography, row sizing and responsive behavior shown in the reference. */
.dashboard-page .quick-section-card .quick-chip,
.dashboard-page .quick-section-card .quick-chip > span,
.dashboard-page .quick-section-card .quick-chip > small{
  box-sizing:border-box!important;
}
.dashboard-page .quick-section-card .quick-chip{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.dashboard-page .quick-section-card .quick-chip > span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  line-height:13px!important;
  font-weight:400!important;
  color:#566d87!important;
}
.dashboard-page .quick-section-card .quick-chip > span + span{
  flex:0 0 auto!important;
  margin-left:8px!important;
  font-size:13px!important;
}
.dashboard-page .questions-card .quick-chip{
  padding:0 10px!important;
}
.dashboard-page .questions-card .quick-chip > span:first-child{
  flex:1 1 auto!important;
}
.dashboard-page .questions-card .quick-chip > small{
  flex:0 0 auto!important;
  margin-left:8px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9px!important;
  line-height:11px!important;
  font-weight:400!important;
  color:#1267d6!important;
  white-space:nowrap!important;
}
.dashboard-page .questions-card .quick-chip.answered > small{
  color:#6f9fe0!important;
}
.dashboard-page .quick-section-card .quick-title strong{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  line-height:15px!important;
  font-weight:700!important;
}
.dashboard-page .quick-section-card .quick-title small{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9px!important;
  line-height:11px!important;
}
.dashboard-page .quick-section-card .quick-title{
  min-height:25px!important;
}
.dashboard-page .documents-card .documents-list{
  max-height:42px!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
}
.dashboard-page .documents-card .document-row{
  min-height:38px!important;
  height:auto!important;
  padding:7px 0!important;
}
.dashboard-page .documents-card .document-row strong{
  font-size:11px!important;
  line-height:14px!important;
}
.dashboard-page .documents-card .document-meta,
.dashboard-page .documents-card .document-state{
  font-size:9px!important;
  line-height:12px!important;
}

@media (max-width:900px){
  .dashboard-page .quick-section-card{height:auto!important;min-height:0!important;padding:13px 12px!important}
  .dashboard-page .questions-card{height:auto!important;min-height:0!important}
  .dashboard-page .quick-section-card .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;gap:4px 8px!important}
  .dashboard-page .quick-section-card .quick-chip{height:28px!important;min-height:28px!important;font-size:10px!important;padding:0 9px!important}
  .dashboard-page .questions-card .quick-grid .quick-chip:nth-child(n){grid-column:auto!important;grid-row:auto!important}
  .dashboard-page .questions-card .quick-chip > span:first-child{font-size:10px!important;line-height:12px!important}
  .dashboard-page .questions-card .quick-chip > small{font-size:8px!important}
  .dashboard-page .documents-card .documents-list{max-height:60px!important}
}
@media (max-width:520px){
  .dashboard-page .quick-section-card{padding:12px!important}
  .dashboard-page .quick-section-card .quick-grid{grid-template-columns:1fr 1fr!important;gap:4px 7px!important}
  .dashboard-page .quick-section-card .quick-chip{height:30px!important;min-height:30px!important;padding:0 8px!important}
  .dashboard-page .quick-section-card .quick-chip > span:first-child{font-size:9px!important;line-height:11px!important}
  .dashboard-page .questions-card .quick-chip > small{font-size:8px!important;margin-left:5px!important}
}

/* V67 — dashboard module separation + right-column connection status.
   This override intentionally sits last so older dashboard refinements cannot
   collapse the Documents card into Quick Messages or reuse legacy nth-child rules. */
.dashboard-page .dash-left > .documents-card {
  height:auto!important;
  min-height:96px!important;
  margin-top:11px!important;
  margin-bottom:0!important;
  padding:14px 18px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.dashboard-page .documents-card .card-head-row {
  min-height:36px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.dashboard-page .documents-card h3 {
  margin:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:700!important;
  color:#18334f!important;
}
.dashboard-page .documents-card #generatePdf {
  flex:0 0 auto!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:5px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.dashboard-page .documents-card .documents-list {
  display:block!important;
  width:100%!important;
  max-height:92px!important;
  overflow:auto!important;
  margin:9px 0 0!important;
  padding:0!important;
  box-sizing:border-box!important;
  scrollbar-width:thin!important;
}
.dashboard-page .documents-card .documents-empty {
  margin:0!important;
  padding:2px 0 0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  line-height:15px!important;
  color:#637891!important;
}
.dashboard-page .documents-card .document-row {
  min-height:42px!important;
  height:auto!important;
  padding:8px 0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-top:1px solid #edf2f6!important;
}
.dashboard-page .documents-card .document-row:first-child { border-top:0!important; }
.dashboard-page .documents-card .document-row strong {
  display:block!important;
  font-size:11px!important;
  line-height:14px!important;
  color:#244563!important;
}
.dashboard-page .documents-card .document-meta,
.dashboard-page .documents-card .document-state {
  font-size:9px!important;
  line-height:12px!important;
  color:#72879b!important;
}
.dashboard-page .documents-card .document-state {
  flex:0 0 auto!important;
  border:1px solid #c9ead9!important;
  background:#f0fbf5!important;
  color:#159455!important;
  border-radius:999px!important;
  padding:4px 8px!important;
  font-weight:700!important;
}

/* Keep a visible, independent gap between Documents and Quick Messages. */
.dashboard-page .dash-left > .quick-section-card {
  height:auto!important;
  min-height:158px!important;
  margin-top:11px!important;
  padding:14px 18px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.dashboard-page .dash-left > .documents-card + .quick-section-card { margin-top:11px!important; }
.dashboard-page .dash-left > .quick-section-card.questions-card { margin-top:11px!important; }

/* New right-column card: uses the same white / blue-grey system as the reference. */
.dashboard-page .connection-status-card {
  height:auto!important;
  min-height:116px!important;
  margin-top:13px!important;
  padding:16px 18px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #dce4ea!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
.dashboard-page .connection-status-head {
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid #edf2f6!important;
}
.dashboard-page .connection-status-icon {
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:7px!important;
  background:#eef7ff!important;
  border:1px solid #d3e7fa!important;
  color:#1769d8!important;
  font-size:11px!important;
  box-sizing:border-box!important;
}
.dashboard-page .connection-status-head strong {
  display:block!important;
  margin:0!important;
  color:#1a3048!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  line-height:16px!important;
  font-weight:700!important;
}
.dashboard-page .connection-status-head small {
  display:block!important;
  margin-top:4px!important;
  color:#7b8da0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9px!important;
  line-height:12px!important;
}
.dashboard-page .connection-status-list {
  display:grid!important;
  gap:0!important;
  padding-top:5px!important;
}
.dashboard-page .connection-status-row {
  min-height:27px!important;
  display:grid!important;
  grid-template-columns:8px 1fr auto!important;
  align-items:center!important;
  column-gap:8px!important;
  box-sizing:border-box!important;
}
.dashboard-page .connection-dot {
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#18ae5c!important;
  box-shadow:0 0 0 3px #eaf9f0!important;
}
.dashboard-page .connection-dot.off {
  background:#ef5350!important;
  box-shadow:0 0 0 3px #fff0ef!important;
}
.dashboard-page .connection-label {
  color:#657b91!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  line-height:13px!important;
}
.dashboard-page .connection-status-row strong {
  color:#31516f!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9px!important;
  line-height:13px!important;
  font-weight:600!important;
  text-align:right!important;
}

@media(max-width:1100px){
  .dashboard-page .connection-status-card{min-height:108px!important}
}
@media(max-width:700px){
  .dashboard-page .dash-left > .documents-card{
    min-height:96px!important;
    padding:12px 13px!important;
  }
  .dashboard-page .documents-card .card-head-row{gap:8px!important}
  .dashboard-page .documents-card #generatePdf{
    height:34px!important;
    min-height:34px!important;
    padding:0 9px!important;
    font-size:8px!important;
  }
  .dashboard-page .documents-card h3{font-size:12px!important}
  .dashboard-page .dash-left > .quick-section-card{
    min-height:0!important;
    padding:13px 12px!important;
  }
  .dashboard-page .connection-status-card{
    margin-top:10px!important;
    min-height:108px!important;
    padding:14px!important;
  }
}
@media(max-width:420px){
  .dashboard-page .documents-card .card-head-row{align-items:center!important}
  .dashboard-page .documents-card #generatePdf{font-size:7.5px!important;padding:0 8px!important}
  .dashboard-page .documents-card .documents-list{max-height:82px!important}
}


/* V68 — Secure Bank expanded-state geometry + dark owner sidebar.
   The Secure Bank card must grow in normal document flow so the Session
   Connected card never overlaps it. */
.dashboard-page .dash-right{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
}
.dashboard-page .dash-right>.dash-card{flex:0 0 auto!important;}
.dashboard-page .dash-right>.dash-card+.dash-card{margin-top:14px!important;}

.dashboard-page .secure-bank-side-card{
  height:auto!important;
  min-height:127px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  flex-shrink:0!important;
}
.dashboard-page .secure-bank-side-card.is-open{
  min-height:0!important;
  height:auto!important;
  padding-bottom:16px!important;
}
.dashboard-page .secure-bank-side-card .secure-bank-owner-card{
  display:block!important;
  position:static!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:14px 0 0!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
}
.dashboard-page .secure-bank-side-card .secure-bank-owner-card[hidden]{display:none!important;}
.dashboard-page .secure-bank-side-card .secure-bank-owner-head{
  min-height:34px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-bottom:8px!important;
  margin-bottom:2px!important;
  border-bottom:1px solid #e8edf2!important;
}
.dashboard-page .secure-bank-side-card .secure-bank-owner-head strong{
  display:block!important;
  font-size:11px!important;
  line-height:14px!important;
  color:#1a3048!important;
}
.dashboard-page .secure-bank-side-card .secure-bank-owner-head small{
  display:block!important;
  margin-top:3px!important;
  font-size:8px!important;
  line-height:11px!important;
  color:#7b8da0!important;
}
.dashboard-page .secure-bank-side-card .secure-bank-live{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  color:#159455!important;
  font-size:8px!important;
  font-weight:700!important;
  line-height:12px!important;
}
.dashboard-page .secure-bank-side-card .secure-bank-owner-row{
  min-height:30px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  column-gap:12px!important;
  padding:6px 0!important;
  box-sizing:border-box!important;
  border-bottom:1px solid #e8edf2!important;
}
.dashboard-page .secure-bank-side-card .secure-bank-owner-row span{
  color:#657b91!important;
  font-size:9px!important;
  line-height:12px!important;
}
.dashboard-page .secure-bank-side-card .secure-bank-owner-row strong{
  color:#31516f!important;
  font-size:9px!important;
  line-height:12px!important;
  font-weight:600!important;
  text-align:right!important;
}
.dashboard-page .secure-bank-side-card .secure-bank-clear{
  width:100%!important;
  height:34px!important;
  margin-top:10px!important;
  border:1px solid #cad7e2!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#526a84!important;
  font-size:9px!important;
  font-weight:700!important;
  cursor:pointer!important;
}

/* The connection card follows the expanded Secure Bank card with a deliberate gap. */
.dashboard-page .connection-status-card{
  position:static!important;
  clear:both!important;
  margin-top:14px!important;
  flex-shrink:0!important;
}

/* Dark owner navigation matching the reference console. */
.dashboard-page .sidebar{
  background:#0d1115!important;
  border-right:1px solid #1b2229!important;
  color:#fff!important;
  box-shadow:none!important;
}
.dashboard-page .sidebar-brand{
  color:#f7f9fb!important;
  background:#0d1115!important;
  border-bottom:0!important;
}
.dashboard-page .nav a{color:#f2f5f7!important;}
.dashboard-page .nav a:hover{background:#171d23!important;}
.dashboard-page .nav a.active{background:#252c33!important;color:#fff!important;box-shadow:none!important;}
.dashboard-page .nav a.active .nav-icon,.dashboard-page .nav-icon{color:#fff!important;}

@media(max-width:900px){
  .dashboard-page .dash-right{display:flex!important;flex-direction:column!important;gap:0!important;}
  .dashboard-page .secure-bank-side-card{height:auto!important;min-height:127px!important;}
  .dashboard-page .secure-bank-side-card.is-open{height:auto!important;min-height:0!important;}
  .dashboard-page .connection-status-card{margin-top:12px!important;}
}
@media(max-width:520px){
  .dashboard-page .secure-bank-side-card .secure-bank-owner-card{margin-top:12px!important;}
  .dashboard-page .secure-bank-side-card .secure-bank-owner-row{min-height:32px!important;}
  .dashboard-page .secure-bank-side-card .secure-bank-owner-row span{font-size:9px!important;}
  .dashboard-page .secure-bank-side-card .secure-bank-owner-row strong{font-size:9px!important;}
  .dashboard-page .connection-status-card{margin-top:12px!important;}
}

/* ================================================================
   CREATE SESSION V4 — isolated page styling
   Applies only to .admin-create-v4. Other pages are untouched.
   ================================================================ */
.admin-create-v4{--create-bg:#f5f8fc;--create-ink:#102b49;--create-line:#d8e3ee;--create-sidebar:#0d1115;margin:0;min-height:100vh;background:var(--create-bg);color:var(--create-ink)}
.admin-create-v4 *{box-sizing:border-box}.create-v4-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr);background:var(--create-bg)}
.create-v4-sidebar{background:var(--create-sidebar);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px 15px 22px;min-width:0}
.create-v4-brand{height:74px;display:flex;align-items:center;gap:12px;padding:0 10px;margin-bottom:22px}.create-v4-logo{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#0d1115;color:#fff;font-size:14px;font-weight:900;position:relative}.create-v4-logo:before{content:"";position:absolute;inset:0;border-radius:50%;border:7px solid #ef1118;border-left-color:transparent;transform:rotate(-28deg)}.create-v4-logo:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#0d1115;right:7px;top:8px}.create-v4-brand-name{font-size:15px;font-weight:700;letter-spacing:-.2px}
.create-v4-nav{display:flex;flex-direction:column;gap:6px}.create-v4-nav a,.create-v4-logout{height:47px;border-radius:7px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#e8eef4;text-decoration:none;font-size:12px;font-weight:700;transition:.15s ease}.create-v4-nav a:hover,.create-v4-logout:hover{background:rgba(255,255,255,.07)}.create-v4-nav a.active{background:#ef1118;color:#fff;box-shadow:0 8px 20px rgba(239,17,24,.22)}.create-v4-logout{margin-top:auto;color:#dbe4ed}.create-v4-nav .nav-icon,.create-v4-logout .nav-icon{width:17px;text-align:center;font-size:16px;line-height:1}
.create-v4-main{min-width:0;background:var(--create-bg)}.create-v4-header{height:70px;background:#fff;border-bottom:1px solid #e2eaf2;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.create-v4-account{display:flex;align-items:center;gap:10px;color:#183652}.create-v4-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8f0f7;border:1px solid #d8e5ef;color:#1769a8;font-size:15px;font-weight:800}.create-v4-account strong{display:block;font-size:12px;line-height:1.1}.create-v4-account small{display:block;font-size:9px;color:#7389a0;margin-top:4px}.create-v4-chevron{font-size:16px;margin-left:10px;color:#516b84}
.create-v4-content{width:min(100%,1220px);margin:0 auto;padding:31px 30px 48px}.create-v4-title{margin-bottom:25px}.create-v4-title h1{font-size:25px;line-height:1.15;letter-spacing:-.65px;margin:0 0 7px;color:#102b49;font-weight:800}.create-v4-title p{font-size:12px;color:#68819a;margin:0;line-height:1.5}
.create-v4-card{background:#fff;border:1px solid var(--create-line);border-radius:9px;box-shadow:0 7px 24px rgba(26,57,87,.035);padding:27px 28px}.create-v4-card h2{margin:0 0 25px;font-size:18px;line-height:1.2;letter-spacing:-.25px;color:#163553;font-weight:800}.create-v4-branding-card{margin-bottom:23px}.create-v4-branding-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:start}.create-v4-upload-side,.create-v4-color-side{min-width:0}
.create-v4-field-label,.create-v4-setting label{display:block;font-size:12px;line-height:1.2;font-weight:800;color:#173655;margin-bottom:9px}.create-v4-logo-upload{height:157px;border:1px dashed #cddce9;border-radius:8px;background:#fbfdff;display:flex;align-items:center;gap:24px;padding:18px}.create-v4-logo-preview{width:130px;height:116px;flex:0 0 130px;display:grid;place-items:center;background:#f9fbfd;border-radius:7px;color:#8aa0b5;font-size:13px;font-weight:900;overflow:hidden}.create-v4-logo-preview img{width:100%;height:100%;object-fit:contain;padding:8px}.create-v4-upload-controls{min-width:0}.create-v4-choose-logo{height:42px;padding:0 15px;border:1px solid #d3e0eb;background:#f8fbfe;border-radius:7px;display:inline-flex;align-items:center;gap:8px;color:#1c527d;font-size:11px;font-weight:800;cursor:pointer}.create-v4-choose-logo:hover{background:#f1f7fc;border-color:#c2d4e4}.create-v4-choose-logo input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.create-v4-image-icon{font-size:13px}.create-v4-file-name{font-size:10px;color:#657f99;margin-top:10px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-v4-file-name.error{color:#c0392b}.create-v4-help{font-size:9px;color:#899daf;margin-top:7px}
.create-v4-color-help{font-size:10px;color:#758da5;margin-top:-4px;margin-bottom:16px}.create-v4-color-control{height:47px;border:1px solid #d5e1ec;border-radius:8px;background:#fff;display:flex;align-items:center;padding:0 13px;gap:11px;color:#536f89;font-size:12px;font-weight:700}.create-v4-color-control i{display:block;width:28px;height:28px;border-radius:50%;background:var(--brand,#1976f3);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.create-v4-color-control b{margin-left:auto;font-size:16px;color:#8297ab;font-weight:500}
.create-v4-settings-card{margin-bottom:24px}.create-v4-settings-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:25px}.create-v4-setting{min-width:0}.create-v4-input{width:100%;height:44px;border:1px solid #d2dfeb;border-radius:7px;background:#fff;color:#244561;font-size:12px;padding:0 13px;outline:none}.create-v4-input:focus{border-color:#6da8dd;box-shadow:0 0 0 3px rgba(23,105,216,.08)}.create-v4-select{appearance:auto}.create-v4-gender{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gender-option{height:44px;border:1px solid #d2dfeb;border-radius:7px;background:#fff;color:#264b6b;font-size:12px;font-weight:700;cursor:pointer}.gender-option span{font-size:16px;margin-right:7px}.gender-option.active{border-color:#1769d8;background:#f5f9ff;color:#1769d8;box-shadow:0 3px 9px rgba(23,105,216,.08)}.create-v4-hidden-select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.create-v4-mirroring{display:flex;flex-direction:column}.create-v4-enabled{height:44px;display:flex;align-items:center;color:#159361;font-size:12px;font-weight:800}.create-v4-enabled span{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:8px;border-radius:50%;background:#e2f7ee;color:#12a568;font-size:12px}
.create-v4-create{width:265px;height:49px;border:0;border-radius:8px;background:#ef1118;color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 9px 20px rgba(239,17,24,.18);display:flex;align-items:center;justify-content:center;gap:9px}.create-v4-create:hover:not(:disabled){background:#df0f15;transform:translateY(-1px)}.create-v4-create:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.create-v4-create span{font-size:18px;line-height:1}.create-v4-success{margin-top:22px}
@media(max-width:900px){.create-v4-shell{grid-template-columns:1fr}.create-v4-sidebar{display:none}.create-v4-header{height:60px;padding:0 16px}.create-v4-content{padding:22px 16px 36px}.create-v4-title{margin-bottom:20px}.create-v4-title h1{font-size:22px}.create-v4-card{padding:21px 18px}.create-v4-branding-grid{grid-template-columns:1fr;gap:25px}.create-v4-logo-upload{height:auto;min-height:150px}.create-v4-settings-grid{grid-template-columns:1fr;gap:20px}.create-v4-create{width:100%}}
@media(max-width:520px){.create-v4-header{height:56px}.create-v4-account small{display:none}.create-v4-account{gap:7px}.create-v4-avatar{width:32px;height:32px}.create-v4-content{padding:18px 12px 30px}.create-v4-title h1{font-size:20px}.create-v4-title p{font-size:10px}.create-v4-card{padding:18px 14px;border-radius:8px}.create-v4-card h2{font-size:16px;margin-bottom:20px}.create-v4-logo-upload{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.create-v4-logo-preview{width:100%;height:92px;flex-basis:auto}.create-v4-upload-controls{width:100%}.create-v4-choose-logo{width:100%;justify-content:center}.create-v4-color-control{height:44px}.create-v4-setting label,.create-v4-field-label{font-size:11px}.create-v4-input,.gender-option{height:42px;font-size:11px}.create-v4-create{height:46px;font-size:11px}}

/* v70 — compact Create Session refinement.  Scoped only to the create-session page. */
.admin-create-v4{--create-bg:#f4f7fa;--create-ink:#142d47;--create-line:#d9e3ec}
.admin-create-v4 .create-v4-shell{grid-template-columns:236px minmax(0,1fr)}
.admin-create-v4 .create-v4-sidebar{padding:18px 14px 20px}
.admin-create-v4 .create-v4-brand{height:68px;margin-bottom:18px;padding:0 9px;gap:10px}
.admin-create-v4 .create-v4-logo{width:38px;height:38px;font-size:12px}
.admin-create-v4 .create-v4-logo:before{border-width:6px}
.admin-create-v4 .create-v4-logo:after{width:9px;height:9px;right:6px;top:7px}
.admin-create-v4 .create-v4-brand-name{font-size:14px}
.admin-create-v4 .create-v4-nav{gap:5px}
.admin-create-v4 .create-v4-nav a,.admin-create-v4 .create-v4-logout{height:43px;border-radius:7px;padding:0 14px;gap:10px;font-size:11px}
.admin-create-v4 .create-v4-nav .nav-icon,.admin-create-v4 .create-v4-logout .nav-icon{width:16px;font-size:14px}
.admin-create-v4 .create-v4-header{height:62px;padding:0 26px}
.admin-create-v4 .create-v4-avatar{width:32px;height:32px;font-size:13px}
.admin-create-v4 .create-v4-account strong{font-size:11px}
.admin-create-v4 .create-v4-account small{font-size:8px;margin-top:3px}
.admin-create-v4 .create-v4-chevron{font-size:14px;margin-left:8px}
.admin-create-v4 .create-v4-content{width:min(100%,1120px);padding:25px 26px 40px}
.admin-create-v4 .create-v4-title{margin-bottom:19px}
.admin-create-v4 .create-v4-title h1{font-size:21px;letter-spacing:-.45px;margin-bottom:5px}
.admin-create-v4 .create-v4-title p{font-size:10px}
.admin-create-v4 .create-v4-card{padding:20px 22px;border-radius:8px;box-shadow:0 5px 18px rgba(26,57,87,.025)}
.admin-create-v4 .create-v4-card h2{font-size:14px;margin-bottom:17px;letter-spacing:-.15px}
.admin-create-v4 .create-v4-branding-card{margin-bottom:16px}
.admin-create-v4 .create-v4-branding-grid{grid-template-columns:1.05fr .95fr;gap:32px}
.admin-create-v4 .create-v4-field-label,.admin-create-v4 .create-v4-setting label{font-size:10px;margin-bottom:7px}
.admin-create-v4 .create-v4-logo-upload{height:125px;border-radius:7px;gap:18px;padding:14px}
.admin-create-v4 .create-v4-logo-preview{width:105px;height:96px;flex-basis:105px;border-radius:6px;font-size:11px}
.admin-create-v4 .create-v4-logo-preview img{padding:7px}
.admin-create-v4 .create-v4-choose-logo{height:34px;padding:0 11px;border-radius:6px;gap:7px;font-size:9px}
.admin-create-v4 .create-v4-image-icon{font-size:11px}
.admin-create-v4 .create-v4-file-name{font-size:8.5px;margin-top:7px;max-width:230px}
.admin-create-v4 .create-v4-help{font-size:8px;margin-top:5px}
.admin-create-v4 .create-v4-color-help{font-size:8.5px;margin-top:-2px;margin-bottom:12px}
.admin-create-v4 .create-v4-color-control{height:38px;border-radius:7px;padding:0 10px;gap:9px;font-size:10px}
.admin-create-v4 .create-v4-color-control i{width:23px;height:23px}
.admin-create-v4 .create-v4-color-control b{font-size:14px}
.admin-create-v4 .create-v4-settings-card{margin-bottom:17px}
.admin-create-v4 .create-v4-settings-grid{column-gap:30px;row-gap:19px}
.admin-create-v4 .create-v4-input{height:38px;border-radius:6px;font-size:10px;padding:0 11px}
.admin-create-v4 .create-v4-gender{gap:8px}
.admin-create-v4 .gender-option{height:38px;border-radius:6px;font-size:10px}
.admin-create-v4 .gender-option span{font-size:14px;margin-right:5px}
.admin-create-v4 .create-v4-enabled{height:38px;font-size:10px}
.admin-create-v4 .create-v4-enabled span{width:23px;height:23px;margin-right:6px;font-size:10px}
.admin-create-v4 .create-v4-create{width:220px;height:42px;border-radius:7px;font-size:10px;box-shadow:0 7px 16px rgba(239,17,24,.14)}
.admin-create-v4 .create-v4-create span{font-size:15px}

/* Success state follows the same compact hierarchy instead of becoming an oversized block. */
.admin-create-v4 .create-v4-success{margin-top:17px;padding:17px;border-radius:9px}
.admin-create-v4 .create-v4-success .success-title{font-size:12px;margin-bottom:11px}
.admin-create-v4 .create-v4-success .success-icon{width:24px;height:24px;border-radius:7px;font-size:11px}
.admin-create-v4 .create-v4-success .url-grid{gap:9px}
.admin-create-v4 .create-v4-success .url-box{border-radius:7px;padding:10px}
.admin-create-v4 .create-v4-success .url-box label{font-size:7.5px;margin-bottom:5px}
.admin-create-v4 .create-v4-success .url-row{gap:5px}
.admin-create-v4 .create-v4-success .url-row .input{height:29px;font-size:8.5px;border-radius:6px}
.admin-create-v4 .create-v4-success .copy{height:29px;padding:0 8px;font-size:8.5px;border-radius:6px}
.admin-create-v4 .create-v4-success .share-note{font-size:8px;line-height:1.45;margin-top:6px}
.admin-create-v4 .create-v4-success .setting-value{font-size:9px;padding:7px 9px;border-radius:6px}
.admin-create-v4 .create-v4-success .create-actions{margin-top:10px;padding-top:10px;gap:7px}
.admin-create-v4 .create-v4-success .create-actions .button{height:32px;font-size:8.5px;padding:0 10px;border-radius:6px}

@media(max-width:900px){
 .admin-create-v4 .create-v4-shell{grid-template-columns:1fr}
 .admin-create-v4 .create-v4-sidebar{display:none}
 .admin-create-v4 .create-v4-header{height:56px;padding:0 16px}
 .admin-create-v4 .create-v4-content{padding:20px 16px 32px}
 .admin-create-v4 .create-v4-title h1{font-size:19px}
 .admin-create-v4 .create-v4-branding-grid{grid-template-columns:1fr;gap:19px}
 .admin-create-v4 .create-v4-settings-grid{grid-template-columns:1fr;gap:16px}
 .admin-create-v4 .create-v4-create{width:100%}
 .admin-create-v4 .create-v4-success .url-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
 .admin-create-v4 .create-v4-content{padding:16px 11px 26px}
 .admin-create-v4 .create-v4-title{margin-bottom:15px}
 .admin-create-v4 .create-v4-title h1{font-size:18px}
 .admin-create-v4 .create-v4-title p{font-size:9px}
 .admin-create-v4 .create-v4-card{padding:16px 13px;border-radius:7px}
 .admin-create-v4 .create-v4-card h2{font-size:13px;margin-bottom:15px}
 .admin-create-v4 .create-v4-logo-upload{min-height:0;height:auto;flex-direction:row;align-items:center;padding:11px;gap:11px}
 .admin-create-v4 .create-v4-logo-preview{width:78px;height:74px;flex:0 0 78px;font-size:9px}
 .admin-create-v4 .create-v4-upload-controls{flex:1;min-width:0}
 .admin-create-v4 .create-v4-choose-logo{width:auto;height:31px;font-size:8.5px;padding:0 9px}
 .admin-create-v4 .create-v4-file-name{font-size:8px;max-width:100%;margin-top:6px}
 .admin-create-v4 .create-v4-help{font-size:7px}
 .admin-create-v4 .create-v4-color-control{height:36px}
 .admin-create-v4 .create-v4-success{padding:14px;margin-top:14px}
 .admin-create-v4 .create-v4-success .create-actions{flex-direction:column}
 .admin-create-v4 .create-v4-success .create-actions .button{width:100%}
}

/* V71 — Keep the visitor experience completely hidden until verification succeeds.
   Do not change any other visitor, dashboard, or session styling. */
.visitor-page #visitorContent.visitor-content-hidden {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Keep verification completely opaque so no visitor page can show through. */
.visitor-page #verificationLayer:not(.hidden) {
  background: #f4f8fc !important;
  opacity: 1 !important;
}

/* FINAL VISITOR DESKTOP CENTERING — main chat presentation stays compact and centered */
@media (min-width: 901px){
  .visitor-main{
    width:100%;
    max-width:1120px;
    margin:0 auto;
    padding:48px 42px 52px;
    justify-content:center;
  }
  .visitor-hero,
  .visitor-message-card,
  .visitor-documents{
    width:min(100%, 900px);
    margin-left:auto;
    margin-right:auto;
  }
  .visitor-hero{
    grid-template-columns:1fr;
    text-align:left;
    gap:0;
    margin-bottom:24px;
  }
  .visitor-copy h1{
    font-size:30px;
    line-height:1.15;
    letter-spacing:-.8px;
  }
  .visitor-copy .agent-connect{
    font-size:15px;
    color:#102d59;
    font-weight:400;
  }
  .visitor-message-card{
    padding:0;
    overflow:hidden;
    border-radius:12px;
    background:#fff;
  }
  .visitor-message-card .message-label{
    min-height:48px;
    justify-content:center;
    background:var(--brand,#ef0000);
    color:#fff;
    font-size:16px;
    font-weight:700;
    border-bottom:0;
  }
  .visitor-message-card .message-label .message-pencil,
  .visitor-message-card .message-label .chat-live-state{display:none}
  .visitor-message-card .unified-chat{padding:18px 20px 14px}
  .visitor-chat{min-height:410px;max-height:520px;overflow-y:auto}
  .visitor-chat-composer{border-top:1px solid #dfe8f1;padding-top:14px}
  .visitor-composer-shell{border:1px solid #cfdbe8;border-radius:10px;background:#fff}
  .visitor-text{min-height:86px;height:86px;font-size:14px!important;color:#17395f}
  .visitor-documents{margin-top:22px}
}

/* Keep the mobile presentation compact and centered at every phone width. */
@media (max-width:900px){
  .visitor-main{width:100%;max-width:100%;margin:0 auto;overflow-x:hidden}
  .visitor-hero,.visitor-message-card,.visitor-documents{margin-left:auto;margin-right:auto}
}


/* V74: centered desktop visitor experience */
.visitor-page .visitor-hero-clean .visitor-copy h1{text-align:center!important}
.visitor-page .visitor-hero-clean .agent-connect{display:none!important}
@media(min-width:701px){.visitor-page .visitor-main{max-width:900px!important;padding-left:32px!important;padding-right:32px!important}.visitor-page .visitor-message-card,.visitor-page .visitor-hero-clean{max-width:760px!important}}

/* V75 — FINAL VISITOR DESKTOP COMPACT CENTERED LAYOUT
   Scoped to visitor page only. Mobile layout remains unchanged. */
@media (min-width: 901px){
  .visitor-page .visitor-app{
    display:block!important;
    min-height:calc(100vh - 72px)!important;
    background:transparent!important;
  }
  .visitor-page .visitor-sidebar{display:none!important}
  .visitor-page .visitor-main{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:42px 24px 52px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-width:0!important;
  }
  /* The desktop visitor page should not reserve a large hero/greeting area. */
  .visitor-page .visitor-hero-clean{
    display:none!important;
  }
  .visitor-page .visitor-message-card{
    width:min(100%,820px)!important;
    max-width:820px!important;
    margin:0 auto!important;
    padding:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid #dfe7ef!important;
    box-shadow:0 8px 24px rgba(35,73,108,.055)!important;
  }
  .visitor-page .visitor-message-card .message-label{
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:var(--brand,#ef0000)!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:500!important;
    line-height:1!important;
  }
  .visitor-page .visitor-message-card .message-pencil,
  .visitor-page .visitor-message-card .chat-live-state{display:none!important}
  .visitor-page .visitor-message-card .unified-chat{padding:0!important}
  .visitor-page .visitor-chat{
    width:100%!important;
    height:470px!important;
    min-height:470px!important;
    max-height:470px!important;
    overflow-y:auto!important;
    padding:24px 22px 10px!important;
    box-sizing:border-box!important;
    background:#fff!important;
  }
  .visitor-page .visitor-chat-composer{
    padding:12px 18px 15px!important;
    border-top:1px solid #e1e8ef!important;
    background:#fff!important;
  }
  .visitor-page .visitor-composer-shell{
    min-height:58px!important;
    height:58px!important;
    border:1px solid #cfdbe8!important;
    border-radius:8px!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  .visitor-page .visitor-text{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:16px 52px 12px 16px!important;
    box-sizing:border-box!important;
    font-size:14px!important;
    line-height:1.35!important;
    color:#17395f!important;
    resize:none!important;
  }
  .visitor-page .visitor-composer-foot{display:none!important}
  .visitor-page .visitor-documents{
    width:min(100%,820px)!important;
    max-width:820px!important;
    margin:18px auto 0!important;
  }
}

/* V76 — remove visitor greeting completely on every viewport. */
.visitor-page .visitor-hero,
.visitor-page .visitor-hero-clean,
.visitor-page #visitorGreeting,
.visitor-page #agentConnect{display:none!important}
.visitor-page .visitor-message-card{margin-top:0!important}


/* V77 — mobile visitor breathing room + compact simple owner login */
@media (max-width:900px){
  .visitor-page .visitor-main{padding-top:34px!important;}
}
@media (max-width:520px){
  .visitor-page .visitor-main{padding-top:30px!important;}
}

body.login-simple{background:#f4f7fa!important;padding:24px!important;min-height:100vh;display:grid;place-items:center;}
.login-simple-shell{width:min(100%,390px);background:#fff;border:1px solid #dce5ed;border-radius:10px;box-shadow:0 18px 45px rgba(20,52,82,.08);padding:30px 30px 25px;}
.login-simple-brand{text-align:center;margin-bottom:27px;}
.login-simple-logo{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;background:#1269ed;color:#fff;font-size:16px;font-weight:900;box-shadow:0 6px 15px rgba(18,105,237,.14);}
.login-simple-name{display:flex;justify-content:center;align-items:baseline;gap:6px;color:#102b45;font-size:15px;letter-spacing:-.2px;}
.login-simple-name strong{font-weight:900;}.login-simple-name span{font-weight:700;color:#647b91;}
.login-simple-field{margin-bottom:15px;}
.login-simple-field label{display:block;margin:0 0 6px;color:#29465f;font-size:10px;font-weight:800;}
.login-simple-input-wrap{position:relative;height:42px;border:1px solid #d3dee8;border-radius:7px;background:#fbfdff;display:flex;align-items:center;transition:border-color .15s,box-shadow .15s;}
.login-simple-input-wrap:focus-within{background:#fff;border-color:#7daee0;box-shadow:0 0 0 3px rgba(18,105,237,.08);}
.login-simple-icon{width:38px;text-align:center;color:#71879b;font-size:12px;flex:0 0 38px;}
.login-simple-input{width:100%;height:40px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0 10px 0 0!important;color:#18354e;font-size:11px;}
.login-simple-input-wrap:has(.login-simple-eye) .login-simple-input{padding-right:38px!important;}
.login-simple-eye{position:absolute;right:5px;top:5px;width:31px;height:31px;border:0;background:transparent;color:#71879b;font-size:11px;}
.login-simple-row{display:flex;align-items:center;margin:2px 0 14px;}
.login-simple-remember{display:flex;align-items:center;gap:6px;color:#526b82;font-size:10px;}
.login-simple-remember input{width:13px;height:13px;margin:0;accent-color:#1269ed;}
.login-simple-button{width:100%;height:42px;border:0;border-radius:7px;background:#1269ed;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 8px 18px rgba(18,105,237,.16);cursor:pointer;}
.login-simple-button span{font-size:15px;line-height:1;}
.login-simple-button:hover{filter:brightness(1.02);}
.login-simple-forgot{text-align:center;color:#69829c;font-size:9px;margin-top:17px;}
.login-simple .login-error{margin:0 0 12px;}
@media(max-width:520px){
  body.login-simple{padding:16px!important;}
  .login-simple-shell{padding:25px 19px 22px;}
  .login-simple-brand{margin-bottom:23px;}
}