@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

:root {
    --bg-main: #1A1A1A;     /* Fundo principal da aplicação (Photoshop Canvas) */
    --bg-nav: #252525;      /* Barra de topo e painéis principais */
    --bg-card: #282828;     /* Fundo dos cartões e modais */
    --bg-panel: #202020;    /* Fundo para sub-agrupamentos */
    --bg-input: #121212;    /* Campos afundados, super escuros e sem borda clara */
    --border: #3A3A3A;      /* Bordas estruturais ultra sutis */
    --accent: #1473E6;      /* O clássico Azul de Seleção da Adobe */
    --text-main: #E0E0E0;   /* Cinza muito claro, evita fadiga visual */
    --text-mut: #888888;    /* Texto secundário */
    --rad: 1rem;            /* Arredondamento contido, mais sério e profissional */
}

/* TEMA CLARO (PHOTOSHOP SILVER) */
:root.light {
    --bg-main: #E0E0E0;     /* Fundo principal mais acinzentado */
    --bg-nav: #D6D6D6;      /* Barra de navegação com tom silver médio */
    --bg-card: #EAEAEA;     /* Cards prata claro */
    --bg-panel: #DCDCDC;    /* Áreas de agrupamento interno */
    --bg-input: #FFFFFF;    /* Campos de digitação com fundo branco limpo */
    --border: #B5B5B5;      /* Bordas para criar contraste no cinza */
    --accent: #1473E6;      /* Mantém o Azul Younsonic */
    --text-main: #222222;   /* Texto quase preto para contraste perfeito */
    --text-mut: #555555;    /* Texto secundário */
}

body {
    background-color: var(--bg-main);
    color: var(--text-main);
    font-family: 'Inter', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-black { font-weight: 600 !important; }
.font-bold { font-weight: 500 !important; }

.bg-theme-nav { background: var(--bg-nav); border-color: var(--border); }
.bg-theme-card { background: var(--bg-card); border-color: var(--border); border-radius: var(--rad); }
.text-theme { color: var(--text-main); }
.text-mut { color: var(--text-mut); }

.kanban-column { min-height: 70vh; }
.sortable-ghost { opacity: 0.3; background: var(--accent); border: 1px dashed var(--text-main); border-radius: var(--rad); }
.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #444; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: var(--accent); }
.custom-scrollbar::-webkit-scrollbar-track { background: var(--bg-main); }

/* Inverte a cor do calendário de datas para ficar branco no dark mode */
::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: 0.5;
    cursor: pointer;
}

/* Remove a inversão do calendário no tema claro para ficar escuro/legível no fundo claro */
:root.light ::-webkit-calendar-picker-indicator {
    filter: invert(0);
}

/* KANBAN CARD PRO */
.kanban-card { 
    height: 210px !important; 
    min-height: 210px !important;
    max-height: 210px !important;
    display: flex; 
    flex-direction: column;
    border-radius: var(--rad); 
    border: 1px solid var(--border); 
    box-shadow: 0 4px 10px rgba(0,0,0,0.2); 
    overflow: hidden; 
    background-color: var(--bg-card);
    transition: all 0.2s ease;
}
.kanban-card:hover { 
    border-color: #555555; 
    box-shadow: 0 8px 20px rgba(0,0,0,0.4); 
    transform: translateY(-2px);
}

.titulo-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
}