.header-list-wrapper-da
{
    display:flex;
    gap:30px;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    padding:20px 0;
}

.main-task-wrapper
{
    display:flex;
    flex-direction:column;
    padding:20px 0;
    gap:10px;
    width:100%;
}

.subheader-wrapper-da
{
    display:flex;
    justify-content:space-between;
    padding:20px 0;
    align-items:flex-start;
}

.img-add
{
    height:25px;
    width:20px;
}

.subheader-wrapper-da .subheader-title
{
    display:flex;
    flex-direction:column;
    gap:5px;
}

/* page scope */
.issues-activity-page .filters
{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    width:100%;
    margin-top:4px;
}

.issues-activity-page .filter label
{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    color:#3a3f58;
    font-weight:600;
}

/* status pills (TomSelect render) */
.issues-activity-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;
}

.issues-activity-page .status-neutral
{
    background:#e0e0e0;
    color:#555;
}

.issues-activity-page .status-done
{
    background:#E5EDFF;
    color:#3366FF;
}

.issues-activity-page .status-pending
{
    background:#FFF6CC;
    color:#E0A600;
}

.issues-activity-page .status-pass
{
    background:#E6F7EE;
    color:#1B9E63;
}

.issues-activity-page .status-rejected
{
    background:#FFE6E6;
    color:#D93434;
}

/* Tom Select */
.issues-activity-page .ts-dropdown
{
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 4px 16px rgba(0,0,0,0.08);
    padding:6px;
    background:#fff;
    border-radius:10px;
}

.issues-activity-page .option:hover
{
    background:#F3F3F5;
}

.issues-activity-page .ts-control,
.issues-activity-page .ts-dropdown
{
    border-radius:12px;
}

.issues-activity-page .ts-control
{
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 4px 16px rgba(0,0,0,0.08);
    background:#fff;
    min-height:57px;
    padding:8px 10px;
    min-width:160px;
}

.issues-activity-page .ts-option,
.issues-activity-page .ts-item
{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
}

.issues-activity-page .ts-option.ts-status,
.issues-activity-page .ts-item.ts-status
{
    display:flex;
    align-items:center;
    justify-content:flex-start;
}

/* list & cards */
.issues-activity-page .task-list-wrapper
{
    max-height:58vh;
    overflow-y:auto;
    display:flex;
    flex-direction:column;
    gap:16px;
    padding-top:8px;
    font-family:Mulish;
}

.issues-activity-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;
    cursor:pointer;
}

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

.issues-activity-page .shift-and-user
{
    display:flex;
    align-items:center;
    gap:8px;
}

.issues-activity-page .avatar
{
    width:18px;
    height:18px;
    opacity:.8;
}

.issues-activity-page .title-line
{
    display:flex;
    align-items:baseline;
    gap:6px;
    font-weight:700;
}

.issues-activity-page .shift
{
    font-size:18px;
    font-weight:900;
    color:#3a3f58;
}

.issues-activity-page .task-card-body
{
    display:grid;
    gap:6px;
    margin:8px 0;
}

.issues-activity-page .task-row
{
    display:flex;
    align-items:center;
    gap:8px;
    border-radius:8px;
}

.issues-activity-page .task-row .icon
{
    width:18px;
    height:18px;
    opacity:.8;
}

.issues-activity-page .task-row .text
{
    font-size:14px;
    color:#4b4f68;
}

/* header pill (PASS/FAIL/Pending) */
.issues-activity-page .result-pill
{
    display:inline-block;
    padding:6px 10px;
    border-radius:999px;
    font-weight:800;
    font-size:12px;
    text-transform:capitalize;
}

.issues-activity-page .pill-pass
{
    background:#E6F7EE;
    color:#1B9E63;
}

.issues-activity-page .pill-fail
{
    background:#FFE6E6;
    color:#D93434;
}

