:root {
  --ds-color-primary: #1f78a8;
  --ds-color-primary-strong: #155f86;
  --ds-color-primary-soft: rgba(31, 120, 168, 0.12);
  --ds-color-accent: #18a7b5;
  --ds-color-success: #0f9f6e;
  --ds-color-warning: #f59e0b;
  --ds-color-danger: #e11d48;
  --ds-color-danger-strong: #be123c;

  --ds-text: #17324c;
  --ds-text-muted: #5a7289;
  --ds-text-soft: #7890a5;

  --ds-surface: rgba(255, 255, 255, 0.94);
  --ds-surface-soft: rgba(247, 252, 255, 0.9);
  --ds-surface-strong: #ffffff;
  --ds-border: rgba(126, 172, 204, 0.32);
  --ds-border-strong: rgba(84, 148, 190, 0.44);

  --ds-radius-sm: 8px;
  --ds-radius-md: 12px;
  --ds-radius-lg: 18px;
  --ds-radius-xl: 22px;
  --ds-radius-pill: 999px;

  --ds-shadow-xs: 0 6px 14px rgba(31, 78, 112, 0.08);
  --ds-shadow-sm: 0 12px 26px rgba(31, 78, 112, 0.11);
  --ds-shadow-md: 0 18px 40px rgba(31, 78, 112, 0.14);

  --ds-focus-ring: 0 0 0 3px rgba(31, 120, 168, 0.16);
  --ds-btn-primary: linear-gradient(135deg, #18a7b5, #1f78a8);
  --ds-btn-primary-hover: linear-gradient(135deg, #15b7c3, #176b9b);
  --ds-btn-secondary: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 248, 253, 0.96));
  --ds-btn-danger: linear-gradient(135deg, #ff1744, #c1122f);
  --ds-btn-edit: linear-gradient(135deg, #f8b63c, #f08a24);
}

/* Surfaces */
.ws-card,
.home-card,
.home-kanban-card,
.plan-control-card,
.plan-tree-card,
.task-subtasks-card,
.ws-config-card,
.ws-detail-card,
.ws-entity-list-card,
.agenda-felipe-day-card,
.agenda-felipe-send-card,
.agenda-felipe-contact-card,
.agenda-felipe-recipient-card,
.agenda-felipe-mail-preview-card,
.ws-meetings-toolbar,
.ws-meetings-list-card,
.ws-meetings-ata-card,
.ws-meetings-summary-card,
.ws-meeting-focus-card,
.ws-meeting-scroll-card,
.modal-create,
.app-dialog-card,
.password-card,
.start-card,
.attachment-preview-card,
.meeting-complete-card,
.notif-panel {
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-xl);
  background:
    radial-gradient(circle at top right, rgba(77, 176, 211, 0.08), transparent 34%),
    linear-gradient(180deg, var(--ds-surface), rgba(244, 250, 254, 0.9));
  box-shadow: var(--ds-shadow-sm);
  color: var(--ds-text);
}

.ws-card:hover,
.home-card:hover,
.home-kanban-card:hover,
.ws-config-card:hover,
.agenda-felipe-day-card:hover,
.ws-meeting-stack-card:hover {
  border-color: var(--ds-border-strong);
}

/* Cards inside dense lists should stay compact and stable. */
.ws-item,
.ws-project-card,
.home-kanban-task,
.task-subtask-item,
.agenda-felipe-item,
.right-item-card,
.highlight-card,
.pauta-card-styled,
.ata-item-card,
.ws-meeting-stack-card,
.ws-meeting-compact-item {
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-lg);
  background: var(--ds-surface-strong);
  box-shadow: var(--ds-shadow-xs);
  color: var(--ds-text);
}

/* Buttons */
.btn-save,
.btn-filter-apply,
.btn-start,
.btn-upload,
.btn-ata-email,
.btn-new-meeting,
.start-card .btn-save,
.app-dialog-form .btn-save,
.ws-open-planning:not(.ws-open-edit):not(.ws-open-danger):not(.ws-open-icon),
.agenda-felipe-send-choice,
.agenda-felipe-send-btn {
  min-height: 40px;
  border: 1px solid rgba(126, 219, 255, 0.18);
  border-radius: var(--ds-radius-md);
  color: #ffffff;
  background: var(--ds-btn-primary);
  box-shadow: 0 12px 24px rgba(31, 120, 168, 0.18);
  font-weight: 800;
}

