/** SIDE MENU - DISPLAY ITENS **/

/* ========================================================= */
/* MAIN SIDEBAR MENU TOGGLES                                 */
/* To ENABLE an item: comment it out                         */
/* ========================================================= */

/*nav a[href="/deals"],       /* Leads & Propostas */
/*nav a[href="/activities"],  /* Atividades */
/*nav a[href="/inbox"],       /* Caixa de entrada */
/*nav a[href="/documents"],   /* Documentos */
/*nav a[href="/contacts"],    /* Contatos */
/*nav a[href="/companies"],   /* Empresas */
/*nav a[href="/dashboard"],   /* Insights */
/*nav a[href="/products"],    /* Produtos */
nav a[href="/calls"],       /* Chamadas */
/*nav a[href="/settings"],     /* Configurações (Careful: Admin lock-out) */
nav a[href="/_ap-css-line"]  /* ap css line */
{ 
    display: none !important; 
}


/* ========================================================= */
/* SIDEBAR METRICS TOGGLE (Atividades de Hoje, Negócios Abertos) */
/* To ENABLE: delete the line or add /* before it            */
/* ========================================================= */

div.group:has(#metrics-headline) {
    display: none !important;
}



/* ========================================================= */
/* MAIN SIDEBAR MENU REORDERING                              */
/* Change the 'order' number to rearrange items.             */
/* Lower numbers appear first.                               */
/* ========================================================= */

/* 1. Upgrade the Nav container to a Flex column and fix Tailwind spacing */
nav:has(a[href="/deals"]) {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important; /* Replaces Tailwind's space-y-1 */
}

nav:has(a[href="/deals"]) > a {
    margin-top: 0 !important; /* Strips old Tailwind margins so they don't stack */
}

/* 2. Assign the visual order for each item (Original HTML Order) */
nav a[href="/deals"]       { order: 1; }  /* Leads & Propostas */
nav a[href="/activities"]  { order: 5; }  /* Atividades */
nav a[href="/inbox"]       { order: 4; }  /* Caixa de entrada */
nav a[href="/documents"]   { order: 2; }  /* Documentos */
nav a[href="/contacts"]    { order: 7; }  /* Contatos */
nav a[href="/companies"]   { order: 6; }  /* Empresas */
nav a[href="/dashboard"]   { order: 8; }  /* Insights */
nav a[href="/products"]    { order: 3; }  /* Produtos */
nav a[href="/calls"]       { order: 9; }  /* Chamadas */
nav a[href="/settings"]    { order: 10; } /* Configurações */



/* ========================================================= */
/* DEAL CARD CUSTOMIZATION: Premium Shadow & Border Structure*/
/* ========================================================= */

#deals.board > div.flex-col .bg-white {
    /* Creates a soft, elegant lift off the background */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05) !important;
    
    /* Adds a crisp, subtle edge to define the card */
    border: 1px solid #e5e7eb !important; 
    
    /* Slightly rounds the corners for a modern SaaS look */
    border-radius: 0.5rem !important; 
    
    /* Ensures the card content doesn't touch the new borders */
    padding: 0.75rem !important; 
}


/* ========================================================= */
/* DEAL CARD CUSTOMIZATION: Emphasize High-Ticket Prices     */
/* ========================================================= */

.bottom-hidden.group .-mt-0\.5.flex.text-sm > button[id^="headlessui-popover-button"] {
    font-weight: 800 !important; /* Extra bold for maximum impact */
    font-size: 1.05rem !important; /* Slightly larger text */
    color: #111827 !important; /* Deep, premium black */
    letter-spacing: -0.02em !important; /* Pulls the numbers slightly tighter together for a cleaner look */
}


/* ========================================================= */
/* DEAL CARD CUSTOMIZATION: Hide Activity & Emphasize Price  */
/* ========================================================= */

/* 1. Hide the Activity button completely (Fixed selector with negative margin -mt) */
.bottom-hidden.group .-mt-0\.5.flex.text-sm > button[id^="headlessui-menu-button"] {
    display: none !important;
}

/* 2. Pull the price tag flush to the left edge (removes default ml-2) */
.bottom-hidden.group .-mt-0\.5.flex.text-sm > button[id^="headlessui-popover-button"] {
    margin-left: 0 !important;
}



/** DEALS - KANBAN - COL **/

#deals.board > div.flex-col {
    max-width: 300px !important;
    
}




/* Customization: Deal Kanban Board Column Header Background */
/* Targets the header only if it shares a parent with the boardColumn container */
div.px-3.py-2:has(~ div[id^="boardColumn"]) {
    background-color: #2b3b55 !important;
/**    background-color: red !important; **/

}

/* Ensure all text inside the dark header becomes readable (white) */
div.px-3.py-2:has(~ div[id^="boardColumn"]),
div.px-3.py-2:has(~ div[id^="boardColumn"]) * {
    color: #ffffff !important;
}