/* EVOADS product polish: design-system layer loaded last. */
:root {
  --evo-bg: #f7f5fb;
  --evo-ink: #12081e;
  --evo-muted: #6d607d;
  --evo-line: rgba(65, 27, 120, .13);
  --evo-soft-line: rgba(139, 61, 255, .14);
  --evo-card: rgba(255, 255, 255, .86);
  --evo-card-solid: #ffffff;
  --evo-purple: #8b3dff;
  --evo-deep: #411b78;
  --evo-cyan: #06b6d4;
  --evo-pink: #d946ef;
  --evo-danger: #e11d48;
  --evo-warn: #f59e0b;
  --evo-ok: #0d9488;
  --evo-radius: 14px;
  --evo-radius-lg: 20px;
  --evo-shadow: 0 16px 42px rgba(65, 27, 120, .10);
  --evo-shadow-soft: 0 8px 22px rgba(65, 27, 120, .07);
}

html {
  color-scheme: light;
}

body {
  background:
    radial-gradient(circle at 14% 12%, rgba(139, 61, 255, .10), transparent 26%),
    radial-gradient(circle at 82% 8%, rgba(6, 182, 212, .08), transparent 24%),
    linear-gradient(180deg, #fcfbff 0%, var(--evo-bg) 46%, #eeebf7 100%) !important;
  color: var(--evo-ink);
}

body::before {
  display: block !important;
  opacity: .24 !important;
  background-image:
    radial-gradient(circle, rgba(65, 27, 120, .22) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(6, 182, 212, .18) 0 1px, transparent 1.7px) !important;
  background-size: 118px 118px, 170px 170px !important;
  background-position: 18px 28px, 70px 92px !important;
  mask-image: linear-gradient(180deg, #000, rgba(0,0,0,.45) 72%, transparent);
}

.login-screen {
  background:
    radial-gradient(circle at 20% 18%, rgba(139,61,255,.36), transparent 24%),
    radial-gradient(circle at 75% 35%, rgba(6,182,212,.24), transparent 22%),
    radial-gradient(circle at 82% 14%, rgba(255,255,255,.82) 0 1px, transparent 2px),
    radial-gradient(circle at 18% 70%, rgba(217,70,239,.42) 0 1px, transparent 2px),
    linear-gradient(135deg, #050109 0%, #160626 42%, #411b78 78%, #8b3dff 125%) !important;
}

.login-screen::before {
  display: block !important;
  opacity: .52 !important;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.46) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(6,182,212,.32) 0 1px, transparent 1.8px) !important;
  background-size: 74px 74px, 128px 128px !important;
}

.login-card {
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.06)),
    radial-gradient(circle at 100% 0, rgba(6,182,212,.14), transparent 34%) !important;
  box-shadow: 0 28px 82px rgba(0,0,0,.34), 0 0 44px rgba(139,61,255,.16), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.app-main {
  max-width: 1800px;
}

.topbar,
.panel,
.section-block,
.toolbar,
.metric,
.column,
.modal,
.user-create-card,
.company-card,
.traffic-card,
.agenda-item,
.daily-item,
.person-item,
.goal-item,
.intel-card,
.executive-card,
.pilot-panel {
  border: 1px solid var(--evo-line) !important;
  border-radius: var(--evo-radius-lg) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(250,247,255,.74)),
    radial-gradient(circle at 100% 0, rgba(139,61,255,.055), transparent 32%) !important;
  box-shadow: var(--evo-shadow-soft) !important;
  backdrop-filter: blur(18px);
}

.topbar {
  position: sticky;
  top: 12px;
  z-index: 20;
  min-height: 72px !important;
  padding: 12px 16px !important;
  margin-bottom: 16px !important;
}

.topbar h1 {
  max-width: 720px;
  color: var(--evo-ink);
  font-size: clamp(25px, 2.2vw, 38px) !important;
  letter-spacing: 0;
}

.eyebrow {
  color: var(--evo-purple) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
}

.primary-button,
.task-approval-button,
.task-finalize-button {
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--evo-purple), var(--evo-deep) 68%, var(--evo-cyan) 140%) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(139,61,255,.22) !important;
}

.secondary-button,
.ghost-button,
.icon-button,
.quiet-action,
.primary-action,
.danger-action,
.table-action {
  border-radius: 12px !important;
  border-color: var(--evo-soft-line) !important;
  background: rgba(255,255,255,.72) !important;
  color: var(--evo-ink) !important;
  box-shadow: none !important;
}

.primary-button:hover,
.secondary-button:hover,
.icon-button:hover,
.quiet-action:hover,
.primary-action:hover,
.table-action:hover {
  transform: translateY(-1px);
  border-color: rgba(139,61,255,.34) !important;
  box-shadow: 0 10px 24px rgba(65,27,120,.10) !important;
}

input,
select,
textarea {
  min-height: 42px;
  border-color: rgba(65,27,120,.16) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.78) !important;
  color: var(--evo-ink) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(139,61,255,.48) !important;
  box-shadow: 0 0 0 4px rgba(139,61,255,.11) !important;
}

.sidebar {
  width: 228px !important;
  padding: 14px 10px !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(139,61,255,.20), transparent 30%),
    linear-gradient(180deg, #06020b, #130722 54%, #1b0b32) !important;
  box-shadow: 12px 0 46px rgba(65,27,120,.16);
}

.sidebar::before,
.sidebar::after,
.sidebar-circuit,
.nav-list::before,
.command-center[data-view="dashboard"] > .panel::before {
  display: none !important;
  opacity: 0 !important;
}

.app-main {
  margin-left: 228px !important;
}

.brand {
  padding: 2px 6px;
}

.brand-mark,
.nav-icon,
.avatar,
.company-logo {
  border-radius: 12px !important;
}

.nav-list {
  gap: 3px !important;
}

.nav-list a {
  min-height: 37px !important;
  padding: 0 8px !important;
  border-radius: 12px !important;
  color: rgba(255,255,255,.80) !important;
  font-size: 13px !important;
}

.nav-list a.active {
  background: rgba(255,255,255,.94) !important;
  color: var(--evo-ink) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
}

.nav-list a:hover:not(.active) {
  background: rgba(255,255,255,.08) !important;
}

.profile-box {
  border-radius: 16px !important;
  background: rgba(255,255,255,.07) !important;
}

.metrics-grid[data-view="dashboard"] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px !important;
}

.metric {
  min-height: 102px !important;
  padding: 14px !important;
}

.metric span,
.metric small,
.executive-card span,
.executive-card small,
.intel-card span,
.intel-card small {
  color: var(--evo-muted) !important;
}

.metric strong {
  margin: 8px 0 4px !important;
  color: var(--evo-ink);
  font-size: clamp(30px, 2.6vw, 46px) !important;
}

.metric::before,
.executive-card::before,
.intel-card::before,
.pilot-panel::before {
  height: 2px !important;
  background: linear-gradient(90deg, var(--evo-purple), var(--evo-cyan), var(--evo-pink)) !important;
  opacity: .56 !important;
}

.command-center[data-view="dashboard"] > .panel {
  padding: 18px !important;
}

.dashboard-focus-strip {
  grid-template-columns: minmax(280px, 1.4fr) repeat(3, minmax(120px, .6fr)) !important;
}

.dashboard-focus-strip article {
  min-height: 76px !important;
  border-radius: 16px !important;
}

.dashboard-focus-strip .focus-card {
  background:
    radial-gradient(circle at 96% 12%, rgba(6,182,212,.20), transparent 34%),
    linear-gradient(135deg, #160824, var(--evo-deep) 68%, var(--evo-purple)) !important;
}

.executive-grid,
.dashboard-intel {
  gap: 10px !important;
}

.executive-card {
  min-height: 102px !important;
  padding: 14px !important;
}

.executive-card strong {
  font-size: 34px !important;
}

.dashboard-intel {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.intel-card {
  min-height: 146px !important;
  padding: 14px !important;
}

.intel-list {
  gap: 6px !important;
}

.intel-list button {
  min-height: 38px !important;
  border-radius: 12px !important;
}

.pilot-panel {
  margin-top: 12px !important;
}

.pilot-hero {
  min-height: 96px;
  border-radius: 16px !important;
}

.pilot-flow {
  display: none !important;
}

.daily-columns {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.daily-columns h3 {
  margin: 0 0 8px !important;
  font-size: 14px !important;
}

.daily-list {
  max-height: 230px !important;
}

.kanban,
.kanban-board {
  gap: 12px !important;
}

.column {
  min-height: 520px !important;
  padding: 10px !important;
}

.column-header {
  margin-bottom: 10px !important;
}

.column-header h3 {
  font-size: 15px !important;
}

.task-card {
  gap: 8px !important;
  padding: 11px !important;
  border-radius: 14px !important;
  box-shadow: 0 7px 18px rgba(65,27,120,.07) !important;
}

.task-card:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 26px rgba(65,27,120,.10) !important;
}

.task-card .card-title strong {
  font-size: 14px !important;
}

.task-card .card-title span,
.task-card .card-info,
.task-card .card-meta {
  font-size: 12px !important;
}

.task-hover-preview {
  top: calc(100% + 8px) !important;
  left: 8px !important;
  right: 8px !important;
  max-height: 190px;
  overflow: auto;
  pointer-events: none !important;
}

.task-card:not(:has(.task-brief-dot:hover)):not(:has(.task-brief-dot:focus-visible)) .task-hover-preview {
  display: none !important;
}

.task-card:has(.task-brief-dot:hover) .task-hover-preview,
.task-card:has(.task-brief-dot:focus-visible) .task-hover-preview {
  display: grid !important;
  opacity: 1 !important;
}

.task-wizard {
  width: min(920px, 96vw) !important;
  padding: 18px !important;
  border-radius: 18px !important;
  gap: 14px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,245,255,.92)) !important;
}

.task-wizard-progress {
  display: grid;
  grid-template-columns: 24px 1fr 24px 1fr 24px;
  align-items: center;
  gap: 8px;
  max-width: 250px;
}

.task-wizard-progress span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eee9f6;
  color: #756984;
  font-size: 12px;
  font-weight: 900;
}

