/* ============================================================
   CIDADEIA PREMIUM GLOBAL SHELL
   Não afeta /precos — Gestão possui seu próprio shell.
   ============================================================ */

:root{
  --app-sidebar:252px;

  --app-rose:#ca6679;
  --app-rose-strong:#b75367;

  --app-dark:#21191d;
  --app-dark-2:#2c2227;

  --app-bg:#f7f5f6;
  --app-card:#fff;

  --app-ink:#241c20;
  --app-text:#4a4045;
  --app-muted:#8d7f85;

  --app-line:#e9e1e4;
  --app-line-soft:#f1ebed;

  --app-shadow:
    0 2px 4px rgba(43,27,34,.025),
    0 11px 30px rgba(48,30,38,.055);
}


/* ============================================================
   APP
   ============================================================ */

body.premium-app-shell-global{
  margin:0 !important;

  color:var(--app-text);

  background:
    radial-gradient(
      circle at 90% 0,
      rgba(202,102,121,.045),
      transparent 32rem
    ),
    var(--app-bg) !important;

  font-family:
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif !important;

  -webkit-font-smoothing:antialiased;
}


/* ============================================================
   SIDEBAR
   ============================================================ */

body.premium-app-shell-global .top{

  position:fixed !important;

  z-index:500;

  top:0 !important;
  left:0 !important;
  bottom:0 !important;

  width:var(--app-sidebar) !important;
  height:100vh !important;

  padding:
    20px 14px 16px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;

  overflow-y:auto;
  overflow-x:hidden;

  border:0 !important;

  color:#fff !important;

  background:
    radial-gradient(
      circle at 0 0,
      rgba(205,103,123,.20),
      transparent 280px
    ),
    linear-gradient(
      180deg,
      #2c2227 0%,
      #21191d 62%,
      #1c1619 100%
    ) !important;

  box-shadow:
    8px 0 34px
    rgba(40,25,31,.10) !important;
}


/* marca */

body.premium-app-shell-global .brandwrap{

  min-height:56px;

  margin-bottom:23px !important;

  padding:0 7px !important;

  display:flex !important;
  align-items:center !important;

  flex:none !important;
}


body.premium-app-shell-global .brandmark{

  width:39px !important;
  height:39px !important;

  flex:0 0 39px;

  display:grid !important;
  place-items:center;

  border:
    1px solid rgba(255,255,255,.15) !important;

  border-radius:12px !important;

  color:#fff !important;

  background:
    linear-gradient(
      145deg,
      #d57889,
      #ae4e62
    ) !important;

  box-shadow:
    0 8px 20px
    rgba(176,76,97,.22) !important;

  font-size:13px !important;
  font-weight:850 !important;
}


body.premium-app-shell-global .brandcopy{

  margin-left:11px !important;

  min-width:0;
}


body.premium-app-shell-global .brandcopy strong{

  display:block;

  color:#fff !important;

  font-size:13px !important;
  font-weight:760 !important;

  white-space:nowrap;
}


body.premium-app-shell-global .brandcopy span{

  display:block;

  margin-top:3px;

  color:
    rgba(255,255,255,.44) !important;

  font-size:9px !important;

  letter-spacing:.12em;
  text-transform:uppercase;
}


/* ============================================================
   LABELS
   ============================================================ */

.premium-app-nav-label,
.premium-app-management-label{

  margin:
    4px 0 8px;

  padding:
    0 12px;

  color:
    rgba(255,255,255,.31);

  font-size:9px;
  font-weight:800;

  letter-spacing:.16em;
  text-transform:uppercase;
}


/* ============================================================
   MENU GLOBAL
   ============================================================ */

body.premium-app-shell-global .nav{

  width:100% !important;

  margin:0 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;

  gap:3px !important;
}


body.premium-app-shell-global .nav > a{

  position:relative;

  width:100%;

  min-height:40px;

  padding:
    0 11px !important;

  display:flex !important;
  align-items:center !important;

  gap:11px;

  border:
    1px solid transparent !important;

  border-radius:10px !important;

  background:transparent !important;

  color:
    rgba(255,255,255,.67) !important;

  font-size:12px !important;
  font-weight:620 !important;

  text-decoration:none !important;

  transition:
    background .15s ease,
    color .15s ease,
    border-color .15s ease !important;
}


body.premium-app-shell-global .nav > a:hover{

  color:#fff !important;

  background:
    rgba(255,255,255,.05) !important;
}


body.premium-app-shell-global .nav > a.active{

  color:#fff !important;

  background:
    linear-gradient(
      90deg,
      rgba(205,101,121,.15),
      rgba(205,101,121,.035)
    ) !important;

  border-color:
    rgba(225,137,154,.10) !important;
}


