/* =========================================================
LIGHT MODE POLISH
========================================================= */

html[data-theme="light"] {
    
    
    
    
    
    --light-glass-bg:
        linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(235, 248, 250, .58)),
        rgba(255, 255, 255, .62);
    --light-glass-strong:
        linear-gradient(145deg, rgba(255, 255, 255, .90), rgba(236, 248, 250, .72)),
        rgba(255, 255, 255, .82);
    --light-glass-inset:
        linear-gradient(145deg, rgba(255, 255, 255, .58), rgba(229, 244, 247, .46)),
        rgba(255, 255, 255, .48);
    --light-glass-border: rgba(31, 87, 101, .15);
    --light-glass-border-strong: rgba(55, 118, 136, .24);
    --light-glass-highlight: linear-gradient(135deg, rgba(255, 255, 255, .64), transparent 48%);
    --light-shadow: 0 18px 42px rgba(31, 87, 101, .13);
    --light-shadow-soft: 0 10px 26px rgba(31, 87, 101, .09);
    --light-text: #10232b;
    --light-muted: #5c7480;
}

html[data-theme="light"] .workspace-segmented button,
html[data-theme="light"] .workspace-chip-list button {
    border-color: rgba(18, 73, 88, .16);
    background: rgba(255, 255, 255, .78);
    color: #224351;
    box-shadow: 0 10px 24px rgba(31, 87, 101, .06);
}

html[data-theme="light"] .workspace-segmented button.active,
html[data-theme="light"] .workspace-chip-list button.active {
    border-color: transparent;
    background: linear-gradient(135deg, #2f7184, #43c7c9);
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(55, 118, 136, .18);
}

html[data-theme="light"] .calendar-weekdays span {
    color: #56717c;
}

html[data-theme="light"] .calendar-grid-card {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .78), rgba(236, 248, 250, .78)),
        rgba(255, 255, 255, .72);
}

html[data-theme="light"] .calendar-day {
    border-color: rgba(18, 73, 88, .14);
    background: rgba(255, 255, 255, .72);
    color: #10232b;
    box-shadow: 0 10px 22px rgba(31, 87, 101, .07);
}

html[data-theme="light"] .calendar-day:hover,
html[data-theme="light"] .calendar-day.selected {
    border-color: rgba(55, 118, 136, .42);
    background: linear-gradient(135deg, rgba(79, 209, 208, .20), rgba(255, 255, 255, .88));
    box-shadow: 0 16px 32px rgba(31, 87, 101, .13);
}

html[data-theme="light"] .calendar-day.muted {
    opacity: 1;
    background: rgba(235, 244, 247, .66);
    color: #7a929c;
}

html[data-theme="light"] .calendar-day-number {
    background: rgba(55, 118, 136, .10);
    color: #174457;
}

html[data-theme="light"] .calendar-event-stack small,
html[data-theme="light"] .workspace-pagination span,
html[data-theme="light"] .workspace-detail-grid span {
    color: #5c7480;
}

html[data-theme="light"] .calendar-event-dot {
    border: 1px solid rgba(55, 118, 136, .14);
    background: rgba(55, 118, 136, .12);
    color: #173d4d;
}

html[data-theme="light"] .calendar-event-dot.meeting,
html[data-theme="light"] .calendar-event-dot.meeting-room-pending {
    border-color: rgba(180, 83, 9, .18);
    background: rgba(245, 158, 11, .17);
    color: #7c3d05;
}

html[data-theme="light"] .calendar-event-dot.milestone {
    border-color: rgba(67, 56, 202, .16);
    background: rgba(99, 102, 241, .14);
    color: #3730a3;
}

html[data-theme="light"] .calendar-event-dot.meeting-room-approved {
    border-color: rgba(5, 150, 105, .18);
    background: rgba(16, 185, 129, .15);
    color: #065f46;
}

html[data-theme="light"] .calendar-event-dot.meeting-room-rejected,
html[data-theme="light"] .calendar-event-dot.meeting-room-cancelled {
    border-color: rgba(220, 38, 38, .18);
    background: rgba(239, 68, 68, .13);
    color: #991b1b;
}

html[data-theme="light"] .workspace-pagination button,
html[data-theme="light"] .activity-filter-toggle {
    border-color: rgba(18, 73, 88, .14);
    background: rgba(255, 255, 255, .78);
    color: #245264;
}

