/* Tareas Personales – estilos custom */

/* Badges de tipo */
.badge-urgente   { background:#fef2f2; color:#dc2626; border:1px solid #fca5a5; }
.badge-importante{ background:#fff7ed; color:#ea580c; border:1px solid #fdba74; }
.badge-normal    { background:#f0fdf4; color:#16a34a; border:1px solid #86efac; }

/* Estados */
.badge-pendiente   { background:#f8fafc; color:#475569; border:1px solid #cbd5e1; }
.badge-en_progreso { background:#eff6ff; color:#2563eb; border:1px solid #93c5fd; }
.badge-completada  { background:#f0fdf4; color:#16a34a; border:1px solid #86efac; }

/* Tarjeta tarea */
.tarea-card {
    background: #fff;
    border-radius: 0.75rem;
    border-left: 4px solid #cbd5e1;
    padding: 1rem;
    margin-bottom: 0.75rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.07);
    transition: box-shadow 0.15s, transform 0.1s;
}
.tarea-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.10); transform: translateY(-1px); }
.tarea-card.urgente   { border-left-color: #dc2626; }
.tarea-card.importante{ border-left-color: #ea580c; }
.tarea-card.normal    { border-left-color: #16a34a; }
.tarea-card.completada{ opacity: 0.55; }

/* Fechas */
.fecha-vencida  { color: #dc2626; font-weight: 600; }
.fecha-hoy      { color: #d97706; font-weight: 600; }
.fecha-proxima  { color: #2563eb; }
.fecha-deseable { color: #7c3aed; }

/* Stat cards portada */
.stat-card {
    background: #fff;
    border-radius: 0.75rem;
    padding: 1.1rem 1rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.07);
}

/* Nav activo */
.nav-link.activo {
    background: rgba(255,255,255,0.2);
    font-weight: 700;
}

/* Scrollbar delgado */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 4px; }

/* Animación check */
@keyframes checkPop {
    0%   { transform: scale(1); }
    40%  { transform: scale(1.3); }
    100% { transform: scale(1); }
}
.check-anim { animation: checkPop 0.25s ease; }

/* Badge días restantes */
.dias-badge {
    min-width: 2.8rem;
    padding: 0.3rem 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid;
    text-align: center;
    line-height: 1;
}
.dias-num {
    font-size: 1.25rem;
    font-weight: 800;
    display: block;
    line-height: 1.1;
}
.dias-sub {
    font-size: 0.58rem;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 1px;
}
.dias-vencida { background: #fef2f2; color: #dc2626; border-color: #fca5a5; }
.dias-hoy     { background: #fffbeb; color: #d97706; border-color: #fcd34d; }
.dias-pronto  { background: #fff7ed; color: #ea580c; border-color: #fdba74; }
.dias-normal  { background: #eff6ff; color: #2563eb; border-color: #93c5fd; }

/* Cabeceras de columna */
.col-header {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.col-urgente   { color: #dc2626; }
.col-importante{ color: #ea580c; }
.col-normal    { color: #16a34a; }
.col-count {
    margin-left: auto;
    background: #f1f5f9;
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.1rem 0.45rem;
    border-radius: 9999px;
}

/* Móvil: nav inferior */
@media (max-width: 640px) {
    .nav-bottom { display: flex; }
    .nav-top    { display: none; }
}
@media (min-width: 641px) {
    .nav-bottom { display: none; }
    .nav-top    { display: flex; }
}