/*
:root {
  --white-bg: #f5f7fb;
  --white-surface: #ffffff;
  --white-surface-2: #f8fafc;
  --white-border: #bcbcbc;
  --white-border-strong: #d1d5db;
  --white-text: #111827;
  --white-text-soft: #6b7280;
  --white-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  --white-shadow-soft: 0 4px 14px rgba(15, 23, 42, 0.06);
  --accent-green: #22c55e;
  --accent-green-soft: rgba(34, 197, 94, 0.12);
  --danger-red: #ef4444;
  --danger-red-soft: rgba(239, 68, 68, 0.1);
  --border-radius: 13px;
}


html,
body {
  background: var(--white-bg) !important;
}

body {
  color: var(--white-text) !important;
}


body * {
  color: black !important;
}


.mainpageHeader,
.mainpageSidebar,
.mainpagecenter,
.secondBox,
.firstBox,
.firstBoxTeamMember,
.memberBtn,
.FirstBoxChartFrame,
.leftHead,
.rightCol,
.leftCol,
.profileFrame,
.pmImageFrame,
.ProfileSettingBox,
.appearanceSettingBox,
.rightbox,
.appleCalendar,
.creatingProjectFrame,
.projectListFrame,
.projectRowCard,
.fiveBoxes,
.projectQuickNavInner,
.projectMetaCard,
.thirdBoxCard,
.secondBoxMain,
.workTaskCard,
.invitePopupBox,
.newTaskPopupBox,
.taskDetailPopupBox,
.memberDetailPopupBox,
.commentDeletePopupBox,
.kickOutMemberBox,
.memberDetailCard,
.taskDetailCard,
.activitySummaryCard,
.deadlineMetaItem,
.invitedMemberChip,
.kickOutMemberPreview,
.commentDeletePreview {
  background: var(--white-surface) !important;
  border: 1px solid var(--white-border) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: var(--white-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--white-text) !important;
}


.noteContentbox ul li,
.newTaskPreviewUser,
.taskCommentItem,
.taskDetailAssigneeItem,
.workloadRow,
.activityItem,
.kickOutMemberWarning {
  background: var(--white-surface-2) !important;
  border: 1px solid var(--white-border) !important;
  color: var(--white-text) !important;
  box-shadow: none !important;
}


.projectTitle,
.projectMetaValue,
.epicName,
.weekBottom,
.thirdBoxHeaderLeft h2,
.secondBoxHeaderleft h2,
.workTaskTitle,
.taskDetailTitle,
.memberDetailTopText h2,
.commentDeletePopupHeader h3,
.kickOutMemberHeader h3,
.invitePopupHeader h3,
.newTaskPopupHeader h3,
.taskDetailPopupHeader h3,
.memberDetailPopupHeader h3,
.leftHead,
.statusOptionBtn,
.roadmapViewMenu button,
.inviteSuggestionName,
.invitedMemberName,
.memberDetailLabel,
.taskDetailLabel strong,
.workTaskUserName,
.deadlineCircleText strong,
.deadlineMetaItem strong {
  color: var(--white-text) !important;
}


.projectMetaLabel,
.weekTop,
.statusText,
.header_right,
.invitePopupHeader p,
.commentDeletePopupHeader p,
.kickOutMemberHeader p,
.memberDetailSubText,
.invitedMemberEmail,
.taskDetailLabel,
.activityTime,
.deadlineMetaLabel,
.projectQuickNavLabel,
.inviteSuggestionEmail,
.taskCommentMeta span,
.memberDetailSection p,
.commentDeletePopupText,
.kickOutMemberMeta span {
  color: var(--white-text-soft) !important;
}


.header_bell,
.roadmapNavBtn,
.roadmapViewTrigger,
.projectQuickNavBtn,
.inviteCancelBtn,
.newTaskCancelBtn,
.commentDeleteCancelBtn,
.kickOutCancelBtn,
.removeInvitedBtn,
.deleteTaskBtn,
.taskCommentDeleteBtn,
.memberDetailCloseBtn,
.invitePopupClose,
.newTaskPopupClose,
.taskDetailPopupClose,
.memberDetailPopupClose,
.commentDeletePopupClose,
.kickOutMemberClose {
  background: #ffffff !important;
  color: var(--white-text) !important;
  border: 1px solid var(--white-border) !important;
  box-shadow: var(--white-shadow-soft) !important;
}

.header_bell:hover,
.roadmapNavBtn:hover,
.roadmapViewTrigger:hover,
.projectQuickNavBtn:hover,
.inviteCancelBtn:hover,
.newTaskCancelBtn:hover,
.commentDeleteCancelBtn:hover,
.kickOutCancelBtn:hover,
.removeInvitedBtn:hover,
.deleteTaskBtn:hover,
.taskCommentDeleteBtn:hover,
.memberDetailCloseBtn:hover,
.invitePopupClose:hover,
.newTaskPopupClose:hover,
.taskDetailPopupClose:hover,
.memberDetailPopupClose:hover,
.commentDeletePopupClose:hover,
.kickOutMemberClose:hover {
  background: #f9fafb !important;
  border-color: var(--white-border-strong) !important;
}


.inviteBtn,
.inviteSendBtn,
.newTaskCreateBtn,
.addTaskBtn,
.newTaskbtn,
.newTaskAddMemberBtn {
  background: var(--accent-green) !important;
  color: #ffffff !important;
  border: 1px solid var(--accent-green) !important;
  box-shadow: 0 10px 24px rgba(34, 197, 94, 0.16) !important;
}

.inviteBtn:hover,
.inviteSendBtn:hover,
.newTaskCreateBtn:hover,
.addTaskBtn:hover,
.newTaskbtn:hover,
.newTaskAddMemberBtn:hover {
  filter: brightness(0.97);
  transform: translateY(-1px);
}


.kickOutConfirmBtn,
.commentDeleteConfirmBtn {
  background: var(--danger-red) !important;
  color: #ffffff !important;
  border: 1px solid var(--danger-red) !important;
  box-shadow: 0 10px 24px rgba(239, 68, 68, 0.14) !important;
}

.kickOutmemberBtn {
  background: var(--danger-red-soft) !important;
  color: var(--danger-red) !important;
  border: 1px solid rgba(239, 68, 68, 0.22) !important;
  box-shadow: none !important;
}


.inviteInput,
.newTaskInput,
.newTaskTextarea,
.newTaskSelect,
.workTaskStatusSelect,
.projectInputBlock input,
.projectInputBlock textarea,
.projectInputBlock select,
.taskCommentTextarea {
  background: #ffffff !important;
  color: var(--white-text) !important;
  border: 1px solid var(--white-border) !important;
  box-shadow: none !important;
}

.inviteInput::placeholder,
.newTaskInput::placeholder,
.newTaskTextarea::placeholder,
.taskCommentTextarea::placeholder {
  color: #9ca3af !important;
}

.inviteInput:focus,
.newTaskInput:focus,
.newTaskTextarea:focus,
.newTaskSelect:focus,
.workTaskStatusSelect:focus,
.taskCommentTextarea:focus {
  border-color: #86efac !important;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12) !important;
  outline: none;
}


.leftCol,
.rightCol {
  background: #ffffff !important;
  border: 1px solid var(--white-border) !important;
}

.leftRow,
.gridCell,
.timeHead,
.weekCell,
.deadlineCircle {
  border-color: #edf0f4 !important;
}

.gridCell {
  border-right: 1px solid #edf0f4 !important;
  border-bottom: 1px solid #edf0f4 !important;
}

.timeHead {
  border-bottom: 1px solid #edf0f4 !important;
}

.weekCell {
  border-right: 1px solid #edf0f4 !important;
}

.weekCell:last-child {
  border-right: none !important;
}


.choosingstatusInnerbox,
.roadmapViewMenu,
.inviteSuggestionBox {
  background: #ffffff !important;
  border: 1px solid var(--white-border) !important;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12) !important;
}

.statusOptionBtn,
.roadmapViewMenu button,
.inviteSuggestionItem {
  background: transparent !important;
  color: var(--white-text) !important;
}

.statusOptionBtn:hover,
.roadmapViewMenu button:hover,
.inviteSuggestionItem:hover {
  background: #f3f4f6 !important;
}


.projectQuickNavBtn.active {
  background: var(--accent-green-soft) !important;
  border-color: rgba(34, 197, 94, 0.28) !important;
  color: #166534 !important;
  box-shadow: none !important;
}

.projectQuickNavDot {
  background: #9ca3af !important;
}

.projectQuickNavBtn.active .projectQuickNavDot {
  background: var(--accent-green) !important;
  box-shadow: none !important;
}


.pmImage,
.memberImg,
.roadmapMemberImg,
.workloadAvatar,
.activityAvatar,
.taskDetailAssigneeAvatar,
.memberDetailAvatar,
.kickOutMemberAvatar,
.invitedMemberAvatar,
.inviteSuggestionAvatar,
.workTaskAvatar,
.taskCommentAvatar {
  border: 1px solid var(--white-border) !important;
  box-shadow: none !important;
}


.invitePopUpFrame,
.newTaskPopupFrame,
.taskDetailPopupFrame,
.memberDetailPopupFrame,
.commentDeletePopupFrame,
.kickOutMemberFrame {
  background: rgba(255, 255, 255, 0.35) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}


.text-green {
  color: #16a34a !important;
}
.text-gray {
  color: #6b7280 !important;
}
.text-yellow {
  color: #ca8a04 !important;
}
.text-red {
  color: #dc2626 !important;
}


.teammemberTitle h3,
.thirdBoxCardHeader h3,
.secondBoxMainHeaderRight,
.secondBoxMainHeaderLeft,
.workTaskDate,
.activityText,
.taskCommentText,
.memberName,
.inviteLabel,
.newTaskLabel,
.deadlineCircleText span,
.projectQuickNavTop h4 {
  color: var(--white-text) !important;
}

.activityItem {
  padding: 15px !important;
  border-radius: 20px !important;
}
*/