html[data-theme="light"] .workspace-pagination button:not(:disabled):hover,
html[data-theme="light"] .activity-filter-toggle:hover,
html[data-theme="light"] .activity-filter-toggle.active {
    border-color: rgba(55, 118, 136, .34);
    background: rgba(79, 209, 208, .15);
    color: #123644;
}

html[data-theme="light"] .activity-filter-count {
    border-color: #ffffff;
    background: #377688;
    color: #ffffff;
}

html[data-theme="light"] .workspace-modal-content,
html[data-theme="light"] .workspace-date-panel {
    border-color: rgba(18, 73, 88, .16);
    background: rgba(255, 255, 255, .96);
    color: #10232b;
    box-shadow: 0 28px 70px rgba(31, 87, 101, .20);
}

html[data-theme="light"] .workspace-modal-backdrop,
html[data-theme="light"] .workspace-date-overlay {
    background: rgba(16, 35, 43, .30);
}

html[data-theme="light"] .workspace-date-time .input-group-text,
html[data-theme="light"] .workspace-date-input {
    border-color: rgba(55, 118, 136, .22);
    background:
        linear-gradient(135deg, rgba(79, 209, 208, .13), rgba(255, 255, 255, .86)),
        #ffffff;
    color: #143947;
}

html[data-theme="light"] .workspace-date-input .placeholder,
html[data-theme="light"] .workspace-date-panel-header strong {
    color: #173d4d;
}

html[data-theme="light"] .workspace-date-input i {
    background: rgba(55, 118, 136, .12);
    color: #245264;
}

html[data-theme="light"] .workspace-date-panel-header button,
html[data-theme="light"] .workspace-date-days button,
html[data-theme="light"] .workspace-date-actions button {
    border-color: rgba(18, 73, 88, .14);
    background: rgba(244, 250, 252, .92);
    color: #173d4d;
}

html[data-theme="light"] .workspace-date-weekdays span {
    color: #617985;
}

html[data-theme="light"] .workspace-date-days button:hover,
html[data-theme="light"] .workspace-date-panel-header button:hover,
html[data-theme="light"] .workspace-date-actions button:hover {
    border-color: rgba(55, 118, 136, .36);
    background: rgba(79, 209, 208, .16);
}

