/* HerbaSinn System V6 - 2026-07-09
   Refinamento visual global aprovado: ações em linha, CRM cards compactos e Produção/Receitas padronizada.
   Somente CSS/UI. Não altera rotas, controllers, migrations, WAHA ou integrações. */

:root{
  --herba-green:#58b91f;
  --herba-green-600:#47a51f;
  --herba-green-700:#2f7d32;
  --herba-green-800:#24672a;
  --herba-mint:#f4fbef;
  --herba-mint-2:#eef8e7;
  --herba-gold:#d9b64a;
  --herba-ink:#102033;
  --herba-text:#344039;
  --herba-muted:#68766d;
  --herba-line:#d7e8cf;
  --herba-line-strong:#b8dca8;
  --herba-shadow-soft:0 9px 20px rgba(31,70,38,.07);
}

/* Botões no topo das páginas: sempre com cara de botão e texto em uma linha */
.sinn-page-header-content .fit-btn-primary,
.sinn-page-header-content .fit-btn-secondary,
.sinn-page-header-content .fit-btn-soft,
.sinn-page-header-content a[class*="fit-btn"],
.sinn-page-header-content button[class*="fit-btn"]{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 13px!important;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  box-shadow:0 8px 17px rgba(36,103,42,.07)!important;
}

.sinn-page-header-content .flex.flex-wrap:has(.fit-btn-primary),
.sinn-page-header-content .flex.flex-wrap:has(.fit-btn-secondary),
.sinn-page-header-content .flex.flex-wrap:has(.fit-btn-soft){
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  max-width:100%!important;
  scrollbar-width:thin;
}

.sinn-page-header-content .flex.flex-wrap:has(.fit-btn-primary)::-webkit-scrollbar,
.sinn-page-header-content .flex.flex-wrap:has(.fit-btn-secondary)::-webkit-scrollbar,
.sinn-page-header-content .flex.flex-wrap:has(.fit-btn-soft)::-webkit-scrollbar{
  height:4px;
}

.sinn-page-header-content .flex.flex-wrap:has(.fit-btn-primary)::-webkit-scrollbar-thumb,
.sinn-page-header-content .flex.flex-wrap:has(.fit-btn-secondary)::-webkit-scrollbar-thumb,
.sinn-page-header-content .flex.flex-wrap:has(.fit-btn-soft)::-webkit-scrollbar-thumb{
  background:rgba(88,185,31,.25);
  border-radius:999px;
}

/* Produção/Receitas: ações e painéis mais proporcionais */
.sinn-main-content main .fit-page-shell > section:first-child .fit-card{
  min-height:78px!important;
  padding:16px 18px!important;
}

.sinn-main-content main .fit-page-shell > section:first-child .fit-card p:first-child{
  color:#526278!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  line-height:1.1!important;
}

.sinn-main-content main .fit-page-shell > section:first-child .fit-card .text-3xl,
.sinn-main-content main .fit-page-shell > section:first-child .fit-card p:last-child{
  font-size:24px!important;
  line-height:1!important;
  margin-top:10px!important;
}

.sinn-main-content main .sinn-panel .fit-btn-primary,
.sinn-main-content main .sinn-panel .fit-btn-secondary,
.sinn-main-content main .sinn-panel .fit-btn-soft{
  min-height:34px!important;
  height:34px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-size:12px!important;
  white-space:nowrap!important;
}

/* Evita aquele botão grande solto dentro de Produção/Receitas */
.sinn-main-content main .sinn-panel a.fit-btn-primary.shrink-0{
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  align-self:flex-start!important;
  border-radius:12px!important;
  box-shadow:0 10px 22px rgba(88,185,31,.18)!important;
}

/* CRM: header de etapas com bolinha mais elegante e alinhada */
.sinn-crm-page [data-crm-column]{
  border-color:var(--herba-line)!important;
  box-shadow:0 12px 28px rgba(31,70,38,.08)!important;
}

.sinn-crm-page [data-crm-column] > .flex:first-child{
  min-height:42px!important;
  padding:2px 4px 10px!important;
}

.sinn-crm-page [data-crm-column] > .flex:first-child .flex.items-center.gap-2{
  gap:8px!important;
}

.sinn-crm-page [data-crm-column] > .flex:first-child .h-3.w-3.rounded-full{
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  border-radius:999px!important;
  border:2px solid #fff!important;
  box-shadow:0 0 0 2px rgba(217,182,74,.22), 0 4px 10px rgba(31,70,38,.10)!important;
  transform:none!important;
}

.sinn-crm-page [data-crm-column] h3{
  font-size:12px!important;
  letter-spacing:.08em!important;
  color:#253329!important;
}

.sinn-crm-page [data-crm-column] [data-crm-count]{
  color:#7b897f!important;
  font-size:11px!important;
  line-height:1.25!important;
}

/* CRM: card mais limpo e com indicador de tarefa discreto */
.sinn-crm-page .sinn-crm-mini-card{
  padding:12px!important;
  border-radius:18px!important;
  border-color:#dce9d5!important;
  box-shadow:0 8px 20px rgba(31,70,38,.06)!important;
}