.issues-activity-page .pill-pending
{
    background:#FFF3D6;
    color:#A66A00;
    text-transform:capitalize;
}
.task-status-pending-container {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 10px;
    flex-direction: row;
    border-radius: 12px;
    background: #FFF8DE;
    border: 0.67px solid #FCC600
}
/* divider before final row */
.issues-activity-page .task-divider
{
    width:80%;
    height:1px;
    background-color:#E5E7EB;
    margin:6px auto 8px auto;
    border-radius:1px;
}

/* final unified row */
.issues-activity-page .result-row
{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    font-size:14px;
}

.issues-activity-page .result-row .icon
{
    width:16px;
    height:16px;
}

.issues-activity-page .result-row .result-text
{
    font-weight:800;
}

.issues-activity-page .result-row .text-ok
{
    color:#1B9E63;
}

.issues-activity-page .result-row .text-err
{
    color:#D93434;
}

.issues-activity-page .reported-by
{
    font-weight:700;
    color:#475467;
}

/* detail modal */
.issue-detail-modal
{
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:min(520px, calc(100vw - 40px));
    background:#fff;
    border-radius:18px;
    box-shadow:0 16px 48px rgba(0,0,0,.18);
    z-index:902;
    overflow:hidden;
    font-family:Mulish;
}

.issue-detail-modal .idm-header
{
    padding:18px;
}

.issue-detail-modal .loc-line
{
    display:flex;
    align-items:center;
    gap:8px;
}

.issue-detail-modal .loc-line img
{
    width:16px;
    height:16px;
    opacity:.8;
}

.issue-detail-modal .loc-line .loc
{
    font-weight:900;
    color:#2f3554;
    font-size:16px;
}

.issue-detail-modal .result-pill.small
{
    padding:4px 8px;
    font-size:11px;
    margin-left:auto;
    text-transform:capitalize;
}

.issue-detail-modal .title
{
    margin-top:6px;
    font-weight:800;
    color:#2f3554;
    font-size:16px;
}

.issue-detail-modal .meta
{
    color:#8A93A6;
    font-size:14px;
}

.issue-detail-modal .idm-body
{
    padding:0 18px 18px;
    display:grid;
    gap:12px;
}

.issue-detail-modal .desc-card
{
    background:#F6F7FB;
    border-radius:12px;
    padding:12px;
}

.issue-detail-modal .desc-card .label
{
    font-weight:800;
    color:#8A93A6;
    font-size:14px;
    margin-bottom:6px;
    padding:0;
}

.issue-detail-modal .desc-card .desc
{
    color:#374151;
    font-size:14px;
}

.issue-detail-modal .photo img
{
    width:100%;
    height:auto;
    border-radius:12px;
    display:block;
}
/* Backdrop behind the detail modal (click to close) */
.da-modal-backdrop
{
    position: fixed;
    inset: 0;
    background: rgba(21,25,36,0.45);
    backdrop-filter: blur(1px);
    z-index: 901;
}

/* Ensure the modal is above the backdrop and receives clicks */
.issue-detail-modal
{
    z-index: 902;
    pointer-events: auto;
}

/* responsive */
@media (max-width: 768px)
{
    .issues-activity-page .filters{ display:flex !important; flex-wrap:wrap; gap:10px; }
    .issues-activity-page .filter{ flex:1 1 calc(33.333% - 10px); min-width:160px; }
}

@media (max-width: 360px)
{
    .issues-activity-page .filters{ flex-wrap:nowrap !important; gap:6px !important; width:100%; }
    .issues-activity-page .filter{ flex:0 1 calc(33.333% - 4px) !important; min-width:0 !important; }
    .issues-activity-page .ts-control{ min-height:40px !important; padding:6px 8px !important; font-size:12px !important; min-width:100px !important; }
    .issues-activity-page .ts-item,
    .issues-activity-page .ts-option{ font-size:12px !important; }
    .issues .status-completed{
        margin-bottom: 0px;
    }
}