html[data-theme="light"] .workspace-date-days button.active {
    border-color: transparent;
    background: linear-gradient(135deg, #2f7184, #43c7c9);
    color: #ffffff;
}

html[data-theme="light"] .workspace-meter-track,
html[data-theme="light"] .project-chart-row div,
html[data-theme="light"] .project-member-bar,
html[data-theme="light"] .user-chart-row i,
html[data-theme="light"] .workspace-progress-track,
html[data-theme="light"] .project-task-detail-progress progress::-webkit-progress-bar {
    background: rgba(55, 118, 136, .12);
}

html[data-theme="light"] .workspace-progress-ring,
html[data-theme="light"] .workspace-chart-card,
html[data-theme="light"] .workspace-list-row,
html[data-theme="light"] .activity-filter-grid,
html[data-theme="light"] .owner-analytics-summary span,
html[data-theme="light"] .project-gantt-summary span,
html[data-theme="light"] .project-gantt-scroll,
html[data-theme="light"] .user-chart-row,
html[data-theme="light"] .user-work-panel,
html[data-theme="light"] .user-detail-chart-card,
html[data-theme="light"] .user-detail-task-list {
    border-color: rgba(18, 73, 88, .14);
    background: rgba(255, 255, 255, .74);
    color: #10232b;
}

html[data-theme="light"] .workspace-list-row:hover,
html[data-theme="light"] .user-chart-row:hover,
html[data-theme="light"] .user-chart-row.active {
    border-color: rgba(55, 118, 136, .34);
    background: rgba(79, 209, 208, .12);
}

html[data-theme="light"] .workspace-stat span,
html[data-theme="light"] .workspace-stat small,
html[data-theme="light"] .workspace-section-title span,
html[data-theme="light"] .workspace-section-title a,
html[data-theme="light"] .workspace-meter span,
html[data-theme="light"] .workspace-progress-ring span,
html[data-theme="light"] .workspace-list-row span,
html[data-theme="light"] .workspace-row-meta small,
html[data-theme="light"] .owner-analytics-summary span,
html[data-theme="light"] .project-gantt-summary span,
html[data-theme="light"] .project-gantt-scale span,
html[data-theme="light"] .project-gantt-row-label small,
html[data-theme="light"] .workspace-pie span,
html[data-theme="light"] .workspace-health-tile span,
html[data-theme="light"] .workspace-health-tile small,
html[data-theme="light"] .user-work-kpis span,
html[data-theme="light"] .user-progress-ring span,
html[data-theme="light"] .user-chart-row small,
html[data-theme="light"] .user-task-row small {
    color: #5c7480;
}

html[data-theme="light"] .workspace-pie {
    box-shadow:
        inset 0 0 0 1px rgba(18, 73, 88, .12),
        0 12px 28px rgba(31, 87, 101, .12);
}

html[data-theme="light"] .workspace-pie>div {
    background: #ffffff;
    color: #10232b;
    box-shadow: inset 0 0 0 1px rgba(18, 73, 88, .08);
}

html[data-theme="light"] .workspace-chart-legend div,
html[data-theme="light"] .workspace-chart-legend button,
html[data-theme="light"] .report-pie-button,
html[data-theme="light"] .report-budget-button,
html[data-theme="light"] .report-meter-button {
    color: #173d4d;
}

html[data-theme="light"] .workspace-chart-legend span {
    color: #5c7480;
}

html[data-theme="light"] .report-live-stamp {
    border-color: rgba(55, 118, 136, .18);
    background: rgba(79, 209, 208, .13);
    color: #245264;
}

html[data-theme="light"] .report-clickable-cue {
    color: rgba(36, 82, 100, .70);
}

html[data-theme="light"] .report-clickable:hover,
html[data-theme="light"] .report-clickable-card:hover {
    box-shadow: 0 18px 38px rgba(31, 87, 101, .14);
}

html[data-theme="light"] .report-project-row a {
    color: #245264;
}

html[data-theme="light"] .report-project-row a:hover {
    color: #0f6a78;
}

html[data-theme="light"] .workspace-health-tile {
    border-color: rgba(55, 118, 136, .16);
    background: rgba(79, 209, 208, .11);
}

html[data-theme="light"] .workspace-health-tile.success {
    background: rgba(16, 185, 129, .13);
}

html[data-theme="light"] .workspace-health-tile.warning {
    background: rgba(245, 158, 11, .14);
}

html[data-theme="light"] .workspace-health-tile.danger {
    background: rgba(239, 68, 68, .12);
}

html[data-theme="light"] .project-detail-hero {
    border-color: rgba(18, 73, 88, .14);
    background:
        linear-gradient(135deg, rgba(79, 209, 208, .18), rgba(255, 255, 255, .86)),
        rgba(255, 255, 255, .76);
}

html[data-theme="light"] .project-detail-donut {
    border-color: rgba(18, 73, 88, .14);
    background:
        radial-gradient(circle at center, #ffffff 0 54%, transparent 55%),
        conic-gradient(#2f9ba8 calc(var(--value) * 1%), rgba(55, 118, 136, .14) 0);
}

html[data-theme="light"] .project-detail-stat,
html[data-theme="light"] .project-detail-tabs,
html[data-theme="light"] .project-chart-row,
html[data-theme="light"] .project-member-contribution button,
html[data-theme="light"] .project-page-timeline-step,
html[data-theme="light"] .project-stage-card,
html[data-theme="light"] .project-task-detail-panel,
html[data-theme="light"] .project-detail-task-card {
    border-color: rgba(18, 73, 88, .14);
    background: rgba(255, 255, 255, .74);
    color: #10232b;
}

html[data-theme="light"] .project-detail-tabs button {
    color: #5c7480;
}

html[data-theme="light"] .project-detail-tabs button.active,
html[data-theme="light"] .project-detail-tabs button:hover,
html[data-theme="light"] .project-chart-row.active,
html[data-theme="light"] .project-chart-row:hover,
html[data-theme="light"] .project-member-contribution button.active,
html[data-theme="light"] .project-member-contribution button:hover {
    border-color: rgba(55, 118, 136, .34);
    background: rgba(79, 209, 208, .13);
    color: #123644;
}

html[data-theme="light"] .project-description,
html[data-theme="light"] .project-detail-hero p,
html[data-theme="light"] .project-back-link,
html[data-theme="light"] .project-detail-donut span,
html[data-theme="light"] .project-detail-stat span,
html[data-theme="light"] .project-detail-stat small,
html[data-theme="light"] .project-chart-row small,
html[data-theme="light"] .project-member-contribution span,
html[data-theme="light"] .project-page-timeline-step small,
html[data-theme="light"] .project-stage-card p,
html[data-theme="light"] .project-stage-card small,
html[data-theme="light"] .project-task-detail-grid span,
html[data-theme="light"] .project-task-detail-progress span {
    color: #5c7480;
}

html[data-theme="light"] .project-gantt-header,
html[data-theme="light"] .project-gantt-label-head {
    background: #edf7fa;
    color: #173d4d;
}

html[data-theme="light"] .project-gantt-row {
    border-top-color: rgba(18, 73, 88, .10);
    color: #10232b;
}

html[data-theme="light"] .project-gantt-row:hover,
html[data-theme="light"] .project-gantt-row.selected {
    background: rgba(79, 209, 208, .11);
}

html[data-theme="light"] .project-gantt-row-label {
    border-right-color: rgba(18, 73, 88, .12);
    background: rgba(245, 251, 252, .96);
}

html[data-theme="light"] .project-gantt-track {
    background-image: linear-gradient(90deg, rgba(55, 118, 136, .11) 1px, transparent 1px);
}

html[data-theme="light"] .project-gantt-bar {
    box-shadow: 0 8px 18px rgba(31, 87, 101, .14);
}

html[data-theme="light"] .project-gantt-today span {
    background: rgba(239, 68, 68, .13);
    color: #991b1b;
}

html[data-theme="light"] .meeting-room-graphic {
    border-color: rgba(18, 73, 88, .14);
    background:
        linear-gradient(90deg, rgba(55, 118, 136, .08) 1px, transparent 1px),
        linear-gradient(rgba(55, 118, 136, .08) 1px, transparent 1px),
        rgba(255, 255, 255, .76);
    background-size: 34px 34px;
}

html[data-theme="light"] .meeting-room-table {
    border-color: rgba(18, 73, 88, .16);
    background: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(223, 244, 247, .86));
    color: #123644;
    box-shadow: 0 14px 30px rgba(31, 87, 101, .13);
}

html[data-theme="light"] .meeting-room-table .seat {
    border-color: rgba(55, 118, 136, .18);
    background: rgba(67, 199, 201, .62);
}

html[data-theme="light"] .meeting-room-insight span,
html[data-theme="light"] .meeting-demand-bars strong {
    color: #5c7480;
}

html[data-theme="light"] .workspace-pill.pending {
    background: rgba(245, 158, 11, .16);
    color: #7c3d05;
}

html[data-theme="light"] .workspace-pill.approved {
    background: rgba(16, 185, 129, .14);
    color: #065f46;
}

html[data-theme="light"] .workspace-pill.rejected,
html[data-theme="light"] .workspace-pill.cancelled {
    background: rgba(239, 68, 68, .12);
    color: #991b1b;
}

html[data-theme="light"] .user-work-kpis strong,
html[data-theme="light"] .user-progress-ring strong,
html[data-theme="light"] .user-task-progress b {
    color: #10232b;
}

html[data-theme="light"] .user-progress-ring {
    background:
        radial-gradient(circle at center, #ffffff 0 58%, transparent 59%),
        conic-gradient(#2f9ba8 var(--progress), rgba(55, 118, 136, .14) 0);
    box-shadow: 0 10px 24px rgba(31, 87, 101, .12);
}

html[data-theme="light"] .user-task-row {
    border-top-color: rgba(18, 73, 88, .10);
}

html[data-theme="light"] .user-task-row.overdue {
    color: #7c2d12;
}

/* =========================================================
LIGHT MODE SURFACE SYNC
========================================================= */

html[data-theme="light"] .top-navbar,
html[data-theme="light"] .glass-card,
html[data-theme="light"] .dashboard-card,
html[data-theme="light"] .project-stat-card,
html[data-theme="light"] .project-table-card,
html[data-theme="light"] .workspace-stat,
html[data-theme="light"] .workspace-chart-card,
html[data-theme="light"] .calendar-grid-card,
html[data-theme="light"] .workspace-progress-ring,
html[data-theme="light"] .activity-log-card,
html[data-theme="light"] .project-detail-hero,
html[data-theme="light"] .project-detail-stat,
html[data-theme="light"] .project-detail-tabs,
html[data-theme="light"] .project-task-detail-panel,
html[data-theme="light"] .archive-manager-toolbar,
html[data-theme="light"] .archive-action-bar,
html[data-theme="light"] .project-workflow-node,
html[data-theme="light"] .department-workflow-grid section,
html[data-theme="light"] .department-user-picker,
html[data-theme="light"] .workspace-filter-panel,
html[data-theme="light"] .meeting-room-card,
html[data-theme="light"] .room-detail-hero,
html[data-theme="light"] .room-detail-section-grid,
html[data-theme="light"] .social-post-card,
html[data-theme="light"] .social-platform-config-card,
html[data-theme="light"] .social-setup-card,
html[data-theme="light"] .settings-action-card,
html[data-theme="light"] .notification-panel,
html[data-theme="light"] .profile-menu,
html[data-theme="light"] .tenant-search-panel,
html[data-theme="light"] .team-chat-rail,
html[data-theme="light"] .team-chat-main,
html[data-theme="light"] .user-filter-panel,
html[data-theme="light"] .user-work-panel,
html[data-theme="light"] .user-detail-chart-card,
html[data-theme="light"] .user-detail-task-list,
html[data-theme="light"] .user-personal-chat-panel,
html[data-theme="light"] .workspace-modal-content,
html[data-theme="light"] .modal-content {
    border-color: var(--light-glass-border);
    background: var(--light-glass-bg);
    color: var(--light-text);
    box-shadow: var(--light-shadow);
    backdrop-filter: blur(18px) saturate(1.08);
    -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

html[data-theme="light"] .glass-card::before,
html[data-theme="light"] .project-stat-card::before {
    background: var(--light-glass-highlight);
}

html[data-theme="light"] .sidebar,
html[data-theme="light"] .workspace-modal-content,
html[data-theme="light"] .workspace-date-panel,
html[data-theme="light"] .team-chat-main {
    background: var(--light-glass-strong);
}

html[data-theme="light"] .workspace-list-row,
html[data-theme="light"] .calendar-day,
html[data-theme="light"] .activity-content,
html[data-theme="light"] .project-chart-row,
html[data-theme="light"] .project-member-contribution button,
html[data-theme="light"] .project-page-timeline-step,
html[data-theme="light"] .project-stage-card,
html[data-theme="light"] .project-detail-task-card,
html[data-theme="light"] .department-workflow-card,
html[data-theme="light"] .project-file-card,
html[data-theme="light"] .department-user-option,
html[data-theme="light"] .workspace-mobile-card,
html[data-theme="light"] .workspace-health-tile,
html[data-theme="light"] .owner-analytics-summary span,
html[data-theme="light"] .project-gantt-summary span,
html[data-theme="light"] .project-gantt-scroll,
html[data-theme="light"] .workspace-detail-grid div,
html[data-theme="light"] .workspace-mobile-fields div,
html[data-theme="light"] .meeting-room-graphic,
html[data-theme="light"] .room-next-booking,
html[data-theme="light"] .room-schedule-row,
html[data-theme="light"] .room-history-row,
html[data-theme="light"] .social-flow span,
html[data-theme="light"] .social-config-fields,
html[data-theme="light"] .social-setup-note,
html[data-theme="light"] .social-setup-permissions,
html[data-theme="light"] .social-connection-summary-item,
html[data-theme="light"] .social-connection-steps span,
html[data-theme="light"] .social-next-action,
html[data-theme="light"] .social-credential-intro,
html[data-theme="light"] .team-chat-thread,
html[data-theme="light"] .team-chat-panel,
html[data-theme="light"] .team-chat-composer,
html[data-theme="light"] .chat-message .chat-bubble,
html[data-theme="light"] .chat-attachment-chip,
html[data-theme="light"] .chat-edit-banner,
html[data-theme="light"] .member-picker-list>button,
html[data-theme="light"] .user-contact-grid div,
html[data-theme="light"] .user-chart-row,
html[data-theme="light"] .notification-item,
html[data-theme="light"] .tenant-search-result {
    border-color: rgba(31, 87, 101, .13);
    background: var(--light-glass-inset);
    color: var(--light-text);
    box-shadow: var(--light-shadow-soft);
}

html[data-theme="light"] .dashboard-card:hover,
html[data-theme="light"] .project-stat-card:hover,
html[data-theme="light"] .workspace-stat-link:hover,
html[data-theme="light"] button.dashboard-card:hover,
html[data-theme="light"] button.project-stat-card:hover,
html[data-theme="light"] button.workspace-stat:hover,
html[data-theme="light"] .workspace-list-row:hover,
html[data-theme="light"] .calendar-day:hover,
html[data-theme="light"] .calendar-day.selected,
html[data-theme="light"] .project-detail-task-card:hover,
html[data-theme="light"] .project-detail-task-card.active,
html[data-theme="light"] .project-chart-row:hover,
html[data-theme="light"] .project-chart-row.active,
html[data-theme="light"] .project-member-contribution button:hover,
html[data-theme="light"] .project-member-contribution button.active,
html[data-theme="light"] .department-workflow-card.active,
html[data-theme="light"] .project-workflow-node.active,
html[data-theme="light"] .department-user-option.selected,
html[data-theme="light"] .meeting-room-card:hover,
html[data-theme="light"] .team-chat-thread:hover,
html[data-theme="light"] .team-chat-thread.active,
html[data-theme="light"] .member-picker-list>button:hover,
html[data-theme="light"] .member-picker-list>button.selected,
html[data-theme="light"] .user-chart-row:hover,
html[data-theme="light"] .user-chart-row.active,
html[data-theme="light"] .tenant-search-result:hover,
html[data-theme="light"] .tenant-search-result.active {
    border-color: var(--light-glass-border-strong);
    background: var(--surface-hover);
    box-shadow: 0 18px 36px rgba(31, 87, 101, .14);
    color: var(--light-text);
}

html[data-theme="light"] .calendar-day.selected,
html[data-theme="light"] .project-detail-task-card.active,
html[data-theme="light"] .department-workflow-card.active,
html[data-theme="light"] .project-workflow-node.active,
html[data-theme="light"] .team-chat-thread.active,
html[data-theme="light"] .user-management-page .workspace-stat.active {
    box-shadow:
        0 18px 36px rgba(31, 87, 101, .14),
        inset 0 0 0 1px rgba(79, 209, 208, .22);
}

html[data-theme="light"] .workspace-section-title h2,
html[data-theme="light"] .team-chat-main-header h6,
html[data-theme="light"] .team-chat-empty strong,
html[data-theme="light"] .meeting-room-card-header strong,
html[data-theme="light"] .meeting-room-card strong,
html[data-theme="light"] .social-platform-config-head h3,
html[data-theme="light"] .social-setup-heading h3,
html[data-theme="light"] .social-config-fields strong,
html[data-theme="light"] .social-config-fields b,
html[data-theme="light"] .social-setup-progress strong,
html[data-theme="light"] .social-connection-summary-item,
html[data-theme="light"] .social-next-action,
html[data-theme="light"] .owner-analytics-summary strong,
html[data-theme="light"] .project-gantt-summary strong {
    color: var(--light-text);
}

html[data-theme="light"] .workspace-page-header p,
html[data-theme="light"] .team-chat-main-header small,
html[data-theme="light"] .team-chat-rail-label,
html[data-theme="light"] .team-chat-thread-copy small,
html[data-theme="light"] .team-chat-empty,
html[data-theme="light"] .meeting-room-card-header span,
html[data-theme="light"] .meeting-room-card p,
html[data-theme="light"] .meeting-room-card small,
html[data-theme="light"] .room-next-booking span,
html[data-theme="light"] .room-next-booking small,
html[data-theme="light"] .room-schedule-row span,
html[data-theme="light"] .room-schedule-row small,
html[data-theme="light"] .room-history-row span,
html[data-theme="light"] .social-platform-config-head span,
html[data-theme="light"] .social-setup-heading a,
html[data-theme="light"] .social-setup-heading span,
html[data-theme="light"] .social-config-fields,
html[data-theme="light"] .social-setup-steps,
html[data-theme="light"] .social-setup-progress>div:first-child {
    color: var(--light-muted);
}

html[data-theme="light"] .social-connection-summary-item strong,
html[data-theme="light"] .social-next-action i {
    color: var(--brand-cyan);
}

html[data-theme="light"] .social-connection-steps span {
    color: #9a5c00;
}

html[data-theme="light"] .social-connection-steps span.done {
    color: #14714e;
}

html[data-theme="light"] .social-connection-steps span.optional {
    color: var(--light-muted);
}

html[data-theme="light"] .team-chat-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .30), rgba(224, 242, 246, .32)),
        rgba(255, 255, 255, .30);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .70);
}

html[data-theme="light"] .chat-message.mine .chat-bubble {
    border-color: rgba(55, 118, 136, .18);
    background: linear-gradient(135deg, rgba(47, 113, 132, .92), rgba(67, 199, 201, .88));
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(31, 87, 101, .16);
}

html[data-theme="light"] .chat-new-message-btn {
    border-color: rgba(55, 118, 136, .20);
    background: rgba(255, 255, 255, .92);
    color: #245264;
    box-shadow: 0 12px 28px rgba(31, 87, 101, .14);
}

html[data-theme="light"] .table,
html[data-theme="light"] .workspace-table,
html[data-theme="light"] .archive-manager-table {
    color: var(--light-text);
}

html[data-theme="light"] .table tbody tr,
html[data-theme="light"] .workspace-table tbody tr,
html[data-theme="light"] .archive-manager-table tbody tr {
    border-color: rgba(31, 87, 101, .10);
}

html[data-theme="light"] .table tbody tr:hover,
html[data-theme="light"] .workspace-table tbody tr:hover,
html[data-theme="light"] .archive-manager-table tbody tr:hover {
    background: rgba(79, 209, 208, .10);
}

html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select,
html[data-theme="light"] textarea.form-control,
html[data-theme="light"] .workspace-picker-trigger,
html[data-theme="light"] .workspace-picker-popover {
    border-color: rgba(31, 87, 101, .16);
    background: rgba(255, 255, 255, .72);
    color: var(--light-text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .70);
}

html[data-theme="light"] .form-control:focus,
html[data-theme="light"] .form-select:focus,
html[data-theme="light"] textarea.form-control:focus {
    border-color: rgba(55, 118, 136, .38);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 0 0 4px rgba(79, 209, 208, .12);
}

/* =========================================================
LIGHT ACTIVITY LOGS AND BADGES
========================================================= */

html[data-theme="light"] .activity-log-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(234, 248, 250, .62)),
        rgba(255, 255, 255, .66);
}

