/* DYNAMIC_TASK_CENTER_V1 */
#work-task-v1-page,
#work-task-v1-dashboard {
  --wt-card: linear-gradient(180deg, rgba(31,17,43,.985), rgba(18,10,27,.985));
  --wt-soft: #120a1a;
  --wt-soft2: #0d0812;
  --wt-border: rgba(255,255,255,.075);
  --wt-text: #f8f4fb;
  --wt-muted: #aa9db5;
  --wt-pink: #d61cf4;
  --wt-purple: #8b5cf6;
  --wt-green: #38e889;
  --wt-red: #ff6c83;
  color: var(--wt-text);
}

#work-task-v1-page[hidden],
#work-task-v1-dashboard[hidden] {
  display: none !important;
}

#work-task-v1-page *,
#work-task-v1-dashboard * {
  box-sizing: border-box;
}

#work-task-v1-page {
  margin-top: 14px;
}

#work-task-v1-page .wt-shell,
#work-task-v1-dashboard {
  border: 1px solid var(--wt-border);
  border-radius: 21px;
  background: var(--wt-card);
  box-shadow: 0 18px 52px rgba(0,0,0,.25);
}

#work-task-v1-page .wt-shell {
  padding: 16px;
}

#work-task-v1-dashboard {
  margin: 0 0 16px;
  padding: 15px;
}

#work-task-v1-page .wt-head,
#work-task-v1-dashboard .wt-dashboard-head,
#work-task-v1-page .wt-card-head,
#work-task-v1-page .wt-row-between {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

#work-task-v1-page h2,
#work-task-v1-page h3,
#work-task-v1-dashboard h2,
#work-task-v1-dashboard h3 {
  margin: 0;
}

#work-task-v1-page h2,
#work-task-v1-dashboard h2 {
  font-size: 19px;
}

#work-task-v1-page h3,
#work-task-v1-dashboard h3 {
  font-size: 13px;
}

#work-task-v1-page .wt-sub,
#work-task-v1-dashboard .wt-sub,
#work-task-v1-page .wt-card-head p {
  margin: 4px 0 0;
  color: var(--wt-muted);
  font-size: 9.5px;
  line-height: 1.5;
}

#work-task-v1-page .wt-badge,
#work-task-v1-dashboard .wt-badge {
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(56,232,137,.22);
  background: rgba(56,232,137,.08);
  color: #a3f3c3;
  font-size: 9px;
  font-weight: 950;
  white-space: nowrap;
}

#work-task-v1-page .wt-toolbar {
  display: flex;
  align-items: end;
  gap: 8px;
  flex-wrap: wrap;
  margin: 12px 0;
}

#work-task-v1-page label {
  display: grid;
  gap: 5px;
  color: #c7bbcf;
  font-size: 9.5px;
  font-weight: 850;
}

#work-task-v1-page input,
#work-task-v1-page select,
#work-task-v1-page textarea {
  width: 100%;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: var(--wt-soft2);
  color: #fff;
  outline: none;
  font: inherit;
}

#work-task-v1-page input:focus,
#work-task-v1-page select:focus,
#work-task-v1-page textarea:focus {
  border-color: rgba(214,28,244,.55);
  box-shadow: 0 0 0 3px rgba(214,28,244,.08);
}

#work-task-v1-page textarea {
  min-height: 76px;
  resize: vertical;
}

#work-task-v1-page .wt-btn,
#work-task-v1-dashboard .wt-btn {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: var(--wt-soft2);
  color: #eee7f4;
  padding: 9px 12px;
  font-size: 9.5px;
  font-weight: 950;
  cursor: pointer;
}

#work-task-v1-page .wt-btn:hover,
#work-task-v1-dashboard .wt-btn:hover {
  filter: brightness(1.12);
}

#work-task-v1-page .wt-btn:disabled,
#work-task-v1-dashboard .wt-btn:disabled {
  opacity: .55;
  cursor: wait;
}

#work-task-v1-page .wt-btn.primary,
#work-task-v1-dashboard .wt-btn.primary {
  border-color: transparent;
  background: linear-gradient(90deg, var(--wt-pink), #a328ef);
  box-shadow: 0 9px 25px rgba(214,28,244,.17);
}

