.task-operations-page {
    --ops-blue: #2563eb;
    --ops-border: #e3e8f0;
    --ops-text: #172033;
    --ops-muted: #667085;
    display: grid;
    gap: 16px;
    width: 100%;
    padding: 4px 2px 28px;
    color: var(--ops-text);
}

.operations-header,
.ops-card > header,
.modal-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.operations-header h1 {
    margin: 3px 0 4px;
    font-size: 27px;
    line-height: 1.2;
}

.operations-header p,
.modal-heading p {
    margin: 0;
    color: var(--ops-muted);
}

.page-eyebrow,
.ops-card > header span,
.modal-heading > div > span {
    color: #3976d9;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.header-company-badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    background: #f0f5ff;
    border: 1px solid #d6e4ff;
    color: #1d39c4;
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px;
    white-space: nowrap;
    user-select: none;
}

/* ==================================================
   KPI GRID & CARDS (2 rows of 4 cards)
================================================== */
.task-kpi-panel {
    display: grid;
    gap: 10px;
}

.task-kpi-section-header,
.dashboard-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.task-kpi-section-header {
    min-height: 30px;
    margin-bottom: -2px;
}

.task-kpi-section-title {
    color: var(--ops-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.task-section-toggle {
    display: inline-grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--ops-border);
    border-radius: 6px;
    background: #fff;
    color: #2563eb;
    cursor: pointer;
    font-size: 14px;
    transition: background-color .15s ease, border-color .15s ease;
}

.task-section-toggle:hover {
    border-color: #9dbff6;
    background: #f0f6ff;
}

.task-section-toggle:focus-visible {
    outline: 2px solid #91caff;
    outline-offset: 2px;
}

.dashboard-collapsible-section {
    min-width: 0;
}

.dashboard-section-header {
    min-height: 30px;
    margin-bottom: 8px;
}

.dashboard-section-header h2 {
    margin: 0;
    color: var(--ops-text);
    font-size: 14px;
    font-weight: 650;
}

.task-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.task-kpi-card {
    display: flex;
    flex-direction: column;
    min-height: 122px;
    padding: 16px;
    background: #fff;
    border: 1px solid var(--ops-border);
    border-radius: 11px;
    box-shadow: 0 2px 7px rgba(16, 24, 40, 0.035);
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    user-select: none;
}

.task-kpi-card:hover {
    border-color: #9dbff6;
    box-shadow: 0 7px 20px rgba(37, 99, 235, 0.09);
    transform: translateY(-1px);
}

.task-kpi-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.task-kpi-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 18px;
    line-height: 1;
}

.task-kpi-icon .anticon {
    font-size: 18px;
}

.task-kpi-icon svg {
    display: block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    fill: currentColor;
}

.task-kpi-title {
    font-size: 12px;
    font-weight: 500;
    color: #667085;
    line-height: 1.2;
}

.task-kpi-value {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 8px;
    color: var(--ops-text);
}

.task-kpi-support {
    font-size: 11.5px;
    color: var(--ops-muted);
    margin-top: 6px;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.task-kpi-footer {
    margin-top: auto;
    padding-top: 6px;
    font-size: 10.5px;
    color: #667085;
    line-height: 1.3;
}

/* ==================================================
   SEMANTIC KPI TONES (Exact User Specifications)
================================================== */
/* 1. Open Tasks: bg rgba(22,119,255,0.10), icon #1677ff */
.tone-blue .task-kpi-icon {
    background: rgba(22, 119, 255, 0.10);
    color: #1677ff;
}

/* 2. Ownership: bg rgba(34,160,107,0.10), icon #22a06b */
.tone-green .task-kpi-icon {
    background: rgba(34, 160, 107, 0.10);
    color: #22a06b;
}

/* 3. Overdue: bg rgba(239,68,68,0.10), icon #ef4444 */
.tone-red .task-kpi-icon {
    background: rgba(239, 68, 68, 0.10);
    color: #ef4444;
}

/* 4. Due Soon: bg rgba(245,158,11,0.10), icon #f59e0b */
.tone-amber .task-kpi-icon {
    background: rgba(245, 158, 11, 0.10);
    color: #f59e0b;
}

/* 5. Blocked: bg rgba(124,58,237,0.10), icon #7c3aed */
.tone-purple .task-kpi-icon {
    background: rgba(124, 58, 237, 0.10);
    color: #7c3aed;
}

/* 6. Verification: bg rgba(8,145,178,0.10), icon #0891b2 */
.tone-teal .task-kpi-icon {
    background: rgba(8, 145, 178, 0.10);
    color: #0891b2;
}

/* 7. Execution Health: bg rgba(5,150,105,0.10), icon #059669 */
.tone-emerald .task-kpi-icon {
    background: rgba(5, 150, 105, 0.10);
    color: #059669;
}

/* 8. Remediation: bg rgba(2,132,199,0.10), icon #0284c7 */
.tone-remediation .task-kpi-icon {
    background: rgba(2, 132, 199, 0.10);
    color: #0284c7;
}

/* Trends, Badges & Real Progress Bar */
.trend-positive {
    color: #16845a !important;
}

.trend-negative {
    color: #d92d20 !important;
}

.text-muted {
    color: #667085 !important;
}

.kpi-nodata {
    color: #98a2b3;
    font-weight: 600;
}

.task-kpi-progress {
    height: 5px;
    width: 100%;
    background: #e5e7eb;
    border-radius: 999px;
    overflow: hidden;
    margin-top: 4px;
}

.task-kpi-progress-bar {
    height: 100%;
    border-radius: inherit;
    transition: width 0.3s ease;
}

.bar-green {
    background: #22a06b;
}

.bar-amber {
    background: #f59e0b;
}

.bar-orange {
    background: #f97316;
}

.bar-red {
    background: #ef4444;
}

.health-status-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 10.5px;
    font-weight: 600;
}