.btn-cancel,
.btn-layout,
.btn-back,
.btn-add-member,
.attachment-action,
.btn-add-circle,
.btn-icon-sm,
.btn-text,
.app-dialog-form .btn-cancel {
  min-height: 40px;
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-md);
  color: var(--ds-text);
  background: var(--ds-btn-secondary);
  box-shadow: var(--ds-shadow-xs);
  font-weight: 750;
}

.ws-open-planning.ws-open-edit,
.ws-open-planning.ws-open-edit.ws-open-icon,
.ws-org-inline-action.ws-open-ghost.ws-open-icon[data-edit-task],
.ws-org-inline-action.ws-open-ghost.ws-open-icon[data-edit-process],
.plan-control-card .ws-open-ghost.ws-open-icon[data-edit-plan] {
  color: #ffffff;
  background: var(--ds-btn-edit);
  border-color: rgba(248, 182, 60, 0.36);
}

.ws-open-planning.ws-open-danger,
.ws-open-planning.ws-open-danger.ws-open-icon,
.ws-org-inline-action.ws-open-ghost.ws-open-icon[data-tree-remove],
.plan-control-card .ws-open-ghost.ws-open-icon[data-delete-plan] {
  color: #ffffff;
  background: var(--ds-btn-danger);
  border-color: rgba(225, 29, 72, 0.42);
}

.btn-save:hover,
.btn-cancel:hover,
.btn-filter-apply:hover,
.btn-start:hover,
.btn-upload:hover,
.btn-ata-email:hover,
.btn-new-meeting:hover,
.btn-layout:hover,
.btn-back:hover,
.btn-add-member:hover,
.attachment-action:hover,
.btn-add-circle:hover,
.btn-icon-sm:hover,
.btn-text:hover,
.ws-open-planning:hover,
.agenda-felipe-send-choice:hover,
.agenda-felipe-send-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.03) saturate(1.04);
  box-shadow: var(--ds-shadow-sm);
}

.btn-save:focus-visible,
.btn-cancel:focus-visible,
.btn-filter-apply:focus-visible,
.btn-start:focus-visible,
.btn-upload:focus-visible,
.btn-ata-email:focus-visible,
.btn-new-meeting:focus-visible,
.btn-layout:focus-visible,
.btn-back:focus-visible,
.btn-add-member:focus-visible,
.attachment-action:focus-visible,
.btn-add-circle:focus-visible,
.btn-icon-sm:focus-visible,
.btn-text:focus-visible,
.ws-open-planning:focus-visible,
.ws-org-inline-action:focus-visible,
.ws-org-toggle:focus-visible,
.ws-meeting-overview-btn:focus-visible {
  outline: none;
  box-shadow: var(--ds-focus-ring), var(--ds-shadow-sm);
}

button:disabled,
.ws-open-planning[disabled],
.btn-save[disabled],
.btn-cancel[disabled] {
  opacity: 0.58;
  cursor: not-allowed;
  transform: none;
  filter: grayscale(0.1);
}

/* Forms */
.ws-form input,
.ws-form select,
.ws-form textarea,
.modal-create input[type="text"],
.modal-create input[type="email"],
.modal-create input[type="password"],
.modal-create input[type="date"],
.modal-create input[type="time"],
.modal-create input[type="number"],
.modal-create select,
.modal-create textarea,
.app-dialog-input,
.app-dialog-textarea,
.input-name,
.input-desc,
.duration-step-input,
.search-input,
.members-search-input,
.start-guest-input,
.password-input-wrap,
.login-input,
.profile-name-input,
.email-input,
.highlight-input,
.right-input,
.pauta-assignee-select,
.pauta-due-input,
.pauta-description-input,
.pauta-task-input,
.pauta-process-input,
.ata-month-select,
.ata-year-input,
.agenda-felipe-form-grid input,
.agenda-felipe-form-grid select,
.agenda-felipe-form-grid textarea,
.agenda-felipe-recipient-field input,
.agenda-felipe-quick-form input,
.agenda-felipe-quick-form select,
.agenda-felipe-quick-form textarea,
.agenda-felipe-status-select {
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-md);
  color: var(--ds-text);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.ws-form input:focus,