.sinn-crm-page .sinn-crm-mini-card:hover{
  border-color:var(--herba-line-strong)!important;
  box-shadow:0 12px 26px rgba(31,70,38,.10)!important;
}

.sinn-crm-page .sinn-crm-urgency-dot{
  right:10px!important;
  top:10px!important;
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  box-shadow:0 0 0 2px rgba(36,103,42,.10), 0 3px 8px rgba(0,0,0,.10)!important;
}

.sinn-crm-page .sinn-crm-mini-card .h-8.w-8.rounded-2xl{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:#f1faeb!important;
  color:var(--herba-green-800)!important;
  border:1px solid var(--herba-line)!important;
}

.sinn-crm-page .sinn-crm-card-next{
  margin-top:10px!important;
  padding:9px 10px!important;
  border-radius:14px!important;
  background:#f7fbf3!important;
  border:1px solid #dfeedd!important;
}

/* CRM: botões do card em uma linha só */
.sinn-crm-page .sinn-crm-card-actions{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:9px!important;
  width:100%!important;
}

.sinn-crm-page .sinn-crm-card-actions > *,
.sinn-crm-page .sinn-crm-card-actions button,
.sinn-crm-page .sinn-crm-card-actions a,
.sinn-crm-page .sinn-crm-card-actions span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:auto!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0 8px!important;
  border-radius:11px!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
  grid-column:auto!important;
  text-decoration:none!important;
}

.sinn-crm-page .sinn-crm-card-actions > :nth-child(1){
  flex:1.12 1 0!important;
}

.sinn-crm-page .sinn-crm-card-actions > :nth-child(2){
  flex:.82 1 0!important;
}

.sinn-crm-page .sinn-crm-card-actions > :nth-child(3){
  flex:1 1 0!important;
  grid-column:auto!important;
}

.sinn-crm-page .sinn-crm-card-actions button{
  background:var(--herba-green)!important;
  border:1px solid var(--herba-green)!important;
  color:#fff!important;
  box-shadow:0 8px 16px rgba(88,185,31,.18)!important;
}

.sinn-crm-page .sinn-crm-card-actions button:hover{
  background:var(--herba-green-700)!important;
  border-color:var(--herba-green-700)!important;
  color:#fff!important;
}

.sinn-crm-page .sinn-crm-card-actions a,
.sinn-crm-page .sinn-crm-card-actions > span{
  background:#fff!important;
  border:1px solid var(--herba-line)!important;
  color:#19321f!important;
  box-shadow:0 5px 12px rgba(31,70,38,.045)!important;
}

.sinn-crm-page .sinn-crm-card-actions a:hover{
  background:var(--herba-mint)!important;
  border-color:var(--herba-line-strong)!important;
  color:var(--herba-green-800)!important;
}

.sinn-crm-page .sinn-crm-card-actions svg,
.sinn-crm-page .sinn-crm-card-actions i,
.sinn-crm-page .sinn-crm-card-actions .svg-inline--fa{
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  margin-right:2px!important;
}

/* CRM: chips do card mais baixos para não inflar altura */
.sinn-crm-page .herba-crm-chip{
  min-height:24px!important;
  height:24px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  line-height:1!important;
}

/* Filtros/ações gerais: segura botões com texto em uma linha */
.sinn-main-content main .fit-btn-primary,
.sinn-main-content main .fit-btn-secondary,
.sinn-main-content main .fit-btn-soft,
.sinn-main-content main a[class*="fit-btn"],
.sinn-main-content main button[class*="fit-btn"]{
  white-space:nowrap!important;
}

.sinn-main-content main .crm-filter-actions,
.sinn-main-content main .crm-filter-actions-v2,
.sinn-main-content main .crm-filter-quick{
  align-items:center!important;
}

.sinn-main-content main .crm-filter-actions > *,
.sinn-main-content main .crm-filter-actions-v2 > *,
.sinn-main-content main .crm-filter-quick > *{
  white-space:nowrap!important;
}

@media (max-width: 1024px){
  .sinn-page-header-content .flex.flex-wrap:has(.fit-btn-primary),
  .sinn-page-header-content .flex.flex-wrap:has(.fit-btn-secondary),
  .sinn-page-header-content .flex.flex-wrap:has(.fit-btn-soft){
    justify-content:flex-start!important;
  }
}

@media (max-width: 640px){
  .sinn-page-header-content .fit-btn-primary,
  .sinn-page-header-content .fit-btn-secondary,
  .sinn-page-header-content .fit-btn-soft,
  .sinn-page-header-content a[class*="fit-btn"],
  .sinn-page-header-content button[class*="fit-btn"]{
    height:34px!important;
    min-height:34px!important;
    padding:0 11px!important;
    font-size:11px!important;
  }

  .sinn-crm-page .sinn-crm-card-actions{
    gap:5px!important;
  }

  .sinn-crm-page .sinn-crm-card-actions > *,
  .sinn-crm-page .sinn-crm-card-actions button,
  .sinn-crm-page .sinn-crm-card-actions a,
  .sinn-crm-page .sinn-crm-card-actions span{
    height:32px!important;
    min-height:32px!important;
    padding:0 6px!important;
    font-size:10px!important;
  }
}