.task-wizard-progress span.active {
  background: linear-gradient(135deg, var(--evo-purple), #5b21b6);
  color: #fff;
  box-shadow: 0 8px 20px rgba(139,61,255,.24);
}

.task-wizard-progress span.done {
  background: #e7dcfb;
  color: #5b21b6;
}

.task-wizard-progress i {
  height: 2px;
  background: linear-gradient(90deg, rgba(139,61,255,.3), rgba(6,182,212,.24));
}

.task-wizard-step {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.task-wizard-step > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.task-wizard-step > div:first-child strong {
  color: var(--evo-muted);
  font-size: 13px;
}

.task-wizard .task-presets {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.task-presets button {
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: 34px 1fr;
  grid-template-areas: "icon title" "icon meta";
  align-items: center;
  gap: 2px 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(139,61,255,.16) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: 0 8px 22px rgba(65,27,120,.05) !important;
  text-align: left !important;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.task-presets button:hover {
  transform: translateY(-1px);
  border-color: rgba(139,61,255,.38) !important;
  box-shadow: 0 12px 28px rgba(65,27,120,.09) !important;
}

.task-presets button.active {
  border-color: rgba(139,61,255,.72) !important;
  background: linear-gradient(135deg, rgba(139,61,255,.13), rgba(255,255,255,.94)) !important;
  box-shadow: inset 3px 0 0 #8b3dff, 0 14px 30px rgba(139,61,255,.12) !important;
}

.task-presets button span {
  grid-area: icon;
  width: 34px !important;
  height: 34px !important;
  display: grid;
  place-items: center;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(139,61,255,.13), rgba(65,183,255,.09)) !important;
  color: #6d28d9 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.task-presets button strong {
  grid-area: title;
  color: #140921 !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
}

.task-presets button small {
  grid-area: meta;
  max-width: 100%;
  overflow: hidden;
  color: #766985 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.task-preset-guide {
  min-height: 40px;
  display: flex;
  align-items: center;
  margin-top: 10px !important;
  padding: 10px 12px !important;
  border: 1px dashed rgba(139,61,255,.18) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.58) !important;
  color: #6d627a !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.task-wizard-actions {
  position: sticky;
  bottom: -20px;
  z-index: 4;
  margin: 0 -20px -20px;
  padding: 14px 20px;
  border-top: 1px solid var(--evo-line);
  background: rgba(248,247,252,.94);
  backdrop-filter: blur(18px);
}

.collaborator-field {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(139, 61, 255, .16);
  border-radius: 16px;
  background: rgba(255, 255, 255, .72);
}

.collaborator-field > div:first-child,
.collaboration-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.collaborator-field span,
.collaboration-head strong {
  color: #140921;
  font-weight: 950;
}

.collaborator-field small,
.collaboration-head span,
.collaboration-current small {
  color: #6d627a;
  font-weight: 800;
}

.collaborator-picker,
.collaboration-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.collaborator-option,
.collaboration-option,
.collaboration-current span,
.task-collab-line {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  border: 1px solid rgba(139, 61, 255, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  color: #21162f;
  font-size: 12px;
  font-weight: 900;
}

.collaborator-option,
.collaboration-option {
  padding: 5px 10px 5px 6px;
  cursor: pointer;
}

.collaborator-option input,
.collaboration-option input {
  accent-color: #8b3dff;
}

.collaborator-option:has(input:checked),
.collaboration-option:has(input:checked) {
  border-color: rgba(139, 61, 255, .5);
  background: linear-gradient(135deg, rgba(139, 61, 255, .14), rgba(65, 183, 255, .1));
  box-shadow: 0 10px 24px rgba(139, 61, 255, .1);
}

.collaboration-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(139, 61, 255, .16);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .84), rgba(247, 242, 255, .7));
}

.collaboration-current {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.collaboration-current span {
  padding: 5px 10px 5px 5px;
}

.task-collab-line {
  justify-content: space-between;
  padding: 4px 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .48);
}

.task-collab-line span {
  display: inline-flex;
  align-items: center;
}

.task-collab-line .avatar,
.collaboration-current .avatar,
.collaborator-option .avatar,
.collaboration-option .avatar {
  width: 24px;
  height: 24px;
  font-size: 9px;
}

.task-collab-line span .avatar + .avatar {
  margin-left: -7px;
}

.task-collab-line b {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-left: -7px;
  border-radius: 50%;
  background: #140921;
  color: #fff;
  font-size: 10px;
}

.agenda-participants {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(139,61,255,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.72);
}

.agenda-participants > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.agenda-participants span {
  color: #140921;
  font-weight: 950;
}

.agenda-participants small {
  color: #756984;
  font-weight: 800;
}

.agenda-participant-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.agenda-participant-option {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 4px 9px 4px 5px;
  border: 1px solid rgba(139,61,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  color: #21162f;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.agenda-participant-option input {
  accent-color: #8b3dff;
}

.agenda-participant-option:has(input:checked) {
  border-color: rgba(139,61,255,.5);
  background: linear-gradient(135deg, rgba(139,61,255,.14), rgba(65,183,255,.1));
}

.agenda-participant-option .avatar,
.agenda-participant-line .avatar,
.agenda-detail-people .avatar {
  width: 24px;
  height: 24px;
  font-size: 9px;
}

.agenda-item.meeting-item {
  border-color: rgba(139,61,255,.28) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(246,240,255,.86)) !important;
  box-shadow: inset 3px 0 0 #8b3dff, 0 10px 24px rgba(65,27,120,.08) !important;
}

.agenda-item.request-item {
  border-color: rgba(65,183,255,.28) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(243,247,255,.9)) !important;
  box-shadow: inset 4px 0 0 #41b7ff, 0 10px 24px rgba(30,64,175,.08) !important;
}

.agenda-item.request-approved {
  border-color: rgba(34,197,94,.22) !important;
  box-shadow: inset 4px 0 0 #22c55e, 0 10px 24px rgba(20,83,45,.07) !important;
}

.agenda-item.request-rejected {
  opacity: .72;
  border-color: rgba(148,126,169,.22) !important;
  box-shadow: inset 4px 0 0 #947ea9, 0 10px 24px rgba(65,27,120,.04) !important;
}

.request-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(139,61,255,.14);
}

.request-actions .primary-button,
.request-actions .secondary-button {
  width: auto;
  min-height: 42px;
  padding: 0 18px;
}

/* Criacao de demanda enxuta */
.task-modal.task-wizard {
  width: min(860px, calc(100vw - 28px)) !important;
  max-height: min(88vh, 860px) !important;
  overflow: auto !important;
  padding: 26px !important;
  border-radius: 22px !important;
}

.task-modal .modal-header {
  margin-bottom: 16px !important;
}

.task-modal .modal-header h2 {
  font-size: clamp(28px, 3vw, 42px) !important;
  letter-spacing: 0 !important;
}

.task-wizard-progress-clean {
  width: min(320px, 100%) !important;
  margin: 0 0 18px !important;
}

.task-clean-step,
.task-briefing-step {
  gap: 16px !important;
}

.task-step-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  padding: 0 2px;
}

.task-step-title strong {
  color: #160b25;
  font-size: 17px;
  font-weight: 900;
}

.task-create-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.task-create-grid .span-2 {
  grid-column: 1 / -1;
}

.task-create-grid label,
.task-briefing-step label {
  margin: 0 !important;
  color: #5b506d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.task-create-grid input,
.task-create-grid select,
.task-briefing-step textarea {
  min-height: 48px !important;
  border-radius: 14px !important;
  border-color: rgba(216,204,232,.86) !important;
  background: rgba(255,255,255,.86) !important;
  color: #150a24 !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.task-briefing-step textarea {
  min-height: 156px !important;
  resize: vertical;
}

.task-advanced {
  margin-top: 6px;
  padding: 14px;
  border: 1px solid rgba(216,204,232,.72);
  border-radius: 16px;
  background: rgba(255,255,255,.58);
}

.task-advanced summary {
  cursor: pointer;
  color: #411b78;
  font-size: 13px;
  font-weight: 900;
}

.task-advanced .task-create-grid {
  margin-top: 14px;
}

.collaborator-field.compact {
  min-height: 48px;
  margin: 0 !important;
  padding: 10px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.72) !important;
}

.task-wizard-actions {
  position: sticky;
  bottom: -26px;
  margin: 18px -26px -26px !important;
  padding: 14px 26px !important;
  border-top: 1px solid rgba(216,204,232,.72);
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(18px);
}

.task-wizard-actions .primary-button,
.task-wizard-actions .secondary-button {
  min-height: 46px !important;
  border-radius: 14px !important;
}

@media (max-width: 720px) {
  .task-modal.task-wizard {
    width: 100vw !important;
    max-height: 100dvh !important;
    min-height: 100dvh !important;
    border-radius: 0 !important;
    padding: 18px !important;
  }

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

  .task-create-grid .span-2 {
    grid-column: auto;
  }

  .task-wizard-actions {
    bottom: -18px;
    margin: 16px -18px -18px !important;
    padding: 12px 18px !important;
  }
}

/* Rodada premium clean: menos ruido, mais produto. */
:root {
  --clean-border: rgba(216, 204, 232, .62);
  --clean-shadow: 0 14px 40px rgba(31, 21, 48, .075);
}

body {
  color: #160b25;
}

.topbar {
  min-height: 68px !important;
  margin-bottom: 14px !important;
  padding: 10px 0 14px !important;
  border-bottom: 1px solid rgba(216,204,232,.52) !important;
}

.topbar h1 {
  max-width: 620px !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.04 !important;
}

.topbar-actions {
  gap: 8px !important;
}

.global-search {
  min-width: min(330px, 30vw) !important;
  min-height: 44px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.live-pill,
.spotify-mini-button,
.icon-button {
  min-height: 42px !important;
  border-radius: 14px !important;
}

.spotify-mini-button span {
  display: none;
}

.metrics-grid[data-view="dashboard"] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

.metric {
  min-height: 96px !important;
  padding: 16px !important;
  border-color: var(--clean-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--clean-shadow) !important;
}

.metric span {
  font-size: 12px !important;
}

.metric strong {
  font-size: 36px !important;
  line-height: .94 !important;
}

.metric small {
  font-size: 11px !important;
}

.command-center[data-view="dashboard"] > .panel {
  padding: 18px !important;
  border-radius: 22px !important;
  border-color: var(--clean-border) !important;
  box-shadow: var(--clean-shadow) !important;
}

.dashboard-focus-strip {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.4fr) repeat(3, minmax(110px, .45fr)) !important;
  gap: 10px !important;
  margin: 10px 0 14px !important;
}