.badge-healthy {
    background: #e6f4ea;
    color: #137333;
}

.badge-atrisk {
    background: #fef7e0;
    color: #b06000;
}

.badge-critical {
    background: #fce8e6;
    color: #c5221f;
}

.interactive-link {
    color: #2563eb;
    font-weight: 600;
    font-size: 10.5px;
}

/* ==================================================
   SECONDARY METRIC STRIP (6 Columns)
================================================== */
.kpi-secondary-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-top: -2px;
}

.strip-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid var(--ops-border);
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.03);
    min-width: 0;
}

.strip-icon-wrap {
    width: 28px;
    height: 28px;
    min-width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border-radius: 7px;
    color: #475467;
    font-size: 15px;
}

.strip-icon-wrap .anticon {
    font-size: 15px;
}

.strip-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.strip-label {
    font-size: 10.5px;
    color: var(--ops-muted);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.strip-value {
    font-size: 14px;
    font-weight: 700;
    color: #101828;
    line-height: 1.2;
}

.text-green {
    color: #16845a !important;
}

.text-amber {
    color: #d97706 !important;
}

.text-red {
    color: #d92d20 !important;
}

/* ==================================================
   TABS & DASHBOARD NORMALIZATION
================================================== */
.operations-tabs {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    background: #eef2f7;
    border-radius: 10px;
    overflow: auto;
}

.operations-tabs button {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    color: #475467;
    background: transparent;
    border: 0;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
}

.operations-tabs button b {
    display: grid;
    place-items: center;
    min-width: 21px;
    height: 18px;
    padding: 0 5px;
    background: #dfe6ef;
    border-radius: 999px;
    font-size: 10px;
}

.operations-tabs button.active {
    color: #175cd3;
    background: #fff;
    box-shadow: 0 1px 4px rgba(16, 24, 40, 0.1);
}

.dashboard-grid {
    display: grid;
    gap: 12px;
}

.dashboard-primary,
.dashboard-secondary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ops-card {
    min-width: 0;
    padding: 16px;
    background: #fff;
    border: 1px solid var(--ops-border);
    border-radius: 11px;
    box-shadow: 0 2px 8px rgba(16, 24, 40, 0.035);
}

.ops-card > header {
    margin-bottom: 14px;
}

.ops-card > header h3 {
    margin: 2px 0 0;
    font-size: 14px;
}

.health-body {
    display: grid;
    grid-template-columns: 130px 1fr;
    align-items: center;
    gap: 18px;
}

.health-gauge {
    display: grid;
    place-items: center;
    width: 118px;
    height: 118px;
    background: conic-gradient(#22a06b calc(var(--health) * 1%), #e9eef5 0);
    border-radius: 50%;
}

.health-gauge:before {
    content: "";
    grid-area: 1/1;
    width: 84px;
    height: 84px;
    background: #fff;
    border-radius: 50%;
}

.health-gauge > div {
    z-index: 1;
    grid-area: 1/1;
    display: grid;
    text-align: center;
}

.health-gauge strong {
    font-size: 23px;
}

.health-gauge span {
    color: var(--ops-muted);
    font-size: 10px;
}

.health-breakdown {
    display: grid;
    gap: 8px;
}

.health-breakdown > div {
    display: flex;
    justify-content: space-between;
    color: #475467;
    font-size: 11px;
}

.dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 6px;
    background: #22a06b;
    border-radius: 50%;
}

.dot.red {
    background: #e5484d;
}

.dot.amber {
    background: #f2a93b;
}

.distribution-list,
.workload-list {
    display: grid;
    gap: 9px;
}

.distribution-list button {
    display: grid;
    grid-template-columns: 100px 1fr 30px;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: none;
    border: 0;
    color: #475467;
    font-size: 11px;
    text-align: left;
    cursor: pointer;
}

.distribution-list button > div,
.workload-bar {
    height: 6px;
    overflow: hidden;
    background: #edf1f6;
    border-radius: 999px;
}

.distribution-list button i,
.workload-bar i {
    display: block;
    height: 100%;
    background: #3976d9;
    border-radius: inherit;
}

.distribution-list button strong {
    text-align: right;
}

.workload-list > div {
    display: grid;
    grid-template-columns: 30px minmax(90px, 1fr) 80px 22px;
    align-items: center;
    gap: 8px;
}

.owner-avatar {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    color: #245dac;
    background: #edf4ff;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 750;
}

.owner-copy {
    display: grid;
    min-width: 0;
}

.owner-copy strong {
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-copy small {
    color: var(--ops-muted);
    font-size: 9px;
}

.workload-bar i.danger {
    background: #e5484d;
}

.workload-list b {
    font-size: 11px;
    text-align: right;
}

.attention-queue,
.task-list-card,
.remediation-workspace {
    padding: 0;
}

.attention-queue > header,
.remediation-workspace > header {
    padding: 16px 16px 0;
}

.filter-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--ops-border);
}

