/* Logo oficial JDINFOONLINE na sidebar */
.brand{position:relative;flex-direction:column;gap:8px}
.brand-logo{display:block;max-width:210px;max-height:74px;object-fit:contain}
.brand-product{display:block;color:#d0d5dd;font-size:15px;font-weight:800;letter-spacing:-.02em;margin-top:-4px}.topbar-brand small{display:inline-block;margin-left:12px;color:#667085;font-size:13px;font-weight:700;letter-spacing:0}.qr-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-28px;top:-28px;width:110px;height:110px;border-radius:50%;background:rgba(37,99,255,.08)}.qr-table-avatar{width:44px;height:44px;border-radius:14px;object-fit:cover;background:#eef4ff}.qr-preview-card{text-align:center}.qr-preview-box{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;position:relative}.qr-preview-box img.qr{width:100%;max-width:240px}.qr-logo{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:16px;background:#fff;padding:6px;box-shadow:0 8px 24px rgba(16,24,40,.18);object-fit:contain}.quick-list{display:grid;gap:10px}.quick-list a{padding:12px;border-radius:12px;text-decoration:none;font-weight:800;color:#344054}.quick-list a:hover{background:#f8fbff}.qr-types{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}.qr-type{border:1px solid var(--line);border-radius:13px;background:#fff;padding:14px 10px;font-weight:900;color:#344054;cursor:pointer}.qr-type.active{border-color:#12b76a;background:#ecfdf3;color:#079455;box-shadow:0 0 0 4px rgba(18,183,106,.08)}.designer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.option-box{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.option-box input[type=color]{width:100%;height:46px;border:0;background:transparent}.live-preview{position:sticky;top:110px}.chart{height:240px;display:flex;align-items:flex-end;gap:10px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff)}.bar{flex:1;min-height:8px;background:linear-gradient(180deg,#2563ff,#93c5fd);border-radius:10px 10px 4px 4px;position:relative}.bar span{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:11px;color:#667085;font-weight:800}.bar b{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:11px;color:#344054}.top-bars{display:grid;gap:13px}.top-line{display:grid;grid-template-columns:1fr 210px 54px;gap:12px;align-items:center}.progress{height:10px;background:#eef2f6;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:#2563ff;border-radius:999px}.empty-state{text-align:center;padding:44px 24px;color:#667085}.upload-preview{display:flex;align-items:center;gap:12px}.upload-preview img{width:54px;height:54px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid var(--line)}@media(max-width:1200px){.qr-layout{grid-template-columns:1fr}.live-preview{position:static}.qr-types{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.qr-types,.designer-grid{grid-template-columns:1fr}.top-line{grid-template-columns:1fr}}


/* v1.0.2 - Topbar com avatar igual aos sistemas JDINFO */
.topbar-profile{display:flex;align-items:center;gap:12px;text-decoration:none;color:#101828;border:1px solid transparent;border-radius:14px;padding:8px 10px;transition:.18s ease}
.topbar-profile:hover{background:#f8fbff;border-color:var(--line)}
.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2563ff,#1d4ed8);color:#fff;font-weight:900;letter-spacing:-.04em;box-shadow:0 10px 22px rgba(37,99,255,.18)}
.profile-text{display:flex;flex-direction:column;line-height:1.15}.profile-text strong{font-size:14px;font-weight:900}.profile-text small{margin-top:4px;color:#667085;font-size:12px;font-weight:700}.profile-arrow{color:#667085;font-weight:900}.topbar-user{display:none!important}

/* v1.0.3 - Perfil do topo sem clique */
.topbar-profile-static{cursor:default;text-decoration:none;}
.topbar-profile-static:hover{transform:none;box-shadow:none;}
.topbar-profile-static .profile-arrow{display:none;}

/* v1.0.4 - Campos específicos para SMS */
.sms-fields textarea{
  min-height:96px;
  resize:vertical;
}
.sms-fields select{
  cursor:pointer;
}


/* v1.0.6 - Correções de teste: gráfico sem vazamento, QR com logo e WhatsApp sem ícone errado */
.chart{
  height:260px!important;
  align-items:stretch!important;
  gap:12px!important;
  padding:26px 24px 36px!important;
  overflow:hidden!important;
}
.bar-wrap{
  flex:1;
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
}
.bar-wrap .bar{
  width:100%;
  min-height:6px;
  max-height:150px;
  background:linear-gradient(180deg,#2563ff,#93c5fd);
  border-radius:10px 10px 4px 4px;
  position:static!important;
}
.bar-wrap b,
.bar-wrap span{
  position:static!important;
  transform:none!important;
  left:auto!important;
  bottom:auto!important;
  top:auto!important;
  font-size:12px;
  font-weight:900;
  color:#344054;
}
.bar-wrap span{color:#667085;}
.qr-preview-box img.qr{display:block;margin:0 auto;}
.qr-types{align-items:stretch;}
.qr-type{font-size:14px;}

/* v1.0.10 - Gráficos ajustados e ícone Dashboard */
.sidebar a .ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chart,
.chart.chart-7days{
  height:260px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:14px!important;
  padding:28px 28px 42px!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}
.bar-wrap{
  flex:1 1 0;
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
}
.bar-wrap .bar{
  width:100%;
  min-height:6px!important;
  max-height:130px!important;
  background:linear-gradient(180deg,#2563ff 0%,#93c5fd 100%)!important;
  border-radius:12px 12px 5px 5px!important;
  position:static!important;
  flex:0 0 auto!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.bar-wrap b,
.bar-wrap span{
  position:static!important;
  transform:none!important;
  left:auto!important;
  top:auto!important;
  bottom:auto!important;
  right:auto!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}
.bar-wrap b{color:#101828;}
.bar-wrap span{color:#667085;margin-top:4px;}
.top-bars{display:grid;gap:14px;}
.top-line{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) minmax(220px,360px) 42px!important;
  gap:16px!important;
  align-items:center!important;
}
.top-line strong{font-weight:900;color:#101828;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.progress{height:12px!important;background:#eef2f6!important;border-radius:999px!important;overflow:hidden!important;}
.progress i{display:block;height:100%;background:linear-gradient(90deg,#2563ff,#4f8cff);border-radius:999px;min-width:4px;}
@media(max-width:900px){
  .chart,.chart.chart-7days{height:auto!important;min-height:240px;gap:8px;padding:22px 16px 38px!important;}
  .top-line{grid-template-columns:1fr!important;gap:8px!important;}
}