/* Scope to daily-task-page to avoid clashes */
.daily-task-page .task-date{
    color:#667085;
    margin-top:-6px;
}

.daily-task-page .filters-button-group{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.daily-task-page .task-filter-row{
    display: flex;
    justify-content: space-between;
}
.daily-task-page .btn-chip{
    background:#fff;
    border:1px solid rgba(0,0,0,0.08);
    border-radius:8px;
    padding:8px 14px;
    font-weight:700;
    color: #5581FA;
    cursor:pointer;
}
.daily-task-page .btn-chip.active{
    background:#5581FA;
    color: #FFFFFF;
    border-color:#C7D2FE;
}

/* Card & list mirror dailyActivities */
.daily-task-page .task-list-wrapper{
    display:flex;
    flex-direction:column;
    gap:16px;
    padding-top:8px;
    max-height:58vh;
    overflow-y:auto;
}

.daily-task-page .task-card{
    background:#fff;
    border:1px solid rgba(0,0,0,0.06);
    border-radius:12px;
    box-shadow:0 8px 24px rgba(0,0,0,0.04);
    padding:14px;
}

.daily-task-page .task-card-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:8px;
}

.daily-task-page .shift-and-user{
    display:flex;
    align-items:center;
    gap:8px;
}
.daily-task-page .time-container{
    display: flex;
    flex-direction: row;
    font-family: Mulish;
    align-items: center;
}
.daily-task-page .task-row .icon{
    margin-right: 5px;
}
.daily-task-page .task-row  .started{
    color: #5581FA;
}
.daily-task-page .task-row  .completed{
    color: #00A63E;
}
.daily-task-page .task-row  .grey{
    color: #717182;
}
.daily-task-page .task-row .text{
    margin-right: 5px;
    font-size: 14px;
}
.daily-task-page .reason-reject{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.daily-task-page .reject-text{
    background: #F6F6F6;
    border-radius: 8px;
    padding: 5px;
    color: #4E4E4E;
    font-size: 14px;
}
.daily-task-page .reason-reject .task-title{
    margin-top: 10px;
}
.daily-task-page .current-time{
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
    background: #ECECF080;
}
.daily-task-page .time-title{
    font-size: 16px;
    color:#717182;
    font-weight: 400;
    align-items: center;
}
.daily-task-page .time-container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.daily-task-page .time-box{
    border-radius: 8px;
    background: #FFFFFF;
    border: 1px solid #CACACA;
    font-size: 18px;
    font-weight: 900;
    color: #717182;
    padding: 5px;
}
.daily-task-page .avatar{ width:18px; height:18px; opacity:.8; }
.daily-task-page .icon{ width:18px; height:18px; opacity:.8; }
.daily-task-page .title-line{ display:flex; align-items:baseline; gap:6px; font-weight:700; }
.daily-task-page .task-name{ font-size:16px; font-weight:900; color:#3a3f58; }
.daily-task-page .task-location{ font-size:14px; font-weight:500; color:#3a3f58; opacity:.85; }
.daily-task-page .dash{ opacity:.5; }

/* Status pills reuse colors from dailyActivities */
.daily-task-page .status-pill{ display:inline-block; font-size:13px; font-weight:600; line-height:1.2; padding:4px 8px; border-radius:6px; text-transform:capitalize; color:#333; }
.daily-task-page .status-new{ background:#EEEEEE; color:#707070; }
.daily-task-page .status-done{ background:#DCFCE7; color:#016630; }
.daily-task-page .status-pending{ background:#FFF1BD; color:#D4A600; }
.daily-task-page .status-approved{ background:#DCFCE7; color:#016630; }
.daily-task-page .status-rejected{ background:#FFD8D8; color:#FF0000; }
.daily-task-page .status-in-progress{ background:#DBEAFE; color:#193CB8; }
/* Actions */
.daily-task-page .task-card-actions{
    display:flex;
    justify-content:flex-end;
    gap:12px;
    margin-top:8px;
}
.daily-task-page .btn-outline-danger{
    background:#fff;
    border:1.5px solid #ff5a5a;
    color:#ff5a5a;
    border-radius:10px;
    padding:10px 16px;
    font-weight:700;
}
.daily-task-page .btn-primary{
    background:#5581FA;
    border:1.5px solid #5581FA;
    color:#fff;
    border-radius:10px;
    padding:10px 16px;
    font-weight:700;
    font-size: 14px;
}
.daily-task-page .btn-neutral{
    background:#EEEEEE;
    border:1.5px solid #EEEEEE;
    color:#707070;
    border-radius:10px;
    padding:10px 16px;
    font-weight:700;
    font-size: 14px;
}
.daily-task-page .btn-redo-task{
    background:#FFD8D8;
    border:1.5px solid #FFD8D8;
    color:#FF0000;
    border-radius:10px;
    padding:10px 16px;
    font-weight:700;
    font-size: 14px;
}
.daily-task-page .main-task-wrapper .status-container{
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.daily-task-page .da-modal-body .status-container{
    display: flex;
    flex-direction: row;
    gap: 3px;
    margin-left: auto;
}
.daily-task-page .da-modal-body .text-container{
    display: flex;
    flex-direction: row;
    gap: 3px;
}
.daily-task-page .btn-finish-redo{
    background:#FFFFFF;
    border:1.5px solid #FA5555;
    color:#FF0000;
    border-radius:10px;
    padding:10px 16px;
    font-weight:700;
    font-size: 14px;
}
.daily-task-page .btn-outline{
    background:#FFFFFF;
    border:1.5px solid #5581FA;
    color:#5581FA;
    border-radius:10px;
    padding:10px 16px;
    font-weight:700;
    font-size: 14px;
}

.daily-task-page .da-upload
{
    border:1px solid #E5E7EB;
    border-radius:10px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    cursor:pointer;
    background:#fff;
}
.daily-task-page .da-upload img
{
    width:18px;
    height:18px;
    opacity:.8;
}
.daily-task-page .file-hint{
    font-family: Mulish;
    font-size: 14px;
    font-weight: 500;
    align-self: center;
}
.daily-task-page .da-upload input
{
    display:none;
}
/* Modal: reuse Daily Activity modal styles for consistency */
.daily-task-page .da-modal-backdrop{
    position: fixed; inset: 0;
    background: rgba(21, 25, 36, 0.45);
    backdrop-filter: blur(1px);
    z-index: 900;
}
.daily-task-page .da-modal{
    position: fixed;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: min(560px, calc(100vw - 40px));
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 16px 48px rgba(0,0,0,.18);
    z-index: 901;
    display: flex;
    flex-direction: column;
}
.daily-task-page .da-modal-header{
    display:flex; justify-content:space-between; align-items:center;
    padding:16px 18px 8px 18px;

}
.daily-task-page .task-row .status-pill{
    margin-left: auto;
}
.daily-task-page .da-modal-body .avatar{
    margin-right: 5px;
}
.daily-task-page .da-modal-body .task-row{
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: Mulish;
    font-size: 16px;
}
.daily-task-page .da-modal-body
.daily-task-page .da-modal-header h4{ margin:0; color:#2f3554; font-weight:800; font-size:18px; }
.daily-task-page .da-modal-close{ border:0; background:transparent; font-size:18px; line-height:1; cursor:pointer; color:#9aa3b2; }
.daily-task-page .da-modal-body{ padding:8px 18px 0 18px; gap: 10px; display: flex; flex-direction: column;}
.daily-task-page .da-field-label{ display:block; font-weight:700; color:#2f3554; margin:10px 0 6px; }
.daily-task-page .task-row.readonly .text{ font-size:14px; color:#4b4f68; }
.daily-task-page .hint{ color:#7b8199; font-size:13px; margin-top:8px; }
.daily-task-page .da-modal-footer{ display:flex; justify-content:flex-end; gap:10px; padding:16px 18px 18px 18px; }
.daily-task-page .task-row .text-red{ font-size: 14px; color: red; font-weight: 800;}

@media (max-width: 768px){
    .daily-task-page .task-list-wrapper{ max-height: unset; }
    .daily-task-page .btn-outline-danger, .daily-task-page .btn-primary{ width:100%;  font-size: 14px;}
    .daily-task-page .task-card-actions{ flex-direction:column; align-items:stretch; }
    .daily-task-page .da-modal{ width: calc(100vw - 24px); }
}