.filter-search-box {
    flex: 0 1 240px;
    min-width: 200px;
}

.filter-selects-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    flex: 2 1 auto;
}

.filter-select {
    min-width: 120px;
    max-width: 160px;
    flex: 1 1 auto;
}

.blocked-filter {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    font-size: 12px;
    padding: 0 4px;
}

.task-title-link {
    display: grid;
    max-width: 380px;
    padding: 0;
    color: #172033;
    background: none;
    border: 0;
    text-align: left;
    cursor: pointer;
}

.task-title-link:hover strong {
    color: #2563eb;
}

.task-title-link small {
    color: var(--ops-muted);
    font-size: 10px;
}

/* Drawer styles */
.health-drawer-content {
    display: grid;
    gap: 16px;
    padding: 4px 0;
}

.health-summary-box {
    padding: 16px;
    background: #f8fafc;
    border: 1px solid var(--ops-border);
    border-radius: 10px;
}

.health-score-large {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 8px;
}

.health-score-val {
    font-size: 36px;
    font-weight: 800;
    color: #101828;
    line-height: 1;
}

.health-score-val span {
    font-size: 16px;
    font-weight: 500;
    color: #667085;
}

.health-summary-text {
    font-size: 12px;
    color: #475467;
    margin: 0;
    line-height: 1.5;
}

.health-dimension-list {
    display: grid;
    gap: 12px;
}

.health-dimension-item {
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #eef1f5;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.02);
}

.dim-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 6px;
}

.dim-weight {
    display: block;
    font-size: 10px;
    color: #667085;
    font-weight: 500;
}

.dim-score {
    font-size: 15px;
    font-weight: 700;
}

.dim-progress-track {
    height: 6px;
    width: 100%;
    background: #eaecf0;
    border-radius: 999px;
    overflow: hidden;
    margin: 6px 0;
}

.dim-progress-bar {
    height: 100%;
    border-radius: inherit;
    transition: width 0.3s ease;
}

.dim-desc {
    font-size: 11px;
    color: #475467;
    margin: 0;
    line-height: 1.4;
}

.drawer-loading {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 30px;
}

.task-drawer {
    display: grid;
    gap: 16px;
}

.task-drawer-header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ops-border);
}

.task-drawer-header h2 {
    margin: 3px 0 10px;
    font-size: 19px;
}

.task-drawer-header > div > span {
    color: var(--ops-muted);
    font-size: 11px;
}

.task-drawer {
    display: grid;
    gap: 16px;
}

.task-drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ops-border);
}

.drawer-eyebrow-line {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}

.drawer-entity-type {
    font-size: 11px;
    font-weight: 600;
    color: var(--ops-muted);
}

.drawer-rule-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    font-family: monospace;
    background: #f0f5ff;
    color: #1d39c4;
    border: 1px solid #d6e4ff;
    padding: 1px 8px;
    border-radius: 4px;
}

.task-drawer-header h2 {
    margin: 4px 0 10px;
    font-size: 18px;
    line-height: 1.35;
    color: #101828;
}

.drawer-badge-strip {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.drawer-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.btn-assigned-user {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #f0fdf4 !important;
    border-color: #86efac !important;
    color: #15803d !important;
    font-weight: 600 !important;
    padding: 0 12px !important;
    height: 32px !important;
    border-radius: 6px !important;
    transition: all 0.15s ease !important;
}

.btn-assigned-user .anticon {
    color: #16a34a !important;
    font-size: 14px !important;
}

.btn-assigned-user:hover {
    background: #dcfce7 !important;
    border-color: #4ade80 !important;
    color: #166534 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(22, 163, 74, 0.15);
}

.btn-assigned-name {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}

/* Overview tab styles */
.drawer-alert-banner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 14px;
}

.drawer-alert-banner.alert-blocked {
    background: #fbf5ff;
    border: 1px solid #ecd6fa;
    color: #69279c;
}

.drawer-alert-banner .alert-icon {
    font-size: 18px;
    line-height: 1;
    margin-top: 1px;
}