.focus-card,
.focus-mini {
  min-height: 88px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(216,204,232,.66) !important;
  box-shadow: none !important;
}

.focus-card {
  background: linear-gradient(135deg, #1a0b2b, #5b22d6 62%, #8b3dff) !important;
}

.focus-card strong {
  font-size: 24px !important;
}

.focus-card small,
.focus-mini small {
  display: none !important;
}

.focus-mini {
  background: rgba(255,255,255,.82) !important;
}

.focus-mini strong {
  font-size: 34px !important;
}

.executive-grid,
.dashboard-intel,
.pilot-panel:empty,
.notification-center:empty {
  display: none !important;
}

.daily-columns {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 8px !important;
}

.daily-columns > div {
  min-width: 0;
}

.daily-columns h3 {
  margin: 0 0 8px !important;
  color: #2a1a3b !important;
  font-size: 14px !important;
}

.daily-list {
  display: grid !important;
  gap: 8px !important;
}

.daily-item,
.event-item,
.notification-item,
.agenda-item {
  min-height: 58px !important;
  padding: 11px 12px !important;
  border-radius: 16px !important;
  border-color: rgba(216,204,232,.62) !important;
  box-shadow: none !important;
}

.daily-item span,
.daily-item small,
.event-item small,
.notification-item small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notification-center {
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(216,204,232,.48);
}

.notification-list {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.toolbar[data-view="kanban"] {
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) 150px repeat(3, minmax(124px, 160px)) auto !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  box-shadow: var(--clean-shadow) !important;
}

.kanban-date-actions {
  display: inline-flex;
  align-items: end;
  gap: 6px;
}

.kanban-date-actions button {
  min-height: 42px;
  padding: 0 11px;
  border: 1px solid rgba(216,204,232,.78);
  border-radius: 13px;
  background: rgba(255,255,255,.78);
  color: #411b78;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.kanban-date-actions button.active,
.kanban-date-actions button:hover {
  border-color: rgba(139,61,255,.42);
  background: rgba(139,61,255,.1);
}

.section-heading h2 {
  font-size: clamp(20px, 1.8vw, 28px) !important;
}

.kanban {
  gap: 12px !important;
}

.column {
  min-height: 520px !important;
  padding: 10px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.72) !important;
  border-color: rgba(216,204,232,.62) !important;
  box-shadow: none !important;
}

.column::before {
  height: 2px !important;
  margin-bottom: 10px !important;
  opacity: .72;
}

.column-header {
  margin-bottom: 10px !important;
}

.column-header h3 {
  font-size: 15px !important;
}

.column-header small {
  font-size: 11px !important;
  font-weight: 650 !important;
}

.task-card {
  padding: 12px !important;
  border-radius: 18px !important;
  gap: 9px !important;
  box-shadow: 0 8px 22px rgba(31,21,48,.055) !important;
}

.task-card.compact-card,
.task-card.micro-card {
  padding: 10px !important;
}

.task-card .card-topline {
  gap: 6px !important;
}

.task-card .priority,
.task-card .area-badge,
.task-card .approved-badge {
  min-height: 22px !important;
  padding: 0 8px !important;
  font-size: 10px !important;
}

.task-client-line strong {
  font-size: 13px !important;
}

.card-title > span {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px !important;
  line-height: 1.18 !important;
}

.card-info {
  grid-template-columns: 1fr !important;
  gap: 5px !important;
  font-size: 11px !important;
}

.compact-meta {
  display: none !important;
}

.task-collab-line {
  padding-top: 0 !important;
  border-top: 0 !important;
}

.production-flow {
  display: grid;
  gap: 8px;
  padding: 9px;
  border: 1px solid rgba(216,204,232,.56);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(248,244,255,.76), rgba(255,255,255,.82));
}

.production-flow-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.production-flow-head span {
  color: #6c5d7d;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.production-flow-head strong {
  color: #411b78;
  font-size: 11px;
  font-weight: 950;
  text-align: right;
}

.production-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.production-steps button {
  height: 26px;
  min-height: 26px;
  padding: 0;
  border: 1px solid rgba(216,204,232,.8);
  border-radius: 999px;
  background: #fff;
  color: #6c5d7d;
  cursor: pointer;
}

.production-steps button span {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-size: 11px;
  font-weight: 900;
}

.production-steps button.done {
  border-color: rgba(139,61,255,.4);
  background: rgba(139,61,255,.12);
  color: #411b78;
}

.production-steps button.current {
  border-color: transparent;
  background: linear-gradient(135deg, #8b3dff, #411b78);
  color: #fff;
  box-shadow: 0 8px 18px rgba(139,61,255,.2);
}

.process-production {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.process-production button {
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(216,204,232,.78);
  border-radius: 12px;
  background: rgba(255,255,255,.78);
  color: #5b506d;
  font-size: 12px;
  font-weight: 850;
}

.process-production button.current {
  border-color: transparent;
  background: linear-gradient(135deg, rgba(139,61,255,.14), rgba(65,183,255,.12));
  color: #411b78;
  box-shadow: inset 0 0 0 1px rgba(139,61,255,.22);
}

.time-clock-page {
  display: grid;
  grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
  gap: 16px;
}

.time-clock-panel,
.time-report-panel,
.time-admin-panel {
  border-radius: 22px !important;
  border-color: var(--clean-border) !important;
  box-shadow: var(--clean-shadow) !important;
}

.time-admin-panel {
  grid-column: 1 / -1;
}

.time-admin-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 12px;
  align-items: end;
}

.time-admin-form label {
  display: grid;
  gap: 7px;
  color: #6b5e7c;
  font-size: 12px;
  font-weight: 850;
}

.time-admin-form .wide {
  grid-column: span 2;
}

.time-admin-form textarea {
  min-height: 48px;
  resize: vertical;
}

.time-admin-form button {
  min-height: 48px;
}

.time-punch-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.time-punch-grid article {
  min-height: 84px;
  padding: 14px;
  border: 1px solid rgba(216,204,232,.68);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
}

.time-punch-grid article.done {
  background: linear-gradient(135deg, rgba(139,61,255,.12), rgba(65,183,255,.1));
  border-color: rgba(139,61,255,.28);
}

.time-punch-grid article.late {
  border-color: rgba(239,68,68,.32);
  background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,235,235,.76));
}

.time-punch-grid article.early {
  border-color: rgba(245,158,11,.32);
  background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,247,224,.76));
}

.time-punch-grid article.total {
  grid-column: 1 / -1;
  background: linear-gradient(135deg, #1a0b2b, #5b22d6 62%, #8b3dff);
  color: #fff;
}

.time-punch-grid span {
  display: block;
  color: inherit;
  opacity: .72;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.time-punch-grid strong {
  display: block;
  margin-top: 8px;
  font-size: 24px;
  line-height: 1;
}

.time-punch-grid small {
  display: block;
  margin-top: 7px;
  color: #6c5d7d;
  font-size: 11px;
  font-weight: 800;
}

.time-clock-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.time-clock-actions button {
  min-height: 48px !important;
  border-radius: 14px !important;
}

.time-clock-actions button:disabled,
.mandatory-time-modal button:disabled {
  opacity: .48;
  cursor: not-allowed;
}

.time-clock-panel textarea {
  min-height: 92px;
  border-radius: 16px;
}

.time-report-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.time-report-controls input,
.time-report-controls select {
  min-height: 40px;
  border: 1px solid rgba(216,204,232,.82);
  border-radius: 12px;
  padding: 0 10px;
  background: rgba(255,255,255,.86);
  color: #160b25;
  font-weight: 800;
}

.time-report-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.time-report-summary article {
  padding: 14px;
  border: 1px solid rgba(216,204,232,.64);
  border-radius: 16px;
  background: rgba(255,255,255,.72);
}

.time-report-summary span {
  color: #6c5d7d;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.time-report-summary strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.time-report-table {
  max-height: 520px;
  overflow: auto;
}

.time-report-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
}

.time-report-table th {
  color: #6c5d7d;
  font-size: 11px;
  text-transform: uppercase;
  text-align: left;
}

.time-report-table td {
  padding: 12px;
  background: rgba(255,255,255,.78);
  border-top: 1px solid rgba(216,204,232,.58);
  border-bottom: 1px solid rgba(216,204,232,.58);
  font-weight: 760;
}

.time-report-table td small {
  display: block;
  margin-top: 4px;
  color: #6c5d7d;
  font-size: 10px;
  font-weight: 800;
}

.time-report-table td:first-child {
  border-left: 1px solid rgba(216,204,232,.58);
  border-radius: 14px 0 0 14px;
}

.time-report-table td:last-child {
  border-right: 1px solid rgba(216,204,232,.58);
  border-radius: 0 14px 14px 0;
}

.mandatory-time-modal {
  z-index: 2000;
  backdrop-filter: blur(18px);
}

.time-required-card {
  width: min(520px, calc(100vw - 28px)) !important;
  border-radius: 26px !important;
  text-align: left;
}

.time-required-card p {
  margin: -4px 0 16px;
  color: #6c5d7d;
  font-weight: 700;
}

.time-modal-note {
  display: grid;
  gap: 7px;
  margin-top: 12px;
  color: #6c5d7d;
  font-size: 12px;
  font-weight: 850;
}

.time-modal-note textarea {
  min-height: 76px;
  border-radius: 16px;
  resize: vertical;
}

.time-required-card .modal-time-actions {
  margin-top: 16px;
}

@media (max-width: 920px) {
  .time-clock-page {
    grid-template-columns: 1fr;
  }

  .time-report-controls {
    justify-content: stretch;
  }

  .time-report-controls > * {
    flex: 1 1 140px;
  }

  .time-admin-form {
    grid-template-columns: 1fr;
  }

  .time-admin-form .wide {
    grid-column: auto;
  }
}

@media (max-width: 620px) {
  .time-punch-grid,
  .time-clock-actions,
  .time-report-summary {
    grid-template-columns: 1fr;
  }
}

.card-actions {
  grid-template-columns: repeat(5, 34px) !important;
  gap: 6px !important;
}

.card-actions button {
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 12px !important;
}

.task-hover-preview {
  display: none !important;
  pointer-events: none !important;
}

.task-card:has(.task-brief-dot:hover) .task-hover-preview,
.task-card:has(.task-brief-dot:focus-visible) .task-hover-preview {
  display: block !important;
  max-width: min(320px, 78vw);
  pointer-events: none !important;
}

.agenda-workspace[data-view="agenda"] {
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr) !important;
  gap: 14px !important;
}