#work-task-v1-page .wt-btn.green {
  color: #a6f4c5;
  border-color: rgba(56,232,137,.25);
  background: rgba(56,232,137,.09);
}

#work-task-v1-page .wt-btn.red {
  color: #ff9cac;
  border-color: rgba(255,108,131,.25);
  background: rgba(255,108,131,.08);
}

#work-task-v1-page .wt-btn.soft {
  color: #cfbfd9;
  background: rgba(255,255,255,.035);
}

#work-task-v1-page .wt-status {
  display: none;
  margin: 10px 0;
  padding: 10px 12px;
  border: 1px solid var(--wt-border);
  border-radius: 11px;
  background: var(--wt-soft2);
  color: var(--wt-muted);
  font-size: 9.5px;
}

#work-task-v1-page .wt-status.show { display: block; }
#work-task-v1-page .wt-status.ok {
  color: #9af2bd;
  border-color: rgba(56,232,137,.23);
}
#work-task-v1-page .wt-status.error {
  color: #ffadb9;
  border-color: rgba(255,108,131,.26);
}

#work-task-v1-page .wt-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

#work-task-v1-page .wt-kpi,
#work-task-v1-page .wt-card {
  border: 1px solid rgba(255,255,255,.058);
  border-radius: 16px;
  background: var(--wt-soft);
}

#work-task-v1-page .wt-kpi {
  padding: 13px;
}

#work-task-v1-page .wt-kpi span {
  color: #a596b1;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .04em;
}

#work-task-v1-page .wt-kpi b {
  display: block;
  margin-top: 5px;
  font-size: 23px;
}

#work-task-v1-page .wt-kpi.good b { color: #78efaa; }
#work-task-v1-page .wt-kpi.bad b { color: #ff8598; }

#work-task-v1-page .wt-card {
  padding: 13px;
  margin-top: 12px;
}

#work-task-v1-page .wt-task-groups,
#work-task-v1-dashboard .wt-dashboard-groups {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

#work-task-v1-dashboard .wt-dashboard-groups {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

#work-task-v1-page .wt-admin-group,
#work-task-v1-dashboard .wt-dashboard-admin {
  padding: 11px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.055);
  background: var(--wt-soft2);
}

#work-task-v1-page .wt-admin-title,
#work-task-v1-dashboard .wt-admin-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
}

#work-task-v1-page .wt-admin-title b,
#work-task-v1-dashboard .wt-admin-title b {
  font-size: 11px;
}

#work-task-v1-page .wt-admin-title small,
#work-task-v1-dashboard .wt-admin-title small {
  color: var(--wt-muted);
  font-size: 8px;
}

#work-task-v1-page .wt-task-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
  gap: 8px;
}

#work-task-v1-page .wt-task {
  position: relative;
  padding: 11px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 13px;
  background: rgba(255,255,255,.023);
  overflow: hidden;
}

#work-task-v1-page .wt-task::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: #8f7c9d;
}

#work-task-v1-page .wt-task.complete::before { background: var(--wt-green); }
#work-task-v1-page .wt-task.late::before { background: var(--wt-red); }
#work-task-v1-page .wt-task.exempt::before { background: var(--wt-purple); }

#work-task-v1-page .wt-task-top,
#work-task-v1-page .wt-task-progress-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

#work-task-v1-page .wt-task-name {
  font-size: 10.5px;
  font-weight: 950;
}

#work-task-v1-page .wt-task-meta {
  margin-top: 3px;
  color: var(--wt-muted);
  font-size: 8px;
}

#work-task-v1-page .wt-progress {
  height: 6px;
  margin: 9px 0 7px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
}

#work-task-v1-page .wt-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--wt-pink), var(--wt-purple));
}

#work-task-v1-page .wt-task.complete .wt-progress i {
  background: linear-gradient(90deg, #26d77b, var(--wt-green));
}

#work-task-v1-page .wt-manual-box {
  display: grid;
  gap: 7px;
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid rgba(255,255,255,.05);
}

#work-task-v1-page .wt-manual-line {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px;
  align-items: end;
}

#work-task-v1-page .wt-proof-selected {
  color: #9af2bd;
  font-size: 8px;
}

#work-task-v1-page .wt-pill,
#work-task-v1-dashboard .wt-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #cdbfd5;
  font-size: 8px;
  font-weight: 950;
  white-space: nowrap;
}

