.projects-layout {
  grid-template-columns: 1fr;
  align-items: start;
}

.projects-head {
  align-items: center;
  min-height: 74px;
  padding: 12px 16px;
}

.projects-head h1 {
  font-size: 22px;
}

.projects-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.projects-layout.board-open {
  display: block;
}

.projects-list-wrap {
  display: grid;
  gap: 12px;
}

.projects-search {
  display: block;
  width: 260px;
  max-width: 100%;
  justify-self: end;
}

.projects-search input {
  width: 100%;
  height: 40px;
  border: 1px solid #dfe5ed;
  border-radius: 10px;
  background: #fff;
  color: #253041;
  padding: 0 12px;
  outline: none;
}

.projects-search input:focus {
  border-color: var(--day-red);
  box-shadow: 0 0 0 4px rgba(209, 34, 68, .08);
}

.projects-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 286px);
  gap: 10px;
  align-items: start;
  justify-content: end;
}

.project-row.project-card-oldstyle {
  width: 286px;
  min-height: 196px;
  padding: 12px 13px;
  border-color: #e0e5eb;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
  display: grid;
  grid-template-rows: auto auto auto auto;
  gap: 9px;
  text-align: right;
}

.project-row.project-card-oldstyle:hover {
  border-color: #9dbacc;
  box-shadow: 0 7px 20px rgba(36, 95, 134, .08);
}

.project-row.project-card-oldstyle.active {
  border-color: #7a8793;
  box-shadow: inset 0 0 0 1px #7a8793;
  background: #fff;
}

.project-card-cover {
  display: flex;
  align-items: center;
  gap: 8px;
}

.project-card-logo {
  width: 52px;
  height: 52px;
  border-radius: 13px;
  border: 2px solid var(--day-red);
  color: var(--day-red);
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 26px;
  background: #fff;
  flex: 0 0 auto;
}