.agenda-form-panel,
.agenda-list-panel {
  border-radius: 22px !important;
  border-color: var(--clean-border) !important;
  box-shadow: var(--clean-shadow) !important;
}

.agenda-form {
  gap: 10px !important;
}

.agenda-form label {
  font-size: 12px !important;
}

.calendar-shell {
  gap: 10px !important;
}

.calendar-day {
  min-height: 78px !important;
  border-radius: 14px !important;
}

.calendar-day-panel {
  max-height: 360px;
  overflow: auto;
}

.sidebar {
  box-shadow: 18px 0 44px rgba(31,21,48,.08) !important;
}

.nav-list a {
  min-height: 40px !important;
  font-size: 13px !important;
}

.menu-label {
  margin-top: 8px !important;
  font-size: 10px !important;
}

@media (max-width: 1180px) {
  .metrics-grid[data-view="dashboard"],
  .dashboard-focus-strip,
  .daily-columns,
  .notification-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .agenda-workspace[data-view="agenda"] {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .app-main {
    padding: 84px 12px 96px !important;
  }

  .topbar {
    gap: 10px !important;
  }

  .topbar h1 {
    font-size: 25px !important;
  }

  .topbar-actions {
    display: grid !important;
    grid-template-columns: 1fr repeat(3, 42px) !important;
    width: 100% !important;
  }

  .global-search {
    min-width: 0 !important;
    grid-column: 1 / -1;
  }

  .live-pill,
  .spotify-mini-button {
    display: none !important;
  }

  .topbar-actions [data-open-task] {
    grid-column: 1 / -1;
    width: 100%;
  }

  .metrics-grid[data-view="dashboard"],
  .dashboard-focus-strip,
  .daily-columns,
  .notification-list {
    grid-template-columns: 1fr !important;
  }

  .metric {
    min-height: 82px !important;
  }

  .focus-card,
  .focus-mini {
    min-height: 76px !important;
  }

  .toolbar[data-view="kanban"] {
    grid-template-columns: 1fr !important;
  }

  .kanban-date-actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .kanban {
    grid-template-columns: repeat(4, minmax(280px, 86vw)) !important;
  }

  .task-card {
    min-height: auto !important;
  }

  .calendar-grid {
    gap: 6px !important;
  }

  .calendar-day {
    min-height: 62px !important;
    padding: 8px !important;
  }

  .calendar-day strong,
  .calendar-day small {
    display: none !important;
  }

  .agenda-item {
    grid-template-columns: 1fr !important;
  }

  .agenda-actions {
    justify-content: flex-start !important;
  }
}

.agenda-item.priority-Alta {
  border-color: rgba(239,68,68,.24) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,235,235,.86)) !important;
  box-shadow: inset 4px 0 0 #ef4444, 0 10px 24px rgba(127,29,29,.08) !important;
}

.agenda-item.priority-Media {
  border-color: rgba(245,158,11,.26) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,247,224,.86)) !important;
  box-shadow: inset 4px 0 0 #f59e0b, 0 10px 24px rgba(146,64,14,.07) !important;
}

.agenda-item.priority-Baixa {
  border-color: rgba(34,197,94,.22) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(235,255,243,.86)) !important;
  box-shadow: inset 4px 0 0 #22c55e, 0 10px 24px rgba(20,83,45,.07) !important;
}

.calendar-day small i.agenda-dot-Alta {
  background: #ef4444 !important;
}

.calendar-day small i.agenda-dot-Media {
  background: #f59e0b !important;
}

.calendar-day small i.agenda-dot-Baixa {
  background: #22c55e !important;
}

.agenda-type-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, #8b3dff, #411b78);
  color: #fff;
  font-style: normal;
  font-weight: 950;
}

.agenda-participant-line {
  display: inline-flex;
  align-items: center;
  margin-top: 6px;
}

.agenda-participant-line .avatar + .avatar {
  margin-left: -7px;
}

.agenda-participant-line i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-left: -7px;
  border-radius: 50%;
  background: #140921;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.agenda-detail-people {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
}

.agenda-detail-people span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 9px 4px 5px;
  border: 1px solid rgba(139,61,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  font-weight: 900;
}

.permission-picker,
.permission-grid {
  border-radius: 16px !important;
  background: rgba(255,255,255,.72) !important;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--evo-soft-line);
}

.permission-picker legend {
  padding: 0 6px;
  color: var(--evo-muted);
  font-size: 12px;
  font-weight: 900;
}

.permission-picker label,
.permission-grid label {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border-radius: 10px;
  background: #f8f5fd;
  color: #332642;
  font-size: 12px;
}

.permission-picker input,
.permission-grid input {
  width: 17px;
  min-height: 17px;
}

.permission-modal {
  width: min(620px, 94vw) !important;
}

.table-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

table {
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

td,
th {
  border: 0 !important;
}

tbody tr {
  background: rgba(255,255,255,.78);
  box-shadow: 0 6px 16px rgba(65,27,120,.05);
}

tbody td:first-child {
  border-radius: 12px 0 0 12px;
}

tbody td:last-child {
  border-radius: 0 12px 12px 0;
}

.chat-window {
  border: 1px solid rgba(139,61,255,.20) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.80) !important;
  backdrop-filter: blur(22px);
}

.chat-window header {
  border-radius: 20px 20px 0 0 !important;
}

.spotify-mini-button {
  min-width: 44px !important;
  border-color: rgba(30,215,96,.24) !important;
}

.login-card {
  border-radius: 24px !important;
}

.login-insight {
  border-radius: 16px !important;
}

@media (max-width: 1180px) {
  .metrics-grid[data-view="dashboard"],
  .dashboard-intel,
  .daily-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dashboard-focus-strip {
    grid-template-columns: 1fr 1fr !important;
  }

  .task-wizard .task-presets {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .app-main {
    margin-left: 0 !important;
    padding: 12px 10px 92px !important;
  }

  .topbar {
    position: static;
  }

  .metrics-grid[data-view="dashboard"],
  .dashboard-focus-strip,
  .dashboard-intel,
  .daily-columns,
  .executive-grid {
    grid-template-columns: 1fr !important;
  }

  .task-wizard .task-presets,
  .permission-picker,
  .permission-grid {
    grid-template-columns: 1fr !important;
  }

  .modal {
    width: min(96vw, 720px) !important;
    max-height: 94vh !important;
  }
}

/* Dashboard executivo v2: menos bloco, mais leitura visual. */
body.motion-ready::before {
  display: none !important;
}

.dashboard-focus-strip {
  display: grid !important;
  grid-template-columns: minmax(320px, 1.2fr) minmax(300px, 1fr) repeat(3, minmax(130px, .42fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin: 18px 0 !important;
}

.ops-command-card,
.ops-chart-card,
.ops-mini-card {
  position: relative;
  overflow: hidden;
  min-height: 154px;
  padding: 20px;
  border: 1px solid rgba(216,204,232,.68);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(248,250,255,.82)),
    radial-gradient(circle at 100% 0, rgba(65,183,255,.12), transparent 36%);
  box-shadow: 0 18px 48px rgba(65,27,120,.08);
}

.ops-command-card {
  display: grid;
  grid-template-columns: 1fr 136px;
  gap: 18px;
  align-items: center;
}

.ops-command-card::before,
.ops-chart-card::before,
.ops-mini-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #41b7ff, #8b3dff, #1a0b2b);
  opacity: .65;
}

.ops-command-card span,
.ops-chart-card > span,
.ops-mini-card span {
  display: block;
  color: #7a6b8e;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ops-command-card strong {
  display: block;
  margin: 10px 0 8px;
  color: #160b25;
  font-size: clamp(28px, 2.4vw, 42px);
  line-height: .98;
  font-weight: 780;
}

.ops-command-card small,
.ops-mini-card small {
  color: #6c5d7d;
  font-weight: 720;
}

.radial-chart {
  position: relative;
  display: grid;
  place-items: center;
  width: 128px;
  height: 128px;
}

.radial-chart svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.radial-chart circle {
  fill: none;
  stroke: rgba(216,204,232,.75);
  stroke-width: 4;
}

.radial-chart .progress {
  stroke: url("#noop");
  stroke: #41b7ff;
  stroke-linecap: round;
  filter: drop-shadow(0 0 10px rgba(65,183,255,.34));
  transition: stroke-dasharray .6s ease;
}

.radial-chart b {
  color: #160b25;
  font-size: 28px;
  line-height: 1;
}

.radial-chart small {
  margin-top: 36px;
  color: #7a6b8e;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.kanban-bars {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.kanban-bars div {
  display: grid;
  grid-template-columns: 88px 34px 1fr;
  gap: 10px;
  align-items: center;
}

.kanban-bars small {
  color: #6c5d7d;
  font-size: 11px;
  font-weight: 850;
}

.kanban-bars strong {
  color: #160b25;
  font-size: 18px;
}

.kanban-bars i {
  position: relative;
  display: block;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(216,204,232,.5);
}

.kanban-bars i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--bar);
  border-radius: inherit;
  background: linear-gradient(90deg, #41b7ff, #8b3dff);
  animation: barGrow .65s ease both;
}

.ops-mini-card {
  display: grid;
  align-content: center;
  min-height: 154px;
}

.ops-mini-card strong {
  margin: 10px 0 4px;
  color: #160b25;
  font-size: 42px;
  line-height: 1;
  font-weight: 760;
}

.executive-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

.executive-card {
  min-height: 102px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.9), rgba(248,250,255,.78)),
    radial-gradient(circle at 90% 18%, rgba(65,183,255,.1), transparent 32%) !important;
}