.ws-form select:focus,
.ws-form textarea:focus,
.modal-create input:focus,
.modal-create select:focus,
.modal-create textarea:focus,
.app-dialog-input:focus,
.app-dialog-textarea:focus,
.input-name:focus,
.input-desc:focus,
.duration-step-input:focus,
.search-input:focus,
.members-search-input:focus,
.start-guest-input:focus,
.password-input-wrap:focus-within,
.login-input:focus,
.profile-name-input:focus,
.email-input:focus,
.highlight-input:focus,
.right-input:focus,
.pauta-assignee-select:focus,
.pauta-due-input:focus,
.pauta-description-input:focus,
.pauta-task-input:focus,
.pauta-process-input:focus,
.ata-month-select:focus,
.ata-year-input:focus,
.agenda-felipe-form-grid input:focus,
.agenda-felipe-form-grid select:focus,
.agenda-felipe-form-grid textarea:focus,
.agenda-felipe-recipient-field input:focus,
.agenda-felipe-quick-form input:focus,
.agenda-felipe-quick-form select:focus,
.agenda-felipe-quick-form textarea:focus,
.agenda-felipe-status-select:focus {
  outline: none;
  border-color: var(--ds-border-strong);
  box-shadow: var(--ds-focus-ring), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

::placeholder {
  color: var(--ds-text-soft);
}

/* Badges and pills */
.ws-badge,
.ws-related-badge,
.ws-progress-pill,
.agenda-felipe-day-pill,
.agenda-felipe-status-badge,
.agenda-felipe-automation-badge,
.ws-ata-inline-badge,
.meeting-card-status,
.card-time,
.ws-meeting-stack-insights span,
.task-detail-panel .ws-badge,
.task-detail-stats .ws-badge {
  border: 1px solid rgba(126, 172, 204, 0.32);
  border-radius: var(--ds-radius-pill);
  color: #2a5877;
  background: rgba(232, 244, 251, 0.9);
  font-weight: 800;
}

.ws-ata-inline-badge.is-success,
.agenda-felipe-status-badge.is-done,
.agenda-felipe-automation-badge.is-active,
.meeting-card-status.completed {
  color: #08734e;
  background: rgba(213, 247, 233, 0.94);
  border-color: rgba(15, 159, 110, 0.28);
}

.ws-ata-inline-badge.is-progress,
.agenda-felipe-status-badge.is-progress,
.meeting-card-status.in_progress {
  color: #155f86;
  background: rgba(220, 242, 252, 0.94);
  border-color: rgba(31, 120, 168, 0.28);
}

.ws-ata-inline-badge.is-warning,
.agenda-felipe-status-badge.is-pending,
.agenda-felipe-automation-badge.is-paused,
.meeting-card-status.not_started {
  color: #8a5a00;
  background: rgba(255, 242, 210, 0.95);
  border-color: rgba(245, 158, 11, 0.3);
}

/* Avatar consistency */
.card-avatar,
.mini-avatar,
.start-member-avatar,
.profile-avatar,
.ws-meeting-avatar,
.home-kanban-avatar {
  border-radius: var(--ds-radius-pill);
  box-shadow: 0 6px 14px rgba(31, 78, 112, 0.14);
}

/* Utility classes for future migrations. */
.ds-card {
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-xl);
  background: var(--ds-surface);
  box-shadow: var(--ds-shadow-sm);
}

.ds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  border-radius: var(--ds-radius-md);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.ds-btn-primary {
  color: #ffffff;
  background: var(--ds-btn-primary);
}

.ds-btn-danger {
  color: #ffffff;
  background: var(--ds-btn-danger);
}

.ds-btn-icon {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: var(--ds-radius-pill);
}