body.premium-app-shell-global
.nav > a.active::before{

  content:"";

  position:absolute;

  left:0;
  top:8px;
  bottom:8px;

  width:3px;

  border-radius:
    0 4px 4px 0;

  background:#d77386;
}


/* badges */

body.premium-app-shell-global .nav-badge{

  position:static !important;

  margin-left:auto !important;

  min-width:20px !important;
  height:20px !important;

  padding:
    0 6px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  border:0 !important;
  border-radius:999px !important;

  color:#fff !important;

  background:#c95d70 !important;

  font-size:9px !important;
}


/* ============================================================
   ICONS
   ============================================================ */

.app-shell-icon{

  width:17px;
  height:17px;

  flex:0 0 17px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
}


.app-shell-icon svg{

  width:17px;
  height:17px;

  fill:none;

  stroke:currentColor;
  stroke-width:1.65;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* ============================================================
   GESTÃO QUICK LINKS
   ============================================================ */

.premium-app-management{

  margin-top:20px;

  padding-top:16px;

  border-top:
    1px solid rgba(255,255,255,.075);
}


.premium-app-management-group{

  margin-bottom:12px;
}


.premium-app-management-group > b{

  min-height:31px;

  padding:
    0 11px;

  display:flex;
  align-items:center;

  gap:9px;

  color:
    rgba(255,255,255,.38);

  font-size:9px;
  font-weight:780;

  letter-spacing:.055em;
  text-transform:uppercase;
}


.premium-app-management-group a{

  min-height:35px;

  margin-left:8px;

  padding:
    0 10px;

  display:flex;
  align-items:center;

  gap:10px;

  border-radius:9px;

  color:
    rgba(255,255,255,.52) !important;

  font-size:10px;
  font-weight:560;

  text-decoration:none !important;
}


.premium-app-management-group a:hover{

  color:#fff !important;

  background:
    rgba(255,255,255,.04);
}


/* ============================================================
   USER
   ============================================================ */

body.premium-app-shell-global .user{

  width:100%;

  margin:
    auto 0 0 !important;

  padding:
    16px 7px 0 !important;

  display:flex !important;
  align-items:center !important;

  gap:8px;

  border-top:
    1px solid rgba(255,255,255,.075);
}


body.premium-app-shell-global .userpill{

  min-width:0;

  flex:1;

  display:flex !important;
  flex-direction:column;
}


body.premium-app-shell-global .userpill b{

  overflow:hidden;

  color:#fff !important;

  font-size:11px !important;

  white-space:nowrap;
  text-overflow:ellipsis;
}


body.premium-app-shell-global .userpill span{

  margin-top:2px;

  color:
    rgba(255,255,255,.42) !important;

  font-size:9px !important;
}


body.premium-app-shell-global .logout{

  width:34px;
  height:34px;

  padding:0 !important;

  display:grid !important;
  place-items:center;

  overflow:hidden;

  border:
    1px solid rgba(255,255,255,.10) !important;

  border-radius:9px !important;

  background:
    rgba(255,255,255,.035) !important;

  color:
    rgba(255,255,255,.60) !important;

  font-size:0 !important;
}


body.premium-app-shell-global .logout::after{

  content:"↗";

  font-size:14px;
}


/* ============================================================
   SIDEBAR TOGGLE
   ============================================================ */

.premium-app-sidebar-toggle{

  position:fixed;

  z-index:600;

  left:234px;
  top:24px;

  width:32px;
  height:32px;

  padding:0 !important;

  display:grid;
  place-items:center;

  border:
    1px solid #e9dfe2 !important;

  border-radius:10px !important;

  color:#695a61 !important;

  background:#fff !important;

  box-shadow:
    0 4px 16px
    rgba(48,31,38,.08) !important;

  transition:
    left .2s ease,
    transform .2s ease !important;
}


/* ============================================================
   MAIN
   ============================================================ */

body.premium-app-shell-global main.wrap{

  width:auto !important;

  max-width:none !important;

  min-height:100vh;

  margin:
    0 0 0
    var(--app-sidebar) !important;

  padding:
    24px
    36px
    70px !important;

  transition:
    margin-left .2s ease !important;
}


body.premium-app-shell-global main.wrap > *{

  max-width:1440px;

  margin-left:auto;
  margin-right:auto;
}


/* ============================================================
   CONTEXT BAR
   ============================================================ */

.premium-app-contextbar{

  min-height:38px;

  margin-bottom:13px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:16px;
}


.premium-app-breadcrumb{

  display:flex;
  align-items:center;

  gap:7px;

  color:#998a91;

  font-size:11px;
}


.premium-app-breadcrumb i{

  color:#c9bdc1;

  font-style:normal;
}


.premium-app-breadcrumb b{

  color:#493d43;

  font-weight:700;
}


.premium-app-context-unit{

  color:#9a8c92;

  font-size:10px;
  font-weight:650;
}


/* ============================================================
   COMPONENTES GERAIS
   ============================================================ */

body.premium-app-shell-global h1,
body.premium-app-shell-global h2,
body.premium-app-shell-global h3{

  color:var(--app-ink);

  letter-spacing:-.035em;
}


body.premium-app-shell-global .card{

  border:
    1px solid var(--app-line) !important;

  border-radius:19px !important;

  background:#fff !important;

  box-shadow:
    var(--app-shadow) !important;
}


body.premium-app-shell-global input,
body.premium-app-shell-global select,
body.premium-app-shell-global textarea{

  border:
    1px solid #e1d7da !important;

  border-radius:11px !important;

  background:#fff !important;

  color:var(--app-ink);

  transition:
    border-color .15s ease,
    box-shadow .15s ease;
}


body.premium-app-shell-global input:focus,
body.premium-app-shell-global select:focus,
body.premium-app-shell-global textarea:focus{

  outline:none !important;

  border-color:#ce8795 !important;

  box-shadow:
    0 0 0 4px
    rgba(202,102,121,.09) !important;
}


body.premium-app-shell-global button,
body.premium-app-shell-global .btn{

  border-radius:10px !important;

  font-weight:720 !important;
}


/* tabelas */

body.premium-app-shell-global .tablewrap{

  overflow:hidden;

  border:
    1px solid var(--app-line) !important;

  border-radius:17px !important;

  background:#fff !important;

  box-shadow:
    0 7px 24px
    rgba(48,31,38,.04) !important;
}


body.premium-app-shell-global
.tablewrap thead th{

  background:
    linear-gradient(
      180deg,
      #faf5f7,
      #f7f1f3
    ) !important;

  color:#77676e !important;

  font-size:9px !important;

  letter-spacing:.07em !important;
  text-transform:uppercase;
}


body.premium-app-shell-global
.tablewrap tbody tr:hover{

  background:#fdf8fa !important;
}


/* flashes */

body.premium-app-shell-global .flash{

  border:
    1px solid #e4d8dc !important;

  border-radius:12px !important;

  background:#fff !important;

  box-shadow:
    0 7px 22px
    rgba(48,31,38,.045);
}


/* ============================================================
   COLLAPSED
   ============================================================ */

body.premium-global-collapsed{

  --app-sidebar:78px;
}


body.premium-global-collapsed .brandwrap{

  justify-content:center;

  padding:0 !important;
}


body.premium-global-collapsed .brandcopy,
body.premium-global-collapsed .premium-app-nav-label,
body.premium-global-collapsed .premium-app-management-label,
body.premium-global-collapsed .nav > a > :not(.app-shell-icon):not(.nav-badge),
body.premium-global-collapsed .premium-app-management-group span,
body.premium-global-collapsed .premium-app-management-group a span,
body.premium-global-collapsed .userpill{

  display:none !important;
}


body.premium-global-collapsed .nav > a,
body.premium-global-collapsed .premium-app-management-group a,
body.premium-global-collapsed .premium-app-management-group > b{

  justify-content:center !important;

  padding-left:0 !important;
  padding-right:0 !important;
}


body.premium-global-collapsed .premium-app-management-group a{

  margin-left:0;
}


body.premium-global-collapsed .premium-app-sidebar-toggle{

  left:61px;
}


body.premium-global-collapsed .premium-app-sidebar-toggle svg{

  transform:rotate(180deg);
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media(max-width:1000px){

  body.premium-app-shell-global{

    --app-sidebar:80px;
  }

  body.premium-app-shell-global .brandcopy,
  body.premium-app-shell-global .premium-app-nav-label,
  body.premium-app-shell-global .premium-app-management-label,
  body.premium-app-shell-global .nav > a > :not(.app-shell-icon):not(.nav-badge),
  body.premium-app-shell-global .premium-app-management-group span,
  body.premium-app-shell-global .premium-app-management-group a span,
  body.premium-app-shell-global .userpill{

    display:none !important;
  }

  body.premium-app-shell-global .nav > a,
  body.premium-app-shell-global .premium-app-management-group a,
  body.premium-app-shell-global .premium-app-management-group > b{

    justify-content:center !important;
  }

  .premium-app-sidebar-toggle{
    display:none;
  }

}


@media(max-width:700px){

  body.premium-app-shell-global{

    --app-sidebar:0px;
  }

  body.premium-app-shell-global .top{

    display:none !important;
  }

  body.premium-app-shell-global main.wrap{

    margin-left:0 !important;

    padding:
      18px
      14px
      50px !important;
  }

}



/* ============================================================
   COMMERCIAL PREMIUM SUITE V1
   ============================================================ */


/* HERO */

.premium-old-module-header-hidden{
  display:none !important;
}

.premium-leads-hero{
  min-height:105px;
  padding:10px 3px 14px;
  margin-bottom:18px;
}

.premium-module-kicker{
  display:block;
  margin-bottom:7px;
  color:#bd596d;
  font-size:10px;
  font-weight:850;
  letter-spacing:.145em;
  text-transform:uppercase;
}

.premium-module-title{
  display:flex;
  align-items:center;
  gap:12px;
}

.premium-module-title h1{
  margin:0 !important;
  font-size:clamp(30px,3vw,39px) !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
}

.premium-module-title span{
  padding:6px 9px;
  border:1px solid #eadfe2;
  border-radius:999px;
  background:rgba(255,255,255,.75);
  color:#74666c;
  font-size:9px;
  font-weight:720;
}

.premium-leads-hero p{
  margin:9px 0 0;
  color:#8a7c82;
  font-size:12px;
}


/* KPIs */

.premium-leads-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
  margin:0 0 16px;
}

.premium-commercial-kpi{
  position:relative;
  min-height:108px;
  padding:19px 19px 16px !important;
}

.premium-commercial-index{
  position:absolute;
  top:16px;
  right:16px;
  color:#d5c8cc;
  font-size:9px;
  font-weight:800;
}

.premium-commercial-label{
  display:block;
  color:#786970;
  font-size:9px;
  font-weight:850;
  letter-spacing:.065em;
  text-transform:uppercase;
}

.premium-commercial-kpi b{
  display:block;
  margin-top:9px;
  color:#281f23;
  font-size:25px;
  font-weight:820;
}

.premium-commercial-kpi small{
  display:block;
  margin-top:6px;
  color:#978990;
  font-size:10px;
}


/* LEADS */

.premium-leads-v1 form{
  gap:9px !important;
}

.premium-lead-filter{
  border-radius:999px !important;
}

.premium-leads-table{
  border-radius:18px !important;
}

.premium-leads-table tbody td{
  padding-top:16px !important;
  padding-bottom:16px !important;
}

.premium-lead-row:hover{
  background:#fdf8fa !important;
  box-shadow:inset 3px 0 0 #cc7182;
}


/* WHATSAPP */

.premium-whatsapp-v1 main.wrap{
  padding-bottom:18px !important;
}

.premium-whatsapp-heading h1,
.premium-whatsapp-heading h2{
  letter-spacing:-.05em !important;
}

.premium-chat-action{
  border-radius:9px !important;
}

.premium-chat-list-panel{
  border-color:#e8dfe2 !important;
}

.premium-whatsapp-v1 audio{
  filter:saturate(.75);
}

.premium-chat-composer{
  border-top:1px solid #ebe3e6 !important;
  background:#fff !important;
}

.premium-chat-composer input,
.premium-chat-composer textarea{
  border-radius:12px !important;
}

.premium-sla-badge{
  border-radius:999px !important;
}


/* mensagens */

.premium-whatsapp-v1
[style*="background:#dcf"],
.premium-whatsapp-v1
[style*="background: #dcf"]{
  background:#edf8f3 !important;
  border-color:#d3eadf !important;
}


/* responsivo */

@media(max-width:1000px){

  .premium-leads-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}

@media(max-width:650px){

  .premium-leads-kpis{
    grid-template-columns:1fr;
  }

}



/* ============================================================
   OPERATIONS PREMIUM SUITE V1
   ============================================================ */


/* HERO */

.premium-ops-old-header-hidden{
  display:none !important;
}

.premium-ops-hero{

  min-height:108px;

  margin-bottom:20px;

  padding:
    10px
    3px
    14px;
}


.premium-ops-kicker{

  display:block;

  margin-bottom:7px;

  color:#bd596d;

  font-size:10px;
  font-weight:850;

  letter-spacing:.145em;
  text-transform:uppercase;
}


.premium-ops-title-row{

  display:flex;

  align-items:center;

  gap:12px;
}


.premium-ops-title-row h1{

  margin:0 !important;

  color:#251d21 !important;

  font-size:
    clamp(
      30px,
      3vw,
      39px
    ) !important;

  line-height:1 !important;

  letter-spacing:-.055em !important;
}


.premium-ops-badge{

  padding:
    6px
    9px;

  border:
    1px solid #eadfe2;

  border-radius:999px;

  background:
    rgba(255,255,255,.76);

  color:#74666c;

  font-size:9px;
  font-weight:720;
}


.premium-ops-hero p{

  margin:
    9px 0 0;

  color:#8b7d83;

  font-size:12px;
}


/* CARDS */

.premium-ops-card{

  border-radius:19px !important;

  box-shadow:
    0 8px 27px
    rgba(48,31,38,.045) !important;
}


/* KPI */

.premium-dashboard-kpi-grid{

  display:grid !important;

  grid-template-columns:
    repeat(
      auto-fit,
      minmax(180px,1fr)
    ) !important;

  gap:11px !important;
}


.premium-dashboard-kpi{

  position:relative;

  min-height:112px;

  padding:
    20px
    19px
    17px !important;

  overflow:hidden;
}


.premium-dashboard-kpi::before{

  content:"";

  position:absolute;

  top:0;
  left:18px;

  width:34px;
  height:3px;

  border-radius:
    0 0 4px 4px;

  background:#cb687a;
}


.premium-dashboard-kpi:nth-child(2)::before{
  background:#4a9276;
}

.premium-dashboard-kpi:nth-child(3)::before{
  background:#c28a4c;
}

.premium-dashboard-kpi:nth-child(4)::before{
  background:#6f6172;
}


.premium-ops-index{

  position:absolute;

  top:16px;
  right:16px;

  color:#d6c9cd;

  font-size:9px;
  font-weight:800;

  letter-spacing:.08em;
}


/* FORMS */

.premium-ops-form{

  border-radius:17px !important;
}


.premium-new-main-form{

  max-width:900px;

  margin:
    0 auto !important;

  padding:
    25px !important;

  border:
    1px solid #e7dde1 !important;

  border-radius:20px !important;

  background:
    linear-gradient(
      125deg,
      #fff,
      #fdf9fa
    ) !important;

  box-shadow:
    0 12px 32px
    rgba(48,31,38,.055) !important;
}


.premium-new-main-form
input,
.premium-new-main-form
select,
.premium-new-main-form
textarea{

  min-height:44px;
}


/* TABLE */

.premium-ops-table{

  border-radius:18px !important;

  box-shadow:
    0 8px 28px
    rgba(48,31,38,.05) !important;
}


.premium-ops-table
thead th{

  height:47px !important;

  background:
    linear-gradient(
      180deg,
      #faf5f7,
      #f7f1f3
    ) !important;

  color:#77676e !important;

  font-size:9px !important;

  letter-spacing:.07em !important;
}


.premium-ops-table
tbody td{

  padding:
    14px !important;
}


.premium-ops-table-row:hover{

  background:#fdf8fa !important;

  box-shadow:
    inset 3px 0 0
    #cc7182;
}


/* HOJE */

.premium-today-v1
.premium-attention-item{

  border-left:
    3px solid #c7687a !important;

  background:
    linear-gradient(
      90deg,
      #fff9fa,
      transparent
    ) !important;
}


/* AGENDA */

.premium-calendar-surface{

  border:
    1px solid #e6dcdf !important;

  border-radius:19px !important;

  background:#fff !important;

  box-shadow:
    0 8px 28px
    rgba(48,31,38,.045) !important;
}


/* EQUIPE */

.premium-team-entry{

  transition:
    background .14s ease;
}


.premium-team-entry:hover{

  background:#fdf8fa !important;
}


/* BOTÕES */

.premium-new-v1 button.primary,
.premium-team-v1 button.primary,
.premium-agenda-v1 button.primary{

  background:
    linear-gradient(
      135deg,
      #33262c,
      #21191d
    ) !important;

  color:#fff !important;

  border-color:transparent !important;

  box-shadow:
    0 6px 18px
    rgba(36,24,29,.14) !important;
}


/* MOBILE */

@media(max-width:760px){

  .premium-dashboard-kpi-grid{

    grid-template-columns:
      1fr !important;
  }

}



/* ============================================================
   CIDADEIA — FINAL PREMIUM POLISH V1
   ============================================================ */


/* ------------------------------------------------------------
   CHROME AUTOFILL
   remove aquele azul feio nos inputs
   ------------------------------------------------------------ */

body.premium-app-shell-global
input:-webkit-autofill,
body.premium-app-shell-global
input:-webkit-autofill:hover,
body.premium-app-shell-global
input:-webkit-autofill:focus,
body.premium-app-shell-global
textarea:-webkit-autofill,
body.premium-app-shell-global
select:-webkit-autofill{

  -webkit-text-fill-color:#2b2227 !important;

  -webkit-box-shadow:
    0 0 0 1000px #fff inset !important;

  box-shadow:
    0 0 0 1000px #fff inset !important;

  transition:
    background-color 9999s ease-out 0s !important;
}


/* ------------------------------------------------------------
   TÍTULOS
   ------------------------------------------------------------ */

body.premium-app-shell-global
main.wrap h1{

  font-weight:790 !important;
}

body.premium-app-shell-global
main.wrap h2{

  font-weight:740 !important;
}


/* ------------------------------------------------------------
   BOTÕES
   ------------------------------------------------------------ */

body.premium-app-shell-global
button,
body.premium-app-shell-global
.btn,
body.premium-app-shell-global
a.btn{

  min-height:36px;

  transition:
    transform .14s ease,
    box-shadow .14s ease,
    background .14s ease,
    border-color .14s ease !important;
}


body.premium-app-shell-global
button:hover,
body.premium-app-shell-global
.btn:hover,
body.premium-app-shell-global
a.btn:hover{

  transform:
    translateY(-1px);
}


body.premium-app-shell-global
button.primary,
body.premium-app-shell-global
.btn.primary{

  background:
    linear-gradient(
      135deg,
      #33272d,
      #21191d
    ) !important;

  color:#fff !important;

  border-color:transparent !important;

  box-shadow:
    0 5px 15px
    rgba(40,26,32,.14) !important;
}


/* ------------------------------------------------------------
   CARDS
   ------------------------------------------------------------ */

body.premium-app-shell-global
.card{

  transition:
    border-color .15s ease,
    box-shadow .15s ease !important;
}


body.premium-app-shell-global
.card:hover{

  border-color:#ddd1d5 !important;

  box-shadow:
    0 2px 5px rgba(43,27,34,.025),
    0 13px 34px rgba(48,30,38,.065) !important;
}


/* ------------------------------------------------------------
   PAINEL EXECUTIVO
   ------------------------------------------------------------ */

.premium-dashboard-home-v1
.card{

  overflow:hidden;
}


.premium-dashboard-home-v1
.premium-dashboard-kpi b{

  letter-spacing:-.035em;
}


.premium-dashboard-home-v1
[style*="color:red"],
.premium-dashboard-home-v1
[style*="color:#c"]{

  color:#bd4955 !important;
}


/* barras do pipeline */

.premium-dashboard-home-v1
[style*="border-radius"][style*="width"]{

  transition:
    width .3s ease;
}


/* ------------------------------------------------------------
   HOJE
   ------------------------------------------------------------ */

.premium-today-v1
table{

  border-collapse:separate !important;
  border-spacing:0 !important;
}


.premium-today-v1
tbody tr{

  transition:
    background .13s ease;
}


.premium-today-v1
tbody tr:hover{

  background:#fdf8fa !important;
}


.premium-today-v1
tbody td{

  vertical-align:middle !important;
}


/* botões de resultado */

.premium-today-v1
tbody button,
.premium-today-v1
tbody a{

  border-radius:9px !important;
}


/* WhatsApp */

.premium-today-v1
tbody a[href*="whatsapp"]{

  background:#188d67 !important;

  color:#fff !important;

  border-color:transparent !important;

  font-weight:720 !important;
}


/* ------------------------------------------------------------
   EQUIPE
   ------------------------------------------------------------ */

.premium-team-v1
.card{

  padding:22px !important;
}


.premium-team-v1
table{

  font-variant-numeric:
    tabular-nums;
}


.premium-team-v1
input,
.premium-team-v1
select{

  min-height:42px;
}


.premium-team-v1
input[type="number"]{

  text-align:left;
}


/* bloco novo usuário */

.premium-team-v1
form:has(input[name="name"]){

  background:
    linear-gradient(
      125deg,
      #fff,
      #fdfafa
    ) !important;
}


/* ------------------------------------------------------------
   LEADS
   ------------------------------------------------------------ */

.premium-leads-v1
.premium-leads-kpis{

  margin-top:5px;
}


.premium-leads-v1
tbody td:first-child{

  font-weight:700;
}


.premium-leads-v1
.premium-lead-filter{

  transition:
    background .13s ease,
    color .13s ease,
    transform .13s ease;
}


.premium-leads-v1
.premium-lead-filter:hover{

  transform:
    translateY(-1px);
}


/* ------------------------------------------------------------
   WHATSAPP
   ------------------------------------------------------------ */

.premium-whatsapp-v1
main.wrap{

  max-height:100vh;
}


.premium-whatsapp-v1
input[placeholder*="Buscar conversa"]{

  background:#fff !important;
}


.premium-whatsapp-v1
.premium-chat-composer{

  padding:
    8px
    10px !important;

  box-shadow:
    0 -7px 22px
    rgba(40,27,33,.035);
}


.premium-whatsapp-v1
.premium-chat-composer
input,
.premium-whatsapp-v1
.premium-chat-composer
textarea{

  border-color:#e6dcdf !important;

  background:#fff !important;
}


/* ------------------------------------------------------------
   BADGES
   ------------------------------------------------------------ */

body.premium-app-shell-global
.pill,
body.premium-app-shell-global
[class*="badge"]{

  font-weight:700;
}


/* ------------------------------------------------------------
   TABELAS
   ------------------------------------------------------------ */

body.premium-app-shell-global
table{

  font-variant-numeric:
    tabular-nums;
}


body.premium-app-shell-global
.tablewrap tbody td{

  color:#44393f;
}


body.premium-app-shell-global
.tablewrap tbody tr{

  transition:
    background .13s ease,
    box-shadow .13s ease;
}


/* ------------------------------------------------------------
   EMPTY STATES
   ------------------------------------------------------------ */

body.premium-app-shell-global
.empty{

  padding:40px !important;

  border:
    1px dashed #ddd1d5 !important;

  background:#fdfafa !important;

  color:#8c7d84 !important;

  text-align:center;
}


/* ------------------------------------------------------------
   SELECTION
   ------------------------------------------------------------ */

body.premium-app-shell-global
::selection{

  color:#392129;

  background:#efd5db;
}



/* ============================================================
   PAINEL EXECUTIVO — COMMAND CENTER V2
   ============================================================ */


/* HERO */

.premium-command-dashboard-v2
.premium-command-hero-v2{

  margin-bottom:18px;
}


.premium-command-dashboard-v2
.premium-command-hero-v2 h1{

  font-size:
    clamp(
      32px,
      3.1vw,
      42px
    ) !important;

  letter-spacing:-.06em !important;
}


/* ------------------------------------------------------------
   FUNIL
   ------------------------------------------------------------ */

.premium-command-funnel-v2{

  display:grid !important;

  grid-template-columns:
    1.12fr
    repeat(5,1fr) !important;

  overflow:hidden;

  border:
    1px solid #e6dde0 !important;

  border-radius:20px !important;

  color:#352b30 !important;

  background:
    linear-gradient(
      120deg,
      #fff,
      #fcf8f9
    ) !important;

  box-shadow:
    0 9px 28px
    rgba(47,30,37,.055) !important;
}


.premium-funnel-step-v2{

  position:relative;

  min-height:92px;

  padding:
    19px
    18px !important;

  border-right:
    1px solid #eee7e9 !important;
}


.premium-funnel-step-v2:last-child{

  border-right:0 !important;
}


.premium-funnel-step-v2::before{

  content:attr(data-step);

  position:absolute;

  top:12px;
  right:12px;

  color:#d5c9cd;

  font-size:8px;
  font-weight:850;

  letter-spacing:.08em;
}


.premium-funnel-step-v2
span:first-child{

  color:#87787f !important;
}


.premium-funnel-step-v2
b{

  color:#282024 !important;

  font-size:22px !important;

  letter-spacing:-.035em;
}


/* ------------------------------------------------------------
   KPIs
   ------------------------------------------------------------ */

.premium-command-priority-kpi{

  min-height:100px !important;

  background:
    linear-gradient(
      145deg,
      #fff,
      #fdfafa
    ) !important;
}


.premium-command-financial-kpi{

  opacity:.86;

  min-height:92px !important;
}


/* ------------------------------------------------------------
   MAIN GRID
   ------------------------------------------------------------ */

.premium-command-main-grid-v2{

  display:grid !important;

  grid-template-columns:
    minmax(0,1.55fr)
    minmax(310px,.85fr) !important;

  gap:14px !important;

  align-items:start !important;
}


.premium-command-side-v2{

  display:grid;

  gap:14px;
}


/* ------------------------------------------------------------
   PRIORIDADES
   ------------------------------------------------------------ */

.premium-priorities-card-v2{

  padding:
    20px
    20px
    18px !important;

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(200,98,119,.075),
      transparent 210px
    ),
    #fff !important;
}


