:root {
    --tawaf-navy: #1b4f72;
    --tawaf-navy-dark: #143d59;
    --tawaf-gold: #a89762;
}

/* Navbar Tawaf */
.navbar-tawaf {
    background: var(--tawaf-navy);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.navbar-tawaf .navbar-brand img { display: block; }

/* Bouton Tawaf */
.btn-tawaf {
    background: var(--tawaf-navy);
    color: #fff;
    border: 1px solid var(--tawaf-navy);
}
.btn-tawaf:hover, .btn-tawaf:focus {
    background: var(--tawaf-navy-dark);
    color: #fff;
    border-color: var(--tawaf-navy-dark);
}

/* Tâches */
.task-card {
    transition: opacity .15s, background .15s;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(27, 79, 114, 0.1);
}
.task-card:active { background: #f0f4f8; }
.task-card.task-done { opacity: .55; }
.task-card.task-done .task-title { text-decoration: line-through; }
.task-title {
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    white-space: pre-line;
}
.task-card:hover .task-title { color: var(--tawaf-navy); }

/* Titre complet dans le modal */
.task-fulltitle {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--tawaf-navy);
    white-space: pre-line;
    word-break: break-word;
    line-height: 1.4;
}

/* Empêche que la checkbox/bouton supprimer soient tappés en même temps que la card */
.task-card .form-check-input,
.task-card .task-delete {
    cursor: pointer;
}

#filters .nav-link {
    padding: .25rem .75rem;
    font-size: .875rem;
    color: var(--tawaf-navy);
}
#filters .nav-link.active { background-color: var(--tawaf-navy); color: #fff; }

.toast-container { z-index: 1090; }

/* Commentaires */
.comment {
    padding: .5rem .75rem;
    background: #f8f9fa;
    border-radius: .5rem;
    border-left: 3px solid #dee2e6;
}
.comment.comment-mine {
    background: #e8f0f7;
    border-left-color: var(--tawaf-navy);
}
.comment-body img { display: block; }

/* Animation enregistrement */
@keyframes pulse-rec {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220,53,69,.6); }
    50%      { box-shadow: 0 0 0 8px rgba(220,53,69,0); }
}
.recording { animation: pulse-rec 1.2s infinite; }

#md-meta span { white-space: nowrap; }

/* Multiselect assignés */
.ms-multi .form-select { padding-right: 2rem; }
.ms-multi .ms-label { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.ms-options .form-check {
    padding: .35rem .5rem .35rem 2.2rem;
    margin: 0;
    border-radius: .25rem;
}
.ms-options .form-check:hover { background: #f0f4f8; }
.ms-options .form-check-input { margin-left: -1.7rem; }

/* Chips assignés sur les cards et modal */
.assignee-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 8px;
    border-radius: 12px;
    background: #e8f0f7;
    color: var(--tawaf-navy);
    font-size: .75rem;
    font-weight: 500;
    white-space: nowrap;
}
.assignee-chip.is-me {
    background: #fff3cd;
    color: #664d03;
}
.assignee-chip-creator {
    background: #d1e7dd;
    color: #0f5132;
}

/* Crayon dans la zone meta du modal */
#md-meta .btn-link {
    color: var(--tawaf-navy);
    text-decoration: none;
    line-height: 1;
}
#md-meta .btn-link:hover { color: var(--tawaf-navy-dark); }
#md-meta i { margin-right: 2px; }