.workspace-staff .sidebar .nav .nav-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 9px;
  background: #e5f0e8;
  color: #285b47;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  margin: 0;
  flex-shrink: 0;
}
.workspace-staff .sidebar .nav .nav-icon svg {
  width: 19px;
  height: 19px;
}
.workspace-staff .sidebar .nav .nav-icon[data-nav-tone='warm'] {
  background: #f2ece1;
  color: #8b6b39;
}
.workspace-staff .sidebar .nav .nav-icon[data-nav-tone='blue'] {
  background: #e9eef5;
  color: #536d89;
}
.workspace-staff .sidebar .nav a.active .nav-icon {
  background: #ffffff24;
  color: #fff;
}
.workspace-staff .sidebar .ws-nav-group > div .nav-icon {
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 8px;
}
.ui-readable button.edit-action,
.ui-readable a.edit-action,
.ui-readable .questionnaire .q-section .q-edit {
  color: #245946;
  border-color: #b8cec2;
}
.ui-readable .edit-action.primary {
  background: #245946;
  color: #fff;
}
.ui-readable button.edit-action:hover,
.ui-readable a.edit-action:hover {
  background: #e5f0e8;
  color: #194934;
}
.questionnaire[data-q-report] {
  max-width: none;
  margin: 0;
  width: 100%;
}
.questionnaire[data-q-report] .q-heading {
  margin-bottom: 12px;
}
.questionnaire[data-q-report] .q-summary {
  padding: 14px 16px;
  gap: 16px;
  margin-bottom: 10px;
}
.questionnaire[data-q-report] .q-avatar {
  width: 64px;
  height: 64px;
}
.questionnaire[data-q-report] .q-person h2 {
  font-size: 20px;
  margin-bottom: 6px;
}
.questionnaire[data-q-report] .q-person p {
  margin: 4px 0;
}
.questionnaire[data-q-report] .q-contacts {
  padding: 10px 14px;
  background: #f0f5f1;
}
.questionnaire[data-q-report] .q-contacts p {
  margin: 4px 0;
}
.questionnaire[data-q-report] .q-section {
  padding: 13px 16px;
  margin-bottom: 10px;
  border-color: #d8e3dc;
}
.questionnaire[data-q-report] .q-section > header {
  margin-bottom: 10px;
}
.questionnaire[data-q-report] .q-section h2 {
  font-size: 17px;
  color: #294339;
}
.questionnaire[data-q-report] .q-values {
  gap: 10px 20px;
}
.questionnaire[data-q-report] .q-values dt {
  margin-bottom: 3px;
}
.questionnaire[data-q-report] .q-values dd {
  line-height: var(--ui-leading);
  overflow-wrap: break-word;
}
.questionnaire[data-q-report] .q-intro {
  margin-bottom: 10px;
}
.questionnaire[data-q-report] .q-photo-preview {
  height: 150px;
}
.questionnaire[data-q-report] .q-section .q-edit {
  white-space: nowrap;
}
@media (max-width: 700px) {
  .questionnaire[data-q-report] .q-summary {
    gap: 12px;
  }
  .questionnaire[data-q-report] .q-contacts {
    width: 100%;
  }
  .questionnaire[data-q-report] .q-section {
    padding: 12px;
  }
  .questionnaire[data-q-report] .q-values {
    gap: 10px 14px;
  }
}
@media (max-width: 430px) {
  .questionnaire[data-q-report] .q-values,
  .questionnaire[data-q-report] .q-values.q-four {
    grid-template-columns: 1fr;
  }
  .questionnaire[data-q-report] .q-section h2 {
    font-size: 16px;
  }
}
.questionnaire .q-contact-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.q-password-reset {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #dce7e1;
}
.q-password-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.q-password-heading span {
  font-size: 13px;
  background: #edf4ef;
  color: #285b48;
  border-radius: 6px;
  padding: 4px 9px;
}
.q-password-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.q-password-reset .q-intro {
  margin-top: 10px;
}
.q-time-grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 24px;
  align-items: center;
}
.q-client-clock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #edf4ef;
  padding: 14px 18px;
  border-radius: 9px;
}
.q-client-clock span {
  font-size: 14px;
  color: #61796d;
}
.q-client-clock strong {
  font-size: 27px;
  font-weight: 600;
}
.q-quiet-grid {
  display: grid;
  grid-template-columns: 1fr 170px 170px;
  align-items: center;
  gap: 16px;
  border-top: 1px solid #dce7e1;
  margin-top: 18px;
  padding-top: 16px;
}
.q-quiet-grid .q-intro {
  margin: 5px 0 0;
}
.q-time-rule {
  background: #f5f8f4;
  border-left: 3px solid #80a58d;
  padding: 11px 14px;
  margin: 16px 0 8px;
  font-size: 14px;
}
@media (max-width: 700px) {
  .q-time-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .q-quiet-grid {
    grid-template-columns: 1fr 1fr;
  }
  .q-quiet-grid > div {
    grid-column: 1/-1;
  }
  .q-password-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
  .q-password-fields {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .questionnaire .q-contact-fields {
    grid-template-columns: 1fr;
  }
}

.password-hint {
  display: block;
  margin: 7px 0 0;
  color: #61796d;
  font-size: 13px;
  line-height: var(--ui-leading);
}

body.client-view .client-sidebar .nav .nav-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 9px;
  background: #e5f0e8;
  color: #285b47;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  margin: 0;
  flex-shrink: 0;
}
body.client-view .client-sidebar .nav .nav-icon svg {
  width: 19px;
  height: 19px;
  stroke-width: 1.7;
}
body.client-view .client-sidebar .nav .nav-icon[data-nav-tone='warm'] {
  background: #f2ece1;
  color: #8b6b39;
}
body.client-view .client-sidebar .nav .nav-icon[data-nav-tone='blue'] {
  background: #e9eef5;
  color: #536d89;
}
body.client-view .client-sidebar .nav a.active .nav-icon {
  background: #ffffff24;
  color: #fff;
}