html[data-theme="light"] .activity-toolbar {
    align-items: stretch;
}

html[data-theme="light"] .activity-search i {
    color: #5c7480;
}

html[data-theme="light"] .activity-filter-grid {
    border-color: rgba(31, 87, 101, .14);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .62), rgba(230, 246, 249, .44)),
        rgba(255, 255, 255, .48);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62);
}

html[data-theme="light"] .activity-filter-grid .form-label {
    color: #456372;
}

html[data-theme="light"] .activity-item {
    border-color: rgba(31, 87, 101, .13);
    background:
        linear-gradient(135deg, rgba(79, 209, 208, .12), rgba(255, 255, 255, .72)),
        rgba(255, 255, 255, .58);
    box-shadow: 0 10px 24px rgba(31, 87, 101, .08);
}

html[data-theme="light"] .activity-item:hover {
    border-color: rgba(55, 118, 136, .24);
    background:
        linear-gradient(135deg, rgba(79, 209, 208, .18), rgba(255, 255, 255, .82)),
        rgba(255, 255, 255, .68);
    box-shadow: 0 16px 32px rgba(31, 87, 101, .12);
}

html[data-theme="light"] .activity-content {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

html[data-theme="light"] .activity-line strong {
    color: #10232b;
}

html[data-theme="light"] .activity-content p {
    color: #4f6975;
}

html[data-theme="light"] .activity-meta {
    color: #637c87;
}

html[data-theme="light"] .activity-icon {
    border: 1px solid rgba(55, 118, 136, .16);
    background: rgba(55, 118, 136, .12);
    color: #245264;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .64);
}

html[data-theme="light"] .activity-icon.create {
    border-color: rgba(5, 150, 105, .18);
    background: rgba(16, 185, 129, .14);
    color: #047857;
}

html[data-theme="light"] .activity-icon.delete {
    border-color: rgba(220, 38, 38, .18);
    background: rgba(239, 68, 68, .13);
    color: #b91c1c;
}

html[data-theme="light"] .activity-icon.status,
html[data-theme="light"] .activity-icon.update {
    border-color: rgba(180, 83, 9, .18);
    background: rgba(245, 158, 11, .16);
    color: #92400e;
}

html[data-theme="light"] .activity-icon.chat {
    border-color: rgba(37, 99, 235, .16);
    background: rgba(96, 165, 250, .15);
    color: #1d4ed8;
}

html[data-theme="light"] .badge,
html[data-theme="light"] .badge-success,
html[data-theme="light"] .badge-warning,
html[data-theme="light"] .badge-danger,
html[data-theme="light"] .workspace-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid rgba(55, 118, 136, .16);
    background: rgba(55, 118, 136, .11);
    color: #245264;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62);
}

