/* Vmail UI 4.0 — StudioVainilla | Sendy 6.1.3 presentation layer */
:root{
  --vm-navy:#0d1530;--vm-text:#11182f;--vm-muted:#6f7893;--vm-soft-text:#929ab0;
  --vm-purple:#6550f7;--vm-violet:#884eff;--vm-blue:#3778ff;--vm-cyan:#19cadb;
  --vm-bg:#f7f8fd;--vm-card:#fff;--vm-soft:#f2f4fb;--vm-border:#e2e5f1;--vm-border-strong:#d4d8e8;
  --vm-success:#24b57a;--vm-warning:#f0aa35;--vm-danger:#df5266;
  --vm-grad:linear-gradient(135deg,#7850ff 0%,#536dff 52%,#20c9df 100%);
  --vm-grad-soft:linear-gradient(135deg,rgba(120,80,255,.10),rgba(32,201,223,.07));
  --vm-shadow:0 16px 46px rgba(23,28,69,.085);--vm-shadow-sm:0 8px 24px rgba(23,28,69,.055);
  --vm-radius:18px;--vm-radius-sm:12px;--vm-font:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
html,body{min-height:100%}
body.vmail-ui{padding-top:0!important;padding-bottom:0!important;margin:0!important;font-family:var(--vm-font);color:var(--vm-text);background:var(--vm-bg)!important;background-image:linear-gradient(rgba(101,80,247,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(101,80,247,.022) 1px,transparent 1px)!important;background-size:56px 56px!important}
.vmail-ui *{box-sizing:border-box}.vmail-ui a{color:var(--vm-purple)}.vmail-ui h1,.vmail-ui h2,.vmail-ui h3,.vmail-ui h4,.vmail-ui .lead{font-family:var(--vm-font);color:var(--vm-text);letter-spacing:-.035em}.vmail-ui input,.vmail-ui textarea,.vmail-ui select,.vmail-ui button{font-family:var(--vm-font)}

/* ----- APP HEADER ----- */
.vmail-ui .navbar-fixed-top{position:fixed;inset:0 0 auto 0;z-index:1040;margin:0!important}.vmail-ui .navbar .separator{height:3px;background:var(--vm-grad)}
.vmail-ui .navbar-inner{min-height:65px!important;padding:0 30px!important;background:rgba(255,255,255,.965)!important;border:0!important;border-bottom:1px solid var(--vm-border)!important;box-shadow:0 5px 22px rgba(18,23,58,.035)!important;backdrop-filter:blur(18px)}
.vmail-ui .navbar-inner>.container-fluid{display:flex!important;align-items:center!important;min-height:62px!important;height:62px!important;max-width:1760px;margin:0 auto!important;padding:0!important;width:100%!important}
.vmail-ui .brand.vmail-brand{display:flex!important;align-items:center!important;gap:10px!important;padding:0!important;margin:0 34px 0 0!important;min-width:205px!important;text-shadow:none!important;color:var(--vm-text)!important;line-height:1!important}
.vmail-logo-img{width:40px;height:40px;display:block;object-fit:contain;filter:drop-shadow(0 9px 16px rgba(83,87,255,.16))}
.vmail-logo-copy{display:flex;flex-direction:column;line-height:1}.vmail-logo-copy strong{font-size:21px;font-weight:800;letter-spacing:-.055em;color:var(--vm-navy)}.vmail-logo-copy small{font-size:8px;text-transform:uppercase;letter-spacing:.14em;margin-top:5px;color:#9aa3bb;font-weight:700}
.vmail-ui .navbar .btn-group.pull-right{float:none!important;margin:0 10px 0 0!important}.vmail-ui .navbar .btn{height:42px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;gap:7px;border:1px solid var(--vm-border-strong)!important;background:#fff!important;color:var(--vm-text)!important;border-radius:12px!important;box-shadow:none!important;padding:0 15px!important;text-shadow:none!important;font-weight:700!important}
.vmail-ui .navbar .btn-inverse{background:var(--vm-navy)!important;color:#fff!important;border-color:var(--vm-navy)!important;box-shadow:0 8px 20px rgba(13,21,48,.12)!important}.vmail-ui .navbar .btn img{border-radius:5px}.vmail-ui .navbar .caret{margin-top:0!important}
.vmail-ui .navbar .dropdown-menu{border:1px solid var(--vm-border)!important;border-radius:14px!important;box-shadow:var(--vm-shadow)!important;padding:7px!important;margin-top:7px!important}.vmail-ui .navbar .dropdown-menu li>a{border-radius:9px!important;padding:9px 11px!important;color:var(--vm-text)!important}

/* ----- CORE LAYOUT: intentionally tight under header ----- */
.vmail-ui>.vmail-app-shell{padding:78px 28px 26px!important;max-width:1760px!important;margin:0 auto!important;width:100%!important;min-height:100vh!important}
.vmail-ui>.vmail-app-shell>.row-fluid{display:flex!important;align-items:flex-start!important;margin:0!important}
.vmail-ui>.vmail-app-shell>.row-fluid>.span2{width:232px!important;min-width:232px!important;margin:0!important}.vmail-ui>.vmail-app-shell>.row-fluid>.span10{width:calc(100% - 254px)!important;margin:0 0 0 22px!important;min-width:0!important}.vmail-main-content{padding-top:0!important;margin-top:0!important}
.vmail-sidebar{position:sticky!important;top:78px!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--vm-border)!important;border-radius:20px!important;padding:12px!important;box-shadow:var(--vm-shadow-sm)!important;overflow:hidden!important}
.vmail-sidebar-head{padding:8px 12px 15px!important;margin-bottom:6px!important;border-bottom:1px solid #eff0f6!important;display:flex!important;flex-direction:column!important}.vmail-workspace-kicker{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.15em!important;color:#9ba4bc!important;font-weight:800!important;margin-bottom:6px!important}.vmail-sidebar-head strong{font-size:14px!important;line-height:1.3!important}
.vmail-ui .sidebar-nav{padding:0!important}.vmail-ui .sidebar-nav .nav-list{padding:0!important;margin:0 0 6px!important}.vmail-ui .sidebar-nav .nav-header{padding:11px 12px 5px!important;margin:0!important;color:#a0a8bd!important;text-shadow:none!important;font-size:9px!important;font-weight:800!important;letter-spacing:.14em!important}.vmail-ui .sidebar-nav .nav-list>li>a{margin:2px 0!important;padding:10px 12px!important;border-radius:11px!important;color:#5b6684!important;text-shadow:none!important;font-weight:650!important;font-size:13px!important;display:flex!important;align-items:center!important;gap:9px!important}.vmail-ui .sidebar-nav .nav-list>li>a i{width:18px!important;text-align:center!important;color:#7161df!important;margin:0!important}.vmail-ui .sidebar-nav .nav-list>.active>a,.vmail-ui .sidebar-nav .nav-list>.active>a:hover{background:linear-gradient(135deg,#f1efff,#edf5ff)!important;color:#5544df!important;box-shadow:inset 0 0 0 1px #dad4ff!important}.vmail-ui .sidebar-nav .nav-list>li>a:hover{background:#f7f7fc!important;color:var(--vm-purple)!important}

/* ----- TYPOGRAPHY / PAGE HEADERS ----- */
.vmail-page-intro{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:20px!important;margin:0 0 18px!important;padding:0!important}.vmail-page-intro h1{font-size:34px!important;line-height:1.05!important;margin:5px 0 6px!important;font-weight:800!important}.vmail-page-intro p{margin:0!important;color:var(--vm-muted)!important;font-size:14px!important;line-height:1.45!important}.vmail-eyebrow{display:block!important;color:var(--vm-purple)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.14em!important;text-transform:uppercase!important}.vmail-primary-cta,.vmail-ui .btn.vmail-primary-cta,.vmail-login-submit{border:0!important;background:var(--vm-grad)!important;color:#fff!important;text-shadow:none!important;border-radius:13px!important;padding:0 17px!important;height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-weight:760!important;box-shadow:0 10px 24px rgba(91,80,247,.20)!important}.vmail-primary-cta:hover{transform:translateY(-1px);filter:saturate(1.05)}

/* ----- CAMPAIGNS DASHBOARD ----- */
.vmail-metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important}.vmail-metric-card{background:rgba(255,255,255,.97)!important;border:1px solid var(--vm-border)!important;border-radius:18px!important;padding:17px!important;display:flex!important;align-items:center!important;gap:13px!important;box-shadow:var(--vm-shadow-sm)!important;min-height:102px!important}.vmail-metric-icon{width:42px!important;height:42px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:var(--vm-grad-soft)!important;color:#6251ee!important;flex:0 0 auto!important;font-size:16px!important}.vmail-metric-icon i{margin:0!important;line-height:1!important}.vmail-metric-card div{display:block!important;min-width:0!important}.vmail-metric-card small{display:block!important;font-size:9px!important;font-weight:800!important;color:#8d96ae!important;text-transform:uppercase!important;letter-spacing:.085em!important;margin-bottom:4px!important}.vmail-metric-card strong{display:block!important;font-size:27px!important;line-height:1.05!important;color:var(--vm-navy)!important;letter-spacing:-.05em!important}.vmail-metric-card span:last-child{display:block!important;font-size:10px!important;color:#9aa3b8!important;margin-top:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.vmail-section-bar{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;margin:4px 0 10px!important}.vmail-section-bar h2{font-size:22px!important;margin:0!important}.vmail-brand-context{margin:0!important}.vmail-brand-context .lead{margin:0!important;font-size:14px!important;font-weight:700!important}.vmail-campaign-toolbar{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin:0 0 13px!important;padding:0!important}.vmail-search-form{float:none!important;margin-left:auto!important;display:flex!important;gap:7px!important;align-items:center!important}.vmail-search-form input{margin:0!important}.vmail-rss-btn{float:none!important;width:40px!important;height:40px!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important}.vmail-rss-btn i{margin:0!important;line-height:1!important}.vmail-page-app .dropdown>.btn,.vmail-page-app .form-search .search-query,.vmail-page-app .form-search .btn{height:40px!important;min-height:40px!important}

/* ----- GENERIC CONTROLS / TABLES ----- */
.vmail-ui .btn{border:1px solid var(--vm-border-strong)!important;background:#fff!important;color:#535d79!important;text-shadow:none!important;box-shadow:none!important;border-radius:10px!important;padding:8px 12px!important;font-weight:650!important;line-height:1.2!important}.vmail-ui .btn:hover{background:#f8f7ff!important;color:var(--vm-purple)!important;border-color:#cbc5ff!important}.vmail-ui .btn-inverse{background:var(--vm-navy)!important;border-color:var(--vm-navy)!important;color:#fff!important}.vmail-ui input[type=text],.vmail-ui input[type=email],.vmail-ui input[type=password],.vmail-ui input[type=number],.vmail-ui input[type=url],.vmail-ui textarea,.vmail-ui select{border:1px solid var(--vm-border-strong)!important;border-radius:11px!important;background:#fff!important;color:var(--vm-text)!important;box-shadow:none!important;padding:9px 11px!important;min-height:40px!important}.vmail-ui input:focus,.vmail-ui textarea:focus,.vmail-ui select:focus{border-color:#9586ff!important;box-shadow:0 0 0 3px rgba(103,76,246,.10)!important;outline:0!important}.vmail-ui label{color:#333d5b!important}.vmail-ui .well{background:#fafafe!important;border:1px solid var(--vm-border)!important;border-radius:15px!important;box-shadow:none!important}.vmail-ui .alert{border-radius:13px!important;border:1px solid transparent!important;text-shadow:none!important}.vmail-ui .label{border-radius:999px!important;padding:4px 8px!important;text-shadow:none!important;font-weight:750!important;background:#eeedf5!important;color:#686f86!important}.vmail-ui .label-info{background:#ebe8ff!important;color:#5f4ee2!important}.vmail-ui .label-success{background:#e6f7ef!important;color:#198259!important}.vmail-ui .label-important{background:#ffe9ee!important;color:#c33855!important}
.vmail-ui .table{width:100%!important;background:#fff!important;border:1px solid var(--vm-border)!important;border-radius:15px!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;box-shadow:var(--vm-shadow-sm)!important}.vmail-ui .table th{background:#f8f9fc!important;color:#858da5!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:800!important;border-top:0!important;border-bottom:1px solid var(--vm-border)!important;padding:12px 10px!important;vertical-align:middle!important}.vmail-ui .table td{border-top:1px solid #eff0f5!important;padding:12px 10px!important;vertical-align:middle!important}.vmail-ui .table tbody tr:hover td{background:#fafaff!important}.vmail-ui .table i,.vmail-ui .table [class^="icon-"],.vmail-ui .table [class*=" icon-"]{vertical-align:middle!important;margin-top:0!important}.vmail-ui .dropdown-menu{border:1px solid var(--vm-border)!important;border-radius:13px!important;box-shadow:var(--vm-shadow)!important;padding:7px!important}.vmail-ui .dropdown-menu>li>a{border-radius:8px!important;padding:8px 11px!important}.vmail-ui .modal{border:1px solid var(--vm-border)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(24,20,65,.18)!important;overflow:hidden!important}.vmail-ui .modal-header,.vmail-ui .modal-footer{border-color:var(--vm-border)!important}

/* ----- CREATE CAMPAIGN: actual product layout ----- */
.vmail-page-create>.vmail-app-shell{padding-top:78px!important}.vmail-page-create .vmail-compose-head{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:16px!important;margin:0 0 12px!important}.vmail-compose-head h1{font-size:31px!important;line-height:1.05!important;margin:5px 0 5px!important;font-weight:800!important}.vmail-compose-brand{margin:0!important;color:var(--vm-muted)!important;font-size:13px!important}.vmail-compose-brand .lead{display:inline!important;margin:0!important;font-size:13px!important}.vmail-compose-status{height:34px!important;padding:0 12px!important;border:1px solid var(--vm-border)!important;background:#fff!important;border-radius:999px!important;display:flex!important;align-items:center!important;gap:7px!important;color:#68728e!important;font-size:11px!important;font-weight:700!important}.vmail-compose-status span{width:8px!important;height:8px!important;border-radius:50%!important;background:#aeb5c6!important}
.vmail-page-create .vmail-stepper{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;margin:0 0 14px!important;padding:5px!important;background:#eff1f8!important;border:1px solid var(--vm-border)!important;border-radius:13px!important}.vmail-page-create .vmail-stepper span{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:36px!important;border-radius:9px!important;font-size:10px!important;font-weight:800!important;color:#8a93a9!important}.vmail-page-create .vmail-stepper span b{font-weight:750!important}.vmail-page-create .vmail-stepper span.is-active{background:#fff!important;color:var(--vm-purple)!important;box-shadow:0 4px 12px rgba(26,30,72,.06)!important}
.vmail-page-create .vmail-compose-layout{display:block!important;margin:0!important}.vmail-page-create #edit-form{display:grid!important;grid-template-columns:minmax(310px,360px) minmax(0,1fr)!important;gap:16px!important;width:100%!important;margin:0!important}.vmail-page-create #edit-form>.vmail-compose-config,.vmail-page-create #edit-form>.vmail-compose-designer{width:100%!important;margin:0!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--vm-border)!important;border-radius:18px!important;padding:18px!important;box-shadow:var(--vm-shadow-sm)!important;min-width:0!important}.vmail-page-create .vmail-compose-config{align-self:start!important}.vmail-page-create .vmail-compose-designer{min-height:620px!important}.vmail-page-create .control-group{margin-bottom:13px!important}.vmail-page-create label.control-label{font-size:12px!important;font-weight:700!important;margin-bottom:5px!important}.vmail-page-create .input-xlarge{width:100%!important;max-width:none!important}.vmail-page-create #plain{height:94px!important}.vmail-page-create .dropdown{margin-bottom:13px!important}.vmail-page-create .help-block,.vmail-page-create .help-inline,.vmail-page-create label.error{font-size:10px!important;line-height:1.35!important;color:var(--vm-danger)!important;margin-top:4px!important}.vmail-page-create #set-campaign-title-btn{font-size:10px!important;color:var(--vm-muted)!important}.vmail-page-create .cke{border:1px solid var(--vm-border)!important;border-radius:13px!important;overflow:hidden!important;box-shadow:none!important}.vmail-page-create .wysiwyg-note{float:none!important;margin:8px 0 0!important;color:#929bb0!important}.vmail-page-create .vmail-tags-panel{margin-top:14px!important;border:1px solid var(--vm-border)!important;border-radius:13px!important;background:#fafaff!important;overflow:hidden!important}.vmail-page-create .vmail-tags-panel summary{cursor:pointer!important;padding:12px 14px!important;font-weight:750!important;color:#4c5673!important;list-style:none!important}.vmail-page-create .vmail-tags-panel summary::-webkit-details-marker{display:none}.vmail-page-create .vmail-tags-panel[open] summary{border-bottom:1px solid var(--vm-border)!important}.vmail-tags-intro{padding:12px 14px 0!important;margin:0!important;color:var(--vm-muted)!important;font-size:11px!important}.vmail-tags-panel>.row-fluid{padding:0 14px 14px!important;display:block!important}.vmail-tags-panel>.row-fluid [class*="span"]{float:none!important;width:100%!important;margin:10px 0!important}.vmail-tags-panel code{font-size:10px!important}.vmail-page-create #campaign-save-only-btn,.vmail-page-create button[type=submit].btn-inverse{height:40px!important;display:inline-flex!important;align-items:center!important;gap:6px!important}.vmail-page-create #campaign-save-only-btn{margin-right:6px!important}

/* ----- SETTINGS: no obsolete SES rail, organized main surface ----- */
.vmail-page-settings>.vmail-app-shell{padding-top:78px!important}.vmail-page-settings .vmail-settings-side{display:none!important}.vmail-page-settings>.vmail-app-shell>.row-fluid>.vmail-settings-main{width:100%!important;margin:0!important;max-width:1180px!important}.vmail-settings-intro{margin-bottom:14px!important}.vmail-page-settings #settings-form{max-width:1180px!important;background:#fff!important;border:1px solid var(--vm-border)!important;border-radius:18px!important;padding:20px!important;box-shadow:var(--vm-shadow-sm)!important}.vmail-page-settings #settings-form>.control-group{max-width:470px!important}.vmail-page-settings #settings-form>label.control-label{font-size:12px!important;font-weight:700!important;margin-top:3px!important}.vmail-page-settings #settings-form>.alert{max-width:720px!important}.vmail-page-settings #two-factor-setup{max-width:720px!important}.vmail-page-settings .accordion{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:16px!important}.vmail-page-settings .accordion-group{margin:0!important;border:1px solid var(--vm-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}.vmail-page-settings .accordion-heading .accordion-toggle{padding:15px 16px!important}.vmail-page-settings .accordion-heading h3{font-size:14px!important;margin:0!important;letter-spacing:-.02em!important}.vmail-page-settings .accordion-inner{padding:15px 16px!important}.vmail-page-settings #language,.vmail-page-settings #timezone{width:280px!important}.vmail-page-settings .vmail-settings-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ----- BRANDS ----- */
.vmail-page-index>.vmail-app-shell{padding-top:78px!important}.vmail-page-index .vmail-index-side{display:none!important}.vmail-page-index>.vmail-app-shell>.row-fluid>.vmail-brands-main{width:100%!important;margin:0!important}.vmail-page-index .vmail-page-intro{margin-bottom:14px!important}.vmail-page-index .vmail-brands-main>div[style*="margin-bottom:30px"]{margin-bottom:12px!important;display:flex!important;gap:10px!important;align-items:center!important}.vmail-page-index .vmail-brands-main .form-search{margin-left:auto!important;float:none!important;display:flex!important;gap:7px!important}.vmail-page-index #brands-table td,.vmail-page-index #brands-table th{white-space:nowrap!important}.vmail-page-index .brand-smtp-icons img{max-height:18px!important;width:auto!important}.vmail-page-index .progress,.vmail-page-index .progress-circle{vertical-align:middle!important;margin:0!important}

/* ----- REPORTS ----- */
.vmail-page-reports>.vmail-app-shell,.vmail-page-report>.vmail-app-shell,.vmail-page-list>.vmail-app-shell{padding-top:78px!important}.vmail-page-report canvas,.vmail-page-report svg,.vmail-page-report img{max-width:100%!important}.vmail-page-report .well{padding:16px!important}.vmail-page-report .span10>h2,.vmail-page-reports .span10>h2,.vmail-page-list .span10>h2{margin-top:0!important}.vmail-page-report [style*="float:left"],.vmail-page-report [style*="float: left"]{max-width:100%!important}

/* ----- LOGIN / 2FA: standalone SaaS experience ----- */
.vmail-page-login,.vmail-page-two-factor{min-height:100vh!important;overflow-x:hidden!important;background:#f7f8fd!important}.vmail-login-shell{min-height:100vh!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;background:#fff!important}.vmail-login-story{position:relative!important;min-height:100vh!important;padding:54px 58px!important;overflow:hidden!important;background:linear-gradient(145deg,#101737 0%,#242259 45%,#4c3db5 100%)!important;color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.vmail-login-story:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 20%,rgba(46,214,226,.20),transparent 34%),radial-gradient(circle at 25% 80%,rgba(212,83,255,.18),transparent 35%);pointer-events:none}.vmail-login-brand{display:flex!important;align-items:center!important;gap:12px!important;position:relative!important;z-index:2!important}.vmail-login-logo{width:56px!important;height:56px!important;object-fit:contain!important;filter:drop-shadow(0 12px 24px rgba(0,0,0,.18))}.vmail-logo-copy-light strong{color:#fff!important;font-size:24px!important}.vmail-logo-copy-light small{color:rgba(255,255,255,.62)!important}.vmail-login-story-content{position:relative!important;z-index:2!important;max-width:650px!important;margin:auto 0!important}.vmail-login-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid rgba(255,255,255,.20)!important;background:rgba(255,255,255,.08)!important;border-radius:999px!important;padding:8px 12px!important;font-size:11px!important;font-weight:650!important;color:rgba(255,255,255,.84)!important}.vmail-login-pill i{width:7px!important;height:7px!important;border-radius:50%!important;background:#38d8d2!important}.vmail-login-story h1{font-size:58px!important;line-height:1.02!important;letter-spacing:-.055em!important;color:#fff!important;margin:22px 0 18px!important;max-width:700px!important}.vmail-login-story h1 span{color:rgba(255,255,255,.55)!important}.vmail-login-story-content p{font-size:17px!important;line-height:1.65!important;color:rgba(255,255,255,.72)!important;max-width:570px!important}.vmail-login-grid{position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)!important;background-size:56px 56px!important;mask-image:linear-gradient(to bottom,black,transparent 88%)!important}.vmail-login-orbit{position:absolute!important;border:1px solid rgba(116,229,244,.22)!important;border-radius:50%!important}.vmail-orbit-one{width:520px!important;height:520px!important;right:-210px!important;top:80px!important}.vmail-orbit-two{width:760px!important;height:760px!important;right:-350px!important;top:-40px!important}
.vmail-login-panel{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:42px!important;background:#fff!important;position:relative!important}.vmail-login-mobile-brand{display:none!important}.vmail-login-card{width:100%!important;max-width:430px!important}.vmail-login-card .vmail-eyebrow{margin-bottom:8px!important}.vmail-login-card h2{font-size:38px!important;line-height:1.05!important;margin:0 0 10px!important;font-weight:800!important}.vmail-login-subtitle{font-size:14px!important;color:var(--vm-muted)!important;line-height:1.55!important;margin:0 0 24px!important}.vmail-login-form label{display:block!important;font-size:12px!important;font-weight:700!important;margin-bottom:6px!important;color:#39425f!important}.vmail-password-label{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:15px!important}.vmail-password-label label{margin:0!important}.vmail-password-label a{font-size:11px!important;font-weight:650!important}.vmail-field-wrap{position:relative!important;display:flex!important;align-items:center!important}.vmail-field-wrap>i{position:absolute!important;left:14px!important;z-index:2!important;color:#8e97ae!important;margin:0!important}.vmail-field-wrap input{width:100%!important;height:48px!important;padding:0 45px 0 40px!important;border-radius:13px!important;border:1px solid var(--vm-border-strong)!important;font-size:14px!important}.vmail-password-toggle{position:absolute!important;right:7px!important;width:35px!important;height:35px!important;border:0!important;background:transparent!important;border-radius:9px!important;color:#7e879e!important;padding:0!important}.vmail-login-submit{width:100%!important;margin-top:20px!important;height:48px!important;font-size:14px!important}.vmail-login-trust{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:17px!important;padding-top:16px!important;border-top:1px solid var(--vm-border)!important;color:#99a1b5!important;font-size:10px!important}.vmail-alert{margin:0 0 15px!important}.vmail-login-help{text-align:center!important;margin-top:16px!important;font-size:11px!important}.vmail-modal .modal-header p{margin:5px 0 0!important;color:var(--vm-muted)!important}.vmail-modal-icon{display:inline-grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:10px!important;background:var(--vm-grad-soft)!important;color:var(--vm-purple)!important;margin-bottom:8px!important}

/* ----- FOOTER ----- */
.vmail-footer-rule{border:0!important;border-top:1px solid var(--vm-border)!important;margin:20px 0 0!important}.vmail-ui footer{padding:14px 2px 4px!important;color:#a0a7bb!important;font-size:10px!important;margin:0!important}.vmail-footer-brand strong{color:#7162da!important}.vmail-footer-brand span{color:#a0a7bb!important}

/* ----- responsive ----- */
@media(max-width:1180px){.vmail-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vmail-page-create #edit-form{grid-template-columns:320px minmax(0,1fr)!important}.vmail-page-settings .accordion{grid-template-columns:1fr!important}}
@media(max-width:920px){.vmail-ui>.vmail-app-shell{padding:76px 16px 22px!important}.vmail-ui>.vmail-app-shell>.row-fluid{display:block!important}.vmail-ui>.vmail-app-shell>.row-fluid>.span2,.vmail-ui>.vmail-app-shell>.row-fluid>.span10{width:100%!important;margin:0!important}.vmail-sidebar{position:relative!important;top:auto!important;margin-bottom:12px!important}.vmail-page-create #edit-form{grid-template-columns:1fr!important}.vmail-login-shell{grid-template-columns:1fr!important}.vmail-login-story{display:none!important}.vmail-login-panel{padding:28px!important;background:var(--vm-bg)!important}.vmail-login-mobile-brand{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:24px!important}.vmail-login-logo-small{width:44px!important;height:44px!important}.vmail-login-card{background:#fff!important;border:1px solid var(--vm-border)!important;border-radius:20px!important;padding:25px!important;box-shadow:var(--vm-shadow)!important}.vmail-page-index #brands-table{min-width:980px!important}}
@media(max-width:767px){.vmail-ui .navbar-inner{padding:0 14px!important}.vmail-ui .navbar-inner>.container-fluid{height:60px!important;min-height:60px!important}.vmail-ui .brand.vmail-brand{min-width:0!important;margin-right:auto!important}.vmail-logo-copy small{display:none!important}.vmail-logo-img{width:36px!important;height:36px!important}.vmail-ui .navbar .btn-group.pull-right .btn{max-width:185px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.vmail-page-intro{align-items:flex-start!important}.vmail-page-intro h1{font-size:29px!important}.vmail-metric-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}.vmail-metric-card{padding:13px!important;min-height:90px!important}.vmail-metric-icon{width:36px!important;height:36px!important}.vmail-metric-card strong{font-size:22px!important}.vmail-campaign-toolbar{align-items:stretch!important}.vmail-search-form{width:100%!important;margin-left:0!important}.vmail-search-form input{flex:1!important;width:auto!important}.vmail-section-bar{display:block!important}.vmail-section-bar h2{margin-top:10px!important}.vmail-page-create .vmail-stepper{grid-template-columns:1fr 1fr!important}.vmail-page-settings #settings-form{padding:15px!important}}
@media(max-width:520px){.vmail-metric-grid{grid-template-columns:1fr!important}.vmail-page-intro{display:block!important}.vmail-page-intro .vmail-primary-cta{margin-top:12px!important;width:100%!important}.vmail-logo-copy strong{font-size:18px!important}.vmail-login-panel{padding:16px!important}.vmail-login-card{padding:20px!important}.vmail-login-card h2{font-size:32px!important}.vmail-login-trust{display:block!important}.vmail-login-trust span{display:block!important;margin:5px 0!important}}

/* =========================================================
   VMAIL UI 4.1 — layout stability, sticky navigation, theme
   ========================================================= */

/* Kill Bootstrap's legacy mobile toggle box on desktop. It was being
   unintentionally restyled by the generic .navbar .btn rule. */
.vmail-ui .navbar .btn-navbar{
  display:none!important;
  width:42px!important;height:42px!important;min-width:42px!important;
  padding:0!important;margin:0 10px 0 0!important;
  align-items:center!important;justify-content:center!important;
  flex-direction:column!important;gap:4px!important;
  border:1px solid var(--vm-border-strong)!important;border-radius:12px!important;
  background:#fff!important;
}
.vmail-ui .navbar .btn-navbar .icon-bar{display:block!important;width:18px!important;height:2px!important;margin:0!important;background:#5b6684!important;border-radius:2px!important;box-shadow:none!important}

/* Header logo uses the official animated Vmail mark. */
.vmail-logo-img,.vmail-login-logo{object-fit:contain!important}

/* Sidebar follows the viewport and scrolls internally rather than disappearing. */
.vmail-ui>.vmail-app-shell>.row-fluid>.span2{align-self:flex-start!important}
.vmail-sidebar{
  position:sticky!important;
  top:78px!important;
  max-height:calc(100vh - 94px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin;
  scrollbar-color:#d7d8e9 transparent;
}
.vmail-sidebar::-webkit-scrollbar{width:6px}
.vmail-sidebar::-webkit-scrollbar-track{background:transparent}
.vmail-sidebar::-webkit-scrollbar-thumb{background:#d7d8e9;border-radius:20px}

/* Theme controls: true square hit areas with perfectly centered glyphs. */
.vmail-ui footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.vmail-ui footer .footer-left,.vmail-ui footer .footer-right{float:none!important;margin:0!important}
.vmail-theme-controls{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px!important;border:1px solid var(--vm-border)!important;border-radius:12px!important;background:var(--vm-surface)!important;box-shadow:0 5px 16px rgba(18,23,58,.05)!important}
.vmail-theme-btn{width:34px!important;height:34px!important;min-width:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#6c7591!important;line-height:1!important;box-sizing:border-box!important}
.vmail-theme-btn i{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important;line-height:16px!important;margin:0!important;padding:0!important;position:static!important}
.vmail-theme-btn.is-active{background:var(--vm-grad-soft)!important;color:var(--vm-purple)!important;box-shadow:inset 0 0 0 1px rgba(105,86,255,.13)!important}

/* Vmail dark mode. Sendy's old dark CSS remains loaded when server mode is dark,
   while these variables guarantee Vmail-specific components actually change. */
.vmail-theme-dark{
  --vm-bg:#0f1324;
  --vm-surface:#171c31;
  --vm-surface-2:#1d233c;
  --vm-text:#f5f7ff;
  --vm-muted:#aab2ca;
  --vm-border:#2b324d;
  --vm-border-strong:#39415f;
  --vm-shadow:0 16px 44px rgba(0,0,0,.28);
  --vm-shadow-sm:0 8px 24px rgba(0,0,0,.18);
  background:#0f1324!important;color:var(--vm-text)!important;
}
.vmail-theme-dark:before{opacity:.12!important}
.vmail-theme-dark .navbar-inner{background:rgba(15,19,36,.96)!important;border-bottom-color:#2b324d!important}
.vmail-theme-dark .vmail-sidebar,.vmail-theme-dark .vmail-card,.vmail-theme-dark .well,.vmail-theme-dark .table,.vmail-theme-dark .vmail-login-card,.vmail-theme-dark .vmail-theme-controls{background:var(--vm-surface)!important;color:var(--vm-text)!important;border-color:var(--vm-border)!important}
.vmail-theme-dark .vmail-sidebar-head{border-bottom-color:#2b324d!important}
.vmail-theme-dark .sidebar-nav .nav-list>li>a{color:#bac2d9!important}
.vmail-theme-dark .sidebar-nav .nav-list>li>a:hover{background:#202740!important;color:#fff!important}
.vmail-theme-dark .sidebar-nav .nav-list>.active>a{background:linear-gradient(135deg,#292459,#1d3153)!important;color:#fff!important;box-shadow:inset 0 0 0 1px #47406f!important}
.vmail-theme-dark input,.vmail-theme-dark textarea,.vmail-theme-dark select,.vmail-theme-dark .uneditable-input{background:#13182b!important;color:#f4f6ff!important;border-color:#353e5d!important}
.vmail-theme-dark .table th,.vmail-theme-dark .table td{border-color:#2a314b!important;color:#e9ecf8!important}
.vmail-theme-dark .table tbody tr:hover td{background:#1b2138!important}
.vmail-theme-dark footer{color:#929bb5!important}
.vmail-theme-dark .vmail-theme-btn{color:#aeb6ce!important}

/* Auth pages must never inherit legacy header spacing or app wrapper widths. */
.vmail-page-login,.vmail-page-two-factor{padding-top:0!important;margin-top:0!important}
.vmail-page-login .vmail-login-shell,.vmail-page-two-factor .vmail-login-shell{margin:0!important;max-width:none!important}

@media(max-width:920px){
  .vmail-sidebar{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important}
}
@media(max-width:767px){
  .vmail-ui .navbar .btn-navbar{display:inline-flex!important}
  .vmail-ui footer{align-items:flex-start!important}
}

/* =========================================================
   VMAIL UI 4.2 — persistent workspace navigation
   The LEFT navigation card remains visible independently of page scroll.
   ========================================================= */
@media (min-width:921px){
  .vmail-ui>.vmail-app-shell>.row-fluid>.span2{
    position:relative!important;
    flex:0 0 232px!important;
    width:232px!important;
    min-width:232px!important;
  }
  .vmail-ui .vmail-sidebar{
    position:fixed!important;
    top:78px!important;
    bottom:22px!important;
    left:max(28px, calc((100vw - 1760px)/2 + 28px))!important;
    width:232px!important;
    max-height:calc(100vh - 100px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#d7d8e9 transparent;
    z-index:1010!important;
  }
  .vmail-ui .vmail-sidebar .nav-list:last-child{padding-bottom:10px!important}
}
@media (max-width:920px){
  .vmail-ui .vmail-sidebar{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* Vmail 4.3 — Brand settings redesign */
.vmail-page-edit-brand>.vmail-app-shell{padding-top:76px!important}
.vmail-page-edit-brand #settings-form{max-width:1480px!important;margin:0 auto!important;padding-bottom:86px!important}
.vmail-brand-page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin:0 0 18px!important;padding:0 2px!important}
.vmail-brand-page-head h1{font-size:34px!important;line-height:1.05!important;letter-spacing:-.035em!important;margin:6px 0 6px!important;color:var(--vm-text)!important;font-weight:800!important}
.vmail-brand-page-head p{margin:0!important;color:var(--vm-muted)!important;font-size:14px!important;max-width:720px!important;line-height:1.55!important}
.vmail-brand-save-top{height:44px!important;border-radius:13px!important;padding:0 18px!important;background:var(--vm-grad)!important;border:0!important;box-shadow:0 10px 25px rgba(105,76,255,.18)!important;font-weight:700!important}
.vmail-brand-settings-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important;gap:18px!important;align-items:start!important;margin:0!important}
.vmail-brand-settings-grid>[class*="span"]{width:auto!important;margin:0!important;float:none!important;min-width:0!important}
.vmail-brand-ses-col{grid-column:1/-1!important}
.vmail-ses-details{background:#fff!important;border:1px solid var(--vm-border)!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(32,40,78,.045)!important;overflow:hidden!important}
.vmail-ses-details>summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:13px 16px!important;cursor:pointer!important;color:var(--vm-text)!important;font-weight:750!important}
.vmail-ses-details>summary::-webkit-details-marker{display:none!important}.vmail-ses-details>summary>span{display:flex!important;align-items:center!important;gap:9px!important}.vmail-ses-details>summary>span i{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;background:var(--vm-grad-soft)!important;color:var(--vm-purple)!important;border-radius:9px!important}.vmail-ses-details>summary small{font-size:11px!important;color:var(--vm-muted)!important;font-weight:650!important;display:flex!important;align-items:center!important;gap:7px!important}.vmail-ses-details[open]>summary{border-bottom:1px solid var(--vm-border)!important}.vmail-ses-details[open]>summary small i{transform:rotate(180deg)!important}
.vmail-ses-details-body{padding:15px 17px!important;display:grid!important;grid-template-columns:repeat(5,minmax(100px,1fr))!important;gap:8px 18px!important;color:var(--vm-muted)!important;font-size:12px!important}.vmail-ses-details-body h3,.vmail-ses-details-body h4{grid-column:1/-1!important;margin:0 0 2px!important;color:var(--vm-text)!important;font-size:15px!important}.vmail-ses-details-body p{margin:0!important;line-height:1.45!important}.vmail-ses-details-body .alert{grid-column:1/-1!important;margin:6px 0 0!important}
.vmail-brand-profile-card,.vmail-brand-client-card{background:#fff!important;border:1px solid var(--vm-border)!important;border-radius:20px!important;box-shadow:0 14px 40px rgba(32,40,78,.055)!important;padding:20px!important;overflow:hidden!important}
.vmail-card-heading{margin:0 0 18px!important;padding:0 0 15px!important;border-bottom:1px solid var(--vm-border)!important}.vmail-card-heading h2{font-size:22px!important;line-height:1.15!important;letter-spacing:-.02em!important;margin:5px 0 5px!important;color:var(--vm-text)!important}.vmail-card-heading p{margin:0!important;color:var(--vm-muted)!important;font-size:12px!important;line-height:1.5!important}
.vmail-page-edit-brand label.control-label{font-size:11px!important;font-weight:750!important;color:#56617d!important;margin:0 0 6px!important}.vmail-page-edit-brand .control-group{margin-bottom:14px!important}.vmail-page-edit-brand input[type="text"],.vmail-page-edit-brand input[type="email"],.vmail-page-edit-brand input[type="password"],.vmail-page-edit-brand select,.vmail-page-edit-brand textarea{height:42px!important;min-height:42px!important;border:1px solid var(--vm-border-strong)!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;padding:0 12px!important;color:var(--vm-text)!important;font-size:13px!important;max-width:100%!important}.vmail-page-edit-brand textarea{height:auto!important;padding-top:10px!important}.vmail-page-edit-brand input[type="file"]{max-width:100%!important}
.vmail-page-edit-brand .accordion{margin:0!important}.vmail-page-edit-brand .accordion-group{border:1px solid var(--vm-border)!important;border-radius:14px!important;overflow:hidden!important;background:#fbfbfe!important;margin:0 0 9px!important}.vmail-page-edit-brand .accordion-heading{background:#fff!important}.vmail-page-edit-brand .accordion-heading .accordion-toggle{padding:0!important;text-decoration:none!important;color:var(--vm-text)!important}.vmail-page-edit-brand .accordion-heading h3{font-size:13px!important;line-height:1.2!important;margin:0!important;padding:13px 14px!important;display:flex!important;align-items:center!important;gap:9px!important;font-weight:750!important}.vmail-page-edit-brand .accordion-heading h3 .icon{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:var(--vm-grad-soft)!important;color:var(--vm-purple)!important;margin:0!important}.vmail-page-edit-brand .accordion-body>p,.vmail-page-edit-brand .accordion-body>.control-group,.vmail-page-edit-brand .accordion-body>.dashed-box,.vmail-page-edit-brand .accordion-body>div:not(.accordion-inner){margin-left:14px!important;margin-right:14px!important}.vmail-page-edit-brand .accordion-body{padding-bottom:12px!important}.vmail-page-edit-brand .well{padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important}.vmail-page-edit-brand .alert{border-radius:13px!important;border:1px solid #ece7bd!important;background:#fffced!important;color:#665f36!important;padding:13px 14px!important;font-size:12px!important;line-height:1.55!important;margin:0 0 12px!important}.vmail-page-edit-brand .alert-danger{border-color:#ffd6d8!important;background:#fff5f6!important;color:#9f3f49!important}.vmail-page-edit-brand .alert-success{border-color:#ccebd9!important;background:#f3fbf7!important;color:#2b7750!important}
.vmail-page-edit-brand .btn-group .btn{border-radius:9px!important;min-height:36px!important}.vmail-page-edit-brand .btn-group>.btn+.btn{margin-left:5px!important}.vmail-page-edit-brand .dashed-box{border:1px solid var(--vm-border)!important;background:#fff!important;border-radius:12px!important;padding:12px!important}.vmail-page-edit-brand .checkbox label{display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:12px!important;line-height:1.45!important}.vmail-page-edit-brand .checkbox input{margin-top:2px!important}
.vmail-legacy-brand-save{display:none!important}.vmail-brand-savebar{position:sticky!important;bottom:12px!important;z-index:30!important;margin-top:18px!important;padding:11px 12px 11px 16px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--vm-border)!important;border-radius:16px!important;box-shadow:0 14px 44px rgba(21,29,63,.12)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}.vmail-brand-savebar>div{display:flex!important;flex-direction:column!important;gap:1px!important}.vmail-brand-savebar strong{font-size:12px!important;color:var(--vm-text)!important}.vmail-brand-savebar span{font-size:10px!important;color:var(--vm-muted)!important}.vmail-brand-savebar .btn{height:40px!important;border:0!important;border-radius:11px!important;background:var(--vm-grad)!important;font-weight:700!important;padding:0 16px!important}
.vmail-page-edit-brand.vmail-theme-dark .vmail-brand-profile-card,.vmail-page-edit-brand.vmail-theme-dark .vmail-brand-client-card,.vmail-page-edit-brand.vmail-theme-dark .vmail-ses-details,.vmail-page-edit-brand.vmail-theme-dark .vmail-brand-savebar{background:#171b2d!important;border-color:#2b3150!important}.vmail-page-edit-brand.vmail-theme-dark .accordion-group,.vmail-page-edit-brand.vmail-theme-dark .accordion-heading,.vmail-page-edit-brand.vmail-theme-dark .dashed-box{background:#1a1f33!important;border-color:#303754!important}.vmail-page-edit-brand.vmail-theme-dark input,.vmail-page-edit-brand.vmail-theme-dark select,.vmail-page-edit-brand.vmail-theme-dark textarea{background:#121727!important;border-color:#303754!important;color:#f5f7ff!important}
@media(max-width:1050px){.vmail-brand-settings-grid{grid-template-columns:1fr!important}.vmail-brand-page-head{align-items:flex-start!important}.vmail-ses-details-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){.vmail-page-edit-brand #settings-form{padding-bottom:76px!important}.vmail-brand-page-head{display:block!important}.vmail-brand-save-top{display:none!important}.vmail-brand-page-head h1{font-size:29px!important}.vmail-brand-profile-card,.vmail-brand-client-card{padding:15px!important;border-radius:17px!important}.vmail-ses-details-body{grid-template-columns:1fr!important}.vmail-brand-savebar{bottom:8px!important}.vmail-brand-savebar>div{display:none!important}.vmail-brand-savebar .btn{width:100%!important}}

/* Vmail UI 4.4 — polish pass */
.vmail-brand-savebar .btn,
.vmail-brand-savebar .btn:link,
.vmail-brand-savebar .btn:visited,
.vmail-brand-savebar .btn:hover,
.vmail-brand-savebar .btn:focus,
.vmail-brand-save-top,
.vmail-brand-save-top:hover,
.vmail-brand-save-top:focus{
  color:#fff!important;
  text-shadow:none!important;
}
.vmail-brand-savebar .btn i,.vmail-brand-save-top i{color:#fff!important}

/* Bootstrap 2 accordions: prevent collapsed content from peeking through */
.vmail-page-edit-brand .accordion-body.collapse:not(.in){
  height:0!important;
  min-height:0!important;
  overflow:hidden!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.vmail-page-edit-brand .accordion-body.collapse.in{overflow:visible!important;height:auto!important}
.vmail-page-edit-brand .accordion-inner{padding:14px!important;border-top:1px solid var(--vm-border)!important}
.vmail-page-edit-brand .accordion-body>p{font-size:12px!important;line-height:1.55!important;color:var(--vm-muted)!important;max-width:100%!important;overflow-wrap:anywhere!important}

/* Brand selector dropdown contrast */
.vmail-topbar .dropdown-menu li.active>a,
.vmail-topbar .dropdown-menu li.active>a:hover,
.vmail-topbar .dropdown-menu li.active>a:focus,
.dropdown-menu li.active>a,
.dropdown-menu li.active>a:hover,
.dropdown-menu li.active>a:focus{
  background:#171c2c!important;
  color:#fff!important;
  text-shadow:none!important;
}
.dropdown-menu li.active>a *{color:#fff!important}
.dropdown-menu li>a{border-radius:10px!important}

/* Metrics: icon container consistency */
.vmail-metric-icon{display:grid!important;place-items:center!important;line-height:1!important}
.vmail-metric-icon i{display:block!important;line-height:1!important;font-size:17px!important;color:var(--vm-purple)!important}
.vmail-metric-icon .icon-link{transform:rotate(-8deg)}

/* Templates page polish */
body.vmail-page-templates .vmail-main-content>div:first-child,
body.vmail-page-templates .span10>div:first-child{margin-bottom:4px!important}
body.vmail-page-templates h2{margin:2px 0 12px!important;font-size:28px!important;line-height:1.15!important;letter-spacing:-.03em!important}
body.vmail-page-templates table{margin-top:18px!important}
body.vmail-page-templates .btn{min-height:38px!important;display:inline-flex!important;align-items:center!important;gap:7px!important}

/* General table action alignment */
.table td a>i,.table td a>span.icon{vertical-align:middle!important;line-height:1!important}
.table th,.table td{vertical-align:middle!important}

/* Keep footer utility controls visually centered */
.vmail-theme-controls{display:flex!important;align-items:center!important;justify-content:center!important}
.vmail-theme-btn{display:grid!important;place-items:center!important;padding:0!important}
.vmail-theme-btn i{margin:0!important;line-height:1!important}


/* =========================================================
   VMAIL UI 4.5 — dark mode, dropdowns, accordions, polish
   ========================================================= */
.vmail-ui .btn,.vmail-ui button,.vmail-ui input[type="submit"]{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease!important}
.vmail-ui .btn:hover,.vmail-ui button:hover,.vmail-ui input[type="submit"]:hover{transform:translateY(-1px)}
.vmail-ui .btn[disabled],.vmail-ui button[disabled],.vmail-ui input[disabled]{opacity:.55!important;cursor:not-allowed!important;transform:none!important}
.vmail-theme-dark .vmail-logo-copy strong{color:#f5f7ff!important}
.vmail-theme-dark .vmail-logo-copy small{color:#9aa8d0!important}
.vmail-theme-dark .brand.vmail-brand{color:#f5f7ff!important}
.vmail-theme-dark .navbar-inner{box-shadow:0 8px 28px rgba(0,0,0,.22)!important}
.vmail-theme-dark .navbar .btn{background:#171c31!important;border-color:#303857!important;color:#f4f6ff!important}
.vmail-theme-dark .navbar .btn:hover,.vmail-theme-dark .navbar .btn:focus{background:#202741!important;border-color:#40496a!important;color:#fff!important}
.vmail-theme-dark .navbar .btn.btn-inverse{background:#0e1530!important;border-color:#2e3d73!important;color:#fff!important}
.vmail-theme-dark .navbar .caret{border-top-color:#d8deff!important;border-bottom-color:#d8deff!important}
.vmail-theme-dark .navbar .btn img{background:#fff;border-radius:6px;padding:1px}
.vmail-ui .dropdown-menu,.vmail-ui .navbar .dropdown-menu{background:#fff!important;border:1px solid var(--vm-border)!important;border-radius:16px!important;box-shadow:0 18px 44px rgba(16,22,49,.16)!important;padding:8px!important}
.vmail-ui .dropdown-menu li>a,.vmail-ui .navbar .dropdown-menu li>a{display:flex!important;align-items:center!important;gap:8px!important;color:var(--vm-text)!important;padding:11px 12px!important;border-radius:12px!important;font-weight:650!important;text-shadow:none!important}
.vmail-ui .dropdown-menu li>a:hover,.vmail-ui .dropdown-menu li>a:focus,.vmail-ui .navbar .dropdown-menu li>a:hover,.vmail-ui .navbar .dropdown-menu li>a:focus{background:linear-gradient(135deg,rgba(101,80,247,.14),rgba(32,201,223,.14))!important;color:#4338d8!important}
.vmail-ui .dropdown-menu li.active>a,.vmail-ui .dropdown-menu li.active>a:hover,.vmail-ui .dropdown-menu li.active>a:focus,.vmail-ui .navbar .dropdown-menu li.active>a,.vmail-ui .navbar .dropdown-menu li.active>a:hover,.vmail-ui .navbar .dropdown-menu li.active>a:focus{background:linear-gradient(135deg,#6d54fb 0%,#4f76ff 55%,#27c7df 100%)!important;color:#fff!important;box-shadow:0 10px 22px rgba(83,85,255,.26)!important}
.vmail-ui .dropdown-menu li.active>a *,.vmail-ui .navbar .dropdown-menu li.active>a *{color:#fff!important}
.vmail-theme-dark .dropdown-menu,.vmail-theme-dark .navbar .dropdown-menu{background:#171c31!important;border-color:#303857!important;box-shadow:0 18px 48px rgba(0,0,0,.35)!important}
.vmail-theme-dark .dropdown-menu li>a,.vmail-theme-dark .navbar .dropdown-menu li>a{color:#eef2ff!important}
.vmail-theme-dark .dropdown-menu li>a:hover,.vmail-theme-dark .dropdown-menu li>a:focus,.vmail-theme-dark .navbar .dropdown-menu li>a:hover,.vmail-theme-dark .navbar .dropdown-menu li>a:focus{background:#202741!important;color:#fff!important}
.vmail-theme-dark .dropdown-menu .divider{background:#2f3552!important;border-bottom-color:#232942!important}
.vmail-theme-dark,.vmail-theme-dark body{background:#0f1324!important;color:#f5f7ff!important}
.vmail-theme-dark .vmail-page-intro h1,.vmail-theme-dark h1,.vmail-theme-dark h2,.vmail-theme-dark h3,.vmail-theme-dark h4,.vmail-theme-dark strong,.vmail-theme-dark .lead{color:#f5f7ff!important}
.vmail-theme-dark p,.vmail-theme-dark span,.vmail-theme-dark label,.vmail-theme-dark small,.vmail-theme-dark .muted{color:#aab2ca!important}
.vmail-theme-dark a{color:#8da0ff!important}
.vmail-theme-dark .vmail-sidebar,.vmail-theme-dark .vmail-card,.vmail-theme-dark .well,.vmail-theme-dark .table,.vmail-theme-dark .vmail-login-card,.vmail-theme-dark .vmail-theme-controls,.vmail-theme-dark .vmail-brand-profile-card,.vmail-theme-dark .vmail-brand-client-card,.vmail-theme-dark .vmail-brand-savebar,.vmail-theme-dark .vmail-metric-card,.vmail-theme-dark .vmail-list-card,.vmail-theme-dark .alert,.vmail-theme-dark .pagination ul>li>a,.vmail-theme-dark .pagination ul>li>span{background:#171c31!important;border-color:#2c3553!important;color:#f5f7ff!important}
.vmail-theme-dark .table th{background:#161b2f!important;color:#aeb7d2!important}
.vmail-theme-dark .table tbody tr td{background:#171c31!important;color:#f5f7ff!important}
.vmail-theme-dark .table tbody tr:nth-child(even) td{background:#161a2d!important}
.vmail-theme-dark .table tbody tr:hover td{background:#202741!important}
.vmail-theme-dark .table-bordered,.vmail-theme-dark .table-bordered td,.vmail-theme-dark .table-bordered th{border-color:#2c3553!important}
.vmail-theme-dark .vmail-page-intro p,.vmail-theme-dark .vmail-section-bar p,.vmail-theme-dark .vmail-brand-context .lead,.vmail-theme-dark .vmail-brand-savebar span{color:#aab2ca!important}
.vmail-theme-dark .vmail-eyebrow,.vmail-theme-dark .vmail-page-intro .vmail-eyebrow{color:#7f92ff!important}
.vmail-theme-dark .nav-header,.vmail-theme-dark .vmail-workspace-kicker{color:#8791b0!important}
.vmail-theme-dark .vmail-brand-page-head .vmail-brand-context p{color:#aab2ca!important}
.vmail-theme-dark .vmail-rss-btn,.vmail-theme-dark .vmail-icon-action,.vmail-theme-dark .btn-group .btn,.vmail-theme-dark .btn{color:#eef2ff!important}
.vmail-brand-savebar .btn,.vmail-brand-savebar .btn:hover,.vmail-brand-savebar .btn:focus,.vmail-brand-savebar .btn:active,.vmail-brand-savebar .btn.active,.vmail-brand-save-top,.vmail-brand-save-top:hover,.vmail-brand-save-top:focus,.vmail-brand-save-top:active{background:var(--vm-grad)!important;color:#fff!important;border:0!important;text-shadow:none!important;box-shadow:0 12px 28px rgba(84,89,255,.22)!important}
.vmail-brand-savebar .btn:hover,.vmail-brand-save-top:hover{filter:saturate(1.08) brightness(1.02)!important}
.vmail-brand-savebar .btn[disabled],.vmail-brand-savebar .btn.disabled,.vmail-brand-savebar .btn:disabled{opacity:.45!important;filter:grayscale(.05)!important;color:#fff!important}
.vmail-brand-savebar .btn i,.vmail-brand-save-top i{color:#fff!important}
.vmail-page-edit-brand .accordion-body{display:block!important}
.vmail-page-edit-brand .accordion-body.collapse:not(.in){display:none!important}
.vmail-page-edit-brand .accordion-body.collapse.in{display:block!important;background:transparent!important}
.vmail-page-edit-brand .accordion-inner{background:transparent!important}
.vmail-page-edit-brand .accordion-toggle{display:block!important;cursor:pointer!important}
.vmail-page-edit-brand .accordion-heading h3{min-height:56px!important}
.vmail-page-edit-brand .accordion-heading h3::after{content:'\f078';font-family:FontAwesome;margin-left:auto;font-size:12px;color:#9aa3bb;transition:transform .2s ease}
.vmail-page-edit-brand .accordion-group.is-open .accordion-heading h3::after{transform:rotate(180deg);color:#6b58fb}
.vmail-theme-dark .vmail-page-edit-brand .accordion-body>p,.vmail-theme-dark .vmail-page-edit-brand .accordion-inner,.vmail-theme-dark .vmail-page-edit-brand .checkbox label,.vmail-theme-dark .vmail-page-edit-brand .help-block{color:#aab2ca!important}
.vmail-theme-dark .vmail-page-edit-brand .accordion-heading h3::after{color:#aab2ca}
.vmail-theme-dark .label,.vmail-theme-dark .badge{background:#232a46!important;border-color:#39405c!important;text-shadow:none!important}
.vmail-theme-dark .badge-success{background:#184d3c!important;color:#9cf0cb!important}.vmail-theme-dark .badge-important{background:#612630!important;color:#ffcad2!important}.vmail-theme-dark .badge-warning{background:#5e4b18!important;color:#ffe4a3!important}.vmail-theme-dark .badge-info{background:#153d57!important;color:#ace4ff!important}
.vmail-report-chart-card{background:#fff;border:1px solid var(--vm-border);border-radius:18px;padding:14px;box-shadow:var(--vm-shadow-sm)}
.vmail-theme-dark .vmail-report-chart-card{background:#171c31!important;border-color:#2c3553!important}
.vmail-theme-dark .report-container,.vmail-theme-dark #countries-container,.vmail-theme-dark .highcharts-container{color:#f5f7ff!important}


/* =========================================================
   VMAIL UI 4.6 — true mobile-first responsive layer
   ========================================================= */
.vmail-mobile-overlay,.vmail-mobile-drawer{display:none}
html.vmail-menu-open,body.vmail-menu-open{overflow:hidden!important}

@media (max-width:767px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.vmail-ui{width:100%!important;background-size:42px 42px!important}

  /* Header: compact, touch-friendly, no overflow */
  .vmail-ui .navbar-fixed-top{position:fixed!important;width:100%!important}
  .vmail-ui .navbar-inner{padding:0 12px!important;min-height:66px!important}
  .vmail-ui .navbar-inner>.container-fluid{height:63px!important;min-height:63px!important;width:100%!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}
  .vmail-ui .navbar .btn-navbar{display:inline-flex!important;grid-column:1!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;background:#fff!important;border:1px solid var(--vm-border-strong)!important;box-shadow:none!important;z-index:2!important}
  .vmail-ui .navbar .btn-navbar .icon-bar{width:21px!important;height:2px!important;background:#56617d!important}
  .vmail-ui .brand.vmail-brand{grid-column:2!important;display:none!important}
  .vmail-ui .navbar .btn-group.pull-right{float:none!important;margin:0!important;min-width:0!important}
  .vmail-ui .navbar .btn-group.pull-right:nth-of-type(1){grid-column:2!important;grid-row:1!important;justify-self:stretch!important;min-width:0!important}
  .vmail-ui .navbar .btn-group.pull-right:nth-of-type(2){grid-column:3!important;grid-row:1!important;justify-self:end!important}
  .vmail-ui .navbar .btn-group.pull-right .btn{width:100%!important;max-width:none!important;height:44px!important;min-width:0!important;padding:0 12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;border-radius:13px!important;font-size:13px!important}
  .vmail-ui .navbar .btn-group.pull-right:nth-of-type(2) .btn{width:auto!important;max-width:124px!important;padding:0 11px!important}
  .vmail-ui .navbar .btn-group.pull-right:nth-of-type(2) .btn img{width:18px!important;height:18px!important;flex:0 0 18px!important}
  .vmail-ui .navbar .dropdown-menu{display:none!important}
  .vmail-ui .nav-collapse{display:none!important}

  /* Mobile drawer */
  .vmail-mobile-overlay{display:block!important;position:fixed!important;inset:0!important;background:rgba(10,15,35,.48)!important;backdrop-filter:blur(3px)!important;opacity:0!important;visibility:hidden!important;transition:.22s ease!important;z-index:1090!important}
  .vmail-mobile-drawer{display:flex!important;flex-direction:column!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(86vw,340px)!important;background:#fff!important;border-right:1px solid var(--vm-border)!important;box-shadow:24px 0 64px rgba(14,20,48,.22)!important;transform:translateX(-105%)!important;transition:transform .24s ease!important;z-index:1100!important;overflow:hidden!important}
  .vmail-menu-open .vmail-mobile-overlay{opacity:1!important;visibility:visible!important}
  .vmail-menu-open .vmail-mobile-drawer{transform:translateX(0)!important}
  .vmail-mobile-drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:18px 16px!important;border-bottom:1px solid var(--vm-border)!important}
  .vmail-mobile-drawer-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  .vmail-mobile-drawer-brand img{width:40px!important;height:40px!important;object-fit:contain!important}
  .vmail-mobile-drawer-brand span{display:flex!important;flex-direction:column!important;line-height:1.05!important}.vmail-mobile-drawer-brand strong{font-size:19px!important;color:var(--vm-navy)!important}.vmail-mobile-drawer-brand small{font-size:8px!important;text-transform:uppercase!important;letter-spacing:.13em!important;color:#929bb3!important;margin-top:5px!important}
  .vmail-mobile-drawer-close{width:40px!important;height:40px!important;border:1px solid var(--vm-border)!important;border-radius:12px!important;background:#fff!important;color:var(--vm-text)!important;font-size:26px!important;line-height:1!important;padding:0!important}
  .vmail-mobile-drawer-content{flex:1!important;overflow-y:auto!important;padding:10px!important;overscroll-behavior:contain!important}
  .vmail-mobile-drawer-content .vmail-sidebar{display:block!important;position:static!important;max-height:none!important;overflow:visible!important;margin:0!important;width:100%!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;background:transparent!important}
  .vmail-mobile-drawer-content .vmail-sidebar-head{padding:10px 10px 13px!important}
  .vmail-mobile-drawer-content .sidebar-nav .nav-list>li>a{padding:13px 12px!important;font-size:14px!important}
  .vmail-mobile-drawer-global{padding:10px!important;border-top:1px solid var(--vm-border)!important;display:grid!important;gap:4px!important}
  .vmail-mobile-drawer-global a{display:flex!important;align-items:center!important;gap:11px!important;padding:12px!important;border-radius:11px!important;color:#56617d!important;font-weight:700!important;text-decoration:none!important}
  .vmail-mobile-drawer-global a:hover{background:#f2f1ff!important;color:var(--vm-purple)!important}
  .vmail-theme-dark .vmail-mobile-drawer{background:#171c31!important;border-color:#303857!important}.vmail-theme-dark .vmail-mobile-drawer-head,.vmail-theme-dark .vmail-mobile-drawer-global{border-color:#303857!important}.vmail-theme-dark .vmail-mobile-drawer-brand strong{color:#fff!important}.vmail-theme-dark .vmail-mobile-drawer-close{background:#202741!important;border-color:#303857!important;color:#fff!important}.vmail-theme-dark .vmail-mobile-drawer-global a{color:#dbe0f3!important}

  /* App shell: full-width content; desktop sidebar removed from flow */
  .vmail-ui>.vmail-app-shell{padding:84px 14px 24px!important;width:100%!important;max-width:100%!important;min-height:100vh!important}
  .vmail-ui>.vmail-app-shell>.row-fluid{display:block!important;width:100%!important;margin:0!important}
  .vmail-ui>.vmail-app-shell>.row-fluid>.span2{display:none!important}
  .vmail-ui>.vmail-app-shell>.row-fluid>.span10,.vmail-ui>.vmail-app-shell>.row-fluid>.span12,.vmail-main-content{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;float:none!important;min-width:0!important}

  /* Page headers */
  .vmail-page-intro{display:block!important;margin-bottom:18px!important}
  .vmail-page-intro h1{font-size:34px!important;line-height:1.02!important;margin:7px 0 8px!important}
  .vmail-page-intro p{font-size:16px!important;line-height:1.45!important;max-width:100%!important}
  .vmail-eyebrow{font-size:10px!important}
  .vmail-primary-cta{width:100%!important;margin-top:14px!important}

  /* Dashboard cards */
  .vmail-metric-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .vmail-metric-card{min-width:0!important;min-height:104px!important;padding:13px!important;gap:10px!important;border-radius:16px!important}
  .vmail-metric-icon{width:36px!important;height:36px!important}
  .vmail-metric-card strong{font-size:24px!important}.vmail-metric-card small{font-size:8px!important}.vmail-metric-card span:last-child{white-space:normal!important}
  .vmail-section-bar{display:block!important;margin-bottom:12px!important}.vmail-section-bar h2{font-size:25px!important;margin:7px 0!important}

  /* Forms/toolbars stack cleanly */
  .vmail-campaign-toolbar,.vmail-page-index .vmail-brands-main>div[style*="margin-bottom:30px"]{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;margin-bottom:14px!important}
  .vmail-search-form,.vmail-page-index .vmail-brands-main .form-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;margin:0!important;float:none!important;gap:8px!important}
  .vmail-search-form input,.vmail-page-index .form-search input{width:100%!important;min-width:0!important;height:44px!important;margin:0!important}
  .vmail-search-form .btn,.vmail-page-index .form-search .btn{height:44px!important;margin:0!important;white-space:nowrap!important}
  .vmail-page-index .vmail-brands-main>div[style*="margin-bottom:30px"]>button{width:100%!important;height:44px!important}

  /* Brand list becomes true mobile cards */
  .vmail-page-index #brands-table{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important;overflow:visible!important}
  .vmail-page-index #brands-table thead{display:none!important}
  .vmail-page-index #brands-table tbody{display:grid!important;gap:12px!important;width:100%!important}
  .vmail-page-index #brands-table tr{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;width:100%!important;padding:16px!important;background:#fff!important;border:1px solid var(--vm-border)!important;border-radius:18px!important;box-shadow:var(--vm-shadow-sm)!important}
  .vmail-page-index #brands-table td{display:flex!important;align-items:center!important;min-width:0!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;white-space:normal!important;color:var(--vm-text)!important}
  .vmail-page-index #brands-table td:nth-child(1){display:none!important}
  .vmail-page-index #brands-table td:nth-child(2){grid-column:1 / -1!important;font-size:16px!important;font-weight:750!important;padding-bottom:5px!important;border-bottom:1px solid var(--vm-border)!important}
  .vmail-page-index #brands-table td:nth-child(2) p,.vmail-page-index #brands-table td:nth-child(4) p{margin:0!important;width:100%!important}
  .vmail-page-index #brands-table td:nth-child(2) a{float:none!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:17px!important;line-height:1.3!important}
  .vmail-page-index #brands-table td:nth-child(3){display:none!important}
  .vmail-page-index #brands-table td:nth-child(4){grid-column:1 / -1!important;display:block!important}
  .vmail-page-index #brands-table td:nth-child(4) p{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
  .vmail-page-index #brands-table td:nth-child(4) .btn{width:42px!important;height:42px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;border-radius:11px!important}
  .vmail-page-index #brands-table td:nth-child(5)::before{content:'Límite';font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9aa3bb;margin-right:8px}
  .vmail-page-index #brands-table td:nth-child(6)::before{content:'Usado';font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9aa3bb;margin-right:8px}
  .vmail-page-index #brands-table td:nth-child(5),.vmail-page-index #brands-table td:nth-child(6){font-size:12px!important;color:#68728e!important}
  .vmail-page-index #brands-table td:nth-child(7),.vmail-page-index #brands-table td:nth-child(8){justify-content:flex-end!important}
  .vmail-page-index #brands-table td:nth-child(7) a,.vmail-page-index #brands-table td:nth-child(8) a{width:38px!important;height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--vm-border)!important;border-radius:10px!important;background:#fff!important}
  .vmail-theme-dark .vmail-page-index #brands-table tr{background:#171c31!important;border-color:#303857!important}.vmail-theme-dark .vmail-page-index #brands-table td{color:#f5f7ff!important}.vmail-theme-dark .vmail-page-index #brands-table td:nth-child(2){border-color:#303857!important}.vmail-theme-dark .vmail-page-index #brands-table td:nth-child(7) a,.vmail-theme-dark .vmail-page-index #brands-table td:nth-child(8) a{background:#202741!important;border-color:#303857!important}

  /* Generic tables stay contained inside viewport */
  .vmail-main-content table.responsive,.vmail-main-content .table.responsive,.vmail-main-content table.table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important}
  .vmail-main-content table.responsive tbody,.vmail-main-content .table.responsive tbody{min-width:max-content!important}

  /* Compose/settings become single-column */
  .vmail-page-create #edit-form,.vmail-brand-settings-grid,.vmail-page-settings .accordion,.vmail-settings-top-grid{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:12px!important}
  .vmail-page-create .vmail-stepper{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
  .vmail-page-settings #settings-form,.vmail-brand-profile-card,.vmail-brand-client-card{width:100%!important;max-width:100%!important;padding:15px!important}
  .vmail-page-settings #language,.vmail-page-settings #timezone{width:100%!important}
  input,select,textarea{max-width:100%!important}

  /* Footer */
  .vmail-ui footer{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.vmail-theme-controls{align-self:flex-end!important}

  /* LOGIN: centered, single-column, no stray brand beside card */
  .vmail-page-login,.vmail-page-two-factor{min-height:100dvh!important;width:100%!important;background:var(--vm-bg)!important}
  .vmail-login-shell{display:block!important;min-height:100dvh!important;width:100%!important;background:transparent!important}
  .vmail-login-story{display:none!important}
  .vmail-login-panel{min-height:100dvh!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px!important;padding:28px 18px max(28px,env(safe-area-inset-bottom))!important;background:transparent!important}
  .vmail-login-mobile-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;margin:0!important}
  .vmail-login-logo-small{width:46px!important;height:46px!important}.vmail-login-mobile-brand .vmail-logo-copy strong{font-size:22px!important}.vmail-login-mobile-brand .vmail-logo-copy small{display:block!important}
  .vmail-login-card{width:100%!important;max-width:440px!important;margin:0 auto!important;padding:24px 20px!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--vm-border)!important;box-shadow:0 18px 50px rgba(23,28,69,.10)!important}
  .vmail-login-card h2{font-size:38px!important;line-height:1!important;margin:7px 0 12px!important}.vmail-login-subtitle{font-size:15px!important;line-height:1.5!important;margin-bottom:22px!important}
  .vmail-login-form label{font-size:13px!important}.vmail-password-label{margin-top:17px!important;align-items:flex-end!important}.vmail-password-label a{font-size:12px!important;text-align:right!important}
  .vmail-field-wrap input{height:54px!important;font-size:16px!important;padding-left:44px!important;border-radius:14px!important}.vmail-login-submit{height:52px!important;font-size:15px!important;margin-top:20px!important}
  .vmail-login-trust{font-size:11px!important;gap:8px!important;flex-wrap:wrap!important}.vmail-login-trust span{margin:0!important}
  .vmail-theme-dark .vmail-login-card{background:#171c31!important;border-color:#303857!important}
}

@media (max-width:430px){
  .vmail-ui .navbar-inner{padding:0 8px!important}.vmail-ui .navbar-inner>.container-fluid{grid-template-columns:44px minmax(0,1fr) 106px!important;gap:6px!important}
  .vmail-ui .navbar .btn-group.pull-right .btn{font-size:12px!important;padding:0 9px!important}.vmail-ui .navbar .btn-group.pull-right:nth-of-type(2) .btn{max-width:106px!important}
  .vmail-ui>.vmail-app-shell{padding-left:12px!important;padding-right:12px!important}
  .vmail-page-intro h1{font-size:32px!important}.vmail-page-intro p{font-size:15px!important}
  .vmail-metric-grid{grid-template-columns:1fr!important}
  .vmail-page-create .vmail-stepper{grid-template-columns:1fr!important}
  .vmail-login-panel{padding-left:14px!important;padding-right:14px!important}.vmail-login-card{padding:22px 18px!important}.vmail-login-card h2{font-size:34px!important}.vmail-password-label{display:block!important}.vmail-password-label a{display:inline-block!important;margin-top:5px!important}
}


/* =========================================================
   VMAIL UI 4.6.1 — mobile interaction + auth field fix
   ========================================================= */
@media (max-width:767px){

  /* Header controls must remain genuinely interactive */
  .vmail-ui .navbar-inner,
  .vmail-ui .navbar-inner > .container-fluid,
  .vmail-ui .navbar .btn-group.pull-right,
  .vmail-ui .navbar .btn-group.pull-right > .btn{
    pointer-events:auto!important;
  }

  .vmail-ui .navbar .btn-group.pull-right{
    position:relative!important;
    z-index:1065!important;
  }

  /* The prior mobile rule hid the brand/account dropdowns entirely.
     Bootstrap toggles .open on the btn-group; expose only that menu. */
  .vmail-ui .navbar .btn-group.pull-right > .dropdown-menu{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:auto!important;
    right:0!important;
    width:min(88vw,320px)!important;
    min-width:220px!important;
    max-height:60vh!important;
    overflow-y:auto!important;
    z-index:1205!important;
  }

  .vmail-ui .navbar .btn-group.pull-right.open > .dropdown-menu{
    display:block!important;
  }

  /* First button group = account. Open beneath its own button instead
     of getting clipped by the narrow center column. */
  .vmail-ui .navbar .btn-group.pull-right:nth-of-type(1) > .dropdown-menu{
    left:0!important;
    right:auto!important;
  }

  /* Make mobile top buttons compact enough to coexist */
  .vmail-ui .navbar-inner>.container-fluid{
    grid-template-columns:44px minmax(0,1fr) minmax(96px,34vw)!important;
  }

  .vmail-ui .navbar .btn-group.pull-right .btn{
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .vmail-ui .navbar .btn-group.pull-right:nth-of-type(1) .btn{
    max-width:100%!important;
  }

  .vmail-ui .navbar .btn-group.pull-right:nth-of-type(2) .btn{
    width:100%!important;
    max-width:100%!important;
  }

  /* Login icons: reserve a real icon lane so text never overlaps */
  .vmail-page-login .vmail-field-wrap,
  .vmail-page-two-factor .vmail-field-wrap{
    position:relative!important;
    display:block!important;
    width:100%!important;
  }

  .vmail-page-login .vmail-field-wrap > i,
  .vmail-page-two-factor .vmail-field-wrap > i{
    position:absolute!important;
    left:17px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:20px!important;
    height:20px!important;
    line-height:20px!important;
    text-align:center!important;
    z-index:4!important;
    margin:0!important;
    pointer-events:none!important;
    color:#8e97ae!important;
  }

  .vmail-page-login .vmail-field-wrap > input,
  .vmail-page-two-factor .vmail-field-wrap > input{
    box-sizing:border-box!important;
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 50px 0 54px!important;
    margin:0!important;
    text-indent:0!important;
    font-size:16px!important;
    line-height:54px!important;
  }

  .vmail-page-login .vmail-password-toggle{
    right:9px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:5!important;
  }

  /* Login copy/card scale more naturally on narrow iPhones */
  .vmail-login-card{
    max-width:100%!important;
  }

  .vmail-login-mobile-brand{
    max-width:100%!important;
  }

  /* Generic campaign tables: keep scroll entirely inside the component */
  .vmail-main-content .table-responsive,
  .vmail-main-content table.table,
  .vmail-main-content table.responsive{
    max-width:calc(100vw - 28px)!important;
  }
}

@media (max-width:430px){
  .vmail-ui .navbar-inner>.container-fluid{
    grid-template-columns:44px minmax(0,1fr) 102px!important;
  }

  .vmail-ui .navbar .btn-group.pull-right .btn{
    padding:0 8px!important;
    font-size:11.5px!important;
  }

  .vmail-ui .navbar .btn-group.pull-right:nth-of-type(1) .btn i{
    margin-right:3px!important;
  }

  .vmail-login-card h2{
    font-size:32px!important;
  }

  .vmail-page-login .vmail-field-wrap > input,
  .vmail-page-two-factor .vmail-field-wrap > input{
    padding-left:52px!important;
    padding-right:48px!important;
  }
}


/* =========================================================
   VMAIL UI 4.7 — Template Library
   ========================================================= */
.vmail-template-page{min-width:0!important}.vmail-template-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.vmail-template-head h1{font-size:36px!important;line-height:1;margin:6px 0 7px!important;font-weight:800}.vmail-template-head p{margin:0;color:var(--vm-muted);font-size:14px}.vmail-template-tabs{display:inline-flex;gap:5px;padding:5px;background:#eef0f8;border:1px solid var(--vm-border);border-radius:14px;margin-bottom:18px}.vmail-template-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:10px;font-weight:750;color:#69738f;display:flex;align-items:center;gap:7px}.vmail-template-tabs button span{min-width:20px;height:20px;display:inline-grid;place-items:center;background:#fff;border-radius:20px;font-size:10px}.vmail-template-tabs button.is-active{background:#fff;color:#5144de;box-shadow:0 6px 18px rgba(30,37,80,.08)}.vmail-template-panel{display:none}.vmail-template-panel.is-active{display:block}.vmail-library-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:16px}.vmail-template-search{position:relative;min-width:260px}.vmail-template-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8a93aa}.vmail-template-search input{height:42px!important;margin:0!important;padding-left:38px!important;border-radius:12px!important;width:100%!important}.vmail-template-filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.vmail-template-filters button{border:1px solid var(--vm-border);background:#fff;color:#67718c;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:750}.vmail-template-filters button.is-active{background:#11182f;color:#fff;border-color:#11182f}.vmail-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vmail-library-card{background:#fff;border:1px solid var(--vm-border);border-radius:20px;overflow:hidden;box-shadow:var(--vm-shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.vmail-library-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(28,34,75,.12);border-color:#d6d1ff}.vmail-library-preview{height:270px;position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--tpl-accent) 12%,white),color-mix(in srgb,var(--tpl-accent2) 10%,white))}.vmail-library-preview iframe{width:680px;height:760px;border:0;transform:scale(.44);transform-origin:top left;pointer-events:none;background:#fff}.vmail-library-preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(17,24,47,.14));pointer-events:none}.vmail-library-preview-btn{position:absolute;right:12px;bottom:12px;background:rgba(17,24,47,.88);color:#fff!important;text-decoration:none!important;padding:9px 12px;border-radius:10px;font-size:11px;font-weight:750;backdrop-filter:blur(8px)}.vmail-library-body{padding:17px}.vmail-library-meta{display:flex;gap:6px;margin-bottom:10px}.vmail-library-meta span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:#f2f3fb;color:#737d98;padding:5px 7px;border-radius:999px}.vmail-library-body h3{font-size:20px!important;margin:0 0 7px!important}.vmail-library-body p{font-size:12px;line-height:1.55;color:var(--vm-muted);min-height:56px;margin:0 0 14px}.vmail-template-use{width:100%;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#6d54fb,#4f76ff 55%,#27c7df)!important;color:#fff!important;font-weight:750!important}.vmail-library-empty{display:none;text-align:center;padding:60px 20px;color:var(--vm-muted)}.vmail-library-empty i{display:block;font-size:30px;color:#8d80ff;margin-bottom:12px}.vmail-library-empty strong,.vmail-library-empty span{display:block}.vmail-my-templates-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.vmail-my-templates-head h2{font-size:24px!important;margin:0 0 4px!important}.vmail-my-templates-head p{margin:0;color:var(--vm-muted);font-size:12px}.vmail-my-template-list{display:grid;gap:9px}.vmail-my-template-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--vm-border);border-radius:15px;padding:11px 12px;box-shadow:0 5px 18px rgba(25,32,70,.035)}.vmail-my-template-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--vm-grad-soft);color:#6550f7}.vmail-my-template-copy{min-width:0}.vmail-my-template-copy strong{display:block;font-size:13px;color:var(--vm-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vmail-my-template-copy span{display:block;font-size:10px;color:var(--vm-muted);margin-top:3px}.vmail-my-template-actions{display:flex;gap:6px}.vmail-my-template-actions .btn{width:36px;height:36px;min-height:36px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:10px!important}.vmail-empty-state{text-align:center;background:#fff;border:1px dashed #d8dcee;border-radius:18px;padding:50px 20px}.vmail-empty-icon{width:50px;height:50px;margin:0 auto 12px;border-radius:14px;display:grid;place-items:center;background:var(--vm-grad-soft);color:#6550f7}.vmail-empty-state h3{font-size:19px!important;margin:0 0 7px!important}.vmail-empty-state p{color:var(--vm-muted);margin:0 0 18px}.vmail-theme-dark .vmail-template-tabs{background:#14192c;border-color:#2c3553}.vmail-theme-dark .vmail-template-tabs button.is-active,.vmail-theme-dark .vmail-template-filters button,.vmail-theme-dark .vmail-library-card,.vmail-theme-dark .vmail-my-template-card,.vmail-theme-dark .vmail-empty-state{background:#171c31!important;border-color:#2c3553!important}.vmail-theme-dark .vmail-template-tabs button.is-active,.vmail-theme-dark .vmail-library-body h3,.vmail-theme-dark .vmail-my-template-copy strong{color:#f5f7ff!important}.vmail-theme-dark .vmail-template-filters button{color:#c6cde0}.vmail-theme-dark .vmail-template-filters button.is-active{background:linear-gradient(135deg,#6d54fb,#4f76ff)!important;color:#fff!important;border-color:transparent!important}.vmail-theme-dark .vmail-library-meta span{background:#222943;color:#aeb7d2}.vmail-theme-dark .vmail-library-preview{background:#11162a}
@media(max-width:1200px){.vmail-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.vmail-template-head{display:block}.vmail-template-head .vmail-primary-cta{width:100%!important;margin-top:14px}.vmail-template-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.vmail-template-tabs button{justify-content:center}.vmail-library-toolbar{display:block}.vmail-template-search{min-width:0;width:100%;margin-bottom:10px}.vmail-template-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.vmail-template-filters button{flex:0 0 auto}.vmail-library-grid{grid-template-columns:1fr}.vmail-library-preview{height:230px}.vmail-library-preview iframe{transform:scale(.38)}.vmail-my-template-card{grid-template-columns:42px minmax(0,1fr)}.vmail-my-template-actions{grid-column:1/-1;justify-content:flex-end}.vmail-my-template-actions .btn{flex:1}.vmail-template-head h1{font-size:32px!important}}


/* =========================================================
   VMAIL UI 4.8 — Template Library UX
   ========================================================= */
.vmail-template-page{overflow:visible!important}
.vmail-library-controls{
  display:grid!important;
  gap:12px!important;
  margin:0 0 18px!important;
  padding:14px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid var(--vm-border)!important;
  border-radius:18px!important;
  box-shadow:0 8px 26px rgba(28,34,75,.045)!important;
  backdrop-filter:blur(10px)!important;
}
.vmail-library-search-row{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) 220px 92px!important;
  align-items:end!important;
  gap:10px!important;
}
.vmail-template-search{
  width:100%!important;
  min-width:0!important;
}
.vmail-template-search input{
  height:46px!important;
  border-radius:13px!important;
  padding-left:40px!important;
  border:1px solid var(--vm-border-strong)!important;
  background:#fff!important;
}
.vmail-template-search i{left:14px!important}
.vmail-category-select-wrap{
  display:grid!important;
  gap:5px!important;
  margin:0!important;
}
.vmail-category-select-wrap>span{
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  color:#8d96ae!important;
}
.vmail-category-select-wrap select{
  width:100%!important;
  height:46px!important;
  margin:0!important;
  padding:0 38px 0 12px!important;
  border:1px solid var(--vm-border-strong)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--vm-text)!important;
  font-weight:700!important;
}
.vmail-library-count{
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:13px!important;
  background:var(--vm-grad-soft)!important;
  border:1px solid #dedaff!important;
  color:#5d50e3!important;
}
.vmail-library-count strong{font-size:18px!important;color:#5649df!important}
.vmail-library-count span{font-size:10px!important;font-weight:750!important;color:#7d77aa!important}
.vmail-library-quick{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  border-top:1px solid #eceef6!important;
  padding-top:11px!important;
}
.vmail-library-quick-label{
  flex:0 0 auto!important;
  font-size:10px!important;
  font-weight:800!important;
  color:#8d96ae!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.vmail-template-filters{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  min-width:0!important;
  width:100%!important;
  padding:1px 2px 4px!important;
  scrollbar-width:none!important;
}
.vmail-template-filters::-webkit-scrollbar{display:none!important}
.vmail-template-filters button{
  flex:0 0 auto!important;
  min-height:34px!important;
  border:1px solid var(--vm-border)!important;
  background:#fff!important;
  color:#65708e!important;
  border-radius:10px!important;
  padding:0 12px!important;
  font-size:10.5px!important;
  line-height:32px!important;
  font-weight:750!important;
  box-shadow:none!important;
}
.vmail-template-filters button:hover{
  background:#f6f4ff!important;
  border-color:#d7d2ff!important;
  color:#5d4dea!important;
}
.vmail-template-filters button.is-active{
  background:linear-gradient(135deg,#6550f7,#4f76ff)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(83,85,255,.18)!important;
}
.vmail-library-grid{
  align-items:start!important;
  margin-top:0!important;
}
.vmail-library-card[hidden]{display:none!important}
.vmail-library-card{
  min-width:0!important;
  overflow:hidden!important;
}
.vmail-library-preview{
  height:250px!important;
}
.vmail-library-preview iframe{
  transform:scale(.43)!important;
}
.vmail-library-body{
  min-height:205px!important;
  display:flex!important;
  flex-direction:column!important;
}
.vmail-library-body p{min-height:0!important;flex:1!important}
.vmail-library-empty{
  min-height:260px!important;
  place-items:center!important;
  align-content:center!important;
  border:1px dashed var(--vm-border-strong)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.7)!important;
}
.vmail-library-empty strong{margin-bottom:4px!important;color:var(--vm-text)!important}
.vmail-theme-dark .vmail-library-controls,
.vmail-theme-dark .vmail-library-empty{background:#171c31!important;border-color:#2c3553!important}
.vmail-theme-dark .vmail-library-quick{border-color:#2c3553!important}
.vmail-theme-dark .vmail-template-search input,
.vmail-theme-dark .vmail-category-select-wrap select,
.vmail-theme-dark .vmail-template-filters button{background:#12182b!important;border-color:#323a59!important;color:#dce2f5!important}
.vmail-theme-dark .vmail-template-filters button:hover{background:#202741!important;color:#fff!important}
.vmail-theme-dark .vmail-library-count{background:#202345!important;border-color:#373c68!important}
.vmail-theme-dark .vmail-library-count strong{color:#a99cff!important}
.vmail-theme-dark .vmail-library-count span{color:#aeb7d2!important}

@media(max-width:1100px){
  .vmail-library-search-row{grid-template-columns:minmax(0,1fr) 210px!important}
  .vmail-library-count{grid-column:1/-1!important;justify-content:flex-start!important;padding:0 12px!important}
}
@media(max-width:767px){
  .vmail-library-controls{padding:11px!important;border-radius:16px!important}
  .vmail-library-search-row{grid-template-columns:1fr!important}
  .vmail-category-select-wrap{width:100%!important}
  .vmail-library-count{grid-column:auto!important;width:100%!important;justify-content:flex-start!important}
  .vmail-library-quick{display:block!important}
  .vmail-library-quick-label{display:block!important;margin-bottom:8px!important}
  .vmail-template-filters{width:100%!important}
  .vmail-template-filters button{min-height:38px!important;line-height:36px!important;font-size:11px!important}
  .vmail-library-preview{height:220px!important}
  .vmail-library-preview iframe{transform:scale(.36)!important}
}
@media(max-width:430px){
  .vmail-library-controls{margin-left:0!important;margin-right:0!important}
  .vmail-template-search input,.vmail-category-select-wrap select{font-size:16px!important}
  .vmail-library-grid{gap:13px!important}
  .vmail-library-card{border-radius:17px!important}
  .vmail-library-body{padding:15px!important;min-height:190px!important}
}


/* =========================================================
   VMAIL UI 4.9 — Library layout + complete image templates
   ========================================================= */
.vmail-library-search-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,290px) max-content!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
}
.vmail-library-search-row>*{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.vmail-template-search{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  width:100%!important;
  overflow:visible!important;
}
.vmail-template-search input{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:48px!important;
  margin:0!important;
  padding:0 14px 0 42px!important;
}
.vmail-category-select-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.vmail-category-select-wrap>i{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
  color:#7E88A4!important;
  pointer-events:none!important;
}
.vmail-category-select-wrap select{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:48px!important;
  margin:0!important;
  padding:0 38px 0 40px!important;
  border:1px solid var(--vm-border-strong)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--vm-text)!important;
  font-weight:700!important;
  line-height:48px!important;
}
.vmail-library-count{
  min-width:88px!important;
  width:auto!important;
  height:48px!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
}
.vmail-library-tip{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:-2px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(101,80,247,.07),rgba(32,201,223,.06))!important;
  color:#69738F!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.vmail-library-tip i{
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 26px!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#6550F7!important;
  box-shadow:0 3px 10px rgba(42,47,87,.06)!important;
}
.vmail-library-meta{flex-wrap:wrap!important}
.vmail-library-meta .vmail-image-badge{background:#EAF8FF!important;color:#2779A8!important}
.vmail-library-meta .vmail-image-badge i{margin-right:3px!important}
.vmail-library-preview{height:290px!important}
.vmail-library-preview iframe{height:1200px!important;transform:scale(.43)!important}
.vmail-theme-dark .vmail-category-select-wrap select{background:#12182B!important;border-color:#323A59!important;color:#E8ECF8!important}
.vmail-theme-dark .vmail-category-select-wrap>i{color:#AAB2CA!important}
.vmail-theme-dark .vmail-library-tip{background:linear-gradient(135deg,rgba(101,80,247,.14),rgba(32,201,223,.08))!important;color:#AAB2CA!important}
.vmail-theme-dark .vmail-library-tip i{background:#202741!important;color:#A99CFF!important}
.vmail-theme-dark .vmail-library-meta .vmail-image-badge{background:#153D57!important;color:#ACE4FF!important}
@media(max-width:1100px){
  .vmail-library-search-row{grid-template-columns:minmax(0,1fr) minmax(200px,260px)!important}
  .vmail-library-count{grid-column:1/-1!important;width:100%!important;justify-content:flex-start!important}
}
@media(max-width:767px){
  .vmail-library-search-row{grid-template-columns:1fr!important}
  .vmail-library-count{grid-column:auto!important;width:100%!important}
  .vmail-template-search input,.vmail-category-select-wrap select{height:50px!important;font-size:16px!important}
  .vmail-library-tip{align-items:flex-start!important}
  .vmail-library-preview{height:245px!important}
  .vmail-library-preview iframe{height:1200px!important;transform:scale(.36)!important}
}

/* Vmail 5.0 Builder integration */
.vmail-builder-campaign-callout{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;margin:8px 0 16px;border:1px solid #DCD9FF;border-radius:14px;background:linear-gradient(135deg,#F5F2FF,#F0FBFE)}
.vmail-builder-campaign-callout>div{display:flex;align-items:center;gap:10px}.vmail-builder-campaign-callout i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#6550F7}.vmail-builder-campaign-callout span{display:grid}.vmail-builder-campaign-callout strong{font-size:12px}.vmail-builder-campaign-callout small{font-size:10px;color:#7B849D;margin-top:2px}.vmail-builder-campaign-callout .btn{border-radius:10px;font-weight:700}
.vmail-theme-dark .vmail-builder-campaign-callout{background:linear-gradient(135deg,#1C2040,#142638);border-color:#343C68}.vmail-theme-dark .vmail-builder-campaign-callout i{background:#202741}
@media(max-width:767px){.vmail-builder-campaign-callout{align-items:flex-start;flex-direction:column}.vmail-builder-campaign-callout .btn{width:100%;box-sizing:border-box}}
\n\n/* =========================================================\n   VMAIL UI 6.4 — desktop/tablet authentication field lanes\n   Prevent icon/placeholder overlap across Bootstrap input rules.\n   ========================================================= */\n.vmail-page-login .vmail-login-form .vmail-field-wrap,\n.vmail-page-login .vmail-modal .vmail-field-wrap,\n.vmail-page-two-factor .vmail-field-wrap{\n  position:relative!important;display:block!important;width:100%!important;min-width:0!important;\n}\n.vmail-page-login .vmail-login-form .vmail-field-wrap>i,\n.vmail-page-login .vmail-modal .vmail-field-wrap>i,\n.vmail-page-two-factor .vmail-field-wrap>i{\n  position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important;\n  width:22px!important;height:22px!important;line-height:22px!important;text-align:center!important;\n  z-index:6!important;margin:0!important;padding:0!important;pointer-events:none!important;color:#8e97ae!important;\n}\n.vmail-page-login .vmail-login-form .vmail-field-wrap>input.input,\n.vmail-page-login .vmail-modal .vmail-field-wrap>input.input,\n.vmail-page-two-factor .vmail-field-wrap>input.input{\n  box-sizing:border-box!important;width:100%!important;max-width:none!important;height:56px!important;min-height:56px!important;\n  margin:0!important;padding:0 56px 0 62px!important;text-indent:0!important;line-height:normal!important;\n  background-clip:padding-box!important;\n}\n.vmail-page-login .vmail-login-form .vmail-field-wrap>input.input::placeholder,\n.vmail-page-login .vmail-modal .vmail-field-wrap>input.input::placeholder{opacity:.72!important}\n.vmail-page-login .vmail-password-toggle{right:10px!important;top:50%!important;transform:translateY(-50%)!important;z-index:7!important}\n@media (min-width:768px) and (max-width:1180px){\n  .vmail-login-shell{grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr)!important}\n  .vmail-login-panel{padding:34px!important}\n  .vmail-login-card{max-width:470px!important}\n}\n
/* Vmail UI 6.5.2 — campaign tracking controls: explicit selected state */
.vmail-page-create .btn-group.tracking,
.vmail-ui .btn-group.tracking{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:7px!important;
}
.vmail-page-create .btn-group.tracking>.btn,
.vmail-ui .btn-group.tracking>.btn{
  margin:0!important;
  border-radius:10px!important;
  border:1px solid var(--vm-border-strong)!important;
  background:#fff!important;
  color:#58627f!important;
  box-shadow:none!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.vmail-page-create .btn-group.tracking>.btn:hover,
.vmail-ui .btn-group.tracking>.btn:hover{
  background:#f7f5ff!important;
  border-color:#c7bfff!important;
  color:#5f4ee2!important;
}
.vmail-page-create .btn-group.tracking>.btn.active,
.vmail-page-create .btn-group.tracking>.btn.is-selected,
.vmail-ui .btn-group.tracking>.btn.active,
.vmail-ui .btn-group.tracking>.btn.is-selected{
  background:linear-gradient(135deg,#6d54fb 0%,#4f76ff 58%,#27c7df 100%)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(84,89,255,.22)!important;
  text-shadow:none!important;
}
.vmail-page-create .btn-group.tracking>.btn.active i,
.vmail-page-create .btn-group.tracking>.btn.is-selected i,
.vmail-ui .btn-group.tracking>.btn.active i,
.vmail-ui .btn-group.tracking>.btn.is-selected i{color:#fff!important;}
.vmail-page-create .btn-group.tracking>.btn:focus,
.vmail-ui .btn-group.tracking>.btn:focus{outline:0!important;box-shadow:0 0 0 3px rgba(103,76,246,.13)!important;}
.vmail-page-create .btn-group.tracking>.btn.active:focus,
.vmail-page-create .btn-group.tracking>.btn.is-selected:focus,
.vmail-ui .btn-group.tracking>.btn.active:focus,
.vmail-ui .btn-group.tracking>.btn.is-selected:focus{box-shadow:0 8px 18px rgba(84,89,255,.22),0 0 0 3px rgba(103,76,246,.13)!important;}