/* ===== Base / scope ===== */
.weekly-task-v2,
.weekly-task-v2 * { font-family: Mulish, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.weekly-task-v2 .header-list-wrapper-da { padding-bottom: 8px; }
.weekly-task-v2 .h-default-color { color: #2f3554; }

/* ===== Week dropdown ===== */
.weekly-task-v2 .week-picker { display:flex; align-items:center; gap:10px; padding-bottom:10px; margin-top:10px; }
.weekly-task-v2 .week-select { position:relative; display:inline-flex; align-items:center; background:#fff; border:1px solid #EAECF0; border-radius:10px; min-width:220px; }
.weekly-task-v2 .week-select select {
    appearance:none; -webkit-appearance:none; -moz-appearance:none;
    border:0; background:transparent; padding:10px 34px 10px 12px; width:100%;
    font-weight:700; color:#1D2939; border-radius:10px; outline:none; cursor:pointer;
    font-size: 14px;
}
.weekly-task-v2 .week-select .caret { position:absolute; right:10px; pointer-events:none; color:#667085; font-size:12px; }
.weekly-task-v2 .week-select, .weekly-task-v2 .week-select select { list-style:none !important; }
.weekly-task-v2 .week-select select::-webkit-details-marker,
.weekly-task-v2 .week-select select::marker { display:none !important; content:none !important; }

/* ===== Days accordion ===== */
.weekly-task-v2 .days-accordion { display:grid; gap:10px; }

/* Card shell */
.weekly-task-v2 .day-card { background:#fff; border:1px solid #ECEFF6; border-radius:14px; box-shadow:0 4px 14px rgba(0,0,0,.04); }

/* Header row */
.weekly-task-v2 .day-header {
    width:100%; background:transparent; border:0; border-radius:14px; cursor:pointer;
    display:flex; align-items:center; justify-content:space-between; padding:14px;
}
.weekly-task-v2 .leftside { display:flex; flex-direction:column; gap:2px; text-align:left; }
.weekly-task-v2 .day-title { display:flex; align-items:center; gap:8px; }
.weekly-task-v2 .weekday { font-size:18px; font-weight:800; color:#1C2541; }
.weekly-task-v2 .today-badge { font-size:11px; font-weight:800; color:#fff; background:#5581FA; padding:4px 8px; border-radius:999px; }
.weekly-task-v2 .day-subdate { font-size:13px; color:#8A93A6; }
.weekly-task-v2 .rightside { display:flex; align-items:center; gap:10px; }
.weekly-task-v2 .completion { color:#8A93A6; font-size:12px; display:flex; align-items:center; gap:4px; flex-direction: column;}
.weekly-task-v2 .completion .num, .weekly-task-v2 .completion .den { font-weight:800; color:#0A0A0A; font-size: 16px;}
.weekly-task-v2 .no-assigned { font-size:12px; color:#8A93A6; }
.weekly-task-v2 .chev-icon { width:16px; height:16px; opacity:.7; }
.weekly-task-v2 .completion .label{font-size: 14px; color:#717182 }
/* OPEN state: header turns blue (to match the blue body panel) */
.weekly-task-v2 .day-card.open { border-color:#C7D2FE; box-shadow:0 8px 24px rgba(0,0,0,.06); }
.weekly-task-v2 .day-card.open .day-header { background:#EEF2FF; border-radius:14px 14px 0 0; }
.weekly-task-v2 .day-card.open .weekday { color:#1C2541; }
.weekly-task-v2 .day-card.open .day-subdate { color:#6E7AA1; }

/* Body (only visible when open) */
.weekly-task-v2 .day-body {
    background:#EEF2FF; border-radius:0 0 14px 14px; padding:12px; border-top:1px solid #EAECF0;
}

/* ===== Task chip ===== */
.weekly-task-v2 .task-card { background:#C9D7FF; border:1px solid #C7D2FE; border-radius:12px; padding:10px 12px; margin-bottom:10px; }
.weekly-task-v2 .task-row-1 { display:flex; align-items:center; justify-content:space-between; }
.weekly-task-v2 .task-name {font-size: 16px; font-weight:900; color:#1C2541; }
.weekly-task-v2 .pill { font-size:12px; font-weight:700; padding:6px 10px; border-radius:999px; color:#263238; background:#F3F4F6; }
.weekly-task-v2 .pill-completed { background:#E6F7EE; color:#1B9E63; }
.weekly-task-v2 .pill-inprogress { background:#E5EDFF; color:#3366FF; }
.weekly-task-v2 .pill-new { background:#FFF6CC; color:#E0A600; }
.weekly-task-v2 .pill-approved { background:#D1FAF0; color:#047857; }
.weekly-task-v2 .pill-rejected { background:#FFE6E6; color:#D93434; }
.weekly-task-v2 .task-row-2 { display:flex; align-items:center; gap:6px; margin-top:6px; color:#4b4f68; font-size:13px; }
.weekly-task-v2 .icon { width:16px; height:16px; opacity:.65; }

/* ===== Mobile tweaks ===== */
@media (max-width:360px){
    .weekly-task-v2 .weekday { font-size:16px; }
    .weekly-task-v2 .day-header { padding:12px; }
    .weekly-task-v2 .task-name { font-size:14px; }
    .weekly-task-v2 .week-select { min-width:0; width:100%; }
}