html[data-theme="light"] .badge-success,
html[data-theme="light"] .badge.bg-success,
html[data-theme="light"] .workspace-pill.done,
html[data-theme="light"] .workspace-pill.low,
html[data-theme="light"] .workspace-pill.task,
html[data-theme="light"] .workspace-pill.approved,
html[data-theme="light"] .workspace-pill.active,
html[data-theme="light"] .workspace-pill.completed,
html[data-theme="light"] .workspace-pill.on_track {
    border-color: rgba(5, 150, 105, .18);
    background: rgba(16, 185, 129, .14) !important;
    color: #065f46 !important;
}

html[data-theme="light"] .badge-warning,
html[data-theme="light"] .badge.bg-warning,
html[data-theme="light"] .workspace-pill.high,
html[data-theme="light"] .workspace-pill.warning,
html[data-theme="light"] .workspace-pill.pending,
html[data-theme="light"] .workspace-pill.meeting,
html[data-theme="light"] .workspace-pill.review,
html[data-theme="light"] .workspace-pill.watch,
html[data-theme="light"] .workspace-pill.on_hold,
html[data-theme="light"] .workspace-pill.medium {
    border-color: rgba(180, 83, 9, .18);
    background: rgba(245, 158, 11, .17) !important;
    color: #7c3d05 !important;
}