.daily-columns {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

.daily-columns > div {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(216,204,232,.58);
  border-radius: 20px;
  background: rgba(255,255,255,.62);
}

.daily-columns h3 {
  margin: 0 0 10px !important;
  color: #271a3a;
  font-size: 15px !important;
  font-weight: 780 !important;
}

.daily-list {
  display: grid;
  gap: 8px;
  max-height: 260px;
  overflow: auto;
}

.daily-card,
.daily-item,
.agenda-item {
  min-height: auto !important;
  padding: 12px !important;
  border-radius: 16px !important;
}

.daily-card strong,
.daily-item strong,
.agenda-item strong {
  font-size: 14px !important;
  line-height: 1.15 !important;
}

.daily-card small,
.daily-item small,
.agenda-item small {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.agenda-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.agenda-actions .quiet-action {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
}

.pilot-panel {
  display: none !important;
}

@keyframes barGrow {
  from { width: 0; }
}

@media (max-width: 1280px) {
  .dashboard-focus-strip {
    grid-template-columns: 1fr 1fr !important;
  }

  .ops-mini-card {
    min-height: 112px;
  }
}

@media (max-width: 900px) {
  .dashboard-focus-strip,
  .executive-grid,
  .daily-columns {
    grid-template-columns: 1fr !important;
  }

  .ops-command-card {
    grid-template-columns: 1fr;
  }
}

/* Ajuste fino definitivo: dashboard enxuto, Kanban suave e agenda compacta. */
.executive-grid,
.notification-center,
.pilot-flow {
  display: none !important;
}

.pilot-panel {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .75fr) !important;
}

.pilot-focus {
  grid-column: auto !important;
}

.task-card.task-priority-Alta,
.task-card.task-priority-Media,
.task-card.task-priority-Baixa {
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.78)) !important;
  border-top-color: rgba(139,61,255,.12) !important;
  border-right-color: rgba(139,61,255,.12) !important;
  border-bottom-color: rgba(139,61,255,.12) !important;
  border-left-width: 5px !important;
  box-shadow: 0 10px 28px rgba(65,27,120,.08) !important;
}

.task-card.task-priority-Alta {
  border-left-color: #e11d48 !important;
}

.task-card.task-priority-Media {
  border-left-color: #f59e0b !important;
}

.task-card.task-priority-Baixa {
  border-left-color: #16a34a !important;
}

.task-card.task-priority-Alta::before,
.task-card.task-priority-Media::before,
.task-card.task-priority-Baixa::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .5;
}

.task-card.task-priority-Alta::before {
  background: linear-gradient(90deg, rgba(225,29,72,.12), transparent 44%);
}

.task-card.task-priority-Media::before {
  background: linear-gradient(90deg, rgba(245,158,11,.13), transparent 44%);
}

.task-card.task-priority-Baixa::before {
  background: linear-gradient(90deg, rgba(22,163,74,.12), transparent 44%);
}

.task-card.task-priority-Alta:hover,
.task-card.task-priority-Media:hover,
.task-card.task-priority-Baixa:hover {
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(249,245,255,.84)) !important;
  box-shadow: 0 16px 36px rgba(65,27,120,.13) !important;
}

.task-card.approved-card,
.archive-column .task-card.approved-card {
  background:
    linear-gradient(145deg, rgba(240,253,244,.96), rgba(255,255,255,.8)) !important;
  border-left-width: 5px !important;
  border-left-color: #10874e !important;
}

.calendar-day small.agenda-day-dots {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  align-items: center !important;
  line-height: 1 !important;
}

.calendar-day small.agenda-day-dots i {
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  margin: 0 !important;
  border-radius: 999px !important;
}

