/* HerbaSinn System V9 - CRM modal refine, button weight and lost reason behavior
   Ajustes: bolinha de urgência circular 10x10, botões com peso 500 e refinamento do modal CRM. */

:root{
    --herba-green:#58bf1f;
    --herba-green-dark:#2f7d32;
    --herba-border:#d7e7cc;
    --herba-ink:#0f172a;
}

/* Peso dos textos dos botões: sair do 900 e ficar mais premium/leve. */
button,
[role="button"],
.fit-btn-primary,
.fit-btn-secondary,
.fit-btn-soft,
.fit-btn-danger,
.herba-pill,
.crm-tab-link,
.sinn-filter-chip,
.sinn-action-button,
.sinn-btn,
a[class*="fit-btn"],
button[class*="fit-btn"]{
    font-weight:500 !important;
}

/* Botões principais verdes continuam fortes, mas sem texto ultra-bold. */
.fit-btn-primary,
button.fit-btn-primary,
a.fit-btn-primary{
    font-weight:500 !important;
    letter-spacing:.01em !important;
}

/* Labels dentro dos botões também respeitam o peso menor. */
.fit-btn-primary *,
.fit-btn-secondary *,
.fit-btn-soft *,
.crm-tab-link *,
.sinn-filter-chip *{
    font-weight:500 !important;
}

/* Modal do card CRM: bolinha de urgência realmente circular e com 10x10px. */
.sinn-crm-card-modal .sinn-crm-modal-urgency-dot,
.sinn-crm-card-modal span[title="Urgência da próxima tarefa"]{
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    min-height:10px !important;
    max-width:10px !important;
    max-height:10px !important;
    aspect-ratio:1 / 1 !important;
    border-radius:9999px !important;
    display:inline-block !important;
    flex:0 0 10px !important;
    padding:0 !important;
    border:2px solid rgba(255,255,255,.95) !important;
    outline:1px solid rgba(47,125,50,.16) !important;
    box-shadow:0 3px 10px rgba(15,23,42,.16) !important;
    transform:none !important;
}

/* Mantém a bolinha do card pequeno discreta, sem parecer hexágono. */
.sinn-crm-mini-card .sinn-crm-urgency-dot{
    width:6px !important;
    height:6px !important;
    min-width:6px !important;
    min-height:6px !important;
    max-width:6px !important;
    max-height:6px !important;
    border-radius:9999px !important;
    display:inline-block !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.95) !important;
    box-shadow:0 2px 8px rgba(15,23,42,.14) !important;
}

/* Indicador da etapa no cabeçalho do kanban: pequeno e sem peso visual exagerado. */
.sinn-crm-board-grid section[data-crm-column] h3 + span,
.sinn-crm-board-grid section[data-crm-column] .stage-dot{
    width:4px !important;
    height:4px !important;
}

/* Painel de motivo perdido só aparece via Alpine; x-cloak precisa esconder de verdade. */
[x-cloak]{
    display:none !important;
}

/* Quando aparecer, manter visual leve e sem texto pesado demais. */
.sinn-crm-card-modal [x-show] .fit-soft-input,
.sinn-crm-card-modal .fit-soft-input{
    font-weight:500 !important;
}

/* Form de mover etapa: botão e select mais proporcionais. */
.sinn-crm-card-modal form[action*="mover"] .fit-soft-input{
    height:42px !important;
    border-radius:14px !important;
}

.sinn-crm-card-modal form[action*="mover"] .fit-btn-primary{
    height:42px !important;
    border-radius:14px !important;
    padding:0 18px !important;
}

/* Tabs do modal menores e com peso 500. */
.sinn-crm-card-modal [type="button"]{
    font-weight:500 !important;
}

/* Textos ainda ficam legíveis, mas sem black excessivo onde vira botão/badge. */
.sinn-crm-card-modal .rounded-2xl.bg-slate-50 p:last-child,
.sinn-crm-card-modal .herba-crm-chip,
.sinn-crm-card-modal .fit-form-label{
    font-weight:500 !important;
}

@media (max-width: 768px){
    .sinn-crm-card-modal .sinn-crm-modal-urgency-dot,
    .sinn-crm-card-modal span[title="Urgência da próxima tarefa"]{
        width:9px !important;
        height:9px !important;
        min-width:9px !important;
        min-height:9px !important;
        flex-basis:9px !important;
    }
}