body.client-view .client-sidebar .nav .nav-icon[data-client-icon='home'] {
  background: #e7f3fa;
  color: #214d60;
}
body.client-view .client-sidebar .nav .nav-icon[data-client-icon='diary'] {
  background: #e4f1e6;
  color: #224b30;
}
body.client-view .client-sidebar .nav .nav-icon[data-client-icon='food'] {
  background: #fff0e5;
  color: #874528;
}
body.client-view .client-sidebar .nav .nav-icon[data-client-icon='forbidden'] {
  background: #fde9e9;
  color: #9c3038;
}
body.client-view .client-sidebar .nav .nav-icon[data-client-icon='shopping'] {
  background: #eee9fc;
  color: #514080;
}
body.client-view .client-sidebar .nav .nav-icon[data-client-icon='medicines'] {
  background: #fcf7da;
  color: #77751d;
}
body.client-view .client-sidebar .nav .nav-icon[data-client-icon='rx'] {
  background: #e3f2fc;
  color: #27566f;
}
body.client-view .client-sidebar .nav .nav-icon[data-client-icon='sports'] {
  background: #dff6ec;
  color: #26634f;
}
body.client-view .client-sidebar .nav .nav-icon[data-client-icon='chat'] {
  background: #f0e9fc;
  color: #5d4987;
}
body.client-view .client-sidebar .nav .nav-icon[data-client-icon='profile'] {
  background: #edf1f4;
  color: #345364;
}
body.client-view .client-sidebar .nav .nav-icon[data-client-icon='statistics'] {
  background: #eaf3eb;
  color: #2b653b;
}
body.client-view .client-sidebar .nav a.active .nav-icon[data-client-icon] {
  background: #ffffff24;
  color: #fff;
}

.ws-plan-sections .nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 9px;
  font-style: normal;
  flex-shrink: 0;
}
.ws-plan-sections .nav-icon svg {
  width: 19px;
  height: 19px;
  stroke-width: 1.7;
}
.ws-plan-sections .nav-icon[data-client-icon='food'] {
  background: #fff0e5;
  color: #874528;
}
.ws-plan-sections .nav-icon[data-client-icon='medicines'] {
  background: #fcf7da;
  color: #77751d;
}
.ws-plan-sections .nav-icon[data-client-icon='sports'] {
  background: #dff6ec;
  color: #26634f;
}
.ws-plan-sections .nav-icon[data-client-icon='personal'] {
  background: #fde9e9;
  color: #a15064;
}
.ws-plan-sections button.selected .nav-icon {
  background: #ffffff24;
  color: #fff;
}

.coin-policy-page {
  max-width: 1100px;
}
.coin-policy-page .card {
  padding: 18px;
  margin: 14px 0;
}
.coin-policy-page label {
  display: block;
  margin: 10px 0;
}
.coin-policy-page .check {
  display: flex;
  gap: 8px;
  align-items: center;
}
.coin-policy-page .grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.coin-policy-page textarea {
  width: 100%;
}
.coin-offer {
  border: 1px solid #dae5de;
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 14px;
}
.coin-text {
  white-space: pre-wrap;
}
.coin-reward {
  border-top: 1px solid #dbe4de;
  padding-top: 12px;
  margin-top: 12px;
}
@media (max-width: 650px) {
  .coin-policy-page .grid {
    grid-template-columns: 1fr;
  }
}

.chain-journal .chain-ending-filter {
  color: #b5263f;
  font-weight: 600;
}
.chain-journal .chain-ending-filter select {
  border-color: #e7a9b3;
  background: #fff0f2;
  color: #a52138;
}
.chain-journal-table .chain-ending-note {
  display: block;
  color: #bb263e;
  font-weight: 600;
  margin-top: 5px;
}
.chain-journal-table .client-tags {
  min-width: 150px;
  max-width: 300px;
}