@media (max-width: 767px) {
  .ws-card,
  .home-card,
  .home-kanban-card,
  .plan-control-card,
  .plan-tree-card,
  .task-subtasks-card,
  .ws-config-card,
  .agenda-felipe-day-card,
  .ws-meetings-toolbar,
  .ws-meetings-list-card {
    border-radius: var(--ds-radius-lg);
  }

  .btn-save,
  .btn-cancel,
  .btn-filter-apply,
  .btn-start,
  .btn-upload,
  .btn-ata-email,
  .btn-new-meeting,
  .ws-open-planning:not(.ws-open-icon),
  .agenda-felipe-send-choice,
  .agenda-felipe-send-btn {
    width: 100%;
    min-height: 44px;
  }
}

/* Projects workspace polish */
.ws-projects-layout {
  grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
  align-items: stretch;
}

.ws-projects-layout .ws-focus {
  display: none;
}

.ws-projects-layout .ws-dual-left,
.ws-projects-layout .ws-dual-right {
  min-width: 0;
}

.ws-projects-layout .ws-entity-list-card,
.ws-projects-tree-card {
  min-height: clamp(480px, calc(100vh - 290px), 760px);
}

.ws-projects-layout .ws-projects-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.ws-projects-layout .ws-projects-head h3,
.ws-projects-tree-card > h3 {
  margin: 0;
  color: var(--ds-text);
}

.ws-projects-layout .ws-projects-head p {
  margin: 4px 0 0;
  color: var(--ds-text-muted);
}

.ws-projects-new-btn {
  flex: 0 0 auto;
  gap: 8px;
  white-space: nowrap;
}

.ws-projects-layout .ws-project-item {
  border-color: rgba(82, 170, 213, 0.28);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 249, 255, 0.94));
}

.ws-projects-layout .ws-project-item-main {
  gap: 10px;
}

.ws-projects-layout .ws-project-item-head strong {
  font-size: 1.05rem;
  color: var(--ds-text);
}

.ws-projects-layout .ws-project-item-head small {
  color: var(--ds-text-muted);
  line-height: 1.45;
}

.ws-project-status,
.ws-project-due {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: var(--ds-radius-pill);
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1;
}

.ws-project-status.is-progress {
  color: #176b9b;
  background: rgba(24, 167, 181, 0.13);
  border: 1px solid rgba(24, 167, 181, 0.22);
}

.ws-project-status.is-overdue {
  color: #be123c;
  background: rgba(225, 29, 72, 0.12);
  border: 1px solid rgba(225, 29, 72, 0.24);
}

.ws-project-status.is-done {
  color: #0f7b56;
  background: rgba(15, 159, 110, 0.12);
  border: 1px solid rgba(15, 159, 110, 0.24);
}

.ws-project-due {
  color: var(--ds-text-muted);
  background: rgba(239, 248, 253, 0.95);
  border: 1px solid var(--ds-border);
}

.ws-project-card-progress {
  display: grid;
  grid-template-columns: minmax(80px, 1fr) auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  color: var(--ds-text-muted);
  font-size: 0.76rem;
  font-weight: 850;
}

.ws-project-card-progress i {
  display: block;
  height: 7px;
  width: 100%;
  overflow: hidden;
  border-radius: var(--ds-radius-pill);
  background:
    linear-gradient(90deg, #32c6df, #55e0a4) 0 / var(--progress, 0%) 100% no-repeat,
    rgba(216, 232, 241, 0.9);
}

.ws-projects-tree-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ws-projects-tree-card .ws-tree-root-wrap {
  flex: 1 1 auto;
  overflow: auto;
  padding: 4px 2px 12px;
}

.ws-project-tree-summary {
  margin-bottom: 16px;
  padding: 16px;
  gap: 4px;
}

.ws-project-tree-summary .ws-project-card-progress {
  margin-top: 8px;
}

.ws-project-tree-list,
.ws-project-tree-list ul {
  position: relative;
  margin: 0;
  padding-left: 28px;
  list-style: none;
}

.ws-project-tree-list {
  padding-left: 8px;
}

.ws-project-tree-list ul::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 12px;
  left: 10px;
  width: 2px;
  border-radius: var(--ds-radius-pill);
  background: linear-gradient(180deg, rgba(31, 120, 168, 0.32), rgba(24, 167, 181, 0.08));
}