.calendar-day small.agenda-day-dots em {
  color: #6d617b !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

@media (max-width: 1180px) {
  .pilot-panel {
    grid-template-columns: 1fr !important;
  }
}

/* Mobile product experience: app-like, lighter, and touch-first. */
@media (max-width: 820px) {
  body {
    background:
      radial-gradient(circle at 10% -10%, rgba(139,61,255,.16), transparent 34%),
      linear-gradient(180deg, #fbfaff 0%, #f3f0fa 100%) !important;
  }

  .app-main {
    padding: 12px 12px calc(92px + env(safe-area-inset-bottom)) !important;
  }

  .sidebar {
    position: fixed !important;
    inset: auto 10px calc(10px + env(safe-area-inset-bottom)) 10px !important;
    z-index: 45 !important;
    width: auto !important;
    height: 70px !important;
    min-height: 0 !important;
    display: block !important;
    padding: 8px !important;
    border: 1px solid rgba(139,61,255,.16) !important;
    border-radius: 22px !important;
    background: rgba(21, 11, 36, .88) !important;
    box-shadow: 0 18px 50px rgba(32, 15, 54, .24) !important;
    backdrop-filter: blur(22px);
    overflow: hidden !important;
  }

  .sidebar::before,
  .sidebar::after,
  .sidebar-circuit,
  .sidebar .brand,
  .sidebar .menu-label,
  .sidebar .profile-box {
    display: none !important;
  }

  .nav-list {
    height: 100%;
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: minmax(68px, 1fr);
    align-items: center;
    gap: 6px !important;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .nav-list::-webkit-scrollbar {
    display: none;
  }

  .nav-list a {
    min-width: 68px;
    height: 52px;
    display: grid !important;
    place-items: center;
    gap: 2px !important;
    padding: 6px 8px !important;
    border-radius: 16px !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-align: center;
    white-space: nowrap;
  }

  .nav-list a.active {
    background: linear-gradient(135deg, #8b3dff, #411b78) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(139,61,255,.32) !important;
  }

  .nav-icon {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
  }

  .topbar {
    position: sticky !important;
    top: 0;
    z-index: 25;
    min-height: 0 !important;
    margin: -12px -12px 12px !important;
    padding: 12px 12px 10px !important;
    border: 0 !important;
    background: rgba(251,250,255,.9) !important;
    backdrop-filter: blur(18px);
  }

  .topbar > div:first-child {
    width: 100%;
  }

  .topbar h1 {
    max-width: 100% !important;
    font-size: 22px !important;
    line-height: 1.08 !important;
  }

  .topbar .eyebrow {
    font-size: 10px !important;
  }

  .topbar-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr auto auto auto !important;
    gap: 8px !important;
  }

  .topbar-actions .search-box {
    min-width: 0 !important;
  }

  .topbar-actions .primary-button {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 44px;
  }

  .live-pill {
    min-height: 38px;
    justify-content: center;
  }

  .metrics-grid[data-view="dashboard"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .metric {
    min-height: 96px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  .metric span,
  .metric small {
    font-size: 11px !important;
  }

  .metric strong {
    font-size: 30px !important;
    line-height: 1 !important;
  }

  .dashboard-focus-strip,
  .dashboard-intel,
  .daily-columns,
  .agenda-workspace,
  .admin-grid,
  .form-grid,
  .company-grid,
  .advisory-grid,
  .traffic-grid,
  .finance-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .panel,
  .metric,
  .company-card,
  .daily-card,
  .executive-card {
    border-radius: 18px !important;
  }

  .section-heading,
  .calendar-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .section-heading .date-control,
  .section-heading select,
  .section-heading input {
    width: 100%;
  }

  .kanban-board {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(280px, 86vw) !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    margin-inline: -12px;
    padding: 0 12px 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .kanban-board::-webkit-scrollbar {
    display: none;
  }

  .column {
    min-height: 62vh !important;
    scroll-snap-align: start;
  }

  .task-card {
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .task-card .card-title strong {
    font-size: 15px !important;
  }

  .task-card .card-title span,
  .task-card .card-info,
  .task-card .card-meta {
    font-size: 12px !important;
  }

  .card-actions {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .card-actions button {
    min-height: 40px !important;
  }

  .calendar-grid,
  .calendar-weekdays {
    gap: 5px !important;
  }

  .calendar-day {
    min-height: 54px !important;
    padding: 6px !important;
    border-radius: 13px !important;
  }

  .calendar-day small {
    display: none !important;
  }

  .calendar-day-panel {
    padding: 12px !important;
    border-radius: 18px !important;
  }

  .agenda-item {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .agenda-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .modal-backdrop {
    align-items: end !important;
    padding: 0 !important;
  }

  .modal {
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: 92vh !important;
    margin: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    padding: 16px !important;
  }

  .task-wizard {
    width: 100vw !important;
  }

  .task-wizard-progress {
    max-width: 220px !important;
  }

  .task-wizard .task-presets {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .task-presets button {
    min-height: 72px !important;
    padding: 10px !important;
  }

  label,
  .agenda-form label {
    font-size: 12px !important;
  }

  input,
  select,
  textarea {
    min-height: 44px !important;
    font-size: 16px !important;
  }

  .chat-dock {
    right: 10px !important;
    bottom: calc(88px + env(safe-area-inset-bottom)) !important;
  }

  .chat-dock:not(.minimized) {
    inset: auto 8px calc(84px + env(safe-area-inset-bottom)) 8px !important;
    width: auto !important;
    height: min(70vh, 620px) !important;
  }

  .chat-window {
    width: 100% !important;
    height: 100% !important;
    border-radius: 22px !important;
  }

  .chat-window-body {
    grid-template-columns: 96px minmax(0, 1fr) !important;
  }

  .chat-form {
    grid-template-columns: 1fr 42px 72px !important;
  }

  .chat-fab {
    min-width: 0 !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
  }

  .chat-fab-mascot {
    width: 36px !important;
    height: 36px !important;
  }
}

@media (max-width: 480px) {
  .metrics-grid[data-view="dashboard"] {
    grid-template-columns: 1fr 1fr !important;
  }

  .topbar-actions {
    grid-template-columns: 1fr 44px 44px !important;
  }

  .live-pill {
    display: none !important;
  }

  .task-wizard .task-presets {
    grid-template-columns: 1fr !important;
  }

  .chat-window-body {
    grid-template-columns: 82px minmax(0, 1fr) !important;
  }

  .chat-threads strong,
  .chat-threads small {
    display: none !important;
  }
}

/* Clean UX pass: calmer typography, lighter desktop, dedicated mobile screens. */
:root {
  --evo-shadow: 0 12px 30px rgba(65, 27, 120, .075);
  --evo-shadow-soft: 0 6px 18px rgba(65, 27, 120, .055);
}

body {
  font-weight: 500 !important;
}

.topbar h1,
.section-heading h2,
.modal h2,
.card-title strong,
.company-head strong,
.agenda-main strong,
.daily-item strong,
.event-item strong,
.person-top strong,
.chat-message strong {
  font-weight: 760 !important;
}

.eyebrow,
.menu-label,
.metric span,
.metric small,
.card-meta,
.area-badge,
.status-badge,
.priority,
.count-pill,
label,
th,
.form-hint,
.calendar-weekdays span,
.agenda-main small b {
  font-weight: 680 !important;
  letter-spacing: 0 !important;
}

.topbar,
.panel,
.section-block,
.toolbar,
.metric,
.column,
.modal,
.user-create-card,
.company-card,
.traffic-card,
.agenda-item,
.daily-item,
.person-item,
.goal-item,
.intel-card,
.executive-card,
.pilot-panel {
  background: rgba(255,255,255,.86) !important;
  box-shadow: 0 8px 24px rgba(65,27,120,.055) !important;
}

.topbar {
  border-radius: 18px !important;
}

.topbar h1 {
  font-size: clamp(24px, 2vw, 34px) !important;
}

.metrics-grid[data-view="dashboard"] .metric strong,
.metric strong {
  font-weight: 720 !important;
}

.metric::before,
.metric::after,
.intel-card::before,
.executive-card::before,
.pilot-panel::before {
  opacity: .34 !important;
}

.task-card {
  box-shadow: 0 6px 18px rgba(65,27,120,.055) !important;
}

.task-card:hover,
.company-card:hover,
.agenda-item:hover,
.metric:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 28px rgba(65,27,120,.075) !important;
}

.primary-button,
.secondary-button,
.quiet-action,
.danger-action,
.icon-button,
.ghost-button {
  font-weight: 700 !important;
}

.nav-list a {
  font-weight: 650 !important;
}

.nav-list a.active {
  font-weight: 720 !important;
}

@media (min-width: 821px) {
  .app-main {
    padding-top: 20px !important;
  }

  .metrics-grid[data-view="dashboard"] {
    gap: 12px !important;
  }

  .command-center[data-view="dashboard"] > .panel,
  .section-block,
  .panel {
    padding: 18px !important;
  }

  .column {
    padding: 14px !important;
  }

  .task-card {
    gap: 9px !important;
  }

  .company-card,
  .agenda-item {
    padding: 14px !important;
  }
}

@media (max-width: 820px) {
  body {
    background: linear-gradient(180deg, #fdfcff 0%, #f5f2fb 100%) !important;
  }

  body::before {
    opacity: .12 !important;
  }

  .app-main {
    padding-inline: 10px !important;
  }

  .topbar {
    margin: -12px -10px 10px !important;
    padding: 10px !important;
    border-radius: 0 0 18px 18px !important;
  }

  .topbar h1 {
    font-size: 20px !important;
  }

  .topbar-actions {
    grid-template-columns: 1fr 42px 42px !important;
  }

  .topbar-actions .search-box {
    grid-column: 1 / -1;
    order: 2;
  }

  .topbar-actions .primary-button {
    order: 3;
  }

  .metrics-grid[data-view="dashboard"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .metric {
    min-height: 86px !important;
    padding: 11px !important;
  }

  .metric strong {
    font-size: 26px !important;
  }

  .metric::after {
    width: 28px !important;
    height: 28px !important;
    border-radius: 10px !important;
    opacity: .52 !important;
  }

  body[data-active-view="dashboard"] .dashboard-intel,
  body[data-active-view="dashboard"] .daily-columns,
  body[data-active-view="dashboard"] .notification-center {
    gap: 10px !important;
  }

  body[data-active-view="dashboard"] .dashboard-focus-strip article,
  body[data-active-view="dashboard"] .intel-card,
  body[data-active-view="dashboard"] .daily-card {
    padding: 12px !important;
  }

  body[data-active-view="dashboard"] .pilot-flow,
  body[data-active-view="dashboard"] .pilot-focus {
    display: none !important;
  }

  body[data-active-view="kanban"] .topbar .eyebrow::after {
    content: " · deslize para ver as etapas";
    color: var(--evo-muted);
  }

  body[data-active-view="kanban"] .kanban-board {
    grid-auto-columns: minmax(286px, 88vw) !important;
    padding-bottom: 18px !important;
  }

  body[data-active-view="kanban"] .column {
    min-height: calc(100dvh - 230px) !important;
    padding: 12px !important;
  }

  body[data-active-view="kanban"] .column-header h3 {
    font-size: 16px !important;
  }

  body[data-active-view="kanban"] .column-header small {
    display: none !important;
  }

  body[data-active-view="kanban"] .task-hover-preview {
    display: none !important;
  }

  body[data-active-view="agenda"] .agenda-form-panel {
    order: 2;
  }

  body[data-active-view="agenda"] .agenda-list-panel {
    order: 1;
  }

  body[data-active-view="agenda"] .agenda-workspace {
    display: flex !important;
    flex-direction: column;
  }

  body[data-active-view="agenda"] .agenda-form-panel .section-heading h2 {
    font-size: 18px !important;
  }

  body[data-active-view="agenda"] .calendar-shell {
    gap: 10px !important;
  }

  body[data-active-view="agenda"] .agenda-form {
    gap: 10px !important;
  }

  body[data-active-view="agenda"] textarea {
    min-height: 86px !important;
  }

  body[data-active-view="clientes"] .company-summary,
  body[data-active-view="financeiro"] .company-summary {
    grid-template-columns: 1fr !important;
  }

  .company-card {
    padding: 12px !important;
  }

  .company-actions {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .company-actions .icon-action {
    width: 100% !important;
  }

  .modal-header h2 {
    font-size: 20px !important;
  }

  .modal-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px !important;
  }

  .modal-actions .primary-button {
    grid-column: 1 / -1;
  }

  .task-wizard-actions .primary-button {
    grid-column: 1 / -1;
  }

  body:has(.chat-dock:not(.minimized)) .sidebar {
    opacity: .18;
    pointer-events: none;
  }

  .chat-window-head strong {
    font-size: 15px !important;
  }

  .chat-message {
    padding: 9px !important;
  }

  .chat-message strong,
  .chat-message p,
  .chat-message a {
    font-size: 13px !important;
    line-height: 1.32 !important;
  }
}

@media (max-width: 480px) {
  .topbar-actions {
    grid-template-columns: 1fr 40px 40px !important;
  }

  .metrics-grid[data-view="dashboard"] {
    gap: 8px !important;
  }

  .metric {
    min-height: 78px !important;
  }

  .metric span,
  .metric small {
    font-size: 10px !important;
  }

  .metric strong {
    font-size: 24px !important;
  }

  .task-card .card-meta,
  .task-collab-line,
  .compact-meta {
    display: none !important;
  }

  .card-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .chat-form {
    grid-template-columns: 1fr 40px 58px !important;
  }
}

/* Dashboard repair: prevent inline text collapse and restore readable cards. */
.dashboard-focus-strip {
  display: grid !important;
  align-items: stretch !important;
  gap: 12px !important;
  margin: 14px 0 16px !important;
}

.dashboard-focus-strip article {
  position: relative;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 92px !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(139,61,255,.13) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 8px 22px rgba(65,27,120,.055) !important;
}

.dashboard-focus-strip article span,
.dashboard-focus-strip article strong,
.dashboard-focus-strip article small {
  display: block !important;
  min-width: 0 !important;
  line-height: 1.12 !important;
}

.dashboard-focus-strip article span {
  color: var(--evo-purple) !important;
  font-size: 11px !important;
  font-weight: 720 !important;
}

.dashboard-focus-strip article strong {
  color: var(--evo-ink) !important;
  font-size: 30px !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.dashboard-focus-strip article small {
  color: var(--evo-muted) !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  line-height: 1.35 !important;
}

.dashboard-focus-strip .focus-card {
  align-content: end !important;
  min-height: 118px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 92% 18%, rgba(255,255,255,.20), transparent 28%),
    linear-gradient(135deg, #160824 0%, #411b78 62%, #8b3dff 100%) !important;
}

.dashboard-focus-strip .focus-card span,
.dashboard-focus-strip .focus-card strong,
.dashboard-focus-strip .focus-card small {
  color: #fff !important;
}

.dashboard-focus-strip .focus-card span {
  opacity: .74;
}

.dashboard-focus-strip .focus-card strong {
  max-width: 620px;
  font-size: clamp(24px, 2.1vw, 34px) !important;
}

.dashboard-focus-strip .focus-card small {
  max-width: 680px;
  opacity: .82;
}

.dashboard-focus-strip .focus-mini::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(139,61,255,.08);
}

.executive-grid {
  display: grid !important;
  gap: 12px !important;
}

.executive-card {
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
}

.executive-card span,
.executive-card strong,
.executive-card small {
  display: block !important;
}

.executive-card strong {
  font-size: 30px !important;
  font-weight: 720 !important;
}

@media (max-width: 820px) {
  .dashboard-focus-strip {
    grid-template-columns: 1fr !important;
  }

  .dashboard-focus-strip .focus-card {
    min-height: 116px !important;
  }

  .dashboard-focus-strip .focus-mini {
    min-height: 78px !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
  }

  .dashboard-focus-strip .focus-mini span,
  .dashboard-focus-strip .focus-mini small {
    grid-column: 1;
  }

  .dashboard-focus-strip .focus-mini strong {
    grid-column: 2;
    grid-row: 1 / span 2;
    font-size: 30px !important;
  }

  .dashboard-focus-strip .focus-mini::after {
    display: none !important;
  }
}

/* Premium motion layer: tecnologia limpa, com movimento leve e sem poluir a operação. */
body.motion-ready::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(420px circle at var(--cursor-x, 72%) var(--cursor-y, 22%), rgba(139,61,255,.13), transparent 58%),
    linear-gradient(120deg, rgba(65,183,255,.055), transparent 36%, rgba(139,61,255,.07));
  transition: background .24s ease;
}

.motion-ready .panel,
.motion-ready .metric,
.motion-ready .task-card,
.motion-ready .agenda-item,
.motion-ready .company-card,
.motion-ready .time-person-card,
.motion-ready .time-punch-grid article {
  opacity: 0;
  transform: translateY(10px) scale(.992);
}

.motion-ready .motion-visible {
  opacity: 1 !important;
  transform: perspective(1100px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(0) scale(1) !important;
  transition:
    opacity .42s ease var(--motion-delay, 0ms),
    transform .42s cubic-bezier(.2,.8,.2,1) var(--motion-delay, 0ms),
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.motion-ready .panel::after,
.motion-ready .metric::after,
.motion-ready .task-card::after,
.motion-ready .agenda-item::after,
.motion-ready .company-card::after,
.motion-ready .time-person-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(280px circle at var(--surface-x, 50%) var(--surface-y, 50%), rgba(139,61,255,.16), transparent 46%);
  transition: opacity .18s ease;
}

.motion-ready .panel:hover::after,
.motion-ready .metric:hover::after,
.motion-ready .task-card:hover::after,
.motion-ready .agenda-item:hover::after,
.motion-ready .company-card:hover::after,
.motion-ready .time-person-card:hover::after {
  opacity: 1;
}

.topbar,
.sidebar,
.panel,
.metric,
.modal,
.toolbar,
.task-card,
.agenda-item,
.company-card {
  backdrop-filter: blur(18px) saturate(1.1) !important;
}

.topbar {
  border: 1px solid rgba(216,204,232,.52) !important;
  border-radius: 24px !important;
  padding: 18px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(248,244,255,.72)),
    radial-gradient(circle at 12% 0, rgba(139,61,255,.12), transparent 34%) !important;
  box-shadow: 0 18px 48px rgba(65,27,120,.08) !important;
}

.topbar h1 {
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.sidebar {
  background:
    linear-gradient(180deg, rgba(22,11,45,.98), rgba(33,12,62,.96)),
    radial-gradient(circle at 18% 12%, rgba(139,61,255,.32), transparent 28%) !important;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.08), 18px 0 60px rgba(22,11,45,.12) !important;
}

.nav-list a {
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important;
}

.nav-list a:hover {
  transform: translateX(4px);
  background: rgba(255,255,255,.12) !important;
  box-shadow: inset 2px 0 0 rgba(139,61,255,.82);
}

.nav-list a.active {
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,240,255,.92)) !important;
  box-shadow: 0 14px 30px rgba(139,61,255,.18) !important;
}

.panel,
.metric,
.toolbar,
.task-card,
.agenda-item,
.company-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(216,204,232,.62) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(250,248,255,.74)),
    radial-gradient(circle at 0 0, rgba(139,61,255,.055), transparent 32%) !important;
  box-shadow: 0 18px 44px rgba(65,27,120,.075) !important;
}

.panel:hover,
.metric:hover,
.task-card:hover,
.agenda-item:hover,
.company-card:hover {
  border-color: rgba(139,61,255,.34) !important;
  box-shadow: 0 22px 54px rgba(65,27,120,.12) !important;
}

.metric {
  min-height: 96px !important;
}

.metric strong {
  font-weight: 760 !important;
}

.time-clock-page {
  grid-template-columns: minmax(320px, 460px) minmax(0, 1fr) !important;
  align-items: start;
}

.time-clock-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0 10px;
}

.time-clock-timeline article {
  position: relative;
  min-height: 74px;
  padding: 12px;
  border: 1px solid rgba(216,204,232,.7);
  border-radius: 16px;
  background: rgba(255,255,255,.7);
  overflow: hidden;
}

.time-clock-timeline article::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d8cce8;
}

.time-clock-timeline article.done::before { background: #8b3dff; box-shadow: 0 0 0 5px rgba(139,61,255,.12); }
.time-clock-timeline article.next::before { background: #41b7ff; box-shadow: 0 0 0 5px rgba(65,183,255,.16); animation: evoPulse 1.4s ease infinite; }

.time-clock-timeline span,
.time-clock-timeline small {
  display: block;
  margin-left: 16px;
  color: #6c5d7d;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.time-clock-timeline strong {
  display: block;
  margin: 18px 0 4px 16px;
  color: #160b25;
  font-size: 18px;
  line-height: 1;
}

.time-report-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.time-team-board {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.time-person-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  min-height: 68px;
  padding: 12px;
  border: 1px solid rgba(216,204,232,.72);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  color: #160b25;
  text-align: left;
  cursor: pointer;
}

.time-person-card span,
.time-person-card small {
  display: block;
}

.time-person-card small {
  color: #6c5d7d;
  font-weight: 750;
}

.time-person-card i {
  font-style: normal;
  font-weight: 900;
  color: #411b78;
}

.time-person-card.active { border-color: rgba(65,183,255,.36); }
.time-person-card.lunch { border-color: rgba(245,158,11,.36); }
.time-person-card.warning,
.time-person-card.danger { border-color: rgba(239,68,68,.32); }
.time-person-card.done { border-color: rgba(139,61,255,.3); opacity: .82; }

.time-admin-panel {
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(246,240,255,.78)),
    radial-gradient(circle at 100% 0, rgba(65,183,255,.12), transparent 34%) !important;
}

.time-admin-form input,
.time-admin-form select,
.time-admin-form textarea,
.time-report-controls input,
.time-report-controls select {
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.time-admin-form input:focus,
.time-admin-form select:focus,
.time-admin-form textarea:focus,
.time-report-controls input:focus,
.time-report-controls select:focus {
  border-color: rgba(139,61,255,.62) !important;
  box-shadow: 0 0 0 4px rgba(139,61,255,.11) !important;
  transform: translateY(-1px);
}

.time-required-card {
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(246,240,255,.82)),
    radial-gradient(circle at 100% 0, rgba(139,61,255,.18), transparent 42%) !important;
}

.time-required-card::before {
  content: "";
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #8b3dff, #41b7ff, #411b78);
}

@keyframes evoPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.22); opacity: .72; }
}

@media (max-width: 1080px) {
  .time-report-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .time-clock-page,
  .time-clock-timeline,
  .time-report-summary {
    grid-template-columns: 1fr !important;
  }

  .topbar {
    border-radius: 18px !important;
  }
}

/* Override final da tela inicial: dashboard limpo, sem rastro roxo no mouse. */
body.motion-ready::before,
body.motion-ready::after {
  display: none !important;
  background: none !important;
}

body[data-active-view="dashboard"] .command-center[data-view="dashboard"] > .panel {
  padding: 22px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(248,250,255,.84)),
    radial-gradient(circle at 90% 0, rgba(65,183,255,.10), transparent 34%) !important;
  border-color: rgba(216,204,232,.56) !important;
}

body[data-active-view="dashboard"] .dashboard-focus-strip {
  display: grid !important;
  grid-template-columns: minmax(320px, 1.15fr) minmax(300px, 1fr) repeat(3, minmax(126px, .38fr)) !important;
  gap: 14px !important;
  margin: 18px 0 !important;
}

body[data-active-view="dashboard"] .ops-command-card,
body[data-active-view="dashboard"] .ops-chart-card,
body[data-active-view="dashboard"] .ops-mini-card {
  min-height: 150px !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(247,250,255,.84)) !important;
  box-shadow: 0 18px 44px rgba(65,27,120,.07) !important;
}