.backup-status-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.backup-status-grid > section {
  padding: 14px;
  border: 1px solid #dce5de;
  border-radius: 10px;
}
.backup-path {
  overflow-wrap: anywhere;
  font-size: 13px;
}
.backup-copy {
  padding: 9px 0;
  border-bottom: 1px solid #e3e9e4;
}
.backup-panel .check {
  display: flex;
  gap: 10px;
}
.backup-panel .check input {
  width: auto;
}
@media (max-width: 650px) {
  .backup-status-grid {
    grid-template-columns: 1fr;
  }
}

.chain-materials summary small {
  margin-left: 10px;
  font-weight: 400;
  color: #78847e;
  font-size: 13px;
}
.chain-material-list {
  padding: 4px 0;
}
.chain-material {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 0;
  border-top: 1px solid #e4e9e6;
  color: #355746;
  text-decoration: none;
}
.chain-material-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 10px;
  background: #e6f1e8;
  color: #426b44;
}
.chain-material-icon.audio {
  background: #eee7fb;
  color: #70609f;
}
.chain-material-icon.transcript {
  background: #e2effb;
  color: #386b97;
}
.chain-material-icon svg {
  width: 25px;
  height: 25px;
}
.chain-material-name {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1;
}
.chain-material-name strong {
  font-size: 15px;
  text-decoration: underline;
  overflow-wrap: anywhere;
}
.chain-material-name small {
  font-size: 13px;
  color: #7a847f;
}
.chain-material-external {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #6a7971;
}
.chain-material-hint {
  font-size: 12px;
  color: #7a847f;
  margin: 10px 0 0;
}
.chain-material:hover strong {
  color: #163e2b;
}
@media (max-width: 600px) {
  .chain-material {
    gap: 10px;
    padding: 11px 0;
  }
  .chain-material-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
  }
  .chain-material-name strong {
    font-size: 14px;
  }
}

.chain-material-row {
  display: flex;
  align-items: center;
  gap: 14px;
  border-top: 1px solid #e4e9e6;
}
.chain-material-row .chain-material {
  flex: 1;
  min-width: 0;
  border-top: 0;
}
.chain-material-download {
  font-size: 13px;
  color: #355746;
  border: 1px solid #cbdcd1;
  border-radius: 7px;
  padding: 7px 10px;
  text-decoration: none;
  flex-shrink: 0;
}

.chain-material-block {
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid var(--line, #e4ebe6);
}
.chain-material-block:last-of-type {
  border-bottom: 0;
}
.chain-material-block h3 {
  font-size: 14px;
  margin: 0 0 6px;
  font-weight: 600;
}
.chain-material-empty {
  font-size: 13px;
  margin: 4px 0;
}

.chain-material-table-wrap {
  overflow-x: auto;
  margin-top: 5px;
}
.chain-material-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}
.chain-material-table th,
.chain-material-table td {
  padding: 7px 10px;
  border: 0;
  border-bottom: 1px solid #e4e9e6;
  background: transparent;
  text-align: left;
  vertical-align: middle;
}
.chain-material-table tr:last-child > * {
  border-bottom: 0;
}
.chain-material-table th {
  font-size: 14px;
  font-weight: 600;
  width: 1%;
  white-space: nowrap;
  padding-left: 0;
}
.chain-material-label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.chain-material-table .chain-material-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 8px;
}
.chain-material-table .chain-material-icon svg {
  width: 21px;
  height: 21px;
}
.chain-material-file {
  font-size: 14px;
}
.chain-material-file a {
  color: #355746;
  font-weight: 500;
  text-decoration: underline;
  white-space: nowrap;
}
.chain-material-file a:hover {
  color: #163e2b;
}
.chain-material-table .chain-material-meta {
  font-size: 12px;
  color: #7a847f;
  white-space: nowrap;
  width: 1%;
}
.chain-material-table .chain-material-actions {
  width: 1%;
  padding-right: 0;
}
.chain-material-table .chain-material-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 5px;
  border: 1px solid #d9e4dc;
  border-radius: 7px;
  color: #355746;
  box-sizing: border-box;
}
.chain-material-download svg {
  width: 19px;
  height: 19px;
}
.chain-material-download:hover {
  background: #edf5ef;
}
.chain-material-file a:focus-visible,
.chain-material-download:focus-visible {
  outline: 2px solid #355746;
  outline-offset: 3px;
}
.chain-material-table .chain-material-empty {
  color: #7a847f;
  font-size: 13px;
}
.chain-materials .chain-material-hint {
  margin: 6px 0 0;
}
@media (max-width: 600px) {
  .chain-material-table th,
  .chain-material-table td {
    padding: 6px;
  }
  .chain-material-table th {
    padding-left: 0;
    font-size: 13px;
  }
  .chain-material-label {
    gap: 7px;
  }
  .chain-material-file {
    font-size: 13px;
  }
}

.chain-material-icon.edited_transcript {
  background: #fff1da;
  color: #99621e;
}
.chain-material-icon.edited_audio {
  background: #dff3f1;
  color: #26766f;
}