.ws-project-tree-list .ws-tree-line {
  position: relative;
  margin: 8px 0;
}

.ws-project-tree-list ul .ws-tree-line::before {
  content: "";
  position: absolute;
  top: 20px;
  left: -18px;
  width: 18px;
  height: 2px;
  border-radius: var(--ds-radius-pill);
  background: rgba(31, 120, 168, 0.24);
}

.ws-projects-tree-card .ws-tree-node-row {
  align-items: flex-start;
  gap: 8px;
}

.ws-projects-tree-card .ws-tree-node {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  max-width: min(100%, 780px);
  padding: 10px 12px;
  border: 1px solid rgba(82, 170, 213, 0.22);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 18px rgba(31, 78, 112, 0.07);
  white-space: normal;
}

.ws-projects-tree-card .ws-tree-project {
  border-color: rgba(31, 120, 168, 0.32);
  background: linear-gradient(135deg, rgba(236, 249, 255, 0.98), rgba(255, 255, 255, 0.96));
}

.ws-projects-tree-card .ws-tree-task {
  padding: 9px 11px;
}

.ws-projects-tree-card .ws-tree-process {
  padding: 8px 10px;
  opacity: 0.92;
}

.ws-tree-kind {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  color: #176b9b;
  background: rgba(24, 167, 181, 0.12);
}

.ws-tree-content {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.ws-tree-content strong {
  color: var(--ds-text);
  font-size: 0.95rem;
  line-height: 1.25;
}

.ws-tree-project .ws-tree-content strong {
  font-size: 1.04rem;
  font-weight: 900;
}

.ws-tree-task .ws-tree-content strong {
  font-weight: 820;
}

.ws-tree-process .ws-tree-content strong {
  font-size: 0.88rem;
  font-weight: 760;
}

.ws-tree-content small {
  color: var(--ds-text-muted);
  font-size: 0.78rem;
  line-height: 1.25;
}

.ws-tree-progress {
  display: grid;
  grid-template-columns: minmax(72px, 150px) auto;
  align-items: center;
  gap: 8px;
  color: #176b9b;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 850;
}

.ws-tree-progress i {
  display: block;
  height: 6px;
  border-radius: var(--ds-radius-pill);
  background:
    linear-gradient(90deg, #32c6df, #55e0a4) 0 / var(--progress, 0%) 100% no-repeat,
    rgba(216, 232, 241, 0.95);
}

.ws-tree-progress em {
  font-style: normal;
}

@media (max-width: 1100px) {
  .ws-projects-layout {
    grid-template-columns: 1fr;
  }

  .ws-projects-layout .ws-entity-list-card,
  .ws-projects-tree-card {
    min-height: auto;
  }
}

@media (max-width: 640px) {
  .ws-projects-layout .ws-projects-head {
    align-items: stretch;
    flex-direction: column;
  }

  .ws-projects-new-btn {
    width: 100%;
  }

  .ws-project-tree-list,
  .ws-project-tree-list ul {
    padding-left: 14px;
  }

  .ws-projects-tree-card .ws-tree-node {
    width: 100%;
  }
}

/* Tasks and processes workspace polish */
.ws-tasks-layout,
.ws-processes-layout {
  grid-template-columns: minmax(340px, 0.46fr) minmax(520px, 0.92fr);
  align-items: stretch;
}

.ws-section-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.workspace-header-head {
  align-items: flex-start;
  gap: 16px;
}

.workspace-header-action {
  margin-left: auto;
  position: relative;
  z-index: 2;
}

.ws-section-list-head h3,
.ws-section-list-head p {
  margin: 0;
}

.ws-section-list-head p {
  margin-top: 4px;
  color: var(--ds-text-muted);
}

.ws-section-new-btn {
  flex: 0 0 auto;
  gap: 8px;
  white-space: nowrap;
}

.ws-task-detail-card,
.ws-process-detail-panel,
.ws-tasks-layout .ws-entity-list-card,
.ws-processes-layout .ws-entity-list-card {
  min-height: clamp(520px, calc(100vh - 290px), 780px);
}

.ws-task-list-card,
.ws-process-card {
  align-items: center;
  border-color: rgba(82, 170, 213, 0.28);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 249, 255, 0.94));
}