html[data-theme="light"] .badge-danger,
html[data-theme="light"] .badge.bg-danger,
html[data-theme="light"] .workspace-pill.critical,
html[data-theme="light"] .workspace-pill.danger,
html[data-theme="light"] .workspace-pill.overdue,
html[data-theme="light"] .workspace-pill.blocked,
html[data-theme="light"] .workspace-pill.rejected,
html[data-theme="light"] .workspace-pill.cancelled,
html[data-theme="light"] .workspace-pill.at_risk {
    border-color: rgba(220, 38, 38, .18);
    background: rgba(239, 68, 68, .13) !important;
    color: #991b1b !important;
}

html[data-theme="light"] .badge.bg-primary,
html[data-theme="light"] .badge.bg-info,
html[data-theme="light"] .workspace-pill.milestone,
html[data-theme="light"] .workspace-pill.in_progress,
html[data-theme="light"] .workspace-pill.progress {
    border-color: rgba(37, 99, 235, .16);
    background: rgba(96, 165, 250, .15) !important;
    color: #1d4ed8 !important;
}

html[data-theme="light"] .badge.bg-secondary,
html[data-theme="light"] .badge.bg-light,
html[data-theme="light"] .badge.text-dark,
html[data-theme="light"] .workspace-pill.paused,
html[data-theme="light"] .workspace-pill.inactive,
html[data-theme="light"] .workspace-pill.system {
    border-color: rgba(75, 103, 116, .16);
    background: rgba(75, 103, 116, .12) !important;
    color: #344b57 !important;
}

html[data-theme="light"] .badge.bg-dark {
    border-color: rgba(16, 35, 43, .18);
    background: rgba(16, 35, 43, .82) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .notification-badge {
    border: 2px solid rgba(255, 255, 255, .92);
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(239, 68, 68, .26);
}