.project-card-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.project-card-title {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.project-card-title strong {
  font-size: 14px;
  line-height: 1.45;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.project-card-title small {
  color: #607083;
  font-size: 10px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.project-card-stat {
  display: grid;
  gap: 4px;
}

.project-card-stat label,
.project-card-footer {
  font-size: 10px;
  color: #657384;
}

.project-progress-text {
  color: #2f3d4d;
  font-size: 10px;
}

.project-progress-bar {
  position: relative;
  height: 10px;
  border-radius: 999px;
  background: #e9eef2;
  overflow: hidden;
  direction: ltr;
}

.project-progress-bar i {
  display: block;
  width: var(--progress);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--day-red), #ef6c88);
}

.project-progress-bar.muted i {
  background: linear-gradient(90deg, #426773, #78909a);
}

.project-progress-bar b {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 8px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .28);
}

.project-card-footer {
  align-self: end;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 24px;
}

.project-card-footer small {
  display: inline-flex;
}

.project-card-footer b {
  color: #526274;
  font-size: 9px;
  font-weight: 700;
}

.project-card-add {
  min-height: 196px;
  place-items: center;
  align-content: center;
  color: var(--day-red);
  border-style: dashed !important;
  background: #fff;
}

.project-card-add:hover {
  background: #fff8fa;
}

.project-add-plus {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  border: 1px solid #f0b4bf;
  background: #fff1f4;
  color: var(--day-red);
  font-size: 30px;
  line-height: 1;
  font-weight: 800;
}

.project-board-workspace {
  min-height: calc(100vh - 150px);
}

.project-board-header {
  border: 0;
  border-bottom: 1px solid #dce3ea;
  border-radius: 0;
  background: #f8fafc;
  padding: 7px 8px 9px;
  margin: -2px -4px 8px;
  min-height: 48px;
}

.project-board-title {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.project-board-header h2 {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: min(430px, 42vw);
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: 10px;
  padding: 8px 12px;
  box-shadow: 0 1px 3px rgba(31, 48, 69, .04);
}

.project-board-header span {
  font-size: 11px;
}

.project-board-title > span {
  padding-inline: 12px;
}

.project-board-tools select {
  height: 36px;
  border-radius: 8px;
  min-width: 118px;
}

.tool-square {
  width: 36px;
  height: 36px;
  border: 1px solid #dfe5ed;
  border-radius: 8px;
  background: #fff;
  color: #3d4b5c;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(31, 48, 69, .04);
}

.project-add-task-main {
  height: 36px !important;
  min-width: 76px;
  border-radius: 8px !important;
  padding: 0 14px !important;
}

.kanban-board {
  padding: 7px 8px 10px;
  background: #eef3f7;
  border-radius: 0;
  min-height: calc(100vh - 222px);
  overflow-x: auto;
  overflow-y: hidden;
}

.kanban-column {
  width: 254px;
  min-width: 254px;
  background: #f8fbfd;
  border: 0;
  border-radius: 8px 8px 4px 4px;
  padding: 0 5px 8px;
}

.kanban-column header {
  min-height: 38px;
  border-radius: 6px;
  margin: 0 0 8px;
  background: var(--column-color);
  padding: 7px 9px;
}

.kanban-column header b {
  font-size: 12px;
}

.column-gear {
  width: 28px;
  height: 28px;
  border-radius: 7px;
}

.column-tools {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.column-color {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 7px;
  background: rgba(255, 255, 255, .18);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.column-add-task {
  margin: 0 0 8px;
  border-radius: 4px;
  height: 31px;
  background: #fff;
  border-color: #f2b5bf;
}

.column-tasks {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0 4px;
  min-height: 0;
}

.task-card {
  border-radius: 8px;
  padding: 10px 11px;
  min-height: 104px;
  box-shadow: 0 3px 8px rgba(31, 48, 69, .06);
}

.task-card:hover {
  border-color: #a2bdcf;
  box-shadow: 0 3px 9px rgba(36, 95, 134, .08);
}

.task-card-top {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}

.task-done {
  grid-column: 1;
  grid-row: 1;
}

.task-card-top b {
  grid-column: 2;
  font-size: 13px;
  line-height: 1.65;
  text-align: right;
}

.task-card p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.task-check-mini {
  border: 1px solid #e0e5e9;
  border-radius: 6px;
  padding: 6px;
}

.task-card-actions {
  justify-content: flex-end;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity .12s ease, max-height .12s ease;
}

.task-card:hover .task-card-actions,
.task-card:focus-within .task-card-actions {
  opacity: 1;
  max-height: 32px;
}

.task-card-meta {
  margin-top: auto;
  justify-content: space-between;
}

.task-card-counts {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #66758a;
  font-size: 11px;
}

.task-card-counts button {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  cursor: pointer;
  font: inherit;
}

.project-add-column {
  width: 120px;
  min-width: 120px;
  align-self: flex-start;
  border: 0;
  border-radius: 6px;
  background: #dce0e5;
  color: #586d7e;
  min-height: 38px;
}

.mention-compose {
  position: relative;
  position: sticky;
  bottom: 0;
  z-index: 2;
  padding-top: 8px;
  background: #fff;
}

.mention-compose textarea {
  min-height: 118px;
}

.mention-menu {
  position: absolute;
  right: 0;
  left: 0;
  top: calc(100% - 52px);
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  max-height: 214px;
  overflow: auto;
  padding: 8px;
  border: 1px solid #dfe5ed;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 20px 42px rgba(15, 23, 42, .16);
}

.mention-menu.hidden,
.mention-selected.hidden {
  display: none;
}

.mention-option {
  min-height: 46px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  border: 1px solid #edf0f3;
  border-radius: 10px;
  background: #fff;
  color: #253041;
  text-align: right;
  padding: 7px 9px;
  cursor: pointer;
}

.mention-option:hover,
.mention-option:focus {
  border-color: #f0b4bf;
  background: #fff9fb;
  outline: none;
}

.mention-option span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.mention-option strong,
.mention-option small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mention-option strong {
  font-size: 12px;
}

.mention-option small {
  color: #7a8492;
  font-size: 10px;
}

.mention-selected {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mention-chip {
  height: 31px;
  max-width: 210px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #243041;
  padding: 0 7px 0 10px;
  cursor: pointer;
}

.mention-chip span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mention-chip b {
  color: var(--day-red);
  font-size: 14px;
}

@media (max-width: 1000px) {
  .projects-layout,
  .projects-layout.board-open {
    display: block;
  }

  .projects-list {
    grid-template-columns: repeat(auto-fill, minmax(236px, 1fr));
    justify-content: stretch;
  }

  .projects-search {
    max-width: none;
    justify-self: stretch;
  }

  .project-row.project-card-oldstyle {
    width: 100%;
  }

  .mention-menu {
    grid-template-columns: 1fr;
  }

  .project-board-header {
    align-items: stretch;
  }

  .project-board-header h2 {
    max-width: 100%;
  }
}

/* DAY ERP 1.1.77: Projects board parity pass. */
.projects-page .projects-shell {
  display: block;
}

.projects-page .projects-head {
  min-height: 90px;
  padding: 18px 17px;
  border-radius: 0 12px 12px 0;
}

.projects-page .projects-head p {
  max-width: 520px;
}

.projects-page .projects-actions {
  gap: 8px;
}

.projects-page .projects-layout.list-open {
  display: block;
  padding: 12px;
  border: 1px solid #d9e1e8;
  border-radius: 6px;
  background: #fff;
}

.projects-page .projects-list {
  grid-template-columns: repeat(auto-fill, 250px);
  justify-content: end;
  gap: 14px;
}

.projects-page .project-row.project-card-oldstyle {
  width: 250px;
  min-height: 352px;
  padding: 0;
  gap: 0;
  border-radius: 8px;
  border: 1px solid #d7dbdf;
  box-shadow: 0 1px 4px #00000020;
  position: relative;
  text-align: right;
}

.projects-page .project-card-logo {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 0;
  background: #879a66;
  color: #fff;
  font-size: 24px;
}

.projects-page .project-card-title strong {
  font-size: 13px;
  line-height: 1.65;
  font-weight: 600;
  max-width: 215px;
  text-align: center;
}

.projects-page .project-card-stat {
  gap: 7px;
  padding: 0 15px;
}

.projects-page .mizito-project-group {
  justify-self: center;
  color: #b94828;
  background: #fff0e9;
  padding: 4px 8px;
  font-size: 10px;
  margin: 6px 0 4px;
  line-height: 1.3;
  border-radius: 2px;
}

.projects-page .project-card-cover {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  min-height: 153px;
  padding: 4px 12px 0;
  gap: 9px;
}

.projects-page .project-card-title {
  justify-items: center;
}

.projects-page .project-card-title small {
  text-align: center;
}

.projects-page .project-card-footer {
  border-top: 1px solid #e0e2e5;
  padding: 14px 14px 10px;
  display: grid;
  gap: 11px;
  color: #7b858e;
  font-size: 10px;
  min-height: 65px;
}

.projects-page .project-card-footer > div,
.projects-page .project-card-footer b {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.projects-page .project-card-add {
  width: 250px;
  min-height: 352px;
  border: 2px dashed #c8cdd2 !important;
  border-radius: 8px !important;
  background: #fff;
  color: #426773;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 20px;
}

.projects-page .project-card-add strong {
  font-size: 20px;
  font-weight: 500;
}

.projects-page .project-add-plus {
  width: auto;
  height: auto;
  border: 0;
  background: transparent;
  color: #426773;
  font-size: 48px;
  font-weight: 300;
  line-height: 1;
}

.projects-page .project-board-workspace {
  min-height: calc(100vh - 126px);
  display: flex;
  flex-direction: column;
  gap: 0;
}

.projects-page .project-board-header {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 7px 8px;
  min-height: 48px;
  background: #fff;
  border: 1px solid #d7dfe6;
  border-radius: 6px 6px 0 0;
  box-shadow: none;
  direction: rtl;
}

.projects-page .project-board-header-identity {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
}

.projects-page .project-board-header-identity h2 {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 320px;
  margin: 0;
  padding: 0 4px;
  font-size: 13.5px;
  line-height: 1.25;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2d4354;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.projects-page .project-board-back.iconish {
  width: 31px;
  min-width: 31px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}

.projects-page .project-board-progress {
  flex: 0 0 auto;
  font-size: 9.5px;
  color: #71808c;
  white-space: nowrap;
}

.projects-page .project-board-header-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  direction: rtl;
}

.projects-page .project-board-header-actions select {
  flex: 0 0 150px;
  width: 150px;
  min-width: 150px;
  height: 31px;
  min-height: 31px;
  margin: 0;
  padding: 3px 9px;
  border: 1px solid #d7dfe6;
  border-radius: 8px;
  background: #fff;
  font: inherit;
  font-size: 10.5px;
  color: #344b5d;
}

.projects-page .project-board-new-task,
.projects-page .project-board-settings,
.projects-page .project-board-back {
  height: 31px;
  min-height: 31px;
  margin: 0;
  border: 1px solid #d7dfe6;
  border-radius: 8px;
  background: #fff;
  color: #344b5d;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  box-shadow: none;
  font-size: 10.5px;
  font-family: inherit;
}

.projects-page .project-board-settings {
  width: 31px;
  min-width: 31px;
  padding: 0;
}

.projects-page .project-board-new-task {
  padding: 4px 9px;
  font-weight: 700;
}

.projects-page .project-board-back {
  padding: 4px 10px;
}

.projects-page .project-mizito-tabs {
  height: 42px;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0;
  background: #fff;
  border: 1px solid #d7dfe6;
  border-top: 0;
  direction: rtl;
}

.projects-page .project-mizito-tabs button {
  height: 41px;
  min-width: 96px;
  padding: 0 12px;
  border: 0;
  border-left: 1px solid #e4e9ee;
  background: #fff;
  color: #516170;
  font-family: inherit;
  font-size: 11px;
  cursor: pointer;
}

.projects-page .project-mizito-tabs .active-tab {
  color: #245f82;
  box-shadow: inset 0 -3px 0 #2b79a0;
  font-weight: 800;
}

.projects-page .project-mizito-tabs .compact-icon {
  min-width: 42px;
  width: 42px;
  font-size: 19px;
  color: #6b7680;
}

.projects-page .kanban-board {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  min-height: calc(100vh - 168px);
  padding: 7px 6px;
  overflow-x: auto;
  overflow-y: hidden;
  background: #e4e7eb;
  border: 1px solid #d1d8e0;
  border-top: 0;
  border-radius: 0 0 6px 6px;
}

.projects-page .kanban-column {
  flex: 0 0 274px;
  width: 274px;
  min-width: 274px;
  max-width: 274px;
  display: flex;
  flex-direction: column;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  box-shadow: none;
}

.projects-page .kanban-column header {
  min-height: 34px;
  margin: 0;
  padding: 0 9px;
  border-radius: 5px 5px 0 0;
  color: #fff;
  background: var(--column-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  box-shadow: none;
}

.projects-page .kanban-column header b {
  font-size: 12px;
  line-height: 1.3;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.projects-page .kanban-column header > div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.projects-page .column-tools {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.projects-page .column-gear,
.projects-page .column-color {
  width: 26px;
  height: 26px;
  min-width: 26px;
  border: 0;
  border-radius: 4px;
  background: rgba(255, 255, 255, .18);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.projects-page .column-summary {
  height: 22px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: #cfd5db;
  border-bottom: 1px solid #cfd5db;
}

.projects-page .column-summary button {
  border: 0;
  background: #eef1f4;
  color: #7c858e;
  font-family: inherit;
  font-size: 9px;
  padding: 0;
}

.projects-page .column-add-task {
  width: 100%;
  min-height: 29px;
  margin: 1px 0 7px;
  border: 0;
  border-radius: 0 0 4px 4px;
  background: #d9dde2;
  color: #7b838c;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.projects-page .column-tasks {
  flex: 1 1 auto;
  min-height: 32px;
  max-height: calc(100vh - 238px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}

.projects-page .task-card {
  width: 100%;
  box-sizing: border-box;
  min-height: 0;
  margin: 0 0 7px;
  padding: 7px 8px 8px;
  border: 1px solid #c8cdd2;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .17);
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.projects-page .task-card:hover {
  border-color: #aeb8c2;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .19);
  transform: none;
}

.projects-page .task-card-top {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 6px;
  align-items: start;
}

.projects-page .task-drag-handle {
  color: #94a3b8;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 0;
}

.projects-page .task-card-top b {
  color: #223449;
  font-size: 12px;
  line-height: 1.55;
  font-weight: 700;
  white-space: normal;
}

.projects-page .task-done {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #9ba5ad;
  background: #fff;
  color: var(--day-red);
  cursor: pointer;
  font-size: 10px;
  padding: 0;
  align-self: center;
}

.projects-page .task-card-icons {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #f2a900;
  font-size: 14px;
  line-height: 1;
}

.projects-page .task-card p {
  margin: 6px 0 0;
  color: #6f7780;
  font-size: 11px;
  line-height: 1.58;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.projects-page .task-card-meta {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 4px 0 0;
  min-height: 20px;
  flex-wrap: wrap;
  color: #526174;
  font-size: 10.5px;
}

.projects-page .task-card-owner {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.projects-page .task-card-counts {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  margin-top: 7px;
}

.projects-page .task-card-counts button,
.projects-page .task-card-counts span {
  min-height: 24px;
  border: 1px solid #d7dee5;
  border-radius: 4px;
  background: #f7f8fa;
  color: #53606c;
  padding: 2px 6px;
  font-size: 10px;
  font-family: inherit;
}

.projects-page .task-card-actions {
  display: none;
}

.projects-page .project-add-column {
  flex: 0 0 274px;
  width: 274px;
  min-width: 274px;
  height: 34px;
  border: 0;
  border-radius: 5px;
  background: #d9dde2;
  color: #6c747d;
  font-family: inherit;
  cursor: pointer;
}

.project-logo-field {
  border: 1px solid #edf0f3;
  border-radius: 12px;
  padding: 12px;
}

.project-logo-editor {
  display: flex;
  align-items: center;
  gap: 12px;
}

.project-logo-preview {
  width: 62px;
  height: 62px;
  min-width: 62px;
  border: 2px solid var(--day-red);
  border-radius: 14px;
  background: #fff;
  color: var(--day-red);
  display: grid;
  place-items: center;
  font-size: 32px;
  font-weight: 900;
  overflow: hidden;
}

.project-logo-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.project-logo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.logo-choice {
  min-height: 38px;
  display: inline-flex !important;
  grid-template-columns: none !important;
  align-items: center;
  gap: 7px !important;
  padding: 8px 10px;
  border: 1px solid #dfe5ed;
  border-radius: 10px;
  background: #fff;
  color: #344255 !important;
  cursor: pointer;
}

.logo-choice input {
  width: auto !important;
}

.logo-choice.selected {
  border-color: var(--day-red);
  background: #fff7f9;
  color: var(--day-red) !important;
}

@media (max-width: 900px) {
  .projects-page .project-board-header {
    align-items: stretch;
    flex-direction: column;
    gap: 6px;
    padding: 7px;
  }

  .projects-page .project-board-header-identity,
  .projects-page .project-board-header-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .projects-page .project-board-header-actions select {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    min-width: 0;
  }
}

/* DAY ERP 1.1.77: task cards keep natural height inside tall columns. */
.projects-page .kanban-column {
  align-items: stretch;
}

.projects-page .column-tasks {
  display: block !important;
  align-content: start !important;
  justify-content: stretch !important;
}

.projects-page .column-tasks > .task-card,
.projects-page .task-card {
  display: block !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: stretch !important;
}

.projects-page .task-card + .task-card {
  margin-top: 8px;
}

.projects-page .task-card-top {
  display: grid !important;
}

.projects-page .person-picker-options,
.project-modal .person-picker-options {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px;
  max-height: 254px;
}

.projects-page .person-option,
.project-modal .person-option {
  min-height: 46px;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  border-radius: 8px;
  padding: 6px 8px;
}

.projects-page .person-option strong,
.project-modal .person-option strong {
  font-size: 11.5px;
}

.projects-page .person-option small,
.project-modal .person-option small {
  font-size: 9.5px;
}

.projects-page .primary-action,
.project-modal .primary-action {
  background: #c23b55;
  box-shadow: 0 8px 16px rgba(115, 35, 50, .14);
}

.projects-page .task-card-icons {
  color: #b98b23;
}

.projects-page .project-mizito-tabs .active-tab {
  color: #28556d;
  box-shadow: inset 0 -3px 0 #2f6f8c;
}

@media (max-width: 980px) {
  .projects-page .person-picker-options,
  .project-modal .person-picker-options {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .projects-page .person-picker-options,
  .project-modal .person-picker-options {
    grid-template-columns: 1fr !important;
  }
}





.projects-page .color-palette .color-choice,.project-modal .color-palette .color-choice{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid #dfe5ed;background:#fff;cursor:pointer;padding:0}.projects-page .color-palette .color-choice span,.project-modal .color-palette .color-choice span{width:24px;height:24px;border-radius:8px;background:var(--swatch);display:block}.projects-page .color-palette .color-choice.selected,.project-modal .color-palette .color-choice.selected{border-color:#8aa9bd;box-shadow:0 0 0 3px rgba(48,111,159,.16)}

.projects-page .projects-list,.projects-page .project-row.project-card-oldstyle,.projects-page .project-card-cover,.projects-page .project-card-title,.projects-page .project-card-footer{direction:rtl;text-align:right}.projects-page .project-card-title,.projects-page .project-card-title strong,.projects-page .project-card-title small{text-align:center}.project-modal .color-palette{display:grid;grid-template-columns:repeat(8,36px);gap:8px;align-items:center}.project-modal .color-builder{display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:10px;border:1px solid #e4e9ef;border-radius:12px;padding:9px 10px;color:#5f6b7a}.project-modal .color-builder input[type=color]{width:64px;height:38px;border:0;background:transparent;padding:0;cursor:pointer}.project-modal .column-summary,.projects-page .column-summary{display:none!important}@media(max-width:760px){.project-modal .color-palette{grid-template-columns:repeat(4,36px)}}

.projects-page .projects-list{direction:rtl;display:grid!important;grid-template-columns:repeat(auto-fill,250px)!important;justify-content:start!important;justify-items:stretch!important}.projects-page .projects-list-wrap,.projects-page .projects-layout.list-open{direction:rtl}.projects-page .project-row.project-card-oldstyle{direction:rtl;text-align:center}.projects-page .project-card-add{order:initial}.projects-page .project-card-stat,.projects-page .project-card-footer{direction:rtl;text-align:right}.projects-page .project-card-footer > div,.projects-page .project-card-footer b{direction:rtl}

.project-modal .compact-person-field .person-picker{gap:7px}.project-modal .compact-person-field .person-picker-search span{display:none}.project-modal .compact-person-field .person-picker-selected{min-height:38px}.project-modal .compact-person-field .person-picker-options{max-height:164px}.project-modal .checklist-editor{border:1px solid #edf0f3;border-radius:12px;padding:10px;display:grid;gap:9px}.project-modal .checklist-items{display:grid;gap:7px}.project-modal .checklist-item-row{display:grid;grid-template-columns:28px minmax(0,1fr) 32px;align-items:center;gap:8px}.project-modal .checklist-item-row input[type=checkbox]{width:18px;height:18px}.project-modal .checklist-item-row input[data-checklist-item-title]{height:38px;border:1px solid #dfe5ed;border-radius:9px;padding:0 10px}.project-modal .checklist-item-row button{width:32px;height:32px;border:1px solid #e3e7ec;border-radius:8px;background:#fff;cursor:pointer;color:#9b3348}.project-modal .checklist-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.project-modal .checklist-add-row input{height:40px;border:1px solid #dfe5ed;border-radius:10px;padding:0 12px}@media(max-width:640px){.project-modal .checklist-add-row{grid-template-columns:1fr}.project-modal .checklist-add-row button{width:100%}}

/* DAY ERP 1.1.77: softer task/project dialogs; fewer white boxes. */
.project-modal {
  background: #f6f8fb !important;
  border: 1px solid #d8e0e8 !important;
  box-shadow: 0 28px 70px rgba(21, 32, 43, .22) !important;
}
.project-modal > header {
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #e1e7ee !important;
}
.project-modal > header h3 {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #1f2d3d !important;
}
.project-modal > header button {
  border: 0 !important;
  background: #edf2f7 !important;
  color: #263747 !important;
}
.project-modal .project-form {
  padding: 18px !important;
  gap: 14px !important;
  background: transparent !important;
}
.project-modal .project-form > label,
.project-modal .project-form > fieldset,
.project-modal .checklist-editor,
.project-modal .compact-person-field {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
.project-modal .project-form label,
.project-modal .project-form legend {
  color: #5f6b7a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.project-modal .project-form input,
.project-modal .project-form select,
.project-modal .project-form textarea,
.project-modal .person-picker-search input,
.project-modal .checklist-add-row input,
.project-modal .checklist-item-row input[data-checklist-item-title] {
  background: #eef3f7 !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
}
.project-modal .project-form input:focus,
.project-modal .project-form select:focus,
.project-modal .project-form textarea:focus,
.project-modal .person-picker-search input:focus,
.project-modal .checklist-add-row input:focus,
.project-modal .checklist-item-row input[data-checklist-item-title]:focus {
  background: #fff !important;
  border-color: #93b3c5 !important;
  box-shadow: 0 0 0 3px rgba(80, 127, 150, .14) !important;
}
.project-modal .person-picker {
  gap: 8px !important;
  background: #eef3f7 !important;
  border-radius: 14px !important;
  padding: 10px !important;
}
.project-modal .person-picker-selected {
  border: 0 !important;
  background: transparent !important;
  min-height: 32px !important;
  padding: 0 !important;
}
.project-modal .person-picker-placeholder {
  color: #748293 !important;
}
.project-modal .person-picker-options {
  background: transparent !important;
  padding: 0 !important;
  gap: 6px !important;
  max-height: 150px !important;
}
.project-modal .person-option {
  background: rgba(255,255,255,.74) !important;
  border: 1px solid #dde6ee !important;
  min-height: 42px !important;
  border-radius: 10px !important;
}
.project-modal .person-option:hover,
.project-modal .person-option.selected {
  background: #fff !important;
  border-color: #9eb8c8 !important;
}
.project-modal .person-chip {
  background: #fff !important;
  border: 1px solid #dbe4ec !important;
  height: 30px !important;
}
.project-modal .checklist-editor {
  background: #eef3f7 !important;
  border-radius: 14px !important;
  padding: 10px !important;
}
.project-modal .checklist-items {
  gap: 6px !important;
}
.project-modal .checklist-item-row {
  background: rgba(255,255,255,.78) !important;
  border: 1px solid #dfe7ee !important;
  border-radius: 12px !important;
  padding: 6px !important;
  grid-template-columns: 24px minmax(0,1fr) 30px !important;
}
.project-modal .checklist-item-row input[data-checklist-item-title] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 32px !important;
}
.project-modal .checklist-item-row button {
  border: 0 !important;
  background: #f3dfe4 !important;
  color: #a43e55 !important;
}
.project-modal .checklist-add-row {
  gap: 7px !important;
}
.project-modal .checklist-add-row input {
  background: #fff !important;
}
.project-modal .checklist-add-row button,
.project-modal .secondary-action.compact-action {
  border: 0 !important;
  background: #dfe8ef !important;
  color: #263747 !important;
  border-radius: 11px !important;
  font-weight: 800 !important;
}
.project-modal .primary-action {
  border-radius: 12px !important;
  box-shadow: none !important;
}
.project-modal .project-empty.tiny {
  background: transparent !important;
  border: 1px dashed #cbd7e1 !important;
  color: #758496 !important;
}

/* DAY ERP 1.1.77: lighter task dialog controls; checklist behaves like a work list. */
.project-modal .project-form {
  gap: 12px !important;
}
.project-modal .project-form > label,
.project-modal .project-form > fieldset,
.project-modal .compact-person-field {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.project-modal .project-form > label:has(textarea) {
  margin-top: 2px !important;
}
.project-modal .project-form textarea {
  min-height: 88px !important;
  resize: vertical !important;
}
.project-modal .project-form input,
.project-modal .project-form select,
.project-modal .project-form textarea,
.project-modal .person-picker-search input {
  background: #f2f5f8 !important;
  border: 1px solid transparent !important;
}
.project-modal .project-form input:hover,
.project-modal .project-form select:hover,
.project-modal .project-form textarea:hover,
.project-modal .person-picker-search input:hover {
  background: #edf2f6 !important;
}
.project-modal .checklist-editor {
  background: #f1f5f8 !important;
  border: 0 !important;
  border-radius: 16px !important;
  padding: 12px !important;
  gap: 8px !important;
}
.project-modal .checklist-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.project-modal .checklist-head legend {
  padding: 0 !important;
  margin: 0 !important;
  color: #1f2d3d !important;
  font-weight: 900 !important;
}
.project-modal .checklist-head span {
  color: #7a8795 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.project-modal .checklist-items {
  display: grid !important;
  gap: 6px !important;
}
.project-modal .checklist-empty {
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  color: #8a96a5 !important;
  font-size: 12px !important;
}
.project-modal .checklist-item-row {
  grid-template-columns: 22px minmax(0,1fr) 28px !important;
  min-height: 36px !important;
  padding: 3px 6px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(160,174,190,.28) !important;
  background: rgba(255,255,255,.62) !important;
}
.project-modal .checklist-check {
  width: 17px !important;
  height: 17px !important;
  accent-color: #256f88 !important;
  cursor: pointer !important;
}
.project-modal .checklist-item-row input[data-checklist-item-title] {
  height: 30px !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 700 !important;
}
.project-modal .checklist-item-row:has(.checklist-check:checked) input[data-checklist-item-title] {
  color: #7b8794 !important;
  text-decoration: line-through !important;
}
.project-modal .checklist-item-row button {
  width: 26px !important;
  height: 26px !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #9a5262 !important;
}
.project-modal .checklist-item-row button:hover {
  background: #f5dce3 !important;
}
.project-modal .checklist-add-row {
  grid-template-columns: minmax(0,1fr) 38px !important;
  gap: 6px !important;
  margin-top: 2px !important;
}
.project-modal .checklist-add-row input {
  height: 36px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.7) !important;
}
.project-modal .checklist-add-row button {
  width: 38px !important;
  height: 36px !important;
  border-radius: 10px !important;
  padding: 0 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  background: #256f88 !important;
  color: #fff !important;
}
.project-modal .person-picker {
  background: #f1f5f8 !important;
  border: 0 !important;
  border-radius: 16px !important;
  padding: 10px !important;
}
.project-modal .person-picker-selected {
  background: transparent !important;
  border: 0 !important;
  min-height: 30px !important;
  padding: 0 !important;
}
.project-modal .person-picker-search input {
  height: 36px !important;
}

/* DAY ERP 1.1.77: colored progress, Jalali due date, complete action, cleaner person picker. */
.project-modal .task-form .task-meta-row {
  grid-template-columns: minmax(170px, 1.15fr) minmax(190px, 1fr) 150px !important;
}
.project-modal .task-form .task-meta-row select {
  min-width: 0 !important;
  width: 100% !important;
  padding-inline: 34px 12px !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  direction: rtl !important;
  text-align: right !important;
}
.project-modal .task-progress-field {
  display: grid !important;
  gap: 7px !important;
}
.project-modal .task-progress-field > span {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.project-modal .task-progress-field em {
  color: var(--progress-color, #be3455) !important;
  font-style: normal !important;
  font-weight: 900 !important;
}
.project-modal .task-progress-field input[type=range] {
  appearance: none !important;
  height: 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 !important;
  background: linear-gradient(90deg, var(--progress-color, #be3455) var(--progress, 0%), #dde5ec var(--progress, 0%)) !important;
  cursor: pointer !important;
}
.project-modal .task-progress-field input[type=range]::-webkit-slider-thumb {
  appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 4px solid var(--progress-color, #be3455) !important;
  box-shadow: 0 3px 10px rgba(30,41,59,.16) !important;
}
.project-modal .task-action-row {
  display: grid !important;
  grid-template-columns: 46px minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: center !important;
}
.project-modal .task-complete-action {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: #12845f !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 22px rgba(18,132,95,.24) !important;
}
.project-modal .task-complete-action:hover {
  background: #0f6f51 !important;
}
.project-modal .task-form input[data-jalali-date] {
  direction: ltr !important;
  text-align: center !important;
  font-weight: 800 !important;
}
.project-modal .task-people-field .person-picker {
  display: grid !important;
}
.project-modal .task-people-field .person-picker-search {
  order: 1 !important;
}
.project-modal .task-people-field .person-picker-selected {
  order: 2 !important;
}
.project-modal .task-people-field .person-picker-options {
  order: 3 !important;
}

/* DAY ERP 1.1.77: compact task form layout; less empty administrative space. */
.project-modal .task-form {
  gap: 10px !important;
}
.project-modal .task-form .task-main-row {
  display: grid !important;
  grid-template-columns: minmax(220px, .82fr) minmax(260px, 1.18fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}
.project-modal .task-form .task-meta-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 96px 148px !important;
  gap: 10px !important;
}
.project-modal .task-form .task-work-row {
  display: grid !important;
  grid-template-columns: minmax(270px, 1fr) minmax(270px, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
}
.project-modal .task-form .task-title-field input {
  height: 38px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}
.project-modal .task-form .task-description-field textarea {
  min-height: 38px !important;
  height: 38px !important;
  max-height: 92px !important;
}
.project-modal .task-form .task-meta-row select,
.project-modal .task-form .task-meta-row input {
  height: 36px !important;
}
.project-modal .task-people-field .person-picker {
  gap: 7px !important;
}
.project-modal .task-people-field .person-picker-selected {
  min-height: 26px !important;
}
.project-modal .task-people-field .person-picker-placeholder {
  font-size: 12px !important;
}
.project-modal .task-people-field .person-picker-options {
  max-height: 126px !important;
}
.project-modal .task-people-field .person-option {
  min-height: 44px !important;
  padding: 6px 8px !important;
}
.project-modal .task-form .checklist-editor {
  padding: 10px !important;
}
.project-modal .task-form .checklist-head span {
  display: none !important;
}
.project-modal .task-form .checklist-items {
  max-height: 118px !important;
  overflow: auto !important;
  padding-left: 2px !important;
}
.project-modal .task-form .checklist-empty {
  min-height: 22px !important;
  padding-inline: 2px !important;
}
.project-modal .task-form .checklist-add-row {
  position: relative !important;
}
.project-modal .task-form .checklist-add-row input {
  height: 34px !important;
  padding-inline-end: 12px !important;
}
.project-modal .task-form .checklist-add-row button {
  height: 34px !important;
}
.project-modal .task-form .primary-action {
  height: 40px !important;
  margin-top: 2px !important;
}
@media (max-width: 640px) {
  .project-modal .task-form .task-main-row,
  .project-modal .task-form .task-work-row,
  .project-modal .task-form .task-meta-row {
    grid-template-columns: 1fr !important;
  }
}

/* DAY ERP 1.1.77 final task form overrides. */
.project-modal .task-form .task-meta-row {
  grid-template-columns: minmax(170px, 1.15fr) minmax(190px, 1fr) 150px !important;
}
.project-modal .task-form .task-meta-row select {
  width: 100% !important;
  min-width: 0 !important;
  padding-inline: 34px 12px !important;
  direction: rtl !important;
  text-align: right !important;
  white-space: nowrap !important;
}
.project-modal .task-form .task-description-field textarea {
  resize: none !important;
  overflow: hidden !important;
}
.project-modal .task-progress-field.is-checklist-driven input[type=range] {
  opacity: .78 !important;
  cursor: default !important;
}
.project-modal .task-progress-field.is-checklist-driven em::after {
  content: " ✓" !important;
  color: var(--progress-color, #15803d) !important;
}
.project-modal .task-form .checklist-editor {
  padding: 8px !important;
  border-radius: 13px !important;
}
.project-modal .task-form .checklist-head {
  min-height: 20px !important;
}
.project-modal .task-form .checklist-head legend {
  font-size: 12px !important;
}
.project-modal .task-form .checklist-items {
  max-height: 104px !important;
  gap: 4px !important;
}
.project-modal .task-form .checklist-item-row {
  min-height: 30px !important;
  grid-template-columns: 19px minmax(0,1fr) 24px !important;
  padding: 2px 5px !important;
  border-radius: 8px !important;
}
.project-modal .task-form .checklist-check {
  width: 15px !important;
  height: 15px !important;
}
.project-modal .task-form .checklist-item-row input[data-checklist-item-title] {
  height: 26px !important;
  font-size: 12px !important;
  padding: 0 4px !important;
}
.project-modal .task-form .checklist-item-row button {
  width: 22px !important;
  height: 22px !important;
  border-radius: 7px !important;
}
.project-modal .task-form .checklist-add-row {
  grid-template-columns: minmax(0,1fr) 32px !important;
}
.project-modal .task-form .checklist-add-row input {
  height: 30px !important;
  font-size: 12px !important;
}
.project-modal .task-form .checklist-add-row button {
  width: 32px !important;
  height: 30px !important;
  font-size: 18px !important;
}
@media (max-width: 640px) {
  .project-modal .task-form .task-meta-row {
    grid-template-columns: 1fr !important;
  }
}

/* DAY ERP 1.1.77: task detail follows the compact Mizito-style report flow without legacy behavior. */
.project-modal:has(.task-report-panel) {
  width: min(760px, 92vw) !important;
  max-height: min(92vh, 900px) !important;
}
.task-report-panel {
  align-content: start !important;
}
.task-report-card {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 9px !important;
  row-gap: 0 !important;
  position: relative !important;
  padding: 9px 10px !important;
  min-height: 64px !important;
}
.task-report-card.pinned {
  box-shadow: inset 3px 0 0 #d97706, 0 8px 20px rgba(217, 119, 6, .08) !important;
}
.task-report-avatar {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 28px !important;
  height: 28px !important;
  margin-top: 2px !important;
}
.task-report-avatar .project-avatar,
.task-report-avatar img {
  width: 28px !important;
  height: 28px !important;
}
.task-report-content {
  grid-column: 2 !important;
  min-width: 0 !important;
}
.task-report-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 3px !important;
}
.task-report-card-head small {
  color: #0e9fba !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}
.task-report-card p {
  margin: 0 !important;
  min-width: 0 !important;
}
.report-pin-button {
  width: 24px !important;
  height: 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-grid !important;
  place-items: center !important;
  background: transparent !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  padding: 0 !important;
}
.report-pin-button svg {
  width: 15px !important;
  height: 15px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.report-pin-button:hover,
.report-pin-button:focus-visible,
.report-pin-button.active {
  background: #fff7ed !important;
  color: #d97706 !important;
  box-shadow: 0 0 0 3px rgba(217, 119, 6, .10) !important;
}
.task-report-attachments {
  margin-top: 7px !important;
}
.task-report-attachments a {
  width: 152px !important;
  max-width: 152px !important;
  min-height: 34px !important;
  border-radius: 10px !important;
  padding: 5px 8px !important;
  white-space: normal !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.task-report-composer {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  padding: 7px 8px !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, .18) !important;
  border-radius: 12px !important;
}
.task-report-composer .mention-compose {
  grid-column: 1 / -1 !important;
}
.task-report-composer textarea {
  min-height: 42px !important;
  max-height: 74px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 6px 4px !important;
}
.task-report-composer textarea:focus {
  box-shadow: none !important;
  border-color: transparent !important;
}
.task-report-composer .task-report-file-row {
  grid-column: 1 / 2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  min-width: 0 !important;
}
.task-report-composer .task-report-submit {
  grid-column: 2 / 3 !important;
  min-width: 92px !important;
  min-height: 32px !important;
}
.task-report-file {
  background: transparent !important;
  border-color: transparent !important;
  color: #64748b !important;
}
.task-report-file:hover,
.task-report-file:focus-visible {
  background: rgba(37, 111, 136, .08) !important;
  border-color: rgba(37, 111, 136, .18) !important;
  color: #256f88 !important;
  box-shadow: 0 0 0 3px rgba(37, 111, 136, .10) !important;
}
.task-report-file-row.has-files,
.task-report-file-row.is-dragging {
  background: transparent !important;
  box-shadow: none !important;
}
.pending-file-list {
  max-height: 44px !important;
}
.pending-file-chip {
  width: min(100%, 190px) !important;
  max-width: 190px !important;
}
.task-edit-files {
  display: grid !important;
  gap: 7px !important;
  padding: 9px !important;
  border-radius: 13px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
}
.task-edit-file-row {
  grid-template-columns: auto minmax(0, 1fr) !important;
}
.project-icon-action {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #64748b !important;
  display: inline-grid !important;
  place-items: center !important;
  cursor: pointer !important;
  padding: 0 !important;
}
.project-icon-action svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.project-icon-action:hover,
.project-icon-action:focus-visible,
.project-icon-action.active {
  color: #8f2943 !important;
  border-color: rgba(190, 52, 85, .22) !important;
  background: rgba(190, 52, 85, .06) !important;
  box-shadow: 0 0 0 3px rgba(190, 52, 85, .08) !important;
}
.task-number-badge {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 72px !important;
  color: #94a3b8 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}
.task-card-top .task-number-badge {
  margin-inline-start: 5px !important;
}

/* DAY ERP 1.1.77: report attachment chips must stay inside their own card, with no forced blank panel tail. */
.task-report-list {
  align-content: start !important;
  overflow: auto !important;
  padding-bottom: 8px !important;
}
.task-report-card {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
.task-report-content,
.task-report-attachments {
  min-width: 0 !important;
  overflow: visible !important;
}
.task-report-attachments {
  position: static !important;
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

@media print {
  @page {
    size: A4 portrait;
    margin: 14mm;
  }
  body {
    background: #fff !important;
  }
  body * {
    visibility: hidden !important;
  }
  .project-modal,
  .project-modal *,
  .project-modal-backdrop,
  .project-modal-backdrop * {
    visibility: visible !important;
  }
  .project-modal-backdrop {
    position: static !important;
    inset: auto !important;
    display: block !important;
    background: #fff !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .project-modal {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  .project-modal > header,
  .task-report-actions,
  .task-report-file-row,
  .task-report-composer,
  .task-report-done-toggle {
    display: none !important;
  }
  .task-report-panel {
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    gap: 8px !important;
  }
  .task-report-panel::before {
    display: none !important;
  }
  .task-report-hero,
  .task-report-list,
  .task-file-list,
  .task-report-card {
    break-inside: avoid !important;
  }
  .task-report-list {
    max-height: none !important;
    overflow: visible !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
  }
  .task-report-card {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
  }
  .task-report-attachments a,
  .task-file-list a {
    max-width: 100% !important;
    color: #111827 !important;
    border-color: #ddd !important;
    background: #fff !important;
  }
}

/* DAY ERP 1.1.77: task report/detail modal rebuilt from the old project behavior rules with native UI. */
.task-report-panel {
  direction: rtl;
  display: grid;
  gap: 12px;
  padding: 14px;
  color: #162232;
}
.task-report-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .26);
  border-radius: 18px;
  background: radial-gradient(circle at 100% 0%, rgba(194, 59, 85, .08), transparent 34%), linear-gradient(135deg, #f8fafc, #eef3f7);
}
.task-report-heading {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.task-report-heading h3 {
  margin: 0;
  font-size: 19px;
  line-height: 1.5;
  color: #111827;
  display: flex;
  align-items: center;
  gap: 10px;
}
.task-report-heading p {
  margin: 0;
  color: #526174;
  line-height: 1.9;
  white-space: pre-wrap;
}
.task-report-state {
  justify-self: start;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(213, 161, 30, .14);
  color: #9a6500;
  font-size: 12px;
  font-weight: 800;
}
.task-report-state.done {
  background: rgba(31, 143, 120, .14);
  color: #0f766e;
}
.task-report-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.task-report-action {
  height: 38px;
  border: 1px solid rgba(148, 163, 184, .34);
  border-radius: 12px;
  padding: 0 12px;
  background: rgba(255, 255, 255, .72);
  color: #334155;
  font: inherit;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(15, 23, 42, .06);
}
.task-report-action:hover,
.task-report-action:focus-visible {
  border-color: rgba(194, 59, 85, .34);
  background: #fff;
  color: #b32646;
}
.task-report-action.strong {
  background: #162232;
  border-color: #162232;
  color: #fff;
}
.task-report-action span {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .2);
  line-height: 1;
}
.task-report-done-toggle {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 999px;
  border: 2px solid rgba(194, 59, 85, .32);
  background: #fff;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 17px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 0 0 5px rgba(194, 59, 85, .055);
}
.task-report-done-toggle:hover,
.task-report-done-toggle:focus-visible {
  outline: none;
  border-color: #c23b55;
  box-shadow: 0 0 0 6px rgba(194, 59, 85, .12);
}
.task-report-done-toggle.done {
  background: #0f8f6f;
  border-color: #0f8f6f;
  color: #fff;
  box-shadow: 0 0 0 5px rgba(15, 143, 111, .12);
}
.task-report-facts {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.task-report-facts span {
  min-width: 0;
  border-radius: 14px;
  padding: 9px 10px;
  background: rgba(255, 255, 255, .64);
  color: #334155;
  font-size: 12px;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-report-facts b {
  display: block;
  color: #7a8492;
  font-size: 11px;
  font-weight: 700;
}
.task-report-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 28px;
  color: #1f2937;
}
.task-report-section-title b {
  font-size: 14px;
}
.task-report-section-title small {
  color: #7a8492;
  font-size: 12px;
}
.task-report-checklist {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 16px;
  background: #f8fafc;
}
.task-report-checklist > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.task-report-checklist span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, .24);
  color: #475569;
  font-size: 12px;
}
.task-report-checklist span.done {
  border-color: rgba(31, 143, 120, .22);
  background: rgba(31, 143, 120, .1);
  color: #0f766e;
}
.task-report-list {
  display: grid;
  gap: 9px;
  max-height: 240px;
  overflow: auto;
  padding: 2px 2px 2px 0;
}
.task-report-card {
  position: relative;
  display: grid;
  gap: 7px;
  padding: 12px 14px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, .22);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
}
.task-report-card::before {
  content: "";
  position: absolute;
  inset-block: 12px;
  inset-inline-start: 0;
  width: 3px;
  border-radius: 999px;
  background: #c23b55;
}
.task-report-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.task-report-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.task-report-avatar::after {
  content: attr(data-author);
  position: absolute;
  inset-inline-start: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 5px 9px;
  border-radius: 10px;
  background: #172232;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .18);
  transition: opacity .15s ease, transform .15s ease;
}
.task-report-avatar:hover::after,
.task-report-avatar:focus-within::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}
.task-report-card-head b {
  color: #111827;
  font-size: 13px;
}
.task-report-card-head small {
  color: #7a8492;
  font-size: 11px;
  white-space: nowrap;
}
.task-report-card p {
  margin: 0;
  color: #334155;
  line-height: 1.9;
}
.task-report-empty {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #f8fafc;
  color: #7a8492;
  border: 1px dashed rgba(148, 163, 184, .35);
}
.task-report-composer {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 18px;
  background: #eef3f7;
  border: 1px solid rgba(148, 163, 184, .18);
}
.task-report-composer .mention-compose {
  display: grid;
  gap: 8px;
  border: 0;
  padding: 0;
  background: transparent;
}
.task-report-composer .mention-compose > span {
  color: #526174;
  font-size: 12px;
  font-weight: 800;
}
.task-report-composer textarea {
  width: 100%;
  min-height: 92px;
  resize: vertical;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 16px;
  padding: 12px 14px;
  background: #fff;
  color: #162232;
  line-height: 1.9;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), 0 0 0 4px rgba(47, 111, 159, .035);
}
.task-report-composer textarea:focus {
  outline: none;
  border-color: rgba(47, 111, 159, .48);
  box-shadow: 0 0 0 4px rgba(47, 111, 159, .12);
}
.task-report-submit {
  min-height: 44px;
  border-radius: 14px;
}
@media (max-width: 760px) {
  .task-report-hero,
  .task-report-facts {
    grid-template-columns: 1fr;
  }
  .task-report-actions {
    width: 100%;
  }
  .task-report-action {
    flex: 1;
    justify-content: center;
  }
}

/* DAY ERP 1.1.77 final layout and searchable-field cue. */
.project-modal .task-form .task-meta-row {
  grid-template-columns: minmax(260px, 1.35fr) minmax(260px, 1.35fr) 150px !important;
}
.project-modal .task-column-field select {
  font-size: 13px !important;
  padding-inline: 40px 16px !important;
}
.project-modal .task-progress-field input[type=range] {
  width: 100% !important;
  cursor: pointer !important;
}
.project-modal .task-people-field .person-picker-search {
  position: relative !important;
  display: block !important;
}
.project-modal .task-people-field .person-picker-search::before {
  content: "⌕" !important;
  position: absolute !important;
  inset-inline-start: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #7d8b99 !important;
  font-size: 18px !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
.project-modal .task-people-field .person-picker-search:focus-within::before,
.project-modal .task-people-field .person-picker-search:has(input:not(:placeholder-shown))::before {
  opacity: 0 !important;
}
.project-modal .task-people-field .person-picker-search input,
.person-picker-search input,
[data-person-search],
[data-search],
input[type="search"] {
  border: 1px solid #d8e2ea !important;
  box-shadow:
    0 0 0 1px rgba(37,111,136,.10),
    0 0 18px rgba(37,111,136,.10) !important;
}
.project-modal .task-people-field .person-picker-search input {
  height: 40px !important;
  border-radius: 12px !important;
  background: #fff !important;
  padding-inline: 38px 14px !important;
}
.person-picker-search input:hover,
[data-person-search]:hover,
[data-search]:hover,
input[type="search"]:hover {
  box-shadow:
    0 0 0 1px rgba(37,111,136,.18),
    0 0 20px rgba(37,111,136,.14) !important;
}
.person-picker-search input:focus,
[data-person-search]:focus,
[data-search]:focus,
input[type="search"]:focus {
  box-shadow:
    0 0 0 3px rgba(37,111,136,.16),
    0 0 24px rgba(37,111,136,.20) !important;
}
@media (max-width: 640px) {
  .project-modal .task-form .task-meta-row {
    grid-template-columns: 1fr !important;
  }
}

/* DAY ERP 1.1.77: task form proportions and inviting people search. */
.project-modal .task-form .task-meta-row {
  grid-template-columns: minmax(260px, 1.35fr) minmax(260px, 1.35fr) 150px !important;
}
.project-modal .task-progress-field input[type=range] {
  width: 100% !important;
  cursor: pointer !important;
}
.project-modal .task-column-field select {
  font-size: 13px !important;
  padding-inline: 40px 16px !important;
}
.project-modal .task-people-field .person-picker-search {
  position: relative !important;
  display: block !important;
}
.project-modal .task-people-field .person-picker-search::before {
  content: "⌕" !important;
  position: absolute !important;
  inset-inline-start: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #7d8b99 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
.project-modal .task-people-field .person-picker-search:focus-within::before,
.project-modal .task-people-field .person-picker-search:has(input:not(:placeholder-shown))::before {
  opacity: 0 !important;
}
.project-modal .task-people-field .person-picker-search input {
  height: 40px !important;
  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid #d8e2ea !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 6px 14px rgba(41,56,72,.06) !important;
  padding-inline: 38px 14px !important;
}
.project-modal .task-people-field .person-picker-search input:focus {
  border-color: #9bb4c5 !important;
  box-shadow: 0 0 0 3px rgba(54,105,133,.12) !important;
}
.project-modal .task-people-field .person-picker-selected {
  margin-top: 2px !important;
  background: transparent !important;
}
@media (max-width: 640px) {
  .project-modal .task-form .task-meta-row {
    grid-template-columns: 1fr !important;
  }
}

/* DAY ERP 1.1.77: global subtle neon cue for searchable pickers. */
.person-picker-search input,
[data-person-search],
[data-search],
input[type="search"] {
  box-shadow:
    0 0 0 1px rgba(37,111,136,.10),
    0 0 18px rgba(37,111,136,.10) !important;
}
.person-picker-search input:hover,
[data-person-search]:hover,
[data-search]:hover,
input[type="search"]:hover {
  box-shadow:
    0 0 0 1px rgba(37,111,136,.18),
    0 0 20px rgba(37,111,136,.14) !important;
}
.person-picker-search input:focus,
[data-person-search]:focus,
[data-search]:focus,
input[type="search"]:focus {
  box-shadow:
    0 0 0 3px rgba(37,111,136,.16),
    0 0 24px rgba(37,111,136,.20) !important;
}

/* DAY ERP 1.1.77 final progress thumb removal. */
.project-modal .task-progress-field input[type=range]::-webkit-slider-thumb {
  appearance: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.project-modal .task-progress-field input[type=range]::-moz-range-thumb {
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* DAY ERP 1.1.77: progress slider without bulky thumb. */
.project-modal .task-progress-field input[type=range] {
  height: 12px !important;
  cursor: pointer !important;
}
.project-modal .task-progress-field input[type=range]::-webkit-slider-thumb {
  appearance: none !important;
  width: 2px !important;
  height: 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.project-modal .task-progress-field input[type=range]::-moz-range-thumb {
  width: 2px !important;
  height: 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* DAY ERP 1.1.77: corrected task form direction, column width, and Jalali picker. */
.project-modal .task-form .task-meta-row {
  grid-template-columns: minmax(230px, 1.45fr) minmax(180px, .95fr) 156px !important;
}
.project-modal .task-column-field {
  min-width: 0 !important;
}
.project-modal .task-column-field select {
  width: 100% !important;
  height: 38px !important;
  padding-inline: 36px 14px !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.project-modal .task-progress-field input[type=range] {
  direction: rtl !important;
  background: linear-gradient(270deg, var(--progress-color, #be3455) var(--progress, 0%), #dde5ec var(--progress, 0%)) !important;
}
.project-modal .task-action-row {
  display: block !important;
}
.project-modal .task-action-row .primary-action {
  width: 100% !important;
}
.project-modal .task-complete-action {
  display: none !important;
}
.project-modal .jalali-date-field {
  position: relative !important;
}
.project-modal .jalali-date-control {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 34px !important;
  gap: 6px !important;
}
.project-modal .jalali-date-control button {
  height: 36px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #dfe9f0 !important;
  color: #263747 !important;
  cursor: pointer !important;
  font-weight: 900 !important;
}
.project-modal .jalali-picker-panel {
  position: absolute !important;
  z-index: 20 !important;
  top: calc(100% + 8px) !important;
  inset-inline-end: 0 !important;
  width: 248px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px solid #dfe7ee !important;
  box-shadow: 0 18px 40px rgba(30,41,59,.18) !important;
}
.project-modal .jalali-picker-head {
  display: grid !important;
  grid-template-columns: 32px minmax(0,1fr) 32px !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 8px !important;
}
.project-modal .jalali-picker-head strong {
  text-align: center !important;
  font-size: 13px !important;
}
.project-modal .jalali-picker-head button,
.project-modal .jalali-picker-days button {
  border: 0 !important;
  border-radius: 8px !important;
  background: #eef3f7 !important;
  min-height: 30px !important;
  cursor: pointer !important;
}
.project-modal .jalali-picker-days {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 5px !important;
}
.project-modal .jalali-picker-days button:hover {
  background: #c8d8e2 !important;
}
@media (max-width: 640px) {
  .project-modal .task-form .task-meta-row {
    grid-template-columns: 1fr !important;
  }
}

/* DAY ERP 1.1.77: final non-native task column select and cursor reset. */
.project-modal .task-form .task-meta-row {
  grid-template-columns: minmax(300px, 1.55fr) minmax(240px, 1.2fr) 150px !important;
}
.project-modal .task-column-field {
  min-width: 0 !important;
}
.project-modal .task-column-select {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}
.project-modal .task-column-select::after {
  content: "⌄" !important;
  position: absolute !important;
  inset-inline-start: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: #e6eef4 !important;
  color: #263747 !important;
  pointer-events: none !important;
  font-weight: 900 !important;
}
.project-modal .task-column-select select,
.project-modal .task-column-field select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
  direction: rtl !important;
  text-align: right !important;
  text-align-last: right !important;
  padding: 0 14px 0 46px !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
  font-size: 13px !important;
  cursor: pointer !important;
}
.project-modal .task-progress-field input[type=range] {
  cursor: pointer !important;
}

/* DAY ERP 1.1.77: compact report cards, stable inline completion check, and native report attachments. */
.task-report-panel {
  gap: 9px !important;
  padding: 10px !important;
  max-height: min(76vh, 720px) !important;
  overflow: auto !important;
  padding-bottom: 0 !important;
  position: relative !important;
  border-radius: 18px !important;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.68), var(--task-progress-color, #be3455), rgba(255,255,255,.3)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 18px 46px rgba(15, 23, 42, .10),
    0 0 0 4px var(--task-progress-soft, rgba(190, 52, 85, .10)) !important;
}
.task-report-panel::before {
  content: "";
  position: sticky;
  top: 0;
  z-index: 2;
  display: block;
  height: 2px;
  margin: -1px 10px 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--task-progress-color, #be3455), transparent);
  opacity: .55;
  pointer-events: none;
}
.task-report-hero {
  grid-template-columns: minmax(220px, 1fr) auto auto !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 10px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #fff, rgba(248, 250, 252, .88)) !important;
}
.task-report-heading {
  gap: 4px !important;
  min-width: 0 !important;
}
.task-report-heading h3 {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  gap: 8px !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}
.task-report-title-text {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.task-report-done-toggle {
  box-sizing: border-box !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  flex: 0 0 24px !important;
  border-width: 2px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  margin: 0 !important;
  transform: none !important;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .7) !important;
}
.task-report-done-toggle:hover,
.task-report-done-toggle:focus-visible {
  border-color: #16a34a !important;
  color: #16a34a !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .16), inset 0 0 0 2px rgba(255, 255, 255, .7) !important;
}
.task-report-done-toggle.done {
  background: #16a34a !important;
  border-color: #16a34a !important;
  color: #fff !important;
  box-shadow: 0 0 0 3px rgba(15, 143, 111, .12), inset 0 0 0 2px rgba(255, 255, 255, .2) !important;
}
.task-report-heading p {
  line-height: 1.5 !important;
  font-size: 11px !important;
  margin: 0 !important;
  color: #64748b !important;
}
.task-report-state {
  min-height: 18px !important;
  padding: 1px 7px !important;
  font-size: 10px !important;
  width: max-content !important;
}
.task-report-action {
  height: 32px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.task-report-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  min-width: max-content !important;
}
.task-report-facts {
  grid-column: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  max-width: 360px !important;
}
.task-report-facts span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 150px !important;
  min-height: 24px !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  background: rgba(248, 250, 252, .9) !important;
  border: 1px solid rgba(148, 163, 184, .20) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.task-report-facts span b {
  color: #64748b !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}
.task-report-list {
  gap: 7px !important;
  max-height: 166px !important;
  background: #f4f5f7 !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 14px !important;
  padding: 7px !important;
}
.task-report-card {
  gap: 4px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  border: 0 !important;
  background: #fff !important;
  box-shadow: inset 3px 0 0 rgba(190, 52, 85, .12), 0 1px 2px rgba(15, 23, 42, .05) !important;
}
.task-report-card::before {
  inset-block: 8px !important;
  width: 2px !important;
}
.task-report-card-head b {
  font-size: 12px !important;
}
.task-report-card-head small {
  font-size: 10px !important;
}
.task-report-card p {
  line-height: 1.55 !important;
  font-size: 12px !important;
  margin: 4px 0 0 !important;
  color: #1f2937 !important;
}
.task-report-attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}
.task-report-attachments a,
.task-file-list a {
  min-height: 22px;
  max-width: 210px;
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(248, 250, 252, .96);
  color: #334155;
  border: 1px solid rgba(148, 163, 184, .24);
  text-decoration: none;
  font-size: 10px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-file-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.task-report-empty.small {
  min-height: 42px !important;
  border-radius: 12px !important;
  font-size: 12px;
  flex: 1 1 100%;
}
.task-report-composer {
  padding: 7px !important;
  border-radius: 14px !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 8 !important;
  margin-inline: -2px !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 -12px 24px rgba(15, 23, 42, .10) !important;
}
.task-report-composer .mention-compose {
  background: #f5f6f8 !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  padding: 6px 8px !important;
}
.task-report-composer .mention-compose:focus-within {
  background: #fff !important;
  border-color: rgba(190, 52, 85, .24) !important;
  box-shadow: 0 0 0 3px rgba(190, 52, 85, .06) !important;
}
.task-report-composer .mention-compose > span {
  color: #64748b !important;
  font-size: 11px !important;
}
.task-report-composer textarea {
  min-height: 48px !important;
  max-height: 86px !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.task-report-file {
  display: inline-flex;
  justify-self: start;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(190, 52, 85, .28);
  background: linear-gradient(135deg, rgba(190, 52, 85, .13), rgba(217, 119, 6, .10));
  color: #8f2943;
  cursor: pointer;
  font-weight: 800;
  font-size: 0;
  font: inherit;
}
.task-report-file svg,
.task-report-action.icon-print svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.task-report-file:hover,
.task-report-file:focus-visible {
  border-color: rgba(190, 52, 85, .48);
  box-shadow: 0 0 0 3px rgba(190, 52, 85, .10);
}
.task-report-action.icon-print {
  width: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  border-radius: 999px !important;
}
.task-report-action.icon-print span {
  background: transparent !important;
}
.task-report-action.icon-print svg {
  width: 17px;
  height: 17px;
}
.task-report-file-row {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 5px 6px;
  border-radius: 12px;
  background: rgba(248, 250, 252, .82);
  border: 1px solid rgba(148, 163, 184, .18);
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.task-file-strip {
  display: inline-grid;
  width: max-content;
  max-width: 100%;
  grid-template-columns: auto !important;
  padding: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border-color: transparent !important;
}
.task-file-strip.has-files,
.task-file-strip.is-dragging {
  background: transparent !important;
  box-shadow: none !important;
}
.task-report-composer .task-report-file-row {
  grid-column: 1 / -1;
}
.task-report-composer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px !important;
  align-items: end !important;
}
.task-report-composer .mention-compose {
  grid-column: 1 / -1 !important;
}
.task-report-composer .task-report-file-row {
  grid-column: 1 / 2 !important;
}
.task-report-composer .task-report-submit {
  grid-column: 2 / 3 !important;
  min-width: 118px !important;
  align-self: stretch !important;
}
.task-report-file-row:not(.has-files) .pending-file-list {
  display: none;
}
.task-report-file-row.is-dragging,
.task-report-file-row.has-files {
  border-color: rgba(190, 52, 85, .34);
  background: linear-gradient(135deg, rgba(255, 247, 249, .78), rgba(255, 251, 235, .65));
  box-shadow: 0 0 0 2px rgba(190, 52, 85, .06);
}
.pending-file-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  max-height: 58px;
  overflow: auto;
  align-content: flex-start;
}
.pending-file-chip {
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 5px;
  width: min(100%, 238px);
  max-width: 238px;
  min-height: 26px;
  padding: 3px 6px;
  border-radius: 999px;
  background: linear-gradient(135deg, #fff, #fff8fb);
  border: 1px solid rgba(190, 52, 85, .16);
  color: #334155;
  box-shadow: 0 4px 10px rgba(15, 23, 42, .04);
}
.pending-file-chip b {
  color: #8f2943;
  font-size: 9px;
  font-weight: 900;
}
.pending-file-chip span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 800;
}
.pending-file-chip small {
  color: #64748b;
  font-size: 9px;
  white-space: nowrap;
}
.pending-file-chip button {
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, .06);
  color: #475569;
  cursor: pointer;
  display: inline-grid;
  place-items: center;
  font-weight: 900;
}
.pending-file-chip button:hover,
.pending-file-chip button:focus-visible {
  background: rgba(190, 52, 85, .12);
  color: #8f2943;
}
.task-report-submit {
  min-height: 34px !important;
  border-radius: 10px !important;
}
.project-modal .task-action-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
.project-modal .task-action-row .primary-action,
.project-modal .task-action-row .secondary-action {
  width: auto !important;
  min-width: 132px !important;
  height: 38px !important;
  border-radius: 10px !important;
  padding-inline: 16px !important;
}

/* DAY ERP 1.1.77: Mizito-like report flow; compose first, reports below. */
.task-report-panel {
  gap: 7px !important;
}
.task-report-section-title {
  margin-top: 2px !important;
}
.task-report-composer {
  position: static !important;
  bottom: auto !important;
  z-index: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f4f5f7 !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 6px !important;
  align-items: end !important;
}
.task-report-composer .mention-compose {
  grid-column: 1 / -1 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.task-report-composer .mention-compose:focus-within {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.task-report-composer .mention-compose > span {
  font-size: 10px !important;
  color: #8a94a3 !important;
}
.task-report-composer textarea {
  min-height: 34px !important;
  max-height: 72px !important;
  padding: 7px 9px !important;
  border-radius: 10px !important;
  background: #fff !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  box-shadow: none !important;
}
.task-report-composer textarea:focus {
  border-color: rgba(190, 52, 85, .34) !important;
  box-shadow: 0 0 0 3px rgba(190, 52, 85, .07) !important;
}
.task-report-composer .task-report-file-row {
  grid-column: 1 / 2 !important;
  padding: 3px !important;
  background: transparent !important;
  border: 0 !important;
}
.task-report-composer .task-report-submit {
  grid-column: 3 / 4 !important;
  min-width: 96px !important;
  min-height: 32px !important;
  align-self: stretch !important;
}
.task-report-list {
  max-height: 240px !important;
  background: #f4f5f7 !important;
  border: 0 !important;
  padding: 7px !important;
}
.task-report-action.icon-print {
  border-color: transparent !important;
  background: transparent !important;
  color: #64748b !important;
  box-shadow: none !important;
}
.task-report-action.icon-print:hover,
.task-report-action.icon-print:focus-visible {
  border-color: rgba(100, 116, 139, .26) !important;
  background: rgba(248, 250, 252, .92) !important;
  color: #334155 !important;
  box-shadow: 0 0 0 3px rgba(100, 116, 139, .08) !important;
}
@media (max-width: 760px) {
  .task-report-hero {
    grid-template-columns: 1fr !important;
  }
  .task-report-facts,
  .task-report-actions {
    justify-content: flex-start !important;
    max-width: 100% !important;
  }
}
@media (max-width: 640px) {
  .project-modal .task-form .task-meta-row {
    grid-template-columns: 1fr !important;
  }
}

/* DAY ERP 1.1.77: final report card repair. Keep each report a real card, not a collapsed stripe. */
.project-modal:has(.task-report-panel) .task-report-list {
  display: grid !important;
  grid-auto-rows: auto !important;
  align-items: start !important;
  align-content: start !important;
  gap: 8px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-height: 0 !important;
  max-height: 260px !important;
  padding: 8px !important;
}
.project-modal:has(.task-report-panel) .task-report-card {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  grid-auto-rows: auto !important;
  align-items: start !important;
  gap: 0 9px !important;
  height: auto !important;
  min-height: 66px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 10px 12px !important;
  background: #fff !important;
  border-radius: 12px !important;
}
.project-modal:has(.task-report-panel) .task-report-content {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  overflow: visible !important;
}
.project-modal:has(.task-report-panel) .task-report-card p {
  display: block !important;
  height: auto !important;
  min-height: 20px !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  white-space: normal !important;
}
.project-modal:has(.task-report-panel) .task-report-attachments {
  position: static !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin-top: 5px !important;
}
.project-modal:has(.task-report-panel) .task-report-attachments a {
  flex: 0 0 150px !important;
  width: 150px !important;
  max-width: 150px !important;
  min-height: 32px !important;
  max-height: none !important;
}

/* DAY ERP 1.1.78: attachments belong to the report that created them. */
.project-modal:has(.task-report-panel) .task-report-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-content: initial !important;
}
.project-modal:has(.task-report-panel) .task-report-card {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: flex-start !important;
  min-height: 72px !important;
  height: auto !important;
  contain: layout !important;
}
.project-modal:has(.task-report-panel) .task-report-avatar {
  flex: 0 0 30px !important;
  margin-inline-end: 9px !important;
}
.project-modal:has(.task-report-panel) .task-report-content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0 !important;
}
.project-modal:has(.task-report-panel) .task-report-attachments {
  display: flex !important;
  position: static !important;
  flex: 0 0 auto !important;
  order: 3 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.project-modal:has(.task-report-panel) .task-report-attachments a {
  display: inline-flex !important;
  flex: 0 1 190px !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: min(190px, 100%) !important;
  min-height: 30px !important;
  padding: 4px 9px !important;
  color: #475569 !important;
  background: #f8fafc !important;
  border-color: rgba(71, 85, 105, .2) !important;
}
.project-modal:has(.task-report-panel) .task-report-attachment-icon {
  display: inline-grid !important;
  flex: 0 0 14px !important;
  width: 14px !important;
  height: 14px !important;
  color: #667a94 !important;
}
.project-modal:has(.task-report-panel) .task-report-attachment-icon svg {
  width: 14px !important;
  height: 14px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}
.project-modal:has(.task-report-panel) .task-report-attachment-name {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Let reports use the modal's working area instead of leaving an empty panel below them. */
.project-modal:has(.task-report-panel) {
  height: min(90vh, 920px) !important;
  max-height: min(90vh, 920px) !important;
}
.project-modal:has(.task-report-panel) .task-report-panel {
  display: flex !important;
  flex-direction: column !important;
  height: calc(min(90vh, 920px) - 58px) !important;
  max-height: none !important;
  overflow: hidden !important;
}
.project-modal:has(.task-report-panel) .task-report-composer {
  flex: 0 0 auto !important;
  padding: 5px 6px !important;
}
.project-modal:has(.task-report-panel) .task-report-composer textarea {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 64px !important;
  resize: none !important;
  padding: 7px 9px !important;
}
.project-modal:has(.task-report-panel) .task-report-list {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* DAY ERP 1.1.79: write reports directly in the flow, with compact actions beside the text. */
.project-modal:has(.task-report-panel) .task-report-composer {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 2px 4px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(190, 52, 85, .52) !important;
  border-bottom: 1px solid rgba(148, 163, 184, .22) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.project-modal:has(.task-report-panel) .task-report-composer .mention-compose {
  grid-column: 2 / 3 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.project-modal:has(.task-report-panel) .task-report-composer textarea {
  display: block !important;
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 104px !important;
  margin: 0 !important;
  padding: 7px 2px !important;
  line-height: 1.65 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.project-modal:has(.task-report-panel) .task-report-composer textarea:focus {
  border: 0 !important;
  border-bottom: 2px solid rgba(190, 52, 85, .72) !important;
  box-shadow: inset 0 -2px 0 rgba(190, 52, 85, .52) !important;
}
.project-modal:has(.task-report-panel) .task-report-composer .task-report-file-row {
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  min-width: auto !important;
  padding: 0 !important;
  position: relative !important;
}
.project-modal:has(.task-report-panel) .report-emoji-menu {
  position: absolute !important;
  inset-inline-start: 0 !important;
  inset-block-start: calc(100% + 8px) !important;
  inset-block-end: auto !important;
  z-index: 32 !important;
  display: block !important;
  width: min(390px, calc(100vw - 48px)) !important;
  height: 330px !important;
  padding: 0 !important;
  border: 1px solid rgba(190, 52, 85, .22) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 14px 28px rgba(15, 23, 42, .16) !important;
}
.project-modal:has(.task-report-panel) .report-emoji-tabs {
  display: flex !important;
  direction: rtl !important;
  align-items: center !important;
  gap: 2px !important;
  min-height: 44px !important;
  padding: 6px !important;
  border-bottom: 1px solid #edf0f3 !important;
  overflow-x: auto !important;
}
.project-modal:has(.task-report-panel) .report-emoji-tab,
.project-modal:has(.task-report-panel) .report-emoji-clear {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #64748b !important;
  font-family: "Noto Color Emoji", "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important;
  font-size: 17px !important;
  cursor: pointer !important;
}
.project-modal:has(.task-report-panel) .report-emoji-tab:hover,
.project-modal:has(.task-report-panel) .report-emoji-tab.active,
.project-modal:has(.task-report-panel) .report-emoji-clear:hover {
  background: rgba(190, 52, 85, .1) !important;
  color: #be3455 !important;
}
.project-modal:has(.task-report-panel) .report-emoji-clear { margin-inline-start: auto !important; font-family: inherit !important; font-size: 20px !important; }
.project-modal:has(.task-report-panel) .report-emoji-grid {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  gap: 2px !important;
  height: calc(100% - 44px) !important;
  padding: 9px !important;
  overflow-y: auto !important;
  direction: rtl !important;
}
.project-modal:has(.task-report-panel) .task-report-facts .task-report-assignee-avatars {
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 4px !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
.project-modal:has(.task-report-panel) .task-report-assignee-avatars .project-avatar {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  padding: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  margin-inline-start: -6px !important;
  border: 2px solid #fff !important;
  box-shadow: 0 1px 4px rgba(38, 52, 68, .14) !important;
}
.project-modal:has(.task-report-panel) .task-report-assignee-avatars .project-avatar img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; }
.project-modal:has(.task-report-panel) .task-report-assignee-avatars .project-avatar:first-child { margin-inline-start: 0 !important; }
.project-modal:has(.task-report-panel) .report-emoji-menu.hidden {
  display: none !important;
}
.project-modal:has(.task-report-panel) .report-emoji-choice {
  display: grid !important;
  width: 32px !important;
  height: 32px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.project-modal:has(.task-report-panel) .report-emoji-art,
.project-modal:has(.task-report-panel) .report-emoji-tab-art {
  display: block !important;
  width: 23px !important;
  height: 23px !important;
  object-fit: contain !important;
}
.project-modal:has(.task-report-panel) .report-emoji-tab-art {
  width: 19px !important;
  height: 19px !important;
}
.project-modal:has(.task-report-panel) .report-inline-emoji {
  display: inline-block !important;
  width: 1.18em !important;
  height: 1.18em !important;
  margin: 0 .06em !important;
  vertical-align: -.22em !important;
}
.project-modal:has(.task-report-panel) .report-emoji-choice:hover,
.project-modal:has(.task-report-panel) .report-emoji-choice:focus-visible {
  background: rgba(190, 52, 85, .10) !important;
  outline: 0 !important;
}

/* DAY ERP 1.1.83: assignee search results always use the whole task field. */
.project-modal .task-people-field .person-picker {
  width: 100% !important;
  min-width: 0 !important;
}
.project-modal .task-people-field .person-picker-options {
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-height: 196px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}
.project-modal .task-people-field .person-option {
  grid-template-columns: 30px minmax(0, 1fr) auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
}
.project-modal .task-people-field .person-option span {
  min-width: 0 !important;
}
.project-modal .task-people-field .person-option strong,
.project-modal .task-people-field .person-option small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.project-modal:has(.task-report-panel) .task-report-composer .task-report-file {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #64748b !important;
  box-shadow: none !important;
}
.project-modal:has(.task-report-panel) .task-report-composer .task-report-file:hover,
.project-modal:has(.task-report-panel) .task-report-composer .task-report-file:focus-visible {
  background: rgba(190, 52, 85, .09) !important;
  color: #be3455 !important;
  box-shadow: 0 0 0 3px rgba(190, 52, 85, .07) !important;
}
.project-modal:has(.task-report-panel) .task-report-composer .task-report-submit {
  grid-column: 3 / 4 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 86px !important;
  min-height: 32px !important;
  height: 32px !important;
  padding-inline: 12px !important;
  border-radius: 9px !important;
}
.project-modal:has(.task-report-panel) .task-report-composer .pending-file-list {
  position: absolute !important;
  inset-inline-start: 4px !important;
  inset-inline-end: 4px !important;
  inset-block-start: calc(100% + 5px) !important;
  z-index: 3 !important;
  max-height: 92px !important;
  overflow: auto !important;
}
.project-modal:has(.task-report-panel) .task-report-composer:has(.pending-file-list:not(:empty)) {
  margin-bottom: 58px !important;
}

/* Replies stay visually attached to the report they answer and remain quiet until needed. */
.project-modal:has(.task-report-panel) .task-report-card-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
}
.project-modal:has(.task-report-panel) .report-reply-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  height: 24px !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #64748b !important;
  font: inherit !important;
  font-size: 10px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(2px) !important;
  transition: opacity 140ms ease, transform 140ms ease, color 140ms ease, background 140ms ease !important;
}
.project-modal:has(.task-report-panel) .report-reply-button svg {
  width: 13px !important;
  height: 13px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
}
.project-modal:has(.task-report-panel) .task-report-card:hover .report-reply-button,
.project-modal:has(.task-report-panel) .task-report-card:focus-within .report-reply-button {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.project-modal:has(.task-report-panel) .report-reply-button:hover,
.project-modal:has(.task-report-panel) .report-reply-button:focus-visible {
  color: #be3455 !important;
  background: rgba(190, 52, 85, .09) !important;
  outline: 0 !important;
}
.project-modal:has(.task-report-panel) .task-report-reply {
  margin-top: 8px !important;
  margin-inline-start: 16px !important;
  min-height: 58px !important;
  padding: 8px 10px !important;
  background: #f8fafc !important;
  border-inline-start: 2px solid rgba(14, 159, 186, .32) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}
.project-modal:has(.task-report-panel) .task-report-reply::before {
  display: none !important;
}

/* DAY ERP 1.1.82: mention choices open below the writing row, never over its text. */
.project-modal:has(.task-report-panel) .task-report-composer {
  position: relative !important;
  overflow: visible !important;
}
.project-modal:has(.task-report-panel) .task-report-composer .mention-compose {
  position: static !important;
  overflow: visible !important;
}
.project-modal:has(.task-report-panel) .task-report-composer .mention-menu {
  position: absolute !important;
  inset-inline: 0 !important;
  inset-block-start: calc(100% + 7px) !important;
  top: auto !important;
  z-index: 30 !important;
  max-height: 216px !important;
  padding: 8px !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .14) !important;
}

/* Keep selected mentions as compact avatars; names remain available in the tooltip. */
.project-modal:has(.task-report-panel) .mention-selected {
  position: static !important;
  z-index: auto !important;
  margin: 0 !important;
  gap: 4px !important;
}
.project-modal:has(.task-report-panel) .task-report-composer .mention-compose{display:flex!important;align-items:flex-end!important;gap:5px!important}
.project-modal:has(.task-report-panel) .task-report-composer .mention-compose textarea{flex:1 1 auto!important;min-width:0!important}
.project-modal:has(.task-report-panel) .mention-chip {
  display: inline-grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  border-color: rgba(190, 52, 85, .26) !important;
  box-shadow: 0 2px 7px rgba(15, 23, 42, .10) !important;
}
.project-modal:has(.task-report-panel) .mention-chip > span,
.project-modal:has(.task-report-panel) .mention-chip > b {
  display: none !important;
}
.project-modal:has(.task-report-panel) .mention-chip .project-avatar,
.project-modal:has(.task-report-panel) .mention-chip img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
}

/* DAY ERP 1.1.83: the report composer stays legible before focus. */
.project-modal:has(.task-report-panel) .task-report-composer {
  border-bottom-color: rgba(190, 52, 85, .48) !important;
}
.project-modal:has(.task-report-panel) .task-report-composer textarea {
  border-bottom: 1px solid rgba(190, 52, 85, .52) !important;
}
.project-modal:has(.task-report-panel) .task-report-composer textarea:focus {
  border-bottom: 2px solid rgba(190, 52, 85, .72) !important;
}
.project-modal:has(.task-report-panel) .mention-selected,
.project-modal:has(.task-report-panel) .mention-chip { display: none !important; }
.project-modal:has(.task-report-panel) .mention-editor { display: block !important; min-height: 38px !important; max-height: 104px !important; overflow-y: hidden !important; padding: 7px 2px !important; color: #243246 !important; line-height: 1.9 !important; outline: 0 !important; white-space: pre-wrap !important; word-break: break-word !important; }
.project-modal:has(.task-report-panel) .mention-editor:empty::before { content: attr(data-placeholder); color: #94a0af; pointer-events: none; }
.project-modal:has(.task-report-panel) .mention-token,
.project-modal:has(.task-report-panel) .report-mention { color: #1677c8 !important; font-weight: 750 !important; }
.project-modal:has(.task-report-panel) .task-report-composer textarea {
  min-height: 72px !important;
  max-height: 128px !important;
  padding: 9px 2px !important;
  line-height: 1.9 !important;
}
.project-modal .modal-inline-message {
  margin: 8px 12px 0 !important;
  padding: 9px 11px !important;
  border: 1px solid rgba(190, 52, 85, .28) !important;
  border-radius: 9px !important;
  background: rgba(255, 242, 245, .92) !important;
  color: #a22343 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}
.project-modal .modal-inline-message.hidden {
  display: none !important;
}
.task-card-schedule {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 2px 0 4px !important;
  color: #7c4d16 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.task-card-schedule time {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
}
.project-modal:has(.task-report-panel) .task-primary-files {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 4px !important;
  padding: 1px 2px !important;
}
.project-modal:has(.task-report-panel) .task-primary-file {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  max-width: 210px !important;
  height: 26px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(148, 163, 184, .28) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #526174 !important;
  font-size: 10px !important;
  text-decoration: none !important;
}
.project-modal:has(.task-report-panel) .task-primary-file > span:last-child {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.project-modal:has(.task-report-panel) .task-primary-file svg {
  width: 13px !important;
  height: 13px !important;
  flex: 0 0 auto !important;
}
.project-modal:has(.task-report-panel) .task-primary-file:hover,
.project-modal:has(.task-report-panel) .task-primary-file:focus-visible {
  border-color: rgba(190, 52, 85, .42) !important;
  color: #be3455 !important;
  outline: 0 !important;
}

/* Native chat workspace: information-dense, colourful, and free of generic form cards. */
.chat-page{min-height:0;height:calc(100vh - 86px);padding:12px;overflow:hidden}.chat-shell{height:100%;display:grid;grid-template-columns:minmax(245px,310px) minmax(0,1fr);border:1px solid #dbe5ef;border-radius:8px;overflow:hidden;background:#f8fbfd;box-shadow:0 0 0 1px rgba(31,143,120,.04),0 10px 28px rgba(39,61,82,.08)}.chat-shell svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-sidebar{min-width:0;background:#fff;border-left:1px solid #dce6ee;display:flex;flex-direction:column}.chat-sidebar>header{padding:18px 16px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chat-sidebar h1{margin:0;color:#1e3854;font-size:18px}.chat-sidebar p{margin:4px 0 0;font-size:12px;color:#78889a}.chat-create-actions{display:flex;gap:4px}.chat-create-actions button,.chat-tool{border:0;background:transparent;color:#526c88;display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:6px;cursor:pointer;position:relative}.chat-create-actions button svg:last-child{position:absolute;width:11px;height:11px;background:#fff;border-radius:50%;bottom:3px;left:3px}.chat-create-actions button:hover,.chat-tool:hover{background:#e9f3f7;color:#147f89}.chat-search{margin:0 12px 8px;height:38px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #cbdbe6;border-radius:6px;color:#6f8ba2;box-shadow:0 0 8px rgba(34,163,176,.09)}.chat-search:focus-within{border-color:#27a6b6;box-shadow:0 0 0 3px rgba(39,166,182,.12)}.chat-search svg{width:16px}.chat-search input{width:100%;border:0;outline:0;background:transparent;color:#273d53;font:inherit}.chat-sidebar nav{display:flex;gap:6px;padding:0 12px 8px;border-bottom:1px solid #edf1f4}.chat-sidebar nav button{border:0;background:transparent;padding:8px 4px;color:#5e7288;font:inherit;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:5px}.chat-sidebar nav button:first-child{color:#157b88;border-bottom:2px solid #1ca0ad}.chat-sidebar nav svg{width:15px}.chat-conversation-list{overflow:auto;padding:5px;flex:1}.chat-conversation{width:100%;border:0;background:transparent;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 8px;text-align:right;border-radius:6px;color:#263b50;cursor:pointer;position:relative}.chat-conversation:hover,.chat-conversation.is-selected{background:#e8f4f3}.chat-conversation.is-selected{box-shadow:inset -3px 0 0 #1d9aa4}.chat-conversation-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf0f6;color:#217e88;overflow:hidden}.chat-conversation-copy{min-width:0;display:grid;gap:3px}.chat-conversation-copy strong,.chat-conversation-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-conversation-copy strong{font-size:13px}.chat-conversation-copy small{font-size:11px;color:#8290a0}.chat-conversation time{font-size:10px;color:#8596a8;align-self:start}.chat-unread{font-size:10px;min-width:17px;height:17px;border-radius:9px;background:#ce425d;color:#fff;display:grid;place-items:center}.chat-row-pin{color:#5b84a4}.chat-row-pin svg{width:13px}.chat-empty-list{padding:22px 12px;text-align:center;color:#8090a0;font-size:13px}
.chat-thread{min-width:0;display:flex;flex-direction:column;background:#f4f7fa;position:relative}.chat-thread-head{min-height:72px;background:#fff;padding:10px 18px;border-bottom:1px solid #dce6ee;display:flex;align-items:center;justify-content:space-between;gap:16px}.chat-thread-identity{display:flex;align-items:center;min-width:0;gap:10px}.chat-thread-icon{width:42px;height:42px;border-radius:50%;background:#e5f3f1;color:#137e8b;display:grid;place-items:center;overflow:hidden}.chat-thread-icon svg{width:22px}.chat-thread-identity h2{margin:0;font-size:16px;color:#20374f}.chat-thread-identity p{margin:3px 0 0;font-size:11px;color:#7c8b99}.chat-thread-head-actions{display:flex}.chat-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dce9f3;color:#294c70;font-size:12px;font-weight:750;overflow:hidden;flex:0 0 auto}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar-small{width:23px;height:23px;font-size:10px}.chat-messages{flex:1;overflow:auto;padding:18px clamp(14px,4vw,54px);display:flex;flex-direction:column;gap:8px}.chat-message{width:min(84%,700px);align-self:flex-start;background:#fff;border-right:3px solid #b7d9e4;padding:9px 12px 8px;border-radius:7px 2px 7px 7px;box-shadow:0 2px 9px rgba(36,60,80,.06);position:relative}.chat-message.is-mine{align-self:flex-end;border-right:0;border-left:3px solid #d24361;background:#fffafb;border-radius:2px 7px 7px 7px}.chat-message.is-deleted{color:#8b99a5;font-size:12px;font-style:italic;background:transparent;box-shadow:none}.chat-message-meta{display:flex;gap:6px;align-items:center;min-width:0;color:#4b6682}.chat-message-meta strong{font-size:12px}.chat-message-meta time{margin-right:auto;font-size:10px;color:#7e95aa;direction:rtl}.chat-pinned{color:#cc8b18;display:grid;place-items:center}.chat-pinned svg{width:14px}.chat-message-body{padding:7px 29px 3px 0;color:#26394d;font-size:13px;line-height:1.8;white-space:normal;overflow-wrap:anywhere}.chat-files{padding:5px 28px 0 0;display:flex;flex-wrap:wrap;gap:5px}.chat-file{max-width:230px;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #d7e2eb;border-radius:5px;color:#32608c;text-decoration:none;font-size:11px}.chat-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file small{color:#7790a8;white-space:nowrap}.chat-file svg{width:14px}.chat-message-actions{position:absolute;top:7px;left:7px;display:flex;opacity:0;transition:opacity .16s ease}.chat-message:hover .chat-message-actions{opacity:1}.chat-message-actions button{border:0;background:#edf3f7;color:#5b7592;width:25px;height:25px;border-radius:4px;display:grid;place-items:center;cursor:pointer}.chat-message-actions .danger:hover{background:#fce8eb;color:#d13d59}.chat-message-actions svg{width:14px}.chat-reply-reference{border:0;background:#f0f6f7;color:#33818b;padding:3px 6px;font:inherit;font-size:10px;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:4px}.chat-reply-reference svg{width:12px}.chat-thread-empty,.chat-blank{color:#8291a0;text-align:center}.chat-thread-empty{padding:28px}.chat-blank{margin:auto}.chat-blank span{color:#1e9eaa;display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e5f4f3}.chat-blank span svg{width:29px;height:29px}.chat-blank h2{margin:12px 0 6px;font-size:17px;color:#36516b}.chat-blank p{margin:0;font-size:13px}.chat-readonly{padding:15px 22px;background:#fff7e6;color:#947031;font-size:12px;text-align:center}
.chat-composer{background:#fff;border-top:1px solid #dce6ee;padding:9px 18px 8px;position:relative}.chat-composer textarea{display:block;resize:none;border:0;border-bottom:1px solid #c4d3dc;outline:0;background:transparent;width:100%;min-height:32px;max-height:128px;padding:5px 2px;color:#273c52;font:inherit;line-height:1.75}.chat-composer textarea:focus{border-bottom-color:#cd405d;box-shadow:0 2px 0 -1px rgba(205,64,93,.2)}.chat-composer-tools{display:flex;align-items:center;gap:4px;margin-top:6px}.chat-composer-spacer{flex:1}.chat-send{border:0;background:#ca3c58;color:#fff;display:grid;place-items:center;width:35px;height:30px;border-radius:5px;cursor:pointer}.chat-send:hover{background:#a92f48}.chat-send svg{width:17px}.chat-composer-reply{font-size:11px;color:#3b7e8b;background:#eaf4f4;margin-bottom:6px;padding:4px 8px;border-radius:4px;display:flex;gap:5px;align-items:center}.chat-composer-reply svg{width:13px}.chat-composer-reply button{border:0;background:transparent;color:#547183;cursor:pointer;margin-right:auto}.chat-draft-files{display:flex;flex-wrap:wrap;gap:4px;padding-top:5px}.chat-draft-files:empty{display:none}.chat-draft-files span{max-width:220px;padding:3px 5px;border:1px solid #d4e1eb;border-radius:4px;display:flex;gap:4px;align-items:center;font-size:10px;color:#496b89}.chat-draft-files span svg{width:13px}.chat-draft-files button{border:0;background:transparent;cursor:pointer;color:#9a5061;font-size:15px}.chat-emoji-picker{position:absolute;bottom:51px;left:15px;width:min(430px,calc(100% - 30px));max-height:285px;overflow:auto;z-index:5;background:#fff;border:1px solid #cfdee7;border-radius:7px;padding:9px;box-shadow:0 10px 30px rgba(27,51,74,.22)}.chat-emoji-picker.hidden{display:none}.chat-emoji-picker h4{font-size:11px;margin:6px 0;color:#608098}.chat-emoji-picker section>div{display:flex;flex-wrap:wrap;gap:2px}.chat-emoji-picker button{border:0;background:transparent;border-radius:4px;width:29px;height:29px;padding:4px;cursor:pointer}.chat-emoji-picker button:hover{background:#eaf5f5}.chat-emoji-picker img{width:100%;height:100%}
.chat-modal-backdrop{position:fixed;inset:0;background:rgba(33,47,62,.42);display:grid;place-items:center;z-index:90;padding:18px}.chat-modal{width:min(560px,100%);max-height:min(720px,calc(100vh - 36px));display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 20px 50px rgba(16,32,50,.32)}.chat-modal>header{padding:14px 18px;border-bottom:1px solid #e1e9ef;display:flex;justify-content:space-between;align-items:center}.chat-modal h2{margin:0;font-size:17px;color:#2c485f}.chat-modal>header button{border:0;background:#edf3f7;color:#536d83;width:30px;height:30px;border-radius:5px;font-size:20px;cursor:pointer}.chat-modal-body{padding:16px;overflow:auto}.chat-modal label{display:grid;gap:5px;font-size:12px;color:#5d748b;margin-bottom:12px}.chat-modal input,.chat-modal textarea{width:100%;box-sizing:border-box;border:1px solid #ccdbe5;border-radius:5px;padding:9px;outline:0;font:inherit;color:#263b4f}.chat-modal textarea{min-height:72px;resize:vertical}.chat-modal input:focus,.chat-modal textarea:focus{border-color:#24a0ae;box-shadow:0 0 0 3px rgba(36,160,174,.12)}.chat-person-search{position:relative;display:block!important}.chat-person-search svg{position:absolute;width:16px;top:30px;right:9px;color:#65829d}.chat-person-search input{padding-right:30px}.chat-member-choices{max-height:255px;overflow:auto;border-top:1px solid #edf1f4}.chat-member-choice{grid-template-columns:26px minmax(0,1fr) auto!important;align-items:center;gap:8px;padding:7px 2px;margin:0!important;border-bottom:1px solid #f0f3f6}.chat-member-choice span{min-width:0;font-size:12px;color:#30475d}.chat-member-choice small{display:block;color:#8292a1;font-size:10px;margin-top:2px}.chat-member-choice input{width:16px}.chat-modal-actions{display:flex;gap:7px;justify-content:flex-start;margin-top:15px}.chat-modal-actions button{border:0;border-radius:5px;padding:8px 15px;font:inherit;cursor:pointer}.chat-modal-actions .primary{background:#c83d59;color:white}.chat-modal-actions .secondary{background:#edf3f7;color:#405b73}.chat-form-error{font-size:12px;color:#c52e4c;background:#fff1f3;padding:7px;border-radius:5px}.chat-form-error.hidden{display:none}.storage-toolbar{display:flex;justify-content:flex-start;margin-bottom:10px}.chat-storage-upload{width:35px;height:35px;display:grid!important;place-items:center;border:1px solid #c8dbe6;border-radius:5px;cursor:pointer;color:#43708e;margin:0!important}.storage-list{display:grid;gap:5px}.storage-file{display:grid;grid-template-columns:18px minmax(0,1fr);gap:5px;padding:8px;border-bottom:1px solid #edf1f3;color:#316487;text-decoration:none}.storage-file svg{width:16px}.storage-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.storage-file small{grid-column:2;color:#8595a3;font-size:10px}.notification-modal-actions{display:flex;justify-content:flex-start;margin-bottom:8px}.notification-modal-actions button{border:0;background:transparent;color:#2d818b;display:flex;align-items:center;gap:4px;cursor:pointer;font:inherit;font-size:12px}.notification-modal-actions svg{width:16px}.notification-list{display:grid;gap:4px}.notification-row{border:0;border-bottom:1px solid #edf1f4;background:transparent;text-align:right;padding:10px 7px;display:grid;gap:3px;cursor:pointer;font:inherit}.notification-row.is-unread{background:#eef9f8}.notification-row strong{font-size:13px;color:#29475f}.notification-row span{font-size:12px;color:#697f92}.notification-row time{font-size:10px;color:#8294a5}.chat-thread-error{font-size:12px;color:#b92d49;background:#fff1f3;padding:7px 12px;margin:8px 18px 0;border-radius:4px}
.chat-read-receipt{display:block;padding:3px 28px 0 0;color:#1b9aac;font-size:10px;direction:ltr}.storage-file a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#316487;text-decoration:none}.storage-file button{border:0;background:transparent;color:#be3b55;width:24px;height:24px;padding:3px;cursor:pointer}.storage-file button svg{width:15px}
@media(max-width:760px){.chat-page{height:calc(100vh - 64px);padding:0}.chat-shell{grid-template-columns:1fr;grid-template-rows:minmax(148px,34vh) minmax(0,1fr);border-radius:0;border:0}.chat-sidebar{display:flex;min-height:0;border-left:0;border-bottom:1px solid #dce6ee}.chat-sidebar>header{padding:10px 12px 6px}.chat-sidebar h1{font-size:15px}.chat-sidebar p{display:none}.chat-search{height:34px;margin:0 10px 6px}.chat-sidebar nav{padding:0 10px 5px}.chat-sidebar nav button{padding:5px 4px}.chat-conversation-list{padding:3px 5px}.chat-conversation{padding:7px 6px}.chat-thread-head{padding:9px 12px}.chat-messages{padding:12px}.chat-message{width:92%}.chat-composer{padding:8px 12px}.chat-emoji-picker{left:10px;bottom:48px}.chat-message-actions{opacity:1}}









/* Conversation geometry is explicit so RTL text does not reverse message ownership. */
.chat-messages{direction:ltr}
.chat-message{direction:rtl;text-align:right}
.chat-message-status{display:flex;justify-content:flex-start;gap:7px;padding:5px 28px 0 0;color:#7890a3;font-size:10px;direction:rtl}
.chat-message{width:fit-content;min-width:82px;max-width:min(74%,620px)}
.chat-shell,.chat-sidebar,.chat-thread,.chat-messages{min-height:0}
.notification-popover{position:fixed;z-index:110;width:min(360px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 90px));display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #d7e3ec;border-radius:7px;box-shadow:0 14px 34px rgba(29,48,69,.2);direction:rtl}.notification-popover>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e9eff3;color:#29465e;font-size:13px}.notification-popover>header button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#318c94;cursor:pointer}.notification-popover>header button:hover{background:#e6f5f3}.notification-popover .notification-list{overflow:auto;padding:4px}.notification-popover .notification-row{width:100%;border-radius:5px}.notification-popover .chat-thread-empty{padding:20px 10px}
.admin-primary-button{color:#fff!important;background:#c93d59!important}.admin-primary-button svg{color:#fff!important}.admin-picker-field{position:relative}.admin-search-picker{position:relative;min-width:0}.admin-search-picker>input[type=search]{padding-left:34px!important}.admin-picker-clear{position:absolute;left:3px;top:4px;width:29px;height:29px;border:0;border-radius:5px;background:transparent;color:#70879a;font-size:20px;line-height:1;cursor:pointer}.admin-picker-clear:hover{background:#f0f5f7;color:#b73751}.admin-picker-results{position:absolute;right:0;left:0;top:calc(100% + 4px);z-index:24;max-height:245px;overflow:auto;background:#fff;border:1px solid #d7e3ea;border-radius:6px;box-shadow:0 10px 24px rgba(28,51,71,.16);padding:4px}.admin-picker-results.hidden{display:none}.admin-picker-results button{display:block;width:100%;border:0;border-radius:4px;background:transparent;padding:8px;text-align:right;color:#36536c;font:inherit;font-size:12px;cursor:pointer}.admin-picker-results button:hover{background:#e9f6f4;color:#137d86}.admin-picker-results span{display:block;padding:9px;color:#8094a4;font-size:11px}.admin-role-picker{position:relative;max-width:460px}.admin-role-picker .admin-search-picker input{height:38px;border:0;border-bottom:1px solid #cbdce4;background:#fbfdfe;padding:0 8px;outline:none;font:inherit;color:#263f56;width:100%;box-sizing:border-box}.admin-role-picker .admin-search-picker input:focus{border-bottom-color:#1b9aa3;box-shadow:0 2px 0 -1px rgba(27,154,163,.22)}.admin-role-chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:9px}.admin-role-chips>span{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 7px;border:1px solid #b9dedd;border-radius:5px;background:#edf8f7;color:#23666d;font-size:12px}.admin-role-chips button{display:grid;place-items:center;width:17px;height:17px;border:0;border-radius:50%;background:transparent;color:#4a7b80;font-size:17px;line-height:1;cursor:pointer}.admin-role-chips button:hover{background:#f5dfe4;color:#b6324d}.admin-access-all{display:flex!important;align-items:center;gap:7px;margin:0 0 13px;padding:9px 0;border-bottom:1px solid #dfe9ec;color:#34546d;font-size:12px;cursor:pointer}.admin-access-all input,.admin-permission-item input{position:absolute;opacity:0;pointer-events:none}.admin-check-mark{width:17px;height:17px;flex:0 0 17px;border:1px solid #b7cbd7;border-radius:4px;background:#fff;display:grid;place-items:center;color:#fff;box-sizing:border-box}.admin-access-all input:checked+.admin-check-mark,.admin-permission-item input:checked+.admin-check-mark,.admin-group-toggle.is-checked .admin-check-mark{border-color:#16958f;background:#16958f}.admin-access-all input:checked+.admin-check-mark::after,.admin-permission-item input:checked+.admin-check-mark::after,.admin-group-toggle.is-checked .admin-check-mark::after{content:'✓';font-size:12px;font-weight:800}.admin-access-all input:indeterminate+.admin-check-mark::after,.admin-group-toggle.is-partial .admin-check-mark::after{content:'−';font-size:16px;line-height:1;color:#177e86}.admin-access-all input:indeterminate+.admin-check-mark{border-color:#177e86;background:#e8f6f5}.admin-permission-group{padding:0 0 12px!important;margin:0 0 10px!important;border:0!important;border-bottom:1px solid #e0e9ee!important}.admin-permission-group legend{display:flex;align-items:center;gap:7px;width:100%;padding:0 0 9px!important}.admin-permission-group legend strong{font-size:13px;color:#34546d}.admin-permission-group legend small{margin-right:auto;color:#7c94a5;font-size:10px;font-weight:500}.admin-group-toggle{padding:0;border:0;background:transparent;cursor:pointer}.admin-permission-group>div{display:flex;flex-wrap:wrap;gap:6px 16px}.admin-permission-item{display:flex!important;align-items:center;gap:5px;color:#5d778d;font-size:11px;cursor:pointer}.admin-permission-item:hover{color:#167e88}.admin-permission-item .admin-check-mark{width:15px;height:15px;flex-basis:15px;border-radius:3px}.admin-permission-item input:checked+.admin-check-mark::after{font-size:11px}
.chat-message-content{display:flex;align-items:flex-start;gap:7px;min-width:0}
.chat-message-main{min-width:0;max-width:100%}
.chat-message-meta{flex:0 0 auto;padding-top:1px}
.chat-message-body{padding:1px 0 3px;min-width:2ch}
.chat-files,.chat-message-status{padding-right:0}
.chat-message.is-mine .chat-message-content{flex-direction:row-reverse}
.chat-message.is-mine .chat-message-status{justify-content:flex-end}
.chat-message.is-mine .chat-files{justify-content:flex-end}
.chat-row-pin,.chat-pinned{color:#d97706}
.chat-row-pin svg,.chat-pinned svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chat-delete-actions{display:flex;gap:8px;flex-wrap:wrap}
.chat-delete-actions .danger-action{background:#c83d59}

/* Users and access: dense administration without nested generic cards. */
.users-page{padding:14px;overflow:auto}.user-admin{max-width:1420px;margin:0 auto}.user-admin svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.user-admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0 14px;border-bottom:2px solid #e2ebf0}.user-admin-head h1{margin:0;font-size:21px;color:#1e3854}.user-admin-head span{display:block;margin-top:4px;color:#668095;font-size:12px}.user-admin-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-icon-button,.admin-plain-button,.admin-primary-button{border:0;min-height:34px;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.16s ease}.admin-icon-button{width:34px;padding:0;background:transparent;color:#416681;border-radius:6px;position:relative}.admin-icon-button:hover{background:#e4f1f2;color:#117d87;box-shadow:0 0 0 3px rgba(22,143,151,.1)}.admin-plain-button{padding:0 10px;background:transparent;color:#42617b;border-radius:6px}.admin-plain-button:hover{background:#edf4f7}.admin-primary-button{padding:0 12px;background:#c93d59;color:#fff;border-radius:6px;box-shadow:0 4px 10px rgba(201,61,89,.18)}.admin-primary-button:hover{background:#aa2f48}.user-admin-layout{display:grid;grid-template-columns:minmax(255px,315px) minmax(0,1fr);gap:18px;padding-top:16px;min-height:600px}.admin-user-list{border-left:1px solid #dbe6ec;padding-left:12px;display:flex;flex-direction:column;min-height:0}.admin-search{display:grid;gap:6px}.admin-search span,.admin-form label>span{font-size:11px;color:#637d92}.admin-search input,.admin-form input:not([type=checkbox]),.admin-form select{box-sizing:border-box;width:100%;height:38px;border:0;border-bottom:1px solid #cbdce4;background:#fbfdfe;padding:0 8px;outline:none;font:inherit;color:#263f56}.admin-search input:focus,.admin-form input:focus,.admin-form select:focus{border-bottom-color:#1b9aa3;box-shadow:0 2px 0 -1px rgba(27,154,163,.22)}.admin-archive-filter{display:flex;gap:6px;align-items:center;margin:10px 0;color:#5e788e;font-size:12px}.admin-users-rows{display:grid;gap:3px;overflow:auto;min-height:0;padding-left:2px}.admin-user-row{width:100%;border:0;border-right:3px solid transparent;background:transparent;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 5px;text-align:right;cursor:pointer;border-radius:5px}.admin-user-row:hover{background:#eef7f7}.admin-user-row.is-selected{border-right-color:#14939b;background:#e0f2ef}.admin-user-row>span{min-width:0;display:grid;gap:3px}.admin-user-row strong,.admin-user-row em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-row strong{font-size:12px;color:#2d4c65}.admin-user-row strong small{font-weight:500;color:#7891a4}.admin-user-row em{font-size:10px;font-style:normal;color:#7d91a2}.admin-user-row i{font-size:9px;font-style:normal;padding:3px 5px;border-radius:99px}.admin-user-row i.is-active{background:#e6f5ec;color:#26764b}.admin-user-row i.is-archived{background:#f4e9ec;color:#9e5361}.admin-avatar{width:32px;height:32px;border-radius:50%;background:#dceaf0;color:#37677f;display:grid;place-items:center;overflow:hidden;font-size:12px;font-weight:800;flex:0 0 auto}.admin-avatar img{width:100%;height:100%;object-fit:cover}.admin-avatar.large{width:54px;height:54px;font-size:19px;background:#dff2ef;color:#168982}.admin-avatar.xl{width:78px;height:78px;font-size:28px}.admin-user-detail{min-width:0;padding:2px 0 30px}.admin-detail-head{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 0 14px;border-bottom:1px solid #dfe9ee}.admin-detail-head h2{margin:0;color:#24445d;font-size:19px}.admin-detail-head h2 small{color:#8196a8;font-size:11px;font-weight:500}.admin-detail-head p{margin:3px 0 0;color:#72899b;font-size:12px}.admin-icon-button.archive:hover{color:#bd3d56;background:#fff0f2}.admin-icon-button.restore:hover{color:#257a51;background:#e8f7ec}.admin-tabs{display:flex;gap:20px;border-bottom:1px solid #e2e9ee}.admin-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 2px 9px;color:#70879a;font:inherit;font-size:12px;cursor:pointer}.admin-tabs button.is-active{border-bottom-color:#15939c;color:#147c85;font-weight:800}.admin-form{padding-top:18px}.admin-avatar-editor{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#6c8598}.admin-avatar-editor small{font-size:11px}.admin-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.admin-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form label{display:grid;gap:6px;min-width:0}.admin-form select{padding:0 5px}.admin-check{display:flex!important;align-items:center;gap:7px;padding-top:20px;font-size:12px;color:#49677d}.admin-check input{accent-color:#168f96}.admin-check.full{padding:10px 0;border-bottom:1px solid #e5ecef}.admin-form-actions{display:flex;gap:8px;margin-top:22px}.admin-form-message{min-height:18px;margin:12px 0 0;color:#28774d;font-size:12px}.admin-form-message.is-error{color:#c03350}.admin-password{display:grid!important;grid-template-columns:minmax(0,1fr) 32px;align-items:center;border-bottom:1px solid #cbdce4;background:#fbfdfe}.admin-password input{border:0!important;box-shadow:none!important}.admin-password button{width:30px;height:30px;border:0;background:transparent;color:#557189;cursor:pointer;padding:6px}.admin-password svg{width:16px}.admin-access-block{padding:0 0 18px}.admin-access-block h3{margin:0 0 9px;color:#3e5d74;font-size:13px}.admin-role-choices{display:flex;gap:7px;flex-wrap:wrap}.admin-role-choice{display:flex!important;align-items:center;gap:5px;padding:5px 7px;border:1px solid #d9e4ea;border-radius:5px;background:#fbfdfe;font-size:12px;color:#49677e}.admin-permission-group{margin:12px 0 0;padding:9px 0 0;border:0;border-top:1px solid #e4ebef;display:flex;gap:8px 14px;flex-wrap:wrap}.admin-permission-group legend{padding:0 0 8px;color:#56738a;font-size:12px;font-weight:700}.admin-permission-group label{display:flex;align-items:center;gap:4px;color:#5d7488;font-size:11px}.admin-security-note{display:flex;gap:8px;align-items:center;color:#557085;font-size:12px;margin-bottom:16px}.admin-security-note svg{color:#168e96}.admin-empty{padding:28px 10px;text-align:center;color:#7c92a2;font-size:12px}.admin-empty.large{padding:120px 0}.admin-modal-backdrop{position:fixed;inset:0;z-index:120;background:rgba(26,44,60,.42);display:grid;place-items:center;padding:18px}.admin-modal{width:min(840px,100%);max-height:calc(100vh - 36px);background:#fff;box-shadow:0 20px 50px rgba(18,40,58,.3);border-radius:8px;display:flex;flex-direction:column}.admin-modal>header{padding:14px 18px;border-bottom:1px solid #e1e9ee;display:flex;align-items:center;justify-content:space-between}.admin-modal h2{margin:0;font-size:17px;color:#294b64}.admin-modal>header button{border:0;background:transparent;color:#567286;font-size:23px;cursor:pointer}.admin-modal-body{overflow:auto;padding:0 18px 18px}.admin-role-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:18px;min-height:420px;padding-top:17px}.admin-role-list{display:grid;align-content:start;gap:4px;border-left:1px solid #e0e8ed;padding-left:10px}.admin-role-list button{border:0;background:transparent;text-align:right;padding:8px;color:#48677e;font:inherit;font-size:12px;cursor:pointer;border-radius:5px}.admin-role-list button:hover,.admin-role-list button.is-selected{background:#e6f3f2;color:#147f88}.admin-role-list button[data-new-role]{display:flex;align-items:center;gap:5px;color:#b03450;margin-bottom:7px}.admin-role-list svg{width:14px;height:14px}.admin-modal .admin-form{padding-top:0}@media(max-width:900px){.user-admin-layout{grid-template-columns:1fr}.admin-user-list{border-left:0;border-bottom:1px solid #dbe6ec;padding:0 0 12px;max-height:300px}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-admin-head{align-items:flex-start;flex-direction:column}.admin-role-layout{grid-template-columns:1fr}.admin-role-list{border-left:0;border-bottom:1px solid #e0e8ed;padding:0 0 10px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.users-page{padding:8px}.admin-form-grid,.admin-form-grid.two{grid-template-columns:1fr}.user-admin-actions{width:100%}.admin-primary-button span,.admin-plain-button span{display:none}.admin-primary-button,.admin-plain-button{width:34px;padding:0}.admin-role-layout{min-height:auto}}
.chat-message-status .is-seen{color:#168f94;font-weight:700}
.chat-day-separator{align-self:center;color:#5d788e;background:#e1edf2;border:1px solid #d0e0e8;border-radius:999px;padding:4px 10px;font-size:10px;direction:rtl}
.chat-tool[data-tooltip]{position:relative}
.chat-tool[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);z-index:8;white-space:nowrap;background:#203f57;color:#fff;padding:4px 7px;border-radius:4px;font:11px inherit;box-shadow:0 4px 12px rgba(20,45,67,.2)}
.chat-emoji-search{display:flex;align-items:center;gap:7px;border:1px solid #cbdbe6;border-radius:5px;padding:6px 8px;margin-bottom:8px;color:#617e95}
.chat-emoji-search input{min-width:0;flex:1;border:0;outline:0;font:inherit;background:transparent;color:#263b50}
.chat-emoji-search svg{width:15px}
.chat-sidebar>header{background:#145d6d;border-bottom:3px solid #e5b34d}
.chat-sidebar h1{color:#fff}
.chat-sidebar p{color:#c9e8e6}
.chat-create-actions button{color:#d9f2ef}
.chat-create-actions button:hover{background:#2a7884;color:#fff}
.chat-thread-head{background:#eff8f6;border-bottom:2px solid #38a99d}
.chat-message{background:#edf6ff;border-right-color:#3d94be}
.chat-message.is-mine{background:#fff0f4;border-left-color:#d34a68}
.chat-composer{background:#fff9ed;border-top-color:#e2c57f}
.chat-send{background:#ca3c58}
.chat-conversation:hover,.chat-conversation.is-selected{background:#dff2ee}
.chat-message.is-mine .chat-message-status span:first-child::before{content:'✓ ';color:#c13a56;font-weight:700}
.chat-emoji-recent h4{display:flex;align-items:center;gap:8px}
.chat-emoji-recent h4 button{width:auto;height:auto;padding:1px 4px;margin-right:auto;color:#7b8da0;font:10px inherit;text-decoration:underline}
.chat-sidebar nav button:first-child{color:#5e7288;border-bottom:0}
.chat-sidebar nav button.is-active{color:#157b88;border-bottom:2px solid #1ca0ad}
.chat-conversation-list{scrollbar-width:auto;scrollbar-color:#3e99a2 #e6eff3}
.chat-conversation-list::-webkit-scrollbar{width:9px}
.chat-conversation-list::-webkit-scrollbar-thumb{background:#3e99a2;border:2px solid #f8fbfd;border-radius:9px}

/* Chat counters and contextual message controls. */
.sidebar-item{position:relative}
.sidebar-unread{margin-right:auto;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:9px;background:#cc3d5a;color:#fff;font-size:10px;line-height:1;font-weight:800;box-sizing:border-box}
.sidebar-unread[hidden]{display:none!important}
.chat-message{padding:9px 39px 8px 12px}
.chat-message.is-mine{padding:9px 12px 8px 39px}
.chat-message-body{padding:1px 0 3px}
.chat-message-menu-trigger{position:absolute;top:7px;left:7px;width:26px;height:26px;border:0;border-radius:4px;background:transparent;color:#5d7790;display:grid;place-items:center;cursor:pointer}
.chat-message-menu-trigger:hover,.chat-message-menu-trigger:focus-visible{background:#dfecef;color:#236b80;outline:0}
.chat-message-menu-trigger svg{width:17px}
.chat-message.is-mine .chat-message-menu-trigger{left:auto;right:7px}
.chat-message-popover{position:absolute;z-index:25;top:calc(100% + 5px);left:7px;min-width:158px;max-width:228px;padding:7px;background:#fff;border:1px solid #d6e2e9;border-radius:6px;box-shadow:0 9px 22px rgba(28,52,73,.2);direction:rtl;text-align:right}
.chat-message.is-mine .chat-message-popover{left:auto;right:7px}
.chat-message-popover.hidden{display:none}
.chat-message-popover.opens-up{top:auto;bottom:calc(100% + 5px)}
.chat-message-info{display:grid;gap:3px;padding:2px 4px 7px;color:#728aa0;font-size:10px;border-bottom:1px solid #e8eef2}
.chat-message-info .is-seen{color:#148f94;font-weight:800}
.chat-message-menu-actions{display:grid;padding-top:4px}
.chat-message-menu-actions button{width:100%;min-height:30px;border:0;border-radius:4px;background:transparent;color:#3f6078;display:flex;align-items:center;gap:7px;padding:5px 6px;font:inherit;font-size:11px;cursor:pointer;text-align:right}
.chat-message-menu-actions button:hover{background:#e9f5f5;color:#167e88}
.chat-message-menu-actions button.danger:hover{background:#fff0f2;color:#bf3652}
.chat-message-menu-actions svg{width:14px;height:14px;flex:0 0 auto}
.chat-message-actions{display:none!important}
/* Message metadata stays outside each neutral card; the accent identifies delivery state. */
.chat-message{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;position:relative;overflow:visible}
.chat-message-content{gap:8px;align-items:flex-start}
.chat-message-content{direction:ltr}
.chat-message-card{min-width:82px;max-width:100%;background:#fff;border:1px solid #e0e8ed;border-left:3px solid #19bd93;border-radius:6px 2px 6px 6px;box-shadow:0 1px 5px rgba(25,50,69,.08);padding:7px 10px 6px;direction:rtl;text-align:right}
.chat-message.is-mine .chat-message-card{border-left:1px solid #e0e8ed;border-right:3px solid #d94a65;border-radius:2px 6px 6px 6px}
.chat-message.is-mine.is-seen .chat-message-card{border-right-color:#19bd93}
.chat-message-meta{padding-top:5px}
.chat-message-body{padding:0 0 2px}
.chat-message-menu-trigger{top:5px;left:auto;right:-34px;width:26px;height:26px;border:1px solid #dce6eb;border-radius:50%;background:#fff;color:#5d7790;box-shadow:0 1px 4px rgba(25,50,69,.1)}
.chat-message.is-mine .chat-message-menu-trigger{right:auto;left:-34px}
.chat-message-popover{top:0;left:auto;right:-204px}
.chat-message.is-mine .chat-message-popover{right:auto;left:-204px}
.chat-message-popover.opens-up{top:auto;bottom:0}
@media(max-width:760px){.chat-messages{padding-inline:42px}.chat-message{max-width:calc(100% - 8px)}.chat-message-menu-trigger{left:auto;right:-31px}.chat-message.is-mine .chat-message-menu-trigger{right:auto;left:-31px}.chat-message-popover{left:auto;right:-178px}.chat-message.is-mine .chat-message-popover{right:auto;left:-178px}}
.chat-conversation-avatar>.chat-avatar{width:100%;height:100%;font-size:12px}
.chat-thread-icon>.chat-avatar{width:100%;height:100%;font-size:15px}
.notification-popover{box-sizing:border-box;max-height:calc(100vh - 24px)}