body[data-active-view="dashboard"] .ops-command-card strong {
  color: #13091f !important;
}

body[data-active-view="dashboard"] .daily-columns {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body[data-active-view="dashboard"] .daily-list {
  max-height: 240px !important;
  overflow: auto !important;
}

body[data-active-view="dashboard"] .agenda-item,
body[data-active-view="dashboard"] .daily-item,
body[data-active-view="dashboard"] .daily-card {
  transform: none !important;
  min-height: auto !important;
  padding: 12px !important;
}

body[data-active-view="dashboard"] .agenda-item strong,
body[data-active-view="dashboard"] .daily-item strong,
body[data-active-view="dashboard"] .daily-card strong {
  font-size: 14px !important;
  line-height: 1.16 !important;
}

@media (max-width: 1280px) {
  body[data-active-view="dashboard"] .dashboard-focus-strip {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 900px) {
  body[data-active-view="dashboard"] .dashboard-focus-strip,
  body[data-active-view="dashboard"] .daily-columns {
    grid-template-columns: 1fr !important;
  }
}

/* Dashboard estático e alinhado: sem efeito de mouse, sem cards mexendo. */
body[data-active-view="dashboard"],
body[data-active-view="dashboard"] .app-main {
  background:
    linear-gradient(180deg, #fbfbff 0%, #f7f8fc 100%) !important;
}

body[data-active-view="dashboard"] .panel,
body[data-active-view="dashboard"] .metric,
body[data-active-view="dashboard"] .daily-item,
body[data-active-view="dashboard"] .agenda-item,
body[data-active-view="dashboard"] .ops-command-card,
body[data-active-view="dashboard"] .ops-chart-card,
body[data-active-view="dashboard"] .ops-mini-card,
body[data-active-view="dashboard"] .executive-card {
  transform: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

body[data-active-view="dashboard"] .panel::after,
body[data-active-view="dashboard"] .metric::after,
body[data-active-view="dashboard"] .daily-item::after,
body[data-active-view="dashboard"] .agenda-item::after,
body[data-active-view="dashboard"] .ops-command-card::after,
body[data-active-view="dashboard"] .ops-chart-card::after,
body[data-active-view="dashboard"] .ops-mini-card::after,
body[data-active-view="dashboard"] .executive-card::after {
  display: none !important;
}

body[data-active-view="dashboard"] .dashboard-focus-strip {
  align-items: stretch !important;
}

body[data-active-view="dashboard"] .ops-command-card,
body[data-active-view="dashboard"] .ops-chart-card {
  display: grid !important;
  height: 168px !important;
}

body[data-active-view="dashboard"] .ops-mini-card {
  height: 168px !important;
}

body[data-active-view="dashboard"] .executive-card {
  height: 104px !important;
}

body[data-active-view="dashboard"] .daily-columns > div {
  height: 360px !important;
  overflow: hidden !important;
}

body[data-active-view="dashboard"] .daily-list {
  max-height: 300px !important;
}

body[data-active-view="dashboard"] .agenda-compact {
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  gap: 10px !important;
  align-items: center !important;
  border-left-width: 1px !important;
}

body[data-active-view="dashboard"] .agenda-compact .agenda-main {
  min-width: 0 !important;
  display: contents !important;
}

body[data-active-view="dashboard"] .agenda-compact .agenda-main > span,
body[data-active-view="dashboard"] .daily-item {
  min-width: 0 !important;
}

body[data-active-view="dashboard"] .agenda-compact strong,
body[data-active-view="dashboard"] .daily-item strong {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-active-view="dashboard"] .agenda-compact small,
body[data-active-view="dashboard"] .daily-item span,
body[data-active-view="dashboard"] .daily-item small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-active-view="dashboard"] .radial-chart {
  justify-self: end !important;
}

/* Correção Kanban: filtros não podem flutuar por cima do título. */
body[data-active-view="kanban"] .toolbar[data-view="kanban"],
.toolbar[data-view="kanban"] {
  position: relative !important;
  top: auto !important;
  z-index: 1 !important;
  margin: 0 0 22px !important;
  transform: none !important;
}

body[data-active-view="kanban"] .section-block[data-view="kanban"] {
  position: relative !important;
  z-index: 0 !important;
  margin-top: 0 !important;
  padding-top: 4px !important;
}

body[data-active-view="kanban"] .section-block[data-view="kanban"] .section-heading {
  position: relative !important;
  z-index: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  padding-top: 0 !important;
}

body[data-active-view="kanban"] .section-block[data-view="kanban"] .section-heading h2 {
  line-height: 1.1 !important;
}

/* Ponto obrigatório: antes da entrada, o funcionário não vê a operação. */
body.time-entry-locked {
  overflow: hidden !important;
}

body.time-entry-locked .app,
body.time-entry-locked .chat-dock,
body.time-entry-locked .spotify-dock,
body.time-entry-locked .global-results,
body.time-entry-locked .alert-stack {
  filter: blur(10px) !important;
  opacity: .08 !important;
  pointer-events: none !important;
  user-select: none !important;
}

.task-assignment-alert {
  position: relative !important;
  grid-template-columns: 18px minmax(0, 1fr) 30px !important;
  align-items: flex-start !important;
  gap: 12px !important;
  border-left-color: #8b3dff !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(246,242,255,.9)),
    radial-gradient(circle at 92% 12%, rgba(65,183,255,.16), transparent 34%) !important;
  box-shadow: 0 26px 70px rgba(65,27,120,.2) !important;
}

.task-assignment-alert .alert-dot {
  grid-column: 1 !important;
  width: 12px !important;
  height: 12px !important;
  margin-top: 5px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #41b7ff, #8b3dff) !important;
  box-shadow: 0 0 0 6px rgba(139,61,255,.12), 0 0 22px rgba(65,183,255,.55) !important;
}

.task-assignment-alert > div {
  grid-column: 2 !important;
  min-width: 0 !important;
}

.task-assignment-alert .alert-close {
  grid-column: 3 !important;
  width: 30px !important;
  height: 30px !important;
  border: 1px solid rgba(139,61,255,.18) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.76) !important;
  color: #1b102d !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.task-assignment-alert small {
  display: block !important;
  margin-top: 6px !important;
  color: #665a77 !important;
  font-weight: 800 !important;
}

.task-assignment-alert .quiet-action {
  width: auto !important;
  min-height: 34px !important;
  margin-top: 12px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #8b3dff, #411b78) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 28px rgba(65,27,120,.2) !important;
  cursor: pointer !important;
}

.mandatory-time-modal:not(.hidden) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 5000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
  background:
    radial-gradient(circle at 20% 15%, rgba(65,183,255,.16), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(139,61,255,.12), transparent 28%),
    linear-gradient(135deg, #fbfbff 0%, #f5f6fb 100%) !important;
  backdrop-filter: none !important;
}

body.time-step-locked .mandatory-time-modal:not(.hidden) {
  background: rgba(251,251,255,.86) !important;
  backdrop-filter: blur(16px) !important;
}

body.time-entry-locked .time-required-card {
  width: min(620px, calc(100vw - 32px)) !important;
  padding: 28px !important;
  border: 1px solid rgba(216,204,232,.72) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,250,255,.9)),
    radial-gradient(circle at 100% 0, rgba(65,183,255,.14), transparent 42%) !important;
  box-shadow: 0 30px 90px rgba(65,27,120,.16) !important;
}

