
/* Venda+ V5 Backend */
:root{--vm-blue:#4966ab;--vm-green:#82b45a;--vm-ink:#172033;--vm-muted:#737d91;--vm-bg:#f5f7fb;--vm-line:#e5eaf1}
body.v5{background:var(--vm-bg)}
.v5-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}
.v5-side{background:linear-gradient(180deg,#273452,#202a46);color:white;padding:22px 14px;position:sticky;top:0;height:100vh;overflow:auto}
.v5-side img{width:150px;margin:5px 10px 26px}
.v5-side nav a{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;color:rgba(255,255,255,.8);margin:3px 0;font-size:13px;font-weight:700}
.v5-side nav a:hover,.v5-side nav a.active{background:rgba(255,255,255,.1);color:#fff}
.v5-main{min-width:0}
.v5-top{min-height:72px;background:#fff;border-bottom:1px solid var(--vm-line);display:flex;justify-content:space-between;align-items:center;padding:12px 24px;position:sticky;top:0;z-index:20}
.v5-top .left{display:flex;align-items:center;gap:10px}.v5-top .right{display:flex;align-items:center;gap:10px}
.v5-menu{display:none;width:42px;height:42px;border:1px solid var(--vm-line);border-radius:12px;background:#fff}
.v5-content{padding:24px;max-width:1500px;margin:auto}
.v5-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}
.v5-title h1{font-size:30px;margin:4px 0}.v5-title p{margin:0;color:var(--vm-muted)}
.v5-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.v5-kpi{background:#fff;border:1px solid var(--vm-line);border-radius:18px;padding:18px;box-shadow:0 12px 32px rgba(29,43,73,.06)}
.v5-kpi b{display:block;font-size:28px}.v5-kpi span{color:var(--vm-muted);font-size:12px}
.v5-card{background:#fff;border:1px solid var(--vm-line);border-radius:18px;padding:18px;box-shadow:0 12px 32px rgba(29,43,73,.05)}
.v5-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v5-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v5-table{overflow:auto}.v5-table table{width:100%;border-collapse:collapse;min-width:760px}.v5-table th,.v5-table td{padding:12px;border-bottom:1px solid var(--vm-line);text-align:left;font-size:13px}.v5-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--vm-muted)}
.v5-btn{border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.v5-btn.primary{background:linear-gradient(135deg,var(--vm-blue),#6483cd);color:#fff}.v5-btn.green{background:linear-gradient(135deg,var(--vm-green),#96c96d);color:#fff}.v5-btn.light{background:#fff;border:1px solid var(--vm-line);color:var(--vm-ink)}
.v5-form label{display:block;font-size:12px;font-weight:800;margin:0 0 6px}.v5-form input,.v5-form select,.v5-form textarea{width:100%;border:1px solid var(--vm-line);border-radius:12px;padding:11px 12px;background:#fff;outline:0}.v5-form textarea{min-height:100px}.v5-form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.v5-form .field{margin-bottom:12px}
.v5-alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:13px}.v5-alert.ok{background:#eef8f1;color:#28774c}.v5-alert.err{background:#fff0ef;color:#b84743}
.v5-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#eef3ff;color:var(--vm-blue)}.v5-badge.green{background:#eef8f1;color:#2e9b61}.v5-badge.red{background:#fff0ef;color:#c74743}.v5-badge.warn{background:#fff7e3;color:#a97817}
.v5-lead-mobile{display:none}
.v5-footer{text-align:center;color:#8b94a7;font-size:11px;padding:24px}
.v5-overlay{display:none}
.login-v5{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-hero{background:radial-gradient(circle at 20% 15%,rgba(130,180,90,.25),transparent 30%),radial-gradient(circle at 80% 70%,rgba(73,102,171,.3),transparent 36%),linear-gradient(145deg,#253250,#1e2742);color:#fff;padding:52px;display:flex;flex-direction:column;justify-content:space-between}.login-hero img{width:190px}.login-hero h1{font-size:52px;line-height:1;letter-spacing:-.05em;max-width:600px}.login-hero p{max-width:590px;line-height:1.7;color:rgba(255,255,255,.72)}.login-form-wrap{display:grid;place-items:center;padding:36px}.login-box{width:min(420px,100%)}.login-box img{width:175px;margin-bottom:30px}
@media(max-width:920px){.v5-shell{grid-template-columns:1fr}.v5-side{position:fixed;left:-270px;width:255px;z-index:100;height:100vh;transition:.22s}.v5-side.open{left:0}.v5-menu{display:grid;place-items:center}.v5-overlay.show{display:block;position:fixed;inset:0;background:rgba(10,18,35,.45);z-index:90}.v5-content{padding:18px 14px 92px}.v5-kpis{grid-template-columns:repeat(2,1fr)}.v5-grid2,.v5-grid3{grid-template-columns:1fr}.login-v5{grid-template-columns:1fr}.login-hero{display:none}}
@media(max-width:620px){.v5-top{padding:10px 12px}.v5-top .right .label{display:none}.v5-title{align-items:flex-start;flex-direction:column}.v5-title h1{font-size:27px}.v5-kpis{grid-template-columns:repeat(2,1fr);gap:9px}.v5-kpi{padding:14px}.v5-kpi b{font-size:22px}.v5-form .row{grid-template-columns:1fr}.v5-table.desktop{display:none}.v5-lead-mobile{display:block}.v5-mobile-card{background:#fff;border:1px solid var(--vm-line);border-radius:16px;padding:15px;margin-bottom:11px}.v5-mobile-card .top{display:flex;justify-content:space-between;gap:10px}.v5-mobile-card h3{margin:0;font-size:16px}.v5-mobile-card p{margin:4px 0;color:var(--vm-muted);font-size:12px}.v5-mobile-card .meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.v5-mobile-card .meta div{background:#f8fafc;border-radius:10px;padding:9px;font-size:11px}.v5-mobile-card .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}}


/* ===== Venda+ V5.2 — Scroll Fix + UX ===== */

/* The document is always the vertical scroll owner */
html{
  min-height:100%;
  height:auto!important;
  overflow-x:hidden;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
}
body,
body.v5{
  min-height:100vh;
  height:auto!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  position:static!important;
  touch-action:pan-y;
}
.v5-shell{
  min-height:100vh;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.v5-main{
  min-height:100vh;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.v5-content{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:42px;
}

/* Sidebar gets its own scroll without locking the page */
.v5-side{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* Sticky header must not create a scroll container */
.v5-top{
  overflow:visible!important;
}

/* Tables scroll horizontally only */
.v5-table{
  overflow-x:auto!important;
  overflow-y:visible!important;
  max-height:none!important;
  -webkit-overflow-scrolling:touch;
}

/* Cards must never become accidental vertical scroll containers */
.v5-card,
.v5-kpi{
  max-height:none!important;
  overflow:visible;
}

/* Import UI */
.vm-dropzone{
  border:2px dashed #ccd6e7;
  border-radius:18px;
  background:#f9fbfe;
  padding:30px 22px;
  text-align:center;
}
.vm-dropzone h3{margin:4px 0 8px}
.vm-dropzone p{color:var(--vm-muted);font-size:13px;line-height:1.5;max-width:620px;margin:0 auto 16px}
.vm-import-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.vm-import-summary div{background:#f8fafc;border:1px solid var(--vm-line);border-radius:13px;padding:12px}
.vm-import-summary b{display:block;font-size:20px}
.vm-import-summary small{color:var(--vm-muted)}

.vm-campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vm-campaign-card{background:#fff;border:1px solid var(--vm-line);border-radius:18px;padding:17px;box-shadow:0 12px 30px rgba(29,43,73,.05)}
.vm-campaign-card h3{margin:0 0 5px}
.vm-campaign-card p{margin:0;color:var(--vm-muted);font-size:12px;line-height:1.5}
.vm-campaign-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:14px;font-size:11px;color:var(--vm-muted)}

@media(max-width:920px){
  html,body,body.v5{
    height:auto!important;
    min-height:100%!important;
    overflow-y:auto!important;
    position:static!important;
  }
  .v5-side{
    top:0;
    bottom:0;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
  }
  .v5-main,.v5-shell,.v5-content{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .v5-content{padding-bottom:96px!important}
  .vm-campaign-grid{grid-template-columns:1fr}
  .vm-import-summary{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .vm-import-summary{grid-template-columns:1fr 1fr}
}

/* iOS/Safari safe area and scroll stability */
@supports(padding:max(0px)){
  @media(max-width:920px){
    .v5-content{padding-bottom:max(96px, calc(78px + env(safe-area-inset-bottom)))!important}
  }
}

/* Venda+ 5.7 CRM */
.vm-kanban{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x proximity}
.vm-col{flex:0 0 300px;background:#eef2f8;border:1px solid #e1e6ef;border-radius:18px;padding:12px;scroll-snap-align:start}
.vm-col>header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:4px 4px 12px}.vm-col>header>div{display:flex;align-items:center;gap:8px}.vm-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.vm-drop{min-height:180px}.vm-deal{background:#fff;border:1px solid #e3e8f0;border-radius:15px;padding:14px;margin-bottom:10px;box-shadow:0 5px 18px rgba(34,52,84,.05);display:flex;flex-direction:column;gap:7px}.vm-deal>a{color:#182136;text-decoration:none}.vm-deal>span,.vm-deal small,.vm-muted{color:#7a8496}.vm-deal-meta{display:flex;justify-content:space-between;gap:8px;align-items:center}.vm-move select{width:100%;font-size:12px;padding:8px}
.vm-setting-row,.vm-priority{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f5}.vm-priority>div{display:flex;flex-direction:column;gap:4px}.vm-priority a{text-decoration:none;color:#182136}.vm-priority small{color:#7a8496}.vm-sla-late{background:#fff0ef;color:#bd4545;padding:6px 9px;border-radius:999px;font-weight:700}.vm-sla-ok{background:#edf8f0;color:#34945f;padding:6px 9px;border-radius:999px;font-weight:700}
.vm-empty{padding:28px;text-align:center;color:#7a8496;background:#f8fafc;border-radius:14px;margin-top:12px}.vm-result{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vm-result>div{background:#f8fafc;border:1px solid #e6eaf1;padding:18px;border-radius:15px;display:flex;flex-direction:column;gap:5px}.vm-result small{color:#7a8496}.vm-result strong{font-size:24px}
.vm-stage-list{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.vm-stage-list span{display:flex;align-items:center;gap:7px;padding:8px 11px;background:#f6f8fb;border-radius:999px}.vm-stage-list i{width:9px;height:9px;border-radius:50%}.vm-icon-btn{border:0;background:#fff0ef;color:#bd4545;border-radius:9px;width:34px;height:34px;font-size:20px;cursor:pointer}.vm-inline-form{display:flex!important;gap:8px;align-items:end;flex-wrap:wrap}.vm-inline-form>*{flex:1;min-width:130px}.vm-inline-form button{flex:0 0 auto}
.vm-lead-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px}.vm-lead-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.vm-lead-head h3{margin-top:0}.vm-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.vm-info-grid>div{padding:14px;background:#f8fafc;border:1px solid #e7ebf2;border-radius:14px;display:flex;flex-direction:column;gap:5px}.vm-info-grid small{color:#7a8496}.vm-message{background:#f7f9fc;border-radius:14px;padding:15px;margin:12px 0;line-height:1.55}.vm-action-grid{display:flex;gap:8px;flex-wrap:wrap}.vm-actions{display:flex;gap:8px;flex-wrap:wrap}
.vm-timeline{position:relative;padding-left:18px}.vm-timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:#e4e9f1}.vm-timeline-item{position:relative;padding:0 0 20px 18px}.vm-timeline-item i{position:absolute;left:-18px;top:4px;width:12px;height:12px;border-radius:50%;background:#82b45a;border:3px solid #eef5e8}.vm-timeline-item div{display:flex;flex-direction:column;gap:5px}.vm-timeline-item small{color:#7a8496}
@media(max-width:760px){.vm-lead-grid{grid-template-columns:1fr}.vm-info-grid{grid-template-columns:1fr}.vm-result{grid-template-columns:1fr}.vm-col{flex-basis:86vw}.vm-move{display:block}.vm-lead-head{flex-direction:column}.vm-action-grid .v5-btn{flex:1 1 calc(50% - 8px)}}
@media(min-width:761px){.vm-move{display:none}}
/* Venda+ 6.4.1 — clean row actions + contextual settings navigation */
.vm-row-actions{display:flex;align-items:center;gap:4px}.vm-row-actions form{margin:0}.vm-icon-action{appearance:none;border:0!important;background:transparent!important;box-shadow:none!important;width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#62718c;cursor:pointer;text-decoration:none}.vm-icon-action:hover{background:#edf2fb!important;color:#3f5fa8}.vm-icon-action.danger:hover{background:#fff0f0!important;color:#c84c4c}
.vm-settings-shell{display:grid;grid-template-columns:255px minmax(0,1fr);gap:20px}.vm-settings-nav{background:#fff;border:1px solid #dfe5ef;border-radius:18px;padding:14px;height:max-content;position:sticky;top:82px}.vm-settings-nav h3{margin:2px 8px 12px}.vm-settings-nav .vm-settings-search{width:100%;border:1px solid #dfe5ef;border-radius:10px;padding:10px 12px;margin-bottom:10px}.vm-settings-group{margin:12px 0}.vm-settings-group small{display:block;padding:5px 9px;color:#98a2b6;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.vm-settings-group a{display:flex;gap:9px;align-items:center;padding:9px;border-radius:9px;color:#5d687d;text-decoration:none;font-size:13px}.vm-settings-group a:hover,.vm-settings-group a.active{background:#f0f4fb;color:#3f5fa8}.vm-settings-content{min-width:0}@media(max-width:900px){.vm-settings-shell{grid-template-columns:1fr}.vm-settings-nav{position:static}}

/* Venda+ 6.4.3 — navigation / account UX */
.v5-side{display:flex!important;flex-direction:column}.v5-side #vmSideNav{flex:1;overflow-y:auto;padding-bottom:12px}.vm-side-fixed{position:sticky;bottom:0;padding:10px 10px max(10px,env(safe-area-inset-bottom));background:#263858;border-top:1px solid rgba(255,255,255,.09)}.vm-side-fixed a{display:flex;align-items:center;gap:10px;color:#dbe4f3;text-decoration:none;padding:11px 12px;border-radius:11px;font-weight:700}.vm-side-fixed a:hover,.vm-side-fixed a.active{background:rgba(255,255,255,.12);color:#fff}.vm-settings-chevron{margin-left:auto;font-size:22px;opacity:.65}.vm-user-wrap{position:relative}.vm-user-trigger{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:5px 7px;border-radius:12px;cursor:pointer;color:#1d2639}.vm-user-trigger:hover{background:#f4f7fb}.vm-user-avatar{width:34px;height:34px;border-radius:10px;background:#3568dc;color:#fff;display:grid;place-items:center;font-weight:800;position:relative;flex:0 0 auto}.vm-user-avatar.large{width:44px;height:44px}.vm-user-avatar i{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;background:#22c55e;border:2px solid #fff;border-radius:50%}.vm-user-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.vm-user-copy strong{font-size:12px}.vm-user-copy small{font-size:9px;color:#8b96a8;margin-top:4px}.vm-user-caret{color:#8d98aa}.vm-user-menu{position:absolute;right:0;top:48px;width:280px;background:#fff;border:1px solid #dfe5ed;border-radius:16px;box-shadow:0 22px 60px rgba(18,29,50,.2);padding:10px;z-index:1300}.vm-user-card{display:flex;gap:10px;align-items:center;padding:8px;border-bottom:1px solid #edf0f4}.vm-user-card>div{display:flex;flex-direction:column;min-width:0}.vm-user-card strong{font-size:13px}.vm-user-card small{font-size:10px;color:#8490a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vm-user-card em{font-style:normal;font-size:9px;color:#4966ab;margin-top:4px;font-weight:700}.vm-user-links{padding-top:7px}.vm-user-links a,.vm-user-links button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;text-decoration:none;color:#536075;font:inherit;font-size:12px;cursor:pointer;text-align:left}.vm-user-links a:hover,.vm-user-links button:hover{background:#f4f7fb;color:#263858}.vm-user-links .danger{color:#b84a4a}.vm-user-links span:nth-child(2){flex:1}.vm-switch{width:32px;height:18px;border-radius:20px;background:#d8dee8;padding:2px;display:block}.vm-switch i{display:block;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.vm-user-links button.on .vm-switch{background:#4966ab}.vm-user-links button.on .vm-switch i{transform:translateX(14px)}.vm-profile-grid{display:grid;grid-template-columns:minmax(0,720px) minmax(260px,1fr);gap:18px}.vm-profile-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.vm-profile-head h3,.vm-profile-head p{margin:0}.vm-profile-avatar{width:58px;height:58px;border-radius:16px;background:#4966ab;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800}
/* dark mode */
body.vm-dark{--vm-text:#e8edf6;background:#111827;color:#e8edf6}.vm-dark .v5-main,.vm-dark .v5-content{background:#111827}.vm-dark .v5-top,.vm-dark .v5-card,.vm-dark .vm-settings-nav,.vm-dark .vm-user-menu,.vm-dark .vm-notify-panel,.vm-dark .vm-global-search,.vm-dark input,.vm-dark select,.vm-dark textarea,.vm-dark .vm-col,.vm-dark .vm-deal{background:#182235!important;color:#e8edf6!important;border-color:#2b3950!important}.vm-dark .vm-user-trigger{color:#e8edf6}.vm-dark .vm-user-trigger:hover,.vm-dark .vm-user-links a:hover,.vm-dark .vm-user-links button:hover,.vm-dark .vm-settings-group a:hover,.vm-dark .vm-settings-group a.active{background:#223149!important}.vm-dark .vm-user-card,.vm-dark .vm-notify-head,.vm-dark .vm-notify-list>a{border-color:#2b3950}.vm-dark .v5-title p,.vm-dark .vm-muted,.vm-dark small{color:#9eabc0}.vm-dark .v5-table table,.vm-dark .v5-table th,.vm-dark .v5-table td{background:#182235;color:#e8edf6;border-color:#2b3950}.vm-dark .vm-settings-search{background:#111827!important}.vm-dark .v5-footer{color:#7f8ca2}.vm-dark .vm-user-avatar i{border-color:#182235}
@media(max-width:900px){.vm-user-copy{display:none}.vm-user-menu{position:fixed;right:10px;top:65px;max-width:calc(100vw - 20px)}.vm-profile-grid{grid-template-columns:1fr}.vm-side-fixed{position:sticky}}

/* Venda+ 6.4.4 — clean fixed navigation inspired by the operational CRM reference */
@media(min-width:921px){
  html,body,body.v5{height:100%!important;overflow:hidden!important}
  .v5-shell{height:100vh!important;min-height:100vh!important;grid-template-columns:210px minmax(0,1fr);overflow:hidden!important;background:#f2f5fa}
  .v5-side{position:relative!important;top:auto!important;height:100vh!important;max-height:100vh!important;padding:0!important;background:#fff!important;color:#536075!important;border-right:1px solid #e4e9f1;overflow:hidden!important}
  .vm-side-brand{height:82px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #edf0f4;text-decoration:none;flex:0 0 auto}
  .v5-side .vm-side-brand img{width:112px!important;max-height:58px;object-fit:contain;margin:0!important}
  .v5-side #vmSideNav{padding:12px 10px 82px!important;overflow-y:auto!important;scrollbar-width:thin}
  .v5-side nav a{color:#566277!important;padding:9px 11px!important;margin:2px 0!important;border-radius:9px!important;font-size:12px!important;font-weight:600!important;gap:10px!important}
  .v5-side nav a:hover{background:#f4f7fb!important;color:#263858!important}
  .v5-side nav a.active{background:#eef3fb!important;color:#4966ab!important;box-shadow:inset 3px 0 0 #4966ab}
  .vm-side-fixed{position:absolute!important;left:0;right:0;bottom:0;background:#fff!important;border-top:1px solid #e6ebf2!important;padding:10px!important;z-index:4}
  .vm-side-fixed a{color:#536075!important;background:#fff;border:1px solid transparent;padding:10px 11px!important;border-radius:9px!important}
  .vm-side-fixed a:hover,.vm-side-fixed a.active{background:#eef3fb!important;color:#4966ab!important;border-color:#e1e8f3}
  .v5-main{height:100vh!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:#f2f5fa;scrollbar-gutter:stable}
  .v5-top{position:sticky!important;top:0!important;z-index:1000;min-height:66px!important;padding:9px 22px!important}
  .v5-content{max-width:1540px!important;width:100%;padding:24px 30px 50px!important;box-sizing:border-box}
  .v5-footer{padding-bottom:22px}
  .vm-settings-nav{top:90px}
}
.vm-report-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.vm-report-actions .v5-btn{display:inline-flex;align-items:center;gap:6px}

/* Venda+ 6.4.5 — refined dark theme + footer baseline */
@media(min-width:921px){
  .v5-main{display:flex!important;flex-direction:column!important}
  .v5-content{flex:1 0 auto!important}
  .v5-footer{flex:0 0 auto!important;margin-top:auto!important}
}
body.vm-dark{
  --vm-bg:#0f1726;
  --vm-ink:#eef4ec;
  --vm-text:#eef4ec;
  --vm-muted:#9aa9bb;
  --vm-line:#2a3950;
  --vm-blue:#6f8fd8;
  --vm-green:#82b45a;
  background:#0f1726!important;
  color:#eef4ec!important;
}
.vm-dark .v5-shell,.vm-dark .v5-main,.vm-dark .v5-content{background:#0f1726!important}
.vm-dark .v5-top{background:#162237!important;border-color:#2a3950!important;box-shadow:0 1px 0 rgba(255,255,255,.02)}
.vm-dark .v5-side{background:#131e30!important;color:#b8c4d3!important;border-color:#26364c!important}
.vm-dark .vm-side-brand{background:#131e30!important;border-color:#26364c!important}
.vm-dark .v5-side nav a{color:#aebbc9!important}
.vm-dark .v5-side nav a:hover{background:#1c2b40!important;color:#eef4ec!important}
.vm-dark .v5-side nav a.active{background:rgba(130,180,90,.14)!important;color:#a9d884!important;box-shadow:inset 3px 0 0 #82b45a!important}
.vm-dark .v5-side nav a.active svg,.vm-dark .v5-side nav a:hover svg{color:inherit!important}
.vm-dark .vm-side-fixed{background:#131e30!important;border-color:#26364c!important}
.vm-dark .vm-side-fixed a{background:transparent!important;color:#b8c4d3!important;border-color:transparent!important}
.vm-dark .vm-side-fixed a:hover,.vm-dark .vm-side-fixed a.active{background:rgba(130,180,90,.14)!important;color:#a9d884!important;border-color:rgba(130,180,90,.16)!important}
.vm-dark .vm-global-search{background:#111b2c!important;border-color:#2a3950!important}
.vm-dark .vm-global-search input{background:transparent!important;color:#dfe8f1!important}
.vm-dark .vm-global-search input::placeholder{color:#718198!important}
.vm-dark .v5-card,.vm-dark .v5-kpi,.vm-dark .vm-campaign-card,.vm-dark .vm-settings-nav,.vm-dark .vm-user-menu,.vm-dark .vm-notify-panel,.vm-dark .vm-col,.vm-dark .vm-deal,.vm-dark .vm-result>div,.vm-dark .vm-info-grid>div,.vm-dark .vm-message,.vm-dark .vm-empty{
  background:#18253a!important;color:#eef4ec!important;border-color:#2a3a52!important;box-shadow:0 12px 30px rgba(0,0,0,.12)!important
}
.vm-dark .v5-kpi span,.vm-dark .v5-title p,.vm-dark .vm-muted,.vm-dark small,.vm-dark .vm-deal>span,.vm-dark .vm-deal small,.vm-dark .vm-priority small{color:#91a1b5!important}
.vm-dark .v5-kpi b,.vm-dark h1,.vm-dark h2,.vm-dark h3,.vm-dark h4,.vm-dark strong{color:#f2f6f1}
.vm-dark input,.vm-dark select,.vm-dark textarea{background:#111b2c!important;color:#e7edf3!important;border-color:#314159!important;color-scheme:dark}
.vm-dark .v5-btn.light,.vm-dark .vm-icon-square,.vm-dark .vm-btn-small{background:#1c2a40!important;color:#dfe8f1!important;border-color:#34445c!important}
.vm-dark .v5-btn.light:hover,.vm-dark .vm-icon-square:hover,.vm-dark .vm-btn-small:hover{background:#24354d!important;border-color:#46607d!important}
.vm-dark .v5-btn.green{background:linear-gradient(135deg,#78aa53,#91c66a)!important;color:#0f1b10!important}
.vm-dark .v5-btn.primary{background:linear-gradient(135deg,#526fb7,#6f8fd8)!important}
.vm-dark .vm-calendar-kpis>div{background:#18253a!important;border-color:#2a3a52!important;color:#eef4ec!important}
.vm-dark .vm-calendar-toolbar{background:#18253a!important;border-color:#2a3a52!important;color:#eef4ec!important}
.vm-dark .vm-calendar-shell{background:#162237!important;border-color:#2a3a52!important}
.vm-dark .vm-calendar-head>div{background:#17243a!important;color:#9eacc0!important;border-color:#2a3a52!important}
.vm-dark .vm-day{background:#162237!important;color:#dce5ef!important;border-color:#29394f!important}
.vm-dark .vm-day:hover{background:#1d2c42!important}
.vm-dark .vm-day.outside{background:#111b2c!important;color:#58687d!important}
.vm-dark .vm-day.today{box-shadow:inset 0 0 0 2px #82b45a!important;background:#1b2b3d!important}
.vm-dark .vm-day-num span{background:#82b45a!important;color:#10200f!important}
.vm-dark .vm-calendar-tabs span,.vm-dark .vm-calendar-tabs a{color:#9dacbe!important}
.vm-dark .vm-calendar-tabs .active{background:rgba(130,180,90,.15)!important;color:#a9d884!important}
.vm-dark .vm-event{background:#24385d!important;color:#bcd0ff!important}.vm-dark .vm-event.ev-call{background:#203d34!important;color:#9bd2ae!important}.vm-dark .vm-event.ev-followup{background:#443a22!important;color:#e7c86d!important}.vm-dark .vm-event.ev-task{background:#332c4e!important;color:#c5b7ef!important}.vm-dark .vm-event.ev-other{background:#263347!important;color:#b9c5d4!important}
.vm-dark .v5-table table,.vm-dark .v5-table th,.vm-dark .v5-table td{background:transparent!important;color:#dfe7ef!important;border-color:#2b3b52!important}
.vm-dark .v5-table th{color:#91a1b5!important}
.vm-dark .vm-settings-search{background:#111b2c!important}.vm-dark .vm-settings-group a{color:#aab8c9!important}.vm-dark .vm-settings-group a:hover,.vm-dark .vm-settings-group a.active{background:rgba(130,180,90,.13)!important;color:#a9d884!important}
.vm-dark .vm-user-trigger{color:#e8eef5!important}.vm-dark .vm-user-trigger:hover,.vm-dark .vm-user-links a:hover,.vm-dark .vm-user-links button:hover{background:#223249!important}.vm-dark .vm-user-card,.vm-dark .vm-notify-head,.vm-dark .vm-notify-list>a{border-color:#2a3a52!important}.vm-dark .vm-user-avatar i{border-color:#162237!important}.vm-dark .vm-switch{background:#405068}.vm-dark .vm-user-links button.on .vm-switch{background:#82b45a!important}
.vm-dark .v5-footer{color:#72839a!important;background:#0f1726!important}.vm-dark .v5-footer a{color:#91bfc0!important}
.vm-dark .vm-help:after{background:#1b293e!important;color:#dce5ef!important;border-color:#34445c!important}.vm-dark .vm-help:before{background:#1b293e!important;border-color:#34445c!important}
@media(max-width:920px){
  .vm-dark .v5-side{background:#131e30!important}
  .vm-dark .vm-side-fixed{background:#131e30!important}
}

/* ===== Venda+ 6.4.6 — Mobile header/sidebar hotfix ===== */
@media(max-width:920px){
  /* Sidebar and overlay must always sit above page cards/header. */
  .v5-side{z-index:3100!important;left:-270px!important;box-shadow:18px 0 45px rgba(17,28,49,.18)}
  .v5-side.open{left:0!important}
  .v5-overlay.show{z-index:3000!important}
  .v5-top{z-index:2000!important}
  .v5-content,.v5-lead-mobile,.v5-mobile-card{position:relative;z-index:auto!important}
}
@media(max-width:620px){
  .v5-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    min-height:62px!important;
    padding:8px 10px!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  .v5-top .left{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:7px!important;min-width:0!important}
  .v5-menu{display:grid!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;place-items:center!important;overflow:visible!important}
  .vm-global-search{width:100%!important;min-width:0!important;height:40px!important;padding:0 9px!important;box-sizing:border-box!important}
  .vm-global-search>input{width:100%!important;min-width:0!important;height:38px!important;font-size:11px!important;text-overflow:ellipsis!important}
  .v5-top .right{display:flex!important;gap:6px!important;min-width:max-content!important;align-items:center!important}
  .vm-user-copy,.vm-user-caret{display:none!important}
  .vm-user-trigger{padding:0!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:10px!important}
  .vm-user-avatar{width:34px!important;height:34px!important;margin:0!important}
  .vm-top-icon{width:40px!important;height:40px!important;min-width:40px!important}
  .v5-top .right>.v5-btn{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:grid!important;place-items:center!important}
  .v5-top .right>.v5-btn span{display:none!important}
  .vm-notify-panel,.vm-user-menu{position:fixed!important;top:60px!important;right:10px!important;max-width:calc(100vw - 20px)!important}
  .vm-notify-panel{width:min(360px,calc(100vw - 20px))!important}
  .vm-user-menu{width:min(300px,calc(100vw - 20px))!important}
  .v5-mobile-card{isolation:isolate!important}
}
@media(max-width:390px){
  .v5-top{gap:5px!important;padding-left:7px!important;padding-right:7px!important}
  .v5-top .left{grid-template-columns:38px minmax(92px,1fr)!important;gap:5px!important}
  .v5-menu,.vm-top-icon,.vm-user-trigger,.v5-top .right>.v5-btn{width:38px!important;height:38px!important;min-width:38px!important}
  .vm-global-search{height:38px!important}
  .vm-global-search>input{height:36px!important}
  .v5-top .right{gap:4px!important}
}

/* Venda+ 6.5.0 — Lead 360 */
.vm-score-explain{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--vm-line,#e4e9f1);border-radius:10px;background:rgba(73,102,171,.05)}.vm-score-explain strong{font-size:24px}.vm-score-explain small{line-height:1.35}.vm-note-item{padding:14px 0;border-bottom:1px solid var(--vm-line,#e5eaf1)}.vm-note-item:last-child{border-bottom:0}.vm-note-item p{margin:0 0 7px;white-space:normal;line-height:1.5}.vm-dark .vm-score-explain{background:#111b2c;border-color:#314159}.vm-dark .vm-note-item{border-color:#2b3b52}
@media(max-width:700px){.vm-lead-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:3px}.vm-lead-tabs button{flex:0 0 auto}.vm-lead360-hero{align-items:flex-start}.vm-lead360-tags{width:100%}.vm-score-explain{min-height:82px}}

/* Venda+ 6.5.2 — Lead 360 Turbo */
.vm-lead-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}.vm-lead-kpi{background:var(--card,#fff);border:1px solid var(--border,#dfe6f1);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.vm-lead-kpi small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#73819a);font-weight:800}.vm-lead-kpi strong{font-size:18px}.vm-lead-kpi span{font-size:11px;color:var(--muted,#73819a)}.vm-next-action{border-left:3px solid #7fbd57}.vm-next-action.overdue{border-left-color:#ef6464}.vm-tab-count{display:inline-flex;min-width:18px;height:18px;padding:0 5px;align-items:center;justify-content:center;border-radius:99px;background:rgba(76,109,184,.12);font-size:10px;margin-left:5px}.vm-list-row-actions{display:flex;gap:8px;align-items:center}.vm-mini-btn{border:1px solid var(--border,#dfe6f1);background:transparent;color:inherit;border-radius:9px;padding:6px 9px;font-size:11px;cursor:pointer}.vm-mini-btn.done{color:#27985c}.vm-mini-btn.cancel{color:#d55b5b}.vm-activity-item{padding:12px 0;border-bottom:1px solid var(--border,#e7ebf2);display:flex;justify-content:space-between;gap:12px}.vm-activity-item:last-child{border-bottom:0}.vm-activity-item>div:first-child{display:flex;flex-direction:column;gap:4px}.vm-activity-item small{color:var(--muted,#73819a)}
@media(max-width:900px){.vm-lead-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.vm-lead-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.vm-lead-tabs::-webkit-scrollbar{display:none}}
@media(max-width:520px){.vm-lead-kpis{grid-template-columns:1fr 1fr;gap:8px}.vm-lead-kpi{padding:12px}.vm-lead-kpi strong{font-size:15px}}

/* Venda+ 6.5.2.1 - Lead 360 cockpit visual hotfix */
.vm-lead-kpis{align-items:stretch}.vm-lead-kpi{display:grid!important;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px!important;min-height:118px;box-shadow:0 8px 24px rgba(20,42,82,.04)}.vm-lead-kpi>div:last-child{display:flex;flex-direction:column;min-width:0}.vm-kpi-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(76,109,184,.10);color:#4c6db8;font-size:18px;font-weight:800}.vm-lead-kpi strong{font-size:22px!important;line-height:1.15;margin:4px 0}.vm-lead-kpi strong em{font-style:normal;font-size:12px;color:var(--muted,#73819a);font-weight:700;margin-left:2px}.vm-lead-kpi span{line-height:1.35;white-space:normal;overflow-wrap:anywhere}.vm-score-details{margin-top:7px}.vm-score-details summary{cursor:pointer;color:#4c6db8;font-size:11px;font-weight:800;list-style:none}.vm-score-details summary::-webkit-details-marker{display:none}.vm-score-details summary:after{content:' +';}.vm-score-details[open] summary:after{content:' −'}.vm-score-details div{position:absolute;z-index:30;margin-top:8px;width:min(330px,calc(100vw - 40px));padding:12px;border-radius:12px;background:var(--card,#fff);border:1px solid var(--border,#dfe6f1);box-shadow:0 16px 38px rgba(15,32,62,.16);display:flex;flex-direction:column;gap:6px}.vm-score-details b{font-size:11px;font-weight:700}.vm-next-action{border-left-width:3px!important}.dark .vm-lead-kpi,.theme-dark .vm-lead-kpi{box-shadow:none}.dark .vm-kpi-icon,.theme-dark .vm-kpi-icon{background:rgba(127,189,87,.12);color:#8bc563}@media(max-width:700px){.vm-lead-kpis{grid-template-columns:1fr 1fr!important}.vm-lead-kpi{grid-template-columns:34px minmax(0,1fr);min-height:110px;padding:11px!important}.vm-kpi-icon{width:32px;height:32px;border-radius:10px;font-size:15px}.vm-lead-kpi strong{font-size:17px!important}}@media(max-width:390px){.vm-lead-kpis{grid-template-columns:1fr!important}.vm-lead-kpi{min-height:auto}}