.ws-task-list-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.ws-task-list-row strong,
.ws-process-card strong {
  color: var(--ds-text);
  font-size: 1rem;
  line-height: 1.25;
}

.ws-task-list-card .ws-project-card-progress,
.ws-process-card .ws-project-card-progress {
  margin-top: 8px;
}

.task-detail-panel-modern {
  display: grid;
  gap: 16px;
}

.task-detail-section {
  padding: 16px;
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-lg);
  background: rgba(255, 255, 255, 0.78);
}

.task-detail-panel-modern .task-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.task-detail-panel-modern .task-detail-head h4 {
  margin: 8px 0 6px;
  color: var(--ds-text);
  font-size: 1.3rem;
}

.task-detail-panel-modern .task-detail-head p {
  margin: 0;
  color: var(--ds-text-muted);
}

.task-detail-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.task-detail-info-grid span {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid rgba(82, 170, 213, 0.22);
  border-radius: 12px;
  background: rgba(238, 248, 253, 0.72);
  color: var(--ds-text);
}

.task-detail-info-grid strong {
  color: var(--ds-text-soft);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.task-history-list-grouped {
  display: grid;
  gap: 12px;
}

.task-history-day {
  display: grid;
  gap: 8px;
}

.task-history-day > strong {
  color: var(--ds-text);
  font-size: 0.86rem;
}

.task-history-day-list {
  display: grid;
  gap: 8px;
  padding-left: 10px;
  border-left: 2px solid rgba(31, 120, 168, 0.18);
}

.task-history-item {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid rgba(126, 172, 204, 0.22);
  border-radius: 12px;
  background: rgba(249, 252, 255, 0.9);
}

.task-history-item span {
  color: var(--ds-text);
  font-weight: 800;
}

.task-history-item small {
  color: var(--ds-text-muted);
}

.ws-process-card-metrics,
.ws-process-detail-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ws-process-card-metrics span,
.ws-process-detail-metrics span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid rgba(82, 170, 213, 0.24);
  border-radius: var(--ds-radius-pill);
  color: #176b9b;
  background: rgba(238, 248, 253, 0.82);
  font-size: 0.76rem;
  font-weight: 850;
}

.ws-process-detail {
  display: grid;
  gap: 16px;
}

.ws-process-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.ws-section-eyebrow {
  color: var(--ds-text-soft);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ws-process-detail-head h3 {
  margin: 6px 0;
  color: var(--ds-text);
  font-size: 1.35rem;
}

.ws-process-detail-head p {
  margin: 0;
  color: var(--ds-text-muted);
}

.ws-process-stage-list {
  display: grid;
  gap: 12px;
}

.ws-process-stage {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(82, 170, 213, 0.24);
  border-radius: var(--ds-radius-lg);
  background: rgba(255, 255, 255, 0.86);
  cursor: grab;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.ws-process-stage:hover {
  transform: translateY(-1px);
  border-color: var(--ds-border-strong);
  box-shadow: var(--ds-shadow-xs);
}

.ws-process-stage.dragging {
  opacity: 0.55;
}

.ws-process-stage-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.ws-process-stage-head small,
.ws-process-stage p,
.ws-process-stage-task small {
  color: var(--ds-text-muted);
}

.ws-process-stage p {
  margin: 0;
}

.ws-process-stage-task {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(126, 172, 204, 0.2);
  border-radius: 12px;
  background: rgba(239, 248, 253, 0.8);
}

.ws-process-empty {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 36px 22px;
  text-align: center;
  color: var(--ds-text-muted);
}

.ws-process-empty strong {
  color: var(--ds-text);
  font-size: 1.05rem;
}

.ws-process-empty p {
  max-width: 460px;
  margin: 0;
  line-height: 1.5;
}

.ws-process-empty-illustration {
  position: relative;
  display: grid;
  place-items: center;
  width: 118px;
  height: 80px;
}

.ws-process-empty-illustration span {
  position: absolute;
  width: 56px;
  height: 34px;
  border: 1px solid rgba(82, 170, 213, 0.3);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(24, 167, 181, 0.18), rgba(31, 120, 168, 0.1));
  box-shadow: var(--ds-shadow-xs);
}

.ws-process-empty-illustration span:nth-child(1) {
  left: 0;
  top: 6px;
}

.ws-process-empty-illustration span:nth-child(2) {
  right: 0;
  top: 24px;
}

.ws-process-empty-illustration span:nth-child(3) {
  left: 32px;
  bottom: 0;
}

.hl-assignee-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 190px;
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid rgba(82, 170, 213, 0.26);
  border-radius: var(--ds-radius-pill);
  color: var(--ds-text);
  background: rgba(238, 248, 253, 0.88);
  font-size: 0.76rem;
  font-weight: 800;
}