#work-task-v1-page .wt-pill.good,
#work-task-v1-dashboard .wt-pill.good {
  color: #8df0b6;
  border-color: rgba(56,232,137,.22);
}

#work-task-v1-page .wt-pill.bad,
#work-task-v1-dashboard .wt-pill.bad {
  color: #ff97a7;
  border-color: rgba(255,108,131,.24);
}

#work-task-v1-page .wt-pill.exempt,
#work-task-v1-dashboard .wt-pill.exempt {
  color: #c4a8ff;
  border-color: rgba(139,92,246,.28);
}

#work-task-v1-page .wt-builder {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin-top: 11px;
}

#work-task-v1-page .wt-full {
  grid-column: 1 / -1;
}

#work-task-v1-page .wt-admin-checks,
#work-task-v1-page .wt-day-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 9px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.07);
  background: var(--wt-soft2);
}

#work-task-v1-page .wt-admin-checks label,
#work-task-v1-page .wt-day-checks label {
  display: inline-flex;
  grid: none;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(255,255,255,.035);
  color: #d7cadd;
  font-size: 8.5px;
  cursor: pointer;
}

#work-task-v1-page .wt-admin-checks input,
#work-task-v1-page .wt-day-checks input {
  width: auto;
  accent-color: var(--wt-pink);
}

#work-task-v1-page .wt-form-actions {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

#work-task-v1-page .wt-table-wrap {
  width: 100%;
  overflow: auto;
}

#work-task-v1-page table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
}

#work-task-v1-page th,
#work-task-v1-page td {
  padding: 9px 8px;
  border-bottom: 1px solid rgba(255,255,255,.052);
  text-align: left;
  vertical-align: middle;
  font-size: 9px;
}

#work-task-v1-page th {
  color: #91829d;
  font-size: 7.8px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}

#work-task-v1-page .wt-actions {
  display: flex;
  gap: 5px;
}

#work-task-v1-page .wt-empty,
#work-task-v1-dashboard .wt-empty {
  padding: 17px 10px;
  color: var(--wt-muted);
  text-align: center;
  font-size: 9.5px;
}

#work-task-v1-dashboard .wt-dashboard-head {
  align-items: center;
}

#work-task-v1-dashboard .wt-dashboard-admin {
  min-width: 0;
}

#work-task-v1-dashboard .wt-mini-tasks {
  display: grid;
  gap: 6px;
}

#work-task-v1-dashboard .wt-mini-task {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 7px 8px;
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,.045);
  background: rgba(255,255,255,.025);
  cursor: pointer;
}

#work-task-v1-dashboard .wt-mini-task:hover {
  background: rgba(255,255,255,.045);
}

#work-task-v1-dashboard .wt-mini-task b {
  display: block;
  overflow: hidden;
  color: #eee7f3;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#work-task-v1-dashboard .wt-mini-task small {
  color: var(--wt-muted);
  font-size: 7.5px;
}

#work-task-v1-dashboard .wt-dashboard-summary {
  color: var(--wt-muted);
  font-size: 8px;
}

#workTaskNavButton.task-active,
#workTaskNavButton.active {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(90deg, #d61cf4, #a624ef) !important;
  box-shadow: 0 8px 24px rgba(214,28,244,.18) !important;
}

@media (max-width: 1100px) {
  #work-task-v1-page .wt-builder {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #work-task-v1-page .wt-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  #work-task-v1-page .wt-shell,
  #work-task-v1-dashboard {
    padding: 11px;
  }

  #work-task-v1-page .wt-head,
  #work-task-v1-dashboard .wt-dashboard-head,
  #work-task-v1-page .wt-card-head {
    display: block;
  }

  #work-task-v1-page .wt-badge,
  #work-task-v1-dashboard .wt-badge {
    display: inline-flex;
    margin-top: 7px;
  }

  #work-task-v1-page .wt-builder,
  #work-task-v1-page .wt-kpis {
    grid-template-columns: 1fr;
  }

  #work-task-v1-page .wt-full {
    grid-column: auto;
  }

  #work-task-v1-dashboard .wt-dashboard-groups {
    grid-template-columns: 1fr;
  }
}