.dx-page {
  max-width: 1540px;
  padding-top: 28px;
  color: #f4f2f9;
}
.dx-hero {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: flex-end;
  padding: 32px 34px;
  margin-bottom: 18px;
  border: 1px solid #ffffff12;
  border-radius: 24px;
  background:
    radial-gradient(circle at 78% 0, #6957d72a, transparent 34%),
    linear-gradient(135deg, #24222d, #1d1b24 65%);
  box-shadow: 0 28px 75px #0004;
  overflow: hidden;
}
.dx-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #a99cff12 1px, transparent 1px),
    linear-gradient(#a99cff0c 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(90deg, #0000, #000);
  pointer-events: none;
}
.dx-kicker,
.dx-panel > header small,
.dx-trend small,
.dx-modal header small,
.dx-os-detail > section > small {
  display: block;
  color: #a99cff;
  font:
    800 10px/1.3 Manrope,
    sans-serif;
  letter-spacing: 0.16em;
}
.dx-hero h1 {
  margin: 8px 0 3px;
  font:
    800 clamp(30px, 4vw, 48px)/1 Manrope,
    sans-serif;
  letter-spacing: -0.045em;
}
.dx-hero p,
.dx-panel > header p {
  margin: 8px 0 0;
  color: #aaa5b5;
  font-size: 13px;
}
.dx-period {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: end;
  gap: 8px;
  padding: 8px;
  border: 1px solid #ffffff12;
  border-radius: 15px;
  background: #17161dcf;
}
.dx-period label span {
  display: block;
  margin: 0 0 5px 3px;
  color: #898493;
  font:
    700 9px Manrope,
    sans-serif;
  text-transform: uppercase;
}
.dx-period input,
.dx-filter {
  height: 37px;
  border: 1px solid #3b3747;
  border-radius: 9px;
  background: #24222b;
  padding: 0 11px;
  color: #e9e6ef;
}
.dx-filter {
  border-color: #7767d8;
  background: linear-gradient(135deg, #7564dc, #5e50bd);
  font-weight: 800;
}
.dx-presets {
  display: flex;
  gap: 3px;
  padding: 3px;
  border-radius: 9px;
  background: #24222b;
}
.dx-presets button {
  height: 31px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #aaa5b5;
  font-size: 11px;
}
.dx-presets button:hover {
  background: #383348;
  color: #fff;
}
.dx-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 12px;
}
.dx-kpis article {
  display: flex;
  gap: 13px;
  align-items: center;
  min-height: 112px;
  padding: 18px;
  border: 1px solid #ffffff12;
  border-radius: 18px;
  background: linear-gradient(145deg, #24222b, #1e1c24);
  box-shadow: 0 12px 30px #0002;
}
.dx-kpis i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  font-style: normal;
}
.dx-kpis i.violet {
  background: #8b7cf626;
  color: #b8adff;
}
.dx-kpis i.mint {
  background: #4fd4a51c;
  color: #61deb0;
}
.dx-kpis i.amber {
  background: #f1b9561d;
  color: #f2c16d;
}
.dx-kpis i.rose {
  background: #ec71801c;
  color: #ef8995;
}
.dx-kpis small,
.dx-kpis span {
  display: block;
  color: #8f899a;
  font-size: 10px;
}
.dx-kpis strong {
  display: block;
  margin: 3px 0;
  font:
    800 24px Manrope,
    sans-serif;
}
.dx-trend {
  display: grid;
  grid-template-columns: 220px 1fr auto;
  align-items: center;
  gap: 20px;
  height: 108px;
  padding: 19px 24px;
  margin-bottom: 12px;
  border: 1px solid #ffffff10;
  border-radius: 18px;
  background: #201e27;
}
.dx-trend strong,
.dx-trend span {
  display: block;
}
.dx-trend strong {
  margin: 4px 0;
  font:
    800 22px Manrope,
    sans-serif;
}
.dx-trend span {
  color: #8f899a;
  font-size: 11px;
}
.dx-trend svg {
  width: 100%;
  height: 65px;
}
.dx-panel {
  margin-top: 12px;
  border: 1px solid #ffffff12;
  border-radius: 21px;
  background: linear-gradient(150deg, #211f28, #1b1a20);
  box-shadow: 0 20px 50px #0002;
  overflow: hidden;
}
.dx-panel > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 23px 26px;
  border-bottom: 1px solid #ffffff0d;
}
.dx-panel > header h2 {
  margin: 5px 0 0;
  font:
    800 19px Manrope,
    sans-serif;
  letter-spacing: -0.02em;
}
.dx-count {
  padding: 6px 10px;
  border: 1px solid #454050;
  border-radius: 999px;
  color: #aaa5b5;
  font-size: 10px;
}
.dx-project-head,
.dx-project {
  display: grid;
  grid-template-columns: minmax(230px, 1.15fr) minmax(250px, 1.35fr) 170px 130px;
  gap: 22px;
  align-items: center;
}
.dx-project-head {
  padding: 13px 26px;
  color: #77717f;
  font:
    700 9px Manrope,
    sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.dx-project {
  width: 100%;
  padding: 16px 26px;
  border: 0;
  border-top: 1px solid #ffffff0b;
  background: transparent;
  text-align: left;
}
.dx-project:hover {
  background: linear-gradient(90deg, #9686ff0c, transparent);
}
.dx-project-name {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 0;
}
.dx-project-name > i {
  width: 4px;
  height: 42px;
  border-radius: 4px;
  background: var(--project);
  box-shadow: 0 0 18px var(--project);
}
.dx-project-name span,
.dx-project-name small,
.dx-project-name strong,
.dx-project-name em {
  display: block;
  min-width: 0;
}
.dx-project-name small {
  color: #8d8797;
  font:
    800 9px Manrope,
    sans-serif;
}
.dx-project-name strong {
  margin: 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.dx-project-name em,
.dx-road em,
.dx-effort em,
.dx-effort small {
  color: #8d8797;
  font-style: normal;
  font-size: 10px;
}
.dx-road > span {
  position: relative;
  display: block;
  height: 7px;
  border-radius: 9px;
  background: #34313b;
}
.dx-road b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7868dc, #b1a5ff);
}
.dx-road i {
  position: absolute;
  top: -4px;
  width: 1px;
  height: 15px;
  background: #e9c66f;
  box-shadow: 0 0 8px #e9c66f;
}
.dx-road em {
  display: block;
  margin-top: 7px;
}
.dx-effort strong,
.dx-effort em,
.dx-effort small {
  display: block;
}
.dx-effort small {
  margin-top: 3px;
  color: #62d7aa;
}
.dx-effort small.over {
  color: #ef8995;
}
.dx-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 9px;
  border-radius: 9px;
  font:
    800 10px Manrope,
    sans-serif;
}
.dx-status.danger {
  background: #ef71801c;
  color: #ef8995;
}
.dx-status.success {
  background: #4fd4a51c;
  color: #65ddb2;
}
.dx-status.steady {
  background: #8b7cf61c;
  color: #b4aaff;
}
.dx-status.done {
  background: #ffffff0c;
  color: #aaa5b5;
}
.dx-status i {
  font: 18px serif;
}
.dx-team-grid,
.dx-product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 18px;
}
.dx-team {
  border: 1px solid #ffffff10;
  border-radius: 16px;
  background: #24222b;
  overflow: hidden;
}
.dx-team > header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 18px;
  border-bottom: 1px solid #ffffff0e;
}
.dx-team > header span,
.dx-team > header strong {
  display: block;
}
.dx-team > header span {
  font:
    800 11px Manrope,
    sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.dx-team > header strong {
  margin-top: 4px;
  color: #afa3ff;
  font-size: 15px;
}
.dx-team-stats {
  display: flex;
  gap: 15px;
}
.dx-team-stats b {
  text-align: right;
  font-size: 13px;
}
.dx-team-stats small {
  display: block;
  color: #7f7988;
  font-size: 8px;
  font-weight: 500;
}
.dx-member {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto 12px;
  gap: 11px;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  border: 0;
  border-top: 1px solid #ffffff08;
  background: transparent;
  text-align: left;
}
.dx-member:hover {
  background: #ffffff08;
}
.dx-avatar {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  overflow: hidden;
  background: linear-gradient(135deg, #574b8c, #31303e);
  color: #d7d0ff;
  font:
    800 11px Manrope,
    sans-serif;
}
.dx-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dx-member > span strong,
.dx-member > span small,
.dx-member-time b,
.dx-member-time small {
  display: block;
}
.dx-member > span strong {
  font-size: 12px;
}
.dx-member > span strong em {
  padding: 2px 5px;
  border-radius: 5px;
  background: #8b7cf622;
  color: #b6acff;
  font:
    700 8px Manrope,
    sans-serif;
}
.dx-member > span small,
.dx-member-time small {
  color: #888290;
  font-size: 9px;
}
.dx-member-time {
  text-align: right;
}
.dx-member-time b {
  font-size: 12px;
}
.dx-chevron {
  color: #6f6878;
  font: 18px serif;
}
.dx-product {
  padding: 20px;
  border: 1px solid #ffffff10;
  border-radius: 16px;
  background: #24222b;
  text-align: left;
}
.dx-product:hover {
  border-color: #8d7cff55;
  transform: translateY(-1px);
}
.dx-product-top {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 11px;
  align-items: center;
}
.dx-product-top > i {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #8b7cf61a;
  color: #b2a6ff;
  font-style: normal;
}
.dx-product-top small,
.dx-product-top strong {
  display: block;
}
.dx-product-top small {
  color: #8e8799;
  font:
    800 8px Manrope,
    sans-serif;
  letter-spacing: 0.12em;
}
.dx-product-top strong {
  margin-top: 3px;
  font-size: 14px;
}
.dx-product-top > em {
  padding: 4px 7px;
  border-radius: 6px;
  background: #4fd4a519;
  color: #61d7aa;
  font:
    800 8px Manrope,
    sans-serif;
  font-style: normal;
}
.dx-product-numbers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 18px 0;
  padding: 13px 0;
  border-block: 1px solid #ffffff0b;
}
.dx-product-numbers b {
  font:
    800 16px Manrope,
    sans-serif;
}
.dx-product-numbers small {
  display: block;
  color: #86808e;
  font:
    500 8px DM Sans,
    sans-serif;
}
.dx-types {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.dx-types em {
  padding: 5px 8px;
  border-radius: 999px;
  background: #ffffff0a;
  color: #aaa5b5;
  font-size: 9px;
  font-style: normal;
}
.dx-types b {
  color: #d5cff3;
}
.dx-open {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  color: #a99cff;
  font:
    700 10px Manrope,
    sans-serif;
}
.dx-add {
  height: 38px;
  padding: 0 13px;
  border: 1px solid #7767d8;
  border-radius: 10px;
  background: #7160d4;
  color: white;
  font-weight: 800;
  font-size: 11px;
}
.dx-client-list {
  padding: 8px 18px 18px;
}
.dx-client {
  display: grid;
  grid-template-columns: 45px minmax(200px, 1fr) repeat(4, 110px) 28px;
  align-items: center;
  gap: 16px;
  padding: 14px 12px;
  border-bottom: 1px solid #ffffff0b;
}
.dx-client:before {
  content: "";
  position: absolute;
}
.dx-rank {
  color: #6f6976;
  font:
    800 17px Manrope,
    sans-serif;
}
.dx-client-name small,
.dx-client-name strong,
.dx-client-name em,
.dx-client > span > b,
.dx-client > span > small {
  display: block;
}
.dx-client-name small {
  color: #827b8a;
  font:
    800 8px Manrope,
    sans-serif;
  letter-spacing: 0.12em;
}
.dx-client-name strong {
  margin: 2px 0;
  font-size: 13px;
}
.dx-client-name em,
.dx-client > span > small {
  color: #87818f;
  font-size: 9px;
  font-style: normal;
}
.dx-client > span > b {
  font-size: 13px;
}
.dx-risk {
  padding: 7px 9px;
  border-radius: 9px;
}
.dx-client.perigo .dx-risk {
  background: #ef71801b;
  color: #ef8995;
}
.dx-client.atencao .dx-risk {
  background: #f2b9571b;
  color: #f0bf68;
}
.dx-client.estavel .dx-risk {
  background: #4fd4a51a;
  color: #61d7aa;
}
.dx-client > button {
  border: 0;
  background: transparent;
  color: #77717d;
  font-size: 18px;
}
.dx-empty {
  grid-column: 1/-1;
  display: grid;
  place-items: center;
  min-height: 170px;
  color: #8b8494;
  text-align: center;
}
.dx-empty i {
  color: #9889ef;
  font-size: 24px;
}
.dx-empty strong,
.dx-empty span {
  display: block;
}
.dx-empty strong {
  margin: 7px 0;
  color: #cac5d2;
}
.dx-empty span {
  font-size: 11px;
}
.dx-method {
  display: flex;
  gap: 15px;
  margin-top: 16px;
  padding: 17px 20px;
  border: 1px solid #ffffff0d;
  border-radius: 14px;
  color: #888291;
  font-size: 11px;
}
.dx-method strong {
  color: #bbb5c4;
  white-space: nowrap;
}
.dx-loading {
  display: grid;
  place-items: center;
  min-height: 65vh;
  color: #aaa5b5;
}
.dx-loading span {
  width: 42px;
  height: 42px;
  border: 2px solid #3e3948;
  border-top-color: #9b8cff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.dx-modal-layer {
  position: fixed;
  inset: 0;
  z-index: 2147483200;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #08070dbb;
  backdrop-filter: blur(10px);
}
.dx-modal {
  display: flex;
  flex-direction: column;
  width: min(680px, 96vw);
  max-height: min(850px, 92vh);
  border: 1px solid #ffffff1a;
  border-radius: 22px;
  background: linear-gradient(145deg, #26232d, #1c1a21);
  box-shadow: 0 35px 110px #000a;
  overflow: hidden;
}
.dx-modal.wide {
  width: min(1050px, 96vw);
}
.dx-modal > header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 23px 25px;
  border-bottom: 1px solid #ffffff12;
}
.dx-modal h2 {
  margin: 5px 0 0;
  font:
    800 20px Manrope,
    sans-serif;
  letter-spacing: -0.025em;
}
.dx-modal header p {
  margin: 5px 0 0;
  color: #918b99;
  font-size: 11px;
}
.dx-modal > header button {
  width: 34px;
  height: 34px;
  border: 1px solid #ffffff12;
  border-radius: 10px;
  background: #ffffff08;
  color: #aaa4b2;
}
.dx-modal-body {
  overflow: auto;
  padding: 20px;
}
.dx-detail-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 15px;
}
.dx-detail-summary b {
  padding: 14px;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  background: #ffffff06;
  font-size: 17px;
}
.dx-detail-summary small {
  display: block;
  margin-top: 3px;
  color: #88818f;
  font-size: 9px;
}
.dx-task-list {
  display: grid;
  gap: 9px;
}
.dx-task-list article {
  padding: 15px;
  border: 1px solid #ffffff0e;
  border-radius: 13px;
  background: #211f27;
}
.dx-task-list article header,
.dx-task-list article footer {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.dx-task-list header span,
.dx-task-list header b {
  color: #9d92d8;
  font-size: 9px;
}
.dx-task-list h3 {
  margin: 8px 0 5px;
  font-size: 13px;
}
.dx-task-list p {
  margin: 0 0 10px;
  color: #9c96a3;
  font-size: 11px;
  line-height: 1.55;
}
.dx-task-list footer {
  color: #85808c;
  font-size: 9px;
}
.dx-task-list footer b {
  color: #c6c0ce;
}
.dx-os-list {
  display: grid;
  gap: 8px;
}
.dx-os-list > button {
  display: grid;
  grid-template-columns: 1fr auto 15px;
  gap: 18px;
  align-items: center;
  padding: 15px;
  border: 1px solid #ffffff0f;
  border-radius: 13px;
  background: #211f27;
  text-align: left;
}
.dx-os-list > button:hover {
  border-color: #8e7cff55;
  background: #292631;
}
.dx-os-list span > * {
  display: block;
}
.dx-os-list em {
  color: #a99cff;
  font:
    800 8px Manrope,
    sans-serif;
  font-style: normal;
}
.dx-os-list strong {
  margin: 4px 0;
  font-size: 12px;
}
.dx-os-list small {
  color: #898391;
  font-size: 9px;
}
.dx-os-list > button > span:nth-child(2) {
  text-align: right;
}
.dx-os-list > button > span:nth-child(2)b {
  font-size: 10px;
}
.dx-os-list > button > i {
  color: #8f84cb;
  font: 18px serif;
}
.dx-os-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.dx-os-detail > section {
  padding: 18px;
  border: 1px solid #ffffff0e;
  border-radius: 15px;
  background: #211f27;
}
.dx-os-detail dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.dx-os-detail dl div {
  padding: 10px;
  border-radius: 9px;
  background: #ffffff06;
}
.dx-os-detail dt {
  color: #817b88;
  font-size: 8px;
  text-transform: uppercase;
}
.dx-os-detail dd {
  margin: 4px 0 0;
  font-size: 11px;
}
.dx-os-detail h3 {
  margin: 14px 0 4px;
  font-size: 11px;
}
.dx-os-detail p {
  margin: 0;
  color: #a19aa8;
  font-size: 11px;
  line-height: 1.55;
  white-space: pre-wrap;
}
.dx-os-detail > section:nth-child(3),
.dx-os-detail > section:nth-child(4) {
  grid-column: 1/-1;
}
.dx-timeline article {
  display: flex;
  gap: 12px;
  padding: 8px 0;
}
.dx-timeline i {
  width: 8px;
  height: 8px;
  margin-top: 4px;
  border: 2px solid #9b8cff;
  border-radius: 50%;
}
.dx-timeline b,
.dx-timeline small {
  display: block;
}
.dx-timeline b {
  font-size: 10px;
}
.dx-timeline small {
  color: #7f7987;
  font-size: 8px;
}
.dx-timeline p {
  margin-top: 4px;
}
.dx-client-search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  margin-bottom: 12px;
  border: 1px solid #403b49;
  border-radius: 11px;
  background: #1c1a20;
}
.dx-client-search input {
  width: 100%;
  height: 42px;
  border: 0;
  outline: 0;
  background: transparent;
}
.dx-client-picker {
  display: grid;
  gap: 7px;
  max-height: 480px;
  overflow: auto;
}
.dx-client-picker button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px;
  border: 1px solid #ffffff0e;
  border-radius: 11px;
  background: #232129;
  text-align: left;
}
.dx-client-picker button:not(:disabled):hover {
  border-color: #8b7cf655;
}
.dx-client-picker button:disabled {
  opacity: 0.55;
}
.dx-client-picker strong,
.dx-client-picker small {
  display: block;
}
.dx-client-picker small {
  color: #847e8b;
  font-size: 9px;
}
.dx-client-picker b {
  color: #a99cff;
  font-size: 10px;
}
.director-shell .global-task-search,
.director-shell .sidebar-add,
.director-shell .top-actions > :not([data-fullscreen]) {
  display: none !important;
}
.director-shell .topbar {
  background: #17161ded;
}
.director-shell .brand {
  pointer-events: none;
}
@media (max-width: 1050px) {
  .dx-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
  .dx-team-grid,
  .dx-product-grid {
    grid-template-columns: 1fr;
  }
  .dx-project-head {
    display: none;
  }
  .dx-project {
    grid-template-columns: 1fr 1fr;
  }
  .dx-client {
    grid-template-columns: 35px 1fr repeat(2, 90px) 28px;
  }
  .dx-client > span:nth-of-type(3),
  .dx-client > span:nth-of-type(4) {
    display: none;
  }
}
@media (max-width: 720px) {
  .dx-hero {
    display: block;
    padding: 23px;
  }
  .dx-period {
    margin-top: 22px;
    flex-wrap: wrap;
  }
  .dx-presets {
    width: 100%;
  }
  .dx-presets button {
    flex: 1;
  }
  .dx-kpis {
    grid-template-columns: 1fr 1fr;
  }
  .dx-trend {
    grid-template-columns: 1fr;
    height: auto;
  }
  .dx-trend svg {
    grid-row: 2;
  }
  .dx-project {
    grid-template-columns: 1fr;
  }
  .dx-project .dx-effort,
  .dx-project .dx-status {
    display: none;
  }
  .dx-client {
    grid-template-columns: 30px 1fr 75px 25px;
  }
  .dx-client > span:nth-of-type(n + 2):not(.dx-risk) {
    display: none;
  }
  .dx-os-detail {
    grid-template-columns: 1fr;
  }
  .dx-os-detail > section {
    grid-column: 1 !important;
  }
  .dx-detail-summary {
    grid-template-columns: 1fr;
  }
  .dx-page {
    padding-inline: 13px;
  }
  .dx-modal-layer {
    padding: 8px;
  }
  .dx-kpis article {
    padding: 13px;
  }
  .dx-panel > header {
    padding: 18px;
  }
  .dx-add {
    font-size: 0;
  }
  .dx-add:after {
    content: "＋";
    font-size: 15px;
  }
}
.dx-project.is-late .dx-road > span {
  background: #4b292f;
}
.dx-project.is-late .dx-road b {
  background: linear-gradient(90deg, #c9475c, #f07887);
  box-shadow: 0 0 14px #ef718044;
}
.dx-project.is-late .dx-road em {
  color: #e98290;
}
.dx-task-entry {
  position: relative;
  width: 100%;
  padding: 15px 38px 15px 15px;
  border: 1px solid #ffffff0e;
  border-radius: 13px;
  background: #211f27;
  color: inherit;
  text-align: left;
}
.dx-task-entry:hover {
  border-color: #8e7cff66;
  background: #292631;
  transform: translateY(-1px);
}
.dx-task-entry > i {
  position: absolute;
  right: 16px;
  top: 50%;
  translate: 0 -50%;
  color: #9b8cff;
  font: 20px serif;
}
.dx-task-entry header,
.dx-task-entry footer {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.dx-task-entry header span,
.dx-task-entry header b {
  color: #9d92d8;
  font-size: 9px;
}
.dx-task-entry h3 {
  margin: 8px 0 5px;
  font-size: 13px;
}
.dx-task-entry p {
  margin: 0 0 10px;
  color: #9c96a3;
  font-size: 11px;
  line-height: 1.55;
}
.dx-task-entry footer {
  color: #85808c;
  font-size: 9px;
}
.dx-task-entry footer b {
  color: #c6c0ce;
}
.dx-stage-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-bottom: 15px;
}
.dx-stage-strip article {
  padding: 13px;
  border: 1px solid #ffffff0e;
  border-radius: 12px;
  background: #211f27;
}
.dx-stage-strip small,
.dx-stage-strip strong,
.dx-stage-strip span {
  display: block;
}
.dx-stage-strip small {
  color: #9d91dc;
  font:
    800 8px Manrope,
    sans-serif;
  text-transform: uppercase;
}
.dx-stage-strip strong {
  margin: 5px 0;
  font-size: 11px;
}
.dx-stage-strip span,
.dx-project-description,
.dx-muted {
  color: #8e8896;
  font-size: 10px;
}
.dx-project-description {
  margin: 0 0 15px;
  padding: 13px;
  border-left: 2px solid #8878e8;
  background: #ffffff05;
  line-height: 1.6;
}
.dx-dossier {
  display: grid;
  gap: 12px;
}
.dx-dossier-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
  padding: 20px;
  border: 1px solid #ffffff10;
  border-radius: 16px;
  background:
    radial-gradient(circle at 90% 0, #8b7cf61c, transparent 45%), #211f27;
}
.dx-dossier-hero h3 {
  margin: 6px 0;
  font:
    800 17px Manrope,
    sans-serif;
}
.dx-dossier-hero p {
  margin: 0;
  color: #a19ba8;
  font-size: 11px;
  line-height: 1.6;
}
.dx-dossier-metrics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.dx-dossier-metrics b {
  padding: 12px;
  border: 1px solid #ffffff0d;
  border-radius: 11px;
  background: #ffffff06;
  font-size: 14px;
}
.dx-dossier-metrics small {
  display: block;
  margin-top: 3px;
  color: #837d8b;
  font-size: 8px;
}
.dx-os-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 15px 17px;
  border: 1px solid #8a79ec44;
  border-radius: 13px;
  background: linear-gradient(90deg, #8b7cf615, transparent);
  color: inherit;
  text-align: left;
}
.dx-os-link span > * {
  display: block;
}
.dx-os-link small {
  color: #a99cff;
  font:
    800 8px Manrope,
    sans-serif;
}
.dx-os-link strong {
  margin: 4px 0;
  font-size: 12px;
}
.dx-os-link em {
  color: #918b99;
  font-size: 9px;
  font-style: normal;
}
.dx-os-link > i {
  color: #ad9fff;
  font:
    700 10px Manrope,
    sans-serif;
  font-style: normal;
}
.dx-dossier-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.dx-dossier-grid > section,
.dx-dossier-section {
  padding: 17px;
  border: 1px solid #ffffff0e;
  border-radius: 14px;
  background: #211f27;
}
.dx-dossier-grid > section > small,
.dx-dossier-section > header small {
  color: #9e92dc;
  font:
    800 8px Manrope,
    sans-serif;
  letter-spacing: 0.12em;
}
.dx-dossier-fields {
  display: grid;
  gap: 8px;
  margin: 13px 0 0;
}
.dx-dossier-fields div {
  padding: 10px;
  border-radius: 9px;
  background: #ffffff05;
}
.dx-dossier-fields dt {
  text-transform: capitalize;
  color: #807a87;
  font-size: 8px;
}
.dx-dossier-fields dd {
  margin: 4px 0 0;
  white-space: pre-wrap;
  font-size: 10px;
  line-height: 1.5;
}
.dx-dossier-section > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.dx-dossier-section > header h3 {
  margin: 4px 0 0;
  font-size: 13px;
}
.dx-dossier-section > header > span {
  color: #898290;
  font-size: 9px;
}
.dx-record-list > article {
  display: grid;
  grid-template-columns: 11px 1fr;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid #ffffff08;
}
.dx-record-list > article > i {
  width: 8px;
  height: 8px;
  margin-top: 3px;
  border: 2px solid #7fd9b7;
  border-radius: 50%;
}
.dx-record-list > article.blocked > i {
  border-color: #ef7889;
}
.dx-record-list header {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.dx-record-list header b {
  color: #aaa0df;
  font-size: 8px;
}
.dx-record-list header span {
  color: #77717e;
  font-size: 8px;
}
.dx-record-list p {
  margin: 7px 0;
  color: #b3adba;
  font-size: 10px;
  line-height: 1.55;
}
.dx-record-list dl {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  margin: 8px 0 0;
}
.dx-record-list dl div {
  padding: 8px;
  border-radius: 8px;
  background: #ffffff05;
}
.dx-record-list dt {
  color: #7f7987;
  font-size: 7px;
  text-transform: uppercase;
}
.dx-record-list dd {
  margin: 3px 0 0;
  font-size: 9px;
}
.dx-session-list article {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #ffffff08;
}
.dx-session-list b,
.dx-session-list small {
  display: block;
}
.dx-session-list b {
  font-size: 10px;
}
.dx-session-list small {
  color: #7f7987;
  font-size: 8px;
}
.dx-session-list strong {
  font-size: 10px;
}
.dx-comment-list article {
  padding: 10px 0;
  border-top: 1px solid #ffffff08;
}
.dx-comment-list header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.dx-comment-list b {
  font-size: 9px;
}
.dx-comment-list span {
  color: #77717f;
  font-size: 8px;
}
.dx-comment-list p {
  margin: 5px 0 0;
  color: #aaa4b1;
  font-size: 10px;
  line-height: 1.5;
}
.dx-history-list article {
  display: flex;
  gap: 9px;
  padding: 8px 0;
}
.dx-history-list i {
  width: 7px;
  height: 7px;
  margin-top: 3px;
  border-radius: 50%;
  background: #8e7deb;
}
.dx-history-list b,
.dx-history-list small {
  display: block;
}
.dx-history-list b {
  font-size: 9px;
}
.dx-history-list small {
  color: #77717f;
  font-size: 8px;
}
.dx-history-list p {
  margin: 4px 0 0;
  color: #918a99;
  font-size: 9px;
}
@media (max-width: 720px) {
  .dx-dossier-hero,
  .dx-dossier-grid {
    grid-template-columns: 1fr;
  }
  .dx-record-list dl {
    grid-template-columns: 1fr;
  }
  .dx-os-link {
    align-items: flex-start;
  }
  .dx-os-link > i {
    display: none;
  }
}

.dx-project.is-risk .dx-road > span {
  background: #4a3c27;
}
.dx-project.is-risk .dx-road b {
  background: linear-gradient(90deg, #c68b32, #efb85c);
  box-shadow: 0 0 14px #efb85c33;
}
.dx-project.is-risk .dx-road em {
  color: #ddb66f;
}
.dx-status.warning {
  background: #efb85c1b;
  color: #efbd68;
}
.dx-status > span {
  display: block;
  min-width: 0;
}
.dx-status small {
  display: block;
  max-width: 105px;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: currentColor;
  font-size: 7px;
  font-weight: 600;
  opacity: 0.72;
}

.dx-forecast-card {
  margin-bottom: 14px;
  padding: 16px;
  border: 1px solid #ffffff10;
  border-radius: 14px;
  background: #211f27;
}
.dx-forecast-card > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dx-forecast-card > header small,
.dx-forecast-card > header strong {
  display: block;
}
.dx-forecast-card > header small {
  font:
    800 8px Manrope,
    sans-serif;
  letter-spacing: 0.14em;
}
.dx-forecast-card > header strong {
  margin-top: 3px;
  font-size: 14px;
}
.dx-forecast-card > header em {
  padding: 5px 8px;
  border-radius: 99px;
  background: #ffffff09;
  color: #918a99;
  font-size: 8px;
  font-style: normal;
}
.dx-forecast-card > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 13px;
}
.dx-forecast-card > div b {
  padding: 11px;
  border-radius: 10px;
  background: #ffffff05;
  font-size: 13px;
}
.dx-forecast-card > div small {
  display: block;
  margin-top: 3px;
  color: #817b89;
  font-size: 7px;
}
.dx-forecast-card > footer {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 11px;
}
.dx-forecast-card > footer span {
  padding: 5px 8px;
  border-radius: 99px;
  background: #ffffff08;
  color: #aaa4b2;
  font-size: 8px;
}
.dx-forecast-card.danger {
  border-color: #ef718036;
}
.dx-forecast-card.danger > header strong,
.dx-forecast-card.danger > header small {
  color: #ef8995;
}
.dx-forecast-card.warning {
  border-color: #efb85c36;
}
.dx-forecast-card.warning > header strong,
.dx-forecast-card.warning > header small {
  color: #efbd68;
}
.dx-forecast-card.success > header strong,
.dx-forecast-card.success > header small {
  color: #65ddb2;
}
.dx-forecast-card.steady > header strong,
.dx-forecast-card.steady > header small {
  color: #b4aaff;
}
@media (max-width: 720px) {
  .dx-forecast-card > div {
    grid-template-columns: repeat(2, 1fr);
  }
}

.dx-client[data-client] {
  cursor: pointer;
}
.dx-client[data-client]:hover {
  background: #ffffff05;
}
.dx-client[data-client]:focus-visible {
  outline: 2px solid #9b8cff;
  outline-offset: -2px;
}
.dx-client-dossier {
  display: grid;
  gap: 12px;
}
.dx-client-hero {
  display: grid;
  grid-template-columns: minmax(210px, 0.8fr) 1.4fr;
  gap: 18px;
  padding: 20px;
  border: 1px solid #ffffff10;
  border-radius: 16px;
  background:
    radial-gradient(circle at 90% 0, #8b7cf61b, transparent 45%), #211f27;
}
.dx-client-hero h3 {
  margin: 5px 0;
  font:
    800 20px Manrope,
    sans-serif;
}
.dx-client-hero p {
  margin: 0;
  color: #938d9b;
  font-size: 10px;
}
.dx-client-hero > div:last-child {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 7px;
}
.dx-client-hero b {
  padding: 12px;
  border-radius: 10px;
  background: #ffffff06;
  font-size: 15px;
}
.dx-client-hero b small {
  display: block;
  margin-top: 4px;
  color: #817b89;
  font-size: 7px;
}
.dx-client-hero.perigo {
  border-color: #ef71803c;
}
.dx-client-hero.perigo h3 {
  color: #ef8995;
}
.dx-client-hero.atencao {
  border-color: #efb85c3c;
}
.dx-client-hero.atencao h3 {
  color: #efbd68;
}
.dx-client-hero.estavel h3 {
  color: #65ddb2;
}
.dx-client-os-list {
  display: grid;
  gap: 8px;
}
.dx-client-os-list > button {
  display: grid;
  grid-template-columns: 1fr auto 14px;
  gap: 14px;
  align-items: center;
  width: 100%;
  padding: 14px;
  border: 1px solid #ffffff0e;
  border-radius: 12px;
  background: #ffffff04;
  color: inherit;
  text-align: left;
}
.dx-client-os-list > button:hover {
  border-color: #8e7cff55;
  background: #ffffff07;
}
.dx-client-os-list > button.urgent {
  border-left: 3px solid #ef7180;
}
.dx-client-os-list span > * {
  display: block;
}
.dx-client-os-list em {
  color: #a99cff;
  font:
    800 8px Manrope,
    sans-serif;
  font-style: normal;
}
.dx-client-os-list strong {
  margin: 4px 0;
  font-size: 11px;
}
.dx-client-os-list small {
  color: #817b89;
  font-size: 8px;
}
.dx-client-os-list > button > span:nth-child(2) {
  text-align: right;
}
.dx-client-os-list > button > i {
  color: #9b8cff;
  font: 18px serif;
}
.dx-test-list article {
  display: flex;
  gap: 9px;
  padding: 9px 0;
  border-top: 1px solid #ffffff08;
}
.dx-test-list article > i {
  width: 8px;
  height: 8px;
  margin-top: 3px;
  border: 2px solid #61d7aa;
  border-radius: 50%;
}
.dx-test-list article.failed > i {
  border-color: #ef7889;
}
.dx-test-list b,
.dx-test-list small {
  display: block;
}
.dx-test-list b {
  font-size: 9px;
}
.dx-test-list small {
  color: #77717f;
  font-size: 8px;
}
.dx-test-list p {
  margin: 5px 0 0;
  color: #aaa4b1;
  font-size: 9px;
  line-height: 1.45;
}
.dx-homolog-list article {
  padding: 10px 0;
  border-top: 1px solid #ffffff08;
}
.dx-homolog-list header {
  display: flex;
  justify-content: space-between;
}
.dx-homolog-list header b,
.dx-homolog-list header span {
  font-size: 8px;
}
.dx-homolog-list header span {
  color: #77717f;
}
.dx-homolog-list > article > strong {
  display: block;
  margin: 7px 0 3px;
  font-size: 10px;
}
.dx-homolog-list p {
  margin: 0;
  color: #aaa4b1;
  font-size: 9px;
}
.dx-client-records {
  display: grid;
  gap: 7px;
}
.dx-client-records > button {
  display: grid;
  grid-template-columns: 10px 1fr 12px;
  gap: 10px;
  width: 100%;
  padding: 12px;
  border: 1px solid #ffffff0d;
  border-radius: 11px;
  background: #ffffff04;
  color: inherit;
  text-align: left;
}
.dx-client-records > button:hover {
  border-color: #8e7cff55;
}
.dx-client-records > button > i {
  width: 8px;
  height: 8px;
  margin-top: 3px;
  border: 2px solid #6fdbb4;
  border-radius: 50%;
}
.dx-client-records > button.blocked > i {
  border-color: #ef7889;
}
.dx-client-records header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.dx-client-records header b {
  color: #a99cff;
  font-size: 8px;
}
.dx-client-records header small {
  color: #77717f;
  font-size: 8px;
}
.dx-client-records strong {
  display: block;
  margin: 5px 0;
  font-size: 10px;
}
.dx-client-records p {
  margin: 0;
  color: #aaa4b1;
  font-size: 9px;
  line-height: 1.45;
}
.dx-client-records em {
  display: block;
  margin-top: 5px;
  color: #c5bed0;
  font-size: 8px;
  font-style: normal;
}
.dx-client-records u {
  align-self: center;
  color: #9b8cff;
  text-decoration: none;
  font-size: 17px;
}
@media (max-width: 720px) {
  .dx-client-hero {
    grid-template-columns: 1fr;
  }
  .dx-client-hero > div:last-child {
    grid-template-columns: repeat(2, 1fr);
  }
  .dx-client-os-list > button {
    grid-template-columns: 1fr 12px;
  }
  .dx-client-os-list > button > span:nth-child(2) {
    display: none;
  }
}

/* Leitura operacional premium dos colaboradores */
.dx-team-members {
  display: grid;
  gap: 11px;
  padding: 12px;
}
.dx-member {
  position: relative;
  display: block;
  width: 100%;
  padding: 14px;
  border: 1px solid #ffffff10;
  border-radius: 15px;
  background: linear-gradient(145deg, #201e27, #1b1a21);
  color: #f4f2f9;
  text-align: left;
  overflow: hidden;
  transition:
    border-color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
.dx-member:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: #595463;
}
.dx-member:hover {
  transform: translateY(-1px);
  border-color: #ffffff21;
  background: linear-gradient(145deg, #27242f, #1f1d25);
  box-shadow: 0 14px 32px #0004;
}
.dx-member.is-running:before {
  background: #4fd4a5;
  box-shadow: 0 0 18px #4fd4a599;
}
.dx-member.is-late:before {
  background: #ef7180;
  box-shadow: 0 0 18px #ef718099;
}
.dx-member.is-paused:before {
  background: #efb95d;
  box-shadow: 0 0 16px #efb95d77;
}
.dx-member-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
}
.dx-member-head .dx-avatar {
  width: 42px;
  height: 42px;
  border-radius: 13px;
}
.dx-member-head > span > strong,
.dx-member-head > span > small {
  display: block;
}
.dx-member-head > span > strong {
  font:
    800 12px/1.25 Manrope,
    sans-serif;
}
.dx-member-head > span > strong em {
  margin-left: 4px;
  padding: 3px 6px;
  border: 1px solid #9485e333;
  border-radius: 999px;
  background: #8b7cf618;
  color: #bcb2ff;
  font:
    800 7px Manrope,
    sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.dx-member-head > span > small {
  margin-top: 4px;
  color: #827c8b;
  font-size: 9px;
}
.dx-presence {
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: 170px;
  padding: 5px 8px;
  border: 1px solid #ffffff0e;
  border-radius: 999px;
  background: #ffffff06;
  color: #98919f;
  font:
    700 8px/1.2 Manrope,
    sans-serif;
  text-align: right;
}
.dx-presence i,
.dx-current-work header span i {
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #77717e;
}
.is-running .dx-presence {
  border-color: #4fd4a52c;
  background: #4fd4a510;
  color: #66ddb3;
}
.is-running .dx-presence i,
.dx-current-work.is-running header span i {
  background: #4fd4a5;
  box-shadow: 0 0 9px #4fd4a5;
}
.is-late .dx-presence {
  border-color: #ef718035;
  background: #ef718012;
  color: #f28b97;
}
.is-late .dx-presence i,
.dx-current-work.is-late header span i {
  background: #ef7180;
  box-shadow: 0 0 9px #ef7180;
}
.is-paused .dx-presence {
  border-color: #efb95d32;
  background: #efb95d10;
  color: #efc475;
}
.is-paused .dx-presence i,
.dx-current-work.is-paused header span i {
  background: #efb95d;
  box-shadow: 0 0 8px #efb95d;
}
.dx-current-work {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 11px 12px;
  border: 1px solid #ffffff0b;
  border-radius: 12px;
  background: #15141a99;
  color: #f4f2f9;
  text-align: left;
}
.dx-current-work[role="button"],
button.dx-current-work {
  cursor: pointer;
}
.dx-current-work header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.dx-current-work header span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #817a8a;
  font:
    800 7px Manrope,
    sans-serif;
  letter-spacing: 0.12em;
}
.dx-current-work header b {
  color: #9992a1;
  font:
    800 8px Manrope,
    sans-serif;
}
.dx-current-work.is-running header b {
  color: #65dcb1;
}
.dx-current-work.is-late header b {
  color: #ef8995;
}
.dx-current-work.is-paused header b {
  color: #efc475;
}
.dx-current-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 9px;
}
.dx-current-title span,
.dx-current-title strong,
.dx-current-title small {
  display: block;
  min-width: 0;
}
.dx-current-title strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font:
    750 11px/1.3 Manrope,
    sans-serif;
}
.dx-current-title small {
  margin-top: 3px;
  color: #77717f;
  font-size: 8px;
}
.dx-current-title > i {
  color: #9e90ef;
  font: 20px serif;
}
.dx-current-metrics {
  display: grid;
  grid-template-columns: 1.05fr 1fr 0.8fr;
  gap: 8px;
  margin-top: 10px;
}
.dx-current-metrics > span {
  padding-top: 8px;
  border-top: 1px solid #ffffff0b;
}
.dx-current-metrics small,
.dx-current-metrics strong {
  display: block;
}
.dx-current-metrics small {
  color: #716b78;
  font:
    700 7px Manrope,
    sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.dx-current-metrics strong {
  margin-top: 3px;
  color: #d9d4df;
  font:
    800 10px Manrope,
    sans-serif;
}
.dx-current-metrics [data-dx-clock] {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.03em;
}
.dx-current-metrics .dx-control-late,
.dx-current-metrics .dx-control-effort {
  color: #ef8995;
}
.dx-current-metrics .dx-control-ok {
  color: #61d7aa;
}
.dx-current-work.is-idle {
  padding: 10px 12px;
  background: #19171e66;
}
.dx-current-work.is-idle > div strong,
.dx-current-work.is-idle > div small {
  display: block;
}
.dx-current-work.is-idle > div strong {
  margin-top: 8px;
  color: #9b95a2;
  font-size: 10px;
}
.dx-current-work.is-idle > div small {
  margin-top: 2px;
  color: #6e6874;
  font-size: 8px;
}
.dx-member-footer {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 12px;
  margin-top: 11px;
}
.dx-member-deliveries {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  column-gap: 7px;
  padding: 7px 9px;
  border: 1px solid #9587ec2a;
  border-radius: 10px;
  background: linear-gradient(135deg, #8b7cf617, #8b7cf608);
}
.dx-member-deliveries b {
  grid-row: 1/3;
  color: #b5aaff;
  font:
    800 18px/1 Manrope,
    sans-serif;
}
.dx-member-deliveries small {
  color: #a19aa9;
  font-size: 8px;
}
.dx-member-deliveries i {
  color: #8e82d0;
  font:
    700 7px Manrope,
    sans-serif;
  font-style: normal;
}
.dx-member-totals {
  text-align: right;
}
.dx-member-totals b,
.dx-member-totals small {
  display: block;
}
.dx-member-totals b {
  font:
    800 12px Manrope,
    sans-serif;
}
.dx-member-totals small {
  margin-top: 3px;
  color: #7d7784;
  font-size: 8px;
}
.dx-member-modal-hero {
  display: grid;
  grid-template-columns: minmax(220px, 0.72fr) minmax(430px, 1.28fr);
  gap: 14px;
  margin-bottom: 13px;
}
.dx-member-modal-person {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border: 1px solid #ffffff0f;
  border-radius: 15px;
  background:
    radial-gradient(circle at 0 0, #8d7cff1e, transparent 45%), #211f27;
}
.dx-member-modal-person .dx-avatar {
  width: 58px;
  height: 58px;
  border-radius: 17px;
}
.dx-member-modal-person span > * {
  display: block;
}
.dx-member-modal-person small,
.dx-member-task-section > header small {
  color: #a99cff;
  font:
    800 8px Manrope,
    sans-serif;
  letter-spacing: 0.13em;
}
.dx-member-modal-person strong {
  margin: 5px 0 3px;
  font:
    800 16px Manrope,
    sans-serif;
}
.dx-member-modal-person em {
  color: #8b8492;
  font-size: 9px;
  font-style: normal;
}
.dx-member-modal-hero .dx-current-work {
  margin: 0;
  padding: 14px;
  border-color: #ffffff11;
  background: #211f27;
}
.dx-detail-summary.is-member {
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 13px;
}
.dx-detail-summary.is-member b {
  position: relative;
  overflow: hidden;
  padding: 15px 16px;
  background: linear-gradient(145deg, #24212b, #1e1c23);
  font:
    800 18px Manrope,
    sans-serif;
}
.dx-detail-summary.is-member b:after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  background: linear-gradient(90deg, #8b7cf6, transparent);
}
.dx-member-task-section {
  padding: 16px;
  border: 1px solid #ffffff0f;
  border-radius: 15px;
  background: #1b191f;
}
.dx-member-task-section > header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  margin-bottom: 12px;
}
.dx-member-task-section > header span > * {
  display: block;
}
.dx-member-task-section > header strong {
  margin-top: 4px;
  font-size: 13px;
}
.dx-member-task-section > header em {
  color: #7f7886;
  font-size: 9px;
  font-style: normal;
}
.dx-modal.member-detail {
  width: min(1120px, 96vw);
}
@media (max-width: 720px) {
  .dx-member-head {
    grid-template-columns: 42px minmax(0, 1fr);
  }
  .dx-presence {
    grid-column: 1/-1;
    justify-self: start;
  }
  .dx-current-metrics {
    grid-template-columns: 1fr 1fr;
  }
  .dx-current-metrics > span:last-child {
    display: none;
  }
  .dx-member-modal-hero {
    grid-template-columns: 1fr;
  }
  .dx-detail-summary.is-member {
    grid-template-columns: 1fr 1fr;
  }
  .dx-member-task-section > header {
    display: block;
  }
  .dx-member-task-section > header em {
    display: block;
    margin-top: 5px;
  }
}

/* Visao individual: leitura confortável e diário vertical da jornada. */
.dx-modal.member-detail {
  width: min(1220px, 97vw);
}
.dx-modal.member-detail > header {
  padding: 24px 28px;
}
.dx-modal.member-detail > header small {
  font-size: 12px;
  line-height: 1.35;
}
.dx-modal.member-detail > header h2 {
  font-size: 27px;
  line-height: 1.15;
}
.dx-modal.member-detail > header p {
  font-size: 14px;
  line-height: 1.45;
}
.dx-modal.member-detail .dx-modal-body {
  padding: 22px 24px;
  font-size: 14px;
}
.dx-member-period {
  display: grid;
  grid-template-columns: minmax(190px, 0.7fr) auto minmax(360px, 1.1fr);
  align-items: end;
  gap: 16px;
  margin-bottom: 16px;
  padding: 16px 18px;
  border: 1px solid #ffffff12;
  border-radius: 16px;
  background: linear-gradient(135deg, #25222d, #1d1b22);
}
.dx-member-period > div:first-child small,
.dx-member-period > div:first-child strong {
  display: block;
}
.dx-member-period > div:first-child small {
  color: #aa9cff;
  font:
    800 11px/1.4 Manrope,
    sans-serif;
  letter-spacing: 0.12em;
}
.dx-member-period > div:first-child strong {
  margin-top: 5px;
  font:
    750 15px/1.35 Manrope,
    sans-serif;
}
.dx-member-period > nav {
  display: flex;
  gap: 5px;
  padding: 4px;
  border: 1px solid #ffffff0c;
  border-radius: 11px;
  background: #151419;
}
.dx-member-period > nav button {
  min-height: 40px;
  padding: 0 13px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #9e98a6;
  font:
    750 13px Manrope,
    sans-serif;
  white-space: nowrap;
}
.dx-member-period > nav button:hover {
  background: #ffffff08;
  color: #f1eef7;
}
.dx-member-period > nav button.is-active {
  background: linear-gradient(135deg, #7867dc, #6254c4);
  color: #fff;
  box-shadow: 0 7px 18px #5c4dc333;
}
.dx-member-custom-period {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: end;
  gap: 8px;
}
.dx-member-custom-period label span {
  display: block;
  margin: 0 0 6px 3px;
  color: #aaa3b1;
  font:
    750 11px Manrope,
    sans-serif;
}
.dx-member-custom-period input,
.dx-member-custom-period button {
  height: 42px;
  border: 1px solid #45404f;
  border-radius: 10px;
  background: #19171e;
  color: #f2eff7;
  font:
    650 13px Manrope,
    sans-serif;
}
.dx-member-custom-period input {
  width: 100%;
  padding: 0 10px;
}
.dx-member-custom-period button {
  padding: 0 14px;
  border-color: #7768d166;
  background: #7564d82b;
  color: #c9c0ff;
  font-weight: 800;
}
.member-detail .dx-member-modal-person small,
.member-detail .dx-member-task-section > header small {
  font-size: 11px;
  line-height: 1.4;
}
.member-detail .dx-member-modal-person strong {
  font-size: 21px;
  line-height: 1.25;
}
.member-detail .dx-member-modal-person em {
  font-size: 13px;
  line-height: 1.45;
}
.member-detail .dx-member-modal-person .dx-avatar {
  width: 64px;
  height: 64px;
}
.member-detail .dx-current-work header span,
.member-detail .dx-current-work header b {
  font-size: 11px;
}
.member-detail .dx-current-title strong {
  font-size: 14px;
}
.member-detail .dx-current-title small {
  font-size: 11px;
}
.member-detail .dx-current-metrics small {
  font-size: 10px;
}
.member-detail .dx-current-metrics strong {
  font-size: 13px;
}
.member-detail .dx-current-work.is-idle > div strong {
  font-size: 13px;
}
.member-detail .dx-current-work.is-idle > div small {
  font-size: 11px;
}
.member-detail .dx-detail-summary.is-member b {
  font-size: 24px;
  line-height: 1.2;
}
.member-detail .dx-detail-summary.is-member small {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.35;
}
.member-detail .dx-member-task-section > header strong {
  font-size: 17px;
}
.member-detail .dx-member-task-section > header em {
  font-size: 12px;
}
.member-detail .dx-task-legend span {
  padding: 7px 10px;
  font-size: 11px;
}
.member-detail .dx-task-entry header span,
.member-detail .dx-task-entry header b {
  font-size: 11px;
}
.member-detail .dx-task-entry h3 {
  font-size: 16px;
  line-height: 1.35;
}
.member-detail .dx-task-entry p {
  font-size: 14px;
  line-height: 1.6;
}
.member-detail .dx-task-entry footer {
  font-size: 12px;
  line-height: 1.45;
}
.member-detail .dx-task-delay {
  font-size: 12px;
}
.dx-member-tabs {
  display: flex;
  gap: 6px;
  margin: 18px 0 13px;
  padding: 5px;
  border: 1px solid #ffffff10;
  border-radius: 13px;
  background: #17151b;
}
.dx-member-tabs button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 20px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #97909f;
  font:
    800 14px Manrope,
    sans-serif;
}
.dx-member-tabs button span {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border: 1px solid #ffffff12;
  border-radius: 7px;
  font-size: 10px;
}
.dx-member-tabs button:hover {
  background: #ffffff06;
  color: #eeeaf5;
}
.dx-member-tabs button.is-active {
  background: #8b7cf61b;
  color: #c7bcff;
}
.dx-member-tabs button.is-active span {
  border-color: #9888e766;
  background: #8b7cf626;
}
.dx-member-tabs + [data-member-panel][hidden] {
  display: none !important;
}
.dx-day-journal {
  overflow: hidden;
  border: 1px solid #ffffff12;
  border-radius: 17px;
  background: #19171d;
}
.dx-day-journal > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 18px 20px;
  border-bottom: 1px solid #ffffff0e;
  background: linear-gradient(135deg, #25222d, #1d1b22);
}
.dx-day-journal > header > div:first-child > * {
  display: block;
}
.dx-day-journal > header small {
  color: #a99cff;
  font:
    800 11px Manrope,
    sans-serif;
  letter-spacing: 0.13em;
}
.dx-day-journal > header strong {
  margin-top: 5px;
  font:
    800 20px Manrope,
    sans-serif;
}
.dx-day-journal > header span {
  margin-top: 3px;
  color: #96909d;
  font-size: 13px;
}
.dx-day-picker {
  display: flex;
  align-items: end;
  gap: 8px;
}
.dx-day-picker > button {
  width: 42px;
  height: 42px;
  border: 1px solid #ffffff12;
  border-radius: 10px;
  background: #ffffff06;
  color: #c5bdcf;
  font-size: 23px;
}
.dx-day-picker > button:disabled {
  opacity: 0.3;
}
.dx-day-picker label span {
  display: block;
  margin: 0 0 5px;
  color: #918b98;
  font:
    750 11px Manrope,
    sans-serif;
}
.dx-day-picker input {
  height: 42px;
  padding: 0 11px;
  border: 1px solid #45404f;
  border-radius: 10px;
  background: #18161c;
  color: #f3f0f7;
  font:
    700 13px Manrope,
    sans-serif;
}
.dx-day-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 0.45fr)) minmax(300px, 1fr);
  gap: 9px;
  padding: 13px 20px;
  border-bottom: 1px solid #ffffff0c;
}
.dx-day-kpis > b {
  padding: 11px 13px;
  border: 1px solid #ffffff0d;
  border-radius: 11px;
  background: #ffffff04;
  font:
    800 16px Manrope,
    sans-serif;
}
.dx-day-kpis > b small {
  display: block;
  margin-top: 4px;
  color: #8e8795;
  font-size: 11px;
}
.dx-day-kpis > span {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  color: #a29ba8;
  font-size: 11px;
}
.dx-day-kpis > span i {
  width: 8px;
  height: 8px;
  margin-left: 5px;
  border-radius: 50%;
  background: #6e6874;
}
.dx-day-kpis > span i.work {
  background: #4fd4a5;
}
.dx-day-kpis > span i.pause {
  background: #efb95d;
}
.dx-day-kpis > span i.rest {
  background: #8b7cf6;
}
.dx-day-kpis > span i.idle {
  background: #85808c;
}
.dx-vertical-clock {
  padding: 8px 20px 18px;
}
.dx-clock-row {
  display: grid;
  grid-template-columns: 68px 22px minmax(0, 1fr);
  min-height: 78px;
}
.dx-clock-row > time {
  padding-top: 20px;
  color: #c6bfcc;
  font:
    800 15px/1 Manrope,
    sans-serif;
  font-variant-numeric: tabular-nums;
}
.dx-clock-axis {
  position: relative;
  display: flex;
  justify-content: center;
}
.dx-clock-axis:before {
  content: "";
  position: absolute;
  inset: 0 auto;
  width: 1px;
  background: #ffffff13;
}
.dx-clock-axis > i {
  position: relative;
  width: 11px;
  height: 11px;
  margin-top: 21px;
  border: 3px solid #77717e;
  border-radius: 50%;
  background: #19171d;
  box-shadow: 0 0 0 4px #19171d;
}
.dx-clock-row.is-work .dx-clock-axis > i {
  border-color: #4fd4a5;
  box-shadow:
    0 0 0 4px #19171d,
    0 0 13px #4fd4a566;
}
.dx-clock-row.is-pause .dx-clock-axis > i {
  border-color: #efb95d;
}
.dx-clock-row.is-rest .dx-clock-axis > i {
  border-color: #8b7cf6;
}
.dx-clock-row > div {
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 9px 0 9px 12px;
}
.dx-clock-event {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 59px;
  padding: 11px 13px;
  border: 1px solid #ffffff0e;
  border-radius: 12px;
  background: #211f26;
  color: #ece9f1;
  text-align: left;
}
.dx-clock-event > i {
  width: 8px;
  height: 34px;
  border-radius: 99px;
  background: #77717e;
}
.dx-clock-event span > * {
  display: block;
}
.dx-clock-event strong {
  font:
    750 14px/1.35 Manrope,
    sans-serif;
}
.dx-clock-event small {
  margin-top: 4px;
  color: #9992a0;
  font-size: 12px;
  line-height: 1.4;
}
.dx-clock-event em {
  color: #8e8795;
  font:
    800 11px Manrope,
    sans-serif;
  font-style: normal;
}
.dx-clock-event.is-work {
  border-color: #4fd4a52d;
  background: linear-gradient(135deg, #1d2926, #201f25);
  cursor: pointer;
}
.dx-clock-event.is-work:hover {
  border-color: #4fd4a566;
  background: #22322e;
}
.dx-clock-event.is-work > i {
  background: #4fd4a5;
  box-shadow: 0 0 12px #4fd4a54d;
}
.dx-clock-event.is-work em {
  color: #65dcb1;
}
.dx-clock-event.is-pause {
  border-color: #efb95d2b;
  background: linear-gradient(135deg, #29251e, #211f24);
}
.dx-clock-event.is-pause > i {
  background: #efb95d;
}
.dx-clock-event.is-rest {
  border-color: #8b7cf62d;
  background: #8b7cf60b;
}
.dx-clock-event.is-rest > i {
  background: #8b7cf6;
}
.dx-clock-event.is-idle {
  background: #ffffff03;
}
.dx-clock-event.is-idle > i {
  background: #85808c;
}
.dx-clock-event.is-off {
  opacity: 0.62;
  background: #131218;
}
.dx-clock-event.is-off > i {
  background: #4f4b53;
}
@media (max-width: 980px) {
  .dx-member-period {
    grid-template-columns: 1fr;
  }
  .dx-member-period > nav {
    justify-self: start;
  }
  .dx-member-custom-period {
    width: 100%;
  }
  .dx-day-kpis {
    grid-template-columns: repeat(3, 1fr);
  }
  .dx-day-kpis > span {
    grid-column: 1/-1;
    justify-content: flex-start;
  }
}
@media (max-width: 720px) {
  .dx-modal.member-detail .dx-modal-body {
    padding: 14px;
  }
  .dx-member-period {
    padding: 13px;
  }
  .dx-member-period > nav {
    width: 100%;
    overflow: auto;
  }
  .dx-member-period > nav button {
    flex: 0 0 auto;
  }
  .dx-member-custom-period {
    grid-template-columns: 1fr 1fr;
  }
  .dx-member-custom-period button {
    grid-column: 1/-1;
  }
  .dx-member-tabs button {
    flex: 1;
    padding: 0 9px;
    font-size: 12px;
  }
  .dx-day-journal > header {
    display: block;
  }
  .dx-day-picker {
    margin-top: 14px;
  }
  .dx-day-kpis {
    grid-template-columns: 1fr 1fr;
  }
  .dx-day-kpis > span {
    grid-column: 1/-1;
    flex-wrap: wrap;
  }
  .dx-vertical-clock {
    padding-inline: 10px;
  }
  .dx-clock-row {
    grid-template-columns: 55px 18px minmax(0, 1fr);
  }
  .dx-clock-row > time {
    font-size: 13px;
  }
  .dx-clock-event {
    grid-template-columns: 8px minmax(0, 1fr);
  }
  .dx-clock-event em {
    display: none;
  }
  .dx-clock-event strong {
    font-size: 13px;
  }
  .dx-clock-event small {
    font-size: 11px;
  }
}

/* Estados visuais das tarefas no modal executivo */
.dx-task-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: -2px 0 13px;
}
.dx-task-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  border: 1px solid #ffffff0c;
  border-radius: 999px;
  background: #ffffff04;
  color: #898390;
  font:
    700 7px Manrope,
    sans-serif;
}
.dx-task-legend i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #716b78;
}
.dx-task-legend .running i {
  background: #4fd4a5;
  box-shadow: 0 0 8px #4fd4a599;
}
.dx-task-legend .late i {
  background: #ef7180;
  box-shadow: 0 0 8px #ef718088;
}
.dx-task-legend .paused i {
  background: #efb95d;
}
.dx-task-legend .done i {
  background: #6f9df2;
}
.dx-task-legend .worked i {
  background: #9c89ef;
}
.dx-task-entry {
  isolation: isolate;
  overflow: hidden;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease;
}
.dx-task-entry:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 0;
  width: 3px;
  background: #5f5967;
}
.dx-task-entry.is-current {
  order: -1;
  padding: 18px 42px 18px 18px;
  border-width: 1px;
  box-shadow: 0 16px 36px #0004;
}
.dx-task-entry.is-current h3 {
  font-size: 14px;
}
.dx-task-entry.is-current header b {
  padding: 5px 8px;
  border-radius: 999px;
  letter-spacing: 0.08em;
}
.dx-task-entry.is-current.is-running {
  border-color: #4fd4a548;
  background:
    radial-gradient(circle at 90% 0, #4fd4a51a, transparent 42%),
    linear-gradient(145deg, #202b29, #1d2223);
}
.dx-task-entry.is-current.is-running:before {
  background: #4fd4a5;
  box-shadow: 0 0 18px #4fd4a5;
}
.dx-task-entry.is-current.is-running header b {
  background: #4fd4a516;
  color: #6be2b8;
}
.dx-task-entry.is-current.is-late {
  border-color: #ef718050;
  background:
    radial-gradient(circle at 90% 0, #ef71801d, transparent 42%),
    linear-gradient(145deg, #2a2025, #231d22);
}
.dx-task-entry.is-current.is-late:before {
  background: #ef7180;
  box-shadow: 0 0 18px #ef7180;
}
.dx-task-entry.is-current.is-late header b {
  background: #ef718018;
  color: #f08c98;
}
.dx-task-entry.is-current.is-paused {
  border-color: #efb95d46;
  background:
    radial-gradient(circle at 90% 0, #efb95d19, transparent 42%),
    linear-gradient(145deg, #29251f, #221f1d);
}
.dx-task-entry.is-current.is-paused:before {
  background: #efb95d;
}
.dx-task-entry.is-current.is-paused header b {
  background: #efb95d16;
  color: #efc475;
}
.dx-task-entry.is-completed {
  border-color: #6f9df21f;
  background: linear-gradient(145deg, #20232a, #1d1e24);
}
.dx-task-entry.is-completed:before {
  background: #6f9df2;
}
.dx-task-entry.is-completed header b {
  color: #8fb3f6;
}
.dx-task-entry.is-worked {
  border-color: #9c89ef20;
  background: linear-gradient(145deg, #24212c, #201e27);
}
.dx-task-entry.is-worked:before {
  background: #9c89ef;
}
.dx-task-entry.is-worked header b {
  color: #b4a6f4;
}
.dx-task-entry.is-pending {
  opacity: 0.88;
}
.dx-task-list {
  display: grid;
  gap: 9px;
}

.dx-task-entry footer > b {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.dx-task-delay {
  padding-left: 8px;
  border-left: 1px solid #ef718033;
  color: #f06f7f;
  font:
    800 10px/1 Manrope,
    sans-serif;
  font-style: normal;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 12px #ef718044;
}

/* osdocs-20260925 */
.dx-document-journey {
  margin: 18px 0;
  padding: 17px;
  border: 1px solid rgba(146, 128, 239, 0.2);
  border-radius: 17px;
  background: linear-gradient(
    145deg,
    rgba(121, 100, 213, 0.08),
    rgba(51, 211, 168, 0.025)
  );
}
.dx-document-journey > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 13px;
}
.dx-document-journey > header > div {
  display: grid;
  gap: 3px;
}
.dx-document-journey > header small {
  color: #a995ff;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.13em;
}
.dx-document-journey > header h3 {
  margin: 0;
  color: #f0eff5;
  font-size: 15px;
}
.dx-document-journey > header p {
  margin: 0;
  color: #8c8e99;
  font-size: 10px;
}
.dx-document-journey > header > span {
  padding: 5px 9px;
  border: 1px solid rgba(153, 135, 245, 0.23);
  border-radius: 999px;
  color: #bfb4f5;
  font-size: 9px;
  font-weight: 750;
}
.dx-document-journey > div {
  display: grid;
  gap: 9px;
}
.dx-document-journey article {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 13px;
  background: rgba(9, 10, 13, 0.19);
}
.dx-document-journey article > header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}
.dx-document-journey article > header > b {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: rgba(68, 211, 169, 0.11);
  color: #70dfbc;
  font-size: 10px;
}
.dx-document-journey article > header > span {
  display: grid;
  gap: 2px;
}
.dx-document-journey article > header strong {
  color: #e8e7ee;
  font-size: 11px;
}
.dx-document-journey article > header small {
  color: #81838e;
  font-size: 9px;
}
.dx-document-journey article > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  padding: 9px;
}
.dx-document-journey button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.dx-document-journey button:hover {
  border-color: rgba(156, 137, 248, 0.3);
  background: rgba(135, 113, 231, 0.08);
}
.dx-document-journey button > i {
  font-style: normal;
}
.dx-document-journey button > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.dx-document-journey button strong,
.dx-document-journey button small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-document-journey button strong {
  color: #e8e7ed;
  font-size: 10px;
}
.dx-document-journey button small {
  color: #7f818c;
  font-size: 8px;
}
.dx-document-journey button em {
  color: #999aa4;
  font-size: 8px;
  font-style: normal;
  white-space: nowrap;
}
@media (max-width: 700px) {
  .dx-document-journey article > div {
    grid-template-columns: 1fr;
  }
}

/* Relogio executivo continuo: um unico bloco proporcional por evento. */
.dx-continuous-clock {
  --minute-height: 1.3px;
  position: relative;
  min-height: calc(var(--total-minutes) * var(--minute-height));
  margin: 10px 18px 28px;
}
.dx-time-grid,
.dx-time-blocks {
  position: absolute;
  inset: 0;
}
.dx-time-grid {
  pointer-events: none;
}
.dx-time-hour {
  position: absolute;
  top: calc(var(--at) * var(--minute-height));
  left: 0;
  right: 0;
  height: 1px;
}
.dx-time-hour time {
  position: absolute;
  top: -8px;
  left: 0;
  width: 62px;
  color: #bdb6c4;
  font:
    800 14px/1 Manrope,
    sans-serif;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.dx-time-hour i {
  position: absolute;
  left: 78px;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #ffffff20, #ffffff09 65%, transparent);
}
.dx-time-hour i:before {
  content: "";
  position: absolute;
  left: -4px;
  top: -4px;
  width: 9px;
  height: 9px;
  border: 2px solid #686270;
  border-radius: 50%;
  background: #19171d;
}
.dx-time-blocks {
  left: 96px;
  right: 8px;
}
.dx-time-block {
  position: absolute;
  z-index: 2;
  top: calc(var(--start) * var(--minute-height));
  left: 0;
  right: 0;
  height: max(9px, calc(var(--duration) * var(--minute-height)));
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  min-width: 0;
  padding: 13px 15px;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  background: #211f26;
  color: #eeeaf3;
  text-align: left;
  box-shadow: 0 8px 22px #0003;
  overflow: visible;
}
.dx-time-block > i {
  align-self: stretch;
  width: 7px;
  min-height: 8px;
  border-radius: 99px;
  background: #77717e;
}
.dx-time-block > span {
  min-width: 0;
  overflow: hidden;
}
.dx-time-block strong,
.dx-time-block small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-time-block strong {
  font:
    800 14px/1.35 Manrope,
    sans-serif;
  white-space: nowrap;
}
.dx-time-block small {
  margin-top: 5px;
  color: #9d96a3;
  font-size: 12px;
  line-height: 1.4;
}
.dx-time-block > em {
  color: #98919f;
  font:
    800 11px/1.35 Manrope,
    sans-serif;
  font-style: normal;
  white-space: nowrap;
}
.dx-time-block > time {
  position: absolute;
  left: -87px;
  z-index: 4;
  min-width: 66px;
  padding: 4px 6px;
  border: 1px solid #ffffff14;
  border-radius: 7px;
  background: #17151b;
  color: #d4cdd9;
  font:
    850 12px/1 Manrope,
    sans-serif;
  font-variant-numeric: tabular-nums;
  text-align: center;
  box-shadow: 0 4px 12px #0005;
}
.dx-time-block > time:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -14px;
  width: 13px;
  height: 1px;
  background: currentColor;
  opacity: 0.45;
}
.dx-time-block > time.is-start {
  top: -9px;
}
.dx-time-block > time.is-end {
  bottom: -9px;
}
.dx-time-block.is-work {
  border-color: #4fd4a54a;
  background: linear-gradient(135deg, #1d2d29, #202126);
  cursor: pointer;
}
.dx-time-block.is-work:hover {
  z-index: 6;
  border-color: #4fd4a58c;
  background: linear-gradient(135deg, #223832, #25252b);
  box-shadow:
    0 14px 30px #0005,
    0 0 0 3px #4fd4a50c;
}
.dx-time-block.is-work > i {
  background: #4fd4a5;
  box-shadow: 0 0 14px #4fd4a566;
}
.dx-time-block.is-work > em,
.dx-time-block.is-work > time {
  color: #71dfb9;
}
.dx-time-block.has-checklist > span {
  max-width: 45%;
}
.dx-time-card-checklist {
  position: absolute;
  top: 8px;
  right: 9px;
  bottom: 8px;
  width: 48%;
  min-height: 0;
  padding: 7px 8px;
  border: 1px solid #6fddba2b;
  border-radius: 9px;
  background: #111a18d9;
  overflow: auto;
  scrollbar-width: thin;
}
.dx-time-card-checklist > header {
  position: sticky;
  top: -7px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: -7px -8px 5px;
  padding: 7px 8px 5px;
  background: #111a18f2;
  color: #71dfb9;
  font:
    800 8px/1 Manrope,
    sans-serif;
  letter-spacing: 0.12em;
}
.dx-time-card-checklist > div {
  display: grid;
  gap: 4px;
}
.dx-time-card-checklist article {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 5px 6px;
  border: 1px solid #ffffff0c;
  border-radius: 7px;
  background: #ffffff05;
}
.dx-time-card-checklist article > i {
  display: grid;
  width: 15px;
  height: 15px;
  place-items: center;
  border: 1px solid #716b75;
  border-radius: 4px;
  color: #62dbae;
  font:
    800 8px/1 Manrope,
    sans-serif;
  font-style: normal;
}
.dx-time-card-checklist article.is-done > i {
  border-color: #52d5a7;
  background: #52d5a7;
  color: #14211c;
}
.dx-time-card-checklist article.is-running > i {
  border-color: #e9b759;
  color: #e9b759;
}
.dx-time-card-checklist article > span {
  min-width: 0;
}
.dx-time-card-checklist article strong,
.dx-time-card-checklist article small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-time-card-checklist article strong {
  color: #dedbe2;
  font-size: 9px;
}
.dx-time-card-checklist article small,
.dx-time-card-checklist article > em {
  color: #8f9995;
  font:
    700 8px/1.25 Manrope,
    sans-serif;
  font-style: normal;
}
.dx-time-card-checklist article > em {
  color: #71dfb9;
  white-space: nowrap;
}
.dx-time-block.is-pause {
  border-color: #efb95d45;
  background: linear-gradient(135deg, #30291e, #242126);
}
.dx-time-block.is-pause > i {
  background: #efb95d;
}
.dx-time-block.is-pause > time {
  color: #f0c778;
}
.dx-time-block.is-rest {
  border-color: #8b7cf63b;
  background: linear-gradient(135deg, #29243b, #211f2a);
}
.dx-time-block.is-rest > i {
  background: #9c8cff;
}
.dx-time-block.is-rest > time {
  color: #b9adff;
}
.dx-time-block.is-idle {
  z-index: 1;
  border-style: dashed;
  border-color: #ffffff18;
  background: #ffffff04;
  box-shadow: none;
}
.dx-time-block.is-idle > i {
  background: #77717e;
}
.dx-time-block.is-compact {
  grid-template-columns: 6px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding-block: 2px;
}
.dx-time-block.is-compact strong {
  font-size: 12px;
}
.dx-time-block.is-compact small {
  display: none;
}
.dx-time-block.is-compact > em {
  font-size: 9px;
}
.dx-time-empty {
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  padding: 24px;
  border: 1px dashed #ffffff16;
  border-radius: 12px;
  color: #9992a0;
  font-size: 13px;
  text-align: center;
}
@media (max-width: 720px) {
  .dx-continuous-clock {
    --minute-height: 1.1px;
    margin-inline: 8px;
  }
  .dx-time-hour time {
    width: 48px;
    font-size: 12px;
  }
  .dx-time-hour i {
    left: 59px;
  }
  .dx-time-blocks {
    left: 72px;
    right: 2px;
  }
  .dx-time-block {
    grid-template-columns: 6px minmax(0, 1fr);
    gap: 8px;
    padding: 9px;
  }
  .dx-time-block > time {
    left: -69px;
    min-width: 51px;
    padding-inline: 3px;
    font-size: 10px;
  }
  .dx-time-block > em {
    display: none;
  }
  .dx-time-block.has-checklist > span {
    max-width: 100%;
  }
  .dx-time-card-checklist {
    display: none;
  }
  .dx-time-block strong {
    font-size: 12px;
  }
  .dx-time-block small {
    font-size: 10px;
  }
}

/* Leitura executiva dos checklists no portfolio e no diario do colaborador. */
.dx-executive-checklist {
  margin-top: 13px;
  padding: 13px;
  border: 1px solid #ffffff10;
  border-radius: 12px;
  background: #17161b99;
  text-align: left;
}
.dx-executive-checklist > header,
.dx-day-checklists > header,
.dx-day-checklist-task > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.dx-executive-checklist > header span,
.dx-day-checklists > header span,
.dx-day-checklist-task > button span {
  min-width: 0;
}
.dx-executive-checklist > header small,
.dx-executive-checklist > header strong,
.dx-day-checklists > header small,
.dx-day-checklists > header strong,
.dx-day-checklist-task > button small,
.dx-day-checklist-task > button strong {
  display: block;
}
.dx-executive-checklist > header small,
.dx-day-checklists > header small,
.dx-day-checklist-task > button small {
  color: #9f91e9;
  font:
    800 9px/1.2 Manrope,
    sans-serif;
  letter-spacing: 0.13em;
}
.dx-executive-checklist > header strong {
  margin-top: 3px;
  color: #ded9e4;
  font-size: 12px;
}
.dx-executive-checklist > header > em {
  padding: 5px 8px;
  border: 1px solid #ffffff10;
  border-radius: 99px;
  color: #aaa3b0;
  font:
    750 9px/1 Manrope,
    sans-serif;
  font-style: normal;
  white-space: nowrap;
}
.dx-executive-checklist > div {
  display: grid;
  gap: 5px;
  margin-top: 10px;
}
.dx-executive-checklist article {
  display: grid;
  grid-template-columns: 21px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  margin-left: calc(var(--check-depth) * 18px);
  padding: 8px 10px;
  border: 1px solid #ffffff09;
  border-radius: 9px;
  background: #ffffff04;
}
.dx-executive-checklist article > i {
  display: grid;
  width: 21px;
  height: 21px;
  place-items: center;
  border: 1px solid #6d6674;
  border-radius: 6px;
  color: #17191a;
  font:
    900 12px/1 Manrope,
    sans-serif;
  font-style: normal;
}
.dx-executive-checklist article.is-done > i {
  border-color: #52d5a7;
  background: #52d5a7;
}
.dx-executive-checklist article > span {
  min-width: 0;
}
.dx-executive-checklist article strong,
.dx-executive-checklist article small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-executive-checklist article strong {
  color: #ddd8e2;
  font:
    700 12px/1.35 Manrope,
    sans-serif;
  white-space: nowrap;
}
.dx-executive-checklist article small {
  margin-top: 3px;
  color: #8f8995;
  font-size: 10px;
}
.dx-executive-checklist article > em {
  color: #8f8995;
  font:
    750 10px/1 Manrope,
    sans-serif;
  font-style: normal;
  white-space: nowrap;
}
.dx-executive-checklist article.is-done > em {
  color: #65dcb4;
}
.dx-executive-checklist article.is-pending {
  border-style: dashed;
  opacity: 0.88;
}
.dx-dossier-checklist > .dx-checklist-method {
  margin: -2px 0 13px;
  color: #8f8996;
  font-size: 11px;
  line-height: 1.55;
}
.dx-dossier-checklist > div {
  display: grid;
  gap: 7px;
}
.dx-dossier-checklist > div > article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 11px;
  margin-left: calc(var(--check-depth) * 20px);
  padding: 10px 11px;
  border: 1px solid #ffffff10;
  border-radius: 10px;
  background: #ffffff04;
}
.dx-dossier-checklist > div > article > i {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid #716b77;
  border-radius: 8px;
  color: #817b87;
  font:
    850 11px/1 Manrope,
    sans-serif;
  font-style: normal;
}
.dx-dossier-checklist > div > article.is-done > i {
  border-color: #52d5a7;
  background: #52d5a7;
  color: #13221c;
}
.dx-dossier-checklist > div > article.is-running > i {
  border-color: #e9b759;
  color: #e9b759;
}
.dx-dossier-checklist article > span {
  min-width: 0;
}
.dx-dossier-checklist article > span strong,
.dx-dossier-checklist article > span small,
.dx-dossier-checklist article > b small {
  display: block;
}
.dx-dossier-checklist article > span strong {
  overflow: hidden;
  color: #e5e0e8;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-dossier-checklist article > span small {
  margin-top: 4px;
  color: #96909c;
  font-size: 10px;
}
.dx-dossier-checklist article > b {
  color: #70dfb8;
  font:
    800 13px/1.1 Manrope,
    sans-serif;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.dx-dossier-checklist article > b small {
  margin-top: 3px;
  color: #7f7985;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.dx-dossier-checklist article > em {
  min-width: 66px;
  padding: 5px 7px;
  border: 1px solid #52d5a72e;
  border-radius: 99px;
  color: #65dcb4;
  font:
    750 8px/1 Manrope,
    sans-serif;
  font-style: normal;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}
.dx-dossier-checklist article > em.is-estimated {
  border-color: #e9b75942;
  color: #e9b759;
}
.dx-executive-checklist.is-compact {
  margin-right: -20px;
}
.dx-day-checklists {
  margin: 4px 18px 24px;
  padding-top: 20px;
  border-top: 1px solid #ffffff12;
}
.dx-day-checklists > header {
  margin-bottom: 12px;
}
.dx-day-checklists > header strong {
  margin-top: 4px;
  color: #f0ebf3;
  font-size: 16px;
}
.dx-day-checklists > header > em {
  color: #8e8794;
  font-size: 11px;
  font-style: normal;
}
.dx-day-checklists > div {
  display: grid;
  gap: 10px;
}
.dx-day-checklist-task {
  padding: 14px;
  border: 1px solid #ffffff11;
  border-radius: 14px;
  background: #201e25;
}
.dx-day-checklist-task > button {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}
.dx-day-checklist-task > button strong {
  margin-top: 4px;
  overflow: hidden;
  color: #eee9f1;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-day-checklist-task > button > i {
  color: #9f91e9;
  font:
    750 10px/1 Manrope,
    sans-serif;
  font-style: normal;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .dx-day-checklists {
    margin-inline: 8px;
  }
  .dx-day-checklists > header > em,
  .dx-executive-checklist article > em {
    display: none;
  }
  .dx-executive-checklist article {
    grid-template-columns: 21px minmax(0, 1fr);
    margin-left: calc(var(--check-depth) * 10px);
  }
  .dx-executive-checklist.is-compact {
    margin-right: -20px;
  }
  .dx-dossier-checklist > div > article {
    grid-template-columns: 24px minmax(0, 1fr) auto;
    margin-left: calc(var(--check-depth) * 9px);
  }
  .dx-dossier-checklist article > em {
    display: none;
  }
}