.drawer-alert-banner .alert-content strong {
    display: block;
    font-size: 13px;
    margin-bottom: 2px;
}

.drawer-alert-banner .alert-content p {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
}

.drawer-info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}

.drawer-info-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid var(--ops-border);
    border-radius: 8px;
    transition: border-color 0.15s ease;
}

.drawer-info-card:hover {
    border-color: #b0cbf7;
}

.drawer-info-card .card-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 16px;
}

.drawer-info-card.tone-blue .card-icon { background: rgba(37, 99, 235, 0.1); color: #2563eb; }
.drawer-info-card.tone-teal .card-icon { background: rgba(13, 148, 136, 0.1); color: #0d9488; }
.drawer-info-card.tone-purple .card-icon { background: rgba(147, 51, 234, 0.1); color: #9333ea; }
.drawer-info-card.tone-green .card-icon { background: rgba(22, 163, 74, 0.1); color: #16a34a; }
.drawer-info-card.tone-amber .card-icon { background: rgba(217, 119, 6, 0.1); color: #d97706; }
.drawer-info-card.tone-indigo .card-icon { background: rgba(79, 70, 229, 0.1); color: #4f46e5; }

.drawer-info-card .card-body {
    display: grid;
    gap: 2px;
    overflow: hidden;
}

.drawer-info-card .card-label {
    font-size: 10.5px;
    color: var(--ops-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.drawer-info-card .card-value {
    font-size: 12.5px;
    color: #101828;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.owner-display-line {
    display: flex;
    align-items: center;
    gap: 6px;
}

.drawer-panel-card {
    background: #f8fafc;
    border: 1px solid var(--ops-border);
    border-radius: 8px;
    padding: 14px;
    margin-bottom: 12px;
}

.drawer-panel-card .panel-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: #344054;
}

.drawer-panel-card .panel-header h4 {
    margin: 0;
    font-size: 12.5px;
    font-weight: 700;
}

.drawer-panel-card .panel-body p {
    margin: 0;
    font-size: 12px;
    color: #475467;
    line-height: 1.55;
}

.remediation-preview-card {
    background: #f6faff;
    border-color: #d1e2fc;
}

.plan-title-line {
    margin-bottom: 8px !important;
    font-size: 13px !important;
    color: #1d39c4 !important;
}

.plan-metrics-preview {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 11.5px;
    color: #475467;
}

.drawer-audit-strip {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #eef1f5;
    font-size: 11px;
    color: var(--ops-muted);
}

/* Context tab styles */
.context-tab-container {
    display: grid;
    gap: 14px;
}

.context-spec-card {
    background: #f8fafc;
    border: 1px solid #e3e8f0;
    border-radius: 9px;
    padding: 16px;
}

.context-spec-card.resource-card {
    background: #f9fbfb;
    border-color: #d7ebea;
}

.context-spec-header {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.spec-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: #2563eb;
    border-radius: 8px;
    font-size: 20px;
}

.spec-icon.tone-teal {
    background: #e6f7f6;
    color: #0d9488;
}

.spec-info {
    flex: 1;
}

.spec-eyebrow {
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #2563eb;
    text-transform: uppercase;
}

.spec-info h4 {
    margin: 2px 0 3px;
    font-size: 15px;
    color: #101828;
}

.spec-info p {
    margin: 0;
    font-size: 12px;
    color: #475467;
}

.context-spec-meta {
    display: flex;
    gap: 14px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #eef1f5;
    flex-wrap: wrap;
}

.meta-tag {
    font-size: 11.5px;
    color: #475467;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.context-links-section {
    display: grid;
    gap: 10px;
}

.section-title-line {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #344054;
}

.section-title-line h4 {
    margin: 0;
    font-size: 12.5px;
    font-weight: 700;
}

.context-links-grid {
    display: grid;
    gap: 8px;
}

.context-card-button {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid var(--ops-border);
    border-radius: 8px;
    text-align: left;
    cursor: pointer;
    transition: all 0.15s ease;
    width: 100%;
}

.context-card-button:hover {
    border-color: #93c5fd;
    background: #fbfdff;
    transform: translateY(-1px);
}

.context-card-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #475467;
    border-radius: 6px;
    font-size: 16px;
}

.context-card-details {
    flex: 1;
    display: grid;
    gap: 2px;
}

.context-card-top {
    display: flex;
    align-items: center;
    gap: 8px;
}

.context-module {
    font-size: 10.5px;
    color: var(--ops-muted);
}

.context-card-details strong {
    font-size: 12.5px;
    color: #101828;
}

.context-route-link {
    font-size: 11px;
    color: #2563eb;
}

.context-empty-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px;
    background: #f8fafc;
    border: 1px dashed #d0d5dd;
    border-radius: 8px;
    color: var(--ops-muted);
    font-size: 12px;
}

/* Dependencies tab styles */
.dependencies-tab-container {
    display: grid;
    gap: 16px;
}

.dependency-graph-container {
    display: grid;
    gap: 12px;
}

.dependency-summary-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.dep-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    padding: 3px 10px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    color: #475467;
}

.dep-pill-blocked {
    background: #fef2f2;
    border-color: #fecaca;
    color: #dc2626;
}

.dep-pill-clear {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #16a34a;
}

.dep-pill-satisfied {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb;
}

.dep-alert-banner {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 6px;
    color: #b45309;
    font-size: 12px;
}

.dependency-graph {
    display: grid;
    gap: 8px;
    justify-items: center;
}

.dependency-current-node {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
}

.dependency-current-node .node-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2563eb;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
}

.dependency-current-node .node-content {
    display: grid;
}

.dependency-current-node .node-eyebrow {
    font-size: 9.5px;
    font-weight: 700;
    color: #2563eb;
    letter-spacing: 0.05em;
}

.dependency-current-node .node-title {
    font-size: 13px;
    color: #101828;
}

.dependency-connector {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 300px;
}

.connector-line {
    flex: 1;
    height: 1px;
    background: #cbd5e1;
}

.connector-tag {
    font-size: 10.5px;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 10px;
    white-space: nowrap;
}

.connector-tag.type-prereq { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }
.connector-tag.type-blocks { background: #fbf5ff; color: #9333ea; border: 1px solid #ecd6fa; }
.connector-tag.type-related { background: #eff6ff; color: #2563eb; border: 1px solid #bfdbfe; }
.connector-tag.type-parent,
.connector-tag.type-child { background: #ecfeff; color: #0891b2; border: 1px solid #a5f3fc; }

.dependency-card-node {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 11px 14px;
    background: #fff;
    border: 1px solid var(--ops-border);
    border-radius: 8px;
    text-align: left;
    cursor: pointer;
    transition: all 0.15s ease;
}

.dependency-card-node:hover {
    border-color: #93c5fd;
    background: #fbfdff;
    transform: translateY(-1px);
}

.dependency-card-node .node-status-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 16px;
}

.dependency-card-node .node-status-icon.tone-green { background: #f0fdf4; color: #16a34a; }
.dependency-card-node .node-status-icon.tone-amber { background: #fffbeb; color: #d97706; }

.dependency-card-node .node-details {
    flex: 1;
    display: grid;
    gap: 2px;
}

.dependency-card-node .node-header-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.dependency-card-node .node-related-title {
    font-size: 12.5px;
    color: #101828;
}

.dependency-card-node .node-action-hint {
    font-size: 11px;
    color: #2563eb;
}

.dependency-empty-state {
    padding: 24px 16px;
    text-align: center;
    background: #f8fafc;
    border: 1px dashed #d0d5dd;
    border-radius: 8px;
    width: 100%;
}

.dependency-empty-state .empty-icon-wrap {
    font-size: 24px;
    color: var(--ops-muted);
    margin-bottom: 6px;
}

.dependency-empty-state h4 {
    margin: 0 0 4px;
    font-size: 13px;
    color: #101828;
}

.dependency-empty-state p {
    margin: 0;
    font-size: 11.5px;
    color: var(--ops-muted);
}

.dependency-add-panel {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
}

.dependency-add-panel .panel-header {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 2px;
}

.dependency-add-panel .panel-header h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
}

.dependency-add-panel .panel-desc {
    font-size: 11.5px;
    color: var(--ops-muted);
    margin: 0 0 12px;
}

.dependency-create-controls {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.control-field {
    display: grid;
    gap: 5px;
}

.control-field label {
    font-size: 11px;
    font-weight: 600;
    color: #344054;
}

.task-select-wrap { flex: 2 1 240px; }
.type-select-wrap { flex: 1 1 160px; }
.control-action { flex: 0 0 auto; }

/* Remediation tab styles */
.remediation-full-view {
    display: grid;
    gap: 14px;
}

.remediation-hero-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 18px;
}

.hero-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}

.hero-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: #2563eb;
    border-radius: 8px;
    font-size: 20px;
}

.hero-titles {
    flex: 1;
}

.hero-eyebrow {
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #2563eb;
    text-transform: uppercase;
}

.hero-titles h3 {
    margin: 2px 0 4px;
    font-size: 16px;
    color: #101828;
}

.hero-target-date {
    font-size: 11.5px;
    color: var(--ops-muted);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.hero-status {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.remediation-impact-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding-top: 14px;
    border-top: 1px solid #eef1f5;
}

.impact-stat {
    padding: 10px 12px;
    background: #fff;
    border: 1px solid var(--ops-border);
    border-radius: 8px;
    display: grid;
    gap: 3px;
}

.impact-stat .stat-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    color: var(--ops-muted);
}

.impact-stat .stat-val {
    font-size: 15px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.impact-stat.tone-green .stat-val { color: #16a34a; }
.impact-stat.tone-blue .stat-val { color: #2563eb; }
.impact-stat.tone-purple .stat-val { color: #7c3aed; }
.stat-method { font-size: 12.5px !important; }

.remediation-detail-card {
    background: #fff;
    border: 1px solid var(--ops-border);
    border-radius: 8px;
    padding: 14px;
}

.remediation-detail-card .card-header {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
    color: #344054;
}

.remediation-detail-card .card-header h4 {
    margin: 0;
    font-size: 12.5px;
    font-weight: 700;
}

.remediation-detail-card .card-text {
    margin: 0;
    font-size: 12px;
    color: #475467;
    line-height: 1.55;
}

.timeline-notes {
    font-size: 11px;
    color: var(--ops-muted);
    margin-top: 2px;
    padding-left: 6px;
    border-left: 2px solid #e2e8f0;
}

.verification-panel,
.verification-state {
    display: grid;
    gap: 12px;
}

.verification-state {
    grid-template-columns: 42px 1fr;
}

.verification-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #087e65;
    background: #eafaf4;
    border-radius: 10px;
}

.verification-state > div {
    display: grid;
}

.verification-state small {
    color: var(--ops-muted);
}

.verification-history {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid #eef1f5;
}

.verification-history small {
    margin-left: auto;
    color: var(--ops-muted);
}

.assignment-modal {
    width: min(640px, calc(100vw - 28px));
}

.modal-task-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--ops-text);
    margin-top: 2px;
}

.assignment-meta-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 12px;
    background: #f8fafc;
    border: 1px solid var(--ops-border);
    border-radius: 6px;
    font-size: 12px;
    color: #475467;
    margin-top: 10px;
}

.assignment-meta-bar .current-owner {
    margin-left: auto;
    color: #1d2939;
}

.assignment-list {
    display: grid;
    gap: 8px;
    max-height: 380px;
    margin: 14px 0;
    overflow-y: auto;
}

.assignment-user-row {
    display: grid;
    grid-template-columns: 38px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid var(--ops-border);
    border-radius: 8px;
    text-align: left;
    cursor: pointer;
    transition: all 0.15s ease;
}

.assignment-user-row:hover {
    border-color: #93c5fd;
    background: #fbfdff;
}

.assignment-user-row.selected {
    background: #eff6ff;
    border-color: #3b82f6;
    box-shadow: 0 0 0 1px #3b82f6;
}

.owner-avatar {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e0e7ff;
    color: #4338ca;
    font-weight: 700;
    font-size: 13px;
    border-radius: 50%;
}

.assignment-user-row.selected .owner-avatar {
    background: #2563eb;
    color: #fff;
}

.user-info {
    display: grid;
    gap: 2px;
}

.user-name-line {
    display: flex;
    align-items: center;
    gap: 8px;
}

.selected-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #2563eb;
    background: #dbeafe;
    padding: 2px 7px;
    border-radius: 12px;
}

.user-meta {
    font-size: 11px;
    color: var(--ops-muted);
}

.modal-actions-center,
.assignment-modal .modal-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid var(--ops-border);
}

.modal-action-btn,
.assignment-modal .modal-actions .ant-btn {
    min-width: 150px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    border-radius: 6px;
}

.btn-confirm-assignment {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 3px rgba(37, 99, 235, 0.25) !important;
    transition: all 0.15s ease !important;
}

.btn-confirm-assignment:hover:not(:disabled) {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(37, 99, 235, 0.35) !important;
}

.btn-confirm-assignment:disabled,
.btn-confirm-assignment.ant-btn-primary[disabled] {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

/* ==================================================
   DUPLICATES TAB STYLES
================================================== */
.duplicates-tab-container {
    display: grid;
    gap: 14px;
}

.duplicates-header-summary {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 14px;
    display: grid;
    gap: 6px;
}

.dup-summary-left {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dup-badge-total {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #334155;
    background: #e2e8f0;
    padding: 2px 10px;
    border-radius: 12px;
}

.dup-badge-high {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: #dc2626;
    background: #fee2e2;
    border: 1px solid #fecaca;
    padding: 2px 9px;
    border-radius: 12px;
}

.dup-summary-text {
    margin: 0;
    font-size: 11.5px;
    color: var(--ops-muted);
    line-height: 1.5;
}

.duplicates-card-list {
    display: grid;
    gap: 10px;
}

.duplicate-item-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid var(--ops-border);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
    border-left: 3px solid #3b82f6;
}

.duplicate-item-card:hover {
    border-color: #93c5fd;
    background: #fbfdff;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px -2px rgba(15, 23, 42, 0.05);
}

.duplicate-item-card.match-high {
    border-left-color: #ef4444;
}

.duplicate-item-card.match-medium {
    border-left-color: #f59e0b;
}

.duplicate-item-card.match-low {
    border-left-color: #3b82f6;
}

.dup-score-column {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
}

.dup-score-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px solid;
}

.dup-score-circle strong {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
}

.dup-score-circle small {
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.dup-score-circle.circle-red {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #b91c1c;
}

.dup-score-circle.circle-amber {
    background: #fffbeb;
    border-color: #fcd34d;
    color: #b45309;
}

.dup-score-circle.circle-blue {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.dup-content-column {
    flex: 1;
    display: grid;
    gap: 4px;
}

.dup-top-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dup-reason-tag {
    font-size: 11px;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.dup-title {
    margin: 2px 0 0;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.4;
}

.dup-action-row {
    display: flex;
    align-items: center;
    margin-top: 2px;
}

.dup-inspect-action {
    font-size: 11px;
    font-weight: 600;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: color 0.15s ease;
}

.duplicate-item-card:hover .dup-inspect-action {
    color: #1d4ed8;
    text-decoration: underline;
}

.duplicate-empty-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    text-align: center;
}

.duplicate-empty-card .dup-empty-icon {
    font-size: 28px;
    color: #16a34a;
    margin-bottom: 8px;
}

.duplicate-empty-card h4 {
    margin: 0 0 4px;
    font-size: 13.5px;
    font-weight: 700;
    color: #0f172a;
}

.duplicate-empty-card p {
    margin: 0;
    font-size: 11.5px;
    color: var(--ops-muted);
    max-width: 380px;
}

.remediation-modal {
    display: grid;
    gap: 12px;
    width: min(620px, calc(100vw - 28px));
}

.remediation-modal label {
    display: grid;
    gap: 5px;
    color: #344054;
    font-size: 11px;
}

.empty-compact {
    padding: 20px;
    color: var(--ops-muted);
    font-size: 11px;
    text-align: center;
}

/* ==================================================
   RESPONSIVE BREAKPOINTS (Desktop: 4, Tablet: 2, Mobile: 1)
================================================== */
@media (max-width: 1200px) {
    .task-kpi-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .kpi-secondary-strip {
        grid-template-columns: repeat(3, 1fr);
    }
    .dashboard-primary,
    .dashboard-secondary {
        grid-template-columns: repeat(2, 1fr);
    }
    .filter-toolbar {
        grid-template-columns: repeat(3, 1fr);
    }
    .filter-toolbar > .ant-input-affix-wrapper {
        grid-column: span 2;
    }
}

@media (max-width: 900px) {
    .task-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .kpi-secondary-strip {
        grid-template-columns: repeat(2, 1fr);
    }
    .dashboard-primary,
    .dashboard-secondary {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .operations-header {
        display: grid;
    }
    .filter-toolbar {
        grid-template-columns: 1fr 1fr;
    }
    .filter-toolbar > .ant-input-affix-wrapper {
        grid-column: 1 / -1;
    }
    .task-drawer-header {
        display: grid;
    }
}

@media (max-width: 520px) {
    .task-kpi-grid {
        grid-template-columns: 1fr;
    }
    .kpi-secondary-strip {
        grid-template-columns: 1fr;
    }
    .filter-toolbar,
    .detail-grid {
        grid-template-columns: 1fr;
    }
    .filter-toolbar > .ant-input-affix-wrapper {
        grid-column: auto;
    }
    .health-body {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .dependency-create {
        display: grid;
        width: 100%;
    }
}

/* Theme-aware Task Operations surfaces. */
html[data-color-scheme="dark"] .task-operations-page {
    --ops-border: var(--mXZkqc);
    --ops-text: var(--bbQxAb);
    --ops-muted: var(--IXoxUe);
    min-height: 100%;
    background: var(--yTtsEf);
    color: var(--bbQxAb);
}

html[data-color-scheme="dark"] .task-operations-page :is(.task-kpi-card,.ops-card,.task-list-card,.operations-tabs,.drawer-info-card,.drawer-panel-card,.context-spec-card,.dependency-card-node,.dependency-current-node,.remediation-detail-card,.remediation-preview-card,.duplicate-item-card,.duplicate-empty-card,.health-summary-box) {
    border-color: var(--mXZkqc);
    background: var(--xhUGwc);
    color: var(--bbQxAb);
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
}

html[data-color-scheme="dark"] .task-operations-page .task-section-toggle {
    border-color: var(--mXZkqc);
    background: var(--xhUGwc);
    color: #91caff;
}

html[data-color-scheme="dark"] .task-operations-page .task-section-toggle:hover {
    background: var(--XKMDxc);
}

html[data-color-scheme="dark"] .task-operations-page .strip-item,
html[data-color-scheme="dark"] .task-operations-page .operations-tabs button.active {
    border-color: var(--mXZkqc);
    background: var(--xhUGwc);
    color: var(--bbQxAb);
}

html[data-color-scheme="dark"] .task-operations-page .strip-icon-wrap,
html[data-color-scheme="dark"] .task-operations-page .operations-tabs button b {
    background: var(--XKMDxc);
    color: var(--IXoxUe);
}

html[data-color-scheme="dark"] .task-operations-page :is(.filter-toolbar,.kpi-secondary-strip,.dependency-summary-bar,.drawer-audit-strip,.drawer-badge-strip,.assignment-meta-bar,.context-tab-container,.dependencies-tab-container,.duplicates-tab-container,.verification-panel) {
    border-color: var(--mXZkqc);
    background: var(--ZEpPmd);
}

html[data-color-scheme="dark"] .task-operations-page :is(h1,h2,h3,h4,.task-kpi-value,.task-kpi-title,.strip-value,.dim-score,.health-score-val,.user-name-line,.dup-title) {
    color: var(--EpFNW);
}

html[data-color-scheme="dark"] .task-operations-page :is(.task-kpi-support,.task-kpi-footer,.strip-label,.dim-desc,.user-meta,.empty-compact,.dim-header,.health-summary-text) {
    color: var(--IXoxUe);
}

html[data-color-scheme="dark"] .task-operations-page :is(.filter-search-box,.filter-select,.assignment-modal,.remediation-modal) {
    border-color: var(--mXZkqc);
    background: var(--ZEpPmd);
    color: var(--bbQxAb);
}

html[data-color-scheme="dark"] .task-operations-page :is(.distribution-row,.assignment-user-row,.workload-list > *, .verification-history > *, .timeline-notes > *) {
    border-color: var(--mXZkqc);
}

/* The details drawer is rendered in Ant Design's portal, outside
   .task-operations-page. Theme every drawer tab from its task-drawer marker. */
html[data-color-scheme="dark"] .ant-drawer:has(.task-drawer) :is(.ant-drawer-content,.ant-drawer-header,.ant-drawer-body,.ant-tabs-content-holder,.ant-tabs-tabpane) {
    border-color: var(--mXZkqc) !important;
    background: var(--yTtsEf) !important;
    color: var(--bbQxAb) !important;
}
html[data-color-scheme="dark"] .ant-drawer:has(.task-drawer) .ant-drawer-header {
    background: var(--xhUGwc) !important;
}
html[data-color-scheme="dark"] .ant-drawer:has(.task-drawer) :is(.task-drawer-header,.ant-tabs-nav::before,.drawer-audit-strip,.drawer-badge-strip) {
    border-color: var(--mXZkqc) !important;
}
html[data-color-scheme="dark"] .ant-drawer:has(.task-drawer) :is(
    .drawer-info-card,.drawer-panel-card,.context-spec-card,.context-card-button,.context-empty-card,
    .dependency-card-node,.dependency-current-node,.dependency-add-panel,.remediation-hero-card,
    .remediation-detail-card,.remediation-preview-card,.impact-stat,.verification-panel,
    .duplicate-item-card,.duplicate-empty-card,.duplicates-header-summary,.timeline-notes
) {
    border-color: var(--mXZkqc) !important;
    background: var(--xhUGwc) !important;
    color: var(--bbQxAb) !important;
    box-shadow: none !important;
}
html[data-color-scheme="dark"] .ant-drawer:has(.task-drawer) :is(.context-tab-container,.dependencies-tab-container,.duplicates-tab-container,.remediation-full-view) {
    color: var(--bbQxAb);
}
html[data-color-scheme="dark"] .ant-drawer:has(.task-drawer) :is(
    h2,h3,h4,strong,.card-value,.spec-info h4,.dup-title,.stat-val,.panel-header,
    .ant-empty-description,.ant-timeline-item-content,.ant-tabs-tab
) {
    color: var(--EpFNW) !important;
}
html[data-color-scheme="dark"] .ant-drawer:has(.task-drawer) :is(
    p,small,.card-label,.panel-desc,.card-text,.spec-info p,.context-module,.meta-tag,
    .dup-summary-text,.timeline-notes,.ant-empty-description
) {
    color: var(--IXoxUe) !important;
}
html[data-color-scheme="dark"] .ant-drawer:has(.task-drawer) :is(.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-picker,.ant-select-selector,textarea) {
    border-color: var(--mXZkqc) !important;
    background: var(--ZEpPmd) !important;
    color: var(--bbQxAb) !important;
}
html[data-color-scheme="dark"] .ant-drawer:has(.task-drawer) :is(.ant-select-selection-item,.ant-select-selection-placeholder,.ant-input::placeholder,textarea::placeholder) {
    color: var(--IXoxUe) !important;
}
html[data-color-scheme="dark"] .ant-drawer:has(.task-drawer) .ant-timeline-item-tail {
    border-color: var(--JclFj) !important;
}
html[data-color-scheme="dark"] .ant-drawer:has(.task-drawer) .drawer-alert-banner.alert-blocked {
    border-color: color-mix(in srgb,#a56eff 45%,var(--mXZkqc));
    background: color-mix(in srgb,#a56eff 12%,var(--xhUGwc));
    color: #d8b4fe;
}
html[data-color-scheme="dark"] .ant-drawer:has(.task-drawer) .btn-assigned-user {
    border-color: color-mix(in srgb,#16a34a 55%,var(--mXZkqc)) !important;
    background: color-mix(in srgb,#16a34a 13%,var(--xhUGwc)) !important;
    color: #86efac !important;
}