body.time-entry-locked .time-required-card .modal-header h2 {
  max-width: 460px;
  font-size: clamp(30px, 4vw, 48px) !important;
  line-height: 1 !important;
}

body.time-entry-locked .time-required-card p {
  max-width: 520px;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

body.time-entry-locked .modal-time-actions {
  grid-template-columns: 1fr !important;
}

body.time-entry-locked .modal-time-actions button:not([data-time-action="clock_in"]) {
  display: none !important;
}

body.time-entry-locked .modal-time-actions button[data-time-action="clock_in"] {
  min-height: 58px !important;
  font-size: 16px !important;
}

/* Dashboard gráfico v3: pizza, prioridades e KPIs sem números cortados. */
body[data-active-view="dashboard"] .dashboard-focus-strip {
  display: grid !important;
  grid-template-columns: minmax(320px, 1.2fr) minmax(340px, 1fr) minmax(260px, .82fr) repeat(3, minmax(130px, .38fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

body[data-active-view="dashboard"] .ops-command-card,
body[data-active-view="dashboard"] .ops-pie-card,
body[data-active-view="dashboard"] .ops-priority-card,
body[data-active-view="dashboard"] .ops-mini-card {
  position: relative !important;
  height: 180px !important;
  min-height: 180px !important;
  padding: 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(216,204,232,.62) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(246,249,255,.88)),
    radial-gradient(circle at 100% 0, rgba(65,183,255,.10), transparent 38%) !important;
  box-shadow: 0 18px 44px rgba(65,27,120,.075) !important;
}

body[data-active-view="dashboard"] .ops-command-card {
  display: grid !important;
  grid-template-columns: 1fr 112px !important;
  align-items: center !important;
  gap: 16px !important;
}

body[data-active-view="dashboard"] .ops-command-card strong {
  display: block !important;
  max-width: 100% !important;
  margin: 8px 0 8px !important;
  font-size: clamp(26px, 2vw, 36px) !important;
  line-height: 1.02 !important;
  white-space: normal !important;
}

body[data-active-view="dashboard"] .ops-command-card small {
  display: block !important;
  max-width: 420px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.health-score {
  width: 108px;
  height: 108px;
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(65,183,255,.16), rgba(139,61,255,.12));
  box-shadow: inset 0 0 0 1px rgba(139,61,255,.12);
}

.health-score b {
  color: #12091f;
  font-size: 34px;
  line-height: 1;
}

.health-score small {
  max-width: 78px !important;
  color: #6c5d7d;
  font-size: 10px !important;
  text-align: center;
  text-transform: uppercase;
}

body[data-active-view="dashboard"] .ops-pie-card {
  display: grid !important;
  grid-template-columns: 86px 1fr !important;
  gap: 14px !important;
  align-items: center !important;
}

body[data-active-view="dashboard"] .ops-pie-card > div:first-child strong {
  display: block;
  margin: 6px 0 2px;
  color: #13091f;
  font-size: 34px;
  line-height: 1;
}

.dashboard-pie-wrap {
  display: grid;
  grid-template-columns: 104px minmax(112px, 1fr);
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.dashboard-pie {
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 50%;
  background: conic-gradient(var(--pie));
  box-shadow: inset 0 0 0 18px rgba(255,255,255,.88), 0 14px 28px rgba(65,27,120,.10);
}

.dashboard-pie b {
  color: #13091f;
  font-size: 24px;
  line-height: 1;
}

.dashboard-pie small {
  max-width: 58px;
  color: #6c5d7d;
  font-size: 8px;
  line-height: 1.08;
  font-weight: 850;
  text-align: center;
  text-transform: uppercase;
}

.pie-legend {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.pie-legend span {
  display: grid;
  grid-template-columns: 10px minmax(60px, 1fr) auto;
  gap: 7px;
  align-items: center;
  min-width: 0;
  color: #6c5d7d;
  font-size: 11px;
  font-weight: 800;
}

.pie-legend i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.pie-legend strong {
  color: #13091f;
  font-size: 13px;
  line-height: 1;
}

.pie-legend em {
  min-width: 0;
  overflow: hidden;
  color: #6c5d7d;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-active-view="dashboard"] .ops-priority-card {
  display: grid !important;
  gap: 11px !important;
}

body[data-active-view="dashboard"] .ops-priority-card > span,
body[data-active-view="dashboard"] .ops-pie-card span,
body[data-active-view="dashboard"] .ops-command-card span,
body[data-active-view="dashboard"] .ops-mini-card span {
  color: #8b3dff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

body[data-active-view="dashboard"] .ops-priority-card div {
  display: grid;
  grid-template-columns: 48px 28px 1fr;
  gap: 8px;
  align-items: center;
}

body[data-active-view="dashboard"] .ops-priority-card small {
  color: #6c5d7d;
  font-size: 11px;
  font-weight: 850;
}

body[data-active-view="dashboard"] .ops-priority-card strong {
  color: #13091f;
  font-size: 18px;
  line-height: 1;
}

body[data-active-view="dashboard"] .ops-priority-card i {
  position: relative;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(216,204,232,.52);
}

body[data-active-view="dashboard"] .ops-priority-card i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--bar);
  border-radius: inherit;
  background: linear-gradient(90deg, #ff4d8d, #8b3dff);
}

body[data-active-view="dashboard"] .ops-mini-card {
  display: grid !important;
  align-content: center !important;
}

body[data-active-view="dashboard"] .ops-mini-card strong {
  display: block !important;
  margin: 8px 0 5px !important;
  color: #13091f !important;
  font-size: clamp(34px, 3vw, 48px) !important;
  line-height: .9 !important;
  overflow: visible !important;
}

body[data-active-view="dashboard"] .ops-mini-card small {
  color: #6c5d7d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body[data-active-view="dashboard"] .ops-mini-card.today { background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(235,249,255,.92)) !important; }
body[data-active-view="dashboard"] .ops-mini-card.review { background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,241,248,.9)) !important; }
body[data-active-view="dashboard"] .ops-mini-card.agenda { background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(244,239,255,.9)) !important; }

body[data-active-view="dashboard"] .executive-grid {
  margin-top: 0 !important;
}

@media (max-width: 1500px) {
  body[data-active-view="dashboard"] .dashboard-focus-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  body[data-active-view="dashboard"] .dashboard-focus-strip,
  body[data-active-view="dashboard"] .ops-command-card,
  body[data-active-view="dashboard"] .ops-pie-card {
    grid-template-columns: 1fr !important;
  }

  body[data-active-view="dashboard"] .ops-command-card,
  body[data-active-view="dashboard"] .ops-pie-card,
  body[data-active-view="dashboard"] .ops-priority-card,
  body[data-active-view="dashboard"] .ops-mini-card {
    height: auto !important;
    min-height: 150px !important;
  }
}