.hl-assignee-trigger span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pauta-description-saved strong {
  color: var(--ds-text);
}

@media (max-width: 1100px) {
  .ws-tasks-layout,
  .ws-processes-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ws-section-list-head,
  .ws-process-detail-head,
  .task-detail-panel-modern .task-detail-head {
    align-items: stretch;
    flex-direction: column;
  }

  .ws-section-new-btn {
    width: 100%;
  }

  .task-detail-info-grid {
    grid-template-columns: 1fr;
  }
}

/* Meeting status badges */
.meeting-card-status.completed,
.ws-meeting-stack-side .ws-ata-inline-badge.is-success {
  color: #475569;
  background: rgba(241, 245, 249, 0.96);
  border-color: rgba(148, 163, 184, 0.42);
}

.meeting-card-status.in_progress,
.ws-meeting-stack-side .ws-ata-inline-badge.is-progress {
  color: #047857;
  background: rgba(209, 250, 229, 0.96);
  border-color: rgba(16, 185, 129, 0.36);
}

.meeting-card-status.not_started,
.ws-meeting-stack-side .ws-ata-inline-badge.is-warning {
  color: #1d4ed8;
  background: rgba(219, 234, 254, 0.96);
  border-color: rgba(59, 130, 246, 0.34);
}

.ws-meeting-stack-insights .ws-zero-value-tag {
  display: none;
}

.ws-meeting-stack-insights .ws-meeting-tag-category {
  color: #285a76;
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(82, 170, 213, 0.48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.ws-meeting-stack-insights .ws-meeting-tag-count {
  color: #21516f;
  background: rgba(210, 236, 249, 0.88);
  border-color: rgba(126, 172, 204, 0.24);
  box-shadow: none;
}

.ws-meeting-stack-card {
  margin-bottom: 12px;
}

.ws-meeting-stack-card:nth-of-type(even) {
  background:
    linear-gradient(135deg, rgba(239, 248, 253, 0.72), rgba(255, 255, 255, 0.94)),
    rgba(255, 255, 255, 0.9);
}

.ws-meeting-stack-card:nth-of-type(odd) {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(245, 251, 253, 0.74)),
    rgba(255, 255, 255, 0.94);
}

.ws-meetings-date-filter {
  gap: 6px;
  padding: 7px;
  border: 1px solid rgba(82, 170, 213, 0.26);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(230, 245, 252, 0.72)),
    rgba(247, 252, 255, 0.9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 12px 28px rgba(31, 78, 112, 0.08);
}

.ws-meetings-date-filter label {
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-right: 1px solid rgba(126, 172, 204, 0.24);
  color: #2d6383;
}

.ws-meetings-date-filter input,
.ws-meetings-date-filter button {
  min-height: 36px;
  border-radius: 11px;
}

.ws-meetings-date-filter input {
  border-color: rgba(126, 172, 204, 0.3);
  background: rgba(255, 255, 255, 0.86);
}

.ws-meetings-date-filter button {
  border: 1px solid transparent;
  background: rgba(219, 238, 249, 0.92);
}

.ws-meetings-date-filter button:hover {
  border-color: rgba(82, 170, 213, 0.28);
  background: rgba(201, 231, 246, 0.98);
}