.premium-priorities-head{

  display:flex;

  justify-content:space-between;
  align-items:flex-start;

  gap:14px;

  margin-bottom:15px;
}


.premium-priorities-kicker{

  display:block;

  margin-bottom:5px;

  color:#bd596d;

  font-size:9px;
  font-weight:850;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.premium-priorities-head h2{

  margin:
    0 0 4px !important;
}


.premium-priorities-head p{

  margin:0;

  color:#96878e;

  font-size:9px;
}


.premium-priorities-live{

  padding:
    5px
    8px;

  display:flex;
  align-items:center;

  gap:6px;

  border:
    1px solid #e8dee1;

  border-radius:999px;

  color:#83737a;

  background:#fff;

  font-size:8px;
  font-weight:720;
}


.premium-priorities-live i{

  width:6px;
  height:6px;

  border-radius:50%;

  background:#3e9975;

  box-shadow:
    0 0 0 4px
    rgba(62,153,117,.08);
}


.premium-priorities-list{

  display:grid;

  gap:7px;
}


.premium-priorities-list > a{

  min-height:38px;

  padding:
    0 11px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:12px;

  border:
    1px solid #eee7e9;

  border-radius:10px;

  color:#51464b !important;

  background:#fcfafb;

  text-decoration:none !important;

  font-size:9px;

  transition:
    transform .14s ease,
    background .14s ease;
}


.premium-priorities-list > a:hover{

  transform:
    translateX(2px);
}


.premium-priorities-list > a span{

  display:flex;

  align-items:center;

  gap:8px;
}


.premium-priorities-list
.dot{

  width:6px;
  height:6px;

  border-radius:50%;
}


.premium-priorities-list
.critical .dot{

  background:#c84f5b;
}


.premium-priorities-list
.warning .dot{

  background:#ca8c46;
}


.premium-priorities-list
.ok .dot{

  background:#3e9271;
}


.premium-priorities-list
.neutral .dot{

  background:#aaa0a4;
}


.premium-priorities-list > a b{

  color:#2d2428;

  font-size:12px;
}


.premium-response-time{

  margin-top:3px;

  padding:
    10px 11px;

  display:flex;

  justify-content:space-between;

  border-top:
    1px solid #eee7e9;

  color:#8e7f86;

  font-size:9px;
}


.premium-response-time b{

  color:#40343a;

  font-size:11px;
}


/* ------------------------------------------------------------
   PIPELINE
   ------------------------------------------------------------ */

.premium-command-pipeline-v2{

  min-height:100%;

  padding:
    22px !important;
}


.premium-command-pipeline-v2 h2{

  font-size:19px !important;
}


.premium-pipeline-bar-v2{

  height:9px !important;

  border-radius:999px !important;

  opacity:.92;

  transition:
    width .25s ease,
    opacity .14s ease;
}


.premium-command-pipeline-v2:hover
.premium-pipeline-bar-v2{

  opacity:1;
}


/* ------------------------------------------------------------
   RANKING
   ------------------------------------------------------------ */

.premium-command-ranking-v2{

  padding:
    19px !important;
}


.premium-command-ranking-v2 h2{

  font-size:17px !important;
}


/* ------------------------------------------------------------
   INTELIGÊNCIA
   ------------------------------------------------------------ */

.premium-command-intelligence-grid-v2{

  display:grid !important;

  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;

  gap:14px !important;
}


.premium-command-intelligence-v2{

  min-height:132px;

  padding:
    20px !important;
}


/* ------------------------------------------------------------
   RESPONSIVO
   ------------------------------------------------------------ */

@media(max-width:1200px){

  .premium-command-main-grid-v2{

    grid-template-columns:
      1fr !important;
  }

}


@media(max-width:900px){

  .premium-command-funnel-v2{

    grid-template-columns:
      repeat(3,1fr) !important;
  }

}


@media(max-width:650px){

  .premium-command-funnel-v2,
  .premium-command-intelligence-grid-v2{

    grid-template-columns:
      1fr !important;
  }

}


/* ============================================================
   PAINEL COMMAND CENTER — POLISH V3
   ============================================================ */

/* evita o pipeline esticar junto com a coluna direita */
.premium-command-main-grid-v2{
  align-items:start !important;
}

.premium-command-pipeline-v2{
  min-height:0 !important;
  height:auto !important;
  align-self:start !important;
}

/* coluna lateral fica independente */
.premium-command-side-v2{
  align-self:start !important;
}

/* pipeline mais compacto */
.premium-command-pipeline-v2{
  padding:22px 22px 20px !important;
}

.premium-command-pipeline-v2 > *:last-child{
  margin-bottom:0 !important;
}

/* ranking não cria altura artificial */
.premium-command-ranking-v2{
  min-height:0 !important;
  height:auto !important;
}

/* inteligência inferior com cards proporcionais */
.premium-command-intelligence-grid-v2{
  align-items:stretch !important;
}

.premium-command-intelligence-v2{
  min-height:125px !important;
  height:auto !important;
}

/* execução da equipe: cards um pouco mais compactos */
.premium-command-dashboard-v2
.card:has(a[href*="hoje"]){
  min-height:0 !important;
}

/* melhora respiro entre as grandes seções */
.premium-command-dashboard-v2
.premium-command-main-grid-v2{
  margin-bottom:14px !important;
}

/* cards financeiros zerados ficam mais discretos */
.premium-command-financial-kpi b{
  color:#62555b !important;
}