:root {
  --green-900: #10231b;
  --green-800: #1b2d23;
  --green-700: #0f5132;
  --green-100: #e3efe7;
  --gold-500: #d4af37;
  --gold-100: #fbf0c7;
  --cream-100: #f6f3ea;
  --cream-200: #ece4d3;
  --copper-500: #b87333;
  --ink: #16231c;
  --muted: #66736c;
  --line: #d8c9ab;
  --surface: #fffaf0;
  --white: #ffffff;
  --danger: #9b3b2f;
  --warning: #9a6a13;
  --shadow: 0 18px 50px rgba(27, 45, 35, 0.12);
  --shadow-soft: 0 10px 28px rgba(27, 45, 35, 0.08);
}

.user-cluster {
  display: flex;
  align-items: center;
  gap: 10px;
}

.icon-button {
  min-height: 38px;
  padding: 8px 12px;
  color: var(--green-900);
  font-weight: 850;
  border: 1px solid rgba(16, 35, 27, 0.12);
  border-radius: 8px;
  background: var(--white);
  cursor: pointer;
}

.icon-button:hover {
  border-color: rgba(184, 115, 51, 0.42);
  box-shadow: var(--shadow-soft);
}

.login-body {
  display: grid;
  place-items: center;
  padding: 28px;
  background:
    linear-gradient(0deg, rgba(246, 243, 234, 0.9), rgba(246, 243, 234, 0.9)),
    url("../img/FundoEfeitoDourado.png") right bottom / 520px auto no-repeat,
    url("../img/FundoParticulasDouradas.png") left top / 420px auto no-repeat,
    linear-gradient(135deg, rgba(212, 175, 55, 0.12), transparent 28rem),
    linear-gradient(180deg, rgba(16, 35, 27, 0.08), transparent 36rem),
    var(--cream-100);
}

.login-shell {
  width: min(1040px, 100%);
  min-height: 680px;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.75fr);
  border: 1px solid rgba(216, 201, 171, 0.95);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 250, 240, 0.92);
  box-shadow: var(--shadow);
}

.login-panel {
  display: grid;
  align-content: center;
  gap: 28px;
  padding: clamp(28px, 5vw, 58px);
}

.login-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--green-900);
}

.login-brand strong,
.login-brand small {
  display: block;
}

.login-brand small,
.login-copy p {
  color: var(--muted);
}

.login-copy h1 {
  max-width: 620px;
  margin: 8px 0 12px;
  color: var(--green-900);
  font-size: clamp(2rem, 4vw, 3.35rem);
  line-height: 1.03;
}

.login-copy p {
  max-width: 560px;
  margin: 0;
  line-height: 1.65;
}

.login-form {
  display: grid;
  gap: 16px;
  max-width: 460px;
}

.form-field {
  display: grid;
  gap: 7px;
}

.form-field.compact {
  gap: 5px;
}

.form-field span:first-child,
.toggle-line {
  color: var(--green-900);
  font-size: 0.78rem;
  font-weight: 900;
}

.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(216, 201, 171, 0.95);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  color: var(--green-900);
}

.form-field input,
.form-field select {
  min-height: 42px;
  padding: 9px 11px;
}

.form-field textarea {
  resize: vertical;
  padding: 10px 11px;
  line-height: 1.45;
}

.form-field [data-valmsg-for],
.form-field span:not(:first-child) {
  color: var(--danger);
  font-size: 0.8rem;
  font-weight: 750;
}

.toggle-line {
  display: flex;
  align-items: center;
  gap: 9px;
}

.toggle-line input,
.reminder-preset input[type="radio"] {
  accent-color: var(--green-700);
}

.login-aside {
  display: grid;
  place-items: end stretch;
  padding: 28px;
  background:
    linear-gradient(180deg, rgba(212, 175, 55, 0.18), transparent 42%),
    var(--green-900);
}

.login-aside-card {
  display: grid;
  gap: 12px;
  padding: 24px;
  border: 1px solid rgba(212, 175, 55, 0.45);
  border-radius: 8px;
  background: rgba(255, 250, 240, 0.08);
  color: var(--white);
}

.login-aside-card h2,
.login-aside-card p {
  margin: 0;
}

.login-aside-card p {
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.55;
}

.journey-editor-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(84px, 0.45fr) minmax(0, 1fr);
  gap: 10px;
}

.reminder-preset {
  cursor: pointer;
}

.reminder-preset input[type="radio"] {
  width: 18px;
  height: 18px;
  margin: 0 0 4px;
}

.version-list {
  display: grid;
  gap: 10px;
}

.version-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(216, 201, 171, 0.86);
  border-radius: 8px;
  background: rgba(255, 250, 240, 0.76);
}

.version-row strong,
.version-row small {
  display: block;
}

.version-row small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}

@media (max-width: 900px) {
  .login-shell {
    grid-template-columns: 1fr;
  }

  .login-aside {
    place-items: stretch;
  }

  .user-cluster {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 680px) {
  .login-body {
    padding: 14px;
  }

  .login-shell {
    min-height: auto;
  }

  .journey-editor-grid,
  .version-row {
    grid-template-columns: 1fr;
  }
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  font-size: 16px;
}

body {
  min-height: 100vh;
  margin: 0;
  color: var(--ink);
  background:
    linear-gradient(0deg, rgba(246, 243, 234, 0.9), rgba(246, 243, 234, 0.9)),
    url("../img/FundoEfeitoDourado.png") right 88px top 78px / min(48vw, 560px) auto no-repeat fixed,
    url("../img/FundoParticulasDouradas.png") left 28vw bottom 6vh / min(42vw, 470px) auto no-repeat fixed,
    linear-gradient(135deg, rgba(212, 175, 55, 0.08), transparent 34rem),
    var(--cream-100);
  font-family: Raleway, Inter, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

button,
input,
select {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

.app-shell {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  min-height: 100vh;
  background:
    linear-gradient(90deg, rgba(16, 35, 27, 0.04), transparent 22rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.36), transparent 18rem);
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 18px;
  color: var(--white);
  background:
    linear-gradient(0deg, rgba(16, 35, 27, 0.92), rgba(16, 35, 27, 0.92)),
    url("../img/FundoParticulasDouradas.png") center top 110px / 270px auto no-repeat,
    url("../img/FundoEfeitoDourado.png") center bottom -40px / 330px auto no-repeat,
    linear-gradient(180deg, rgba(212, 175, 55, 0.14), transparent 28%),
    var(--green-900);
  border-right: 1px solid rgba(212, 175, 55, 0.38);
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 54px;
}

.brand-logo {
  width: 58px;
  height: auto;
  flex: 0 0 auto;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.2));
}

.brand strong {
  display: block;
  font-size: 1.2rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.brand small,
.sidebar-note small,
.user-chip small,
.page-subtitle,
.metric-card small,
.schedule-row small,
.patient-card small,
.topbar-label {
  color: var(--muted);
}

.sidebar .brand small,
.sidebar-note small {
  color: rgba(255, 255, 255, 0.68);
}

.brand-mark {
  position: relative;
  width: 50px;
  height: 30px;
  flex: 0 0 auto;
}

.brand-mark::before,
.brand-mark::after {
  content: "";
  position: absolute;
  top: 4px;
  width: 24px;
  height: 18px;
  border: 3px solid var(--gold-500);
  border-radius: 50%;
  transform: rotate(35deg);
}

.brand-mark::before {
  left: 2px;
  border-right-color: var(--green-100);
}

.brand-mark::after {
  right: 2px;
  border-left-color: var(--green-100);
  transform: rotate(-35deg);
}

.side-nav {
  display: grid;
  gap: 10px;
  overflow-y: auto;
  padding-right: 2px;
}

.nav-group {
  border: 1px solid rgba(212, 175, 55, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.nav-group[open] {
  background: rgba(255, 255, 255, 0.055);
}

.nav-group summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 9px 10px;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  list-style: none;
}

.nav-group summary::-webkit-details-marker {
  display: none;
}

.nav-group summary::after {
  content: ">";
  color: var(--gold-500);
  font-weight: 900;
  transform: rotate(90deg);
  transition: transform 160ms ease;
}

.nav-group[open] summary::after {
  transform: rotate(-90deg);
}

.nav-group summary span,
.nav-group summary small {
  display: block;
}

.nav-group summary span {
  font-size: 0.8rem;
  font-weight: 900;
  text-transform: uppercase;
}

.nav-group summary small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.72rem;
  font-weight: 800;
}

.nav-group-items {
  display: grid;
  gap: 4px;
  padding: 0 6px 8px;
}

.nav-item {
  display: grid;
  position: relative;
  gap: 2px;
  min-height: 46px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.78);
  font-weight: 700;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.nav-item span,
.nav-item small {
  display: block;
  min-width: 0;
}

.nav-item span {
  font-weight: 850;
}

.nav-item small {
  color: rgba(255, 255, 255, 0.54);
  font-size: 0.72rem;
  line-height: 1.28;
}

.nav-item:hover,
.nav-item.active {
  color: var(--white);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(212, 175, 55, 0.42);
}

.nav-item:hover {
  transform: translateX(2px);
}

.nav-item.active {
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.2), rgba(255, 255, 255, 0.08));
}

.nav-item.active small {
  color: rgba(255, 255, 255, 0.72);
}

.onboarding-guide[hidden],
.inbox-onboarding-card[hidden] {
  display: none !important;
}

.onboarding-guide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 16px;
  align-items: center;
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(15, 81, 50, 0.14), rgba(212, 175, 55, 0.1)),
    rgba(255, 253, 246, 0.88);
  box-shadow: 0 16px 34px rgba(7, 26, 18, 0.12);
}

.onboarding-guide-copy,
.inbox-onboarding-card > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.onboarding-guide-copy span,
.inbox-onboarding-card span {
  color: var(--bronze-600);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.onboarding-guide-copy strong,
.inbox-onboarding-card strong {
  color: var(--green-950);
  font-size: 1rem;
}

.onboarding-guide-copy p,
.inbox-onboarding-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.onboarding-steps,
.inbox-onboarding-card ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: onboarding-step;
}

.onboarding-steps li,
.inbox-onboarding-card li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(15, 81, 50, 0.14);
  border-radius: 999px;
  color: var(--green-900);
  background: rgba(255, 253, 246, 0.7);
  font-size: 0.82rem;
  font-weight: 850;
  white-space: nowrap;
}

.onboarding-steps li::before,
.inbox-onboarding-card li::before {
  counter-increment: onboarding-step;
  content: counter(onboarding-step);
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  color: #071a12;
  background: linear-gradient(180deg, #f2d56a, #d4af37);
  font-size: 0.7rem;
  font-weight: 950;
}

.onboarding-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.onboarding-primary,
.onboarding-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  font-weight: 950;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.onboarding-primary {
  border: 1px solid rgba(255, 235, 145, 0.7);
  color: #071a12;
  background: linear-gradient(180deg, #f5d96e, #d4af37);
  box-shadow: 0 14px 28px rgba(184, 115, 51, 0.22);
}

.onboarding-secondary {
  border: 1px solid rgba(15, 81, 50, 0.18);
  color: var(--green-900);
  background: rgba(255, 253, 246, 0.74);
}

.onboarding-primary:hover,
.onboarding-secondary:hover {
  transform: translateY(-1px);
}

body.onboarding-active .onboarding-inbox-target {
  color: #fffdf6;
  border-color: rgba(255, 235, 145, 0.68);
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.28), rgba(255, 255, 255, 0.09)),
    rgba(255, 255, 255, 0.08);
  box-shadow:
    0 0 0 1px rgba(212, 175, 55, 0.18),
    0 12px 28px rgba(212, 175, 55, 0.14);
}

body.onboarding-active .onboarding-inbox-target::after {
  content: "Comece aqui";
  justify-self: start;
  width: max-content;
  margin-top: 4px;
  padding: 3px 8px;
  border-radius: 999px;
  color: #071a12;
  background: linear-gradient(180deg, #f2d56a, #d4af37);
  font-size: 0.66rem;
  font-weight: 950;
}

@media (prefers-reduced-motion: no-preference) {
  .onboarding-guide,
  .inbox-onboarding-card {
    animation: inboxFadeUp 360ms ease both;
  }
}

@media (max-width: 1100px) {
  .onboarding-guide,
  .inbox-onboarding-card {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .onboarding-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 720px) {
  .onboarding-guide {
    padding: 14px;
    border-radius: 18px;
  }

  .onboarding-primary,
  .onboarding-secondary,
  .inbox-onboarding-card > .inbox-button {
    width: 100%;
    min-height: 46px;
  }

  .onboarding-steps li,
  .inbox-onboarding-card li {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .onboarding-guide,
  .inbox-onboarding-card,
  .onboarding-primary,
  .onboarding-secondary {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

.sidebar-note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: auto;
  padding: 14px;
  border: 1px solid rgba(212, 175, 55, 0.34);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
}

.status-dot {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 50%;
  background: var(--gold-500);
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.16);
}

.main-area {
  min-width: 0;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 76px;
  padding: 16px 32px;
  background: rgba(246, 243, 234, 0.92);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(16px);
}

.topbar strong {
  display: block;
}

.topbar-label,
.eyebrow {
  display: block;
  margin: 0 0 4px;
  color: var(--copper-500);
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.user-chip {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 170px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.user-chip > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: var(--green-900);
  background: var(--gold-500);
  font-weight: 900;
}

.notification-center {
  position: relative;
}

.notification-button {
  position: relative;
  width: 42px;
  min-width: 42px;
  padding: 0;
}

.notification-button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.notification-count {
  position: absolute;
  top: -6px;
  right: -6px;
  display: grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  color: var(--green-900);
  border: 1px solid rgba(16, 35, 27, 0.2);
  border-radius: 999px;
  background: var(--gold-500);
  font-size: 0.7rem;
  font-weight: 950;
  line-height: 1;
}

.notification-panel {
  position: absolute;
  z-index: 20;
  top: calc(100% + 10px);
  right: 0;
  width: min(390px, calc(100vw - 32px));
  overflow: hidden;
  border: 1px solid rgba(216, 201, 171, 0.9);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(251, 240, 199, 0.28), transparent 96px),
    var(--surface);
  box-shadow: var(--shadow);
}

.notification-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  border-bottom: 1px solid rgba(216, 201, 171, 0.62);
}

.notification-panel-header strong {
  color: var(--green-900);
}

.notification-mark-all {
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

.notification-list {
  display: grid;
  max-height: min(420px, 58vh);
  overflow-y: auto;
}

.notification-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  width: 100%;
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid rgba(216, 201, 171, 0.52);
  border-left: 4px solid rgba(102, 115, 108, 0.35);
  color: inherit;
  background: rgba(255, 255, 255, 0.42);
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.notification-item:hover {
  background: rgba(251, 240, 199, 0.42);
}

.notification-item.unread {
  border-left-color: var(--gold-500);
  background: rgba(251, 240, 199, 0.34);
}

.notification-item.severity-warning {
  border-left-color: var(--warning);
}

.notification-item.severity-danger {
  border-left-color: var(--danger);
}

.notification-item strong,
.notification-item small {
  display: block;
}

.notification-item small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}

.notification-item time {
  color: var(--copper-500);
  font-size: 0.74rem;
  font-weight: 900;
  white-space: nowrap;
}

.notification-empty {
  padding: 18px 14px;
  color: var(--muted);
  line-height: 1.4;
}

.notification-push-area {
  display: grid;
  gap: 7px;
  padding: 0 14px 14px;
}

.notification-push-button {
  width: 100%;
  min-height: 38px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--green-900);
  background: rgba(255, 255, 255, 0.82);
  cursor: pointer;
  font-weight: 900;
}

.notification-push-button.is-active {
  color: var(--green-900);
  border-color: rgba(212, 175, 55, 0.58);
  background: linear-gradient(135deg, var(--gold-500), #f3df88);
}

.notification-push-button.is-blocked {
  cursor: not-allowed;
  opacity: 0.76;
}

.notification-push-status {
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.35;
}

.content {
  position: relative;
  width: min(100%, 1320px);
  margin: 0 auto;
  padding: 32px;
}

.page-guide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(216, 201, 171, 0.7);
  border-left: 4px solid var(--gold-500);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(251, 240, 199, 0.64), rgba(255, 250, 240, 0.88)),
    rgba(255, 250, 240, 0.9);
  box-shadow: var(--shadow-soft);
}

.page-guide-main {
  min-width: 0;
}

.page-guide-main span,
.page-guide-main strong {
  display: block;
}

.page-guide-main span {
  color: var(--copper-500);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.page-guide-main strong {
  margin-top: 3px;
  color: var(--green-900);
  line-height: 1.35;
}

.page-guide-more {
  position: relative;
}

.page-guide-more summary {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(184, 115, 51, 0.36);
  border-radius: 8px;
  color: var(--green-900);
  background: rgba(255, 255, 255, 0.72);
  cursor: pointer;
  font-weight: 900;
  white-space: nowrap;
  list-style: none;
}

.page-guide-more summary::-webkit-details-marker {
  display: none;
}

.page-guide-more[open] summary {
  border-color: rgba(184, 115, 51, 0.62);
  box-shadow: 0 8px 18px rgba(27, 45, 35, 0.08);
}

.page-guide-more ul {
  position: absolute;
  z-index: 4;
  right: 0;
  width: min(360px, 78vw);
  margin: 10px 0 0;
  padding: 14px 16px 14px 30px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--muted);
  background: var(--surface);
  box-shadow: var(--shadow);
  line-height: 1.45;
}

.content:has(.page-guide + .dashboard-hero) .page-guide {
  gap: 10px;
  margin-bottom: 12px;
  padding: 9px 12px;
  border-left-width: 3px;
  background:
    linear-gradient(90deg, rgba(251, 240, 199, 0.36), rgba(255, 250, 240, 0.78)),
    rgba(255, 250, 240, 0.72);
  box-shadow: 0 8px 24px rgba(27, 45, 35, 0.05);
}

.content:has(.page-guide + .dashboard-hero) .page-guide-main span {
  font-size: 0.66rem;
  letter-spacing: 0.02em;
}

.content:has(.page-guide + .dashboard-hero) .page-guide-main strong {
  margin-top: 1px;
  font-size: 0.9rem;
  line-height: 1.28;
}

.content:has(.page-guide + .dashboard-hero) .page-guide-more summary {
  min-height: 30px;
  padding: 0 10px;
  font-size: 0.84rem;
}

.page-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 24px;
}

.page-heading h1 {
  margin: 0;
  color: var(--green-900);
  font-size: 2.75rem;
  line-height: 1;
  letter-spacing: 0;
}

.page-subtitle {
  margin: 10px 0 0;
  max-width: 720px;
  line-height: 1.5;
}

.heading-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 850;
  white-space: nowrap;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.button:hover,
.action-link:hover,
.quick-action:hover,
.page-guide-more summary:hover,
.text-link:hover {
  transform: translateY(-1px);
}

.button:focus-visible,
.action-link:focus-visible,
.text-link:focus-visible,
.nav-item:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(212, 175, 55, 0.44);
  outline-offset: 2px;
}

.button:disabled,
.button[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.62;
  transform: none;
}

.button-primary {
  color: var(--green-900);
  background: linear-gradient(180deg, #f1c956, var(--gold-500));
  border-color: #c59522;
}

.button-secondary {
  color: var(--green-900);
  background: var(--surface);
  border-color: var(--line);
}

.text-link {
  color: var(--green-700);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  font-weight: 850;
}

.phone-link {
  color: var(--green-700);
  font-weight: 900;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.meta-separator {
  display: inline;
  color: rgba(102, 115, 108, 0.7);
  margin: 0 4px;
}

.metric-grid,
.card-grid,
.settings-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.metric-card,
.panel,
.info-card,
.toolbar-panel,
.patient-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 250, 240, 0.92);
  box-shadow: var(--shadow-soft);
}

.metric-card {
  position: relative;
  overflow: hidden;
  padding: 18px;
}

.metric-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--gold-500), var(--green-700));
}

.metric-card span {
  color: var(--muted);
  font-weight: 800;
}

.metric-card strong {
  display: block;
  margin: 10px 0 2px;
  color: var(--green-900);
  font-size: 2.3rem;
  line-height: 1;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.8fr);
  gap: 18px;
}

.panel,
.info-card,
.toolbar-panel {
  padding: 20px;
}

.panel,
.info-card,
.patient-card,
.health-card {
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.quick-action,
a.timeline-item,
a.compact-row {
  transition: box-shadow 180ms ease, border-color 180ms ease, transform 180ms ease, background 180ms ease;
}

.quick-action:hover {
  border-color: rgba(184, 115, 51, 0.48);
  box-shadow: var(--shadow);
}

.panel-wide {
  grid-column: span 1;
}

.panel-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}

.panel-header h2,
.info-card h2 {
  margin: 0;
  color: var(--green-900);
  font-size: 1.15rem;
}

.panel-copy,
.info-card p,
.patient-card p {
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.empty-state {
  display: grid;
  gap: 8px;
  min-height: 112px;
  align-content: center;
  padding: 18px;
  border: 1px dashed rgba(184, 115, 51, 0.5);
  border-radius: 8px;
  color: var(--muted);
  background: rgba(246, 243, 234, 0.58);
}

.empty-state strong {
  color: var(--green-900);
}

.empty-state span,
.empty-state small {
  line-height: 1.45;
}

.timeline-list,
.hours-list,
.patient-list,
.integration-list {
  display: grid;
  gap: 10px;
}

.timeline-item,
.hours-row,
.signal-row {
  display: grid;
  align-items: center;
  gap: 12px;
}

.timeline-item {
  grid-template-columns: 70px minmax(0, 1fr) auto;
  padding: 12px 0;
  border-bottom: 1px solid rgba(216, 201, 171, 0.62);
}

.timeline-item:last-child {
  border-bottom: 0;
}

a.timeline-item {
  position: relative;
  padding: 12px;
  border: 1px solid rgba(216, 201, 171, 0.58);
  border-left: 4px solid rgba(212, 175, 55, 0.5);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

a.timeline-item:hover,
a.compact-row:hover {
  transform: translateY(-1px);
  border-color: rgba(184, 115, 51, 0.48);
  box-shadow: var(--shadow-soft);
  background: rgba(255, 250, 240, 0.98);
}

.timeline-item time {
  color: var(--copper-500);
  font-weight: 900;
}

.timeline-item strong,
.timeline-item span,
.patient-card strong,
.patient-card span {
  display: block;
}

.timeline-item div span {
  margin-top: 4px;
  color: var(--muted);
}

.status-pill,
.data-source {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 850;
  cursor: default;
}

.status-confirmado,
.source-api {
  color: var(--green-700);
  background: var(--green-100);
  border-color: rgba(15, 81, 50, 0.22);
}

.status-pendente,
.source-warning {
  color: var(--warning);
  background: var(--gold-100);
  border-color: rgba(154, 106, 19, 0.26);
}

.status-cancelado {
  color: var(--danger);
  background: #f8dfd7;
  border-color: rgba(155, 59, 47, 0.2);
}

.definition-list {
  display: grid;
  gap: 12px;
  margin: 0;
}

.definition-list div {
  display: grid;
  gap: 3px;
}

.definition-list dt {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.definition-list dd {
  margin: 0;
  color: var(--green-900);
  font-weight: 760;
  line-height: 1.45;
}

.focus-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.focus-list li {
  padding: 12px;
  border-left: 3px solid var(--gold-500);
  border-radius: 8px;
  background: rgba(246, 243, 234, 0.72);
}

.signal-row {
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 12px 0;
  border-bottom: 1px solid rgba(216, 201, 171, 0.62);
}

.signal-row:last-child {
  border-bottom: 0;
}

.signal-row span {
  color: var(--muted);
}

.signal-row strong {
  text-align: right;
}

.toolbar-panel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 18px;
}

.segmented-control {
  display: inline-flex;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--cream-100);
}

.segmented-control button,
.segmented-control a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  font-weight: 800;
}

.segmented-control button.active,
.segmented-control a.active {
  color: var(--green-900);
  background: var(--white);
  box-shadow: 0 6px 14px rgba(27, 45, 35, 0.08);
}

.field-inline {
  display: grid;
  gap: 5px;
  min-width: 180px;
}

.field-inline span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
  text-transform: uppercase;
}

.field-inline input,
.field-inline select,
.field-inline textarea {
  min-height: 42px;
  width: 100%;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--white);
}

.field-inline textarea {
  min-height: 88px;
  padding: 10px 12px;
  resize: vertical;
}

.field-inline-stack {
  width: 100%;
}

.inline-edit-form {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.playbook-fields {
  display: grid;
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(216, 201, 171, 0.7);
}

.compact-form-grid {
  gap: 10px;
}

.search-field {
  flex: 1 1 320px;
}

.schedule-table {
  display: grid;
  gap: 8px;
}

.schedule-row {
  display: grid;
  grid-template-columns: 120px minmax(180px, 1.2fr) minmax(170px, 1fr) minmax(140px, 0.9fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px;
  border: 1px solid rgba(216, 201, 171, 0.58);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.55);
}

.schedule-head {
  color: var(--muted);
  background: transparent;
  border-color: transparent;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.schedule-time {
  color: var(--copper-500);
  font-weight: 900;
}

.patient-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.patient-card {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto auto;
  gap: 14px;
  align-items: start;
  padding: 16px;
}

.patient-card p {
  grid-column: 1 / -1;
  margin-top: 0;
}

.card-grid,
.settings-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.info-card {
  min-height: 190px;
}

.card-topline {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
  color: var(--copper-500);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.meta-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.meta-grid span {
  display: grid;
  gap: 3px;
  color: var(--muted);
  padding: 10px;
  border-radius: 8px;
  background: rgba(246, 243, 234, 0.82);
}

.meta-grid strong {
  color: var(--green-900);
}

.professional-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
}

.avatar {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: var(--green-900);
  background: var(--gold-500);
  font-weight: 900;
}

.hours-row {
  grid-template-columns: 120px 150px minmax(0, 1fr);
  min-height: 52px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(216, 201, 171, 0.62);
}

.hours-row:last-child {
  border-bottom: 0;
}

.hours-row strong {
  color: var(--green-900);
}

.hours-row span {
  color: var(--copper-500);
  font-weight: 900;
}

.hours-row small {
  color: var(--muted);
}

.integration-list {
  grid-column: span 1;
}

@media (max-width: 1100px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: relative;
    height: auto;
  }

  .side-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sidebar-note {
    margin-top: 0;
  }

  .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-grid,
  .card-grid,
  .settings-grid,
  .patient-list {
    grid-template-columns: 1fr;
  }

  .schedule-row {
    grid-template-columns: 100px minmax(160px, 1fr) minmax(140px, 1fr);
  }

  .schedule-row span:nth-child(4),
  .schedule-head span:nth-child(4) {
    display: none;
  }
}

@media (max-width: 720px) {
  body {
    background-attachment: scroll;
  }

  .content,
  .topbar,
  .sidebar {
    padding-left: 16px;
    padding-right: 16px;
  }

  .page-heading h1 {
    font-size: 2rem;
    line-height: 1.05;
  }

  .topbar,
  .page-heading,
  .patient-card {
    align-items: stretch;
    flex-direction: column;
  }

  .topbar,
  .page-heading {
    display: grid;
  }

  .page-guide {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .page-guide-more summary {
    width: 100%;
    justify-content: center;
  }

  .page-guide-more ul {
    position: static;
    width: 100%;
  }

  .heading-actions,
  .toolbar-panel {
    justify-content: stretch;
  }

  .button,
  .heading-actions > *,
  .segmented-control,
  .field-inline {
    width: 100%;
  }

  .side-nav,
  .metric-grid,
  .meta-grid {
    grid-template-columns: 1fr;
  }

  .schedule-row {
    grid-template-columns: 1fr;
  }

  .schedule-head {
    display: none;
  }

  .timeline-item,
  .hours-row,
  .patient-card {
    grid-template-columns: 1fr;
  }
}

.config-summary,
.quick-actions,
.config-checklist {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

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

.quick-action,
.notice {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 250, 240, 0.92);
  box-shadow: var(--shadow);
}

.quick-action {
  display: grid;
  gap: 6px;
  min-height: 92px;
  padding: 18px;
  border-left: 4px solid var(--gold-500);
  cursor: pointer;
}

.quick-action:hover {
  background:
    linear-gradient(90deg, rgba(251, 240, 199, 0.54), rgba(255, 250, 240, 0.98));
}

.quick-action strong {
  color: var(--green-900);
  font-size: 1.05rem;
}

.quick-action span {
  color: var(--muted);
  line-height: 1.45;
}

.checklist-card {
  display: grid;
  gap: 6px;
  min-height: 96px;
  padding: 16px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--gold-500);
  border-radius: 8px;
  background: rgba(255, 250, 240, 0.92);
  box-shadow: var(--shadow-soft);
}

.checklist-card.is-ok {
  border-left-color: var(--green-700);
}

.checklist-card strong {
  color: var(--green-900);
}

.checklist-card span,
.checklist-card small {
  color: var(--muted);
  line-height: 1.4;
}

.notice {
  margin-bottom: 18px;
  padding: 14px 16px;
  color: var(--warning);
  background: var(--gold-100);
  font-weight: 800;
}

.dashboard-grid-balanced,
.detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.operation-strip {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1.05fr);
  gap: 18px;
  margin-bottom: 18px;
}

.operation-panel {
  min-width: 0;
}

.value-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 18px;
}

.value-row {
  min-width: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(216, 201, 171, 0.62);
}

.value-row span,
.value-row strong,
.value-row small {
  display: block;
}

.value-row span {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.value-row strong {
  margin-top: 4px;
  color: var(--green-900);
  font-size: 1.45rem;
  line-height: 1.1;
}

.value-row small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.inbox-list {
  display: grid;
  gap: 12px;
}

.inbox-item {
  min-width: 0;
  padding: 12px 0 12px 12px;
  border-bottom: 1px solid rgba(216, 201, 171, 0.62);
  border-left: 4px solid var(--gold-500);
}

.inbox-item:last-child {
  border-bottom: 0;
}

.inbox-main,
.inbox-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inbox-main strong,
.inbox-main span {
  display: block;
}

.inbox-main span,
.inbox-item p,
.inbox-actions {
  color: var(--muted);
  line-height: 1.4;
}

.inbox-item p {
  margin: 10px 0;
}

.variable-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}

.variable-list span {
  min-height: 24px;
  padding: 3px 8px;
  color: var(--green-900);
  background: var(--green-100);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 800;
  cursor: default;
}

.alert-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.alert-list span {
  min-height: 28px;
  padding: 5px 10px;
  color: var(--warning);
  background: var(--gold-100);
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 900;
}

.conversation-trace {
  display: grid;
  gap: 12px;
}

.conversation-entry {
  padding-left: 12px;
  border-left: 4px solid var(--green-700);
}

.conversation-entry strong,
.conversation-entry span,
.conversation-entry small {
  display: block;
}

.conversation-entry span,
.conversation-entry p,
.conversation-entry small {
  color: var(--muted);
  line-height: 1.4;
}

.conversation-entry p {
  margin: 8px 0;
}

.conversation-entry small {
  font-weight: 800;
}

.automation-panel {
  margin-bottom: 18px;
}

.automation-list {
  display: grid;
  gap: 12px;
}

.automation-row {
  display: grid;
  grid-template-columns: minmax(220px, 0.85fr) minmax(260px, 1.1fr) minmax(220px, 0.8fr) minmax(180px, 0.8fr);
  align-items: start;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(216, 201, 171, 0.62);
}

.automation-row:last-child {
  border-bottom: 0;
}

.automation-title,
.automation-title small,
.automation-row p,
.automation-row strong,
.automation-metrics,
.automation-metrics span {
  min-width: 0;
}

.toggle-line {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--green-900);
  font-weight: 900;
}

.toggle-line input {
  width: 18px;
  height: 18px;
  accent-color: var(--green-700);
}

.automation-title small,
.automation-row p,
.automation-metrics span {
  display: block;
  color: var(--muted);
  line-height: 1.4;
}

.automation-title small {
  margin-top: 4px;
}

.automation-row p {
  margin: 0;
}

.automation-row strong {
  color: var(--copper-500);
  font-size: 0.88rem;
  line-height: 1.4;
}

.automation-metrics {
  display: grid;
  gap: 4px;
}

.automation-next {
  display: grid;
  gap: 10px;
}

.automation-next .row-actions {
  justify-content: flex-start;
}

.health-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.health-card {
  min-width: 0;
  padding: 16px;
  background: rgba(255, 250, 240, 0.92);
  border: 1px solid var(--line);
  border-left: 4px solid var(--gold-500);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.health-ok {
  border-left-color: var(--green-700);
}

.health-danger {
  border-left-color: var(--danger);
}

.health-facts {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
}

.health-facts div {
  display: grid;
  grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1fr);
  gap: 8px;
}

.health-facts dt,
.health-card p {
  color: var(--muted);
}

.health-facts dt,
.health-facts dd,
.health-card p {
  margin: 0;
}

.health-facts dd {
  color: var(--green-900);
  font-weight: 900;
  text-align: right;
}

.health-card p {
  margin-top: 14px;
  line-height: 1.4;
}

.agenda-opportunities {
  margin-top: 18px;
}

.waitlist-list {
  display: grid;
  gap: 12px;
}

.waitlist-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 14px;
  padding: 12px 0 12px 12px;
  border-bottom: 1px solid rgba(216, 201, 171, 0.62);
  border-left: 4px solid var(--gold-500);
}

.waitlist-row:last-child {
  border-bottom: 0;
}

.waitlist-row strong,
.waitlist-row span,
.waitlist-row small,
.waitlist-row p {
  display: block;
}

.waitlist-row span,
.waitlist-row small,
.waitlist-row p {
  color: var(--muted);
  line-height: 1.4;
}

.waitlist-row small {
  margin-top: 4px;
}

.waitlist-row p {
  grid-column: 1 / -1;
  margin: 0;
  font-weight: 800;
}

.waitlist-row > div:last-of-type {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.waitlist-row form {
  margin: 0;
}

.inbox-work-list {
  display: grid;
  gap: 14px;
}

.inbox-work-item {
  min-width: 0;
  padding: 16px 0 16px 14px;
  border-bottom: 1px solid rgba(216, 201, 171, 0.62);
  border-left: 4px solid var(--gold-500);
}

.inbox-work-item:last-child {
  border-bottom: 0;
}

.inbox-work-main,
.inbox-work-footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.inbox-work-main strong,
.inbox-work-main span,
.inbox-work-footer strong {
  display: block;
}

.inbox-work-main span,
.inbox-work-context p,
.inbox-work-footer strong {
  color: var(--muted);
  line-height: 1.4;
}

.inbox-work-context {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
  gap: 14px;
  margin: 12px 0;
}

.inbox-work-context dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.inbox-work-context dt,
.inbox-work-context dd,
.inbox-work-context p {
  margin: 0;
}

.inbox-work-context dt {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
  text-transform: uppercase;
}

.inbox-work-context dd {
  margin-top: 3px;
  color: var(--green-900);
  font-weight: 800;
}

.inbox-work-footer strong {
  min-width: 0;
}

.growth-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 18px;
}

.growth-list {
  display: grid;
  gap: 12px;
}

.growth-row,
.report-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(216, 201, 171, 0.62);
}

.growth-row:last-child,
.report-row:last-child {
  border-bottom: 0;
}

.growth-row strong,
.growth-row span,
.growth-row small,
.growth-row p,
.report-row strong,
.report-row span,
.report-row p {
  display: block;
}

.growth-row span,
.growth-row small,
.growth-row p,
.report-row span,
.report-row p {
  color: var(--muted);
  line-height: 1.4;
}

.growth-row p,
.report-row p {
  grid-column: 1 / -1;
  margin: 0;
  font-weight: 800;
}

.growth-row form,
.report-row form {
  margin: 0;
}

.report-row dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column: 1 / -1;
  gap: 10px;
  margin: 0;
}

.report-row dt,
.report-row dd {
  margin: 0;
}

.report-row dt {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.report-row dd {
  color: var(--green-900);
  font-weight: 900;
}

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

.playbook-card {
  min-width: 0;
  padding: 14px;
  background: rgba(246, 243, 234, 0.72);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.playbook-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0;
}

.playbook-card dt,
.playbook-card dd {
  margin: 0;
}

.playbook-card dt {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 850;
}

.playbook-card dd,
.playbook-card strong {
  color: var(--green-900);
  font-weight: 900;
}

.playbook-card ul {
  display: grid;
  gap: 6px;
  margin: 0 0 12px;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.4;
}

.inbox-actions > span {
  min-width: 0;
}

.inbox-actions > div {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
}

.priority-high {
  border-left-color: var(--danger);
}

.priority-medium {
  border-left-color: var(--gold-500);
}

.priority-low {
  border-left-color: var(--green-700);
}

.compact-list {
  display: grid;
  gap: 10px;
}

.compact-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(216, 201, 171, 0.62);
}

.compact-row:last-child {
  border-bottom: 0;
}

a.compact-row {
  padding: 12px;
  border: 1px solid rgba(216, 201, 171, 0.58);
  border-left: 4px solid rgba(212, 175, 55, 0.5);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.compact-row span,
.compact-row strong,
.compact-row small {
  display: block;
}

.compact-row small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}

.compact-row em {
  color: var(--copper-500);
  font-style: normal;
  font-weight: 900;
  text-align: right;
}

.timeline-item-large {
  grid-template-columns: 78px minmax(0, 1fr) auto;
}

.schedule-row-actions {
  grid-template-columns: 120px minmax(180px, 1.1fr) minmax(170px, 0.9fr) minmax(130px, 0.8fr) auto minmax(180px, auto);
}

.row-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.row-actions form {
  margin: 0;
}

.inbox-status-stack {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.action-form {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.action-note {
  width: min(190px, 38vw);
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  color: var(--green-900);
  font-size: 0.82rem;
}

.action-note::placeholder {
  color: var(--muted);
}

.action-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--green-700);
  background: var(--surface);
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 900;
  box-shadow: 0 6px 14px rgba(27, 45, 35, 0.06);
}

.action-link:hover {
  border-color: rgba(184, 115, 51, 0.44);
  background: rgba(255, 255, 255, 0.96);
}

.action-link.danger {
  color: var(--danger);
}

.timeline-item-actionable {
  grid-template-columns: 70px minmax(0, 1fr) auto;
}

.timeline-actions,
.row-inline-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.row-inline-actions em {
  text-align: right;
}

.contact-row {
  padding: 12px;
  border: 1px solid rgba(216, 201, 171, 0.58);
  border-left: 4px solid rgba(212, 175, 55, 0.5);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.5);
}

.inbox-work-list {
  gap: 12px;
}

.inbox-work-item {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(216, 201, 171, 0.68);
  border-left: 4px solid var(--gold-500);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.56), transparent 90px),
    rgba(246, 243, 234, 0.62);
}

.inbox-work-item:last-child {
  border-bottom: 1px solid rgba(216, 201, 171, 0.68);
}

.inbox-work-title {
  min-width: 0;
}

.inbox-work-title strong {
  color: var(--green-900);
  font-size: 1.02rem;
}

.inbox-work-title > span {
  margin-top: 4px;
}

.inbox-work-context {
  margin: 0;
}

.inbox-work-context dl {
  padding: 12px;
  border: 1px solid rgba(216, 201, 171, 0.52);
  border-radius: 8px;
  background: rgba(255, 250, 240, 0.7);
}

.assist-summary {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(15, 81, 50, 0.14);
  border-radius: 8px;
  background: rgba(227, 239, 231, 0.42);
}

.assist-summary span,
.next-action span {
  display: block;
  color: var(--copper-500);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.assist-summary p {
  margin-top: 6px;
}

.next-action {
  min-width: 0;
  max-width: 540px;
}

.next-action strong {
  margin-top: 4px;
  color: var(--green-900);
}

.inbox-work-footer {
  align-items: flex-end;
  padding-top: 2px;
}

.inbox-work-footer .row-actions {
  flex: 1 1 auto;
  justify-content: flex-end;
}

.patient-card-rich {
  grid-template-columns: minmax(200px, 1.2fr) minmax(120px, 0.7fr) auto minmax(130px, 0.8fr);
}

.patient-link {
  grid-column: 1 / -1;
}

.form-panel {
  margin-top: 18px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  align-items: end;
  gap: 14px;
}

.rules-panel {
  margin-bottom: 18px;
}

.rule-list,
.signal-card-list,
.experiment-list,
.slot-list {
  display: grid;
  gap: 14px;
}

.rule-row {
  display: grid;
  grid-template-columns: minmax(220px, 0.7fr) minmax(260px, 1fr) minmax(240px, 0.85fr);
  align-items: start;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(216, 201, 171, 0.62);
}

.rule-row:last-child {
  border-bottom: 0;
}

.notification-setting-row {
  grid-template-columns: minmax(260px, 0.9fr) minmax(260px, 1fr);
}

.rule-row small,
.rule-row p,
.rule-action strong,
.experiment-row p,
.experiment-action span,
.variant-grid span,
.variant-grid small,
.slot-card span,
.slot-card small {
  color: var(--muted);
  line-height: 1.4;
}

.rule-row p,
.experiment-row p {
  margin: 0;
}

.rule-action,
.signal-action,
.experiment-action {
  display: grid;
  gap: 10px;
}

.rule-action form,
.signal-action form {
  margin: 0;
}

.intelligence-grid,
.web-booking-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.95fr);
  gap: 18px;
  margin-bottom: 18px;
}

.signal-card,
.experiment-row,
.slot-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(216, 201, 171, 0.72);
  border-left: 4px solid var(--gold-500);
  border-radius: 8px;
  background: rgba(246, 243, 234, 0.62);
}

.signal-card-top,
.signal-action,
.experiment-action,
.slot-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.signal-card-top strong,
.signal-card-top span,
.signal-card p,
.signal-action strong,
.experiment-action strong,
.experiment-action span,
.variant-grid strong,
.variant-grid span,
.variant-grid small,
.slot-card strong,
.slot-card span,
.slot-card small {
  display: block;
}

.signal-card-top span,
.signal-card p {
  color: var(--muted);
  line-height: 1.4;
}

.signal-card p {
  margin: 12px 0;
}

.signal-score,
.variant-grid {
  display: grid;
  gap: 10px;
}

.signal-score {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 12px 0 0;
}

.signal-score div,
.variant-grid div {
  min-width: 0;
  padding: 10px;
  border-radius: 8px;
  background: rgba(255, 250, 240, 0.82);
}

.signal-score dt,
.signal-score dd {
  margin: 0;
}

.signal-score dt {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.signal-score dd,
.variant-grid strong,
.experiment-action strong {
  color: var(--green-900);
  font-weight: 900;
}

.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

.tag-list span {
  min-height: 24px;
  padding: 3px 8px;
  color: var(--green-900);
  background: var(--green-100);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 850;
  cursor: default;
}

.variant-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 12px 0;
}

.experiment-row .card-topline {
  margin-bottom: 10px;
}

.experiment-action {
  padding-top: 12px;
  border-top: 1px solid rgba(216, 201, 171, 0.62);
}

.slot-card {
  align-items: center;
}

.slot-card > div:last-child {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.slot-card form,
.heading-actions form {
  margin: 0;
}

.expansion-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 18px;
}

.expansion-list {
  display: grid;
  gap: 14px;
}

.expansion-row {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(216, 201, 171, 0.72);
  border-left: 4px solid var(--gold-500);
  border-radius: 8px;
  background: rgba(246, 243, 234, 0.62);
}

.expansion-row p,
.expansion-row span,
.expansion-row small,
.compact-bullets {
  color: var(--muted);
  line-height: 1.4;
}

.expansion-row p {
  margin: 0;
}

.expansion-row strong {
  color: var(--green-900);
}

.expansion-row form {
  margin: 0;
}

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

.mini-definition-grid div {
  padding: 10px;
  border-radius: 8px;
  background: rgba(255, 250, 240, 0.82);
}

.mini-definition-grid dt,
.mini-definition-grid dd {
  margin: 0;
}

.mini-definition-grid dt {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.mini-definition-grid dd {
  color: var(--green-900);
  font-weight: 900;
}

.compact-bullets {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.compact-expansion-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.compact-expansion-row p,
.compact-expansion-row form {
  grid-column: 1 / -1;
}

.compact-expansion-row em {
  color: var(--copper-500);
  font-style: normal;
  font-weight: 900;
  text-align: right;
}

.journey-layout {
  display: grid;
  grid-template-columns: minmax(220px, 0.72fr) minmax(0, 1.65fr) minmax(320px, 0.9fr);
  gap: 18px;
  align-items: start;
  margin-bottom: 18px;
}

.journey-card-list {
  position: sticky;
  top: 96px;
  display: grid;
  gap: 10px;
}

.journey-nav-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 2px 10px;
  min-height: 64px;
  padding: 12px;
  border: 1px solid rgba(216, 201, 171, 0.72);
  border-left: 4px solid var(--gold-500);
  border-radius: 8px;
  background: rgba(246, 243, 234, 0.68);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.journey-nav-card:hover {
  transform: translateY(-1px);
  border-color: rgba(184, 115, 51, 0.48);
  box-shadow: var(--shadow-soft);
}

.journey-nav-card > span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: var(--green-900);
  background: var(--gold-100);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 900;
}

.journey-nav-card strong,
.journey-nav-card small {
  display: block;
  min-width: 0;
}

.journey-nav-card small {
  color: var(--muted);
  line-height: 1.35;
}

.journey-nav-card.is-muted {
  border-left-color: rgba(102, 115, 108, 0.35);
  opacity: 0.82;
}

.journey-canvas {
  overflow: hidden;
}

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

.journey-flow-card {
  position: relative;
  display: grid;
  gap: 12px;
  min-width: 0;
  min-height: 320px;
  padding: 16px;
  border: 1px solid rgba(216, 201, 171, 0.78);
  border-top: 4px solid var(--gold-500);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.6), transparent 72px),
    rgba(246, 243, 234, 0.72);
}

.journey-flow-card.is-muted {
  border-top-color: rgba(102, 115, 108, 0.38);
  background: rgba(255, 250, 240, 0.62);
}

.journey-flow-card h3,
.journey-flow-card p,
.journey-card-footer small {
  margin: 0;
}

.journey-flow-card h3 {
  color: var(--green-900);
  font-size: 1.1rem;
  line-height: 1.2;
}

.journey-flow-card p,
.journey-card-footer small {
  color: var(--muted);
  line-height: 1.45;
}

.journey-flow-card .card-topline em,
.reminder-preset .card-topline em {
  color: var(--green-700);
  font-style: normal;
  font-weight: 900;
  text-align: right;
}

.journey-card-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.journey-card-facts div {
  min-width: 0;
  padding: 9px;
  border-radius: 8px;
  background: rgba(255, 250, 240, 0.82);
}

.journey-card-facts dt,
.journey-card-facts dd {
  margin: 0;
}

.journey-card-facts dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.journey-card-facts dd {
  margin-top: 3px;
  color: var(--green-900);
  font-weight: 900;
  line-height: 1.25;
}

.journey-message-preview {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(15, 81, 50, 0.16);
  border-radius: 8px;
  background: rgba(227, 239, 231, 0.56);
}

.journey-message-preview span {
  color: var(--green-700);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.journey-message-preview strong {
  color: var(--green-900);
  line-height: 1.45;
}

.journey-routes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.journey-routes span {
  min-height: 24px;
  padding: 3px 8px;
  color: var(--warning);
  background: var(--gold-100);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 850;
}

.journey-card-footer {
  display: grid;
  gap: 10px;
  align-content: end;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(216, 201, 171, 0.62);
}

.journey-card-footer form {
  margin: 0;
}

.phone-preview-panel {
  position: sticky;
  top: 96px;
}

.phone-shell {
  overflow: hidden;
  min-height: 680px;
  border: 1px solid rgba(16, 35, 27, 0.22);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(15, 81, 50, 0.14), transparent 130px),
    #f7f1e2;
  box-shadow: 0 24px 60px rgba(16, 35, 27, 0.18);
}

.phone-header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  padding: 18px;
  color: var(--white);
  background: var(--green-900);
}

.brand-mark.small {
  width: 38px;
  height: 24px;
}

.brand-mark.small::before,
.brand-mark.small::after {
  width: 18px;
  height: 14px;
  border-width: 2px;
}

.phone-header strong,
.phone-header small {
  display: block;
}

.phone-header small {
  color: rgba(255, 255, 255, 0.7);
}

.phone-chat {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.chat-bubble {
  width: fit-content;
  max-width: min(92%, 320px);
  padding: 12px;
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(27, 45, 35, 0.08);
}

.chat-bubble p {
  margin: 0;
  line-height: 1.45;
}

.from-bot {
  justify-self: start;
  color: var(--green-900);
  background: var(--white);
  border-top-left-radius: 4px;
}

.from-patient {
  justify-self: end;
  color: var(--green-900);
  background: #dcefd7;
  border-top-right-radius: 4px;
}

.chat-options {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.chat-options span {
  min-height: 32px;
  padding: 7px 10px;
  color: var(--green-700);
  text-align: center;
  border: 1px solid rgba(15, 81, 50, 0.2);
  border-radius: 8px;
  background: rgba(255, 250, 240, 0.78);
  font-size: 0.82rem;
  font-weight: 900;
}

.journey-bottom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: 18px;
  margin-bottom: 18px;
}

.reminder-preset-grid,
.guardrail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.reminder-preset,
.guardrail-grid article {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(216, 201, 171, 0.72);
  border-left: 4px solid rgba(102, 115, 108, 0.36);
  border-radius: 8px;
  background: rgba(246, 243, 234, 0.62);
}

.reminder-preset.is-selected {
  border-left-color: var(--gold-500);
  background: rgba(251, 240, 199, 0.58);
}

.reminder-preset strong,
.reminder-preset p,
.reminder-preset small {
  display: block;
}

.reminder-preset p,
.reminder-preset small {
  color: var(--muted);
  line-height: 1.4;
}

.reminder-preset p {
  margin: 10px 0;
}

.risk-low {
  color: var(--green-700) !important;
}

.risk-medium {
  color: var(--warning) !important;
}

.risk-high {
  color: var(--danger) !important;
}

.validation-list {
  display: grid;
  gap: 10px;
}

.validation-row {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid rgba(216, 201, 171, 0.72);
  border-left: 4px solid var(--gold-500);
  border-radius: 8px;
  background: rgba(246, 243, 234, 0.62);
}

.validation-row.is-ok {
  border-left-color: var(--green-700);
}

.validation-row.is-blocked {
  border-left-color: var(--danger);
}

.validation-row > span {
  color: var(--green-900);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.validation-row strong,
.validation-row small,
.guardrail-grid strong {
  display: block;
}

.validation-row small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.4;
}

.guardrail-panel {
  margin-bottom: 18px;
}

.guardrail-grid article {
  border-left-color: var(--green-700);
}

.guardrail-grid strong {
  color: var(--green-900);
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .config-summary,
  .quick-actions,
  .operation-strip,
  .dashboard-grid-balanced,
  .intelligence-grid,
  .web-booking-grid,
  .expansion-grid,
  .detail-grid,
  .journey-layout,
  .journey-bottom-grid {
    grid-template-columns: 1fr;
  }

  .journey-card-list,
  .phone-preview-panel {
    position: static;
  }

  .value-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .automation-row {
    grid-template-columns: minmax(220px, 1fr) minmax(260px, 1fr);
  }

  .rule-row {
    grid-template-columns: 1fr;
  }

  .inbox-work-context {
    grid-template-columns: 1fr;
  }

  .growth-grid,
  .playbook-grid {
    grid-template-columns: 1fr;
  }

  .health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .journey-flow-board {
    grid-template-columns: 1fr;
  }

  .schedule-row-actions {
    grid-template-columns: 100px minmax(160px, 1fr) minmax(160px, 1fr);
  }

  .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .config-summary,
  .quick-actions,
  .value-list,
  .detail-grid,
  .form-grid,
  .compact-row,
  .compact-expansion-row,
  .mini-definition-grid,
  .reminder-preset-grid,
  .guardrail-grid,
  .journey-card-facts,
  .validation-row {
    grid-template-columns: 1fr;
  }

  .phone-shell {
    min-height: 520px;
    border-radius: 18px;
  }

  .inbox-main,
  .inbox-actions,
  .inbox-work-main,
  .inbox-work-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .inbox-work-context dl {
    grid-template-columns: 1fr;
  }

  .growth-row,
  .report-row,
  .report-row dl,
  .playbook-card dl,
  .variant-grid,
  .signal-score {
    grid-template-columns: 1fr;
  }

  .inbox-actions > div {
    flex-wrap: wrap;
  }

  .notification-panel {
    left: auto;
    right: 0;
  }

  .timeline-item-actionable,
  .timeline-actions,
  .row-inline-actions {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .timeline-item-actionable {
    grid-template-columns: 1fr;
  }

  .timeline-actions,
  .row-inline-actions {
    flex-wrap: wrap;
  }

  .automation-row {
    grid-template-columns: 1fr;
  }

  .health-grid,
  .waitlist-row,
  .health-facts div {
    grid-template-columns: 1fr;
  }

  .waitlist-row > div:last-of-type {
    justify-items: start;
  }

  .signal-card-top,
  .signal-action,
  .experiment-action,
  .slot-card {
    flex-direction: column;
  }

  .slot-card > div:last-child {
    justify-items: start;
  }

  .health-facts dd {
    text-align: left;
  }

  .compact-row em,
  .compact-expansion-row em,
  .signal-row strong {
    text-align: left;
  }
}

.dashboard-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr);
  gap: 16px;
  align-items: stretch;
  margin-bottom: 12px;
  padding: clamp(18px, 2.7vw, 26px);
  border: 1px solid rgba(212, 175, 55, 0.38);
  border-radius: 8px;
  color: var(--white);
  background:
    linear-gradient(105deg, rgba(16, 35, 27, 0.98), rgba(27, 45, 35, 0.96) 52%, rgba(15, 81, 50, 0.9)),
    url("../img/FundoEfeitoDourado.png") right -44px top -72px / min(46vw, 520px) auto no-repeat,
    url("../img/FundoParticulasDouradas.png") left 34% bottom -90px / min(38vw, 420px) auto no-repeat,
    var(--green-900);
  box-shadow: 0 24px 70px rgba(16, 35, 27, 0.2);
}

.dashboard-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.14), transparent 32%),
    linear-gradient(180deg, rgba(255, 250, 240, 0.08), transparent 44%);
}

.dashboard-hero-content,
.dashboard-hero-panel {
  position: relative;
  z-index: 1;
}

.dashboard-hero-content {
  display: grid;
  align-content: center;
  gap: 10px;
}

.dashboard-hero .eyebrow {
  color: var(--gold-500);
}

.dashboard-hero h1 {
  max-width: 820px;
  margin: 0;
  color: var(--white);
  font-size: clamp(2rem, 3.25vw, 3.45rem);
  line-height: 1;
}

.dashboard-hero-content p {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 1rem;
  line-height: 1.43;
}

.dashboard-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.dashboard-status-row span {
  min-height: 26px;
  padding: 4px 9px;
  border: 1px solid rgba(251, 240, 199, 0.22);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.86);
  background: rgba(255, 250, 240, 0.08);
  font-size: 0.78rem;
  font-weight: 850;
}

.dashboard-hero-panel {
  display: grid;
  gap: 7px;
  align-content: end;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(251, 240, 199, 0.24);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(251, 240, 199, 0.16), rgba(255, 250, 240, 0.07)),
    rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.dashboard-hero-panel > span,
.dashboard-hero-panel small {
  color: rgba(255, 255, 255, 0.7);
}

.dashboard-hero-panel > span {
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-hero-panel strong {
  color: var(--gold-500);
  font-size: 3.15rem;
  line-height: 0.9;
}

.dashboard-hero-panel small {
  line-height: 1.35;
}

.dashboard-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.dashboard-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.dashboard-metric-card {
  position: relative;
  min-width: 0;
  min-height: 132px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 12px;
  align-content: start;
  padding: 14px 15px;
  border: 1px solid rgba(216, 201, 171, 0.9);
  border-top: 4px solid var(--gold-500);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(255, 250, 240, 0.9)),
    var(--surface);
  box-shadow: var(--shadow-soft);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

.dashboard-metric-card:hover {
  transform: translateY(-2px);
  border-color: rgba(184, 115, 51, 0.52);
  box-shadow: 0 18px 44px rgba(27, 45, 35, 0.14);
}

.dashboard-metric-card:focus-visible {
  outline: 3px solid rgba(212, 175, 55, 0.44);
  outline-offset: 2px;
}

.dashboard-metric-card.is-priority {
  border-top-color: var(--green-700);
  background:
    linear-gradient(180deg, rgba(227, 239, 231, 0.7), rgba(255, 250, 240, 0.92)),
    var(--surface);
}

.dashboard-metric-card > span:not(.dashboard-metric-icon),
.dashboard-metric-card strong,
.dashboard-metric-card small {
  display: block;
  min-width: 0;
}

.dashboard-metric-card > span:not(.dashboard-metric-icon) {
  grid-column: 1;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-metric-card strong {
  grid-column: 1;
  color: var(--green-900);
  font-size: 2.45rem;
  line-height: 0.96;
}

.dashboard-metric-card small {
  grid-column: 1 / -1;
  color: var(--muted);
  line-height: 1.38;
}

.dashboard-metric-icon {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(212, 175, 55, 0.38);
  border-radius: 50%;
  color: var(--green-900);
  background: var(--gold-100);
  font-weight: 950;
}

.dashboard-focus-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: 16px;
  margin-bottom: 16px;
  align-items: start;
}

.dashboard-section-card {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(216, 201, 171, 0.9);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.58), transparent 120px),
    rgba(255, 250, 240, 0.93);
  box-shadow: var(--shadow-soft);
}

.priority-inbox-panel {
  border-top: 4px solid var(--green-700);
}

.automation-impact-panel {
  border-top: 4px solid var(--gold-500);
}

.priority-inbox-list {
  display: grid;
  gap: 10px;
}

.priority-inbox-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(216, 201, 171, 0.72);
  border-left: 4px solid var(--gold-500);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(251, 240, 199, 0.36), rgba(255, 255, 255, 0.54)),
    rgba(246, 243, 234, 0.58);
}

.priority-inbox-card.priority-high {
  background:
    linear-gradient(90deg, rgba(155, 59, 47, 0.08), rgba(255, 255, 255, 0.54)),
    rgba(246, 243, 234, 0.58);
}

.priority-inbox-top,
.priority-inbox-footer {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.priority-inbox-top {
  align-items: flex-start;
}

.priority-inbox-footer {
  align-items: flex-end;
  padding-top: 4px;
}

.priority-inbox-top strong,
.priority-inbox-top span,
.priority-inbox-footer span {
  display: block;
  min-width: 0;
}

.priority-inbox-top strong {
  color: var(--green-900);
  font-size: 1.05rem;
}

.priority-inbox-top span,
.priority-inbox-card p,
.priority-inbox-footer span {
  color: var(--muted);
  line-height: 1.42;
}

.priority-inbox-card p {
  margin: 0;
}

.priority-inbox-status,
.priority-inbox-footer > div {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.priority-inbox-footer > span {
  max-width: 560px;
}

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

.automation-impact-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(216, 201, 171, 0.68);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.5);
}

.automation-impact-card.featured {
  background:
    linear-gradient(135deg, rgba(251, 240, 199, 0.7), rgba(255, 255, 255, 0.6)),
    var(--surface);
  border-color: rgba(212, 175, 55, 0.62);
}

.automation-impact-card span,
.automation-impact-card strong,
.automation-impact-card small {
  display: block;
}

.automation-impact-card span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.automation-impact-card strong {
  margin-top: 5px;
  color: var(--green-900);
  font-size: 1.45rem;
  line-height: 1;
}

.automation-impact-card small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.35;
}

.automation-impact-card.is-zero {
  background: rgba(255, 255, 255, 0.38);
}

.automation-impact-card.is-zero strong {
  color: rgba(27, 45, 35, 0.58);
}

.automation-impact-card.is-zero small {
  color: rgba(99, 111, 102, 0.82);
}

.dashboard-support-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.52), transparent 90px),
    rgba(255, 250, 240, 0.9);
}

@media (max-width: 1200px) {
  .dashboard-hero,
  .dashboard-focus-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-hero-panel {
    align-content: start;
  }

  .dashboard-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .content:has(.page-guide + .dashboard-hero) .page-guide {
    gap: 8px;
    margin-bottom: 10px;
    padding: 10px;
  }

  .dashboard-hero {
    padding: 16px;
  }

  .dashboard-hero h1 {
    font-size: 2rem;
    line-height: 1.02;
  }

  .dashboard-hero-panel strong {
    font-size: 2.7rem;
  }

  .dashboard-status-row,
  .dashboard-action-row,
  .priority-inbox-top,
  .priority-inbox-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard-action-row .button,
  .dashboard-hero-panel .button {
    width: 100%;
  }

  .dashboard-metric-grid,
  .automation-impact-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-metric-card {
    min-height: auto;
  }

  .priority-inbox-status,
  .priority-inbox-footer > div {
    justify-content: flex-start;
  }
}

body:has(.dashboard-command-shell) {
  color: #fffdf6;
  background:
    radial-gradient(circle at 82% 8%, rgba(212, 175, 55, 0.15), transparent 30rem),
    radial-gradient(circle at 42% 48%, rgba(15, 81, 50, 0.32), transparent 34rem),
    linear-gradient(180deg, #071a12 0%, #0b1f17 42%, #10231b 100%);
}

body:has(.dashboard-command-shell) .app-shell {
  background:
    radial-gradient(circle at 72% 10%, rgba(212, 175, 55, 0.08), transparent 28rem),
    linear-gradient(90deg, rgba(7, 26, 18, 0.42), transparent 32rem);
}

body:has(.dashboard-command-shell) .topbar {
  color: #fffdf6;
  background: rgba(7, 26, 18, 0.82);
  border-bottom-color: rgba(212, 175, 55, 0.22);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.16);
}

body:has(.dashboard-command-shell) .topbar-label {
  color: rgba(212, 175, 55, 0.86);
}

body:has(.dashboard-command-shell) .user-chip,
body:has(.dashboard-command-shell) .icon-button {
  color: #fffdf6;
  background: rgba(255, 253, 246, 0.08);
  border-color: rgba(212, 175, 55, 0.2);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.16);
}

body:has(.dashboard-command-shell) .user-chip small {
  color: rgba(255, 253, 246, 0.64);
}

body:has(.dashboard-command-shell) .icon-button:hover {
  border-color: rgba(212, 175, 55, 0.46);
  background: rgba(255, 253, 246, 0.13);
}

.content:has(.dashboard-command-shell) {
  width: min(100%, 1400px);
  padding-top: 26px;
}

.content:has(.dashboard-command-shell) .page-guide,
.content:has(.page-guide + .dashboard-command-shell) .page-guide {
  margin-bottom: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(212, 175, 55, 0.22);
  border-left: 3px solid rgba(212, 175, 55, 0.74);
  border-radius: 16px;
  color: rgba(255, 253, 246, 0.86);
  background:
    linear-gradient(90deg, rgba(255, 253, 246, 0.08), rgba(255, 253, 246, 0.035)),
    rgba(7, 26, 18, 0.58);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(18px);
}

.content:has(.dashboard-command-shell) .page-guide-main span,
.content:has(.page-guide + .dashboard-command-shell) .page-guide-main span {
  color: rgba(212, 175, 55, 0.86);
}

.content:has(.dashboard-command-shell) .page-guide-main strong,
.content:has(.page-guide + .dashboard-command-shell) .page-guide-main strong {
  color: rgba(255, 253, 246, 0.92);
}

.content:has(.dashboard-command-shell) .page-guide-more summary,
.content:has(.page-guide + .dashboard-command-shell) .page-guide-more summary {
  color: #fffdf6;
  background: rgba(255, 253, 246, 0.08);
  border-color: rgba(212, 175, 55, 0.24);
}

.dashboard-command-shell {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  gap: 18px;
  margin-bottom: 24px;
  padding: clamp(18px, 2.5vw, 30px);
  border: 1px solid rgba(212, 175, 55, 0.26);
  border-radius: 26px;
  color: #fffdf6;
  background:
    radial-gradient(circle at 78% 14%, rgba(212, 175, 55, 0.22), transparent 22rem),
    radial-gradient(circle at 8% 12%, rgba(15, 81, 50, 0.38), transparent 24rem),
    radial-gradient(circle at 56% 92%, rgba(184, 115, 51, 0.12), transparent 26rem),
    linear-gradient(135deg, rgba(7, 26, 18, 0.98), rgba(11, 31, 23, 0.96) 48%, rgba(15, 81, 50, 0.72)),
    #071a12;
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.dashboard-command-shell::before,
.dashboard-command-shell::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.dashboard-command-shell::before {
  inset: 1px;
  border-radius: 25px;
  background:
    linear-gradient(120deg, rgba(255, 253, 246, 0.08), transparent 28%),
    linear-gradient(90deg, rgba(212, 175, 55, 0.12), transparent 42%);
  opacity: 0.78;
}

.dashboard-command-shell::after {
  inset: auto 12% -42% auto;
  width: 48%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.18), transparent 62%);
  filter: blur(6px);
}

.dashboard-command-orb {
  position: absolute;
  z-index: -1;
  top: 18px;
  right: 16px;
  width: min(34vw, 420px);
  max-width: 46%;
  opacity: 0.72;
  filter: drop-shadow(0 26px 46px rgba(212, 175, 55, 0.16));
}

.dashboard-command-orb img {
  display: block;
  width: 100%;
  height: auto;
}

.dashboard-command-shell .dashboard-hero {
  overflow: visible;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  gap: clamp(18px, 2.4vw, 28px);
  margin-bottom: 0;
  padding: 0 0 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.dashboard-command-shell .dashboard-hero::before {
  display: none;
}

.dashboard-command-shell .dashboard-hero-content {
  gap: 13px;
  align-content: center;
  min-height: 240px;
}

.dashboard-command-shell .dashboard-hero .eyebrow,
.dashboard-command-shell .dashboard-section-card .eyebrow,
.dashboard-command-shell .dashboard-metric-card > span:not(.dashboard-metric-icon),
.dashboard-command-shell .automation-impact-card span {
  color: rgba(212, 175, 55, 0.9);
  letter-spacing: 0.04em;
}

.dashboard-command-shell .dashboard-hero h1 {
  max-width: 780px;
  color: #fffdf6;
  font-size: clamp(2.45rem, 4.6vw, 5.15rem);
  line-height: 0.96;
  text-shadow: 0 18px 56px rgba(0, 0, 0, 0.42);
}

.dashboard-command-shell .dashboard-hero-content p {
  max-width: 680px;
  color: rgba(255, 253, 246, 0.75);
  font-size: 1.08rem;
  line-height: 1.55;
}

.dashboard-command-shell .dashboard-status-row {
  gap: 8px;
  margin-top: 2px;
}

.dashboard-command-shell .dashboard-status-row span {
  min-height: 32px;
  padding: 6px 11px;
  color: rgba(255, 253, 246, 0.9);
  border: 1px solid rgba(212, 175, 55, 0.2);
  background:
    linear-gradient(180deg, rgba(255, 253, 246, 0.12), rgba(255, 253, 246, 0.05)),
    rgba(7, 26, 18, 0.26);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.dashboard-command-shell .dashboard-hero-panel {
  align-content: end;
  min-height: 240px;
  padding: 22px;
  border: 1px solid rgba(212, 175, 55, 0.24);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.14), rgba(255, 253, 246, 0.055)),
    rgba(7, 26, 18, 0.34);
  box-shadow:
    0 24px 54px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 253, 246, 0.12);
  backdrop-filter: blur(16px);
}

.dashboard-command-shell .dashboard-hero-panel > span {
  color: rgba(255, 253, 246, 0.72);
  letter-spacing: 0.04em;
}

.dashboard-command-shell .dashboard-hero-panel strong {
  color: #d4af37;
  font-size: 4.6rem;
  text-shadow: 0 0 34px rgba(212, 175, 55, 0.34);
}

.dashboard-command-shell .dashboard-hero-panel small {
  color: rgba(255, 253, 246, 0.68);
}

.dashboard-command-shell .dashboard-action-row .button {
  min-height: 42px;
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}

.dashboard-command-shell .dashboard-action-row .button-secondary {
  color: #fffdf6;
  background: rgba(255, 253, 246, 0.08);
  border-color: rgba(212, 175, 55, 0.28);
}

.dashboard-command-shell .dashboard-metric-grid {
  gap: 14px;
  margin-bottom: 0;
}

.dashboard-command-shell .dashboard-metric-card {
  min-height: 154px;
  padding: 18px;
  border: 1px solid rgba(212, 175, 55, 0.18);
  border-top: 1px solid rgba(255, 253, 246, 0.12);
  border-radius: 20px;
  color: #fffdf6;
  background:
    linear-gradient(180deg, rgba(255, 253, 246, 0.13), rgba(255, 253, 246, 0.045)),
    rgba(7, 26, 18, 0.42);
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 253, 246, 0.1);
  backdrop-filter: blur(14px);
}

.dashboard-command-shell .dashboard-metric-card:hover {
  transform: translateY(-4px);
  border-color: rgba(212, 175, 55, 0.46);
  background:
    linear-gradient(180deg, rgba(255, 253, 246, 0.17), rgba(255, 253, 246, 0.065)),
    rgba(11, 31, 23, 0.58);
  box-shadow:
    0 26px 60px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(212, 175, 55, 0.08);
}

.dashboard-command-shell .dashboard-metric-card.is-priority {
  border-color: rgba(47, 179, 111, 0.28);
  background:
    linear-gradient(180deg, rgba(47, 179, 111, 0.16), rgba(255, 253, 246, 0.045)),
    rgba(7, 26, 18, 0.46);
}

.dashboard-command-shell .dashboard-metric-card strong {
  color: #fffdf6;
  font-size: 3rem;
  text-shadow: 0 12px 38px rgba(0, 0, 0, 0.36);
}

.dashboard-command-shell .dashboard-metric-card small {
  color: rgba(255, 253, 246, 0.64);
}

.dashboard-command-shell .dashboard-metric-icon {
  width: 42px;
  height: 42px;
  color: #071a12;
  border-color: rgba(212, 175, 55, 0.46);
  background:
    radial-gradient(circle at 36% 28%, #fff4be, #d4af37 62%, #b87333);
  box-shadow:
    0 12px 28px rgba(212, 175, 55, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.44);
}

.dashboard-command-shell .dashboard-focus-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
  gap: 16px;
  margin-bottom: 0;
}

.dashboard-command-shell .dashboard-section-card {
  padding: 20px;
  border: 1px solid rgba(212, 175, 55, 0.18);
  border-top: 1px solid rgba(255, 253, 246, 0.12);
  border-radius: 22px;
  color: #fffdf6;
  background:
    linear-gradient(180deg, rgba(255, 253, 246, 0.12), rgba(255, 253, 246, 0.05)),
    rgba(7, 26, 18, 0.44);
  box-shadow:
    0 22px 58px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 253, 246, 0.08);
  backdrop-filter: blur(16px);
}

.dashboard-command-shell .priority-inbox-panel {
  border-left: 1px solid rgba(47, 179, 111, 0.24);
}

.dashboard-command-shell .automation-impact-panel {
  border-left: 1px solid rgba(212, 175, 55, 0.28);
}

.dashboard-command-shell .panel-header h2 {
  color: #fffdf6;
  font-size: 1.3rem;
}

.dashboard-command-shell .panel-copy {
  color: rgba(255, 253, 246, 0.66);
}

.dashboard-command-shell .status-pill {
  color: rgba(255, 253, 246, 0.86);
  background: rgba(255, 253, 246, 0.08);
  border-color: rgba(212, 175, 55, 0.22);
}

.dashboard-command-shell .status-confirmado {
  color: #c9f2d8;
  background: rgba(15, 81, 50, 0.38);
  border-color: rgba(47, 179, 111, 0.26);
}

.dashboard-command-shell .status-pendente {
  color: #f7df87;
  background: rgba(212, 175, 55, 0.12);
  border-color: rgba(212, 175, 55, 0.3);
}

.dashboard-command-shell .status-cancelado {
  color: #ffd7cc;
  background: rgba(155, 59, 47, 0.22);
  border-color: rgba(255, 215, 204, 0.2);
}

.dashboard-command-shell .priority-inbox-card {
  padding: 16px;
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-left: 4px solid rgba(212, 175, 55, 0.74);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 253, 246, 0.13), rgba(255, 253, 246, 0.045)),
    rgba(255, 253, 246, 0.02);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.dashboard-command-shell .priority-inbox-card.priority-high {
  border-left-color: rgba(255, 148, 126, 0.86);
  background:
    linear-gradient(135deg, rgba(155, 59, 47, 0.22), rgba(255, 253, 246, 0.04)),
    rgba(255, 253, 246, 0.02);
}

.dashboard-command-shell .priority-inbox-top strong {
  color: #fffdf6;
}

.dashboard-command-shell .priority-inbox-top span,
.dashboard-command-shell .priority-inbox-card p,
.dashboard-command-shell .priority-inbox-footer span {
  color: rgba(255, 253, 246, 0.68);
}

.dashboard-command-shell .variable-list span {
  color: #c9f2d8;
  background: rgba(15, 81, 50, 0.44);
  border: 1px solid rgba(47, 179, 111, 0.18);
}

.dashboard-command-shell .action-link {
  color: #fffdf6;
  background: rgba(255, 253, 246, 0.08);
  border-color: rgba(212, 175, 55, 0.28);
}

.dashboard-command-shell .action-link:hover {
  color: #071a12;
  background: #d4af37;
  border-color: rgba(212, 175, 55, 0.68);
}

.dashboard-command-shell .automation-impact-grid {
  gap: 10px;
}

.dashboard-command-shell .automation-impact-card {
  min-height: 112px;
  padding: 14px;
  border: 1px solid rgba(212, 175, 55, 0.18);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 253, 246, 0.12), rgba(255, 253, 246, 0.045)),
    rgba(255, 253, 246, 0.025);
}

.dashboard-command-shell .automation-impact-card strong {
  color: #fffdf6;
  font-size: 1.65rem;
}

.dashboard-command-shell .automation-impact-card small {
  color: rgba(255, 253, 246, 0.58);
}

.dashboard-command-shell .automation-impact-card.featured {
  border-color: rgba(212, 175, 55, 0.52);
  background:
    radial-gradient(circle at 82% 18%, rgba(212, 175, 55, 0.22), transparent 9rem),
    linear-gradient(180deg, rgba(212, 175, 55, 0.18), rgba(255, 253, 246, 0.045)),
    rgba(7, 26, 18, 0.36);
}

.dashboard-command-shell .automation-impact-card.featured strong {
  color: #f2d56a;
  text-shadow: 0 0 28px rgba(212, 175, 55, 0.22);
}

.dashboard-command-shell .automation-impact-card.is-whatsapp {
  border-color: rgba(47, 179, 111, 0.36);
  background:
    radial-gradient(circle at 80% 16%, rgba(47, 179, 111, 0.18), transparent 9rem),
    linear-gradient(180deg, rgba(15, 81, 50, 0.28), rgba(255, 253, 246, 0.04)),
    rgba(7, 26, 18, 0.34);
}

.dashboard-command-shell .automation-impact-card.is-whatsapp strong {
  color: #c9f2d8;
}

.dashboard-command-shell .automation-impact-card.is-zero strong {
  color: rgba(255, 253, 246, 0.46);
}

.dashboard-command-shell .automation-impact-card.is-zero small {
  color: rgba(255, 253, 246, 0.46);
}

.dashboard-command-shell .dashboard-empty-state {
  min-height: 128px;
  border: 1px solid rgba(212, 175, 55, 0.18);
  border-radius: 18px;
  color: rgba(255, 253, 246, 0.68);
  background:
    linear-gradient(135deg, rgba(255, 253, 246, 0.1), rgba(255, 253, 246, 0.035)),
    rgba(7, 26, 18, 0.3);
}

.dashboard-command-shell .dashboard-empty-state strong {
  color: #fffdf6;
}

.dashboard-command-shell .dashboard-empty-state small {
  color: rgba(242, 213, 106, 0.78);
  font-weight: 850;
}

.dashboard-grid-balanced {
  gap: 20px;
}

.dashboard-support-card {
  border: 1px solid rgba(212, 175, 55, 0.22);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 253, 246, 0.94), rgba(246, 243, 234, 0.88)),
    var(--surface);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
}

.dashboard-support-card .panel-header h2 {
  color: var(--green-900);
  font-size: 1.28rem;
}

.dashboard-support-card,
.dashboard-support-card .timeline-item strong,
.dashboard-support-card .compact-row strong {
  color: var(--green-900);
}

.dashboard-support-card .panel-copy,
.dashboard-support-card .timeline-item div span,
.dashboard-support-card .compact-row small,
.dashboard-support-card .empty-state span {
  color: var(--muted);
}

.dashboard-support-card .empty-state small {
  color: rgba(15, 81, 50, 0.82);
  font-weight: 850;
}

.dashboard-support-card .compact-row em {
  color: var(--copper-500);
}

.dashboard-support-card .timeline-item,
.dashboard-support-card .compact-row,
.dashboard-support-card .contact-row {
  border-color: rgba(212, 175, 55, 0.18);
  border-left-color: rgba(212, 175, 55, 0.72);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(255, 250, 240, 0.78)),
    rgba(255, 253, 246, 0.72);
}

.dashboard-support-card a.timeline-item:hover,
.dashboard-support-card a.compact-row:hover {
  border-color: rgba(184, 115, 51, 0.42);
  box-shadow: 0 18px 38px rgba(27, 45, 35, 0.12);
}

.dashboard-support-card .dashboard-support-empty {
  border: 1px solid rgba(212, 175, 55, 0.24);
  border-radius: 18px;
  background:
    radial-gradient(circle at 90% 10%, rgba(212, 175, 55, 0.12), transparent 10rem),
    rgba(255, 253, 246, 0.74);
}

@media (max-width: 1200px) {
  .dashboard-command-shell .dashboard-hero,
  .dashboard-command-shell .dashboard-focus-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-command-shell .dashboard-hero-content,
  .dashboard-command-shell .dashboard-hero-panel {
    min-height: auto;
  }

  .dashboard-command-orb {
    width: min(48vw, 360px);
    opacity: 0.5;
  }
}

@media (max-width: 720px) {
  .content:has(.dashboard-command-shell) {
    padding: 18px 14px;
  }

  .dashboard-command-shell {
    gap: 14px;
    padding: 16px;
    border-radius: 20px;
  }

  .dashboard-command-shell::before {
    border-radius: 19px;
  }

  .dashboard-command-orb {
    top: 8px;
    right: -54px;
    width: 260px;
    max-width: none;
    opacity: 0.34;
  }

  .dashboard-command-shell .dashboard-hero {
    gap: 16px;
  }

  .dashboard-command-shell .dashboard-hero h1 {
    font-size: 2.35rem;
  }

  .dashboard-command-shell .dashboard-hero-content p {
    font-size: 0.98rem;
  }

  .dashboard-command-shell .dashboard-hero-panel {
    padding: 18px;
    border-radius: 18px;
  }

  .dashboard-command-shell .dashboard-hero-panel strong {
    font-size: 3.2rem;
  }

  .dashboard-command-shell .dashboard-metric-card,
  .dashboard-command-shell .dashboard-section-card,
  .dashboard-support-card {
    border-radius: 18px;
  }

  .dashboard-command-shell .dashboard-metric-card {
    min-height: 132px;
  }

  .dashboard-command-shell .dashboard-metric-card strong {
    font-size: 2.55rem;
  }

  .dashboard-command-shell .automation-impact-card {
    min-height: auto;
  }
}

/* Dashboard V3.1 polish: more presence, less tutorial, cleaner daily routine. */
body:has(.dashboard-command-shell) {
  min-height: 100dvh;
}

body:has(.dashboard-command-shell) .app-shell {
  min-height: 100dvh;
}

body:has(.dashboard-command-shell) .main-area,
body:has(.dashboard-command-shell) .content {
  min-height: 0;
}

.content:has(.dashboard-command-shell) {
  width: min(100%, 1480px);
  padding: 24px 30px 28px;
}

.content:has(.dashboard-command-shell) > .page-guide,
.content:has(.page-guide + .dashboard-command-shell) > .page-guide {
  display: none;
}

.dashboard-command-shell {
  gap: 24px;
  margin-bottom: 28px;
  padding: 34px;
  border-radius: 28px;
  box-shadow:
    0 42px 100px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 253, 246, 0.1);
}

.dashboard-command-shell::before {
  border-radius: 27px;
}

.dashboard-command-shell .dashboard-hero {
  gap: 30px;
}

.dashboard-command-shell .dashboard-hero-content {
  gap: 16px;
  min-height: 272px;
}

.dashboard-command-shell .dashboard-hero h1 {
  font-size: 4.7rem;
  line-height: 0.96;
}

.dashboard-command-shell .dashboard-hero-content p {
  font-size: 1.16rem;
  color: rgba(255, 253, 246, 0.82);
}

.dashboard-command-shell .dashboard-status-row {
  gap: 10px;
}

.dashboard-command-shell .dashboard-status-row span {
  min-height: 36px;
  padding: 7px 13px;
  font-size: 0.86rem;
}

.dashboard-command-shell .dashboard-hero-panel {
  min-height: 272px;
  padding: 26px;
  border-radius: 24px;
}

.dashboard-command-shell .dashboard-hero-panel strong {
  font-size: 5rem;
}

.dashboard-command-shell .dashboard-hero-panel small {
  font-size: 0.98rem;
}

.dashboard-command-shell .dashboard-action-row {
  gap: 12px;
}

.dashboard-command-shell .dashboard-action-row .button {
  min-height: 46px;
  padding: 0 18px;
  font-size: 0.95rem;
}

.dashboard-command-shell .dashboard-metric-grid {
  gap: 16px;
}

.dashboard-command-shell .dashboard-metric-card {
  min-height: 174px;
  padding: 22px;
  border-radius: 22px;
}

.dashboard-command-shell .dashboard-metric-card > span:not(.dashboard-metric-icon) {
  font-size: 0.84rem;
}

.dashboard-command-shell .dashboard-metric-card strong {
  margin-top: 2px;
  font-size: 3.35rem;
}

.dashboard-command-shell .dashboard-metric-card small {
  font-size: 0.96rem;
  line-height: 1.45;
  color: rgba(255, 253, 246, 0.72);
}

.dashboard-command-shell .dashboard-metric-icon {
  width: 46px;
  height: 46px;
  font-size: 1rem;
}

.dashboard-command-shell .dashboard-focus-grid {
  gap: 18px;
}

.dashboard-command-shell .dashboard-section-card {
  padding: 24px;
  border-radius: 24px;
}

.dashboard-command-shell .panel-header {
  margin-bottom: 18px;
}

.dashboard-command-shell .panel-header h2 {
  font-size: 1.45rem;
}

.dashboard-command-shell .panel-copy {
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(255, 253, 246, 0.72);
}

.dashboard-command-shell .status-pill {
  min-height: 30px;
  padding: 5px 10px;
  font-size: 0.78rem;
}

.dashboard-command-shell .priority-inbox-list {
  gap: 14px;
}

.dashboard-command-shell .priority-inbox-card {
  gap: 14px;
  padding: 18px;
  border-left-width: 3px;
  border-radius: 20px;
}

.dashboard-command-shell .priority-inbox-top {
  align-items: flex-start;
}

.dashboard-command-shell .priority-inbox-top strong {
  font-size: 1.14rem;
}

.dashboard-command-shell .priority-inbox-top div > span {
  margin-top: 3px;
  font-size: 0.96rem;
  color: rgba(255, 253, 246, 0.78);
}

.dashboard-command-shell .priority-inbox-card p {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.45;
  color: rgba(255, 253, 246, 0.72);
}

.dashboard-command-shell .priority-inbox-footer {
  align-items: center;
  gap: 14px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 253, 246, 0.12);
}

.dashboard-command-shell .priority-inbox-footer > span {
  max-width: none;
  font-size: 0.98rem;
  line-height: 1.45;
  color: rgba(255, 253, 246, 0.78);
}

.dashboard-command-shell .priority-inbox-footer > span strong {
  display: block;
  margin-bottom: 4px;
  color: rgba(212, 175, 55, 0.92);
  font-size: 0.76rem;
  line-height: 1;
  text-transform: uppercase;
}

.dashboard-command-shell .priority-inbox-footer > div {
  gap: 10px;
}

.dashboard-command-shell .action-link {
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  font-size: 0.84rem;
}

.dashboard-command-shell .automation-impact-grid {
  gap: 12px;
}

.dashboard-command-shell .automation-impact-card {
  min-height: 124px;
  padding: 16px;
  border-radius: 18px;
}

.dashboard-command-shell .automation-impact-card span {
  font-size: 0.78rem;
}

.dashboard-command-shell .automation-impact-card strong {
  font-size: 1.85rem;
}

.dashboard-command-shell .automation-impact-card small {
  font-size: 0.9rem;
  line-height: 1.4;
  color: rgba(255, 253, 246, 0.66);
}

.dashboard-support-shell {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 18px;
  margin-bottom: 0;
  padding: 26px;
  border: 1px solid rgba(212, 175, 55, 0.18);
  border-radius: 26px;
  background:
    radial-gradient(circle at 88% 0%, rgba(212, 175, 55, 0.12), transparent 22rem),
    linear-gradient(180deg, rgba(255, 253, 246, 0.075), rgba(255, 253, 246, 0.035)),
    rgba(7, 26, 18, 0.48);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}

.dashboard-support-shell::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: 25px;
  background: linear-gradient(120deg, rgba(255, 253, 246, 0.08), transparent 34%);
  pointer-events: none;
}

.dashboard-support-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
}

.dashboard-support-heading h2 {
  margin: 0;
  color: #fffdf6;
  font-size: 1.5rem;
}

.dashboard-support-heading p:not(.eyebrow) {
  max-width: 740px;
  margin: 6px 0 0;
  color: rgba(255, 253, 246, 0.66);
  line-height: 1.5;
}

.dashboard-support-shell .dashboard-grid-balanced {
  gap: 18px;
}

.dashboard-support-card {
  padding: 24px;
  border-color: rgba(212, 175, 55, 0.26);
  border-radius: 22px;
  background:
    radial-gradient(circle at 92% 4%, rgba(212, 175, 55, 0.1), transparent 12rem),
    linear-gradient(180deg, rgba(255, 253, 246, 0.92), rgba(246, 243, 234, 0.84));
  box-shadow:
    0 22px 54px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.58);
}

.dashboard-support-card .panel-header {
  margin-bottom: 16px;
}

.dashboard-support-card .panel-header h2 {
  font-size: 1.34rem;
}

.dashboard-support-card .panel-copy {
  font-size: 0.96rem;
  line-height: 1.45;
}

.dashboard-support-card .timeline-list,
.dashboard-support-card .compact-list,
.dashboard-support-card .contact-list {
  gap: 10px;
}

.dashboard-support-card .timeline-item,
.dashboard-support-card .compact-row,
.dashboard-support-card .contact-row {
  padding: 14px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 250, 240, 0.78)),
    rgba(255, 253, 246, 0.72);
  box-shadow: 0 10px 24px rgba(27, 45, 35, 0.06);
}

.dashboard-support-card .dashboard-support-empty {
  min-height: 124px;
  border-style: solid;
}

@media (max-width: 1440px) {
  .content:has(.dashboard-command-shell) {
    width: min(100%, 1360px);
    padding: 22px 24px 26px;
  }

  .dashboard-command-shell {
    padding: 28px;
  }

  .dashboard-command-shell .dashboard-hero-content,
  .dashboard-command-shell .dashboard-hero-panel {
    min-height: 250px;
  }

  .dashboard-command-shell .dashboard-hero h1 {
    font-size: 4.1rem;
  }

  .dashboard-command-shell .dashboard-hero-panel strong {
    font-size: 4.5rem;
  }
}

@media (max-width: 1200px) {
  .content:has(.dashboard-command-shell) {
    width: min(100%, 1120px);
  }

  .dashboard-command-shell .dashboard-hero-content,
  .dashboard-command-shell .dashboard-hero-panel {
    min-height: auto;
  }

  .dashboard-command-shell .dashboard-hero h1 {
    font-size: 3.65rem;
  }

  .dashboard-command-shell .dashboard-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-command-shell .dashboard-focus-grid,
  .dashboard-support-shell .dashboard-grid-balanced {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .content:has(.dashboard-command-shell) {
    padding: 18px;
  }

  .dashboard-command-shell {
    padding: 22px;
  }

  .dashboard-command-shell .dashboard-hero h1 {
    font-size: 3.05rem;
  }

  .dashboard-command-shell .dashboard-hero-panel strong {
    font-size: 3.65rem;
  }

  .dashboard-support-shell {
    padding: 22px;
  }
}

@media (max-width: 720px) {
  .content:has(.dashboard-command-shell) {
    padding: 14px 12px 18px;
  }

  body:has(.dashboard-command-shell) .app-shell {
    display: flex;
    flex-direction: column;
  }

  body:has(.dashboard-command-shell) .main-area {
    order: 1;
  }

  body:has(.dashboard-command-shell) .sidebar {
    order: 2;
    height: auto;
    padding-top: 18px;
    padding-bottom: 18px;
    border-top: 1px solid rgba(212, 175, 55, 0.2);
  }

  body:has(.dashboard-command-shell) .topbar {
    min-height: auto;
    padding: 14px 12px;
  }

  body:has(.dashboard-command-shell) .topbar > div:first-child {
    min-width: 0;
  }

  body:has(.dashboard-command-shell) .user-cluster {
    justify-content: flex-start;
    width: 100%;
  }

  body:has(.dashboard-command-shell) .user-chip {
    flex: 1 1 190px;
  }

  .dashboard-command-shell {
    gap: 16px;
    padding: 18px;
    border-radius: 22px;
  }

  .dashboard-command-shell::before {
    border-radius: 21px;
  }

  .dashboard-command-shell .dashboard-hero h1 {
    font-size: 2.45rem;
  }

  .dashboard-command-shell .dashboard-hero-content p {
    font-size: 1rem;
  }

  .dashboard-command-shell .dashboard-status-row,
  .dashboard-command-shell .dashboard-action-row,
  .dashboard-command-shell .priority-inbox-top,
  .dashboard-command-shell .priority-inbox-footer,
  .dashboard-support-heading {
    align-items: stretch;
  }

  .dashboard-command-shell .dashboard-status-row,
  .dashboard-command-shell .dashboard-action-row,
  .dashboard-command-shell .priority-inbox-top,
  .dashboard-command-shell .priority-inbox-footer {
    flex-direction: column;
  }

  .dashboard-command-shell .dashboard-action-row .button,
  .dashboard-command-shell .dashboard-hero-panel .button {
    width: 100%;
  }

  .dashboard-command-shell .dashboard-metric-grid,
  .dashboard-command-shell .automation-impact-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-command-shell .dashboard-metric-card {
    min-height: 150px;
  }

  .dashboard-command-shell .dashboard-section-card,
  .dashboard-support-card {
    padding: 18px;
  }

  .dashboard-command-shell .priority-inbox-footer > div {
    justify-content: flex-start;
  }

  .dashboard-support-shell {
    padding: 18px;
    border-radius: 22px;
  }
}

/* Dashboard V3.2 final: clearer interaction, guided action and subtle motion. */
.dashboard-command-shell a,
.dashboard-support-shell a,
.dashboard-command-shell button,
.dashboard-support-shell button {
  cursor: pointer;
}

.dashboard-command-shell .button,
.dashboard-command-shell .action-link,
.dashboard-support-shell .text-link,
.dashboard-support-shell a.timeline-item,
.dashboard-support-shell a.compact-row,
.dashboard-support-shell a.contact-row {
  transition:
    transform 170ms ease,
    border-color 170ms ease,
    background 170ms ease,
    box-shadow 170ms ease,
    color 170ms ease;
}

.dashboard-command-shell .button-primary,
.dashboard-guidance-strip .button-primary {
  color: #071a12;
  border-color: rgba(255, 224, 104, 0.72);
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 253, 246, 0.72), transparent 24%),
    linear-gradient(180deg, #f7d96f 0%, #d4af37 58%, #b87333 100%);
  box-shadow:
    0 16px 34px rgba(212, 175, 55, 0.26),
    inset 0 1px 0 rgba(255, 253, 246, 0.58);
}

.dashboard-command-shell .button-primary:hover,
.dashboard-guidance-strip .button-primary:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 235, 145, 0.9);
  box-shadow:
    0 22px 48px rgba(212, 175, 55, 0.34),
    0 0 0 1px rgba(255, 224, 104, 0.18),
    inset 0 1px 0 rgba(255, 253, 246, 0.7);
}

.dashboard-command-shell .button-secondary,
.dashboard-guidance-strip .button-secondary {
  color: #fffdf6;
  border-color: rgba(255, 253, 246, 0.3);
  background: rgba(255, 253, 246, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.dashboard-command-shell .button-secondary:hover,
.dashboard-guidance-strip .button-secondary:hover {
  transform: translateY(-2px);
  border-color: rgba(212, 175, 55, 0.48);
  background: rgba(255, 253, 246, 0.14);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
}

.dashboard-command-shell .button:active,
.dashboard-guidance-strip .button:active,
.dashboard-command-shell .action-link:active {
  transform: translateY(1px) scale(0.99);
}

.dashboard-guidance-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 82px;
  padding: 16px 18px;
  border: 1px solid rgba(212, 175, 55, 0.22);
  border-radius: 22px;
  color: #fffdf6;
  background:
    linear-gradient(90deg, rgba(255, 253, 246, 0.105), rgba(255, 253, 246, 0.045)),
    rgba(7, 26, 18, 0.32);
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 253, 246, 0.08);
  backdrop-filter: blur(14px);
}

.dashboard-guidance-strip.has-action {
  border-color: rgba(212, 175, 55, 0.46);
  background:
    radial-gradient(circle at 92% 20%, rgba(212, 175, 55, 0.18), transparent 14rem),
    linear-gradient(90deg, rgba(212, 175, 55, 0.16), rgba(255, 253, 246, 0.045)),
    rgba(7, 26, 18, 0.34);
}

.dashboard-guidance-strip span,
.dashboard-guidance-strip strong,
.dashboard-guidance-strip small {
  display: block;
}

.dashboard-guidance-strip span {
  color: rgba(212, 175, 55, 0.94);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dashboard-guidance-strip strong {
  margin-top: 3px;
  color: #fffdf6;
  font-size: 1.18rem;
  line-height: 1.2;
}

.dashboard-guidance-strip small {
  margin-top: 4px;
  color: rgba(255, 253, 246, 0.72);
  font-size: 0.94rem;
  line-height: 1.4;
}

.dashboard-guidance-strip .button {
  min-width: 136px;
  min-height: 44px;
  white-space: nowrap;
}

.dashboard-command-shell .dashboard-hero-panel.has-queue {
  border-color: rgba(212, 175, 55, 0.52);
  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(212, 175, 55, 0.1),
    inset 0 1px 0 rgba(255, 253, 246, 0.14);
}

.dashboard-command-shell .dashboard-hero-panel.has-queue strong,
.dashboard-command-shell .dashboard-metric-card.is-priority strong {
  color: #f2d56a;
  text-shadow: 0 0 34px rgba(212, 175, 55, 0.3);
}

.dashboard-hero-guidance {
  color: rgba(242, 213, 106, 0.88) !important;
  font-weight: 850;
}

.dashboard-command-shell a.dashboard-metric-card {
  cursor: pointer;
}

.dashboard-command-shell a.dashboard-metric-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.16), transparent 46%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 170ms ease;
}

.dashboard-command-shell a.dashboard-metric-card:hover,
.dashboard-command-shell a.dashboard-metric-card:focus-visible {
  transform: translateY(-5px);
  border-color: rgba(212, 175, 55, 0.58);
  box-shadow:
    0 28px 66px rgba(0, 0, 0, 0.32),
    0 0 0 1px rgba(212, 175, 55, 0.16);
}

.dashboard-command-shell a.dashboard-metric-card:hover::before,
.dashboard-command-shell a.dashboard-metric-card:focus-visible::before {
  opacity: 1;
}

.dashboard-command-shell .dashboard-metric-card .dashboard-click-hint {
  grid-column: 1 / -1;
  justify-self: start;
  align-self: end;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  padding: 0 11px;
  border: 1px solid rgba(212, 175, 55, 0.42);
  border-radius: 999px;
  color: #f4d76d;
  background: rgba(212, 175, 55, 0.08);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.dashboard-command-shell a.dashboard-metric-card:hover .dashboard-click-hint {
  color: #071a12;
  background: #d4af37;
  border-color: rgba(255, 235, 145, 0.8);
}

.dashboard-command-shell .dashboard-metric-icon {
  box-shadow:
    0 14px 30px rgba(212, 175, 55, 0.26),
    0 0 22px rgba(212, 175, 55, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.48);
}

.dashboard-command-shell .priority-inbox-panel {
  border-color: rgba(212, 175, 55, 0.34);
  box-shadow:
    0 28px 72px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(212, 175, 55, 0.08),
    inset 0 1px 0 rgba(255, 253, 246, 0.1);
}

.dashboard-command-shell .priority-inbox-panel .panel-header .status-pill {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.56);
  background: linear-gradient(180deg, #f2d56a, #d4af37);
  box-shadow: 0 12px 28px rgba(212, 175, 55, 0.22);
}

.dashboard-command-shell .priority-inbox-card {
  border-color: rgba(212, 175, 55, 0.24);
  border-left-color: rgba(212, 175, 55, 0.9);
  background:
    linear-gradient(135deg, rgba(255, 253, 246, 0.115), rgba(255, 253, 246, 0.035)),
    rgba(7, 26, 18, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.08);
  cursor: default;
}

.dashboard-command-shell .priority-inbox-top {
  gap: 10px;
}

.dashboard-command-shell .priority-inbox-top strong {
  font-size: 1.2rem;
}

.dashboard-command-shell .priority-inbox-top div > span {
  color: rgba(242, 213, 106, 0.82);
}

.dashboard-command-shell .priority-inbox-card p {
  color: rgba(255, 253, 246, 0.76);
}

.dashboard-command-shell .priority-inbox-footer > span strong {
  color: #f2d56a;
}

.dashboard-command-shell .priority-inbox-footer > div {
  display: flex;
  flex-wrap: wrap;
}

.dashboard-command-shell .action-link-primary {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.72);
  background: linear-gradient(180deg, #f2d56a, #d4af37);
  box-shadow: 0 12px 28px rgba(212, 175, 55, 0.22);
}

.dashboard-command-shell .action-link-secondary {
  color: #fffdf6;
  background: rgba(255, 253, 246, 0.08);
}

.dashboard-command-shell .action-link-primary:hover {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.9);
  background: linear-gradient(180deg, #ffe68a, #d4af37);
  box-shadow: 0 18px 38px rgba(212, 175, 55, 0.3);
}

.dashboard-command-shell .action-link-secondary:hover {
  color: #fffdf6;
  border-color: rgba(212, 175, 55, 0.44);
  background: rgba(255, 253, 246, 0.14);
}

.dashboard-command-shell .automation-impact-card,
.dashboard-support-card,
.dashboard-command-shell .dashboard-empty-state,
.dashboard-support-card .dashboard-support-empty {
  cursor: default;
}

.dashboard-support-shell a.timeline-item,
.dashboard-support-shell a.compact-row,
.dashboard-support-shell a.contact-row {
  cursor: pointer;
}

.dashboard-support-shell a.timeline-item:hover,
.dashboard-support-shell a.compact-row:hover,
.dashboard-support-shell a.contact-row:hover {
  transform: translateY(-3px);
  border-color: rgba(212, 175, 55, 0.44);
  box-shadow:
    0 18px 42px rgba(27, 45, 35, 0.14),
    0 0 0 1px rgba(212, 175, 55, 0.1);
}

.dashboard-support-card .dashboard-support-empty strong,
.dashboard-command-shell .dashboard-empty-state strong {
  color: inherit;
}

@keyframes auriloopFadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes auriloopQueuePulse {
  0%,
  100% {
    text-shadow: 0 0 28px rgba(212, 175, 55, 0.24);
  }
  50% {
    text-shadow:
      0 0 34px rgba(212, 175, 55, 0.46),
      0 0 58px rgba(212, 175, 55, 0.28);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .dashboard-command-shell .dashboard-hero,
  .dashboard-guidance-strip,
  .dashboard-command-shell .dashboard-metric-card,
  .dashboard-command-shell .dashboard-section-card,
  .dashboard-support-shell {
    animation: auriloopFadeUp 420ms ease both;
  }

  .dashboard-guidance-strip {
    animation-delay: 70ms;
  }

  .dashboard-command-shell .dashboard-metric-card:nth-child(1) {
    animation-delay: 110ms;
  }

  .dashboard-command-shell .dashboard-metric-card:nth-child(2) {
    animation-delay: 145ms;
  }

  .dashboard-command-shell .dashboard-metric-card:nth-child(3) {
    animation-delay: 180ms;
  }

  .dashboard-command-shell .dashboard-metric-card:nth-child(4) {
    animation-delay: 215ms;
  }

  .dashboard-command-shell .dashboard-section-card {
    animation-delay: 260ms;
  }

  .dashboard-support-shell {
    animation-delay: 320ms;
  }

  .dashboard-command-shell .dashboard-hero-panel.has-queue strong {
    animation: auriloopQueuePulse 1800ms ease-in-out 3;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-command-shell *,
  .dashboard-support-shell * {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 720px) {
  .dashboard-guidance-strip {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
    min-height: auto;
    padding: 15px;
    border-radius: 18px;
  }

  .dashboard-guidance-strip .button,
  .dashboard-command-shell .button,
  .dashboard-command-shell .action-link {
    min-height: 48px;
    width: 100%;
  }

  .dashboard-command-shell .dashboard-metric-card .dashboard-click-hint {
    min-height: 32px;
    padding-inline: 12px;
  }

  .dashboard-command-shell .priority-inbox-footer > div {
    width: 100%;
  }

  .dashboard-command-shell .priority-inbox-top strong {
    font-size: 1.12rem;
  }
}

/* PortalCliente sidebar: functional guide for non-technical users. */
.sidebar {
  gap: 20px;
}

.side-nav {
  gap: 12px;
}

.nav-group {
  overflow: hidden;
  border-color: rgba(212, 175, 55, 0.2);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 253, 246, 0.055), rgba(255, 253, 246, 0.025)),
    rgba(7, 26, 18, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.05);
}

.nav-group[open] {
  background:
    linear-gradient(180deg, rgba(255, 253, 246, 0.07), rgba(255, 253, 246, 0.03)),
    rgba(7, 26, 18, 0.36);
}

.nav-group.is-active {
  border-color: rgba(212, 175, 55, 0.44);
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.nav-group summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 10px;
  row-gap: 2px;
  min-height: 52px;
  padding: 10px 12px;
  border-radius: 13px;
  transition: background 160ms ease, color 160ms ease;
}

.nav-group summary:hover {
  background: rgba(255, 253, 246, 0.08);
}

.nav-group summary span {
  grid-column: 1;
  color: rgba(255, 253, 246, 0.94);
  font-size: 0.74rem;
  line-height: 1.18;
  letter-spacing: 0.02em;
}

.nav-group summary small {
  grid-column: 1;
  color: rgba(255, 253, 246, 0.62);
  font-size: 0.7rem;
  line-height: 1.25;
}

.nav-group summary::after {
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-self: end;
}

.nav-group.is-active summary span {
  color: #f2d56a;
}

.nav-group.is-active summary small {
  color: rgba(255, 253, 246, 0.78);
}

.nav-group-items {
  gap: 6px;
  padding: 0 8px 10px;
}

.nav-item {
  position: relative;
  min-height: 54px;
  padding: 10px 12px 10px 20px;
  border-radius: 12px;
  color: rgba(255, 253, 246, 0.82);
  background: rgba(255, 253, 246, 0.03);
}

.nav-item span {
  color: rgba(255, 253, 246, 0.96);
  font-size: 0.96rem;
  line-height: 1.18;
}

.nav-item small {
  color: rgba(255, 253, 246, 0.58);
  font-size: 0.74rem;
  line-height: 1.3;
}

.nav-item:hover {
  transform: translateX(3px);
  border-color: rgba(212, 175, 55, 0.38);
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.12), rgba(255, 253, 246, 0.055)),
    rgba(255, 253, 246, 0.04);
}

.nav-item:hover small {
  color: rgba(255, 253, 246, 0.78);
}

.nav-item.active {
  color: #fffdf6;
  border-color: rgba(212, 175, 55, 0.58);
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.24), rgba(255, 253, 246, 0.09)),
    rgba(255, 253, 246, 0.055);
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 253, 246, 0.1);
}

.nav-item.active::before {
  content: "";
  position: absolute;
  top: 11px;
  bottom: 11px;
  left: 8px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f2d56a, #d4af37);
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.38);
}

.nav-item.active span {
  color: #fffdf6;
}

.nav-item.active small {
  color: rgba(255, 253, 246, 0.78);
}

@media (max-width: 1100px) {
  .side-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .side-nav {
    grid-template-columns: 1fr;
  }

  .nav-group summary {
    min-height: 46px;
  }

  .nav-item {
    min-height: 52px;
  }
}

/* Sidebar identity refinement: quieter premium shell and AuriLoop orb mark. */
.sidebar {
  background:
    linear-gradient(180deg, rgba(255, 253, 246, 0.025), transparent 26rem),
    #071a12;
  border-right-color: rgba(212, 175, 55, 0.18);
  box-shadow: none;
}

.brand {
  min-height: 58px;
  gap: 13px;
  padding: 4px 2px;
}

.brand-emblem {
  position: relative;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 16px;
  background:
    radial-gradient(circle at 42% 35%, rgba(212, 175, 55, 0.2), transparent 58%),
    rgba(255, 253, 246, 0.04);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.brand-emblem::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.14), transparent 68%);
  pointer-events: none;
}

.brand-logo {
  width: 62px;
  max-width: none;
  height: 62px;
  object-fit: cover;
  opacity: 0.96;
  filter: none;
}

.brand strong {
  color: #fffdf6;
  font-size: 1.12rem;
  letter-spacing: 0.02em;
}

.brand small {
  color: rgba(255, 253, 246, 0.62);
}

.side-nav {
  scrollbar-color: rgba(212, 175, 55, 0.26) transparent;
}

.nav-group,
.nav-group[open],
.nav-group.is-active {
  border-color: rgba(212, 175, 55, 0.16);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: none;
}

.nav-group.is-active {
  border-color: rgba(212, 175, 55, 0.28);
  background: rgba(255, 255, 255, 0.05);
}

.nav-group summary {
  background: transparent;
}

.nav-group summary:hover {
  background: rgba(255, 255, 255, 0.055);
}

.nav-group summary::after {
  color: rgba(212, 175, 55, 0.74);
  text-shadow: none;
}

.nav-group summary span {
  color: rgba(255, 253, 246, 0.88);
}

.nav-group summary small {
  color: rgba(255, 253, 246, 0.5);
}

.nav-group.is-active summary span {
  color: #f2d56a;
}

.nav-group.is-active summary small {
  color: rgba(255, 253, 246, 0.64);
}

.nav-item {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.nav-item span {
  color: rgba(255, 253, 246, 0.9);
}

.nav-item small {
  color: rgba(255, 253, 246, 0.5);
}

.nav-item:hover {
  transform: none;
  border-color: rgba(212, 175, 55, 0.16);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: none;
}

.nav-item:hover span {
  color: #fffdf6;
}

.nav-item:hover small {
  color: rgba(255, 253, 246, 0.66);
}

.nav-item.active {
  border-color: rgba(212, 175, 55, 0.32);
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.14), rgba(255, 255, 255, 0.04)),
    rgba(255, 255, 255, 0.055);
  box-shadow: none;
}

.nav-item.active::before {
  background: #d4af37;
  box-shadow: none;
}

.nav-item.active small {
  color: rgba(255, 253, 246, 0.68);
}

.sidebar-note {
  align-items: center;
  padding: 13px 14px;
  border-color: rgba(212, 175, 55, 0.18);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.025)),
    rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.sidebar-note .status-dot {
  width: 9px;
  height: 9px;
  margin-top: 0;
  background: rgba(212, 175, 55, 0.82);
  box-shadow: none;
}

.sidebar-note strong {
  color: rgba(255, 253, 246, 0.92);
}

.sidebar-note small {
  color: rgba(255, 253, 246, 0.54);
}

@media (max-width: 720px) {
  .brand-emblem {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    border-radius: 15px;
  }

  .brand-logo {
    width: 58px;
    height: 58px;
  }
}

/* Inbox cockpit */
body:has(.inbox-command-shell) {
  background:
    radial-gradient(circle at 72% 8%, rgba(212, 175, 55, 0.13), transparent 30%),
    radial-gradient(circle at 18% 18%, rgba(15, 81, 50, 0.22), transparent 32%),
    #071a12;
}

body:has(.inbox-command-shell) .topbar {
  color: #fffdf6;
  background: rgba(7, 26, 18, 0.82);
  border-bottom-color: rgba(212, 175, 55, 0.22);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.16);
}

body:has(.inbox-command-shell) .topbar-label {
  color: rgba(212, 175, 55, 0.86);
}

body:has(.inbox-command-shell) .user-chip,
body:has(.inbox-command-shell) .icon-button {
  color: #fffdf6;
  background: rgba(255, 253, 246, 0.08);
  border-color: rgba(212, 175, 55, 0.2);
}

body:has(.inbox-command-shell) .user-chip small {
  color: rgba(255, 253, 246, 0.58);
}

body:has(.inbox-command-shell) .main-area,
body:has(.inbox-command-shell) .content {
  min-height: 0;
}

.content:has(.inbox-command-shell) {
  width: min(100%, 1500px);
  padding: 22px 30px 30px;
}

.content:has(.inbox-command-shell) > .page-guide {
  display: none;
}

.inbox-command-shell {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 20px;
  min-height: calc(100vh - 122px);
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(212, 175, 55, 0.24);
  border-radius: 28px;
  color: #fffdf6;
  background:
    radial-gradient(circle at 82% 0%, rgba(212, 175, 55, 0.18), transparent 31%),
    radial-gradient(circle at 8% 12%, rgba(15, 81, 50, 0.38), transparent 28%),
    linear-gradient(145deg, rgba(7, 26, 18, 0.98), rgba(16, 35, 27, 0.96) 55%, rgba(8, 25, 18, 0.98));
  box-shadow:
    0 34px 95px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.inbox-command-shell::before,
.inbox-command-shell::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.inbox-command-shell::before {
  inset: 0;
  background:
    linear-gradient(120deg, transparent, rgba(255, 253, 246, 0.045), transparent),
    repeating-linear-gradient(90deg, rgba(255, 253, 246, 0.025) 0 1px, transparent 1px 86px);
  opacity: 0.68;
}

.inbox-command-shell::after {
  right: -110px;
  top: -130px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(212, 175, 55, 0.16), transparent 48%),
    radial-gradient(circle, transparent 58%, rgba(212, 175, 55, 0.16) 59%, transparent 62%);
  filter: blur(0.2px);
}

.inbox-orb {
  position: absolute;
  right: 26px;
  top: 20px;
  width: 120px;
  height: 120px;
  opacity: 0.45;
  pointer-events: none;
  background-image: url("../img/auriloop-orb.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 0 34px rgba(212, 175, 55, 0.28));
}

.inbox-hero {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  padding: 4px 132px 4px 2px;
}

.inbox-hero-copy {
  display: grid;
  gap: 8px;
  max-width: 720px;
}

.inbox-kicker,
.inbox-panel-heading span,
.inbox-insight-block span,
.inbox-collected-data > span {
  color: #f2d56a;
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.inbox-hero h1 {
  margin: 0;
  color: #fffdf6;
  font-size: clamp(2.1rem, 4vw, 4.3rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.inbox-hero p {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 253, 246, 0.74);
  font-size: 1.05rem;
  line-height: 1.55;
}

.inbox-hero-actions,
.inbox-primary-actions,
.inbox-support-actions,
.inbox-resolution-form {
  display: flex;
  align-items: center;
  gap: 10px;
}

.inbox-button,
.inbox-text-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease;
}

.inbox-button-primary {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.7);
  background: linear-gradient(180deg, #f2d56a, #d4af37);
  box-shadow:
    0 16px 34px rgba(212, 175, 55, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.inbox-button-secondary,
.inbox-text-action {
  color: #fffdf6;
  border-color: rgba(255, 253, 246, 0.24);
  background: rgba(255, 253, 246, 0.075);
}

.inbox-button:hover,
.inbox-button:focus-visible,
.inbox-text-action:hover,
.inbox-text-action:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.inbox-button-primary:hover,
.inbox-button-primary:focus-visible {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.92);
  background: linear-gradient(180deg, #ffe68a, #d4af37);
  box-shadow:
    0 22px 44px rgba(212, 175, 55, 0.34),
    0 0 24px rgba(212, 175, 55, 0.16);
}

.inbox-button-secondary:hover,
.inbox-button-secondary:focus-visible,
.inbox-text-action:hover,
.inbox-text-action:focus-visible {
  color: #fffdf6;
  border-color: rgba(212, 175, 55, 0.48);
  background: rgba(255, 253, 246, 0.13);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22);
}

.inbox-button:active,
.inbox-text-action:active {
  transform: translateY(1px) scale(0.99);
}

.inbox-button.is-disabled {
  opacity: 0.55;
  cursor: default;
  pointer-events: none;
}

.inbox-notice {
  padding: 14px 16px;
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 18px;
  color: rgba(255, 253, 246, 0.88);
  background: rgba(212, 175, 55, 0.09);
}

.inbox-onboarding-card {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(212, 175, 55, 0.34);
  border-radius: 22px;
  color: rgba(255, 253, 246, 0.86);
  background:
    linear-gradient(135deg, rgba(212, 175, 55, 0.16), rgba(15, 81, 50, 0.1)),
    rgba(255, 253, 246, 0.06);
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.inbox-onboarding-card strong {
  color: #fffdf6;
}

.inbox-onboarding-card p {
  color: rgba(255, 253, 246, 0.68);
}

.inbox-onboarding-card li {
  border-color: rgba(255, 253, 246, 0.12);
  color: rgba(255, 253, 246, 0.86);
  background: rgba(255, 253, 246, 0.06);
}

body.onboarding-active [data-onboarding-focus="inbox-list"] {
  border-color: rgba(255, 235, 145, 0.52);
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(212, 175, 55, 0.16),
    0 0 38px rgba(212, 175, 55, 0.13);
}

.inbox-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.inbox-summary-card {
  display: grid;
  gap: 8px;
  min-height: 128px;
  padding: 18px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.105), rgba(255, 253, 246, 0.035)),
    rgba(255, 253, 246, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.07);
}

.inbox-summary-card.is-action {
  border-color: rgba(212, 175, 55, 0.38);
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.16), rgba(255, 253, 246, 0.04)),
    rgba(255, 253, 246, 0.035);
}

.inbox-summary-card span,
.inbox-summary-card small {
  color: rgba(255, 253, 246, 0.64);
  font-weight: 800;
}

.inbox-summary-card strong {
  color: #fffdf6;
  font-size: 2.25rem;
  line-height: 1;
}

.inbox-summary-card.is-action strong {
  color: #f2d56a;
  text-shadow: 0 0 30px rgba(212, 175, 55, 0.28);
}

.inbox-workspace {
  display: grid;
  grid-template-columns: minmax(210px, 0.62fr) minmax(340px, 1.08fr) minmax(390px, 1.2fr);
  gap: 16px;
  align-items: start;
}

.inbox-filter-panel,
.inbox-list-panel,
.inbox-detail-panel {
  min-width: 0;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.09), rgba(255, 253, 246, 0.032)),
    rgba(7, 26, 18, 0.32);
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 253, 246, 0.065);
}

.inbox-filter-panel,
.inbox-list-panel {
  padding: 16px;
}

.inbox-detail-panel {
  position: sticky;
  top: 18px;
  padding: 16px;
}

.inbox-panel-heading {
  display: grid;
  gap: 4px;
  margin-bottom: 14px;
}

.inbox-panel-heading strong {
  color: #fffdf6;
  font-size: 1.08rem;
}

.inbox-filter-list,
.inbox-conversation-list {
  display: grid;
  gap: 10px;
}

.inbox-filter-link {
  display: grid;
  gap: 3px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 253, 246, 0.08);
  border-radius: 16px;
  color: rgba(255, 253, 246, 0.8);
  background: rgba(255, 253, 246, 0.045);
  text-decoration: none;
  cursor: pointer;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.inbox-filter-link span {
  color: #fffdf6;
  font-weight: 900;
}

.inbox-filter-link small {
  color: rgba(255, 253, 246, 0.52);
  font-weight: 750;
}

.inbox-filter-link:hover,
.inbox-filter-link:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(212, 175, 55, 0.36);
  background: rgba(255, 253, 246, 0.08);
  text-decoration: none;
}

.inbox-filter-link.is-active {
  border-color: rgba(212, 175, 55, 0.55);
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.18), rgba(255, 253, 246, 0.06)),
    rgba(255, 253, 246, 0.055);
  box-shadow: inset 3px 0 0 rgba(212, 175, 55, 0.86);
}

.inbox-search-form {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 253, 246, 0.1);
}

.inbox-search-form label {
  display: grid;
  gap: 7px;
}

.inbox-search-form label span {
  color: rgba(255, 253, 246, 0.62);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.inbox-search-form input,
.inbox-note-input {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(255, 253, 246, 0.16);
  border-radius: 14px;
  color: #fffdf6;
  background: rgba(255, 253, 246, 0.08);
  outline: none;
  transition:
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.inbox-search-form input {
  padding: 0 13px;
}

.inbox-note-input {
  max-width: 220px;
  padding: 0 12px;
  font-size: 0.9rem;
}

.inbox-search-form input::placeholder,
.inbox-note-input::placeholder {
  color: rgba(255, 253, 246, 0.42);
}

.inbox-search-form input:focus,
.inbox-note-input:focus {
  border-color: rgba(212, 175, 55, 0.58);
  background: rgba(255, 253, 246, 0.11);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
}

.inbox-conversation-card {
  position: relative;
  display: grid;
  gap: 11px;
  padding: 15px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-left: 4px solid rgba(15, 81, 50, 0.8);
  border-radius: 18px;
  color: rgba(255, 253, 246, 0.78);
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.085), rgba(255, 253, 246, 0.026)),
    rgba(255, 253, 246, 0.032);
  text-decoration: none;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.055);
  transition:
    transform 190ms ease,
    border-color 190ms ease,
    background 190ms ease,
    box-shadow 190ms ease,
    opacity 190ms ease;
}

.inbox-conversation-card.state-waiting {
  border-left-color: #d4af37;
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.13), rgba(255, 253, 246, 0.036)),
    rgba(255, 253, 246, 0.034);
}

.inbox-conversation-card.state-resolved {
  opacity: 0.66;
  border-left-color: rgba(255, 253, 246, 0.18);
}

.inbox-conversation-card:hover,
.inbox-conversation-card:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(212, 175, 55, 0.52);
  border-left-color: #d4af37;
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.16), rgba(255, 253, 246, 0.05)),
    rgba(255, 253, 246, 0.052);
  box-shadow:
    0 22px 42px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(212, 175, 55, 0.08);
  text-decoration: none;
}

.inbox-conversation-top,
.inbox-detail-header,
.inbox-tag-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inbox-conversation-top div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.inbox-conversation-top strong {
  color: #fffdf6;
  font-size: 1.02rem;
}

.inbox-conversation-top span,
.inbox-conversation-card p,
.inbox-next-line span {
  color: rgba(255, 253, 246, 0.58);
  line-height: 1.42;
}

.inbox-conversation-card p {
  margin: 0;
}

.inbox-action-dot {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  margin-top: 5px;
  border-radius: 999px;
  background: #d4af37;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.6);
}

.inbox-next-line {
  display: grid;
  gap: 2px;
  padding: 10px 11px;
  border: 1px solid rgba(255, 253, 246, 0.08);
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.12);
}

.inbox-next-line strong {
  color: rgba(255, 253, 246, 0.88);
  font-size: 0.92rem;
}

.inbox-tag-row {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.inbox-tag,
.inbox-status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(255, 253, 246, 0.12);
  border-radius: 999px;
  color: rgba(255, 253, 246, 0.76);
  background: rgba(255, 253, 246, 0.07);
  font-size: 0.78rem;
  font-weight: 900;
}

.inbox-conversation-card.priority-high .inbox-tag:first-child,
.inbox-status-badge {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.65);
  background: linear-gradient(180deg, #f2d56a, #d4af37);
}

.inbox-empty-state,
.inbox-detail-empty {
  display: grid;
  gap: 8px;
  padding: 28px;
  border: 1px dashed rgba(212, 175, 55, 0.34);
  border-radius: 20px;
  color: rgba(255, 253, 246, 0.68);
  background: rgba(212, 175, 55, 0.055);
}

.inbox-empty-state strong,
.inbox-detail-empty strong {
  color: #fffdf6;
  font-size: 1.08rem;
}

.inbox-empty-state span,
.inbox-detail-empty span,
.inbox-empty-state small,
.inbox-detail-empty small {
  color: rgba(255, 253, 246, 0.66);
  line-height: 1.45;
}

.inbox-empty-state small,
.inbox-detail-empty small {
  color: rgba(242, 213, 106, 0.78);
  font-weight: 850;
}

.inbox-detail-card {
  display: none;
  gap: 16px;
  min-height: 100%;
}

.inbox-detail-card:target {
  display: grid;
}

.inbox-detail-panel:not(:has(.inbox-detail-card:target)) .inbox-detail-card:first-of-type {
  display: grid;
}

.inbox-detail-header {
  align-items: flex-start;
  padding-bottom: 4px;
}

.inbox-detail-header div {
  min-width: 0;
}

.inbox-detail-header h2 {
  margin: 4px 0 4px;
  color: #fffdf6;
  font-size: clamp(1.55rem, 2.2vw, 2.25rem);
  line-height: 1.08;
}

.inbox-detail-header p {
  margin: 0;
  color: rgba(255, 253, 246, 0.62);
  line-height: 1.45;
}

.inbox-detail-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.inbox-detail-meta div,
.inbox-insight-block,
.inbox-collected-data {
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.085), rgba(255, 253, 246, 0.028)),
    rgba(255, 253, 246, 0.035);
}

.inbox-detail-meta div {
  display: grid;
  gap: 4px;
  padding: 12px;
}

.inbox-detail-meta dt,
.inbox-detail-meta dd {
  margin: 0;
}

.inbox-detail-meta dt {
  color: rgba(255, 253, 246, 0.52);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.inbox-detail-meta dd {
  color: #fffdf6;
  font-weight: 900;
}

.inbox-insight-block {
  display: grid;
  gap: 8px;
  padding: 16px;
}

.inbox-insight-block p {
  margin: 0;
  color: rgba(255, 253, 246, 0.78);
  line-height: 1.55;
}

.inbox-insight-block.is-next {
  border-color: rgba(212, 175, 55, 0.32);
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.14), rgba(255, 253, 246, 0.04)),
    rgba(255, 253, 246, 0.035);
}

.inbox-insight-block.is-next p {
  color: #fffdf6;
  font-weight: 850;
}

.inbox-collected-data {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.inbox-collected-data div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.inbox-collected-data small {
  min-height: 28px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 999px;
  color: rgba(255, 253, 246, 0.78);
  background: rgba(255, 253, 246, 0.06);
  font-weight: 800;
}

.inbox-primary-actions {
  flex-wrap: wrap;
  padding-top: 2px;
}

.inbox-resolution-form {
  flex: 1 1 100%;
  flex-wrap: wrap;
  padding-top: 2px;
}

.inbox-resolution-form .inbox-button {
  min-width: 190px;
}

.inbox-support-actions {
  flex-wrap: wrap;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 253, 246, 0.1);
}

.inbox-support-actions form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.inbox-text-action {
  min-height: 38px;
  padding: 0 13px;
  font-size: 0.88rem;
}

@keyframes inboxFadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes inboxPriorityPulse {
  0%,
  100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 253, 246, 0.055),
      0 0 0 rgba(212, 175, 55, 0);
  }

  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 253, 246, 0.055),
      0 0 0 4px rgba(212, 175, 55, 0.09),
      0 0 28px rgba(212, 175, 55, 0.18);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .inbox-hero,
  .inbox-summary-card,
  .inbox-filter-panel,
  .inbox-list-panel,
  .inbox-detail-panel {
    animation: inboxFadeUp 420ms ease both;
  }

  .inbox-summary-card:nth-child(1) {
    animation-delay: 80ms;
  }

  .inbox-summary-card:nth-child(2) {
    animation-delay: 120ms;
  }

  .inbox-summary-card:nth-child(3) {
    animation-delay: 160ms;
  }

  .inbox-summary-card:nth-child(4) {
    animation-delay: 200ms;
  }

  .inbox-filter-panel,
  .inbox-list-panel,
  .inbox-detail-panel {
    animation-delay: 230ms;
  }

  .inbox-conversation-card.has-pulse {
    animation: inboxPriorityPulse 2100ms ease-in-out 3;
  }
}

@media (prefers-reduced-motion: reduce) {
  .inbox-command-shell *,
  .inbox-command-shell *::before,
  .inbox-command-shell *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 1280px) {
  .inbox-workspace {
    grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  }

  .inbox-filter-panel {
    grid-column: 1 / -1;
  }

  .inbox-filter-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .inbox-search-form {
    grid-template-columns: minmax(240px, 1fr) auto;
    align-items: end;
  }
}

@media (max-width: 960px) {
  .content:has(.inbox-command-shell) {
    padding: 16px;
  }

  .inbox-command-shell {
    min-height: auto;
    padding: 18px;
    border-radius: 24px;
  }

  .inbox-hero {
    display: grid;
    padding-right: 72px;
  }

  .inbox-hero-actions {
    flex-wrap: wrap;
  }

  .inbox-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inbox-workspace,
  .inbox-filter-list,
  .inbox-search-form {
    grid-template-columns: 1fr;
  }

  .inbox-detail-panel {
    position: relative;
    top: auto;
  }
}

@media (max-width: 720px) {
  body:has(.inbox-command-shell) .main-area {
    order: 1;
  }

  body:has(.inbox-command-shell) .sidebar {
    order: 2;
    height: auto;
    padding-top: 18px;
    padding-bottom: 18px;
    border-top: 1px solid rgba(212, 175, 55, 0.2);
  }

  body:has(.inbox-command-shell) .topbar {
    min-height: auto;
    padding: 14px 12px;
  }

  body:has(.inbox-command-shell) .topbar > div:first-child {
    min-width: 0;
  }

  body:has(.inbox-command-shell) .user-cluster {
    justify-content: flex-start;
    width: 100%;
  }

  .content:has(.inbox-command-shell) {
    padding: 12px;
  }

  .inbox-command-shell {
    gap: 16px;
    padding: 14px;
    border-radius: 20px;
  }

  .inbox-orb {
    right: -10px;
    top: 12px;
    width: 86px;
    height: 86px;
    opacity: 0.28;
  }

  .inbox-hero {
    padding-right: 0;
  }

  .inbox-hero h1 {
    font-size: 2rem;
    line-height: 1.05;
  }

  .inbox-hero p {
    font-size: 0.98rem;
  }

  .inbox-summary-grid,
  .inbox-detail-meta {
    grid-template-columns: 1fr;
  }

  .inbox-summary-card {
    min-height: 112px;
  }

  .inbox-button,
  .inbox-text-action {
    width: 100%;
    min-height: 48px;
  }

  .inbox-hero-actions,
  .inbox-primary-actions,
  .inbox-resolution-form,
  .inbox-support-actions,
  .inbox-support-actions form {
    width: 100%;
    align-items: stretch;
  }

  .inbox-note-input {
    max-width: none;
    min-height: 46px;
  }

  .inbox-conversation-top,
  .inbox-detail-header {
    display: grid;
  }

  .inbox-status-badge {
    justify-self: start;
  }
}

/* Jornada do Bot cockpit */
body:has(.bot-journey-shell) {
  min-height: 100dvh;
  background:
    radial-gradient(circle at 72% 8%, rgba(212, 175, 55, 0.13), transparent 30%),
    radial-gradient(circle at 18% 18%, rgba(15, 81, 50, 0.22), transparent 32%),
    #071a12;
}

body:has(.bot-journey-shell) .topbar {
  color: #fffdf6;
  background: rgba(7, 26, 18, 0.82);
  border-bottom-color: rgba(212, 175, 55, 0.22);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

body:has(.bot-journey-shell) .topbar-label {
  color: rgba(212, 175, 55, 0.86);
}

body:has(.bot-journey-shell) .user-chip,
body:has(.bot-journey-shell) .icon-button {
  color: #fffdf6;
  background: rgba(255, 253, 246, 0.08);
  border-color: rgba(212, 175, 55, 0.2);
}

body:has(.bot-journey-shell) .user-chip small {
  color: rgba(255, 253, 246, 0.58);
}

body:has(.bot-journey-shell) .main-area,
body:has(.bot-journey-shell) .content {
  min-height: 0;
}

.content:has(.bot-journey-shell) {
  width: min(100%, 1500px);
  padding: 22px 30px 30px;
}

.content:has(.bot-journey-shell) > .page-guide {
  display: none;
}

.bot-journey-shell {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 18px;
  overflow: hidden;
  min-height: auto;
  padding: clamp(18px, 2.4vw, 30px);
  border: 1px solid rgba(212, 175, 55, 0.18);
  border-radius: 30px;
  color: #fffdf6;
  background:
    radial-gradient(circle at 88% 2%, rgba(212, 175, 55, 0.22), transparent 27%),
    radial-gradient(circle at 10% 24%, rgba(15, 81, 50, 0.36), transparent 32%),
    linear-gradient(145deg, rgba(255, 253, 246, 0.07), rgba(255, 253, 246, 0.025)),
    linear-gradient(180deg, #0b1f17 0%, #071a12 74%, #0b1f17 100%);
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.bot-journey-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent, rgba(255, 253, 246, 0.045), transparent),
    repeating-linear-gradient(90deg, rgba(255, 253, 246, 0.025) 0 1px, transparent 1px 84px);
  opacity: 0.46;
}

.bot-journey-orb {
  position: absolute;
  right: 34px;
  top: 24px;
  width: 150px;
  height: 150px;
  z-index: -1;
  opacity: 0.36;
  border: 1px solid rgba(212, 175, 55, 0.48);
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(212, 175, 55, 0.28) 0 12%, transparent 13% 100%),
    conic-gradient(from 40deg, rgba(212, 175, 55, 0), rgba(212, 175, 55, 0.72), rgba(15, 81, 50, 0.56), rgba(212, 175, 55, 0));
  filter: blur(0.1px);
  box-shadow: 0 0 60px rgba(212, 175, 55, 0.22);
}

.bot-journey-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.44fr);
  gap: 18px;
  align-items: stretch;
  padding-bottom: 6px;
}

.bot-journey-hero-copy {
  display: grid;
  gap: 12px;
  align-content: center;
  max-width: 850px;
}

.bot-journey-kicker,
.bot-journey-section-heading > span,
.bot-impact-card > span,
.bot-demo-card > span,
.bot-flow-detail span,
.bot-reminder-panel > span {
  color: rgba(242, 213, 106, 0.94);
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bot-journey-hero h1,
.bot-journey-section-heading h2,
.bot-impact-card h2 {
  margin: 0;
  color: #fffdf6;
  letter-spacing: 0;
  line-height: 1.03;
}

.bot-journey-hero h1 {
  font-size: clamp(2.7rem, 5vw, 5.2rem);
}

.bot-journey-hero p,
.bot-journey-section-heading p,
.bot-demo-card p {
  margin: 0;
  color: rgba(255, 253, 246, 0.68);
  line-height: 1.62;
}

.bot-journey-hero p {
  max-width: 780px;
  font-size: 1.08rem;
}

.bot-journey-hero-panel,
.bot-impact-card,
.bot-demo-card,
.bot-phone-shell,
.bot-validation-panel,
.bot-journey-advanced,
.bot-history-panel {
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.1), rgba(255, 253, 246, 0.035)),
    rgba(255, 253, 246, 0.04);
  box-shadow:
    0 22px 52px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.bot-journey-hero-panel {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.bot-journey-hero-panel div {
  display: grid;
  gap: 3px;
  padding: 14px;
  border: 1px solid rgba(255, 253, 246, 0.08);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.14);
}

.bot-journey-hero-panel span,
.bot-impact-grid small,
.bot-flow-summary small,
.bot-validation-item span {
  color: rgba(255, 253, 246, 0.55);
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.bot-journey-hero-panel strong {
  color: #fffdf6;
  font-size: 1rem;
}

.bot-journey-notice {
  padding: 14px 16px;
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 18px;
  color: rgba(255, 253, 246, 0.9);
  background: rgba(212, 175, 55, 0.09);
}

.bot-workflow-status {
  display: grid;
  grid-template-columns: minmax(240px, 0.72fr) minmax(280px, 1fr);
  gap: 14px;
  align-items: stretch;
  padding: 16px;
  border: 1px solid rgba(212, 175, 55, 0.24);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.08), rgba(255, 253, 246, 0.025)),
    rgba(7, 26, 18, 0.42);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.06);
}

.bot-workflow-current,
.bot-workflow-warning {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.12);
}

.bot-workflow-current span,
.bot-workflow-warning strong {
  color: rgba(242, 213, 106, 0.94);
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.bot-workflow-current strong {
  color: #fffdf6;
  font-size: 1.18rem;
}

.bot-workflow-current small,
.bot-workflow-warning span {
  color: rgba(255, 253, 246, 0.68);
  line-height: 1.45;
}

.bot-workflow-status.state-published .bot-workflow-current {
  border-color: rgba(107, 211, 145, 0.28);
}

.bot-workflow-status.state-ready .bot-workflow-current {
  border-color: rgba(212, 175, 55, 0.38);
  box-shadow: 0 0 24px rgba(212, 175, 55, 0.1);
}

.bot-workflow-status.state-blocked .bot-workflow-current {
  border-color: rgba(229, 115, 115, 0.34);
}

.bot-workflow-warning {
  border-color: rgba(212, 175, 55, 0.28);
  background:
    linear-gradient(135deg, rgba(212, 175, 55, 0.13), rgba(184, 115, 51, 0.07)),
    rgba(0, 0, 0, 0.1);
}

.bot-workflow-steps {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.bot-workflow-steps span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 10px;
  color: rgba(255, 253, 246, 0.58);
  text-align: center;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 999px;
  background: rgba(255, 253, 246, 0.045);
  font-size: 0.82rem;
  font-weight: 900;
}

.bot-workflow-steps span.is-done {
  color: rgba(207, 245, 220, 0.94);
  border-color: rgba(107, 211, 145, 0.28);
  background: rgba(107, 211, 145, 0.09);
}

.bot-workflow-steps span.is-current {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.72);
  background: linear-gradient(180deg, #f2d56a, #d4af37);
  box-shadow: 0 12px 24px rgba(212, 175, 55, 0.18);
}

.bot-workflow-steps span.is-next {
  color: rgba(242, 213, 106, 0.95);
  border-color: rgba(212, 175, 55, 0.34);
  background: rgba(212, 175, 55, 0.08);
}

.bot-journey-path {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto 1fr auto 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(212, 175, 55, 0.18);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.12);
}

.bot-journey-path span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border: 1px solid rgba(212, 175, 55, 0.24);
  border-radius: 999px;
  color: rgba(255, 253, 246, 0.88);
  background: rgba(255, 253, 246, 0.06);
  font-size: 0.84rem;
  font-weight: 900;
  white-space: nowrap;
}

.bot-journey-path i {
  height: 1px;
  background: linear-gradient(90deg, rgba(212, 175, 55, 0.22), rgba(212, 175, 55, 0.72), rgba(212, 175, 55, 0.22));
}

.bot-journey-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.42fr);
  gap: 18px;
  align-items: start;
}

.bot-journey-main,
.bot-journey-side,
.bot-journey-bottom,
.bot-version-list {
  display: grid;
  gap: 16px;
}

.bot-journey-side {
  position: sticky;
  top: 96px;
}

.bot-journey-section-heading {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.bot-journey-section-heading h2 {
  font-size: clamp(1.55rem, 2.2vw, 2.35rem);
}

.bot-flow-timeline {
  position: relative;
  display: grid;
  gap: 14px;
}

.bot-flow-step {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 253, 246, 0.11);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.085), rgba(255, 253, 246, 0.028)),
    rgba(255, 253, 246, 0.035);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

.bot-flow-step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 31px;
  bottom: -15px;
  width: 2px;
  height: 15px;
  background: linear-gradient(180deg, rgba(212, 175, 55, 0.72), transparent);
}

.bot-flow-step:hover {
  transform: translateY(-2px);
  border-color: rgba(212, 175, 55, 0.36);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.26);
}

.bot-flow-step.state-active {
  border-color: rgba(212, 175, 55, 0.25);
}

.bot-flow-step.state-fallback {
  border-color: rgba(255, 199, 166, 0.24);
}

.bot-flow-step.state-optional {
  opacity: 0.78;
}

.bot-flow-step summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 90px;
  padding: 16px;
  cursor: pointer;
  list-style: none;
}

.bot-flow-step summary::-webkit-details-marker {
  display: none;
}

.bot-flow-number {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 235, 145, 0.55);
  border-radius: 999px;
  color: #071a12;
  background: linear-gradient(180deg, #f2d56a, #d4af37);
  box-shadow: 0 0 28px rgba(212, 175, 55, 0.2);
  font-weight: 950;
}

.bot-flow-summary {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.bot-flow-summary strong {
  color: #fffdf6;
  font-size: 1.1rem;
}

.bot-flow-summary em {
  color: rgba(255, 253, 246, 0.64);
  font-style: normal;
  line-height: 1.42;
}

.bot-flow-status {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(255, 253, 246, 0.12);
  border-radius: 999px;
  color: rgba(255, 253, 246, 0.82);
  background: rgba(255, 253, 246, 0.07);
  font-size: 0.78rem;
  font-weight: 950;
  white-space: nowrap;
}

.state-active .bot-flow-status {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.65);
  background: linear-gradient(180deg, #f2d56a, #d4af37);
}

.state-fallback .bot-flow-status {
  color: #ffd7cc;
  border-color: rgba(255, 215, 204, 0.22);
  background: rgba(155, 59, 47, 0.18);
}

.bot-flow-detail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0 16px 16px 72px;
}

.bot-flow-detail div {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 253, 246, 0.09);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.12);
}

.bot-flow-detail p,
.bot-flow-detail blockquote {
  margin: 0;
  color: rgba(255, 253, 246, 0.74);
  line-height: 1.5;
}

.bot-flow-detail blockquote {
  color: #fffdf6;
  font-weight: 850;
}

.bot-flow-route-list {
  display: flex !important;
  flex-wrap: wrap;
  gap: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.bot-flow-route-list small {
  min-height: 28px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 999px;
  color: rgba(255, 253, 246, 0.78);
  background: rgba(255, 253, 246, 0.06);
  font-weight: 850;
}

.bot-impact-card,
.bot-demo-card {
  display: grid;
  gap: 13px;
  padding: 18px;
}

.bot-impact-card h2 {
  font-size: 1.55rem;
}

.bot-impact-grid,
.bot-validation-grid,
.bot-editor-grid,
.bot-reminder-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.bot-impact-grid div {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(255, 253, 246, 0.09);
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.13);
}

.bot-impact-grid strong {
  color: #f2d56a;
  font-size: 1.2rem;
}

.bot-demo-card strong {
  color: #fffdf6;
  font-size: 1.04rem;
}

.bot-phone-shell {
  overflow: hidden;
  min-height: 600px;
  background:
    linear-gradient(180deg, rgba(212, 175, 55, 0.1), transparent 150px),
    rgba(255, 253, 246, 0.06);
}

.bot-phone-header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  padding: 18px;
  color: #fffdf6;
  border-bottom: 1px solid rgba(212, 175, 55, 0.18);
  background: rgba(7, 26, 18, 0.62);
}

.bot-phone-header strong,
.bot-phone-header small {
  display: block;
}

.bot-phone-header small {
  color: rgba(255, 253, 246, 0.6);
}

.bot-phone-chat {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.bot-chat-bubble {
  width: fit-content;
  max-width: min(92%, 340px);
  padding: 12px;
  border-radius: 16px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16);
}

.bot-chat-bubble p {
  margin: 0;
  line-height: 1.45;
}

.bot-chat-bubble.from-bot {
  justify-self: start;
  color: #10231b;
  background: #fffdf6;
  border-top-left-radius: 4px;
}

.bot-chat-bubble.from-patient {
  justify-self: end;
  color: #071a12;
  background: linear-gradient(180deg, #f2d56a, #d4af37);
  border-top-right-radius: 4px;
}

.bot-chat-options {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.bot-chat-options span {
  min-height: 32px;
  padding: 7px 10px;
  color: #0f5132;
  text-align: center;
  border: 1px solid rgba(15, 81, 50, 0.18);
  border-radius: 10px;
  background: rgba(227, 239, 231, 0.62);
  font-size: 0.82rem;
  font-weight: 900;
}

.bot-journey-bottom {
  grid-template-columns: minmax(0, 1fr);
}

.bot-validation-panel,
.bot-journey-advanced,
.bot-history-panel {
  padding: 18px;
}

.bot-validation-grid {
  margin-top: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bot-validation-item {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 253, 246, 0.09);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.12);
}

.bot-validation-item strong {
  color: #fffdf6;
}

.bot-validation-item small {
  color: rgba(255, 253, 246, 0.64);
  line-height: 1.42;
}

.bot-validation-item.is-ok span {
  color: #c9f2d8;
}

.bot-validation-item.is-warning span {
  color: #f2d56a;
}

.bot-validation-item.is-blocked span {
  color: #ffd7cc;
}

.bot-journey-advanced summary {
  display: grid;
  gap: 4px;
  cursor: pointer;
  list-style: none;
}

.bot-journey-advanced summary::-webkit-details-marker {
  display: none;
}

.bot-journey-advanced summary span {
  color: rgba(242, 213, 106, 0.94);
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.bot-journey-advanced summary strong {
  color: #fffdf6;
  font-size: 1.25rem;
}

.bot-advanced-actions,
.bot-publish-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.bot-journey-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  font-weight: 950;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.bot-journey-button.primary {
  border: 1px solid rgba(255, 235, 145, 0.7);
  color: #071a12;
  background: linear-gradient(180deg, #f5d96e, #d4af37);
  box-shadow: 0 16px 30px rgba(184, 115, 51, 0.22);
}

.bot-journey-button.secondary {
  border: 1px solid rgba(255, 253, 246, 0.16);
  color: rgba(255, 253, 246, 0.88);
  background: rgba(255, 253, 246, 0.08);
}

.bot-journey-button:hover {
  transform: translateY(-1px);
}

.bot-journey-button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
  transform: none;
  box-shadow: none;
}

.bot-editor-list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.bot-editor-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.12);
}

.bot-editor-card-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.bot-editor-card-header div {
  display: grid;
  gap: 4px;
}

.bot-editor-card-header span,
.bot-editor-card-header small {
  color: rgba(242, 213, 106, 0.88);
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.bot-editor-card-header strong {
  color: #fffdf6;
}

.bot-journey-advanced .form-field span {
  color: rgba(255, 253, 246, 0.66);
}

.bot-journey-advanced input,
.bot-journey-advanced select,
.bot-journey-advanced textarea {
  color: #fffdf6;
  border-color: rgba(255, 253, 246, 0.16);
  background: rgba(255, 253, 246, 0.08);
}

.bot-journey-advanced input:disabled,
.bot-journey-advanced textarea:disabled {
  color: rgba(255, 253, 246, 0.62);
}

.bot-reminder-panel {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.bot-reminder-option {
  display: grid;
  gap: 6px;
  padding: 13px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.12);
}

.bot-reminder-option.is-selected {
  border-color: rgba(212, 175, 55, 0.34);
  background: rgba(212, 175, 55, 0.1);
}

.bot-reminder-option strong {
  color: #fffdf6;
}

.bot-reminder-option small {
  color: rgba(255, 253, 246, 0.62);
  line-height: 1.4;
}

.bot-history-panel {
  display: grid;
  gap: 14px;
}

.bot-audit-panel {
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 0%, rgba(212, 175, 55, 0.1), transparent 22rem),
    rgba(255, 253, 246, 0.045);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.06);
}

.bot-audit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.bot-audit-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.12);
}

.bot-audit-card.is-note {
  border-color: rgba(212, 175, 55, 0.24);
  background: rgba(212, 175, 55, 0.07);
}

.bot-audit-card span {
  color: rgba(242, 213, 106, 0.88);
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.bot-audit-card strong {
  color: #fffdf6;
  font-size: 1.04rem;
}

.bot-audit-card p {
  margin: 0;
  color: rgba(255, 253, 246, 0.66);
  line-height: 1.45;
}

.bot-audit-change-list,
.bot-version-change-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bot-audit-change-list li,
.bot-version-change-list li {
  position: relative;
  padding-left: 18px;
  color: rgba(255, 253, 246, 0.72);
  line-height: 1.42;
}

.bot-audit-change-list li::before,
.bot-version-change-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.56em;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #d4af37;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.28);
}

.bot-version-change-list {
  margin-top: 8px;
}

.bot-version-change-list li {
  color: rgba(255, 253, 246, 0.64);
  font-size: 0.84rem;
}

.bot-empty-state {
  display: grid;
  gap: 8px;
  padding: 20px;
  border: 1px dashed rgba(212, 175, 55, 0.32);
  border-radius: 18px;
  color: rgba(255, 253, 246, 0.66);
  background: rgba(212, 175, 55, 0.055);
}

.bot-empty-state strong {
  color: #fffdf6;
}

.bot-empty-state span,
.bot-empty-state small {
  color: rgba(255, 253, 246, 0.66);
  line-height: 1.45;
}

.bot-empty-state small {
  color: rgba(242, 213, 106, 0.78);
  font-weight: 850;
}

.bot-version-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.12);
}

.bot-version-row strong,
.bot-version-row small {
  display: block;
}

.bot-version-row strong {
  color: #fffdf6;
}

.bot-version-row small {
  color: rgba(255, 253, 246, 0.62);
  line-height: 1.4;
}

@keyframes botJourneyFadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .bot-journey-hero,
  .bot-journey-path,
  .bot-flow-step,
  .bot-impact-card,
  .bot-demo-card,
  .bot-phone-shell,
  .bot-validation-panel,
  .bot-journey-advanced,
  .bot-history-panel {
    animation: botJourneyFadeUp 420ms ease both;
  }

  .bot-flow-step:nth-child(1) {
    animation-delay: 60ms;
  }

  .bot-flow-step:nth-child(2) {
    animation-delay: 100ms;
  }

  .bot-flow-step:nth-child(3) {
    animation-delay: 140ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bot-journey-shell *,
  .bot-journey-shell *::before,
  .bot-journey-shell *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 1280px) {
  .bot-journey-grid,
  .bot-journey-hero {
    grid-template-columns: 1fr;
  }

  .bot-journey-side {
    position: relative;
    top: auto;
  }

  .bot-phone-shell {
    min-height: auto;
  }
}

@media (max-width: 960px) {
  .content:has(.bot-journey-shell) {
    padding: 16px;
  }

  .bot-journey-shell {
    padding: 18px;
    border-radius: 24px;
  }

  .bot-journey-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-radius: 22px;
  }

  .bot-workflow-status,
  .bot-workflow-steps {
    grid-template-columns: 1fr;
  }

  .bot-journey-path i {
    display: none;
  }

  .bot-flow-detail,
  .bot-validation-grid,
  .bot-audit-grid {
    grid-template-columns: 1fr;
  }

  .bot-flow-detail {
    padding-left: 16px;
  }
}

@media (max-width: 720px) {
  body:has(.bot-journey-shell) .main-area {
    order: 1;
  }

  body:has(.bot-journey-shell) .sidebar {
    order: 2;
    height: auto;
    padding-top: 18px;
    padding-bottom: 18px;
    border-top: 1px solid rgba(212, 175, 55, 0.2);
  }

  body:has(.bot-journey-shell) .topbar {
    min-height: auto;
    padding: 14px 12px;
  }

  body:has(.bot-journey-shell) .topbar > div:first-child {
    min-width: 0;
  }

  body:has(.bot-journey-shell) .user-cluster {
    justify-content: flex-start;
    width: 100%;
  }

  .content:has(.bot-journey-shell) {
    padding: 12px;
  }

  .bot-journey-shell {
    gap: 16px;
    padding: 14px;
    border-radius: 20px;
  }

  .bot-journey-orb {
    right: -10px;
    top: 12px;
    width: 86px;
    height: 86px;
    opacity: 0.28;
  }

  .bot-journey-hero h1 {
    font-size: 2.4rem;
    line-height: 1.04;
  }

  .bot-journey-path,
  .bot-workflow-status,
  .bot-workflow-steps,
  .bot-impact-grid,
  .bot-editor-grid,
  .bot-reminder-grid,
  .bot-audit-grid {
    grid-template-columns: 1fr;
  }

  .bot-flow-step summary {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .bot-flow-status {
    grid-column: 2;
    justify-self: start;
  }

  .bot-advanced-actions,
  .bot-publish-form {
    align-items: stretch;
  }

  .bot-journey-button {
    width: 100%;
    min-height: 48px;
  }

  .bot-version-row,
  .bot-editor-card-header {
    grid-template-columns: 1fr;
    display: grid;
  }
}

/* Agenda cockpit */
body:has(.agenda-command-shell) {
  min-height: 100dvh;
  color: #fffdf6;
  background:
    radial-gradient(circle at 72% 8%, rgba(212, 175, 55, 0.13), transparent 30rem),
    radial-gradient(circle at 18% 18%, rgba(15, 81, 50, 0.22), transparent 32rem),
    #071a12;
}

body:has(.agenda-command-shell) .app-shell {
  min-height: 100dvh;
  background:
    radial-gradient(circle at 72% 10%, rgba(212, 175, 55, 0.08), transparent 28rem),
    linear-gradient(90deg, rgba(7, 26, 18, 0.42), transparent 32rem);
}

body:has(.agenda-command-shell) .topbar {
  color: #fffdf6;
  background: rgba(7, 26, 18, 0.82);
  border-bottom-color: rgba(212, 175, 55, 0.22);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.16);
}

body:has(.agenda-command-shell) .topbar-label {
  color: rgba(212, 175, 55, 0.86);
}

body:has(.agenda-command-shell) .user-chip,
body:has(.agenda-command-shell) .icon-button {
  color: #fffdf6;
  background: rgba(255, 253, 246, 0.08);
  border-color: rgba(212, 175, 55, 0.2);
}

body:has(.agenda-command-shell) .user-chip small {
  color: rgba(255, 253, 246, 0.58);
}

body:has(.agenda-command-shell) .main-area,
body:has(.agenda-command-shell) .content {
  min-height: 0;
}

.content:has(.agenda-command-shell) {
  width: min(100%, 1500px);
  padding: 22px 30px 30px;
}

.content:has(.agenda-command-shell) > .page-guide {
  display: none;
}

.agenda-command-shell {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 20px;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(212, 175, 55, 0.24);
  border-radius: 28px;
  background:
    radial-gradient(circle at 86% 2%, rgba(212, 175, 55, 0.2), transparent 30%),
    radial-gradient(circle at 8% 12%, rgba(15, 81, 50, 0.36), transparent 28%),
    linear-gradient(145deg, rgba(7, 26, 18, 0.98), rgba(16, 35, 27, 0.96) 55%, rgba(8, 25, 18, 0.98));
  box-shadow:
    0 34px 95px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.agenda-command-shell::before,
.agenda-command-shell::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.agenda-command-shell::before {
  inset: 0;
  background:
    linear-gradient(120deg, transparent, rgba(255, 253, 246, 0.045), transparent),
    repeating-linear-gradient(90deg, rgba(255, 253, 246, 0.025) 0 1px, transparent 1px 86px);
  opacity: 0.62;
}

.agenda-command-shell::after {
  right: -130px;
  top: -150px;
  width: 380px;
  height: 380px;
  border: 1px solid rgba(212, 175, 55, 0.18);
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(212, 175, 55, 0.16), transparent 48%),
    radial-gradient(circle, transparent 58%, rgba(212, 175, 55, 0.16) 59%, transparent 62%);
}

.agenda-orb {
  position: absolute;
  right: 28px;
  top: 20px;
  width: 112px;
  height: 112px;
  opacity: 0.34;
  pointer-events: none;
  background-image: url("../img/auriloop-orb.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 0 34px rgba(212, 175, 55, 0.28));
}

.agenda-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 28px;
  align-items: start;
  padding: 4px 118px 2px 2px;
}

.agenda-hero-copy,
.agenda-panel-heading,
.agenda-support-heading,
.agenda-calendar-status div,
.agenda-appointment-title > div {
  display: grid;
  gap: 6px;
}

.agenda-kicker,
.agenda-panel-heading span,
.agenda-support-heading .eyebrow {
  color: #f2d56a;
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agenda-hero h1 {
  max-width: 760px;
  margin: 0;
  color: #fffdf6;
  font-size: clamp(2.4rem, 5vw, 5rem);
  line-height: 0.96;
  letter-spacing: 0;
}

.agenda-hero p,
.agenda-panel-heading small,
.agenda-support-heading p {
  margin: 0;
  color: rgba(255, 253, 246, 0.7);
  line-height: 1.52;
}

.agenda-hero-copy p {
  max-width: 700px;
  font-size: 1.05rem;
}

.agenda-hero-summary {
  max-width: 760px;
  padding: 14px 16px;
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-left: 4px solid rgba(212, 175, 55, 0.78);
  border-radius: 18px;
  color: rgba(255, 253, 246, 0.88) !important;
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.14), rgba(255, 253, 246, 0.04)),
    rgba(255, 253, 246, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.06);
  font-weight: 780;
}

.agenda-hero-side {
  display: grid;
  gap: 14px;
  align-self: stretch;
}

.agenda-calendar-status {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(255, 253, 246, 0.12);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.095), rgba(255, 253, 246, 0.036)),
    rgba(255, 253, 246, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.06);
}

.agenda-calendar-status strong {
  color: #fffdf6;
}

.agenda-calendar-status small {
  color: rgba(255, 253, 246, 0.58);
  line-height: 1.35;
}

.agenda-calendar-status a {
  color: #f2d56a;
  font-weight: 900;
  text-decoration: none;
}

.agenda-status-light {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #d4af37;
  box-shadow: 0 0 24px rgba(212, 175, 55, 0.42);
}

.agenda-hero-actions,
.agenda-action-row,
.agenda-date-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.agenda-button,
.agenda-action-link,
.agenda-date-shortcuts a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease;
}

.agenda-button-primary,
.agenda-action-link.is-primary {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.7);
  background: linear-gradient(180deg, #f2d56a, #d4af37);
  box-shadow:
    0 16px 34px rgba(212, 175, 55, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.agenda-button-secondary,
.agenda-action-link,
.agenda-date-shortcuts a {
  color: #fffdf6;
  border-color: rgba(255, 253, 246, 0.24);
  background: rgba(255, 253, 246, 0.075);
}

.agenda-button:hover,
.agenda-button:focus-visible,
.agenda-action-link:hover,
.agenda-action-link:focus-visible,
.agenda-date-shortcuts a:hover,
.agenda-date-shortcuts a:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.agenda-button-primary:hover,
.agenda-button-primary:focus-visible,
.agenda-action-link.is-primary:hover,
.agenda-action-link.is-primary:focus-visible {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.92);
  background: linear-gradient(180deg, #ffe68a, #d4af37);
  box-shadow:
    0 22px 44px rgba(212, 175, 55, 0.34),
    0 0 24px rgba(212, 175, 55, 0.16);
}

.agenda-button-secondary:hover,
.agenda-button-secondary:focus-visible,
.agenda-action-link:hover,
.agenda-action-link:focus-visible,
.agenda-date-shortcuts a:hover,
.agenda-date-shortcuts a:focus-visible,
.agenda-date-shortcuts a.active {
  color: #fffdf6;
  border-color: rgba(212, 175, 55, 0.48);
  background: rgba(255, 253, 246, 0.13);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22);
}

.agenda-button:active,
.agenda-action-link:active {
  transform: translateY(1px) scale(0.99);
}

.agenda-notice {
  padding: 14px 16px;
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 18px;
  color: rgba(255, 253, 246, 0.88);
  background: rgba(212, 175, 55, 0.09);
}

.agenda-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.agenda-summary-card {
  display: grid;
  gap: 8px;
  min-height: 136px;
  padding: 20px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.105), rgba(255, 253, 246, 0.035)),
    rgba(255, 253, 246, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.07);
}

.agenda-summary-card.is-confirmed {
  border-color: rgba(47, 179, 111, 0.32);
  background:
    linear-gradient(145deg, rgba(15, 81, 50, 0.32), rgba(255, 253, 246, 0.04)),
    rgba(255, 253, 246, 0.035);
}

.agenda-summary-card.is-pending {
  border-color: rgba(212, 175, 55, 0.38);
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.16), rgba(255, 253, 246, 0.04)),
    rgba(255, 253, 246, 0.035);
}

.agenda-summary-card.is-free {
  border-color: rgba(255, 253, 246, 0.18);
}

.agenda-summary-card span,
.agenda-summary-card small {
  color: rgba(255, 253, 246, 0.64);
  font-weight: 800;
}

.agenda-summary-card strong {
  color: #fffdf6;
  font-size: 2.25rem;
  line-height: 1;
}

.agenda-summary-card.is-pending strong,
.agenda-summary-card.is-free strong {
  color: #f2d56a;
  text-shadow: 0 0 30px rgba(212, 175, 55, 0.24);
}

.agenda-filter-strip {
  display: grid;
  grid-template-columns: auto minmax(170px, 0.7fr) minmax(170px, 0.7fr) minmax(260px, 1.3fr) auto;
  gap: 12px;
  align-items: end;
  padding: 15px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.075), rgba(255, 253, 246, 0.026)),
    rgba(7, 26, 18, 0.26);
}

.agenda-filter-strip label {
  display: grid;
  gap: 7px;
}

.agenda-filter-strip label span {
  color: rgba(255, 253, 246, 0.62);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agenda-filter-strip input,
.agenda-filter-strip select {
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid rgba(255, 253, 246, 0.16);
  border-radius: 14px;
  color: #fffdf6;
  background: rgba(255, 253, 246, 0.08);
  outline: none;
}

.agenda-filter-strip input::placeholder {
  color: rgba(255, 253, 246, 0.42);
}

.agenda-filter-strip input:focus,
.agenda-filter-strip select:focus {
  border-color: rgba(212, 175, 55, 0.58);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
}

.agenda-main-grid {
  display: grid;
  grid-template-columns: minmax(340px, 0.82fr) minmax(520px, 1.18fr);
  gap: 16px;
  align-items: start;
}

.agenda-calendar-panel,
.agenda-day-panel {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.09), rgba(255, 253, 246, 0.032)),
    rgba(7, 26, 18, 0.32);
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 253, 246, 0.065);
}

.agenda-week-strip {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  margin: 16px 0;
}

.agenda-week-strip a {
  position: relative;
  display: grid;
  gap: 5px;
  min-height: 66px;
  padding: 10px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 16px;
  color: rgba(255, 253, 246, 0.72);
  background: rgba(255, 253, 246, 0.055);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.agenda-week-strip a span {
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agenda-week-strip a strong {
  color: #fffdf6;
  font-size: 1.05rem;
}

.agenda-week-strip a:hover,
.agenda-week-strip a:focus-visible,
.agenda-week-strip a.active {
  transform: translateY(-2px);
  border-color: rgba(212, 175, 55, 0.46);
  background: rgba(212, 175, 55, 0.12);
  text-decoration: none;
}

.agenda-week-strip a.is-selected,
.agenda-week-strip a.active {
  border-color: rgba(212, 175, 55, 0.7);
  background:
    radial-gradient(circle at 80% 18%, rgba(242, 213, 106, 0.22), transparent 42%),
    rgba(212, 175, 55, 0.15);
  box-shadow:
    inset 0 0 0 1px rgba(242, 213, 106, 0.12),
    0 14px 30px rgba(0, 0, 0, 0.18);
}

.agenda-week-strip a.is-selected strong,
.agenda-week-strip a.active strong {
  color: #f2d56a;
}

.agenda-week-strip a.is-today {
  border-color: rgba(47, 179, 111, 0.42);
}

.agenda-week-strip a.is-today::after {
  content: "Hoje";
  position: absolute;
  top: 5px;
  right: 6px;
  min-height: 18px;
  padding: 2px 6px;
  border-radius: 999px;
  color: #071a12;
  background: #d4af37;
  font-size: 0.62rem;
  font-weight: 950;
}

.agenda-time-grid,
.agenda-appointment-list {
  display: grid;
  gap: 10px;
}

.agenda-time-block {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 82px;
  padding: 16px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-left: 4px solid rgba(255, 253, 246, 0.18);
  border-radius: 18px;
  color: rgba(255, 253, 246, 0.76);
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.085), rgba(255, 253, 246, 0.026)),
    rgba(255, 253, 246, 0.032);
  text-decoration: none;
  cursor: pointer;
  transition:
    transform 190ms ease,
    border-color 190ms ease,
    background 190ms ease,
    box-shadow 190ms ease;
}

.agenda-time-block:hover,
.agenda-time-block:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(212, 175, 55, 0.52);
  box-shadow:
    0 22px 42px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(212, 175, 55, 0.08);
  text-decoration: none;
}

.agenda-time-block time {
  color: #fffdf6;
  font-size: 1.22rem;
  font-weight: 950;
}

.agenda-time-block div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.agenda-time-block strong {
  color: #fffdf6;
  font-size: 1rem;
}

.agenda-time-block span,
.agenda-time-block em {
  color: rgba(255, 253, 246, 0.58);
  font-style: normal;
  font-weight: 800;
}

.agenda-time-block .agenda-time-suggestion {
  display: inline-flex;
  justify-self: start;
  min-height: 24px;
  margin-top: 3px;
  padding: 4px 9px;
  border: 1px solid rgba(212, 175, 55, 0.22);
  border-radius: 999px;
  color: #f2d56a;
  background: rgba(212, 175, 55, 0.09);
  font-size: 0.75rem;
  font-weight: 900;
}

.agenda-time-block em {
  min-height: 28px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 999px;
  background: rgba(255, 253, 246, 0.06);
  font-size: 0.78rem;
}

.agenda-time-block.status-confirmed {
  border-left-color: rgba(47, 179, 111, 0.86);
}

.agenda-time-block.status-pending {
  border-left-color: #d4af37;
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.13), rgba(255, 253, 246, 0.036)),
    rgba(255, 253, 246, 0.034);
}

.agenda-time-block.status-cancelled {
  border-left-color: rgba(255, 148, 126, 0.82);
  opacity: 0.78;
}

.agenda-time-block.status-free {
  border-left-color: rgba(255, 253, 246, 0.42);
  border-style: dashed;
}

.agenda-free-divider {
  margin-top: 6px;
  color: rgba(212, 175, 55, 0.84);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agenda-appointment-card {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-left: 4px solid rgba(255, 253, 246, 0.18);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.085), rgba(255, 253, 246, 0.026)),
    rgba(255, 253, 246, 0.032);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.055);
}

.agenda-appointment-card.status-confirmed {
  border-left-color: rgba(47, 179, 111, 0.86);
}

.agenda-appointment-card.status-pending {
  border-left-color: #d4af37;
}

.agenda-appointment-card.status-cancelled {
  border-left-color: rgba(255, 148, 126, 0.82);
  opacity: 0.82;
}

.agenda-appointment-time {
  display: grid;
  align-content: start;
  gap: 4px;
}

.agenda-appointment-time time {
  color: #f2d56a;
  font-size: 1.35rem;
  font-weight: 950;
}

.agenda-appointment-time small {
  color: rgba(255, 253, 246, 0.56);
  font-weight: 800;
}

.agenda-appointment-main {
  display: grid;
  gap: 11px;
  min-width: 0;
}

.agenda-appointment-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.agenda-appointment-title strong {
  color: #fffdf6;
  font-size: 1.08rem;
}

.agenda-appointment-title span,
.agenda-appointment-meta span {
  color: rgba(255, 253, 246, 0.62);
}

.agenda-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(255, 253, 246, 0.12);
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 900;
  white-space: nowrap;
}

.agenda-appointment-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.agenda-appointment-meta span {
  min-height: 28px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 999px;
  background: rgba(255, 253, 246, 0.06);
  font-size: 0.82rem;
  font-weight: 850;
}

.agenda-appointment-meta .agenda-origin-chip {
  color: #c9f2d8;
  border-color: rgba(47, 179, 111, 0.26);
  background: rgba(15, 81, 50, 0.34);
}

.agenda-decision-row {
  display: grid;
  grid-template-columns: auto minmax(96px, auto) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: 16px;
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.12), rgba(255, 253, 246, 0.035)),
    rgba(0, 0, 0, 0.1);
}

.agenda-decision-row span {
  color: rgba(242, 213, 106, 0.86);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.agenda-decision-row strong {
  color: #fffdf6;
  font-weight: 950;
}

.agenda-decision-row small {
  color: rgba(255, 253, 246, 0.66);
  line-height: 1.35;
}

.agenda-action-row {
  align-items: center;
}

.agenda-action-row form {
  display: inline-flex;
}

.agenda-action-link {
  min-height: 36px;
  padding: 0 12px;
  font-size: 0.86rem;
}

.agenda-action-link.is-danger {
  color: #ffd7cc;
  border-color: rgba(255, 215, 204, 0.2);
  background: rgba(155, 59, 47, 0.16);
}

.agenda-action-link.is-danger:hover,
.agenda-action-link.is-danger:focus-visible {
  color: #fffdf6;
  border-color: rgba(255, 148, 126, 0.42);
  background: rgba(155, 59, 47, 0.28);
}

.agenda-empty-state {
  display: grid;
  gap: 8px;
  min-height: 150px;
  padding: 28px;
  border: 1px dashed rgba(212, 175, 55, 0.34);
  border-radius: 20px;
  color: rgba(255, 253, 246, 0.68);
  background: rgba(212, 175, 55, 0.055);
}

.agenda-empty-state strong {
  color: #fffdf6;
  font-size: 1.08rem;
}

.agenda-empty-state span,
.agenda-empty-state small {
  color: rgba(255, 253, 246, 0.66);
  line-height: 1.45;
}

.agenda-empty-state small {
  color: rgba(242, 213, 106, 0.78);
  font-weight: 850;
}

.agenda-support-shell {
  display: grid;
  gap: 18px;
  margin-top: 22px;
  padding: 22px;
  border: 1px solid rgba(212, 175, 55, 0.16);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 253, 246, 0.86), rgba(246, 243, 234, 0.78)),
    #f6f3ea;
  box-shadow: 0 24px 60px rgba(12, 35, 24, 0.12);
}

.agenda-support-heading h2 {
  margin: 0;
  color: #10231b;
  font-size: 1.8rem;
}

.agenda-support-heading p,
.agenda-support-card .panel-copy {
  color: rgba(16, 35, 27, 0.62);
}

.agenda-support-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.agenda-support-card {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(184, 115, 51, 0.2);
  border-radius: 20px;
  background: rgba(255, 253, 246, 0.58);
  box-shadow: 0 18px 42px rgba(12, 35, 24, 0.08);
}

.agenda-support-empty {
  display: grid;
  gap: 8px;
  padding: 22px;
  border: 1px dashed rgba(184, 115, 51, 0.28);
  border-radius: 18px;
  color: rgba(16, 35, 27, 0.64);
  background: rgba(246, 243, 234, 0.72);
}

.agenda-support-empty strong {
  color: #10231b;
}

.agenda-support-empty span,
.agenda-support-empty small {
  line-height: 1.45;
}

.agenda-support-empty small {
  color: rgba(15, 81, 50, 0.82);
  font-weight: 850;
}

.agenda-form-panel {
  scroll-margin-top: 92px;
}

.agenda-form-panel .button-primary {
  cursor: pointer;
}

@keyframes agendaFadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .agenda-hero,
  .agenda-summary-card,
  .agenda-filter-strip,
  .agenda-calendar-panel,
  .agenda-day-panel,
  .agenda-support-shell {
    animation: agendaFadeUp 420ms ease both;
  }

  .agenda-summary-card:nth-child(1) {
    animation-delay: 80ms;
  }

  .agenda-summary-card:nth-child(2) {
    animation-delay: 120ms;
  }

  .agenda-summary-card:nth-child(3) {
    animation-delay: 160ms;
  }

  .agenda-summary-card:nth-child(4) {
    animation-delay: 200ms;
  }

  .agenda-filter-strip,
  .agenda-calendar-panel,
  .agenda-day-panel {
    animation-delay: 230ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agenda-command-shell *,
  .agenda-command-shell *::before,
  .agenda-command-shell *::after,
  .agenda-support-shell * {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 1280px) {
  .agenda-hero,
  .agenda-main-grid {
    grid-template-columns: 1fr;
  }

  .agenda-filter-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agenda-date-shortcuts,
  .agenda-search-field {
    grid-column: 1 / -1;
  }
}

@media (max-width: 960px) {
  .content:has(.agenda-command-shell) {
    padding: 16px;
  }

  .agenda-command-shell {
    padding: 18px;
    border-radius: 24px;
  }

  .agenda-hero {
    padding-right: 72px;
  }

  .agenda-summary-grid,
  .agenda-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body:has(.agenda-command-shell) .main-area {
    order: 1;
  }

  body:has(.agenda-command-shell) .sidebar {
    order: 2;
    height: auto;
    padding-top: 18px;
    padding-bottom: 18px;
    border-top: 1px solid rgba(212, 175, 55, 0.2);
  }

  body:has(.agenda-command-shell) .topbar {
    min-height: auto;
    padding: 14px 12px;
  }

  body:has(.agenda-command-shell) .topbar > div:first-child {
    min-width: 0;
  }

  body:has(.agenda-command-shell) .user-cluster {
    justify-content: flex-start;
    width: 100%;
  }

  .content:has(.agenda-command-shell) {
    padding: 12px;
  }

  .agenda-command-shell {
    gap: 16px;
    padding: 14px;
    border-radius: 20px;
  }

  .agenda-orb {
    right: -10px;
    top: 12px;
    width: 86px;
    height: 86px;
    opacity: 0.26;
  }

  .agenda-hero {
    padding-right: 0;
  }

  .agenda-hero h1 {
    font-size: 2.25rem;
    line-height: 1.04;
  }

  .agenda-hero p {
    font-size: 0.98rem;
  }

  .agenda-summary-grid,
  .agenda-filter-strip,
  .agenda-support-grid {
    grid-template-columns: 1fr;
  }

  .agenda-summary-card {
    min-height: 112px;
  }

  .agenda-calendar-status {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .agenda-calendar-status a {
    grid-column: 1 / -1;
  }

  .agenda-week-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .agenda-time-block,
  .agenda-appointment-card {
    grid-template-columns: 1fr;
  }

  .agenda-appointment-title {
    display: grid;
  }

  .agenda-button,
  .agenda-action-link {
    width: 100%;
    min-height: 48px;
  }

  .agenda-hero-actions,
  .agenda-action-row,
  .agenda-action-row form {
    width: 100%;
    align-items: stretch;
  }

  .agenda-support-shell {
    margin-top: 16px;
    padding: 16px;
    border-radius: 20px;
  }
}

/* PortalCliente responsive refinements */
.inbox-command-shell,
.agenda-command-shell,
.inbox-workspace,
.agenda-main-grid,
.agenda-support-shell {
  max-width: 100%;
}

.inbox-command-shell *,
.agenda-command-shell *,
.agenda-support-shell * {
  min-width: 0;
}

.inbox-command-shell :is(h1, h2, h3, p, span, strong, small, a, button, input),
.agenda-command-shell :is(h1, h2, h3, p, span, strong, small, a, button, input),
.agenda-support-shell :is(h2, h3, p, span, strong, small, a, button, input) {
  overflow-wrap: anywhere;
}

.inbox-button,
.inbox-text-action,
.agenda-button,
.agenda-action-link,
.agenda-date-shortcuts a {
  min-width: 0;
  text-align: center;
  line-height: 1.15;
}

.inbox-summary-card,
.agenda-summary-card,
.inbox-conversation-card,
.agenda-time-block,
.agenda-appointment-card {
  min-width: 0;
}

@media (min-width: 1101px) and (max-width: 1440px) {
  .content:has(.inbox-command-shell),
  .content:has(.agenda-command-shell) {
    padding: 18px 22px 24px;
  }
}

@media (min-width: 961px) and (max-width: 1440px) {
  .inbox-command-shell {
    gap: 18px;
    padding: 22px;
  }

  .inbox-hero {
    padding-right: 96px;
  }

  .inbox-summary-card {
    min-height: 116px;
    padding: 16px;
  }

  .inbox-workspace {
    grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  }

  .inbox-filter-panel {
    grid-column: 1 / -1;
  }

  .inbox-filter-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .inbox-search-form {
    grid-template-columns: minmax(220px, 1fr) auto;
    align-items: end;
  }

  .inbox-detail-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1281px) and (max-width: 1440px) {
  .agenda-command-shell {
    gap: 18px;
    padding: 22px;
  }

  .agenda-hero {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 22px;
    padding-right: 88px;
  }

  .agenda-hero h1 {
    font-size: clamp(2.35rem, 4.2vw, 4.35rem);
  }

  .agenda-summary-card {
    min-height: 118px;
    padding: 17px;
  }

  .agenda-filter-strip {
    grid-template-columns: auto minmax(150px, 0.7fr) minmax(150px, 0.7fr) minmax(220px, 1.2fr) auto;
  }

  .agenda-main-grid {
    grid-template-columns: minmax(300px, 0.78fr) minmax(430px, 1.22fr);
  }

  .agenda-calendar-panel,
  .agenda-day-panel {
    padding: 16px;
  }
}

@media (max-width: 1100px) {
  .content:has(.inbox-command-shell),
  .content:has(.agenda-command-shell) {
    width: 100%;
  }

  .inbox-hero,
  .agenda-hero {
    padding-right: 88px;
  }
}

@media (max-width: 960px) {
  .inbox-hero,
  .agenda-hero {
    padding-right: 0;
  }

  .inbox-hero h1,
  .agenda-hero h1 {
    max-width: 100%;
    font-size: clamp(2rem, 7vw, 3.35rem);
  }

  .inbox-hero-actions,
  .agenda-hero-actions {
    align-items: stretch;
  }

  .inbox-button,
  .agenda-button {
    min-height: 46px;
  }

  .agenda-filter-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agenda-date-shortcuts,
  .agenda-search-field,
  .agenda-filter-strip .agenda-button {
    grid-column: 1 / -1;
  }

  .agenda-filter-strip .agenda-button {
    width: 100%;
  }
}

@media (max-width: 720px) {
  .topbar strong,
  .user-chip strong,
  .user-chip small {
    overflow-wrap: anywhere;
  }

  .content:has(.inbox-command-shell),
  .content:has(.agenda-command-shell) {
    padding: 10px;
  }

  .inbox-command-shell,
  .agenda-command-shell {
    gap: 14px;
    padding: 13px;
  }

  .inbox-filter-panel,
  .inbox-list-panel,
  .inbox-detail-panel,
  .agenda-calendar-panel,
  .agenda-day-panel {
    padding: 14px;
    border-radius: 18px;
  }

  .inbox-summary-card,
  .agenda-summary-card {
    min-height: auto;
    padding: 16px;
  }

  .inbox-summary-card strong,
  .agenda-summary-card strong {
    font-size: 2rem;
  }

  .inbox-filter-link,
  .inbox-conversation-card,
  .agenda-time-block,
  .agenda-appointment-card {
    padding: 14px;
    border-radius: 16px;
  }

  .inbox-primary-actions > *,
  .inbox-resolution-form > *,
  .inbox-support-actions form,
  .inbox-support-actions form > *,
  .agenda-action-row > *,
  .agenda-action-row form,
  .agenda-action-row form > * {
    width: 100%;
    max-width: none;
  }

  .inbox-detail-meta div,
  .inbox-insight-block,
  .inbox-collected-data,
  .agenda-decision-row {
    border-radius: 15px;
  }

  .agenda-calendar-status {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .agenda-calendar-status a {
    width: 100%;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(212, 175, 55, 0.28);
    border-radius: 999px;
    background: rgba(255, 253, 246, 0.08);
  }

  .agenda-date-shortcuts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agenda-week-strip {
    grid-auto-flow: column;
    grid-auto-columns: minmax(62px, 1fr);
    grid-template-columns: none;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-color: rgba(212, 175, 55, 0.42) transparent;
    scroll-snap-type: x proximity;
  }

  .agenda-week-strip a {
    min-width: 62px;
    min-height: 62px;
    scroll-snap-align: start;
  }

  .agenda-week-strip a.is-today::after {
    position: static;
    justify-self: center;
    margin-top: 2px;
  }

  .agenda-time-block em {
    justify-self: start;
  }

  .agenda-decision-row {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .agenda-appointment-title {
    gap: 8px;
  }

  .agenda-status-badge {
    justify-self: start;
    white-space: normal;
  }

  .agenda-support-shell {
    gap: 14px;
    padding: 14px;
  }

  .agenda-support-card {
    padding: 14px;
    border-radius: 18px;
  }

  .agenda-support-card .panel-header,
  .waitlist-row,
  .compact-row {
    grid-template-columns: 1fr;
  }

  .waitlist-row > div:last-of-type {
    justify-items: stretch;
  }

  .waitlist-row .action-link,
  .waitlist-row form,
  .compact-row em {
    width: 100%;
    text-align: left;
  }

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

  .field-inline {
    min-width: 0;
  }
}

@media (max-width: 420px) {
  .content:has(.inbox-command-shell),
  .content:has(.agenda-command-shell) {
    padding: 8px;
  }

  .inbox-command-shell,
  .agenda-command-shell {
    padding: 12px;
    border-radius: 18px;
  }

  .inbox-hero h1,
  .agenda-hero h1 {
    font-size: 1.86rem;
  }

  .inbox-hero p,
  .agenda-hero p,
  .agenda-hero-summary {
    font-size: 0.94rem;
  }

  .inbox-empty-state,
  .inbox-detail-empty,
  .agenda-empty-state,
  .agenda-support-empty {
    padding: 18px;
  }

  .agenda-week-strip {
    grid-auto-columns: minmax(58px, 1fr);
  }
}

/* Feedback states */
.portal-feedback-region {
  position: fixed;
  z-index: 10050;
  top: 22px;
  right: 24px;
  display: grid;
  gap: 12px;
  width: min(390px, calc(100vw - 32px));
  pointer-events: none;
}

.portal-toast {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 14px 14px 15px;
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: 18px;
  color: rgba(255, 253, 246, 0.92);
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.09), rgba(255, 253, 246, 0.035)),
    rgba(7, 26, 18, 0.94);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 253, 246, 0.08);
  opacity: 0;
  overflow: hidden;
  pointer-events: auto;
  transform: translateY(-10px) scale(0.98);
  transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease;
  backdrop-filter: blur(18px);
}

.portal-toast::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 12% 0%, rgba(212, 175, 55, 0.18), transparent 34%);
  opacity: 0.72;
}

.portal-toast.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.portal-toast.is-leaving {
  opacity: 0;
  transform: translateY(-6px) scale(0.98);
}

.portal-toast-icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  color: #071a12;
  background: linear-gradient(145deg, #f6d96d, #d4af37);
  box-shadow: 0 0 22px rgba(212, 175, 55, 0.32);
}

.portal-toast-icon::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: currentColor;
}

.portal-toast.is-success {
  border-color: rgba(212, 175, 55, 0.42);
}

.portal-toast.is-success .portal-toast-icon::before {
  content: "\2713";
  width: auto;
  height: auto;
  background: transparent;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

.portal-toast.is-error {
  border-color: rgba(229, 115, 115, 0.46);
  background:
    linear-gradient(145deg, rgba(229, 115, 115, 0.14), rgba(255, 253, 246, 0.035)),
    rgba(7, 26, 18, 0.96);
}

.portal-toast.is-error .portal-toast-icon {
  color: #fffdf6;
  background: linear-gradient(145deg, #c94a43, #7f241f);
  box-shadow: 0 0 22px rgba(229, 115, 115, 0.28);
}

.portal-toast.is-error .portal-toast-icon::before {
  content: "!";
  width: auto;
  height: auto;
  background: transparent;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}

.portal-toast.is-info .portal-toast-icon {
  color: #fffdf6;
  background: linear-gradient(145deg, rgba(15, 81, 50, 0.96), rgba(16, 35, 27, 0.92));
  border: 1px solid rgba(212, 175, 55, 0.38);
}

.portal-toast-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 3px;
  min-width: 0;
}

.portal-toast-copy strong {
  color: #fffdf6;
  font-size: 0.92rem;
  line-height: 1.25;
}

.portal-toast-copy span {
  color: rgba(255, 253, 246, 0.72);
  font-size: 0.82rem;
  line-height: 1.35;
}

.portal-toast-close {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 253, 246, 0.12);
  border-radius: 999px;
  color: rgba(255, 253, 246, 0.66);
  background: rgba(255, 253, 246, 0.06);
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.portal-toast-close:hover {
  color: #fffdf6;
  background: rgba(255, 253, 246, 0.12);
  transform: translateY(-1px);
}

.notice.is-success {
  border-color: rgba(15, 81, 50, 0.24);
  color: #0f5132;
  background: linear-gradient(135deg, rgba(15, 81, 50, 0.08), rgba(212, 175, 55, 0.08));
}

.agenda-notice.is-success,
.inbox-notice.is-success,
.bot-journey-notice.is-success {
  border-color: rgba(212, 175, 55, 0.42);
  color: rgba(255, 253, 246, 0.94);
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.15), rgba(15, 81, 50, 0.1));
}

.notice.is-error {
  border-color: rgba(169, 57, 50, 0.28);
  color: #8f2a24;
  background: linear-gradient(135deg, rgba(229, 115, 115, 0.1), rgba(255, 253, 246, 0.78));
}

.agenda-notice.is-error,
.inbox-notice.is-error,
.bot-journey-notice.is-error {
  border-color: rgba(229, 115, 115, 0.42);
  color: rgba(255, 253, 246, 0.94);
  background: linear-gradient(135deg, rgba(229, 115, 115, 0.14), rgba(7, 26, 18, 0.22));
}

.notice.is-info {
  border-color: rgba(212, 175, 55, 0.28);
  color: #1b2d23;
}

.agenda-notice.is-info,
.inbox-notice.is-info,
.bot-journey-notice.is-info {
  border-color: rgba(212, 175, 55, 0.28);
}

@media (max-width: 700px) {
  .portal-feedback-region {
    top: auto;
    right: 16px;
    bottom: 16px;
    left: 16px;
    width: auto;
  }

  .portal-toast {
    padding: 13px;
    border-radius: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .portal-toast,
  .portal-toast-close {
    transition: none !important;
  }
}

/* Loading states */
.portal-skeleton {
  display: none;
  margin-bottom: 22px;
}

html.js-loading .portal-skeleton,
html.is-route-loading .portal-skeleton {
  display: grid;
}

html.js-loading .portal-skeleton + .dashboard-command-shell,
html.js-loading .portal-skeleton + .inbox-command-shell,
html.js-loading .portal-skeleton + .agenda-command-shell,
html.js-loading .portal-skeleton + .bot-journey-shell,
html.is-route-loading .portal-skeleton + .dashboard-command-shell,
html.is-route-loading .portal-skeleton + .inbox-command-shell,
html.is-route-loading .portal-skeleton + .agenda-command-shell,
html.is-route-loading .portal-skeleton + .bot-journey-shell {
  display: none !important;
}

.skeleton-shell {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 18px;
  min-height: 520px;
  padding: clamp(18px, 2.8vw, 34px);
  border-radius: 26px;
  border: 1px solid rgba(212, 175, 55, 0.22);
  box-shadow: 0 26px 72px rgba(7, 26, 18, 0.24);
}

.skeleton-shell-dark {
  background:
    radial-gradient(circle at 18% 10%, rgba(212, 175, 55, 0.16), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(15, 81, 50, 0.38), transparent 36%),
    linear-gradient(145deg, #071a12, #10231b 62%, #0b1f17);
}

.skeleton-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255, 253, 246, 0.08) 44%, transparent 60%);
  transform: translateX(-100%);
  animation: portalSkeletonSweep 1.7s ease-in-out infinite;
}

.skeleton-hero-block,
.skeleton-side-panel,
.skeleton-panel,
.skeleton-card,
.skeleton-filter-column,
.skeleton-detail-column,
.skeleton-list-column > span,
.skeleton-calendar-column > span {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 253, 246, 0.1);
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.1), rgba(255, 253, 246, 0.035)),
    rgba(255, 253, 246, 0.04);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.06);
}

.skeleton-hero-block {
  display: grid;
  align-content: center;
  gap: 14px;
  min-height: 220px;
  padding: clamp(20px, 3vw, 34px);
  border-radius: 24px;
}

.skeleton-side-panel {
  display: grid;
  align-content: center;
  gap: 14px;
  min-height: 180px;
  padding: 22px;
  border-radius: 22px;
}

.portal-skeleton-dashboard .skeleton-shell {
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.55fr);
}

.portal-skeleton-dashboard .skeleton-card-grid,
.portal-skeleton-dashboard .skeleton-two-column {
  grid-column: 1 / -1;
}

.skeleton-line,
.skeleton-pill,
.skeleton-number,
.skeleton-status-row span,
.skeleton-button-row span {
  display: block;
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(255, 253, 246, 0.1), rgba(242, 213, 106, 0.24), rgba(255, 253, 246, 0.1));
  background-size: 220% 100%;
  animation: portalSkeletonShimmer 1.35s ease-in-out infinite;
}

.skeleton-pill {
  width: 154px;
  height: 18px;
}

.skeleton-line {
  width: min(100%, 430px);
  height: 16px;
}

.skeleton-line-title {
  width: min(100%, 620px);
  height: clamp(38px, 5vw, 64px);
  border-radius: 18px;
}

.skeleton-line-wide {
  width: min(100%, 720px);
}

.skeleton-line-short {
  width: 48%;
}

.skeleton-number {
  width: 86px;
  height: 62px;
  border-radius: 20px;
}

.skeleton-status-row,
.skeleton-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.skeleton-status-row span {
  width: 142px;
  height: 32px;
}

.skeleton-button-row span {
  width: 118px;
  height: 42px;
}

.skeleton-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.skeleton-card-grid-compact {
  grid-column: 1 / -1;
}

.skeleton-card {
  min-height: 136px;
  border-radius: 20px;
}

.skeleton-two-column,
.skeleton-agenda-layout,
.skeleton-journey-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.skeleton-panel {
  min-height: 290px;
  border-radius: 22px;
}

.skeleton-inbox-layout {
  display: grid;
  grid-template-columns: minmax(210px, 0.58fr) minmax(320px, 1fr) minmax(300px, 0.92fr);
  gap: 16px;
  grid-column: 1 / -1;
}

.skeleton-filter-column,
.skeleton-detail-column {
  min-height: 360px;
  border-radius: 22px;
}

.skeleton-list-column,
.skeleton-calendar-column {
  display: grid;
  gap: 12px;
}

.skeleton-list-column > span,
.skeleton-calendar-column > span {
  min-height: 108px;
  border-radius: 18px;
}

.skeleton-calendar-column > span:first-child {
  min-height: 156px;
}

.is-loading {
  cursor: progress !important;
  opacity: 0.86;
  pointer-events: none;
}

button.is-loading,
a.is-loading {
  position: relative;
}

:is(.button, .action-link, .text-link, .icon-button, .agenda-button, .agenda-action-link, .inbox-button, .inbox-text-action, .bot-journey-button, .onboarding-primary, .onboarding-secondary).is-loading::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.55rem;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 999px;
  vertical-align: -0.16em;
  animation: portalSpin 680ms linear infinite;
}

button.is-loading[disabled] {
  opacity: 0.86;
}

body.is-navigating::before {
  content: "";
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  transform-origin: left;
  background: linear-gradient(90deg, #d4af37, #fff0a7, #0f5132);
  box-shadow: 0 0 24px rgba(212, 175, 55, 0.55);
  animation: portalRouteProgress 950ms ease-in-out infinite;
}

body.is-navigating .content > :not(.portal-skeleton) {
  transition: opacity 160ms ease, filter 160ms ease;
}

html.is-route-loading body.is-navigating .content > :not(.portal-skeleton) {
  opacity: 0.58;
  filter: saturate(0.85);
}

html.js-ready .dashboard-command-shell,
html.js-ready .inbox-command-shell,
html.js-ready .agenda-command-shell,
html.js-ready .bot-journey-shell {
  animation-name: portalContentReveal;
  animation-duration: 260ms;
  animation-timing-function: ease;
  animation-fill-mode: both;
}

@keyframes portalSkeletonShimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@keyframes portalSkeletonSweep {
  0% {
    transform: translateX(-100%);
  }

  55%,
  100% {
    transform: translateX(100%);
  }
}

@keyframes portalSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes portalRouteProgress {
  0% {
    transform: scaleX(0.08);
  }

  48% {
    transform: scaleX(0.72);
  }

  100% {
    transform: scaleX(1);
  }
}

@keyframes portalContentReveal {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1180px) {
  .portal-skeleton-dashboard .skeleton-shell,
  .skeleton-inbox-layout,
  .skeleton-agenda-layout,
  .skeleton-journey-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .skeleton-shell {
    min-height: 420px;
    padding: 16px;
    border-radius: 22px;
  }

  .skeleton-card-grid,
  .skeleton-two-column {
    grid-template-columns: 1fr;
  }

  .skeleton-card {
    min-height: 112px;
  }

  .skeleton-hero-block {
    min-height: 188px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .skeleton-shell::before,
  .skeleton-line,
  .skeleton-pill,
  .skeleton-number,
  .skeleton-status-row span,
  .skeleton-button-row span,
  :is(.button, .action-link, .text-link, .icon-button, .agenda-button, .agenda-action-link, .inbox-button, .inbox-text-action, .bot-journey-button, .onboarding-primary, .onboarding-secondary).is-loading::after,
  body.is-navigating::before,
  html.js-ready .dashboard-command-shell,
  html.js-ready .inbox-command-shell,
  html.js-ready .agenda-command-shell,
  html.js-ready .bot-journey-shell {
    animation: none !important;
  }
}

/* PortalCliente premium cockpit unification */
body:not(.login-body) {
  color: #fffdf6;
  background:
    radial-gradient(circle at 82% 2%, rgba(212, 175, 55, 0.16), transparent 30rem),
    radial-gradient(circle at 12% 18%, rgba(15, 81, 50, 0.36), transparent 28rem),
    linear-gradient(180deg, #071a12 0%, #0b1f17 54%, #071a12 100%);
}

body:not(.login-body) .app-shell {
  background:
    radial-gradient(circle at 70% 8%, rgba(212, 175, 55, 0.08), transparent 32rem),
    linear-gradient(90deg, rgba(7, 26, 18, 0.8), transparent 24rem);
}

body:not(.login-body) .main-area {
  min-width: 0;
}

body:not(.login-body) .topbar {
  color: #fffdf6;
  background: rgba(7, 26, 18, 0.86);
  border-bottom-color: rgba(212, 175, 55, 0.22);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(18px);
}

body:not(.login-body) .topbar-label,
body:not(.login-body) .eyebrow {
  color: rgba(242, 213, 106, 0.9);
}

body:not(.login-body) .user-chip,
body:not(.login-body) .icon-button {
  color: #fffdf6;
  border-color: rgba(212, 175, 55, 0.2);
  background: rgba(255, 253, 246, 0.08);
}

body:not(.login-body) .user-chip small {
  color: rgba(255, 253, 246, 0.58);
}

.content:not(:has(.dashboard-command-shell)):not(:has(.inbox-command-shell)):not(:has(.agenda-command-shell)):not(:has(.bot-journey-shell)) {
  position: relative;
  isolation: isolate;
  width: min(100%, 1500px);
  margin: 22px auto 30px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(212, 175, 55, 0.22);
  border-radius: 28px;
  color: #fffdf6;
  background:
    radial-gradient(circle at 88% 0%, rgba(212, 175, 55, 0.16), transparent 28rem),
    radial-gradient(circle at 8% 14%, rgba(15, 81, 50, 0.34), transparent 26rem),
    linear-gradient(145deg, rgba(7, 26, 18, 0.98), rgba(16, 35, 27, 0.96) 55%, rgba(8, 25, 18, 0.98));
  box-shadow:
    0 34px 95px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.content:not(:has(.dashboard-command-shell)):not(:has(.inbox-command-shell)):not(:has(.agenda-command-shell)):not(:has(.bot-journey-shell))::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent, rgba(255, 253, 246, 0.04), transparent),
    repeating-linear-gradient(90deg, rgba(255, 253, 246, 0.022) 0 1px, transparent 1px 86px);
  opacity: 0.6;
}

body:not(.login-body) .page-guide {
  border-color: rgba(212, 175, 55, 0.26);
  border-left-color: rgba(212, 175, 55, 0.82);
  border-radius: 18px;
  color: rgba(255, 253, 246, 0.82);
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.14), rgba(255, 253, 246, 0.045)),
    rgba(255, 253, 246, 0.055);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.06);
}

body:not(.login-body) .page-guide-main span {
  color: rgba(242, 213, 106, 0.9);
}

body:not(.login-body) .page-guide-main strong,
body:not(.login-body) .page-heading h1,
body:not(.login-body) .panel-header h2,
body:not(.login-body) .panel h2,
body:not(.login-body) .panel h3,
body:not(.login-body) .metric-card strong,
body:not(.login-body) .info-card strong,
body:not(.login-body) .patient-card strong,
body:not(.login-body) .quick-action strong,
body:not(.login-body) .checklist-card strong,
body:not(.login-body) .detail-list dt,
body:not(.login-body) .meta-grid strong,
body:not(.login-body) .value-row strong,
body:not(.login-body) .hours-row strong,
body:not(.login-body) .schedule-row strong,
body:not(.login-body) .timeline-item strong,
body:not(.login-body) .compact-row strong,
body:not(.login-body) .waitlist-row strong {
  color: #fffdf6;
}

body:not(.login-body) .page-subtitle,
body:not(.login-body) .panel-copy,
body:not(.login-body) .panel p,
body:not(.login-body) .metric-card small,
body:not(.login-body) .info-card span,
body:not(.login-body) .info-card small,
body:not(.login-body) .patient-card small,
body:not(.login-body) .quick-action span,
body:not(.login-body) .checklist-card span,
body:not(.login-body) .checklist-card small,
body:not(.login-body) .detail-list dd,
body:not(.login-body) .meta-grid span,
body:not(.login-body) .value-row span,
body:not(.login-body) .value-row small,
body:not(.login-body) .hours-row small,
body:not(.login-body) .schedule-row small,
body:not(.login-body) .timeline-item small,
body:not(.login-body) .compact-row small,
body:not(.login-body) .waitlist-row span,
body:not(.login-body) .waitlist-row small,
body:not(.login-body) .waitlist-row p,
body:not(.login-body) .notification-empty,
body:not(.login-body) .notification-push-status {
  color: rgba(255, 253, 246, 0.66);
}

body:not(.login-body) .page-heading {
  align-items: flex-start;
  margin-bottom: 22px;
}

body:not(.login-body) .page-heading h1 {
  font-size: clamp(2.25rem, 4.5vw, 4.45rem);
  line-height: 0.98;
}

body:not(.login-body) :is(.panel, .metric-card, .info-card, .patient-card, .quick-action, .checklist-card, .toolbar-panel, .operation-panel, .notice, .agenda-support-shell, .agenda-support-card, .notification-panel, .version-row) {
  border-color: rgba(255, 253, 246, 0.11);
  border-radius: 20px;
  color: rgba(255, 253, 246, 0.84);
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.09), rgba(255, 253, 246, 0.032)),
    rgba(7, 26, 18, 0.34);
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.23),
    inset 0 1px 0 rgba(255, 253, 246, 0.065);
}

body:not(.login-body) :is(.quick-action, .info-card:has(a, button, input, select, textarea), .patient-card:has(a, button), .checklist-card:has(a, button), .slot-card:has(a, button), .growth-row:has(a, button), .expansion-row:has(a, button), .signal-card:has(a, button), .experiment-row:has(a, button), .rule-row:has(a, button)):hover,
body:not(.login-body) a.compact-row:hover,
body:not(.login-body) .notification-item:hover {
  transform: translateY(-3px);
  border-color: rgba(212, 175, 55, 0.42);
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.13), rgba(255, 253, 246, 0.045)),
    rgba(255, 253, 246, 0.045);
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(212, 175, 55, 0.08);
}

body:not(.login-body) :is(.metric-card, .quick-action, .checklist-card, .info-card, .patient-card, .slot-card, .growth-row, .expansion-row, .signal-card, .experiment-row, .rule-row, a.compact-row, .notification-item) {
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

body:not(.login-body) .metric-card {
  border-left-color: rgba(212, 175, 55, 0.72);
}

body:not(.login-body) .metric-card strong {
  color: #f2d56a;
  text-shadow: 0 0 30px rgba(212, 175, 55, 0.24);
}

body:not(.login-body) :is(.panel-header, .card-topline) {
  color: rgba(242, 213, 106, 0.9);
}

body:not(.login-body) .panel-header {
  gap: 14px;
}

body:not(.login-body) :is(.empty-state, .agenda-support-empty, .inbox-empty-state, .inbox-detail-empty) {
  border-color: rgba(212, 175, 55, 0.36);
  border-radius: 20px;
  color: rgba(255, 253, 246, 0.72);
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.1), rgba(255, 253, 246, 0.035)),
    rgba(7, 26, 18, 0.22);
}

body:not(.login-body) :is(.empty-state, .agenda-support-empty, .inbox-empty-state, .inbox-detail-empty) strong {
  color: #fffdf6;
}

body:not(.login-body) :is(.empty-state, .agenda-support-empty, .inbox-empty-state, .inbox-detail-empty) small {
  color: rgba(242, 213, 106, 0.78);
  font-weight: 850;
}

body:not(.login-body) :is(.button-primary, .button.button-primary) {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.72);
  background: linear-gradient(180deg, #f2d56a, #d4af37);
  box-shadow:
    0 16px 34px rgba(212, 175, 55, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

body:not(.login-body) :is(.button-primary, .button.button-primary):hover {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.95);
  background: linear-gradient(180deg, #ffe68a, #d4af37);
  box-shadow:
    0 22px 44px rgba(212, 175, 55, 0.34),
    0 0 24px rgba(212, 175, 55, 0.16);
}

body:not(.login-body) :is(.button-secondary, .action-link, .text-link, .page-guide-more summary, .notification-push-button) {
  color: #fffdf6;
  border-color: rgba(255, 253, 246, 0.22);
  background: rgba(255, 253, 246, 0.075);
}

body:not(.login-body) :is(.button-secondary, .action-link, .text-link, .page-guide-more summary, .notification-push-button):hover {
  color: #fffdf6;
  border-color: rgba(212, 175, 55, 0.48);
  background: rgba(255, 253, 246, 0.13);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22);
}

body:not(.login-body) :is(.action-link.danger, .action-link.is-danger, .danger) {
  color: #ffd7cc;
  border-color: rgba(255, 215, 204, 0.22);
  background: rgba(155, 59, 47, 0.16);
}

body:not(.login-body) :is(.action-link.danger, .action-link.is-danger, .danger):hover {
  color: #fffdf6;
  border-color: rgba(255, 148, 126, 0.42);
  background: rgba(155, 59, 47, 0.28);
}

body:not(.login-body) :is(input, select, textarea) {
  color: #fffdf6;
  border-color: rgba(255, 253, 246, 0.16);
  background: rgba(255, 253, 246, 0.08);
}

body:not(.login-body) :is(input, select, textarea)::placeholder {
  color: rgba(255, 253, 246, 0.42);
}

body:not(.login-body) :is(input, select, textarea):focus {
  border-color: rgba(212, 175, 55, 0.58);
  background: rgba(255, 253, 246, 0.11);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
}

body:not(.login-body) option {
  color: #10231b;
  background: #f6f3ea;
}

body:not(.login-body) :is(.schedule-row, .timeline-item, .hours-row, .compact-row, .waitlist-row, .value-row, .notification-item, .meta-grid span, .alert-list span) {
  border-color: rgba(255, 253, 246, 0.1);
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.075), rgba(255, 253, 246, 0.025)),
    rgba(255, 253, 246, 0.028);
}

body:not(.login-body) :is(.health-card, .rule-row, .automation-row, .growth-row, .report-row, .playbook-card, .signal-card, .experiment-row, .slot-card, .expansion-row, .conversation-entry, .definition-list div, .health-facts div, .mini-definition-grid div, .variant-grid > div, .report-row dl div, .playbook-card dl div, .signal-score div) {
  border-color: rgba(255, 253, 246, 0.1);
  border-radius: 18px;
  color: rgba(255, 253, 246, 0.82);
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.075), rgba(255, 253, 246, 0.026)),
    rgba(255, 253, 246, 0.026);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.052);
}

body:not(.login-body) :is(.health-card, .rule-row, .automation-row, .growth-row, .report-row, .playbook-card, .signal-card, .experiment-row, .slot-card, .expansion-row, .conversation-entry) :is(strong, h2, h3, dt, dd) {
  color: #fffdf6;
}

body:not(.login-body) :is(.health-card, .rule-row, .automation-row, .growth-row, .report-row, .playbook-card, .signal-card, .experiment-row, .slot-card, .expansion-row, .conversation-entry) :is(p, span, small, li) {
  color: rgba(255, 253, 246, 0.68);
}

body:not(.login-body) :is(.health-card, .rule-row, .automation-row, .growth-row, .report-row, .playbook-card, .signal-card, .experiment-row, .slot-card, .expansion-row, .conversation-entry):has(a, button, input, select, textarea) {
  border-left-color: rgba(212, 175, 55, 0.42);
}

body:not(.login-body) :is(.health-card, .rule-row, .automation-row, .growth-row, .report-row, .playbook-card, .signal-card, .experiment-row, .slot-card, .expansion-row, .conversation-entry):has(a, button, input, select, textarea):hover {
  transform: translateY(-2px);
  border-color: rgba(212, 175, 55, 0.34);
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.11), rgba(255, 253, 246, 0.04)),
    rgba(255, 253, 246, 0.036);
  box-shadow:
    0 20px 42px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 253, 246, 0.065);
}

body:not(.login-body) :is(.inline-edit-form, .playbook-fields, .field-inline-stack, .experiment-action, .signal-action) {
  border-color: rgba(255, 253, 246, 0.1);
  border-radius: 16px;
  background: rgba(7, 26, 18, 0.28);
}

body:not(.login-body) code {
  display: inline-block;
  padding: 8px 10px;
  color: #f2d56a;
  border: 1px solid rgba(212, 175, 55, 0.24);
  border-radius: 10px;
  background: rgba(212, 175, 55, 0.1);
}

body:not(.login-body) .schedule-head {
  color: rgba(242, 213, 106, 0.9);
  background: rgba(212, 175, 55, 0.08);
}

body:not(.login-body) a.compact-row {
  border-color: rgba(255, 253, 246, 0.1);
  border-left-color: rgba(212, 175, 55, 0.62);
  border-radius: 16px;
}

body:not(.login-body) .compact-row em,
body:not(.login-body) .hours-row span {
  color: rgba(242, 213, 106, 0.88);
}

body:not(.login-body) .detail-list,
body:not(.login-body) dl {
  color: rgba(255, 253, 246, 0.76);
}

body:not(.login-body) .status-pill,
body:not(.login-body) .status-badge {
  color: rgba(255, 253, 246, 0.86);
  border-color: rgba(255, 253, 246, 0.14);
  background: rgba(255, 253, 246, 0.07);
}

body:not(.login-body) :is(.status-confirmado, .status-ok, .status-success) {
  color: #c9f2d8;
  border-color: rgba(47, 179, 111, 0.28);
  background: rgba(15, 81, 50, 0.36);
}

body:not(.login-body) :is(.status-pendente, .status-warning) {
  color: #f2d56a;
  border-color: rgba(212, 175, 55, 0.32);
  background: rgba(212, 175, 55, 0.11);
}

body:not(.login-body) :is(.status-cancelado, .status-danger) {
  color: #ffd7cc;
  border-color: rgba(255, 148, 126, 0.32);
  background: rgba(155, 59, 47, 0.18);
}

body:not(.login-body) .page-guide-more ul {
  border-color: rgba(212, 175, 55, 0.24);
  color: rgba(255, 253, 246, 0.74);
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.1), rgba(255, 253, 246, 0.035)),
    rgba(7, 26, 18, 0.96);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.34);
}

body:not(.login-body) .agenda-support-shell {
  margin-top: 22px;
  color: #fffdf6;
  background:
    radial-gradient(circle at 82% 0%, rgba(212, 175, 55, 0.12), transparent 26rem),
    linear-gradient(145deg, rgba(7, 26, 18, 0.94), rgba(16, 35, 27, 0.92));
}

body:not(.login-body) .agenda-support-heading h2 {
  color: #fffdf6;
}

body:not(.login-body) .agenda-support-heading p,
body:not(.login-body) .agenda-support-card .panel-copy {
  color: rgba(255, 253, 246, 0.66);
}

.login-body {
  background:
    radial-gradient(circle at 76% 8%, rgba(212, 175, 55, 0.18), transparent 31rem),
    radial-gradient(circle at 12% 18%, rgba(15, 81, 50, 0.36), transparent 28rem),
    linear-gradient(180deg, #071a12 0%, #0b1f17 58%, #071a12 100%);
}

.login-shell {
  border-color: rgba(212, 175, 55, 0.24);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.08), rgba(255, 253, 246, 0.025)),
    rgba(7, 26, 18, 0.92);
  box-shadow:
    0 34px 95px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

.login-panel {
  color: #fffdf6;
}

.login-brand,
.login-copy h1,
.login-form .form-field span:first-child,
.login-form .toggle-line {
  color: #fffdf6;
}

.login-brand small,
.login-copy p {
  color: rgba(255, 253, 246, 0.68);
}

.login-form :is(input, select, textarea) {
  color: #fffdf6;
  border-color: rgba(255, 253, 246, 0.16);
  background: rgba(255, 253, 246, 0.08);
}

.login-aside {
  background:
    radial-gradient(circle at 80% 10%, rgba(212, 175, 55, 0.18), transparent 20rem),
    linear-gradient(180deg, rgba(212, 175, 55, 0.1), rgba(7, 26, 18, 0.32)),
    rgba(7, 26, 18, 0.56);
}

.login-aside-card {
  border-color: rgba(212, 175, 55, 0.32);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.1), rgba(255, 253, 246, 0.035)),
    rgba(255, 253, 246, 0.04);
}

@media (max-width: 1100px) {
  .content:not(:has(.dashboard-command-shell)):not(:has(.inbox-command-shell)):not(:has(.agenda-command-shell)):not(:has(.bot-journey-shell)) {
    margin-top: 16px;
    padding: 20px;
    border-radius: 24px;
  }
}

@media (max-width: 720px) {
  .content:not(:has(.dashboard-command-shell)):not(:has(.inbox-command-shell)):not(:has(.agenda-command-shell)):not(:has(.bot-journey-shell)) {
    margin-top: 10px;
    padding: 14px;
    border-radius: 20px;
  }

  body:not(.login-body) .page-heading {
    gap: 14px;
  }

  body:not(.login-body) .page-heading h1 {
    font-size: 2rem;
  }

  body:not(.login-body) :is(.panel, .metric-card, .info-card, .patient-card, .quick-action, .checklist-card, .toolbar-panel) {
    border-radius: 18px;
  }
}

/* Final client-facing polish: clearer menu, cleaner badges and calmer edit surfaces. */
.nav-item.is-discreet {
  opacity: 0.68;
}

.nav-item.is-discreet span {
  color: rgba(255, 253, 246, 0.74);
}

.nav-item.is-discreet small {
  color: rgba(255, 253, 246, 0.46);
}

.nav-item.is-discreet:hover,
.nav-item.is-discreet.active {
  opacity: 1;
}

.status-pill,
.status-badge {
  max-width: 100%;
  white-space: normal;
  text-align: center;
  overflow-wrap: anywhere;
  line-height: 1.2;
}

.professional-card {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 18px;
  align-items: flex-start;
  padding: 22px;
}

.professional-avatar {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  color: #071a12;
  border: 1px solid rgba(255, 235, 145, 0.44);
  border-radius: 18px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 253, 246, 0.92), transparent 38%),
    linear-gradient(145deg, #f2d56a, #d4af37 62%, #b87333);
  box-shadow: 0 18px 34px rgba(212, 175, 55, 0.18);
  font-size: 1.15rem;
  font-weight: 900;
}

.professional-main {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.professional-main h2 {
  margin: 0;
  color: #fffdf6;
  font-size: 1.28rem;
  line-height: 1.2;
}

.professional-main p {
  margin: 0;
  color: rgba(255, 253, 246, 0.68);
}

.professional-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.professional-role {
  color: rgba(242, 213, 106, 0.92);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.professional-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.professional-meta span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 14px;
  background: rgba(255, 253, 246, 0.055);
}

.professional-meta small {
  color: rgba(255, 253, 246, 0.54);
  font-weight: 800;
}

.professional-meta strong {
  color: #fffdf6;
  overflow-wrap: anywhere;
}

.professional-action-row {
  display: flex;
  justify-content: flex-start;
}

.service-card {
  gap: 14px;
}

.service-card .meta-grid {
  margin-bottom: 2px;
}

.service-editor {
  margin-top: 8px;
  border: 1px solid rgba(212, 175, 55, 0.18);
  border-radius: 16px;
  background: rgba(7, 26, 18, 0.24);
  overflow: hidden;
}

.service-editor summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 46px;
  padding: 12px 14px;
  color: rgba(255, 253, 246, 0.9);
  cursor: pointer;
  font-weight: 900;
}

.service-editor summary::after {
  content: "Abrir";
  color: #f2d56a;
  font-size: 0.76rem;
}

.service-editor[open] summary {
  border-bottom: 1px solid rgba(212, 175, 55, 0.16);
}

.service-editor[open] summary::after {
  content: "Fechar";
}

.service-editor .inline-edit-form {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.service-save-button {
  justify-self: start;
  margin-top: 4px;
}

.growth-row {
  grid-template-columns: minmax(0, 1fr);
}

.growth-row > .status-pill,
.growth-row > form {
  justify-self: start;
}

.health-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.health-card .card-topline,
.integration-list .card-topline {
  align-items: flex-start;
  gap: 12px;
}

.signal-row {
  grid-template-columns: minmax(0, 128px) minmax(0, 1fr);
}

.signal-row strong {
  text-align: left;
  overflow-wrap: anywhere;
}

.integration-list .signal-row {
  grid-template-columns: 1fr;
  gap: 4px;
  padding: 12px 0;
}

.integration-list .signal-row strong {
  font-size: 0.95rem;
  font-weight: 740;
  line-height: 1.35;
}

.integration-list .info-card {
  padding: 20px;
}

body:not(.login-body) .definition-list dt {
  color: rgba(255, 253, 246, 0.62) !important;
}

body:not(.login-body) .definition-list dd {
  color: #fffdf6 !important;
}

@media (max-width: 900px) {
  .professional-card {
    grid-template-columns: 58px minmax(0, 1fr);
    padding: 18px;
  }

  .professional-avatar {
    width: 58px;
    height: 58px;
    border-radius: 16px;
  }

  .professional-meta {
    grid-template-columns: 1fr;
  }
}

/* V3.3 global cockpit consistency pass */
body:not(.login-body) {
  color: #fffdf6;
  background:
    radial-gradient(circle at 86% 0%, rgba(212, 175, 55, 0.18), transparent 34rem),
    radial-gradient(circle at 14% 16%, rgba(15, 81, 50, 0.4), transparent 30rem),
    linear-gradient(180deg, #071a12 0%, #0b1f17 52%, #071a12 100%) !important;
}

body:not(.login-body) .app-shell {
  background:
    linear-gradient(90deg, rgba(7, 26, 18, 0.92), rgba(7, 26, 18, 0.18) 24rem, transparent),
    radial-gradient(circle at 72% 12%, rgba(212, 175, 55, 0.08), transparent 32rem) !important;
}

body:not(.login-body) .content {
  width: min(100%, 1500px);
  color: #fffdf6;
}

body:not(.login-body) .content > :is(
  .dashboard-command-shell,
  .inbox-command-shell,
  .agenda-command-shell,
  .bot-journey-shell
) {
  border-color: rgba(212, 175, 55, 0.26);
  box-shadow:
    0 34px 95px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 253, 246, 0.08);
}

body:not(.login-body) .page-heading {
  padding: 4px 2px 2px;
  color: #fffdf6;
}

body:not(.login-body) .page-heading h1,
body:not(.login-body) .page-heading strong,
body:not(.login-body) .page-heading .status-pill {
  color: #fffdf6;
}

body:not(.login-body) .page-subtitle,
body:not(.login-body) .page-heading p:not(.eyebrow) {
  color: rgba(255, 253, 246, 0.68);
}

body:not(.login-body) :is(
  .panel,
  .metric-card,
  .info-card,
  .patient-card,
  .toolbar-panel,
  .form-panel,
  .rules-panel,
  .automation-panel,
  .operation-panel,
  .quick-action,
  .checklist-card,
  .health-card,
  .rule-row,
  .automation-row,
  .growth-row,
  .report-row,
  .playbook-card,
  .signal-card,
  .experiment-row,
  .slot-card,
  .expansion-row,
  .conversation-entry,
  .notification-panel,
  .version-row,
  .agenda-calendar-panel,
  .agenda-day-panel,
  .agenda-support-shell,
  .agenda-support-card,
  .agenda-form-panel,
  .inbox-filter-panel,
  .inbox-list-panel,
  .inbox-detail-panel,
  .inbox-summary-card,
  .inbox-conversation-card,
  .inbox-detail-card,
  .dashboard-section-card,
  .dashboard-support-shell,
  .dashboard-support-card,
  .dashboard-metric-card,
  .bot-journey-hero-panel,
  .bot-impact-card,
  .bot-demo-card,
  .bot-validation-panel,
  .bot-journey-advanced,
  .bot-history-panel,
  .bot-editor-card,
  .bot-reminder-panel,
  .bot-phone-shell
) {
  border-color: rgba(255, 253, 246, 0.12) !important;
  color: rgba(255, 253, 246, 0.86);
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.09), rgba(255, 253, 246, 0.032)),
    rgba(7, 26, 18, 0.36) !important;
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 253, 246, 0.065) !important;
}

body:not(.login-body) :is(.panel, .info-card, .patient-card, .toolbar-panel, .dashboard-support-card, .agenda-support-card) {
  border-radius: 20px;
}

body:not(.login-body) :is(.dashboard-support-shell, .agenda-support-shell) {
  border-radius: 26px;
  background:
    radial-gradient(circle at 84% 0%, rgba(212, 175, 55, 0.13), transparent 28rem),
    linear-gradient(145deg, rgba(7, 26, 18, 0.96), rgba(16, 35, 27, 0.92)) !important;
}

body:not(.login-body) :is(
  .definition-list div,
  .health-facts div,
  .mini-definition-grid div,
  .variant-grid > div,
  .meta-grid span,
  .timeline-item,
  .compact-row,
  .hours-row,
  .waitlist-row,
  .value-row,
  .alert-list span,
  .signal-score div,
  .report-row dl div,
  .playbook-card dl div,
  .agenda-time-block,
  .agenda-appointment-card,
  .agenda-decision-row,
  .inbox-insight-block,
  .inbox-collected-data,
  .bot-validation-item,
  .bot-version-row,
  .bot-reminder-option
) {
  border-color: rgba(255, 253, 246, 0.1) !important;
  color: rgba(255, 253, 246, 0.82);
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.075), rgba(255, 253, 246, 0.026)),
    rgba(255, 253, 246, 0.026) !important;
}

body:not(.login-body) :is(
  .panel h2,
  .panel h3,
  .panel-header h2,
  .metric-card strong,
  .info-card strong,
  .patient-card strong,
  .definition-list dd,
  .definition-list dt,
  .health-card strong,
  .health-card dd,
  .health-card dt,
  .rule-row strong,
  .automation-row strong,
  .growth-row strong,
  .report-row strong,
  .playbook-card strong,
  .signal-card strong,
  .experiment-row strong,
  .slot-card strong,
  .expansion-row strong,
  .conversation-entry strong,
  .timeline-item strong,
  .compact-row strong,
  .hours-row strong,
  .waitlist-row strong,
  .dashboard-support-heading h2,
  .agenda-support-heading h2,
  .inbox-panel-heading strong,
  .agenda-panel-heading strong,
  .bot-journey-section-heading h2
) {
  color: #fffdf6 !important;
}

body:not(.login-body) :is(
  .panel-copy,
  .panel p,
  .metric-card small,
  .info-card span,
  .info-card small,
  .patient-card span,
  .patient-card small,
  .definition-list dd,
  .health-card p,
  .health-card span,
  .health-card small,
  .rule-row p,
  .rule-row span,
  .rule-row small,
  .automation-row p,
  .automation-row span,
  .automation-row small,
  .growth-row p,
  .growth-row span,
  .growth-row small,
  .report-row p,
  .report-row span,
  .report-row small,
  .playbook-card li,
  .playbook-card span,
  .playbook-card small,
  .signal-card p,
  .signal-card span,
  .signal-card small,
  .experiment-row p,
  .experiment-row span,
  .experiment-row small,
  .slot-card span,
  .slot-card small,
  .expansion-row p,
  .expansion-row span,
  .expansion-row small,
  .timeline-item span,
  .timeline-item small,
  .compact-row small,
  .hours-row small,
  .waitlist-row span,
  .waitlist-row small,
  .dashboard-support-heading p,
  .agenda-support-heading p,
  .agenda-panel-heading small,
  .inbox-panel-heading span,
  .bot-journey-section-heading p
) {
  color: rgba(255, 253, 246, 0.68) !important;
}

body:not(.login-body) :is(.card-topline, .panel-header, .eyebrow, .metric-card span, .agenda-panel-heading span, .inbox-kicker, .bot-journey-kicker) {
  color: rgba(242, 213, 106, 0.9) !important;
}

body:not(.login-body) :is(.metric-card, .dashboard-metric-card, .inbox-summary-card, .agenda-summary-card) strong {
  color: #f2d56a !important;
  text-shadow: 0 0 30px rgba(212, 175, 55, 0.24);
}

body:not(.login-body) :is(.metric-card, .dashboard-metric-card, .inbox-summary-card, .agenda-summary-card) {
  border-left: 1px solid rgba(212, 175, 55, 0.52);
}

body:not(.login-body) :is(
  a.info-card,
  a.patient-card,
  a.metric-card,
  a.dashboard-metric-card,
  a.compact-row,
  a.timeline-item,
  .info-card:has(a, button, input, select, textarea),
  .patient-card:has(a, button),
  .metric-card:has(a, button),
  .slot-card:has(a, button),
  .growth-row:has(a, button),
  .expansion-row:has(a, button),
  .signal-card:has(a, button),
  .experiment-row:has(a, button),
  .rule-row:has(a, button),
  .automation-row:has(a, button),
  .agenda-time-block,
  .agenda-appointment-card:has(a, button),
  .inbox-filter-link,
  .inbox-conversation-card,
  .bot-flow-step,
  .bot-version-row:has(button)
) {
  cursor: pointer;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

body:not(.login-body) :is(
  a.info-card,
  a.patient-card,
  a.metric-card,
  a.dashboard-metric-card,
  a.compact-row,
  a.timeline-item,
  .info-card:has(a, button, input, select, textarea),
  .patient-card:has(a, button),
  .metric-card:has(a, button),
  .slot-card:has(a, button),
  .growth-row:has(a, button),
  .expansion-row:has(a, button),
  .signal-card:has(a, button),
  .experiment-row:has(a, button),
  .rule-row:has(a, button),
  .automation-row:has(a, button),
  .agenda-time-block,
  .agenda-appointment-card:has(a, button),
  .inbox-filter-link,
  .inbox-conversation-card,
  .bot-flow-step,
  .bot-version-row:has(button)
):hover {
  transform: translateY(-3px);
  border-color: rgba(212, 175, 55, 0.46) !important;
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.13), rgba(255, 253, 246, 0.045)),
    rgba(255, 253, 246, 0.045) !important;
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(212, 175, 55, 0.08) !important;
}

body:not(.login-body) :is(
  .button,
  .action-link,
  .text-link,
  .icon-button,
  .agenda-button,
  .agenda-action-link,
  .inbox-button,
  .inbox-text-action,
  .bot-journey-button,
  .onboarding-primary,
  .onboarding-secondary,
  .notification-push-button
) {
  transition:
    transform 170ms ease,
    border-color 170ms ease,
    background 170ms ease,
    box-shadow 170ms ease,
    color 170ms ease;
}

body:not(.login-body) :is(
  .button-primary,
  .button.button-primary,
  .agenda-button-primary,
  .agenda-action-link.is-primary,
  .inbox-button-primary,
  .bot-journey-button.primary,
  .onboarding-primary
) {
  color: #071a12 !important;
  border-color: rgba(255, 235, 145, 0.72) !important;
  background: linear-gradient(180deg, #f2d56a, #d4af37) !important;
  box-shadow:
    0 16px 34px rgba(212, 175, 55, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

body:not(.login-body) :is(
  .button-primary,
  .button.button-primary,
  .agenda-button-primary,
  .agenda-action-link.is-primary,
  .inbox-button-primary,
  .bot-journey-button.primary,
  .onboarding-primary
):hover {
  transform: translateY(-2px);
  color: #071a12 !important;
  border-color: rgba(255, 235, 145, 0.95) !important;
  background: linear-gradient(180deg, #ffe68a, #d4af37) !important;
  box-shadow:
    0 22px 44px rgba(212, 175, 55, 0.34),
    0 0 24px rgba(212, 175, 55, 0.16) !important;
}

body:not(.login-body) :is(
  .button-secondary,
  .button.button-secondary,
  .agenda-button-secondary,
  .agenda-action-link,
  .inbox-button-secondary,
  .inbox-text-action,
  .bot-journey-button.secondary,
  .onboarding-secondary,
  .action-link,
  .text-link,
  .page-guide-more summary,
  .notification-push-button
) {
  color: #fffdf6 !important;
  border-color: rgba(255, 253, 246, 0.22) !important;
  background: rgba(255, 253, 246, 0.075) !important;
}

body:not(.login-body) :is(
  .button-secondary,
  .button.button-secondary,
  .agenda-button-secondary,
  .agenda-action-link,
  .inbox-button-secondary,
  .inbox-text-action,
  .bot-journey-button.secondary,
  .onboarding-secondary,
  .action-link,
  .text-link,
  .page-guide-more summary,
  .notification-push-button
):hover {
  transform: translateY(-2px);
  color: #fffdf6 !important;
  border-color: rgba(212, 175, 55, 0.5) !important;
  background: rgba(255, 253, 246, 0.13) !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22) !important;
}

body:not(.login-body) :is(input, select, textarea) {
  color: #fffdf6 !important;
  border-color: rgba(255, 253, 246, 0.16) !important;
  background: rgba(255, 253, 246, 0.08) !important;
}

body:not(.login-body) :is(input, select, textarea)::placeholder {
  color: rgba(255, 253, 246, 0.42) !important;
}

body:not(.login-body) :is(input, select, textarea):focus {
  outline: none;
  border-color: rgba(212, 175, 55, 0.6) !important;
  background: rgba(255, 253, 246, 0.11) !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}

body:not(.login-body) option {
  color: #10231b;
  background: #f6f3ea;
}

body:not(.login-body) :is(.empty-state, .agenda-support-empty, .inbox-empty-state, .inbox-detail-empty, .bot-empty-state) {
  border-color: rgba(212, 175, 55, 0.34) !important;
  border-radius: 20px;
  color: rgba(255, 253, 246, 0.74);
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.1), rgba(255, 253, 246, 0.035)),
    rgba(7, 26, 18, 0.24) !important;
}

body:not(.login-body) :is(.empty-state, .agenda-support-empty, .inbox-empty-state, .inbox-detail-empty, .bot-empty-state) strong {
  color: #fffdf6 !important;
}

body:not(.login-body) :is(.empty-state, .agenda-support-empty, .inbox-empty-state, .inbox-detail-empty, .bot-empty-state) small {
  color: rgba(242, 213, 106, 0.78) !important;
}

body:not(.login-body) .notification-panel,
body:not(.login-body) .page-guide-more ul {
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.1), rgba(255, 253, 246, 0.035)),
    rgba(7, 26, 18, 0.97) !important;
}

body:not(.login-body) .notification-push-button.is-active {
  color: #071a12 !important;
  border-color: rgba(212, 175, 55, 0.68) !important;
  background: linear-gradient(135deg, var(--gold-500), #f3df88) !important;
  box-shadow: 0 14px 30px rgba(212, 175, 55, 0.18) !important;
}

body:not(.login-body) .notification-push-button:disabled:not(.is-active) {
  cursor: not-allowed;
  opacity: 0.72;
}

body:not(.login-body) .status-pill,
body:not(.login-body) .status-badge {
  color: rgba(255, 253, 246, 0.88);
  border-color: rgba(255, 253, 246, 0.14);
  background: rgba(255, 253, 246, 0.07);
}

body:not(.login-body) :is(.status-confirmado, .status-ok, .status-success) {
  color: #c9f2d8 !important;
  border-color: rgba(47, 179, 111, 0.28) !important;
  background: rgba(15, 81, 50, 0.36) !important;
}

body:not(.login-body) :is(.status-pendente, .status-warning) {
  color: #f2d56a !important;
  border-color: rgba(212, 175, 55, 0.32) !important;
  background: rgba(212, 175, 55, 0.11) !important;
}

body:not(.login-body) :is(.status-cancelado, .status-danger) {
  color: #ffd7cc !important;
  border-color: rgba(255, 148, 126, 0.32) !important;
  background: rgba(155, 59, 47, 0.18) !important;
}

body:not(.login-body) .phone-link {
  color: #f2d56a;
  text-decoration-color: rgba(212, 175, 55, 0.48);
}

@media (max-width: 720px) {
  body:not(.login-body) .content {
    padding-inline: 14px;
  }

  body:not(.login-body) .page-heading h1 {
    font-size: clamp(2rem, 12vw, 3rem);
  }

  body:not(.login-body) :is(.panel, .metric-card, .info-card, .patient-card, .toolbar-panel, .dashboard-support-shell, .agenda-support-shell) {
    border-radius: 18px;
  }
}

/* V3.4 page-level UX pass: Equipe, Horarios, Servicos, Recuperacao, Integracoes e Configuracoes */
.team-grid,
.service-catalog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
  margin-bottom: 22px;
}

.team-member-card,
.service-summary-card {
  min-height: auto;
}

.team-card-top,
.team-quick-meta,
.team-action-row {
  display: flex;
  gap: 12px;
}

.team-card-top {
  align-items: flex-start;
  justify-content: space-between;
}

.team-card-top h2,
.service-card-summary h2 {
  margin: 4px 0 0;
}

.team-quick-meta {
  flex-wrap: wrap;
  margin-top: 14px;
}

.team-quick-meta > span {
  flex: 1 1 170px;
  display: grid;
  gap: 5px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 16px;
  background: rgba(255, 253, 246, 0.045);
}

.team-next-slot {
  border-color: rgba(212, 175, 55, 0.28) !important;
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.14), rgba(255, 253, 246, 0.045)),
    rgba(255, 253, 246, 0.04) !important;
}

.team-action-row {
  justify-content: flex-end;
  margin-top: 16px;
}

.hours-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 18px;
  align-items: start;
}

.hours-week-panel,
.hours-rules-panel {
  min-height: 100%;
}

.hours-day-row {
  grid-template-columns: minmax(110px, 0.45fr) minmax(130px, 0.55fr) minmax(0, 1fr);
  padding: 13px 14px;
  margin-bottom: 8px;
  border: 1px solid rgba(255, 253, 246, 0.09) !important;
  border-radius: 16px;
}

.hours-day-row:last-child {
  margin-bottom: 0;
}

.hours-day-row.is-open {
  border-left: 3px solid rgba(212, 175, 55, 0.7) !important;
}

.hours-day-row.is-closed {
  opacity: 0.72;
}

.hours-rule-grid {
  display: grid;
  gap: 12px;
}

.schedule-rule-card {
  display: grid;
  gap: 6px;
  padding: 15px;
  border: 1px solid rgba(255, 253, 246, 0.11);
  border-radius: 17px;
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.08), rgba(255, 253, 246, 0.025)),
    rgba(7, 26, 18, 0.28);
}

.service-card-summary {
  display: grid;
  gap: 6px;
}

.service-summary-card .meta-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.service-summary-card .meta-grid span {
  display: grid;
  gap: 4px;
  align-content: start;
}

.service-editor summary {
  min-height: 50px;
}

.compact-more-list {
  grid-column: 1 / -1;
  margin-top: 8px;
  border: 1px solid rgba(212, 175, 55, 0.18);
  border-radius: 16px;
  background: rgba(255, 253, 246, 0.04);
  overflow: hidden;
}

.compact-more-list summary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 16px;
  color: #f2d56a;
  cursor: pointer;
  font-weight: 900;
  list-style: none;
}

.compact-more-list summary::-webkit-details-marker {
  display: none;
}

.compact-more-list[open] summary {
  border-bottom: 1px solid rgba(212, 175, 55, 0.16);
}

.compact-more-list > .growth-row,
.compact-more-list > .report-row,
.compact-more-list > .playbook-card {
  margin: 12px;
}

.recovery-row {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.recovery-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.recovery-badges .status-pill {
  max-width: 100%;
  border-radius: 11px;
  white-space: normal;
  text-align: left;
}

.config-action-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.config-action-card {
  display: grid;
  gap: 6px;
  min-height: 128px;
  padding: 18px;
  color: #fffdf6;
  text-decoration: none;
  border: 1px solid rgba(255, 253, 246, 0.12);
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 0%, rgba(212, 175, 55, 0.16), transparent 14rem),
    linear-gradient(145deg, rgba(255, 253, 246, 0.09), rgba(255, 253, 246, 0.032)),
    rgba(7, 26, 18, 0.36);
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 253, 246, 0.06);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease;
}

.config-action-card:hover {
  transform: translateY(-3px);
  border-color: rgba(212, 175, 55, 0.46);
  box-shadow:
    0 24px 54px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(212, 175, 55, 0.08);
}

.config-action-card span,
.schedule-rule-card span {
  color: rgba(242, 213, 106, 0.9);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.config-action-card strong,
.schedule-rule-card strong,
.team-next-slot strong {
  color: #fffdf6;
}

.config-action-card small,
.schedule-rule-card small,
.team-quick-meta small {
  color: rgba(255, 253, 246, 0.68);
  line-height: 1.4;
}

body:not(.login-body) :is(.team-quick-meta > span, .schedule-rule-card, .config-action-card) {
  color: rgba(255, 253, 246, 0.86);
}

body:not(.login-body) .service-summary-card .meta-grid small {
  color: rgba(255, 253, 246, 0.62) !important;
}

body:not(.login-body) .service-summary-card .meta-grid strong {
  color: #fffdf6 !important;
}

body:not(.login-body) .compact-more-list {
  color: rgba(255, 253, 246, 0.78);
}

@media (max-width: 1100px) {
  .hours-layout,
  .config-action-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .team-grid,
  .service-catalog-grid {
    grid-template-columns: 1fr;
  }

  .team-member-card {
    grid-template-columns: 1fr;
  }

  .team-card-top,
  .team-action-row {
    align-items: stretch;
    flex-direction: column;
  }

  .team-action-row .button {
    width: 100%;
  }

  .hours-day-row,
  .service-summary-card .meta-grid {
    grid-template-columns: 1fr;
  }
}

/* Jornada do Bot configuravel: simulacao visual sem backend */
.bot-journey-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.bot-journey-hero-actions .bot-journey-button {
  min-height: 44px;
}

.bot-flow-config-shell {
  position: relative;
  display: grid;
  gap: 18px;
  padding: 22px;
  border: 1px solid rgba(212, 175, 55, 0.24);
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 0%, rgba(212, 175, 55, 0.14), transparent 26rem),
    linear-gradient(145deg, rgba(255, 253, 246, 0.08), rgba(255, 253, 246, 0.025)),
    rgba(7, 26, 18, 0.46);
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 253, 246, 0.065);
}

.bot-flow-config-form {
  display: grid;
  gap: 18px;
}

.bot-config-shortcuts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.bot-config-check-card,
.bot-config-step-card,
.bot-config-detail-card,
.bot-config-side-intro {
  border: 1px solid rgba(255, 253, 246, 0.12);
  background:
    linear-gradient(145deg, rgba(255, 253, 246, 0.09), rgba(255, 253, 246, 0.03)),
    rgba(255, 253, 246, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.06);
}

.bot-config-check-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-height: 92px;
  padding: 15px;
  border-radius: 18px;
  cursor: pointer;
}

.bot-config-check-card.is-locked,
.bot-config-switch.is-locked,
.bot-config-check-line.is-locked {
  cursor: default;
  opacity: 0.74;
}

.bot-config-check-card input,
.bot-config-check-line input {
  width: 18px;
  height: 18px;
  accent-color: #d4af37;
}

.bot-config-check-card span,
.bot-config-check-card strong,
.bot-config-check-card small {
  display: block;
}

.bot-config-check-card strong {
  color: #fffdf6;
}

.bot-config-check-card small {
  margin-top: 4px;
  color: rgba(255, 253, 246, 0.68);
  line-height: 1.45;
}

.bot-flow-config-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.8fr);
  gap: 18px;
  align-items: start;
}

.bot-config-step-list {
  display: grid;
  gap: 12px;
}

.bot-config-step-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-radius: 18px;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease;
}

.bot-config-step-card:hover {
  transform: translateY(-2px);
  border-color: rgba(212, 175, 55, 0.42);
  background:
    linear-gradient(145deg, rgba(212, 175, 55, 0.12), rgba(255, 253, 246, 0.04)),
    rgba(255, 253, 246, 0.04);
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 253, 246, 0.07);
}

.bot-config-step-head,
.bot-config-step-actions {
  display: flex;
  gap: 12px;
}

.bot-config-step-head {
  align-items: flex-start;
}

.bot-config-step-head div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.bot-config-step-head small,
.bot-config-side-intro span,
.bot-config-detail-card summary span {
  color: rgba(242, 213, 106, 0.88);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.bot-config-step-head strong,
.bot-config-side-intro strong,
.bot-config-detail-card summary strong {
  color: #fffdf6;
}

.bot-config-step-head em,
.bot-config-side-intro p,
.bot-config-detail-body p {
  margin: 0;
  color: rgba(255, 253, 246, 0.68);
  font-style: normal;
  line-height: 1.45;
}

.bot-config-step-actions {
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.bot-config-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  cursor: pointer;
  user-select: none;
}

.bot-config-switch.is-locked {
  cursor: not-allowed;
}

.bot-config-switch input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
}

.bot-config-switch-ui {
  position: relative;
  width: 52px;
  height: 28px;
  border: 1px solid rgba(255, 253, 246, 0.18);
  border-radius: 999px;
  background: rgba(255, 253, 246, 0.08);
  transition:
    background 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.bot-config-switch-ui::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(255, 253, 246, 0.72);
  transition:
    transform 180ms ease,
    background 180ms ease;
}

.bot-config-switch input:checked + .bot-config-switch-ui {
  border-color: rgba(212, 175, 55, 0.55);
  background: rgba(212, 175, 55, 0.22);
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.12);
}

.bot-config-switch input:checked + .bot-config-switch-ui::before {
  transform: translateX(24px);
  background: #f2d56a;
}

.bot-config-switch-text::before {
  content: "Desativado";
  color: rgba(255, 253, 246, 0.62);
  font-size: 0.82rem;
  font-weight: 900;
}

.bot-config-switch input:checked + .bot-config-switch-ui + .bot-config-switch-text::before {
  content: "Ativo";
  color: #f2d56a;
}

.bot-config-edit-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 12px;
  color: #071a12;
  text-decoration: none;
  font-weight: 900;
  border: 1px solid rgba(255, 235, 145, 0.7);
  border-radius: 999px;
  background: linear-gradient(180deg, #f2d56a, #d4af37);
  box-shadow: 0 12px 26px rgba(212, 175, 55, 0.2);
}

.bot-config-side-panel {
  position: sticky;
  top: 88px;
  display: grid;
  gap: 12px;
}

.bot-config-side-intro {
  display: grid;
  gap: 6px;
  padding: 16px;
  border-radius: 18px;
}

.bot-config-detail-card {
  border-radius: 18px;
  overflow: hidden;
}

.bot-config-detail-card summary {
  display: grid;
  gap: 5px;
  padding: 14px 16px;
  cursor: pointer;
  list-style: none;
}

.bot-config-detail-card summary::-webkit-details-marker {
  display: none;
}

.bot-config-detail-card[open] summary {
  border-bottom: 1px solid rgba(212, 175, 55, 0.18);
  background: rgba(212, 175, 55, 0.08);
}

.bot-config-detail-body {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.bot-config-detail-body textarea {
  min-height: 138px;
  resize: vertical;
}

.bot-config-option-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.bot-config-check-line {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 10px;
  color: rgba(255, 253, 246, 0.84);
  border: 1px solid rgba(255, 253, 246, 0.1);
  border-radius: 14px;
  background: rgba(255, 253, 246, 0.045);
  cursor: pointer;
}

.bot-config-field-note,
.bot-config-publish-note {
  margin: 0;
  color: rgba(255, 253, 246, 0.62);
  font-size: 0.84rem;
  line-height: 1.5;
}

.bot-config-save-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  padding-top: 2px;
}

body:not(.login-body) :is(.bot-flow-config-shell, .bot-config-step-card, .bot-config-detail-card, .bot-config-check-card, .bot-config-side-intro) {
  color: rgba(255, 253, 246, 0.86);
}

@media (max-width: 1100px) {
  .bot-flow-config-layout,
  .bot-config-shortcuts {
    grid-template-columns: 1fr;
  }

  .bot-config-side-panel {
    position: static;
  }
}

@media (max-width: 720px) {
  .bot-flow-config-shell {
    padding: 16px;
    border-radius: 20px;
  }

  .bot-journey-hero-actions,
  .bot-config-step-head,
  .bot-config-step-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .bot-journey-hero-actions .bot-journey-button,
  .bot-config-edit-link,
  .bot-config-detail-body .bot-journey-button,
  .bot-config-save-row .bot-journey-button {
    width: 100%;
  }

  .bot-config-option-grid {
    grid-template-columns: 1fr;
  }
}

/* V4 design system: palette, logo, buttons, cards and spacing */
:root {
  --ds-bg: #071a12;
  --ds-bg-2: #0b2118;
  --ds-surface: rgba(255, 253, 246, 0.055);
  --ds-surface-strong: rgba(255, 253, 246, 0.085);
  --ds-border: rgba(255, 253, 246, 0.13);
  --ds-border-gold: rgba(212, 175, 55, 0.42);
  --ds-gold: #d4af37;
  --ds-gold-soft: #f2d56a;
  --ds-green: #1f6b49;
  --ds-text: #fffdf6;
  --ds-text-muted: rgba(255, 253, 246, 0.68);
  --ds-text-soft: rgba(255, 253, 246, 0.84);
  --ds-shadow: 0 24px 64px rgba(0, 0, 0, 0.32);
  --ds-shadow-soft: 0 16px 38px rgba(0, 0, 0, 0.22);
  --ds-radius: 8px;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --green-950: var(--ds-bg);
  --green-900: var(--ds-bg-2);
  --green-800: #102a20;
  --green-700: var(--ds-green);
  --green-100: #dce8e0;
  --gold-500: var(--ds-gold);
  --gold-100: var(--ds-gold-soft);
  --cream-100: var(--ds-bg);
  --cream-200: #102a20;
  --copper-500: var(--ds-gold);
  --bronze-600: var(--ds-gold);
  --ink: var(--ds-text);
  --muted: var(--ds-text-muted);
  --line: var(--ds-border);
  --surface: #10231b;
  --white: var(--ds-text);
  --danger: #d96d55;
  --warning: var(--ds-gold-soft);
  --shadow: var(--ds-shadow);
  --shadow-soft: var(--ds-shadow-soft);
}

body,
body.login-body,
body:not(.login-body) {
  color: var(--ds-text);
  background:
    radial-gradient(circle at 86% 0%, rgba(212, 175, 55, 0.16), transparent 34rem),
    radial-gradient(circle at 12% 16%, rgba(31, 107, 73, 0.28), transparent 28rem),
    linear-gradient(180deg, var(--ds-bg) 0%, var(--ds-bg-2) 50%, var(--ds-bg) 100%) !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

.auriloop-logo {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 48px;
  color: var(--ds-text);
}

.auriloop-logo-mark {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border: 1px solid var(--ds-border-gold);
  border-radius: var(--ds-radius);
  background:
    radial-gradient(circle at 32% 24%, rgba(255, 253, 246, 0.22), transparent 28%),
    linear-gradient(145deg, rgba(212, 175, 55, 0.16), rgba(31, 107, 73, 0.12)),
    rgba(255, 253, 246, 0.055);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
}

.auriloop-logo-mark svg {
  width: 34px;
  height: 18px;
  overflow: visible;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auriloop-logo-gold {
  stroke: var(--ds-gold-soft);
  stroke-width: 4.5;
}

.auriloop-logo-green {
  stroke: #36b87b;
  stroke-width: 2.4;
}

.auriloop-logo-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.auriloop-logo-copy strong {
  color: var(--ds-text);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.auriloop-logo-copy small {
  color: var(--ds-text-muted);
  font-size: 0.8rem;
  line-height: 1.2;
}

.brand,
.login-brand,
.bot-phone-header {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.brand {
  min-height: 56px;
  padding: 0;
}

.brand .auriloop-logo,
.login-brand .auriloop-logo {
  width: 100%;
}

.mobile-topbar-brand {
  display: none;
  width: max-content;
  max-width: 100%;
  margin-bottom: var(--space-2);
  color: var(--ds-text);
  text-decoration: none;
}

.mobile-topbar-brand .auriloop-logo {
  min-height: 44px;
}

.dashboard-command-orb {
  width: 64px !important;
  height: 64px !important;
  inset: var(--space-4) var(--space-4) auto auto !important;
  z-index: 0 !important;
  opacity: 0.72;
  pointer-events: none;
}

.dashboard-command-orb .auriloop-logo-copy {
  display: none;
}

.dashboard-command-orb .auriloop-logo-mark {
  width: 56px;
  height: 56px;
  flex-basis: 56px;
}

.bot-phone-header .auriloop-logo-mark {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
}

.bot-phone-header .auriloop-logo-copy strong {
  font-size: 0.84rem;
}

.app-shell {
  grid-template-columns: 280px minmax(0, 1fr);
  background:
    linear-gradient(90deg, rgba(7, 26, 18, 0.98), rgba(7, 26, 18, 0.44) 280px, transparent),
    radial-gradient(circle at 76% 4%, rgba(212, 175, 55, 0.08), transparent 32rem) !important;
}

.sidebar {
  gap: var(--space-4);
  padding: var(--space-4) var(--space-3);
  background:
    linear-gradient(180deg, rgba(7, 26, 18, 0.98), rgba(7, 26, 18, 0.94)),
    var(--ds-bg) !important;
  border-right: 1px solid var(--ds-border-gold);
}

.topbar {
  min-height: 76px;
  padding: var(--space-3) var(--space-4);
  color: var(--ds-text);
  background: rgba(7, 26, 18, 0.9) !important;
  border-bottom: 1px solid var(--ds-border);
  backdrop-filter: blur(18px);
}

.topbar strong,
.user-chip strong,
.sidebar-note strong {
  color: var(--ds-text);
}

.topbar-label,
.eyebrow,
.card-topline,
.page-guide-main span {
  color: var(--ds-gold-soft) !important;
}

.content {
  width: min(100%, 1480px) !important;
  padding: var(--space-4) !important;
}

.page-guide,
.onboarding-guide {
  margin-bottom: var(--space-4);
  padding: var(--space-3);
  border: 1px solid var(--ds-border-gold);
  border-left: 4px solid var(--ds-gold);
  border-radius: var(--ds-radius);
  color: var(--ds-text);
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.14), rgba(255, 253, 246, 0.06)),
    rgba(255, 253, 246, 0.045) !important;
  box-shadow: var(--ds-shadow-soft);
}

.page-guide-main strong,
.onboarding-guide-copy strong {
  color: var(--ds-text) !important;
}

.page-guide-main small,
.page-guide-main p,
.onboarding-guide-copy p {
  color: var(--ds-text-muted) !important;
}

.page-heading,
.dashboard-hero,
.agenda-hero,
.inbox-hero,
.bot-journey-hero {
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}

.page-heading h1,
.dashboard-hero h1,
.agenda-hero h1,
.inbox-hero h1,
.bot-journey-hero h1 {
  margin: var(--space-1) 0 var(--space-2);
  color: var(--ds-text) !important;
  font-size: 4rem !important;
  line-height: 0.98;
  letter-spacing: 0;
}

.page-subtitle,
.page-heading p:not(.eyebrow),
.dashboard-hero p,
.agenda-hero p,
.inbox-hero p,
.bot-journey-hero p {
  max-width: 760px;
  color: var(--ds-text-muted) !important;
  font-size: 1rem;
  line-height: 1.55;
}

body :is(
  .panel,
  .metric-card,
  .info-card,
  .patient-card,
  .patient-card-rich,
  .toolbar-panel,
  .form-panel,
  .rules-panel,
  .automation-panel,
  .operation-panel,
  .quick-action,
  .checklist-card,
  .health-card,
  .rule-row,
  .automation-row,
  .growth-row,
  .report-row,
  .playbook-card,
  .signal-card,
  .experiment-row,
  .slot-card,
  .expansion-row,
  .conversation-entry,
  .version-row,
  .agenda-calendar-panel,
  .agenda-day-panel,
  .agenda-summary-card,
  .agenda-support-shell,
  .agenda-support-card,
  .agenda-form-panel,
  .agenda-appointment-card,
  .agenda-time-block,
  .inbox-filter-panel,
  .inbox-list-panel,
  .inbox-detail-panel,
  .inbox-summary-card,
  .inbox-conversation-card,
  .inbox-detail-card,
  .dashboard-section-card,
  .dashboard-support-shell,
  .dashboard-support-card,
  .dashboard-metric-card,
  .dashboard-hero-panel,
  .bot-journey-hero-panel,
  .bot-impact-card,
  .bot-demo-card,
  .bot-validation-panel,
  .bot-journey-advanced,
  .bot-history-panel,
  .bot-editor-card,
  .bot-reminder-panel,
  .bot-phone-shell,
  .bot-flow-step,
  .bot-flow-config-shell,
  .bot-config-check-card,
  .bot-config-step-card,
  .bot-config-detail-card,
  .bot-config-side-intro,
  .team-member-card,
  .service-summary-card,
  .schedule-rule-card,
  .config-action-card
) {
  border: 1px solid var(--ds-border) !important;
  border-radius: var(--ds-radius) !important;
  color: var(--ds-text-soft) !important;
  background:
    linear-gradient(145deg, var(--ds-surface-strong), rgba(255, 253, 246, 0.035)),
    rgba(7, 26, 18, 0.52) !important;
  box-shadow: var(--ds-shadow-soft) !important;
}

body :is(
  .dashboard-command-shell,
  .inbox-command-shell,
  .agenda-command-shell,
  .bot-journey-shell,
  .dashboard-support-shell,
  .agenda-support-shell
) {
  padding: var(--space-4) !important;
  border: 1px solid var(--ds-border-gold) !important;
  border-radius: var(--ds-radius) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(212, 175, 55, 0.13), transparent 28rem),
    linear-gradient(145deg, rgba(16, 42, 32, 0.88), rgba(7, 26, 18, 0.92)) !important;
  box-shadow: var(--ds-shadow) !important;
}

body :is(
  .panel,
  .toolbar-panel,
  .info-card,
  .patient-card,
  .metric-card,
  .dashboard-metric-card,
  .agenda-summary-card,
  .inbox-summary-card,
  .health-card,
  .config-action-card,
  .service-summary-card,
  .team-member-card
) {
  padding: var(--space-3) !important;
}

body :is(.panel-header, .card-topline, .agenda-panel-heading, .inbox-panel-heading) {
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

body :is(
  .panel h2,
  .panel h3,
  .panel-header h2,
  .metric-card strong,
  .info-card strong,
  .patient-card strong,
  .dashboard-metric-card strong,
  .agenda-summary-card strong,
  .inbox-summary-card strong,
  .health-card strong,
  .rule-row strong,
  .automation-row strong,
  .growth-row strong,
  .report-row strong,
  .playbook-card strong,
  .signal-card strong,
  .experiment-row strong,
  .slot-card strong,
  .expansion-row strong,
  .conversation-entry strong,
  .timeline-item strong,
  .compact-row strong,
  .hours-row strong,
  .waitlist-row strong,
  .team-member-card h2,
  .service-summary-card h2,
  .bot-journey-section-heading h2
) {
  color: var(--ds-text) !important;
}

body :is(
  .panel-copy,
  .panel p,
  .metric-card small,
  .info-card span,
  .info-card small,
  .patient-card span,
  .patient-card small,
  .health-card p,
  .health-card span,
  .health-card small,
  .rule-row p,
  .rule-row span,
  .rule-row small,
  .automation-row p,
  .automation-row span,
  .automation-row small,
  .growth-row p,
  .growth-row span,
  .growth-row small,
  .report-row p,
  .report-row span,
  .report-row small,
  .playbook-card li,
  .playbook-card span,
  .playbook-card small,
  .signal-card p,
  .signal-card span,
  .signal-card small,
  .experiment-row p,
  .experiment-row span,
  .experiment-row small,
  .slot-card span,
  .slot-card small,
  .expansion-row p,
  .expansion-row span,
  .expansion-row small,
  .timeline-item span,
  .timeline-item small,
  .compact-row small,
  .hours-row small,
  .waitlist-row span,
  .waitlist-row small
) {
  color: var(--ds-text-muted) !important;
}

body :is(.metric-card, .dashboard-metric-card, .agenda-summary-card, .inbox-summary-card) {
  border-left: 4px solid var(--ds-border-gold) !important;
}

body :is(.metric-card, .dashboard-metric-card, .agenda-summary-card, .inbox-summary-card) strong {
  color: var(--ds-gold-soft) !important;
  font-size: 2.35rem;
  line-height: 1;
  text-shadow: none;
}

body :is(.button, .agenda-button, .agenda-action-link, .inbox-button, .inbox-text-action, .bot-journey-button, .bot-config-edit-link, .action-link, .text-link, .icon-button, .notification-push-button, .onboarding-primary, .onboarding-secondary) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  min-height: 40px;
  padding: 0 var(--space-3);
  border-radius: var(--ds-radius) !important;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background 160ms ease,
    box-shadow 160ms ease;
}

body :is(.button, .agenda-button, .inbox-button, .bot-journey-button, .icon-button, .notification-push-button):not(.button-primary):not(.agenda-button-primary):not(.inbox-button-primary):not(.primary) {
  color: var(--ds-text) !important;
  border: 1px solid var(--ds-border) !important;
  background: rgba(255, 253, 246, 0.08) !important;
  box-shadow: none !important;
}

body :is(.button-neutral, .agenda-button-neutral, .inbox-button-neutral, .bot-journey-button.neutral) {
  color: var(--ds-text) !important;
  border: 1px solid var(--ds-border) !important;
  background: rgba(255, 253, 246, 0.08) !important;
  box-shadow: none !important;
}

body :is(.button-primary, .button.button-primary, .agenda-button-primary, .agenda-action-link.is-primary, .inbox-button-primary, .bot-journey-button.primary, .onboarding-primary, .bot-config-edit-link) {
  color: #071a12 !important;
  border: 1px solid rgba(255, 235, 145, 0.82) !important;
  background: linear-gradient(180deg, var(--ds-gold-soft), var(--ds-gold)) !important;
  box-shadow: 0 16px 32px rgba(212, 175, 55, 0.24) !important;
}

body :is(.button-secondary, .button.button-secondary, .agenda-button-secondary, .agenda-action-link, .inbox-button-secondary, .inbox-text-action, .bot-journey-button.secondary, .onboarding-secondary, .action-link, .text-link, .page-guide-more summary, .notification-push-button) {
  color: var(--ds-text) !important;
  border: 1px solid var(--ds-border) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body :is(.button, .agenda-button, .inbox-button, .bot-journey-button, .bot-config-edit-link, .action-link, .text-link, .icon-button, .notification-push-button):hover {
  transform: translateY(-1px);
  border-color: var(--ds-border-gold) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22) !important;
}

body :is(input, select, textarea) {
  min-height: 40px;
  border: 1px solid var(--ds-border) !important;
  border-radius: var(--ds-radius) !important;
  color: var(--ds-text) !important;
  background: rgba(255, 253, 246, 0.07) !important;
}

body :is(input, select, textarea)::placeholder {
  color: rgba(255, 253, 246, 0.44) !important;
}

body :is(input, select, textarea):focus {
  outline: none;
  border-color: var(--ds-border-gold) !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.14) !important;
}

body option {
  color: #071a12;
  background: #fffdf6;
}

.nav-group,
.nav-item,
.sidebar-note,
.user-chip,
.notification-panel,
.page-guide-more ul,
.status-pill,
.status-badge {
  border-radius: var(--ds-radius) !important;
}

.nav-group {
  border-color: rgba(212, 175, 55, 0.22);
  background: rgba(255, 253, 246, 0.035);
}

.nav-item {
  min-height: 48px;
  padding: var(--space-1) var(--space-2);
}

.nav-item.active {
  border-color: var(--ds-border-gold);
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.22), rgba(255, 253, 246, 0.07)) !important;
}

.user-chip,
.icon-button,
.sidebar-note {
  color: var(--ds-text);
  border: 1px solid var(--ds-border) !important;
  background: rgba(255, 253, 246, 0.06) !important;
}

.user-chip > span,
.notification-count {
  color: #071a12;
  background: var(--ds-gold);
}

.status-pill,
.status-badge {
  min-height: 28px;
  padding: 5px var(--space-2);
  color: var(--ds-text-soft);
  border: 1px solid var(--ds-border);
  background: rgba(255, 253, 246, 0.07);
}

body :is(.status-confirmado, .status-ok, .status-success) {
  color: #c9f2d8 !important;
  border-color: rgba(47, 179, 111, 0.34) !important;
  background: rgba(31, 107, 73, 0.32) !important;
}

body :is(.status-pendente, .status-warning) {
  color: var(--ds-gold-soft) !important;
  border-color: rgba(212, 175, 55, 0.38) !important;
  background: rgba(212, 175, 55, 0.12) !important;
}

body :is(.status-cancelado, .status-danger) {
  color: #ffd7cc !important;
  border-color: rgba(217, 109, 85, 0.38) !important;
  background: rgba(217, 109, 85, 0.14) !important;
}

.login-shell {
  width: min(1040px, 100%);
  min-height: 680px;
  border: 1px solid var(--ds-border-gold);
  border-radius: var(--ds-radius);
  background:
    linear-gradient(90deg, rgba(255, 253, 246, 0.06) 0 56%, rgba(212, 175, 55, 0.09) 56% 100%),
    rgba(7, 26, 18, 0.82);
  box-shadow: var(--ds-shadow);
}

.login-panel,
.login-aside {
  padding: var(--space-4);
}

.login-copy h1 {
  color: var(--ds-text);
  font-size: 3.5rem;
  line-height: 1;
}

.login-copy p,
.login-brand small,
.login-aside-card p {
  color: var(--ds-text-muted);
}

.login-aside {
  background: rgba(212, 175, 55, 0.06);
}

.login-aside-card {
  border-radius: var(--ds-radius);
  border-color: var(--ds-border-gold);
  background: rgba(255, 253, 246, 0.065);
}

.form-field span:first-child,
.toggle-line {
  color: var(--ds-text);
}

@media (max-width: 1100px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .main-area {
    order: 1;
  }

  .sidebar {
    position: relative;
    height: auto;
    order: 2;
  }

  .content {
    padding: var(--space-3) !important;
  }
}

@media (max-width: 720px) {
  .page-heading h1,
  .dashboard-hero h1,
  .agenda-hero h1,
  .inbox-hero h1,
  .bot-journey-hero h1,
  .login-copy h1 {
    font-size: 2.45rem !important;
  }

  .content,
  body :is(
    .dashboard-command-shell,
    .inbox-command-shell,
    .agenda-command-shell,
    .bot-journey-shell,
    .dashboard-support-shell,
    .agenda-support-shell
  ) {
    padding: var(--space-3) !important;
  }

  .page-guide,
  .onboarding-guide,
  .toolbar-panel,
  .page-heading {
    grid-template-columns: 1fr !important;
  }

  .mobile-topbar-brand {
    display: inline-flex;
  }

  .mobile-topbar-brand .auriloop-logo-copy strong {
    font-size: 0.96rem;
  }

  .mobile-topbar-brand .auriloop-logo-copy small {
    font-size: 0.76rem;
  }

  .topbar > div:first-child > .topbar-label,
  .topbar > div:first-child > strong {
    display: none;
  }

  body :is(.button, .agenda-button, .inbox-button, .bot-journey-button) {
    width: 100%;
  }
}

/* V5 UX simplification: clear first action, reduced noise, progressive disclosure */
body.ux-simple .page-guide,
body.ux-simple .onboarding-guide,
body.ux-simple .content > .page-heading,
body.ux-simple .dashboard-command-shell > .dashboard-hero,
body.ux-simple .inbox-command-shell > .inbox-hero,
body.ux-simple .agenda-command-shell > .agenda-hero,
body.ux-simple .bot-journey-shell > .bot-journey-hero {
  display: none !important;
}

.ux-page-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-4);
  align-items: end;
  margin-bottom: var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--ds-border-gold);
  border-radius: var(--ds-radius);
  background:
    linear-gradient(90deg, rgba(212, 175, 55, 0.13), rgba(255, 253, 246, 0.045)),
    rgba(7, 26, 18, 0.72);
  box-shadow: var(--ds-shadow-soft);
}

.ux-page-hero-copy {
  display: grid;
  gap: var(--space-1);
}

.ux-page-hero-copy span {
  color: var(--ds-gold-soft);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.ux-page-hero-copy h1 {
  margin: 0;
  color: var(--ds-text);
  font-size: clamp(2.15rem, 5vw, 4rem);
  line-height: 1;
}

.ux-page-hero-copy p {
  max-width: 640px;
  margin: 0;
  color: var(--ds-text-muted);
  line-height: 1.5;
}

.ux-page-primary-action {
  min-width: 190px;
  min-height: 48px;
  white-space: nowrap;
}

.ux-disclosure-block {
  min-width: 0;
  border: 1px solid var(--ds-border) !important;
  border-radius: var(--ds-radius) !important;
  background: rgba(255, 253, 246, 0.045) !important;
  box-shadow: none !important;
}

.ux-disclosure-block > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 0 var(--space-3);
  color: var(--ds-text);
  cursor: pointer;
  font-weight: 850;
  list-style: none;
}

.ux-disclosure-block > summary::-webkit-details-marker {
  display: none;
}

.ux-disclosure-block > summary::after {
  content: "+";
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: #071a12;
  border-radius: var(--ds-radius);
  background: var(--ds-gold);
  font-weight: 950;
}

.ux-disclosure-block[open] > summary {
  border-bottom: 1px solid var(--ds-border);
}

.ux-disclosure-block[open] > summary::after {
  content: "-";
}

.ux-disclosure-content {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-3);
}

body.ux-simple :is(.metric-grid, .dashboard-metric-grid, .inbox-summary-grid, .agenda-summary-grid, .config-summary) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--space-3) !important;
  margin-bottom: var(--space-3) !important;
}

body.ux-simple :is(.metric-card, .dashboard-metric-card, .inbox-summary-card, .agenda-summary-card) {
  min-height: 120px !important;
}

body.ux-simple :is(.metric-card, .dashboard-metric-card, .inbox-summary-card, .agenda-summary-card) strong {
  font-size: 2rem !important;
}

body.ux-simple :is(.dashboard-command-shell, .inbox-command-shell, .agenda-command-shell, .bot-journey-shell) {
  display: grid;
  gap: var(--space-3);
}

body.ux-simple .dashboard-focus-grid {
  grid-template-columns: 1fr !important;
}

body.ux-simple :is(.dashboard-focus-grid, .agenda-main-grid, .growth-grid, .agenda-support-grid) > .ux-disclosure-block {
  grid-column: 1 / -1;
}

body.ux-simple .dashboard-support-shell > .ux-disclosure-content,
body.ux-simple .ux-disclosure-content > .dashboard-support-shell {
  box-shadow: none !important;
}

body.ux-simple .inbox-workspace {
  grid-template-columns: minmax(320px, 0.9fr) minmax(360px, 1.1fr) !important;
  gap: var(--space-3) !important;
}

body.ux-simple .inbox-workspace > .ux-disclosure-block {
  grid-column: 1 / -1;
}

body.ux-simple .inbox-detail-meta,
body.ux-simple .inbox-collected-data,
body.ux-simple .inbox-support-actions {
  margin-top: var(--space-2);
}

body.ux-simple .agenda-main-grid {
  grid-template-columns: 1fr !important;
}

body.ux-simple .agenda-day-panel {
  grid-column: 1 / -1;
}

body.ux-simple .agenda-support-shell {
  margin-top: var(--space-3);
}

body.ux-simple .agenda-support-grid {
  grid-template-columns: 1fr !important;
}

body.ux-simple .agenda-form-panel {
  border-color: var(--ds-border-gold) !important;
}

body.ux-simple #recuperacao-principal {
  grid-column: 1 / -1;
  border-color: var(--ds-border-gold) !important;
}

body.ux-simple .growth-grid {
  grid-template-columns: 1fr !important;
}

body.ux-simple .growth-row,
body.ux-simple .agenda-appointment-card,
body.ux-simple .inbox-conversation-card {
  padding: var(--space-3) !important;
}

body.ux-simple .growth-row p,
body.ux-simple .agenda-decision-row small,
body.ux-simple .inbox-tag-row,
body.ux-simple .dashboard-status-row {
  color: var(--ds-text-muted) !important;
}

body.ux-simple .field-inline span,
body.ux-simple .agenda-filter-strip label > span,
body.ux-simple .inbox-search-form label > span {
  color: var(--ds-gold-soft) !important;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .ux-page-hero,
  body.ux-simple .inbox-workspace,
  body.ux-simple :is(.metric-grid, .dashboard-metric-grid, .inbox-summary-grid, .agenda-summary-grid, .config-summary) {
    grid-template-columns: 1fr !important;
  }

  .ux-page-primary-action {
    width: 100%;
  }
}

/* Jornada do Bot: API mirror */
.bot-real-flow-shell {
  display: grid;
  gap: var(--space-4);
}

.bot-real-flow-shell.is-editor-mode {
  gap: var(--space-2);
}

.bot-real-flow-header,
.bot-api-summary-grid article,
.bot-api-section,
.bot-api-step-card,
.bot-api-advanced-card,
.bot-api-more-card,
.bot-api-panel,
.bot-api-empty,
.bot-api-notice {
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  background: var(--ds-surface);
  box-shadow: var(--ds-shadow-soft);
}

.bot-real-flow-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-4);
}

.bot-real-flow-header h2,
.bot-api-section-heading h2 {
  margin: var(--space-1) 0;
  color: var(--ds-text);
  line-height: 1.05;
}

.bot-real-flow-header h2 {
  font-size: clamp(2rem, 4vw, 3.5rem);
}

.bot-real-flow-header p,
.bot-api-section-heading p,
.bot-api-muted,
.bot-api-message p,
.bot-api-message small,
.bot-api-version-row span,
.bot-api-version-row small {
  color: var(--ds-text-muted);
}

.bot-mode-tabs {
  display: inline-flex;
  gap: var(--space-1);
  padding: 4px;
  border: 1px solid var(--ds-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
}

.bot-mode-tabs a {
  min-height: 40px;
  padding: 10px var(--space-3);
  border-radius: 6px;
  color: var(--ds-text);
  font-weight: 800;
  text-decoration: none;
}

.bot-mode-tabs a.is-active {
  color: var(--ds-bg);
  background: var(--ds-gold);
}

.bot-mode-tabs-standalone {
  justify-self: end;
  margin-bottom: var(--space-1);
}

.bot-api-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}

.bot-api-summary-grid article {
  min-height: 108px;
  padding: var(--space-3);
}

.bot-api-summary-grid span,
.bot-api-section-heading > span,
.bot-api-step-body section > span,
.bot-api-raw-block > span,
.bot-api-detail-grid span,
.bot-api-message > span {
  display: block;
  margin-bottom: 6px;
  color: var(--ds-gold-soft);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.bot-api-summary-grid strong {
  display: block;
  color: var(--ds-text);
  font-size: 1.25rem;
  line-height: 1.2;
}

.bot-api-section,
.bot-api-panel {
  padding: var(--space-4);
}

.bot-api-section-heading {
  margin-bottom: var(--space-3);
}

.bot-api-section-heading.compact {
  margin-bottom: var(--space-2);
}

.bot-api-section-heading.compact h2 {
  font-size: 1.25rem;
}

.bot-api-step-list,
.bot-api-advanced-list,
.bot-api-message-list,
.bot-api-version-list {
  display: grid;
  gap: var(--space-2);
}

.bot-api-step-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.bot-api-more-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-top: var(--space-3);
  padding: var(--space-4);
}

.bot-api-more-card span {
  display: block;
  margin-bottom: 6px;
  color: var(--ds-gold-soft);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.bot-api-more-card strong {
  display: block;
  color: var(--ds-text);
  font-size: 1.2rem;
}

.bot-api-more-card p {
  max-width: 640px;
  margin: 6px 0 0;
  color: var(--ds-text-muted);
}

.bot-api-more-card .button-secondary {
  flex: 0 0 auto;
}

.bot-api-step-card,
.bot-api-advanced-card {
  overflow: hidden;
}

.bot-api-step-card summary,
.bot-api-advanced-card summary {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  cursor: pointer;
  list-style: none;
}

.bot-api-step-card summary::-webkit-details-marker,
.bot-api-advanced-card summary::-webkit-details-marker {
  display: none;
}

.bot-api-order {
  display: inline-grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid var(--ds-border-gold);
  border-radius: 8px;
  color: var(--ds-gold);
  font-size: 1.3rem;
  font-weight: 900;
}

.bot-api-step-title strong,
.bot-api-advanced-card summary strong,
.bot-api-message strong,
.bot-api-version-row strong {
  display: block;
  color: var(--ds-text);
  font-size: 1rem;
}

.bot-api-step-title small,
.bot-api-advanced-card summary small {
  display: block;
  margin-top: 4px;
  color: var(--ds-text-muted);
  font-size: 0.88rem;
}

.bot-api-status {
  min-width: 88px;
  padding: 7px 12px;
  border: 1px solid var(--ds-border);
  border-radius: 999px;
  color: var(--ds-text-muted);
  font-size: 0.76rem;
  font-weight: 900;
  text-align: center;
}

.bot-api-status.is-ok {
  border-color: rgba(43, 182, 115, 0.45);
  color: #9ff0c5;
  background: rgba(43, 182, 115, 0.12);
}

.bot-api-step-body,
.bot-api-raw-block,
.bot-api-lists-grid,
.bot-api-detail-grid {
  border-top: 1px solid var(--ds-border);
}

.bot-api-step-body {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(240px, 0.6fr);
  gap: var(--space-3);
  padding: var(--space-3);
}

.bot-api-step-body section,
.bot-api-raw-block,
.bot-api-lists-grid section,
.bot-api-message,
.bot-api-version-row {
  border: 1px solid var(--ds-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.bot-api-step-body section,
.bot-api-raw-block,
.bot-api-lists-grid section,
.bot-api-message {
  padding: var(--space-3);
}

.bot-api-step-body blockquote,
.bot-api-raw-block blockquote {
  margin: 0;
  color: var(--ds-text);
  font-size: 1rem;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.bot-api-message-stack {
  display: grid;
  gap: var(--space-2);
}

.bot-api-inline-list,
.bot-api-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.bot-api-inline-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
}

.bot-api-inline-list li {
  padding: 7px 10px;
  border: 1px solid var(--ds-border);
  border-radius: 999px;
  color: var(--ds-text);
  font-weight: 800;
}

.bot-api-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-2);
  padding: var(--space-3);
}

.bot-api-detail-grid div {
  min-width: 0;
  padding: var(--space-2);
  border: 1px solid var(--ds-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.bot-api-detail-grid strong {
  display: block;
  overflow-wrap: anywhere;
  color: var(--ds-text);
}

.bot-api-raw-block {
  margin: 0 var(--space-3);
}

.bot-api-lists-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  padding: var(--space-3);
}

.bot-api-lists-grid h3 {
  margin: 0 0 var(--space-2);
  color: var(--ds-text);
  font-size: 1rem;
}

.bot-api-lists-grid li,
.bot-api-list li {
  padding: 10px 0;
  border-bottom: 1px solid var(--ds-border);
  color: var(--ds-text);
}

.bot-api-lists-grid li:last-child,
.bot-api-list li:last-child {
  border-bottom: 0;
}

.bot-api-two-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}

.bot-api-message-list {
  gap: var(--space-2);
}

.bot-api-message p {
  margin: 4px 0;
  line-height: 1.45;
}

.bot-api-preserve {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.bot-api-empty,
.bot-api-notice {
  padding: var(--space-4);
  border-color: var(--ds-border-gold);
}

.bot-api-empty span,
.bot-api-notice {
  color: var(--ds-gold);
  font-weight: 900;
}

.bot-api-empty p {
  margin: var(--space-1) 0 0;
  color: var(--ds-text-muted);
}

.bot-api-action-row {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-3);
}

.bot-api-version-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3);
}

.bot-api-version-row small {
  display: block;
  margin-top: 4px;
}

.bot-editor-shell,
.bot-editor-layout,
.bot-editor-form,
.bot-editor-list {
  display: grid;
  gap: var(--space-3);
}

.bot-editor-shell,
.bot-editor-card,
.bot-editor-list,
.bot-editor-steps article,
.bot-editor-result {
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  background: var(--ds-surface);
  box-shadow: var(--ds-shadow-soft);
}

.bot-editor-shell {
  padding: var(--space-3);
}

.bot-editor-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
}

.bot-editor-steps article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: var(--space-2);
  row-gap: 4px;
  min-height: 0;
  padding: var(--space-2);
}

.bot-editor-steps span {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid var(--ds-border-gold);
  border-radius: 8px;
  color: var(--ds-gold);
  font-weight: 900;
  grid-row: span 2;
}

.bot-editor-steps strong,
.bot-editor-card h2,
.bot-editor-result strong {
  color: var(--ds-text);
}

.bot-editor-steps p,
.bot-editor-card p,
.bot-editor-meta dd,
.bot-editor-list-item small,
.bot-editor-validation small,
.bot-editor-validation p {
  color: var(--ds-text-muted);
}

.bot-editor-steps p {
  margin: 0;
  font-size: 0.92rem;
}

.bot-editor-layout {
  grid-template-columns: minmax(250px, 0.32fr) minmax(0, 0.68fr);
  align-items: start;
}

.bot-editor-list,
.bot-editor-card {
  padding: var(--space-3);
}

.bot-editor-list {
  max-height: 620px;
  overflow: auto;
}

.bot-editor-list-group {
  display: grid;
  gap: 6px;
}

.bot-editor-list-group + .bot-editor-list-group {
  margin-top: var(--space-3);
  padding-top: var(--space-2);
  border-top: 1px solid var(--ds-border);
}

.bot-editor-list-group > span {
  color: var(--ds-gold-soft);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.bot-editor-list-item {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: var(--space-2);
  align-items: center;
  padding: var(--space-2);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--ds-text);
  text-decoration: none;
}

.bot-editor-list-item:hover,
.bot-editor-list-item.is-active {
  border-color: var(--ds-border-gold);
  background: rgba(212, 175, 55, 0.1);
}

.bot-editor-list-item > span {
  display: inline-grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid var(--ds-border);
  border-radius: 8px;
  color: var(--ds-gold);
  font-weight: 900;
}

.bot-editor-list-item strong,
.bot-editor-list-item small {
  grid-column: 2;
  overflow-wrap: anywhere;
}

.bot-editor-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}

.bot-editor-card-head .bot-api-status {
  flex: 0 0 auto;
}

.bot-editor-card-badges {
  display: grid;
  justify-items: end;
  gap: 6px;
  flex: 0 0 auto;
}

.bot-editor-moment {
  max-width: 220px;
  padding: 6px 10px;
  border: 1px solid var(--ds-border);
  border-radius: 8px;
  color: var(--ds-text-muted);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.76rem;
  font-weight: 850;
  text-align: right;
}

.bot-editor-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
  margin: var(--space-2) 0 0;
}

.bot-editor-technical {
  margin-bottom: var(--space-3);
}

.bot-editor-technical summary {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 7px var(--space-2);
  border: 1px solid var(--ds-border);
  border-radius: 8px;
  color: var(--ds-text-muted);
  cursor: pointer;
  font-weight: 800;
  list-style: none;
}

.bot-editor-technical summary::-webkit-details-marker {
  display: none;
}

.bot-editor-meta div {
  min-width: 0;
  padding: var(--space-2);
  border: 1px solid var(--ds-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.bot-editor-meta dt {
  margin-bottom: 4px;
  color: var(--ds-gold-soft);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.bot-editor-meta dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.bot-editor-helper {
  display: grid;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  background: rgba(255, 255, 255, 0.035);
}

.bot-editor-helper-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
}

.bot-editor-helper h3 {
  margin: 4px 0;
  color: var(--ds-text);
  font-size: 1rem;
}

.bot-editor-helper p,
.bot-editor-helper-note,
.form-hint {
  color: var(--ds-text-muted);
}

.bot-editor-helper p {
  margin: 0;
}

.bot-editor-used-vars {
  display: grid;
  gap: 3px;
  min-width: 190px;
  padding: 10px 12px;
  border: 1px solid var(--ds-border);
  border-radius: 8px;
  background: rgba(3, 28, 20, 0.5);
}

.bot-editor-used-vars span {
  color: var(--ds-gold-soft);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.bot-editor-used-vars strong {
  color: var(--ds-text);
  font-size: 0.88rem;
  overflow-wrap: anywhere;
}

.bot-editor-variable-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.bot-variable-chip {
  display: inline-grid;
  gap: 3px;
  min-height: 46px;
  max-width: 220px;
  padding: 8px 12px;
  border: 1px solid var(--ds-border-gold);
  border-radius: 8px;
  background: rgba(212, 175, 55, 0.1);
  color: var(--ds-text);
  cursor: pointer;
  text-align: left;
}

.bot-variable-chip:hover,
.bot-variable-chip:focus-visible {
  border-color: var(--ds-gold);
  background: rgba(212, 175, 55, 0.18);
}

.bot-variable-chip strong {
  font-size: 0.86rem;
}

.bot-variable-chip span {
  color: var(--ds-gold-soft);
  font-size: 0.78rem;
  overflow-wrap: anywhere;
}

.bot-editor-helper-note {
  margin: 0;
  font-size: 0.88rem;
}

.bot-editor-helper-note code {
  color: var(--ds-gold-soft);
}

.form-hint {
  display: block;
  margin-bottom: 6px;
  font-size: 0.86rem;
}

.bot-editor-variable-warning {
  display: block;
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 137, 103, 0.55);
  border-radius: 8px;
  color: #ffd2c3;
  background: rgba(255, 137, 103, 0.1);
  font-weight: 800;
}

.bot-editor-variable-warning[hidden] {
  display: none;
}

.bot-editor-form textarea {
  min-height: 190px;
  resize: vertical;
  line-height: 1.55;
}

.bot-editor-compare {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
}

.bot-editor-diff {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
}

.bot-editor-compare article,
.bot-editor-diff article,
.bot-editor-history article {
  min-width: 0;
  padding: var(--space-2);
  border: 1px solid var(--ds-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.bot-editor-compare span,
.bot-editor-diff span,
.bot-editor-history span {
  display: block;
  margin-bottom: 6px;
  color: var(--ds-gold-soft);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.bot-editor-diff strong {
  display: block;
  color: var(--ds-text);
  font-size: 1.05rem;
}

.bot-editor-diff small {
  display: block;
  margin-top: 5px;
  color: var(--ds-text-muted);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.bot-editor-diff article.is-ok {
  border-color: rgba(43, 182, 115, 0.38);
  background: rgba(43, 182, 115, 0.08);
}

.bot-editor-diff article.is-warning {
  border-color: rgba(255, 184, 90, 0.55);
  background: rgba(255, 184, 90, 0.1);
}

.bot-editor-preview-text {
  min-height: 84px;
  margin: 0;
  color: var(--ds-text);
  line-height: 1.45;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.bot-editor-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-2);
}

.bot-editor-result {
  margin-top: var(--space-3);
  padding: var(--space-3);
}

.bot-editor-result.is-ok {
  border-color: rgba(43, 182, 115, 0.45);
}

.bot-editor-result.is-error {
  border-color: rgba(255, 137, 103, 0.55);
}

.bot-editor-validation {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.bot-editor-validation span {
  color: var(--ds-gold-soft);
  font-weight: 900;
}

.bot-editor-validation ul {
  padding-left: 18px;
  margin: 0;
  color: var(--ds-text);
}

.bot-editor-history {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-3);
}

.bot-publication-history {
  margin-top: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  background: var(--ds-surface);
  box-shadow: var(--ds-shadow-soft);
}

.bot-editor-history article {
  display: grid;
  gap: var(--space-2);
}

.bot-editor-history article > div {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
}

.bot-editor-history strong {
  color: var(--ds-text);
}

.bot-editor-history small,
.bot-editor-history p {
  margin: 0;
  color: var(--ds-text-muted);
}

.bot-editor-history .button {
  justify-self: start;
}

@media (max-width: 1000px) {
  .bot-real-flow-header,
  .bot-api-two-columns,
  .bot-api-step-body,
  .bot-api-lists-grid,
  .bot-editor-layout {
    grid-template-columns: 1fr;
  }

  .bot-real-flow-header {
    display: grid;
  }

  .bot-api-summary-grid,
  .bot-api-detail-grid,
  .bot-editor-compare,
  .bot-editor-diff,
  .bot-editor-steps,
  .bot-editor-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .bot-api-summary-grid,
  .bot-api-detail-grid,
  .bot-editor-steps,
  .bot-editor-compare,
  .bot-editor-diff,
  .bot-editor-meta,
  .bot-api-step-card summary,
  .bot-api-advanced-card summary,
  .bot-api-more-card,
  .bot-api-version-row {
    grid-template-columns: 1fr;
  }

  .bot-mode-tabs,
  .bot-mode-tabs a,
  .bot-api-more-card .button-secondary,
  .bot-api-action-row .button-primary,
  .bot-api-version-row .button-secondary {
    width: 100%;
  }

  .bot-mode-tabs {
    display: grid;
  }

  .bot-api-more-card {
    display: grid;
  }

  .bot-editor-card-head,
  .bot-editor-helper-head,
  .bot-editor-history article > div,
  .bot-editor-actions {
    display: grid;
    justify-content: stretch;
  }

  .bot-editor-card-badges {
    justify-items: start;
  }

  .bot-editor-moment {
    max-width: 100%;
    text-align: left;
  }

  .bot-editor-actions .button {
    width: 100%;
  }
}

/* Portal stability fixes: agenda, hours and overflow */
.agenda-date-shortcuts {
  min-width: max-content;
}

.agenda-date-shortcuts a {
  min-width: 96px !important;
  padding-inline: 18px !important;
  overflow: visible;
  white-space: nowrap;
}

.agenda-filter-strip {
  grid-template-columns: minmax(206px, max-content) minmax(150px, 0.7fr) minmax(150px, 0.7fr) minmax(240px, 1.3fr) auto;
}

.agenda-filter-strip > *,
.agenda-calendar-panel,
.agenda-day-panel,
.agenda-appointment-card,
.agenda-appointment-main,
.agenda-appointment-title > div,
.agenda-decision-row,
.agenda-action-row {
  min-width: 0;
}

.agenda-filter-strip label,
.agenda-filter-strip input,
.agenda-filter-strip select {
  box-sizing: border-box;
  min-width: 0;
}

.agenda-week-strip {
  overflow: visible;
}

.agenda-week-strip a {
  min-width: 66px;
  overflow: visible;
}

.agenda-week-strip a.is-today {
  padding-top: 26px;
}

.agenda-week-strip a.is-today::after {
  top: 6px;
  right: auto;
  left: 50%;
  max-width: calc(100% - 10px);
  box-sizing: border-box;
  overflow: hidden;
  line-height: 1;
  text-overflow: clip;
  transform: translateX(-50%);
  white-space: nowrap;
}

.agenda-appointment-title strong,
.agenda-appointment-title span,
.agenda-appointment-meta span,
.agenda-decision-row strong,
.agenda-decision-row small {
  overflow-wrap: anywhere;
}

.agenda-action-row form {
  min-width: 0;
}

.agenda-action-row :is(a, button) {
  max-width: 100%;
}

.hours-layout,
.hours-week-panel,
.hours-rules-panel,
.hours-list,
.hours-row,
.hours-rule-grid,
.schedule-rule-card {
  min-width: 0;
}

.hours-row {
  grid-template-columns: minmax(108px, 0.32fr) minmax(136px, 0.32fr) minmax(0, 1fr);
  padding: var(--space-2);
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
}

.hours-row > * {
  min-width: 0;
  overflow-wrap: anywhere;
}

.hours-timezone-warning {
  margin-bottom: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--ds-border-gold);
  border-radius: var(--ds-radius);
  color: var(--ds-gold-soft);
  background: rgba(212, 175, 55, 0.1);
  font-weight: 800;
}

@media (max-width: 1180px) {
  .agenda-filter-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .agenda-date-shortcuts,
  .agenda-search-field,
  .agenda-filter-strip .agenda-button {
    grid-column: 1 / -1;
  }

  .agenda-date-shortcuts {
    min-width: 0;
  }
}

@media (max-width: 720px) {
  .agenda-date-shortcuts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agenda-date-shortcuts a {
    width: 100%;
    min-width: 0 !important;
  }

  .agenda-week-strip a {
    min-width: 72px;
  }

  .agenda-week-strip a.is-today {
    padding-top: 10px;
  }

  .agenda-week-strip a.is-today::after {
    position: static;
    justify-self: center;
    max-width: none;
    margin-top: 2px;
    transform: none;
  }

  .hours-row {
    grid-template-columns: 1fr;
  }
}

/* V6 precision pass: remove tiny visual collisions and make lists breathe. */
.notification-button {
  width: 48px !important;
  min-width: 48px !important;
  overflow: visible;
}

.notification-count {
  top: 3px;
  right: 3px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
}

.nav-item {
  padding-left: calc(var(--space-3) + 12px) !important;
}

.nav-item.active::before {
  top: 10px;
  bottom: 10px;
  left: var(--space-2);
  width: 3px;
}

.patient-list {
  grid-template-columns: 1fr !important;
  gap: var(--space-3) !important;
}

.patient-card,
.patient-card-rich {
  min-width: 0;
  overflow: hidden;
}

.patient-card-rich {
  grid-template-columns:
    minmax(220px, 1.3fr)
    minmax(140px, 0.65fr)
    minmax(128px, 0.55fr)
    minmax(180px, 0.85fr) !important;
  align-items: center;
}

.patient-card-rich > * {
  min-width: 0;
}

.patient-card-rich > div {
  display: grid;
  gap: 3px;
}

.patient-card-rich > p:empty {
  display: none;
}

.patient-card-rich :is(strong, span, small, a) {
  overflow-wrap: anywhere;
}

.patient-card-rich .status-pill {
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

.patient-card-rich .patient-link {
  grid-column: 1 / -1 !important;
  justify-self: start;
  width: auto !important;
  min-width: 132px;
}

body.ux-simple .inbox-workspace {
  order: 2;
}

body.ux-simple .inbox-summary-grid {
  order: 3;
}

body.ux-simple .inbox-command-shell > .ux-disclosure-block {
  order: 4;
}

body.ux-simple .ux-disclosure-block:not([open]) {
  max-height: 48px;
  overflow: hidden;
}

#novo-paciente .form-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#novo-paciente .form-grid .button-primary {
  justify-self: start;
  min-width: 190px;
}

#novo-agendamento .form-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}

#novo-agendamento .form-grid .button-primary {
  justify-self: start;
  min-width: 210px;
}

body.ux-simple :is(
  .dashboard-hero,
  .dashboard-metric-card,
  .dashboard-section-card,
  .inbox-hero,
  .inbox-summary-card,
  .inbox-workspace,
  .agenda-hero,
  .agenda-summary-card,
  .agenda-filter-strip,
  .agenda-calendar-panel,
  .agenda-day-panel,
  .agenda-support-shell,
  .bot-journey-hero,
  .bot-api-summary-grid article,
  .bot-api-section,
  .bot-api-panel
) {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 840px) {
  .patient-card-rich {
    grid-template-columns: 1fr !important;
    align-items: stretch;
  }

  .patient-card-rich .patient-link {
    justify-self: stretch;
    width: 100% !important;
  }

  #novo-paciente .form-grid {
    grid-template-columns: 1fr !important;
  }

  #novo-paciente .form-grid .button-primary {
    justify-self: stretch;
    width: 100%;
  }

  #novo-agendamento .form-grid .button-primary {
    justify-self: stretch;
    width: 100%;
  }
}

@media (max-width: 720px) {
  .agenda-week-strip {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: visible;
  }

  .agenda-week-strip a {
    width: auto;
    min-width: 0 !important;
  }
}

/* Integracoes: simpler status-first layout */
.integration-hero {
  align-items: center;
}

.integration-command-shell {
  display: grid;
  gap: var(--space-3);
}

.integration-focus-card,
.integration-status-card,
.integration-bot-card,
.integration-details {
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  background: var(--ds-surface);
  box-shadow: none;
}

.integration-focus-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.68fr);
  gap: var(--space-3);
  padding: var(--space-4);
}

.integration-focus-card h2,
.integration-bot-card h2 {
  margin: var(--space-1) 0;
  color: var(--ds-text);
}

.integration-focus-card p,
.integration-status-card p,
.integration-bot-card p,
.integration-detail-list p {
  margin: 0;
  color: var(--ds-text-muted);
  line-height: 1.45;
}

.integration-focus-card dl,
.integration-status-card dl,
.integration-bot-card dl,
.integration-detail-list dl {
  display: grid;
  gap: var(--space-2);
  margin: 0;
}

.integration-focus-card dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.integration-focus-card dl div,
.integration-status-card dl div,
.integration-bot-card dl div,
.integration-detail-list dl div {
  min-width: 0;
  padding: var(--space-2);
  border: 1px solid var(--ds-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.integration-command-shell dt {
  margin-bottom: 4px;
  color: var(--ds-gold-soft);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.integration-command-shell dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--ds-text);
  font-weight: 850;
}

.integration-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}

.integration-status-card,
.integration-bot-card,
.integration-details {
  padding: var(--space-3);
}

.integration-status-card {
  display: grid;
  gap: 12px;
  border-left: 4px solid var(--ds-border-gold);
}

.integration-status-card.is-ok {
  border-left-color: #55d689;
}

.integration-status-card.is-attention {
  border-left-color: #f5d06f;
}

.integration-status-card.is-not-configured {
  border-left-color: rgba(155, 183, 168, 0.34);
}

.integration-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
}

.integration-card-head span {
  color: var(--ds-gold-soft);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.integration-card-head strong,
.connection-status-pill {
  max-width: 58%;
  padding: 6px 10px;
  border: 1px solid rgba(155, 183, 168, 0.18);
  border-radius: 8px;
  color: rgba(234, 247, 240, 0.82);
  background: rgba(155, 183, 168, 0.08);
  font-size: 0.76rem;
  overflow-wrap: anywhere;
  text-align: right;
  text-transform: uppercase;
}

.connection-status-pill.is-ok {
  color: #b7f7ca !important;
  border-color: rgba(85, 214, 137, 0.3) !important;
  background: rgba(85, 214, 137, 0.12) !important;
}

.connection-status-pill.is-attention {
  color: #ffe08a !important;
  border-color: rgba(245, 208, 111, 0.34) !important;
  background: rgba(245, 208, 111, 0.12) !important;
}

.connection-status-pill.is-not-configured {
  color: rgba(234, 247, 240, 0.62) !important;
  border-color: rgba(155, 183, 168, 0.16) !important;
  background: rgba(155, 183, 168, 0.065) !important;
}

.integration-workspace {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(320px, 0.68fr);
  gap: var(--space-3);
  align-items: start;
}

.integration-bot-card {
  display: grid;
  gap: var(--space-3);
}

.integration-bot-card dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.integration-details {
  min-width: 0;
}

.integration-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  color: var(--ds-text);
  cursor: pointer;
  font-weight: 900;
  list-style: none;
}

.integration-details summary::-webkit-details-marker {
  display: none;
}

.integration-detail-list {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.integration-detail-list article {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-2);
  border: 1px solid var(--ds-border);
  border-left: 4px solid rgba(155, 183, 168, 0.34);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.integration-detail-list article.is-ok {
  border-left-color: #55d689;
}

.integration-detail-list article.is-attention {
  border-left-color: #f5d06f;
}

.integration-detail-list article.is-not-configured {
  border-left-color: rgba(155, 183, 168, 0.34);
}

@media (max-width: 1100px) {
  .integration-focus-card,
  .integration-workspace {
    grid-template-columns: 1fr;
  }

  .integration-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .integration-focus-card,
  .integration-status-card,
  .integration-bot-card,
  .integration-details {
    padding: var(--space-3);
  }

  .integration-card-grid,
  .integration-focus-card dl,
  .integration-bot-card dl {
    grid-template-columns: 1fr;
  }

  .integration-card-head {
    display: grid;
  }

  .integration-card-head strong {
    max-width: 100%;
    text-align: left;
  }
}

/* Portal tabs UX pass: page-local subjects without adding sidebar depth */
.title-gradient {
  color: var(--ds-text);
  background: linear-gradient(90deg, var(--ds-text) 0%, var(--ds-text) 40%, var(--ds-gold-soft) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

body :is(.page-heading h1, .ux-page-hero h1, .dashboard-hero h1, .agenda-hero h1, .inbox-hero h1, .bot-journey-hero h1) {
  background: linear-gradient(90deg, var(--ds-text) 0%, var(--ds-text) 58%, var(--ds-gold-soft) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

body :is(.portal-tabs-shell, .portal-tab-panel, .portal-section-card, .portal-tab-card, .portal-checklist, .portal-subpanel) {
  min-width: 0;
}

.portal-tabs-shell {
  display: grid;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.portal-tabs {
  display: flex;
  gap: var(--space-1);
  align-items: stretch;
  max-width: 100%;
  padding: 6px;
  overflow-x: auto;
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  background: rgba(255, 253, 246, 0.045);
  box-shadow: var(--ds-shadow-soft);
  scrollbar-width: thin;
}

.portal-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: max-content;
  min-height: 42px;
  padding: 0 var(--space-3);
  border: 1px solid transparent;
  border-radius: var(--ds-radius);
  color: var(--ds-text-muted);
  background: transparent;
  font: inherit;
  font-weight: 900;
  line-height: 1.1;
  cursor: pointer;
  white-space: nowrap;
}

.portal-tab:hover,
.portal-tab:focus-visible {
  color: var(--ds-text);
  border-color: var(--ds-border-gold);
  outline: none;
}

.portal-tab.is-active {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.82);
  background: linear-gradient(180deg, var(--ds-gold-soft), var(--ds-gold));
  box-shadow: 0 12px 26px rgba(212, 175, 55, 0.2);
}

.portal-tab-panel {
  display: none;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--ds-border-gold);
  border-radius: var(--ds-radius);
  background:
    radial-gradient(circle at 96% 0%, rgba(212, 175, 55, 0.1), transparent 22rem),
    linear-gradient(145deg, rgba(16, 42, 32, 0.82), rgba(7, 26, 18, 0.9));
  box-shadow: var(--ds-shadow);
}

.portal-tab-panel.is-active {
  display: grid;
}

.portal-tab-panel[hidden] {
  display: none !important;
}

.portal-section-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3);
  align-items: start;
  margin-bottom: var(--space-1);
}

.portal-section-intro > div {
  min-width: 0;
}

.portal-section-intro span,
.portal-section-card > span,
.portal-tab-card > span,
.portal-checklist > span {
  display: block;
  color: var(--ds-gold-soft);
  font-size: 0.76rem;
  font-weight: 950;
  text-transform: uppercase;
}

.portal-section-intro h2,
.portal-section-card h3,
.portal-tab-card h3 {
  margin: 3px 0;
  color: var(--ds-text);
  font-size: 1.35rem;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.portal-section-intro p,
.portal-section-card p,
.portal-tab-card p,
.portal-checklist p {
  margin: 0;
  color: var(--ds-text-muted);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.portal-tab-actions,
.portal-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: center;
  justify-content: flex-end;
}

.portal-grid,
.portal-metric-grid,
.portal-two-column,
.portal-card-grid {
  display: grid;
  gap: var(--space-3);
}

.portal-metric-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.portal-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.portal-two-column {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.74fr);
  align-items: start;
}

.portal-section-card,
.portal-tab-card,
.portal-subpanel {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-3);
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  background: rgba(255, 253, 246, 0.045);
}

.portal-subpanel {
  background: rgba(255, 253, 246, 0.03);
}

.portal-checklist {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-3);
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  background: rgba(255, 253, 246, 0.035);
}

.portal-checklist-list,
.portal-list {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.portal-check-item,
.portal-list-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-2);
  align-items: center;
  min-width: 0;
  padding: var(--space-2);
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  background: rgba(255, 253, 246, 0.035);
}

.portal-check-item strong,
.portal-list-item strong {
  color: var(--ds-text);
  overflow-wrap: anywhere;
}

.portal-check-item small,
.portal-list-item small {
  color: var(--ds-text-muted);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.portal-check-item::before {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--ds-gold);
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.13);
  grid-column: 2;
  grid-row: 1 / span 2;
}

.portal-check-item.is-ok::before {
  background: #36b87b;
  box-shadow: 0 0 0 4px rgba(54, 184, 123, 0.13);
}

body :is(.portal-tabs-shell, .portal-tab-panel, .portal-section-card, .portal-tab-card, .portal-check-item, .portal-list-item, .status-pill, .status-badge, .button, .agenda-button, .action-link, .text-link, .compact-row, .rule-row, .automation-row, .growth-row, .service-summary-card, .patient-card-rich, .hours-row) {
  overflow-wrap: anywhere;
}

body :is(.status-pill, .status-badge) {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  white-space: normal;
  line-height: 1.15;
}

.service-summary-card h2,
.service-card-summary h2 {
  color: var(--ds-text) !important;
  text-shadow: none;
}

.service-card-summary p,
.service-editor summary {
  color: var(--ds-text-muted) !important;
}

.service-editor summary {
  cursor: pointer;
}

body :is(.button, .button-primary, .button-secondary, .agenda-button, .agenda-action-link, .action-link, .text-link) {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

@media (max-width: 980px) {
  .portal-section-intro,
  .portal-two-column {
    grid-template-columns: 1fr;
  }

  .portal-section-intro .portal-tab-actions,
  .portal-action-row {
    justify-content: flex-start;
  }

  .portal-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .portal-tab-panel {
    padding: var(--space-3);
  }

  .portal-tab {
    min-height: 44px;
    padding-inline: var(--space-2);
  }

  .portal-metric-grid,
  .portal-card-grid,
  .portal-check-item,
  .portal-list-item {
    grid-template-columns: 1fr;
  }

  .portal-check-item::before {
    grid-column: auto;
    grid-row: auto;
  }
}

/* PortalCliente UX polish: assunto no menu, subassunto em abas. */
.page-title {
  margin: 0;
  color: var(--ds-text);
  font-size: clamp(2rem, 3.2vw, 3.4rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.page-subtitle {
  max-width: 760px;
  margin: 0;
  color: var(--ds-text-muted);
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.card {
  min-width: 0;
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  background: rgba(255, 253, 246, 0.045);
  box-shadow: var(--ds-shadow-soft);
}

.button-primary,
.button.button-primary {
  color: #071a12;
  border-color: rgba(255, 235, 145, 0.78);
  background: linear-gradient(180deg, var(--ds-gold-soft), var(--ds-gold));
  box-shadow: 0 16px 34px rgba(212, 175, 55, 0.22);
}

.button-secondary,
.button.button-secondary {
  color: var(--ds-text);
  border-color: rgba(255, 249, 232, 0.16);
  background: rgba(255, 253, 246, 0.07);
}

body:not(.login-body) .portal-tabs-shell {
  gap: var(--space-3);
  padding: var(--space-3);
  border: 1px solid rgba(255, 249, 232, 0.1);
  border-radius: var(--ds-radius);
  background:
    radial-gradient(circle at 100% 0%, rgba(242, 213, 107, 0.08), transparent 22rem),
    rgba(7, 26, 18, 0.36);
  box-shadow: var(--ds-shadow-soft);
}

body:not(.login-body) .portal-tabs {
  align-items: flex-end;
  gap: clamp(14px, 2vw, 26px);
  padding: 0 2px;
  border: 0;
  border-bottom: 1px solid rgba(255, 249, 232, 0.13);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:not(.login-body) .portal-tab,
body:not(.login-body) .portal-tab-active {
  position: relative;
  min-width: max-content;
  min-height: 44px;
  padding: 0 0 12px;
  border: 0;
  border-radius: 0;
  color: rgba(255, 249, 232, 0.68);
  background: transparent;
  box-shadow: none;
  text-align: left;
  white-space: nowrap;
}

body:not(.login-body) .portal-tab::after,
body:not(.login-body) .portal-tab-active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: transparent;
}

body:not(.login-body) .portal-tab:hover,
body:not(.login-body) .portal-tab:focus-visible {
  color: var(--ds-text);
  border: 0;
  outline: none;
}

body:not(.login-body) .portal-tab:focus-visible::after {
  background: rgba(242, 213, 107, 0.5);
}

body:not(.login-body) .portal-tab.is-active,
body:not(.login-body) .portal-tab.portal-tab-active,
body:not(.login-body) .portal-tab-active {
  color: var(--ds-gold-soft);
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:not(.login-body) .portal-tab.is-active::after,
body:not(.login-body) .portal-tab.portal-tab-active::after,
body:not(.login-body) .portal-tab-active::after {
  background: linear-gradient(90deg, var(--ds-gold), var(--ds-gold-soft));
  box-shadow: 0 0 18px rgba(242, 213, 107, 0.28);
}

body:not(.login-body) .portal-tab-panel {
  border-color: rgba(242, 213, 107, 0.18);
  background:
    radial-gradient(circle at 100% 0%, rgba(242, 213, 107, 0.08), transparent 18rem),
    linear-gradient(145deg, rgba(16, 42, 32, 0.74), rgba(7, 26, 18, 0.88));
}

.dashboard-overview-tabs {
  margin-top: var(--space-4);
}

.dashboard-overview-tabs .portal-tab-panel {
  align-items: start;
}

.dashboard-tab-intro {
  padding-bottom: var(--space-2);
  border-bottom: 1px solid rgba(255, 249, 232, 0.1);
}

.dashboard-tab-grid {
  align-items: start;
}

.dashboard-tab-panel .dashboard-section-card,
.dashboard-tab-panel .dashboard-support-card {
  min-height: 100%;
}

body :is(.portal-tabs-shell, .portal-tab-panel, .portal-section-intro, .dashboard-section-card, .dashboard-support-card, .panel, .metric-card, .dashboard-metric-card, .automation-impact-card, .priority-inbox-card, .status-pill, .status-badge, .button, .action-link, .text-link, .compact-row, .timeline-item, .service-summary-card, .service-card-summary, .patient-card-rich, .hours-row, input, select, textarea) {
  min-width: 0;
  overflow-wrap: anywhere;
}

body :is(.status-pill, .status-badge) {
  cursor: default;
  white-space: normal;
}

body :is(.button, .button-primary, .button-secondary, .agenda-button, .action-link) {
  cursor: pointer;
  line-height: 1.2;
}

body:not(.login-body) :is(.service-summary-card h2, .service-summary-card h3, .service-card-summary h2, .service-card-summary h3, .service-title) {
  color: var(--ds-text) !important;
  text-shadow: none;
}

body:not(.login-body) :is(.service-summary-card p, .service-card-summary p, .service-editor summary) {
  color: var(--ds-text-muted) !important;
}

.login-body {
  background:
    radial-gradient(circle at 12% 8%, rgba(242, 213, 107, 0.16), transparent 26rem),
    radial-gradient(circle at 88% 86%, rgba(42, 134, 95, 0.22), transparent 28rem),
    linear-gradient(135deg, #071a12 0%, #102a20 48%, #06150f 100%);
}

.login-shell {
  width: min(1120px, 100%);
  background: rgba(255, 249, 232, 0.93);
  border-color: rgba(242, 213, 107, 0.24);
}

.login-panel {
  background:
    radial-gradient(circle at 0% 0%, rgba(242, 213, 107, 0.18), transparent 20rem),
    linear-gradient(180deg, rgba(255, 249, 232, 0.98), rgba(243, 234, 210, 0.96));
}

.login-product-visual {
  position: relative;
  isolation: isolate;
  min-height: 100%;
  overflow: hidden;
  background:
    linear-gradient(0deg, rgba(7, 26, 18, 0.32), rgba(7, 26, 18, 0.32)),
    radial-gradient(circle at 74% 20%, rgba(242, 213, 107, 0.28), transparent 15rem),
    radial-gradient(circle at 22% 60%, rgba(67, 166, 118, 0.25), transparent 18rem),
    linear-gradient(145deg, #102a20 0%, #071a12 68%, #04100b 100%);
}

.login-product-visual::before {
  content: "";
  position: absolute;
  inset: -18%;
  z-index: -1;
  background:
    linear-gradient(120deg, rgba(255, 249, 232, 0.06) 0 1px, transparent 1px 72px),
    linear-gradient(30deg, rgba(242, 213, 107, 0.07) 0 1px, transparent 1px 86px);
  filter: blur(0.2px);
  opacity: 0.7;
  transform: rotate(-4deg);
}

.login-visual-scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  filter: saturate(1.08);
}

.login-visual-glow {
  position: absolute;
  top: 10%;
  right: 6%;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(242, 213, 107, 0.24);
  filter: blur(42px);
}

.login-visual-board,
.login-visual-card,
.login-visual-node,
.login-visual-route {
  position: absolute;
  display: block;
}

.login-visual-board {
  top: 18%;
  right: 11%;
  width: min(290px, 70%);
  min-height: 210px;
  padding: 22px;
  border: 1px solid rgba(255, 249, 232, 0.18);
  border-radius: 14px;
  background: rgba(255, 249, 232, 0.09);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(14px);
}

.login-visual-board span {
  display: block;
  height: 18px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(242, 213, 107, 0.82), rgba(255, 249, 232, 0.18));
}

.login-visual-board span:nth-child(2) {
  width: 78%;
  background: linear-gradient(90deg, rgba(255, 249, 232, 0.55), rgba(42, 134, 95, 0.32));
}

.login-visual-board span:nth-child(3) {
  width: 58%;
  background: linear-gradient(90deg, rgba(42, 134, 95, 0.72), rgba(255, 249, 232, 0.14));
}

.login-visual-card {
  width: 122px;
  height: 82px;
  border: 1px solid rgba(242, 213, 107, 0.2);
  border-radius: 12px;
  background: rgba(7, 26, 18, 0.48);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(18px);
}

.login-visual-card.card-one {
  top: 54%;
  left: 13%;
}

.login-visual-card.card-two {
  right: 9%;
  bottom: 23%;
  width: 150px;
}

.login-visual-route {
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(242, 213, 107, 0.7), transparent);
  transform-origin: left center;
}

.login-visual-route.route-one {
  top: 44%;
  left: 21%;
  width: 58%;
  transform: rotate(-18deg);
}

.login-visual-route.route-two {
  right: 16%;
  bottom: 36%;
  width: 52%;
  transform: rotate(20deg);
}

.login-visual-node {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--ds-gold-soft);
  box-shadow: 0 0 0 8px rgba(242, 213, 107, 0.14), 0 0 28px rgba(242, 213, 107, 0.42);
}

.login-visual-node.node-one {
  top: 27%;
  left: 18%;
}

.login-visual-node.node-two {
  top: 49%;
  right: 21%;
}

.login-visual-node.node-three {
  bottom: 25%;
  left: 36%;
}

.login-aside-message {
  position: relative;
  z-index: 1;
  background: rgba(7, 26, 18, 0.52);
  backdrop-filter: blur(18px);
}

.login-aside-message h2 {
  color: var(--ds-text);
  font-size: clamp(1.7rem, 2.5vw, 2.45rem);
  line-height: 1.08;
}

.login-aside-message p {
  color: rgba(255, 249, 232, 0.72);
}

@media (max-width: 900px) {
  .login-product-visual {
    min-height: 360px;
  }

  .login-visual-board {
    top: 12%;
    right: 8%;
  }
}

@media (max-width: 640px) {
  body:not(.login-body) .portal-tabs {
    gap: var(--space-3);
  }

  body:not(.login-body) .portal-tab,
  body:not(.login-body) .portal-tab-active {
    min-height: 42px;
    padding-bottom: 10px;
  }

  .dashboard-tab-intro {
    padding-bottom: var(--space-2);
  }
}

.login-panel .login-brand,
.login-panel .auriloop-logo,
.login-panel .auriloop-logo-copy strong,
.login-panel .login-copy h1,
.login-panel .form-field span:first-child,
.login-panel .toggle-line {
  color: #102a20 !important;
}

.login-panel .login-copy p,
.login-panel .auriloop-logo-copy small {
  color: rgba(16, 42, 32, 0.72) !important;
}

.login-panel .eyebrow {
  color: #a78327 !important;
}

.login-panel :is(input, select, textarea) {
  color: #102a20 !important;
  border-color: rgba(168, 131, 39, 0.28) !important;
  background: rgba(255, 253, 246, 0.88) !important;
}

.login-panel :is(input, select, textarea):focus {
  border-color: rgba(168, 131, 39, 0.72) !important;
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.14) !important;
}

/* AuriLoop Premium V6: unified green + gold SaaS UI */
:root {
  --ds-bg: #041f1d;
  --ds-bg-2: #052e2b;
  --ds-bg-3: #0b3f3a;
  --ds-green: #0f5c55;
  --ds-surface: rgba(255, 255, 255, 0.04);
  --ds-surface-strong: rgba(255, 255, 255, 0.07);
  --ds-border: rgba(255, 255, 255, 0.08);
  --ds-border-strong: rgba(255, 255, 255, 0.14);
  --ds-border-gold: rgba(212, 175, 55, 0.35);
  --ds-gold: #d4af37;
  --ds-gold-soft: #e6c65a;
  --ds-gold-glow: rgba(212, 175, 55, 0.25);
  --ds-text: #e8f5f3;
  --ds-text-muted: #a8c9c5;
  --ds-text-soft: rgba(232, 245, 243, 0.86);
  --ds-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  --ds-shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.24);
  --ds-radius: 16px;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --green-950: #041f1d;
  --green-900: #052e2b;
  --green-800: #0b3f3a;
  --green-700: #0f5c55;
  --green-100: #e8f5f3;
  --gold-500: #d4af37;
  --gold-100: #e6c65a;
  --cream-100: #041f1d;
  --cream-200: #052e2b;
  --copper-500: #d4af37;
  --bronze-600: #d4af37;
  --ink: #e8f5f3;
  --muted: #a8c9c5;
  --line: rgba(255, 255, 255, 0.08);
  --surface: rgba(255, 255, 255, 0.04);
  --white: #e8f5f3;
  --shadow: var(--ds-shadow);
  --shadow-soft: var(--ds-shadow-soft);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body :is(h1, h2, h3, h4, h5, h6, p, span, strong, small, a, button, label, li, dt, dd, th, td, em, code) {
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

html {
  background: var(--ds-bg);
}

body:not(.login-body) {
  color: var(--ds-text) !important;
  background:
    linear-gradient(180deg, rgba(11, 63, 58, 0.52) 0%, rgba(4, 31, 29, 0) 360px),
    linear-gradient(135deg, #041f1d 0%, #052e2b 44%, #041f1d 100%) !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

body:not(.login-body) .app-shell {
  grid-template-columns: 284px minmax(0, 1fr);
  background: transparent !important;
}

body:not(.login-body) .main-area {
  min-width: 0;
}

body:not(.login-body) .content {
  width: min(100%, 1400px) !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 24px !important;
}

body:not(.login-body) .topbar {
  min-height: 76px;
  padding: 16px 24px;
  color: var(--ds-text);
  border-bottom: 1px solid var(--ds-border);
  background: rgba(4, 31, 29, 0.78) !important;
  backdrop-filter: blur(12px);
}

body:not(.login-body) .topbar strong,
body:not(.login-body) .user-chip strong,
body:not(.login-body) .sidebar-note strong {
  color: var(--ds-text) !important;
}

body:not(.login-body) .topbar-label,
body:not(.login-body) .eyebrow,
body:not(.login-body) .card-topline,
body:not(.login-body) .page-guide-main span,
body:not(.login-body) .ux-page-hero-copy span,
body:not(.login-body) .portal-section-intro span,
body:not(.login-body) .portal-section-card > span,
body:not(.login-body) .portal-tab-card > span {
  color: var(--ds-gold-soft) !important;
}

body:not(.login-body) .sidebar {
  padding: 24px 18px;
  color: var(--ds-text);
  border-right: 1px solid var(--ds-border);
  background:
    linear-gradient(180deg, rgba(5, 46, 43, 0.98), rgba(4, 31, 29, 0.98)),
    #052e2b !important;
}

body:not(.login-body) .nav-group {
  border: 1px solid transparent;
  border-radius: 16px;
  background: transparent;
}

body:not(.login-body) .nav-group[open] {
  border-color: rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.025);
}

body:not(.login-body) .nav-group summary {
  color: var(--ds-text-soft);
}

body:not(.login-body) .nav-group summary small,
body:not(.login-body) .nav-item small,
body:not(.login-body) .sidebar-note small,
body:not(.login-body) .user-chip small {
  color: var(--ds-text-muted) !important;
}

body:not(.login-body) .nav-group summary::after {
  color: var(--ds-gold);
}

body:not(.login-body) .nav-item {
  display: grid;
  gap: 3px;
  min-height: 46px;
  padding: 9px 12px 9px 14px;
  border: 1px solid transparent;
  border-left: 3px solid transparent;
  border-radius: 14px;
  color: var(--ds-text-muted);
  background: transparent;
}

body:not(.login-body) .nav-item:hover {
  color: var(--ds-text);
  border-color: rgba(212, 175, 55, 0.16);
  border-left-color: rgba(212, 175, 55, 0.46);
  background: linear-gradient(90deg, rgba(15, 92, 85, 0.36), rgba(255, 255, 255, 0.035));
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.05), 0 12px 26px rgba(0, 0, 0, 0.18);
}

body:not(.login-body) .nav-item.active {
  color: var(--ds-text);
  border-color: rgba(212, 175, 55, 0.18);
  border-left-color: var(--ds-gold);
  background: linear-gradient(90deg, rgba(212, 175, 55, 0.14), rgba(15, 92, 85, 0.22));
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.08);
}

body:not(.login-body) .sidebar-note,
body:not(.login-body) .user-chip,
body:not(.login-body) .notification-panel {
  border: 1px solid var(--ds-border) !important;
  border-radius: 16px !important;
  background: var(--ds-surface) !important;
  box-shadow: var(--ds-shadow-soft);
  backdrop-filter: blur(12px);
}

body:not(.login-body) .user-chip > span,
body:not(.login-body) .status-dot,
body:not(.login-body) .notification-count {
  color: #052e2b;
  background: linear-gradient(135deg, var(--ds-gold), var(--ds-gold-soft));
}

body:not(.login-body) :is(
  .ux-page-hero,
  .page-guide,
  .onboarding-guide,
  .panel,
  .card,
  .metric-card,
  .info-card,
  .patient-card,
  .patient-card-rich,
  .toolbar-panel,
  .form-panel,
  .rules-panel,
  .automation-panel,
  .operation-panel,
  .quick-action,
  .checklist-card,
  .health-card,
  .rule-row,
  .automation-row,
  .growth-row,
  .report-row,
  .playbook-card,
  .signal-card,
  .experiment-row,
  .slot-card,
  .expansion-row,
  .conversation-entry,
  .version-row,
  .agenda-calendar-panel,
  .agenda-day-panel,
  .agenda-summary-card,
  .agenda-support-shell,
  .agenda-support-card,
  .agenda-form-panel,
  .agenda-appointment-card,
  .agenda-time-block,
  .inbox-filter-panel,
  .inbox-list-panel,
  .inbox-detail-panel,
  .inbox-summary-card,
  .inbox-conversation-card,
  .inbox-detail-card,
  .dashboard-command-shell,
  .dashboard-section-card,
  .dashboard-support-shell,
  .dashboard-support-card,
  .dashboard-metric-card,
  .dashboard-hero-panel,
  .automation-impact-card,
  .priority-inbox-card,
  .bot-journey-shell,
  .bot-journey-hero-panel,
  .bot-impact-card,
  .bot-demo-card,
  .bot-validation-panel,
  .bot-journey-advanced,
  .bot-history-panel,
  .bot-editor-card,
  .bot-reminder-panel,
  .bot-phone-shell,
  .bot-flow-step,
  .bot-flow-config-shell,
  .bot-config-check-card,
  .bot-config-step-card,
  .bot-config-detail-card,
  .bot-config-side-intro,
  .bot-real-flow-header,
  .bot-api-summary-grid article,
  .bot-api-section,
  .bot-api-step-card,
  .bot-api-advanced-card,
  .bot-api-more-card,
  .bot-api-panel,
  .team-member-card,
  .service-summary-card,
  .service-card-summary,
  .schedule-rule-card,
  .config-action-card,
  .portal-tabs-shell,
  .portal-tab-panel,
  .portal-section-card,
  .portal-tab-card,
  .portal-checklist,
  .portal-subpanel
) {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  color: var(--ds-text-soft) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025)),
    rgba(255, 255, 255, 0.04) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(12px);
  overflow-wrap: break-word;
}

body:not(.login-body) :is(.dashboard-command-shell, .inbox-command-shell, .agenda-command-shell, .bot-journey-shell) {
  padding: 24px !important;
  border-color: rgba(212, 175, 55, 0.18) !important;
  background:
    linear-gradient(145deg, rgba(11, 63, 58, 0.78), rgba(4, 31, 29, 0.84)),
    rgba(255, 255, 255, 0.04) !important;
}

body:not(.login-body) :is(.metric-card, .dashboard-metric-card, .agenda-summary-card, .inbox-summary-card, .automation-impact-card) {
  padding: 18px !important;
}

body:not(.login-body) :is(.metric-card strong, .dashboard-metric-card strong, .agenda-summary-card strong, .inbox-summary-card strong, .automation-impact-card strong) {
  display: block;
  color: var(--ds-text) !important;
  font-size: clamp(2rem, 3vw, 3.25rem) !important;
  line-height: 0.95;
}

body:not(.login-body) :is(.metric-card span, .dashboard-metric-card > span:not(.dashboard-metric-icon), .agenda-summary-card span, .inbox-summary-card span, .automation-impact-card span) {
  color: var(--ds-text-muted) !important;
  font-size: 0.76rem;
  font-weight: 850;
  text-transform: uppercase;
}

body:not(.login-body) :is(.metric-card small, .dashboard-metric-card small, .agenda-summary-card small, .inbox-summary-card small, .automation-impact-card small, .panel-copy, .info-card p, .patient-card p, .portal-section-intro p, .portal-section-card p, .portal-tab-card p) {
  color: var(--ds-text-muted) !important;
  line-height: 1.5;
}

body:not(.login-body) :is(h1, h2, h3, .page-title, .page-heading h1, .ux-page-hero-copy h1, .dashboard-hero h1, .agenda-hero h1, .inbox-hero h1, .bot-journey-hero h1, .panel-header h2, .portal-section-intro h2) {
  color: var(--ds-text) !important;
  letter-spacing: 0;
  text-shadow: none;
}

body:not(.login-body) :is(.page-heading h1, .ux-page-hero h1, .dashboard-hero h1, .agenda-hero h1, .inbox-hero h1, .bot-journey-hero h1, .title-gradient) {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

body:not(.login-body) .ux-page-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  padding: 24px;
  margin-bottom: 24px;
  border-color: rgba(212, 175, 55, 0.22) !important;
  background:
    linear-gradient(135deg, rgba(15, 92, 85, 0.4), rgba(4, 31, 29, 0.72)),
    rgba(255, 255, 255, 0.04) !important;
}

body:not(.login-body) .ux-page-hero-copy h1 {
  max-width: 900px;
  font-size: clamp(2rem, 3.4vw, 3.85rem);
  line-height: 1.03;
}

body:not(.login-body) .page-guide {
  border-left: 4px solid var(--ds-gold) !important;
}

body:not(.login-body) :is(.button, .agenda-button, .inbox-button, .bot-journey-button, .action-link, .text-link, .notification-push-button, .icon-button) {
  max-width: 100%;
  min-width: 0;
  border-radius: 12px !important;
  font-weight: 700;
  line-height: 1.2;
  white-space: normal;
  text-align: center;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease;
}

body:not(.login-body) :is(.button-primary, .button.button-primary, .agenda-button-primary, .inbox-button-primary, .bot-journey-button-primary, .action-link-primary, .notification-push-button.is-active) {
  color: #052e2b !important;
  border-color: rgba(230, 198, 90, 0.78) !important;
  background: linear-gradient(135deg, #d4af37, #e6c65a) !important;
  box-shadow: 0 12px 28px rgba(212, 175, 55, 0.2) !important;
}

body:not(.login-body) :is(.button-primary, .button.button-primary, .agenda-button-primary, .inbox-button-primary, .bot-journey-button-primary, .action-link-primary):hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(212, 175, 55, 0.28) !important;
}

body:not(.login-body) :is(.button-secondary, .button.button-secondary, .agenda-button-secondary, .inbox-button-secondary, .bot-journey-button-secondary, .action-link-secondary, .icon-button) {
  color: var(--ds-text) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.045) !important;
}

body:not(.login-body) :is(.button-secondary, .button.button-secondary, .agenda-button-secondary, .inbox-button-secondary, .bot-journey-button-secondary, .action-link-secondary, .icon-button):hover {
  color: var(--ds-text) !important;
  border-color: rgba(212, 175, 55, 0.28) !important;
  background: rgba(15, 92, 85, 0.28) !important;
  transform: translateY(-1px);
}

body:not(.login-body) :is(.text-link, .phone-link) {
  color: var(--ds-gold-soft) !important;
  text-decoration-color: rgba(212, 175, 55, 0.58);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

body:not(.login-body) :is(input, select, textarea) {
  min-width: 0;
  color: var(--ds-text) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  outline: none;
}

body:not(.login-body) :is(input, select, textarea):focus {
  border-color: rgba(212, 175, 55, 0.72) !important;
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.16) !important;
}

body:not(.login-body) :is(input::placeholder, textarea::placeholder) {
  color: rgba(168, 201, 197, 0.7);
}

body:not(.login-body) :is(.status-pill, .status-badge) {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  color: var(--ds-text) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  white-space: normal;
}

body:not(.login-body) :is(.status-confirmado, .status-ok, .is-ok) {
  color: #bff6d2 !important;
  border-color: rgba(67, 190, 120, 0.28) !important;
  background: rgba(67, 190, 120, 0.11) !important;
}

body:not(.login-body) :is(.status-pendente, .status-warning, .is-attention) {
  color: var(--ds-gold-soft) !important;
  border-color: rgba(212, 175, 55, 0.3) !important;
  background: rgba(212, 175, 55, 0.1) !important;
}

body:not(.login-body) :is(.status-cancelado, .status-danger, .is-danger) {
  color: #ffb7a8 !important;
  border-color: rgba(255, 128, 102, 0.28) !important;
  background: rgba(255, 128, 102, 0.1) !important;
}

body:not(.login-body) .portal-tabs-shell {
  gap: 20px;
  padding: 20px;
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

body:not(.login-body) .portal-tabs {
  display: flex;
  align-items: flex-end;
  gap: clamp(16px, 2vw, 28px);
  max-width: 100%;
  padding: 0;
  overflow-x: auto;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  scrollbar-width: thin;
}

body:not(.login-body) :is(.portal-tab, .portal-tab-active) {
  position: relative;
  min-width: max-content;
  min-height: 44px;
  padding: 0 0 12px;
  color: var(--ds-text-muted) !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap;
}

body:not(.login-body) :is(.portal-tab, .portal-tab-active)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: transparent;
  transform: scaleX(0.45);
  transform-origin: center;
  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

body:not(.login-body) .portal-tab:hover,
body:not(.login-body) .portal-tab:focus-visible {
  color: var(--ds-text) !important;
  outline: none;
}

body:not(.login-body) :is(.portal-tab.is-active, .portal-tab.portal-tab-active, .portal-tab-active) {
  color: var(--ds-gold) !important;
  border-bottom-color: #d4af37 !important;
}

body:not(.login-body) :is(.portal-tab.is-active, .portal-tab.portal-tab-active, .portal-tab-active)::after {
  background: linear-gradient(90deg, #d4af37, #e6c65a);
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.25);
  transform: scaleX(1);
}

body:not(.login-body) .portal-tab-panel {
  padding: 24px;
  border-color: rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(145deg, rgba(11, 63, 58, 0.62), rgba(4, 31, 29, 0.78)),
    rgba(255, 255, 255, 0.04) !important;
}

body:not(.login-body) :is(.timeline-item, .compact-row, .portal-check-item, .portal-list-item, .integration-detail-list article) {
  min-width: 0;
  border-color: rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

body:not(.login-body) :is(.empty-state, .dashboard-empty-state, .dashboard-support-empty) {
  color: var(--ds-text-muted) !important;
  border-color: rgba(212, 175, 55, 0.24) !important;
  border-radius: 16px !important;
  background: rgba(212, 175, 55, 0.06) !important;
}

body:not(.login-body) .auriloop-logo-mark {
  border-color: rgba(212, 175, 55, 0.34);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
}

body:not(.login-body) .auriloop-logo-copy strong {
  color: var(--ds-text) !important;
}

body:not(.login-body) .auriloop-logo-copy small {
  color: var(--ds-text-muted) !important;
}

.login-body {
  display: block;
  min-height: 100vh;
  padding: 0;
  color: #10231f;
  background: #f5f2e9 !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.login-shell {
  width: 100% !important;
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(440px, 0.92fr) minmax(520px, 1.08fr);
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden;
  background: #f5f2e9 !important;
  box-shadow: none !important;
}

.login-panel {
  display: grid;
  place-items: center;
  padding: clamp(24px, 4vw, 64px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(245, 242, 233, 0.96)),
    #f5f2e9 !important;
}

.login-card {
  width: min(100%, 470px);
  display: grid;
  gap: 28px;
  padding: clamp(28px, 4vw, 44px);
  border: 1px solid rgba(5, 46, 43, 0.08);
  border-radius: 24px;
  background: rgba(255, 253, 247, 0.78);
  box-shadow: 0 24px 70px rgba(5, 46, 43, 0.13);
  backdrop-filter: blur(12px);
}

.login-card .login-brand {
  color: #052e2b !important;
}

.login-card .auriloop-logo-mark {
  border-color: rgba(212, 175, 55, 0.36);
  background: rgba(255, 255, 255, 0.72);
}

.login-card .auriloop-logo-copy strong,
.login-card .login-copy h1,
.login-card .form-field span:first-child,
.login-card .toggle-line {
  color: #052e2b !important;
}

.login-card .auriloop-logo-copy small,
.login-card .login-copy p {
  color: rgba(5, 46, 43, 0.68) !important;
}

.login-card .eyebrow {
  color: #9f7d22 !important;
}

.login-copy h1 {
  max-width: 430px;
  margin: 8px 0 12px;
  font-size: clamp(2.35rem, 4.5vw, 4rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.login-form {
  max-width: none;
  gap: 16px;
}

.login-card :is(input, select, textarea) {
  min-height: 48px;
  color: #052e2b !important;
  border: 1px solid rgba(5, 46, 43, 0.12) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.login-card :is(input, select, textarea):focus {
  border-color: rgba(212, 175, 55, 0.82) !important;
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.18) !important;
}

.login-card .button-primary {
  min-height: 50px;
  color: #052e2b !important;
  border-color: rgba(212, 175, 55, 0.74) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #d4af37, #e6c65a) !important;
  box-shadow: 0 16px 34px rgba(135, 102, 18, 0.2) !important;
}

.login-card .button-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 42px rgba(135, 102, 18, 0.26) !important;
}

.login-product-visual {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: end;
  min-height: 100vh;
  padding: clamp(28px, 4vw, 56px);
  overflow: hidden;
  background: #041f1d !important;
}

.login-product-visual > img {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: blur(0.7px) saturate(0.95) brightness(0.82);
  transform: scale(1.025);
}

.login-product-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      to left,
      rgba(4, 31, 29, 0.8),
      rgba(4, 31, 29, 0.4),
      transparent
    );
}

.login-product-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(4, 31, 29, 0.12), rgba(4, 31, 29, 0.78));
}

.login-product-visual .login-visual-scene {
  display: none !important;
}

.login-aside-message {
  width: min(520px, 100%);
  margin-left: auto;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px !important;
  color: var(--ds-text);
  background: rgba(4, 31, 29, 0.46) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(12px);
}

.login-aside-message h2 {
  color: var(--ds-text) !important;
  font-size: clamp(1.7rem, 2.5vw, 2.55rem);
  line-height: 1.06;
}

.login-aside-message p {
  color: var(--ds-text-muted) !important;
}

.login-aside-message .status-pill {
  color: var(--ds-gold-soft) !important;
  border-color: rgba(212, 175, 55, 0.28) !important;
  background: rgba(212, 175, 55, 0.1) !important;
}

@media (max-width: 1120px) {
  body:not(.login-body) .app-shell {
    grid-template-columns: 1fr;
  }

  body:not(.login-body) .sidebar {
    position: static;
    height: auto;
  }

  body:not(.login-body) .side-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .login-shell {
    grid-template-columns: minmax(390px, 0.9fr) minmax(420px, 1fr);
  }
}

@media (max-width: 900px) {
  body:not(.login-body) .content {
    padding: 20px !important;
  }

  body:not(.login-body) .topbar,
  body:not(.login-body) .user-cluster,
  body:not(.login-body) .ux-page-hero,
  body:not(.login-body) .portal-section-intro {
    grid-template-columns: 1fr !important;
    align-items: stretch;
  }

  body:not(.login-body) .ux-page-primary-action,
  body:not(.login-body) .portal-tab-actions,
  body:not(.login-body) .portal-action-row {
    justify-content: flex-start;
  }

  .login-shell {
    grid-template-columns: 1fr;
  }

  .login-product-visual {
    display: none;
  }

  .login-panel {
    min-height: 100vh;
  }
}

@media (max-width: 720px) {
  body:not(.login-body) .content {
    padding: 16px !important;
  }

  body:not(.login-body) .side-nav,
  body:not(.login-body) :is(.metric-grid, .dashboard-metric-grid, .inbox-summary-grid, .agenda-summary-grid, .portal-metric-grid, .portal-card-grid) {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-body) :is(.button, .agenda-button, .inbox-button, .bot-journey-button, .action-link) {
    width: 100%;
  }

  .login-panel {
    padding: 18px;
  }

  .login-card {
    padding: 24px;
    border-radius: 20px;
  }

  .login-copy h1 {
    font-size: 2.35rem;
  }
}

/* Login viewport fit: keep the split screen polished on common desktop and mobile sizes. */
.login-card {
  gap: 22px;
  padding: clamp(28px, 3.2vw, 36px);
}

.login-copy h1 {
  max-width: 100%;
  margin: 6px 0 10px;
  font-size: clamp(2.35rem, 3.5vw, 3.25rem) !important;
  line-height: 1.03;
  white-space: normal !important;
  overflow-wrap: break-word;
}

.login-copy p {
  max-width: 100%;
  line-height: 1.55;
}

.login-form {
  gap: 14px;
}

.login-card :is(input, select) {
  min-height: 46px;
}

.login-card .button-primary {
  min-height: 48px;
}

.login-aside-message {
  position: relative;
  z-index: 2;
  width: min(460px, 100%);
  padding: 20px;
}

.login-aside-message h2 {
  font-size: clamp(1.45rem, 2.1vw, 2rem) !important;
}

body.login-body {
  overflow-x: hidden;
  min-height: 100lvh !important;
  background: #f5f2e9 !important;
}

html:has(body.login-body) {
  background: #f5f2e9 !important;
}

body.login-body .login-shell,
body.login-body .login-panel {
  background-color: #f5f2e9 !important;
  min-height: 100lvh;
}

body.login-body .login-card,
body.login-body .login-copy,
body.login-body .login-form,
body.login-body .form-field {
  max-width: 100%;
  min-width: 0;
}

body.login-body .login-copy :is(h1, p) {
  word-break: normal;
  overflow-wrap: normal;
}

@media (max-width: 900px) {
  .login-shell {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden;
  }

  .login-panel {
    width: 100%;
    min-width: 0;
    min-height: 100vh;
  }

  .login-card {
    width: min(100%, 440px);
    max-width: calc(100vw - 36px);
    min-width: 0;
  }

  .login-copy h1 {
    max-width: 100%;
    font-size: clamp(2.05rem, 10vw, 2.45rem) !important;
  }
}

@media (max-width: 640px) {
  .login-card {
    width: 100% !important;
    max-width: 320px !important;
  }

  .login-card :is(input, select, textarea),
  .login-card .button-primary {
    width: 100%;
  }

  .login-card .toggle-line input[type="checkbox"] {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
  }

  .login-card .toggle-line {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
  }

  .login-copy h1 {
    font-size: clamp(1.9rem, 8vw, 2.14rem) !important;
  }
}

@media (min-width: 901px) {
  body.login-body .login-shell,
  body.login-body .login-panel,
  body.login-body .login-product-visual {
    min-height: 768px;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  .login-panel {
    padding: 24px 52px;
  }

  .login-card {
    gap: 16px;
    padding: 26px 36px;
  }

  .login-copy h1 {
    font-size: clamp(2.15rem, 3vw, 2.85rem) !important;
    line-height: 1.02;
  }

  .login-copy p {
    line-height: 1.42;
  }

  .login-form {
    gap: 10px;
  }

  .form-field {
    gap: 5px;
  }

  .login-card :is(input, select) {
    min-height: 40px;
  }

  .login-card .button-primary {
    min-height: 44px;
  }

  .login-aside-message {
    padding: 18px;
  }

  .login-aside-message p {
    display: none;
  }
}

@media (max-width: 420px) {
  .login-panel {
    padding: 16px;
  }

  .login-card {
    gap: 20px;
    width: 100% !important;
    max-width: 300px !important;
    padding: 22px;
    border-radius: 20px;
  }

  .login-copy h1 {
    font-size: clamp(1.82rem, 8.4vw, 2rem) !important;
    line-height: 1.08;
  }

  .login-copy p {
    font-size: 0.95rem;
  }
}

/* Login Premium Dark V8: Stripe/Linear-style split screen */
html:has(body.login-body),
body.login-body {
  width: 100%;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  overflow-x: hidden;
  color: #e8f5f3 !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(212, 175, 55, 0.16), transparent 24rem),
    radial-gradient(circle at 88% 88%, rgba(15, 92, 85, 0.28), transparent 28rem),
    linear-gradient(135deg, #041f1d 0%, #052e2b 48%, #020b0a 100%) !important;
}

body.login-body {
  display: block !important;
  padding: 0 !important;
}

body.login-body .login-shell {
  width: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden;
}

body.login-body .login-panel {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  padding: clamp(28px, 5vw, 72px);
  background:
    radial-gradient(circle at 20% 10%, rgba(212, 175, 55, 0.12), transparent 22rem),
    linear-gradient(145deg, rgba(5, 46, 43, 0.94), rgba(2, 11, 10, 0.98)) !important;
}

body.login-body .login-card {
  width: min(100%, 480px) !important;
  display: grid;
  gap: 24px;
  padding: clamp(30px, 4.2vw, 46px);
  border: 1px solid rgba(255, 215, 0, 0.12) !important;
  border-radius: 20px !important;
  color: #e8f5f3 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(16px);
}

body.login-body .login-brand,
body.login-body .login-card .auriloop-logo,
body.login-body .login-card .auriloop-logo-copy strong,
body.login-body .login-copy h1,
body.login-body .form-field span:first-child,
body.login-body .toggle-line {
  color: #e8f5f3 !important;
}

body.login-body .login-card .auriloop-logo-mark {
  border-color: rgba(212, 175, 55, 0.34) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(230, 198, 90, 0.22), transparent 34%),
    rgba(255, 255, 255, 0.045) !important;
  box-shadow: 0 14px 34px rgba(212, 175, 55, 0.16);
}

body.login-body .auriloop-logo-gold,
body.login-body .auriloop-logo-green {
  stroke: #d4af37 !important;
}

body.login-body .login-card .auriloop-logo-copy small,
body.login-body .login-copy p {
  color: #a8c9c5 !important;
}

body.login-body .login-copy .eyebrow {
  color: #d4af37 !important;
}

body.login-body .login-copy h1 {
  max-width: 100%;
  margin: 4px 0 0;
  font-size: clamp(2.35rem, 4vw, 3.65rem) !important;
  line-height: 1.02;
  letter-spacing: 0;
}

body.login-body .login-copy h1 span {
  color: #d4af37;
}

body.login-body .login-copy p {
  max-width: 440px;
  margin: 0;
  line-height: 1.62;
}

body.login-body .login-form {
  display: grid;
  gap: 16px;
  max-width: none;
}

body.login-body .login-card :is(input, select, textarea) {
  width: 100%;
  min-height: 48px;
  color: #e8f5f3 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.login-body .login-card :is(input, select, textarea):focus {
  border-color: rgba(212, 175, 55, 0.76) !important;
  box-shadow:
    0 0 0 4px rgba(212, 175, 55, 0.16),
    0 0 34px rgba(212, 175, 55, 0.1) !important;
  outline: none;
}

body.login-body .login-card .toggle-line {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

body.login-body .login-card .toggle-line input[type="checkbox"] {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  border-color: rgba(212, 175, 55, 0.34) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  accent-color: #d4af37;
}

body.login-body .login-card .button-primary {
  min-height: 50px;
  color: #052e2b !important;
  border: 1px solid rgba(230, 198, 90, 0.82) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #d4af37, #e6c65a) !important;
  box-shadow: 0 18px 42px rgba(212, 175, 55, 0.2) !important;
}

body.login-body .login-card .button-primary:hover {
  transform: translateY(-1px);
  box-shadow:
    0 22px 52px rgba(212, 175, 55, 0.28),
    0 0 0 4px rgba(212, 175, 55, 0.08) !important;
}

body.login-body .notice {
  color: #ffcabf !important;
  border: 1px solid rgba(255, 128, 102, 0.24) !important;
  border-radius: 14px;
  background: rgba(255, 128, 102, 0.1) !important;
}

body.login-body .login-product-visual {
  position: relative;
  isolation: isolate;
  display: block;
  min-width: 0;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  padding: 0 !important;
  overflow: hidden;
  background: #041f1d !important;
}

body.login-body .login-product-visual > img {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.95) brightness(0.86);
  transform: scale(1.01);
}

body.login-body .login-product-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(4, 31, 29, 0.44), rgba(4, 31, 29, 0.16)),
    linear-gradient(180deg, rgba(2, 11, 10, 0.2), rgba(2, 11, 10, 0.54));
}

body.login-body .login-product-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-left: 1px solid rgba(212, 175, 55, 0.12);
  background: linear-gradient(90deg, rgba(4, 31, 29, 0.34), transparent 28%);
  pointer-events: none;
}

body.login-body .login-aside-message {
  display: none !important;
}

@media (min-width: 901px) and (max-height: 820px) {
  body.login-body .login-panel {
    padding: 28px 56px;
  }

  body.login-body .login-card {
    gap: 18px;
    padding: 30px 38px;
  }

  body.login-body .login-copy h1 {
    font-size: clamp(2.15rem, 3.2vw, 3rem) !important;
  }

  body.login-body .login-copy p {
    line-height: 1.45;
  }

  body.login-body .login-form {
    gap: 12px;
  }

  body.login-body .login-card :is(input, select) {
    min-height: 42px;
  }
}

@media (max-width: 900px) {
  body.login-body .login-shell {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.login-body .login-product-visual {
    display: none !important;
  }

  body.login-body .login-panel {
    width: 100%;
    padding: 22px;
    overflow-x: hidden;
  }

  body.login-body .login-card {
    width: min(100%, 440px) !important;
    max-width: calc(100vw - 44px) !important;
    justify-self: center;
  }
}

@media (max-width: 460px) {
  body.login-body .login-panel {
    padding: 16px;
  }

  body.login-body .login-card {
    gap: 20px;
    width: 100% !important;
    max-width: calc(100vw - 32px) !important;
    padding: 24px;
  }

  body.login-body .login-copy h1 {
    font-size: clamp(1.95rem, 9vw, 2.3rem) !important;
  }
}

/* Premium SaaS pass: verde escuro, dourado pontual e leitura guiada. */
:root {
  --bg-main: #06110b;
  --bg-card: #0b1f17;
  --bg-elevated: #0f2a20;
  --text-primary: #eaf7f0;
  --text-secondary: #9bb7a8;
  --green-primary: #1f7a63;
  --gold-primary: #d4af37;
  --gold-gradient: linear-gradient(135deg, #d4af37, #f6e27a);
  --gold-glow: 0 0 16px rgba(212, 175, 55, 0.35);
  --ds-bg: var(--bg-main);
  --ds-bg-2: #08170f;
  --ds-card: var(--bg-card);
  --ds-card-2: var(--bg-elevated);
  --ds-text: var(--text-primary);
  --ds-text-soft: var(--text-primary);
  --ds-text-muted: var(--text-secondary);
  --ds-gold: var(--gold-primary);
  --ds-gold-soft: #f6e27a;
  --ds-border: rgba(255, 255, 255, 0.06);
  --ds-border-gold: rgba(212, 175, 55, 0.28);
  --ds-radius: 16px;
  --ds-shadow: 0 20px 60px rgba(0, 0, 0, 0.38);
  --ds-shadow-soft: 0 14px 36px rgba(0, 0, 0, 0.26);
}

body :is(a, button, input, select, textarea, summary, .card, .panel, .metric-card, .info-card, .patient-card, .quick-action, .dashboard-metric-card, .dashboard-section-card, .dashboard-support-card, .agenda-summary-card, .inbox-summary-card, .portal-tab, .portal-tab-panel, .portal-section-card, .portal-tab-card, .status-pill, .status-badge) {
  transition: all 0.2s ease;
}

body:not(.login-body) {
  color: var(--text-primary) !important;
  background:
    radial-gradient(circle at 84% -10%, rgba(31, 122, 99, 0.24), transparent 34rem),
    radial-gradient(circle at 4% 6%, rgba(212, 175, 55, 0.08), transparent 28rem),
    var(--bg-main) !important;
}

body:not(.login-body) .topbar,
body:not(.login-body) .sidebar {
  background: rgba(6, 17, 11, 0.92) !important;
  border-color: var(--ds-border) !important;
}

body:not(.login-body) .content {
  display: grid;
  gap: 20px;
}

body:not(.login-body) :is(
  .card,
  .panel,
  .metric-card,
  .info-card,
  .patient-card,
  .patient-card-rich,
  .quick-action,
  .checklist-card,
  .toolbar-panel,
  .operation-panel,
  .dashboard-section-card,
  .dashboard-support-card,
  .dashboard-metric-card,
  .automation-impact-card,
  .priority-inbox-card,
  .agenda-summary-card,
  .agenda-support-card,
  .agenda-form-panel,
  .agenda-appointment-card,
  .agenda-time-block,
  .inbox-summary-card,
  .inbox-list-panel,
  .inbox-detail-panel,
  .inbox-conversation-card,
  .inbox-detail-card,
  .bot-api-panel,
  .bot-api-step-card,
  .bot-api-advanced-card,
  .portal-section-card,
  .portal-tab-card,
  .portal-subpanel,
  .portal-checklist,
  .service-summary-card,
  .service-card-summary,
  .team-member-card,
  .schedule-rule-card,
  .config-action-card,
  .growth-row,
  .signal-card,
  .experiment-row,
  .report-row,
  .playbook-card,
  .expansion-row
) {
  padding: 24px;
  border: 1px solid var(--ds-border) !important;
  border-radius: 16px !important;
  background: var(--bg-card) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22) !important;
}

body:not(.login-body) :is(.card, .panel, .metric-card, .info-card, .patient-card, .patient-card-rich, .quick-action, .dashboard-metric-card, .dashboard-section-card, .dashboard-support-card, .agenda-summary-card, .inbox-summary-card, .portal-section-card, .portal-tab-card, .service-summary-card, .team-member-card, .config-action-card, .growth-row, .signal-card, .experiment-row, .report-row):hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.1) !important;
}

body:not(.login-body) :is(.ux-page-hero, .page-guide, .next-action-panel, .portal-tabs-shell, .portal-tab-panel, .dashboard-command-shell, .agenda-command-shell, .inbox-command-shell, .bot-journey-shell) {
  border: 1px solid var(--ds-border) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(15, 42, 32, 0.86), rgba(11, 31, 23, 0.94)),
    var(--bg-card) !important;
  box-shadow: var(--ds-shadow-soft) !important;
}

body:not(.login-body) .ux-page-hero {
  margin: 0;
  padding: 28px;
}

body:not(.login-body) .ux-page-hero-copy span,
body:not(.login-body) .next-action-panel span,
body:not(.login-body) .page-guide-main span,
body:not(.login-body) .eyebrow,
body:not(.login-body) .card-topline,
body:not(.login-body) .portal-section-intro span,
body:not(.login-body) .portal-section-card > span,
body:not(.login-body) .portal-tab-card > span {
  color: var(--gold-primary) !important;
  letter-spacing: 0;
}

body:not(.login-body) :is(h1, h2, h3, .ux-page-hero-copy h1, .page-heading h1, .dashboard-hero h1, .agenda-hero h1, .inbox-hero h1, .bot-journey-hero h1) {
  color: var(--text-primary) !important;
  letter-spacing: 0;
}

body:not(.login-body) :is(p, small, li, dd, .page-subtitle, .panel-copy, .ux-page-hero-copy p, .next-action-panel p, .page-guide-main strong) {
  color: var(--text-secondary) !important;
}

body:not(.login-body) .next-action-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 20px 22px;
  border-color: rgba(212, 175, 55, 0.2) !important;
  background:
    linear-gradient(135deg, rgba(31, 122, 99, 0.22), rgba(11, 31, 23, 0.96)),
    var(--bg-card) !important;
}

body:not(.login-body) .next-action-panel > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

body:not(.login-body) .next-action-panel strong {
  color: var(--text-primary);
  font-size: 1.05rem;
}

body:not(.login-body) .next-action-panel p {
  margin: 0;
  line-height: 1.45;
}

body:not(.login-body) :is(.button, .agenda-button, .inbox-button, .bot-journey-button, .action-link, .icon-button, .notification-push-button) {
  min-height: 44px;
  border-radius: 10px !important;
  font-weight: 600;
  transition: all 0.2s ease;
}

body:not(.login-body) .content :is(.button-primary, .button.button-primary, .agenda-button-primary, .inbox-button-primary, .bot-journey-button-primary, .action-link-primary, .agenda-action-link.is-primary) {
  color: var(--text-primary) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not(.login-body) .content :is(.button-primary, .button.button-primary, .agenda-button-primary, .inbox-button-primary, .bot-journey-button-primary, .action-link-primary, .agenda-action-link.is-primary):hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  border-color: rgba(212, 175, 55, 0.3) !important;
}

body:not(.login-body) .next-action-panel :is(.button-primary, .button.button-primary, .next-action-button) {
  height: 44px;
  min-height: 44px;
  color: #0b1f17 !important;
  border: 0 !important;
  background: var(--gold-gradient) !important;
  box-shadow: var(--gold-glow) !important;
}

body:not(.login-body) .next-action-panel :is(.button-primary, .button.button-primary, .next-action-button):hover,
body.login-body .login-card .button-primary:hover {
  filter: brightness(1.05);
}

body:not(.login-body) :is(.button-secondary, .button.button-secondary, .agenda-button-secondary, .inbox-button-secondary, .bot-journey-button-secondary, .action-link-secondary) {
  color: var(--text-primary) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: transparent !important;
}

body:not(.login-body) .portal-tabs {
  gap: clamp(18px, 2vw, 32px);
  background: transparent !important;
}

body:not(.login-body) :is(.portal-tab, .portal-tab-active) {
  color: rgba(234, 247, 240, 0.62) !important;
  border-bottom: 2px solid transparent !important;
}

body:not(.login-body) :is(.portal-tab.is-active, .portal-tab.portal-tab-active, .portal-tab-active) {
  color: var(--gold-primary) !important;
  border-bottom: 2px solid var(--gold-primary) !important;
}

body:not(.login-body) :is(.portal-tab.is-active, .portal-tab.portal-tab-active, .portal-tab-active)::after {
  background: var(--gold-gradient);
}

body:not(.login-body) .nav-group[open],
body:not(.login-body) .nav-group.is-active {
  background: rgba(255, 255, 255, 0.025) !important;
}

body:not(.login-body) .nav-item {
  border-radius: 12px;
}

body:not(.login-body) .nav-item:hover {
  color: var(--text-primary) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

body:not(.login-body) .nav-item.active {
  background: rgba(15, 42, 32, 0.9) !important;
  border-color: rgba(212, 175, 55, 0.22) !important;
  border-left-color: var(--gold-primary) !important;
}

body:not(.login-body) :is(.status-pill, .status-badge, .tag, .chip) {
  color: var(--text-secondary) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

body.login-body {
  min-height: 100vh;
  padding: 0 !important;
  color: var(--text-primary);
  background: var(--bg-main) !important;
}

body.login-body .login-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  width: 100% !important;
  min-height: 100vh !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--bg-main) !important;
}

body.login-body .login-panel {
  display: grid;
  place-items: center;
  padding: clamp(28px, 5vw, 72px);
  background: linear-gradient(180deg, #06110b, #0b1f17) !important;
}

body.login-body .login-card {
  width: min(100%, 480px) !important;
  padding: 32px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 16px !important;
  background: #0b1f17 !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

body.login-body .login-card :is(input, select, textarea) {
  min-height: 44px !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

body.login-body .login-card .button-primary {
  height: 44px !important;
  min-height: 44px !important;
  color: #0b1f17 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--gold-gradient) !important;
  box-shadow: var(--gold-glow) !important;
  font-weight: 600;
}

body.login-body .login-product-visual {
  display: grid !important;
  place-items: center;
  min-height: 100vh !important;
  padding: clamp(18px, 3vw, 44px) !important;
  background: #06110b !important;
  overflow: hidden;
}

body.login-body .login-product-visual::before,
body.login-body .login-product-visual::after {
  display: none !important;
}

body.login-body .login-product-visual > img {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: calc(100vh - clamp(36px, 6vw, 88px)) !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  transform: none !important;
}

@media (max-width: 900px) {
  body:not(.login-body) .next-action-panel {
    grid-template-columns: 1fr;
  }

  body.login-body .login-shell {
    grid-template-columns: 1fr !important;
  }

  body.login-body .login-product-visual {
    display: none !important;
  }
}

/* Premium polish: darker panels, less duplicate guidance, clearer hierarchy. */
body:not(.login-body) .dashboard-guidance-strip {
  display: none !important;
}

body:not(.login-body) .content :is(
  .dashboard-command-shell,
  .agenda-command-shell,
  .inbox-command-shell,
  .bot-journey-shell,
  .portal-tabs-shell
) {
  background:
    linear-gradient(180deg, rgba(11, 31, 23, 0.98), rgba(6, 17, 11, 0.98)),
    var(--bg-main) !important;
}

body:not(.login-body) .content :is(
  .portal-tab-panel,
  .portal-section-card,
  .portal-tab-card,
  .portal-subpanel,
  .portal-checklist,
  .dashboard-section-card,
  .dashboard-support-card,
  .dashboard-metric-card,
  .automation-impact-card,
  .priority-inbox-card,
  .agenda-summary-card,
  .agenda-support-card,
  .agenda-form-panel,
  .agenda-appointment-card,
  .agenda-time-block,
  .inbox-summary-card,
  .inbox-list-panel,
  .inbox-detail-panel,
  .inbox-conversation-card,
  .inbox-detail-card,
  .bot-api-panel,
  .bot-api-step-card,
  .bot-api-advanced-card,
  .bot-flow-step,
  .bot-config-step-card,
  .config-action-card,
  .growth-row,
  .signal-card,
  .experiment-row,
  .report-row,
  .playbook-card,
  .service-summary-card,
  .service-card-summary,
  .team-member-card,
  .schedule-rule-card,
  .patient-card-rich,
  .quick-action,
  .panel,
  .card,
  .compact-row,
  .timeline-item
) {
  color: var(--text-primary) !important;
  background:
    linear-gradient(145deg, rgba(15, 42, 32, 0.92), rgba(11, 31, 23, 0.98)),
    var(--bg-card) !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  backdrop-filter: none !important;
}

body:not(.login-body) .content :is(
  .dashboard-metric-card,
  .agenda-summary-card,
  .inbox-summary-card,
  .metric-card,
  .automation-impact-card
) {
  background:
    linear-gradient(145deg, rgba(15, 42, 32, 0.96), rgba(8, 23, 15, 0.98)),
    var(--bg-card) !important;
}

body:not(.login-body) .content :is(.dashboard-command-shell, .agenda-command-shell, .bot-journey-shell)::before,
body:not(.login-body) .content :is(.dashboard-command-shell, .agenda-command-shell, .bot-journey-shell)::after {
  opacity: 0.22 !important;
}

/* Premium focus pass: action hierarchy, living status, refined glass cards. */
:root {
  --gold-gradient: linear-gradient(135deg, #d4af37 0%, #f5d06f 100%);
  --gold-glow: 0 0 18px rgba(212, 175, 55, 0.36);
  --gold-glow-strong:
    0 20px 48px rgba(212, 175, 55, 0.22),
    0 0 44px rgba(212, 175, 55, 0.2);
  --green-outline: rgba(31, 122, 99, 0.62);
  --panel-glass:
    linear-gradient(145deg, rgba(15, 42, 32, 0.82), rgba(8, 22, 15, 0.94)),
    rgba(11, 31, 23, 0.78);
}

body:not(.login-body) .content {
  gap: clamp(24px, 2.4vw, 34px);
}

body:not(.login-body) .ux-page-hero {
  padding: clamp(20px, 2.2vw, 28px) clamp(24px, 2.8vw, 34px) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22) !important;
}

body:not(.login-body) .next-action-panel {
  position: relative;
  isolation: isolate;
  min-height: 138px;
  padding: clamp(28px, 3vw, 40px) clamp(28px, 3.4vw, 48px) !important;
  border-radius: 24px !important;
  border-color: rgba(245, 208, 111, 0.46) !important;
  background:
    radial-gradient(circle at 86% 50%, rgba(245, 208, 111, 0.28), transparent 18rem),
    linear-gradient(135deg, rgba(31, 122, 99, 0.42), rgba(6, 17, 11, 0.96) 62%),
    var(--bg-card) !important;
  box-shadow:
    var(--gold-glow-strong),
    0 28px 72px rgba(0, 0, 0, 0.4) !important;
  overflow: hidden;
}

body:not(.login-body) .next-action-panel::before {
  content: "";
  position: absolute;
  inset: -2px;
  z-index: -1;
  background:
    linear-gradient(115deg, transparent 0 38%, rgba(245, 208, 111, 0.18) 48%, transparent 60%),
    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.08), transparent 18rem);
  opacity: 0.9;
}

body:not(.login-body) .next-action-panel::after {
  content: "";
  position: absolute;
  right: clamp(18px, 2vw, 28px);
  top: clamp(18px, 2vw, 28px);
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #f5d06f;
  box-shadow: 0 0 0 8px rgba(245, 208, 111, 0.12), var(--gold-glow);
}

body:not(.login-body) .next-action-panel span {
  color: #f5d06f !important;
  font-size: 0.88rem;
  font-weight: 800;
  text-transform: uppercase;
}

body:not(.login-body) .next-action-panel strong {
  max-width: 820px;
  color: #fff9e8 !important;
  font-size: clamp(1.65rem, 2.3vw, 2.55rem);
  line-height: 1.02;
}

body:not(.login-body) .next-action-panel p {
  max-width: 760px;
  color: rgba(234, 247, 240, 0.78) !important;
  font-size: clamp(1rem, 1.2vw, 1.15rem);
}

body:not(.login-body) .next-action-panel .next-action-button {
  min-width: clamp(210px, 18vw, 280px);
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 30px !important;
  border-radius: 16px !important;
  font-size: 1rem;
  box-shadow:
    0 16px 34px rgba(212, 175, 55, 0.32),
    0 0 0 1px rgba(255, 255, 255, 0.18) inset !important;
}

body:not(.login-body) .next-action-panel .next-action-button:hover,
body:not(.login-body) .next-action-panel .next-action-button:focus-visible {
  filter: brightness(1.08);
  transform: translateY(-1px) scale(1.02);
  box-shadow:
    0 20px 44px rgba(212, 175, 55, 0.42),
    0 0 0 1px rgba(255, 255, 255, 0.24) inset !important;
}

body:not(.login-body) .content :is(
  .card,
  .panel,
  .metric-card,
  .info-card,
  .patient-card,
  .patient-card-rich,
  .quick-action,
  .checklist-card,
  .toolbar-panel,
  .operation-panel,
  .dashboard-section-card,
  .dashboard-support-card,
  .dashboard-metric-card,
  .automation-impact-card,
  .priority-inbox-card,
  .agenda-summary-card,
  .agenda-support-card,
  .agenda-form-panel,
  .agenda-appointment-card,
  .agenda-time-block,
  .agenda-day-panel,
  .inbox-summary-card,
  .inbox-list-panel,
  .inbox-detail-panel,
  .inbox-conversation-card,
  .inbox-detail-card,
  .bot-api-panel,
  .bot-api-step-card,
  .bot-api-advanced-card,
  .bot-flow-step,
  .bot-config-step-card,
  .config-action-card,
  .growth-row,
  .signal-card,
  .experiment-row,
  .report-row,
  .playbook-card,
  .portal-section-card,
  .portal-tab-card,
  .portal-subpanel,
  .service-summary-card,
  .service-card-summary,
  .team-member-card,
  .schedule-rule-card,
  .compact-row,
  .timeline-item
) {
  padding: clamp(22px, 2vw, 30px) !important;
  border-color: rgba(255, 255, 255, 0.055) !important;
  background: var(--panel-glass) !important;
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  backdrop-filter: blur(10px) saturate(1.08) !important;
}

body:not(.login-body) .content :is(
  .card,
  .panel,
  .metric-card,
  .info-card,
  .patient-card-rich,
  .quick-action,
  .dashboard-section-card,
  .dashboard-support-card,
  .dashboard-metric-card,
  .automation-impact-card,
  .priority-inbox-card,
  .agenda-summary-card,
  .agenda-support-card,
  .agenda-appointment-card,
  .agenda-time-block,
  .inbox-summary-card,
  .inbox-conversation-card,
  .bot-api-step-card,
  .config-action-card,
  .growth-row,
  .signal-card,
  .experiment-row,
  .portal-tab-card,
  .service-summary-card,
  .service-card-summary
):hover {
  transform: translateY(-2px) scale(1.02);
  border-color: rgba(245, 208, 111, 0.16) !important;
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(245, 208, 111, 0.08) inset !important;
}

body:not(.login-body) .content :is(.button-primary, .button.button-primary, .agenda-button-primary, .inbox-button-primary, .bot-journey-button-primary, .action-link-primary, .agenda-action-link.is-primary) {
  color: #0b1f17 !important;
  border: 0 !important;
  background: var(--gold-gradient) !important;
  box-shadow: 0 10px 24px rgba(212, 175, 55, 0.22) !important;
}

body:not(.login-body) .content :is(.button-primary, .button.button-primary, .agenda-button-primary, .inbox-button-primary, .bot-journey-button-primary, .action-link-primary, .agenda-action-link.is-primary):hover,
body:not(.login-body) .content :is(.button-primary, .button.button-primary, .agenda-button-primary, .inbox-button-primary, .bot-journey-button-primary, .action-link-primary, .agenda-action-link.is-primary):focus-visible {
  filter: brightness(1.07);
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 14px 30px rgba(212, 175, 55, 0.32) !important;
}

body:not(.login-body) .content :is(.button-secondary, .button.button-secondary, .agenda-button-secondary, .inbox-button-secondary, .bot-journey-button-secondary, .action-link-secondary, .action-link:not(.action-link-primary), .agenda-action-link:not(.is-primary)) {
  color: var(--text-primary) !important;
  border: 1px solid var(--green-outline) !important;
  background: rgba(31, 122, 99, 0.1) !important;
  box-shadow: none !important;
}

body:not(.login-body) :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid rgba(245, 208, 111, 0.72) !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(212, 175, 55, 0.12) !important;
}

body:not(.login-body) :is(.status-pill, .status-badge, .tag, .chip, .bot-api-status) {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  border-radius: 999px !important;
  font-weight: 800;
}

body:not(.login-body) :is(.status-pill, .status-badge, .bot-api-status)::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 10px currentColor;
}

body:not(.login-body) :is(.status-confirmado, .is-ok) {
  color: #9af0bd !important;
  border-color: rgba(85, 214, 137, 0.28) !important;
  background: rgba(85, 214, 137, 0.12) !important;
}

body:not(.login-body) :is(.status-pendente, .status-atencao) {
  color: #f5d06f !important;
  border-color: rgba(245, 208, 111, 0.3) !important;
  background: rgba(245, 208, 111, 0.12) !important;
}

body:not(.login-body) :is(.status-cancelado, .is-danger) {
  color: #ffb09f !important;
  border-color: rgba(255, 128, 102, 0.3) !important;
  background: rgba(255, 128, 102, 0.12) !important;
}

body:not(.login-body) :is(.is-muted, .status-muted) {
  color: rgba(234, 247, 240, 0.58) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

body:not(.login-body) :is(.metric-card strong, .dashboard-metric-card strong, .agenda-summary-card strong, .inbox-summary-card strong, .automation-impact-card strong, .portal-metric-grid strong) {
  font-variant-numeric: tabular-nums;
}

@keyframes auriloopMetricLift {
  from {
    opacity: 0.74;
    transform: translateY(6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: no-preference) {
  body:not(.login-body) :is(.metric-card strong, .dashboard-metric-card strong, .agenda-summary-card strong, .inbox-summary-card strong, .automation-impact-card strong, .portal-metric-grid strong) {
    animation: auriloopMetricLift 360ms ease both;
  }

  body:not(.login-body) .next-action-panel::after {
    animation: auriloopPulse 1.8s ease-in-out infinite;
  }
}

@keyframes auriloopPulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.72;
  }
  50% {
    transform: scale(1.24);
    opacity: 1;
  }
}

html.js-loading .portal-skeleton,
html.is-route-loading .portal-skeleton {
  filter: drop-shadow(0 18px 42px rgba(0, 0, 0, 0.34));
}

.skeleton-shell,
.skeleton-hero-block,
.skeleton-side-panel,
.skeleton-panel,
.skeleton-card {
  background:
    linear-gradient(145deg, rgba(15, 42, 32, 0.9), rgba(8, 22, 15, 0.98)) !important;
  border-color: rgba(245, 208, 111, 0.1) !important;
}

.skeleton-line,
.skeleton-pill,
.skeleton-number,
.skeleton-status-row span,
.skeleton-button-row span {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.05), rgba(245, 208, 111, 0.16), rgba(255, 255, 255, 0.05)) !important;
}

/* Screen-specific emphasis without touching backend or flow. */
body:not(.login-body) .priority-inbox-panel,
body:not(.login-body) #dashboard-visao .priority-inbox-card,
body:not(.login-body) #intel-testes .experiment-action,
body:not(.login-body) #growth-oportunidades .growth-row:first-of-type,
body:not(.login-body) #agenda-hoje .agenda-appointment-card:first-of-type {
  border-color: rgba(245, 208, 111, 0.34) !important;
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.34),
    0 0 28px rgba(212, 175, 55, 0.12) !important;
}

body:not(.login-body) #bot-fluxo .bot-api-step-list {
  position: relative;
  display: grid;
  gap: 14px;
}

body:not(.login-body) #bot-fluxo .bot-api-step-list::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 32px;
  bottom: 32px;
  width: 2px;
  background: linear-gradient(180deg, rgba(245, 208, 111, 0.5), rgba(31, 122, 99, 0.12));
}

body:not(.login-body) #bot-fluxo .bot-api-step-list > li {
  position: relative;
}

body:not(.login-body) #bot-fluxo .bot-api-step-list > li:first-child .bot-api-step-card {
  border-color: rgba(245, 208, 111, 0.42) !important;
  background:
    radial-gradient(circle at 90% 16%, rgba(245, 208, 111, 0.14), transparent 14rem),
    var(--panel-glass) !important;
  box-shadow:
    0 26px 62px rgba(0, 0, 0, 0.38),
    0 0 30px rgba(212, 175, 55, 0.14) !important;
}

body:not(.login-body) #bot-fluxo .bot-api-step-list > li:not(:first-child) .bot-api-step-card:not([open]) {
  opacity: 0.72;
}

body:not(.login-body) #bot-fluxo .bot-api-order {
  color: #0b1f17 !important;
  background: var(--gold-gradient) !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.24);
}

body:not(.login-body) #config-bot .bot-config-step-card,
body:not(.login-body) #config-agenda .portal-tab-card,
body:not(.login-body) #config-cadastros .portal-tab-card {
  margin-block: 10px;
}

body:not(.login-body) #intel-testes .variant-grid > div {
  border-color: rgba(31, 122, 99, 0.34) !important;
  background: rgba(31, 122, 99, 0.08) !important;
}

body:not(.login-body) #intel-testes .experiment-action {
  background:
    linear-gradient(135deg, rgba(245, 208, 111, 0.12), rgba(31, 122, 99, 0.1)),
    rgba(11, 31, 23, 0.86) !important;
}

body:not(.login-body) #intel-testes .experiment-action strong {
  color: #f5d06f !important;
}

body:not(.login-body) .growth-row:has(.status-cancelado) {
  border-left: 4px solid #ffb09f !important;
}

body:not(.login-body) .growth-row:has(.status-pendente) {
  border-left: 4px solid #f5d06f !important;
}

body:not(.login-body) .growth-row:has(.status-confirmado) {
  border-left: 4px solid #55d689 !important;
}

body:not(.login-body) #agenda-hoje .agenda-time-block:first-of-type,
body:not(.login-body) #agenda-hoje .agenda-appointment-card:first-of-type {
  position: relative;
  border-color: rgba(245, 208, 111, 0.4) !important;
  background:
    radial-gradient(circle at 12% 50%, rgba(245, 208, 111, 0.12), transparent 14rem),
    var(--panel-glass) !important;
}

body:not(.login-body) #agenda-hoje .agenda-appointment-card:first-of-type::before {
  content: "Horario em foco";
  position: absolute;
  right: 18px;
  top: -13px;
  padding: 6px 10px;
  border: 1px solid rgba(245, 208, 111, 0.26);
  border-radius: 999px;
  color: #f5d06f;
  background: #0b1f17;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  body:not(.login-body) .next-action-panel {
    min-height: 0;
    padding: 26px !important;
  }

  body:not(.login-body) .next-action-panel .next-action-button {
    width: 100%;
    min-width: 0;
  }
}

/* Operational cockpit pass: Visao Geral + Atendimentos. */
body:not(.login-body):has(.dashboard-command-shell) .ux-page-hero,
body:not(.login-body):has(.dashboard-command-shell) .page-guide,
body:not(.login-body):has(.inbox-command-shell) .ux-page-hero,
body:not(.login-body):has(.inbox-command-shell) .page-guide {
  display: none !important;
}

body:not(.login-body):has(.dashboard-command-shell) .content,
body:not(.login-body):has(.inbox-command-shell) .content {
  gap: 22px;
}

body:not(.login-body):has(.dashboard-command-shell) .next-action-panel,
body:not(.login-body):has(.inbox-command-shell) .next-action-panel {
  margin-top: 0;
  min-height: 176px;
  border-color: rgba(212, 175, 55, 0.58) !important;
  background:
    radial-gradient(circle at 86% 48%, rgba(212, 175, 55, 0.34), transparent 18rem),
    linear-gradient(135deg, rgba(18, 86, 66, 0.72), rgba(6, 17, 11, 0.98) 64%),
    #06110b !important;
  box-shadow:
    0 28px 78px rgba(212, 175, 55, 0.22),
    0 0 0 1px rgba(212, 175, 55, 0.18),
    0 38px 80px rgba(0, 0, 0, 0.42) !important;
}

body:not(.login-body):has(.dashboard-command-shell) .next-action-panel strong,
body:not(.login-body):has(.inbox-command-shell) .next-action-panel strong {
  max-width: 880px;
  font-size: clamp(2rem, 3.25vw, 3.35rem);
  letter-spacing: 0;
}

body:not(.login-body):has(.dashboard-command-shell) .next-action-panel p,
body:not(.login-body):has(.inbox-command-shell) .next-action-panel p {
  font-size: clamp(1.05rem, 1.45vw, 1.28rem);
}

body:not(.login-body):has(.dashboard-command-shell) .next-action-panel .next-action-button,
body:not(.login-body):has(.inbox-command-shell) .next-action-panel .next-action-button {
  min-width: clamp(240px, 20vw, 320px);
  height: 64px !important;
  min-height: 64px !important;
  border-radius: 18px !important;
  font-size: 1.08rem;
}

body:not(.login-body) .dashboard-command-shell,
body:not(.login-body) .inbox-command-shell {
  border-color: rgba(31, 122, 99, 0.28) !important;
  background:
    linear-gradient(180deg, rgba(7, 26, 18, 0.98), rgba(4, 16, 10, 0.98)),
    #06110b !important;
  box-shadow: 0 30px 72px rgba(0, 0, 0, 0.36) !important;
}

body:not(.login-body) .dashboard-command-shell::after,
body:not(.login-body) .inbox-command-shell::after,
body:not(.login-body) .dashboard-command-orb,
body:not(.login-body) .inbox-orb {
  display: none !important;
}

body:not(.login-body) .dashboard-command-shell > .dashboard-hero,
body:not(.login-body) .dashboard-guidance-strip,
body:not(.login-body) .inbox-command-shell > .inbox-hero,
body:not(.login-body) .inbox-onboarding-card {
  display: none !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card {
  border-left: 4px solid rgba(31, 122, 99, 0.72) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card,
body:not(.login-body) .inbox-summary-card {
  min-height: 128px;
  border-color: rgba(255, 255, 255, 0.055) !important;
  background:
    linear-gradient(145deg, rgba(15, 42, 32, 0.78), rgba(7, 23, 15, 0.96)),
    #0b1f17 !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.26) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority,
body:not(.login-body) .inbox-summary-card.is-action {
  border-left-color: #ff6b4a !important;
  border-color: rgba(255, 107, 74, 0.28) !important;
  background:
    radial-gradient(circle at 84% 28%, rgba(255, 107, 74, 0.18), transparent 9rem),
    linear-gradient(145deg, rgba(56, 23, 18, 0.62), rgba(7, 23, 15, 0.96)),
    #0b1f17 !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.3),
    0 0 30px rgba(255, 107, 74, 0.12) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-icon {
  color: rgba(234, 247, 240, 0.82) !important;
  background: rgba(31, 122, 99, 0.22) !important;
  box-shadow: none !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority .dashboard-metric-icon {
  color: #ffcfbf !important;
  background: rgba(255, 107, 74, 0.18) !important;
  box-shadow: 0 0 18px rgba(255, 107, 74, 0.18) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card strong,
body:not(.login-body) .inbox-summary-card strong {
  color: #eaf7f0 !important;
  font-size: clamp(2.15rem, 3vw, 3rem) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority strong,
body:not(.login-body) .inbox-summary-card.is-action strong {
  color: #ffcfbf !important;
  text-shadow: 0 0 24px rgba(255, 107, 74, 0.24) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-click-hint {
  color: rgba(234, 247, 240, 0.9) !important;
  border-color: rgba(31, 122, 99, 0.5) !important;
  background: rgba(31, 122, 99, 0.1) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority .dashboard-click-hint {
  color: #ffcfbf !important;
  border-color: rgba(255, 107, 74, 0.46) !important;
  background: rgba(255, 107, 74, 0.1) !important;
}

body:not(.login-body) .dashboard-tab-intro p,
body:not(.login-body) .priority-inbox-panel .panel-copy {
  max-width: 620px;
}

body:not(.login-body) .priority-inbox-list {
  display: grid;
  gap: 12px;
}

body:not(.login-body) .priority-inbox-card {
  display: grid;
  gap: 16px;
  padding: 22px !important;
  border-left-width: 5px !important;
  background:
    linear-gradient(145deg, rgba(15, 42, 32, 0.86), rgba(7, 23, 15, 0.98)),
    #0b1f17 !important;
}

body:not(.login-body) .priority-inbox-card.priority-high,
body:not(.login-body) .inbox-conversation-card.priority-high {
  border-left-color: #ff6b4a !important;
  border-color: rgba(255, 107, 74, 0.32) !important;
}

body:not(.login-body) .priority-inbox-card.priority-medium,
body:not(.login-body) .inbox-conversation-card.priority-medium {
  border-left-color: #f59e0b !important;
  border-color: rgba(245, 158, 11, 0.24) !important;
}

body:not(.login-body) .priority-inbox-card.priority-low,
body:not(.login-body) .inbox-conversation-card.priority-low {
  border-left-color: #55d689 !important;
  border-color: rgba(85, 214, 137, 0.2) !important;
}

body:not(.login-body) .priority-badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

body:not(.login-body) .priority-badge.priority-high {
  color: #170805;
  background: #ff6b4a;
  box-shadow: 0 0 24px rgba(255, 107, 74, 0.28);
}

body:not(.login-body) .priority-badge.priority-medium {
  color: #160e02;
  background: #f59e0b;
}

body:not(.login-body) .priority-badge.priority-low {
  color: #03130a;
  background: #55d689;
}

body:not(.login-body) .inbox-workspace {
  grid-template-columns: minmax(300px, 0.72fr) minmax(560px, 1.55fr);
}

body:not(.login-body) .inbox-summary-grid,
body:not(.login-body) .inbox-command-shell .ux-disclosure-block {
  display: none !important;
}

body:not(.login-body) .inbox-filter-panel {
  display: none !important;
}

body:not(.login-body) .inbox-list-panel,
body:not(.login-body) .inbox-detail-panel {
  background:
    linear-gradient(145deg, rgba(11, 31, 23, 0.92), rgba(6, 17, 11, 0.98)),
    #0b1f17 !important;
  border-color: rgba(31, 122, 99, 0.22) !important;
}

body:not(.login-body) .inbox-list-panel {
  max-height: calc(100vh - 168px);
  overflow: auto;
}

body:not(.login-body) .inbox-detail-panel {
  top: 14px;
  min-height: calc(100vh - 168px);
  padding: 22px !important;
  border-color: rgba(31, 122, 99, 0.3) !important;
}

body:not(.login-body) .inbox-conversation-card {
  border-left-width: 5px !important;
  background:
    linear-gradient(145deg, rgba(15, 42, 32, 0.72), rgba(6, 17, 11, 0.98)),
    #0b1f17 !important;
}

body:not(.login-body) .inbox-conversation-card:first-of-type,
body:not(.login-body) .inbox-conversation-card:target,
body:not(.login-body) .inbox-conversation-card:hover,
body:not(.login-body) .inbox-conversation-card:focus-visible {
  border-color: rgba(212, 175, 55, 0.58) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.32),
    0 0 0 1px rgba(212, 175, 55, 0.16),
    0 0 28px rgba(212, 175, 55, 0.14) !important;
}

body:not(.login-body) .inbox-conversation-card p {
  color: #eaf7f0 !important;
  font-size: 0.98rem;
  font-weight: 850;
}

body:not(.login-body) .inbox-next-line {
  border-color: rgba(31, 122, 99, 0.26) !important;
  background: rgba(31, 122, 99, 0.08) !important;
}

body:not(.login-body) .inbox-next-line span {
  color: #9bb7a8 !important;
  text-transform: uppercase;
  font-size: 0.72rem;
  font-weight: 900;
}

body:not(.login-body) .inbox-next-line strong {
  color: #eaf7f0 !important;
  font-size: 1rem;
}

body:not(.login-body) .inbox-detail-card {
  gap: 20px;
}

body:not(.login-body) .inbox-detail-header h2 {
  font-size: clamp(2rem, 3vw, 3rem) !important;
}

body:not(.login-body) .inbox-insight-block {
  padding: 20px !important;
}

body:not(.login-body) .inbox-insight-block:first-of-type {
  border-color: rgba(31, 122, 99, 0.34) !important;
  background:
    linear-gradient(135deg, rgba(31, 122, 99, 0.18), rgba(11, 31, 23, 0.94)),
    #0b1f17 !important;
}

body:not(.login-body) .inbox-insight-block.is-next {
  border-color: rgba(212, 175, 55, 0.48) !important;
  background:
    radial-gradient(circle at 88% 20%, rgba(212, 175, 55, 0.16), transparent 12rem),
    linear-gradient(135deg, rgba(212, 175, 55, 0.13), rgba(11, 31, 23, 0.95)),
    #0b1f17 !important;
  box-shadow: 0 0 32px rgba(212, 175, 55, 0.12) !important;
}

body:not(.login-body) .inbox-insight-block.is-next p {
  color: #fff9e8 !important;
  font-size: clamp(1.25rem, 1.7vw, 1.6rem);
  line-height: 1.3;
}

body:not(.login-body) .inbox-primary-actions {
  align-items: stretch;
  gap: 12px;
}

body:not(.login-body) .inbox-primary-actions > .inbox-button-primary {
  min-height: 56px;
  padding-inline: 26px;
  border-radius: 16px;
  font-size: 1rem;
}

body:not(.login-body) .inbox-button-secondary {
  border-color: rgba(31, 122, 99, 0.62) !important;
  background: rgba(31, 122, 99, 0.1) !important;
}

body:not(.login-body) .inbox-button-tertiary {
  color: rgba(234, 247, 240, 0.78);
  border-color: rgba(255, 255, 255, 0.12);
  background: transparent;
}

body:not(.login-body) .inbox-resolution-form {
  opacity: 0.82;
}

body:not(.login-body) .inbox-action-dot {
  background: #ff6b4a !important;
  box-shadow: 0 0 20px rgba(255, 107, 74, 0.46) !important;
}

body:not(.login-body) .inbox-support-actions {
  display: block !important;
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid rgba(234, 247, 240, 0.1);
  opacity: 0.72;
}

body:not(.login-body) .inbox-support-actions[open] {
  opacity: 1;
}

body:not(.login-body) .inbox-support-actions summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(155, 183, 168, 0.18);
  border-radius: 999px;
  color: rgba(234, 247, 240, 0.68);
  background: rgba(234, 247, 240, 0.035);
  font-size: 0.82rem;
  font-weight: 850;
  cursor: pointer;
  list-style: none;
}

body:not(.login-body) .inbox-support-actions summary::-webkit-details-marker {
  display: none;
}

body:not(.login-body) .inbox-support-actions summary::after {
  content: "+";
  color: rgba(212, 175, 55, 0.82);
  font-size: 0.95rem;
  line-height: 1;
}

body:not(.login-body) .inbox-support-actions[open] summary::after {
  content: "-";
}

body:not(.login-body) .inbox-support-actions-body {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(234, 247, 240, 0.08);
  border-radius: 14px;
  background: rgba(6, 17, 11, 0.32);
}

body:not(.login-body) .inbox-support-actions-body form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

body:not(.login-body) .inbox-support-actions .inbox-text-action {
  min-height: 36px;
  color: rgba(234, 247, 240, 0.74) !important;
  border-color: rgba(155, 183, 168, 0.18) !important;
  background: transparent !important;
}

@media (prefers-reduced-motion: no-preference) {
  body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority,
  body:not(.login-body) .inbox-summary-card.is-action,
  body:not(.login-body) .inbox-action-dot {
    animation: inboxPriorityPulse 1800ms ease-in-out infinite;
  }
}

@media (max-width: 1280px) {
  body:not(.login-body) .inbox-workspace {
    grid-template-columns: 1fr;
  }

  body:not(.login-body) .inbox-list-panel {
    max-height: none;
  }

  body:not(.login-body) .inbox-detail-panel {
    min-height: 0;
  }
}

/* Micro UX pass: Dashboard + Inbox operational clarity. */
body:not(.login-body):has(.dashboard-command-shell) .next-action-panel::after {
  width: 12px;
  height: 12px;
  background: #ffb35c !important;
  box-shadow:
    0 0 0 7px rgba(255, 179, 92, 0.08),
    0 0 20px rgba(255, 179, 92, 0.5) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority {
  border-color: rgba(255, 107, 74, 0.42) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(255, 107, 74, 0.1),
    0 0 28px rgba(255, 107, 74, 0.12) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority .dashboard-click-hint {
  color: #ffe1d6 !important;
  border-color: rgba(255, 107, 74, 0.62) !important;
  background: rgba(255, 107, 74, 0.16) !important;
}

body:not(.login-body) #dashboard-automacao .dashboard-tab-intro,
body:not(.login-body) #dashboard-automacao .automation-impact-panel {
  opacity: 0.82;
}

body:not(.login-body) #dashboard-automacao .automation-impact-panel {
  padding: 18px !important;
  border-color: rgba(234, 247, 240, 0.08) !important;
  background:
    linear-gradient(145deg, rgba(15, 42, 32, 0.54), rgba(6, 17, 11, 0.86)),
    #0b1f17 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18) !important;
}

body:not(.login-body) #dashboard-automacao .automation-impact-panel .panel-header {
  margin-bottom: 12px;
}

body:not(.login-body) #dashboard-automacao .automation-impact-grid {
  gap: 10px;
}

body:not(.login-body) #dashboard-automacao .automation-impact-card {
  min-height: 0;
  padding: 14px !important;
  opacity: 0.86;
}

body:not(.login-body) #dashboard-automacao .automation-impact-card strong {
  font-size: clamp(1.35rem, 1.8vw, 2rem);
}

body:not(.login-body) .portal-tab:hover,
body:not(.login-body) .portal-tab:focus-visible {
  color: #fff9e8 !important;
}

body:not(.login-body) .portal-tab:hover::after,
body:not(.login-body) .portal-tab:focus-visible::after {
  background: rgba(212, 175, 55, 0.36);
  transform: scaleX(0.62);
}

body:not(.login-body) .portal-tab.is-active::after {
  height: 3px;
  box-shadow:
    0 0 14px rgba(212, 175, 55, 0.44),
    0 0 28px rgba(212, 175, 55, 0.18) !important;
}

body:not(.login-body) .inbox-conversation-problem {
  display: block;
  color: #fff4e9 !important;
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.25;
}

body:not(.login-body) .inbox-conversation-patient {
  display: block;
  margin-top: 7px;
  color: rgba(234, 247, 240, 0.78) !important;
  font-size: 0.88rem;
  font-weight: 750;
}

body:not(.login-body) .inbox-conversation-card p {
  color: rgba(234, 247, 240, 0.62) !important;
  font-size: 0.88rem;
  font-weight: 650;
}

body:not(.login-body) .inbox-conversation-card.state-waiting {
  border-color: rgba(255, 107, 74, 0.34) !important;
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.26),
    0 0 0 1px rgba(255, 107, 74, 0.1),
    0 0 24px rgba(255, 107, 74, 0.08) !important;
}

body:not(.login-body) .inbox-conversation-card.state-waiting:hover,
body:not(.login-body) .inbox-conversation-card.state-waiting:focus-visible {
  border-color: rgba(255, 107, 74, 0.52) !important;
  box-shadow:
    0 20px 46px rgba(0, 0, 0, 0.32),
    0 0 0 1px rgba(255, 107, 74, 0.18),
    0 0 32px rgba(255, 107, 74, 0.14) !important;
}

body:not(.login-body) .inbox-insight-block:first-of-type {
  border-color: rgba(31, 122, 99, 0.48) !important;
  background:
    linear-gradient(135deg, rgba(31, 122, 99, 0.24), rgba(11, 31, 23, 0.94)),
    #0b1f17 !important;
}

body:not(.login-body) .inbox-button-secondary {
  color: rgba(234, 247, 240, 0.82) !important;
  border-color: rgba(31, 122, 99, 0.42) !important;
  background: rgba(31, 122, 99, 0.055) !important;
  box-shadow: none !important;
}

body:not(.login-body) .inbox-button-tertiary {
  color: rgba(234, 247, 240, 0.62) !important;
  border-color: rgba(234, 247, 240, 0.1) !important;
  background: rgba(234, 247, 240, 0.025) !important;
  box-shadow: none !important;
}

body:not(.login-body) .inbox-resolution-form {
  opacity: 0.66;
}

body:not(.login-body) .inbox-support-actions summary {
  color: rgba(234, 247, 240, 0.58);
  background: rgba(234, 247, 240, 0.02);
}

/* Cockpit refinement: one action, denser queue, clearer urgency. */
body:not(.login-body):has(.inbox-command-shell) .next-action-panel {
  grid-template-columns: 1fr;
  padding-block: clamp(28px, 3vw, 42px) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority {
  background:
    radial-gradient(circle at 86% 30%, rgba(255, 107, 74, 0.28), transparent 9rem),
    linear-gradient(135deg, rgba(77, 31, 18, 0.56), rgba(11, 31, 23, 0.94)),
    #0b1f17 !important;
  border-color: rgba(255, 107, 74, 0.54) !important;
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.32),
    0 0 0 1px rgba(255, 107, 74, 0.16),
    0 0 38px rgba(255, 107, 74, 0.18) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority .dashboard-metric-icon {
  color: #ffe1d6 !important;
  border-color: rgba(255, 179, 92, 0.7) !important;
  background: rgba(255, 107, 74, 0.24) !important;
  box-shadow: 0 0 26px rgba(255, 107, 74, 0.28) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority .dashboard-click-hint {
  color: #fff4e9 !important;
  border-color: rgba(255, 179, 92, 0.68) !important;
  background: rgba(255, 107, 74, 0.22) !important;
}

body:not(.login-body) .priority-inbox-footer > div:empty {
  display: none;
}

body:not(.login-body) .priority-inbox-card {
  padding-block: 18px !important;
}

body:not(.login-body) .inbox-list-panel {
  padding: 24px !important;
}

body:not(.login-body) .inbox-list-panel .panel-header {
  margin-bottom: 12px;
}

body:not(.login-body) .inbox-conversation-list {
  gap: 8px;
}

body:not(.login-body) .inbox-conversation-card {
  gap: 8px;
  padding: 14px 16px !important;
  border-left-width: 3px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(145deg, rgba(11, 31, 23, 0.84), rgba(6, 17, 11, 0.98)),
    #0b1f17 !important;
  box-shadow: none !important;
}

body:not(.login-body) .inbox-conversation-card.state-waiting {
  background:
    linear-gradient(145deg, rgba(42, 18, 12, 0.42), rgba(6, 17, 11, 0.98)),
    #0b1f17 !important;
  border-color: rgba(255, 107, 74, 0.42) !important;
}

body:not(.login-body) .inbox-conversation-card:first-of-type {
  border-color: rgba(255, 179, 92, 0.62) !important;
  background:
    radial-gradient(circle at 96% 12%, rgba(255, 107, 74, 0.16), transparent 7rem),
    linear-gradient(145deg, rgba(36, 19, 11, 0.55), rgba(6, 17, 11, 0.98)),
    #0b1f17 !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(255, 179, 92, 0.12) !important;
}

body:not(.login-body) .inbox-conversation-card:hover,
body:not(.login-body) .inbox-conversation-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(255, 179, 92, 0.74) !important;
  background:
    radial-gradient(circle at 96% 12%, rgba(255, 107, 74, 0.2), transparent 7rem),
    linear-gradient(145deg, rgba(43, 23, 13, 0.62), rgba(6, 17, 11, 0.98)),
    #0b1f17 !important;
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.32),
    0 0 0 1px rgba(255, 179, 92, 0.16),
    0 0 24px rgba(255, 107, 74, 0.12) !important;
}

body:not(.login-body) .inbox-conversation-problem {
  color: #fff9e8 !important;
  font-size: 0.96rem;
}

body:not(.login-body) .inbox-conversation-patient {
  margin-top: 5px;
  color: rgba(234, 247, 240, 0.7) !important;
}

body:not(.login-body) .inbox-conversation-top span:not(.inbox-conversation-patient) {
  color: rgba(155, 183, 168, 0.72) !important;
  font-size: 0.83rem;
}

body:not(.login-body) .inbox-conversation-card p {
  display: block;
  margin-top: 2px;
  color: rgba(155, 183, 168, 0.74) !important;
  font-size: 0.8rem;
  font-weight: 650;
  line-height: 1.35;
}

body:not(.login-body) .inbox-conversation-card .inbox-next-line {
  display: none;
}

body:not(.login-body) .inbox-detail-card .inbox-next-line {
  padding: 9px 10px;
  border-color: rgba(31, 122, 99, 0.2) !important;
  background: rgba(31, 122, 99, 0.055) !important;
}

body:not(.login-body) .inbox-tag-row {
  gap: 6px;
}

body:not(.login-body) .inbox-tag {
  min-height: 26px;
  padding-inline: 10px;
  font-size: 0.74rem;
}

body:not(.login-body) .inbox-insight-block.is-next {
  order: -1;
  padding: 26px !important;
  border-color: rgba(255, 179, 92, 0.64) !important;
  background:
    radial-gradient(circle at 90% 15%, rgba(255, 179, 92, 0.22), transparent 13rem),
    linear-gradient(135deg, rgba(67, 44, 13, 0.5), rgba(11, 31, 23, 0.96)),
    #0b1f17 !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    0 0 34px rgba(212, 175, 55, 0.16) !important;
}

body:not(.login-body) .inbox-insight-block.is-next span {
  color: #f5d06f !important;
}

body:not(.login-body) .inbox-insight-block.is-next p {
  color: #fff9e8 !important;
  font-size: clamp(1.38rem, 1.9vw, 1.75rem);
}

body:not(.login-body) .inbox-primary-actions > .inbox-button-primary {
  box-shadow:
    0 16px 34px rgba(212, 175, 55, 0.18),
    0 0 18px rgba(212, 175, 55, 0.18) !important;
}

/* Prompt 1.3 polish: less hero weight, flatter inbox, stronger decision. */
body:not(.login-body):has(.dashboard-command-shell) .next-action-panel {
  min-height: 0 !important;
  padding: clamp(28px, 3vw, 44px) clamp(34px, 4vw, 52px) !important;
  border-color: rgba(212, 175, 55, 0.42) !important;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.26),
    0 0 22px rgba(212, 175, 55, 0.08) !important;
}

body:not(.login-body):has(.dashboard-command-shell) .next-action-panel strong {
  font-size: clamp(2.35rem, 4vw, 4.2rem) !important;
  line-height: 0.98;
}

body:not(.login-body):has(.dashboard-command-shell) .next-action-panel p {
  margin-top: 10px;
  font-size: clamp(1rem, 1.4vw, 1.24rem) !important;
}

body:not(.login-body):has(.dashboard-command-shell) .next-action-panel::before {
  opacity: 0.58;
  filter: blur(2px);
}

body:not(.login-body):has(.dashboard-command-shell) .next-action-panel::after {
  box-shadow:
    0 0 0 6px rgba(255, 179, 92, 0.07),
    0 0 15px rgba(255, 179, 92, 0.36) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-overview-cards {
  gap: 14px;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card {
  padding: 24px !important;
  border-color: rgba(234, 247, 240, 0.085) !important;
  box-shadow: inset 0 1px 0 rgba(234, 247, 240, 0.035) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card:not(.is-priority) {
  background:
    linear-gradient(145deg, rgba(10, 31, 23, 0.72), rgba(6, 17, 11, 0.94)),
    #0b1f17 !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card:not(.is-priority) .dashboard-metric-icon {
  opacity: 0.76;
  border-color: rgba(212, 175, 55, 0.28) !important;
  box-shadow: none !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority strong {
  color: #fff4e9 !important;
  text-shadow: 0 0 20px rgba(255, 107, 74, 0.34) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority {
  background:
    radial-gradient(circle at 86% 28%, rgba(255, 107, 74, 0.3), transparent 8rem),
    linear-gradient(135deg, rgba(86, 34, 18, 0.58), rgba(11, 31, 23, 0.95)),
    #0b1f17 !important;
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(255, 107, 74, 0.15),
    0 0 30px rgba(255, 107, 74, 0.15) !important;
}

body:not(.login-body) .inbox-list-panel {
  padding: 20px !important;
  background:
    linear-gradient(145deg, rgba(10, 31, 23, 0.68), rgba(6, 17, 11, 0.94)),
    #0b1f17 !important;
}

body:not(.login-body) .inbox-conversation-list {
  gap: 6px;
}

body:not(.login-body) .inbox-conversation-card {
  gap: 6px;
  padding: 11px 13px !important;
  border-radius: 10px !important;
  border-width: 1px !important;
  border-left-width: 3px !important;
  background:
    linear-gradient(145deg, rgba(11, 31, 23, 0.58), rgba(6, 17, 11, 0.88)),
    #0b1f17 !important;
  box-shadow: none !important;
}

body:not(.login-body) .inbox-conversation-card:first-of-type,
body:not(.login-body) .inbox-conversation-card:target {
  border-color: rgba(212, 175, 55, 0.7) !important;
  border-left-color: #d4af37 !important;
  background:
    radial-gradient(circle at 96% 14%, rgba(212, 175, 55, 0.14), transparent 7rem),
    linear-gradient(145deg, rgba(18, 47, 36, 0.78), rgba(8, 24, 17, 0.98)),
    #0f2a20 !important;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(212, 175, 55, 0.14),
    0 0 18px rgba(212, 175, 55, 0.09) !important;
}

body:not(.login-body) .inbox-conversation-card:hover,
body:not(.login-body) .inbox-conversation-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(212, 175, 55, 0.54) !important;
  background:
    linear-gradient(145deg, rgba(15, 42, 32, 0.78), rgba(6, 17, 11, 0.96)),
    #0b1f17 !important;
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.2),
    0 0 0 1px rgba(212, 175, 55, 0.1) !important;
}

body:not(.login-body) .inbox-conversation-problem {
  color: #fff9e8 !important;
  font-size: 0.98rem;
  font-weight: 950;
}

body:not(.login-body) .inbox-conversation-patient {
  margin-top: 4px;
  color: rgba(234, 247, 240, 0.76) !important;
}

body:not(.login-body) .inbox-conversation-card p {
  color: rgba(190, 211, 199, 0.78) !important;
}

body:not(.login-body) .inbox-action-dot {
  width: 9px;
  height: 9px;
  box-shadow: 0 0 18px rgba(255, 107, 74, 0.5) !important;
}

body:not(.login-body) .inbox-insight-block.is-next {
  padding: 28px !important;
  border-color: rgba(245, 208, 111, 0.72) !important;
  background:
    radial-gradient(circle at 90% 18%, rgba(245, 208, 111, 0.24), transparent 13rem),
    linear-gradient(135deg, rgba(77, 54, 17, 0.58), rgba(15, 42, 32, 0.92)),
    #0f2a20 !important;
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.26),
    0 0 26px rgba(212, 175, 55, 0.14) !important;
}

body:not(.login-body) .inbox-insight-block.is-next p {
  margin-top: 8px;
  font-size: clamp(1.42rem, 1.95vw, 1.8rem);
  line-height: 1.24;
}

body:not(.login-body) .inbox-primary-actions > .inbox-button-primary {
  min-height: 60px;
  padding-inline: 30px;
  font-size: 1.03rem;
  box-shadow:
    0 18px 36px rgba(212, 175, 55, 0.24),
    0 0 22px rgba(212, 175, 55, 0.2) !important;
}

body:not(.login-body) .inbox-primary-actions > .inbox-button-primary:hover,
body:not(.login-body) .inbox-primary-actions > .inbox-button-primary:focus-visible {
  transform: translateY(-1px) scale(1.015);
  box-shadow:
    0 22px 44px rgba(212, 175, 55, 0.3),
    0 0 30px rgba(212, 175, 55, 0.24) !important;
}

body:not(.login-body) .inbox-button-secondary {
  color: rgba(234, 247, 240, 0.78) !important;
  background: rgba(234, 247, 240, 0.045) !important;
}

body:not(.login-body) .inbox-button-tertiary {
  color: rgba(234, 247, 240, 0.56) !important;
}

/* Final operational queue pass: denser inbox, clearer selected item. */
body:not(.login-body) .dashboard-command-shell {
  gap: 18px;
}

body:not(.login-body) .dashboard-command-shell .dashboard-overview-cards {
  gap: 12px;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card {
  padding: 20px 22px !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority {
  background:
    radial-gradient(circle at 86% 28%, rgba(255, 107, 74, 0.34), transparent 8rem),
    linear-gradient(135deg, rgba(95, 38, 18, 0.64), rgba(11, 31, 23, 0.95)),
    #0b1f17 !important;
  border-color: rgba(255, 107, 74, 0.62) !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority strong {
  font-size: clamp(2.7rem, 4vw, 4.1rem) !important;
  color: #fff6ee !important;
}

body:not(.login-body) .dashboard-command-shell .dashboard-metric-card.is-priority .dashboard-click-hint {
  min-height: 32px;
  padding-inline: 14px;
  color: #fff6ee !important;
  border-color: rgba(255, 179, 92, 0.76) !important;
  background: rgba(255, 107, 74, 0.26) !important;
}

body:not(.login-body) .dashboard-overview-tabs {
  padding: 18px !important;
}

body:not(.login-body) .dashboard-tab-panel {
  padding: 20px !important;
}

body:not(.login-body) .priority-inbox-card {
  padding: 16px 18px !important;
}

body:not(.login-body) .inbox-workspace {
  gap: 16px;
}

body:not(.login-body) .inbox-list-panel,
body:not(.login-body) .inbox-detail-panel {
  padding: 18px !important;
}

body:not(.login-body) .inbox-list-panel .panel-header {
  margin-bottom: 10px;
}

body:not(.login-body) .inbox-conversation-list {
  gap: 5px;
}

body:not(.login-body) .inbox-conversation-card {
  padding: 9px 12px !important;
  gap: 5px;
  border-radius: 9px !important;
  border-color: rgba(234, 247, 240, 0.08) !important;
  border-left-width: 3px !important;
  box-shadow: none !important;
  cursor: pointer;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

body:not(.login-body) .inbox-conversation-card:first-of-type,
body:not(.login-body) .inbox-conversation-card:target {
  border-color: rgba(212, 175, 55, 0.78) !important;
  border-left-color: #d4af37 !important;
  background:
    radial-gradient(circle at 96% 12%, rgba(212, 175, 55, 0.13), transparent 6rem),
    linear-gradient(145deg, rgba(19, 54, 42, 0.86), rgba(9, 28, 20, 0.98)),
    #0f2a20 !important;
  box-shadow:
    inset 0 0 18px rgba(212, 175, 55, 0.055),
    0 0 0 1px rgba(212, 175, 55, 0.11),
    0 8px 22px rgba(0, 0, 0, 0.18) !important;
}

body:not(.login-body) .inbox-conversation-card:first-of-type::before,
body:not(.login-body) .inbox-conversation-card:target::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: -2px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f5d06f, #d4af37);
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.38);
}

body:not(.login-body) .inbox-conversation-card:hover,
body:not(.login-body) .inbox-conversation-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(212, 175, 55, 0.52) !important;
  background:
    linear-gradient(145deg, rgba(15, 42, 32, 0.82), rgba(6, 17, 11, 0.96)),
    #0b1f17 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18) !important;
}

body:not(.login-body) .inbox-conversation-problem {
  color: #ffcfbf !important;
  font-size: 1rem;
  font-weight: 950;
}

body:not(.login-body) .inbox-conversation-patient {
  margin-top: 3px;
  color: rgba(234, 247, 240, 0.7) !important;
  font-size: 0.82rem;
  font-weight: 750;
}

body:not(.login-body) .inbox-conversation-top span:not(.inbox-conversation-patient) {
  color: rgba(155, 183, 168, 0.58) !important;
  font-size: 0.78rem;
  font-weight: 650;
}

body:not(.login-body) .inbox-conversation-card p {
  margin-top: 1px;
  color: rgba(155, 183, 168, 0.64) !important;
  font-size: 0.76rem;
  line-height: 1.28;
}

body:not(.login-body) .inbox-tag-row {
  gap: 5px;
}

body:not(.login-body) .inbox-tag {
  min-height: 24px;
  padding-inline: 9px;
  font-size: 0.72rem;
  border-color: rgba(234, 247, 240, 0.12) !important;
  background: rgba(234, 247, 240, 0.07) !important;
}

body:not(.login-body) .inbox-conversation-card.priority-high .inbox-tag:first-child,
body:not(.login-body) .inbox-conversation-card.priority-medium .inbox-tag:first-child {
  color: #1a1108 !important;
  border-color: rgba(255, 179, 92, 0.72) !important;
  background: linear-gradient(180deg, #ffcf7a, #f59e0b) !important;
}

body:not(.login-body) .inbox-action-dot {
  width: 8px;
  height: 8px;
  background: #ff6b4a !important;
  box-shadow: 0 0 16px rgba(255, 107, 74, 0.54) !important;
}

@media (prefers-reduced-motion: no-preference) {
  body:not(.login-body) .inbox-conversation-card:first-of-type::before,
  body:not(.login-body) .inbox-conversation-card:target::before,
  body:not(.login-body) .inbox-action-dot {
    animation: inboxPriorityPulse 1800ms ease-in-out infinite;
  }
}

/* Final clarification: active row, text hierarchy, single strong CTA. */
body:not(.login-body):has(.dashboard-command-shell) .next-action-panel {
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.24),
    0 0 16px rgba(212, 175, 55, 0.06) !important;
}

body:not(.login-body):has(.dashboard-command-shell) .next-action-panel::before {
  opacity: 0.42;
}

body:not(.login-body) .inbox-conversation-card {
  padding: 7px 11px !important;
  gap: 4px;
  border-color: rgba(234, 247, 240, 0.065) !important;
}

body:not(.login-body) .inbox-conversation-card:first-of-type,
body:not(.login-body) .inbox-conversation-card:target {
  border-color: rgba(245, 208, 111, 0.92) !important;
  border-left-color: #f5d06f !important;
  background:
    radial-gradient(circle at 96% 12%, rgba(245, 208, 111, 0.18), transparent 6rem),
    linear-gradient(145deg, rgba(24, 64, 50, 0.92), rgba(10, 34, 25, 0.99)),
    #0f2a20 !important;
  box-shadow:
    inset 0 0 24px rgba(245, 208, 111, 0.075),
    0 0 0 1px rgba(245, 208, 111, 0.2),
    0 8px 22px rgba(0, 0, 0, 0.16),
    0 0 18px rgba(212, 175, 55, 0.1) !important;
}

body:not(.login-body) .inbox-conversation-card:first-of-type::before,
body:not(.login-body) .inbox-conversation-card:target::before {
  top: 9px;
  bottom: 9px;
  left: -2px;
  width: 4px;
  background: linear-gradient(180deg, #ffe082, #d4af37);
  box-shadow: 0 0 16px rgba(245, 208, 111, 0.46);
}

body:not(.login-body) .inbox-conversation-card:hover,
body:not(.login-body) .inbox-conversation-card:focus-visible {
  border-color: rgba(245, 208, 111, 0.64) !important;
  background:
    linear-gradient(145deg, rgba(18, 50, 38, 0.86), rgba(7, 25, 18, 0.98)),
    #0b1f17 !important;
}

body:not(.login-body) .inbox-conversation-problem {
  color: #ffd4c4 !important;
  font-size: 0.98rem;
  font-weight: 950;
}

body:not(.login-body) .inbox-conversation-patient {
  margin-top: 2px;
  color: rgba(234, 247, 240, 0.68) !important;
  font-size: 0.8rem;
  font-weight: 650;
}

body:not(.login-body) .inbox-conversation-top span:not(.inbox-conversation-patient) {
  color: rgba(155, 183, 168, 0.5) !important;
  font-size: 0.74rem;
  font-weight: 600;
}

body:not(.login-body) .inbox-conversation-card p {
  margin-top: 0;
  color: rgba(155, 183, 168, 0.58) !important;
  font-size: 0.74rem;
}

body:not(.login-body) .priority-inbox-card .action-link-primary,
body:not(.login-body) .inbox-conversation-card .inbox-button-primary,
body:not(.login-body) .inbox-conversation-card .action-link-primary {
  display: none !important;
}

body:not(.login-body) .priority-inbox-card .action-link-secondary {
  min-height: 34px;
  color: rgba(234, 247, 240, 0.72) !important;
  border-color: rgba(31, 122, 99, 0.34) !important;
  background: rgba(31, 122, 99, 0.045) !important;
  box-shadow: none !important;
}

body:not(.login-body) .inbox-primary-actions > .inbox-button-primary {
  min-height: 60px;
  border-color: rgba(255, 235, 145, 0.9) !important;
  box-shadow:
    0 18px 38px rgba(212, 175, 55, 0.26),
    0 0 24px rgba(212, 175, 55, 0.2) !important;
}

body:not(.login-body) .inbox-button-secondary {
  color: rgba(234, 247, 240, 0.72) !important;
  border-color: rgba(234, 247, 240, 0.12) !important;
  background: rgba(234, 247, 240, 0.035) !important;
}

body:not(.login-body) .inbox-resolution-form {
  opacity: 0.52;
}

body:not(.login-body) .inbox-button-tertiary {
  color: rgba(234, 247, 240, 0.48) !important;
  border-color: rgba(234, 247, 240, 0.08) !important;
  background: transparent !important;
}

/* Agenda final operational pass: compact scan, clear status, one strong row action. */
body:not(.login-body) .agenda-tabs-shell .portal-section-intro {
  padding-block: 20px !important;
}

body:not(.login-body) .agenda-tabs-shell .portal-section-intro .button-primary {
  min-height: 44px;
  padding-inline: 24px;
  box-shadow:
    0 12px 28px rgba(212, 175, 55, 0.22),
    0 0 18px rgba(212, 175, 55, 0.1) !important;
}

body:not(.login-body) .agenda-filter-strip {
  gap: 10px !important;
  padding: 12px !important;
}

body:not(.login-body) .agenda-filter-strip input,
body:not(.login-body) .agenda-filter-strip select {
  min-height: 38px !important;
}

body:not(.login-body) .agenda-date-shortcuts a {
  min-height: 38px !important;
  padding-inline: 14px !important;
}

body:not(.login-body) .agenda-calendar-panel,
body:not(.login-body) .agenda-day-panel {
  padding: 14px !important;
  border-color: rgba(234, 247, 240, 0.08) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(234, 247, 240, 0.045) !important;
}

body:not(.login-body) .agenda-week-strip {
  gap: 7px !important;
  margin: 11px 0 13px !important;
}

body:not(.login-body) .agenda-week-strip a {
  min-height: 52px !important;
  padding: 8px 7px !important;
  border-radius: 13px !important;
  background: rgba(234, 247, 240, 0.055) !important;
}

body:not(.login-body) .agenda-week-strip a.is-selected,
body:not(.login-body) .agenda-week-strip a.active {
  border-color: rgba(245, 208, 111, 0.78) !important;
  background:
    linear-gradient(180deg, rgba(245, 208, 111, 0.22), rgba(212, 175, 55, 0.1)),
    rgba(15, 42, 32, 0.76) !important;
  box-shadow:
    inset 0 0 0 1px rgba(245, 208, 111, 0.12),
    0 0 16px rgba(212, 175, 55, 0.12) !important;
}

body:not(.login-body) .agenda-week-strip a.is-today::after {
  min-height: 16px !important;
  padding: 1px 6px !important;
  font-size: 0.58rem !important;
}

body:not(.login-body) .agenda-time-grid,
body:not(.login-body) .agenda-appointment-list {
  gap: 8px !important;
}

body:not(.login-body) .agenda-time-block {
  grid-template-columns: 66px minmax(0, 1fr) auto !important;
  min-height: 66px !important;
  padding: 10px 12px !important;
  border-radius: 15px !important;
  border-left-width: 3px !important;
  box-shadow: none !important;
}

body:not(.login-body) .agenda-time-block time {
  font-size: 1.06rem !important;
}

body:not(.login-body) .agenda-time-block .agenda-time-suggestion {
  min-height: 24px !important;
  padding: 4px 10px !important;
  color: #fff3bf !important;
  border-color: rgba(245, 208, 111, 0.34) !important;
  background: rgba(245, 208, 111, 0.13) !important;
}

body:not(.login-body) .agenda-time-block.status-confirmed {
  border-left-color: rgba(74, 222, 128, 0.82) !important;
}

body:not(.login-body) .agenda-time-block.status-pending {
  border-left-color: rgba(245, 208, 111, 0.86) !important;
  background:
    linear-gradient(145deg, rgba(245, 208, 111, 0.11), rgba(234, 247, 240, 0.025)),
    rgba(234, 247, 240, 0.032) !important;
}

body:not(.login-body) .agenda-time-block.status-late,
body:not(.login-body) .agenda-time-block.status-cancelled {
  border-left-color: rgba(255, 128, 86, 0.86) !important;
  background:
    linear-gradient(145deg, rgba(255, 128, 86, 0.12), rgba(234, 247, 240, 0.025)),
    rgba(234, 247, 240, 0.032) !important;
  opacity: 0.92;
}

body:not(.login-body) .agenda-appointment-card {
  grid-template-columns: 78px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  border-left-width: 3px !important;
  box-shadow: none !important;
}

body:not(.login-body) .agenda-appointment-card:hover {
  transform: translateY(-1px);
  border-color: rgba(245, 208, 111, 0.32) !important;
  background:
    linear-gradient(145deg, rgba(234, 247, 240, 0.08), rgba(234, 247, 240, 0.025)),
    rgba(11, 31, 23, 0.56) !important;
}

body:not(.login-body) .agenda-appointment-card.status-confirmed {
  border-left-color: rgba(74, 222, 128, 0.84) !important;
}

body:not(.login-body) .agenda-appointment-card.status-pending {
  border-left-color: rgba(245, 208, 111, 0.9) !important;
  background:
    linear-gradient(145deg, rgba(245, 208, 111, 0.09), rgba(234, 247, 240, 0.024)),
    rgba(11, 31, 23, 0.52) !important;
}

body:not(.login-body) .agenda-appointment-card.status-late,
body:not(.login-body) .agenda-appointment-card.status-cancelled {
  border-left-color: rgba(255, 128, 86, 0.88) !important;
  background:
    linear-gradient(145deg, rgba(255, 128, 86, 0.1), rgba(234, 247, 240, 0.022)),
    rgba(11, 31, 23, 0.52) !important;
}

body:not(.login-body) .agenda-appointment-time time {
  color: #f5d06f !important;
  font-size: 1.18rem !important;
}

body:not(.login-body) .agenda-appointment-time small {
  color: rgba(155, 183, 168, 0.66) !important;
  font-size: 0.75rem;
}

body:not(.login-body) .agenda-appointment-main {
  gap: 8px !important;
}

body:not(.login-body) .agenda-appointment-title {
  gap: 10px !important;
}

body:not(.login-body) .agenda-appointment-title strong {
  color: rgba(234, 247, 240, 0.96) !important;
  font-size: 1.02rem !important;
  font-weight: 850;
}

body:not(.login-body) .agenda-appointment-title span:not(.agenda-status-badge) {
  color: rgba(155, 183, 168, 0.82) !important;
  font-size: 0.92rem !important;
  font-weight: 720;
}

body:not(.login-body) .agenda-appointment-meta {
  gap: 6px !important;
}

body:not(.login-body) .agenda-appointment-meta span {
  min-height: 24px !important;
  padding: 4px 9px !important;
  color: rgba(155, 183, 168, 0.76) !important;
  font-size: 0.76rem !important;
  border-color: rgba(234, 247, 240, 0.075) !important;
  background: rgba(234, 247, 240, 0.045) !important;
}

body:not(.login-body) .agenda-appointment-meta span:first-child {
  color: rgba(234, 247, 240, 0.78) !important;
  border-color: rgba(31, 122, 99, 0.22) !important;
  background: rgba(31, 122, 99, 0.12) !important;
}

body:not(.login-body) .agenda-status-badge {
  min-height: 26px !important;
  padding-inline: 10px !important;
  font-size: 0.74rem !important;
  box-shadow: none !important;
}

body:not(.login-body) .agenda-status-badge.status-confirmado {
  color: #b7f7ca !important;
  border-color: rgba(74, 222, 128, 0.28) !important;
  background: rgba(74, 222, 128, 0.13) !important;
}

body:not(.login-body) .agenda-status-badge.status-pendente {
  color: #ffe08a !important;
  border-color: rgba(245, 208, 111, 0.34) !important;
  background: rgba(245, 208, 111, 0.13) !important;
}

body:not(.login-body) .agenda-status-badge.status-atrasado,
body:not(.login-body) .agenda-status-badge.status-cancelado {
  color: #ffb39f !important;
  border-color: rgba(255, 128, 86, 0.34) !important;
  background: rgba(255, 128, 86, 0.13) !important;
}

body:not(.login-body) .agenda-decision-row {
  grid-template-columns: auto minmax(88px, auto) minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border-color: rgba(245, 208, 111, 0.34) !important;
  background:
    linear-gradient(90deg, rgba(245, 208, 111, 0.14), rgba(31, 122, 99, 0.08)),
    rgba(234, 247, 240, 0.035) !important;
}

body:not(.login-body) .agenda-decision-row span {
  color: rgba(245, 208, 111, 0.92) !important;
  font-size: 0.68rem !important;
}

body:not(.login-body) .agenda-decision-row strong {
  color: #fff7d6 !important;
  font-size: 1rem;
}

body:not(.login-body) .agenda-decision-row small {
  color: rgba(234, 247, 240, 0.66) !important;
}

body:not(.login-body) .agenda-action-row {
  gap: 8px !important;
}

body:not(.login-body) .agenda-action-link {
  min-height: 34px !important;
  padding-inline: 12px !important;
  border-radius: 13px !important;
  font-size: 0.82rem !important;
}

body:not(.login-body) .agenda-action-link.is-primary {
  min-height: 38px !important;
  padding-inline: 16px !important;
  color: #071a12 !important;
  box-shadow:
    0 10px 24px rgba(212, 175, 55, 0.22),
    0 0 14px rgba(245, 208, 111, 0.12) !important;
}

body:not(.login-body) .agenda-action-link:not(.is-primary) {
  color: rgba(234, 247, 240, 0.72) !important;
  border-color: rgba(31, 122, 99, 0.3) !important;
  background: rgba(31, 122, 99, 0.055) !important;
}

body:not(.login-body) .agenda-action-link.is-danger {
  color: rgba(255, 215, 204, 0.66) !important;
  border-color: rgba(255, 128, 86, 0.14) !important;
  background: rgba(155, 59, 47, 0.08) !important;
}

/* Recovery final pass: revenue opportunities, grouped by reason and priority. */
body:not(.login-body) #growth-oportunidades .portal-section-intro .button-primary,
body:not(.login-body) #growth-oportunidades .portal-section-intro .button.button-primary {
  color: rgba(234, 247, 240, 0.78) !important;
  border: 1px solid rgba(31, 122, 99, 0.34) !important;
  background: rgba(31, 122, 99, 0.08) !important;
  box-shadow: none !important;
}

body:not(.login-body) .recovery-opportunity-row {
  position: relative;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 15px 16px !important;
  border-left-width: 5px !important;
  border-radius: 17px !important;
  background:
    linear-gradient(145deg, rgba(234, 247, 240, 0.075), rgba(234, 247, 240, 0.024)),
    rgba(11, 31, 23, 0.58) !important;
  box-shadow: none !important;
}

body:not(.login-body) .recovery-opportunity-row:hover {
  transform: translateY(-1px);
  background:
    linear-gradient(145deg, rgba(234, 247, 240, 0.095), rgba(234, 247, 240, 0.03)),
    rgba(11, 31, 23, 0.66) !important;
}

body:not(.login-body) .recovery-opportunity-row.opportunity-priority-high {
  border-left-color: rgba(255, 128, 86, 0.95) !important;
}

body:not(.login-body) .recovery-opportunity-row.opportunity-priority-medium {
  border-left-color: rgba(245, 208, 111, 0.94) !important;
}

body:not(.login-body) .recovery-opportunity-row.opportunity-priority-low {
  border-left-color: rgba(155, 183, 168, 0.42) !important;
}

body:not(.login-body) .recovery-card-main {
  display: grid;
  min-width: 0;
  gap: 5px;
}

body:not(.login-body) .recovery-group-label {
  width: fit-content;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid rgba(234, 247, 240, 0.1);
  border-radius: 999px;
  color: rgba(234, 247, 240, 0.76) !important;
  background: rgba(234, 247, 240, 0.055);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

body:not(.login-body) .opportunity-group-falta .recovery-group-label {
  color: #ffcabd !important;
  border-color: rgba(255, 128, 86, 0.28);
  background: rgba(255, 128, 86, 0.12);
}

body:not(.login-body) .opportunity-group-cancelamento .recovery-group-label {
  color: #ffe08a !important;
  border-color: rgba(245, 208, 111, 0.3);
  background: rgba(245, 208, 111, 0.12);
}

body:not(.login-body) .opportunity-group-interest .recovery-group-label {
  color: #b7f7ca !important;
  border-color: rgba(74, 222, 128, 0.24);
  background: rgba(74, 222, 128, 0.1);
}

body:not(.login-body) .recovery-opportunity-row strong {
  color: rgba(234, 247, 240, 0.98) !important;
  font-size: 1.05rem;
  font-weight: 900;
}

body:not(.login-body) .recovery-motive {
  color: rgba(234, 247, 240, 0.74) !important;
  font-size: 0.9rem;
  font-weight: 760;
}

body:not(.login-body) .recovery-stalled,
body:not(.login-body) .recovery-phone,
body:not(.login-body) .recovery-history {
  color: rgba(255, 202, 189, 0.82) !important;
  font-size: 0.82rem;
  font-weight: 820;
}

body:not(.login-body) .recovery-next-action {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin: 3px 0 0 !important;
  padding: 7px 10px;
  border: 1px solid rgba(245, 208, 111, 0.22);
  border-radius: 12px;
  color: rgba(234, 247, 240, 0.76) !important;
  background: rgba(245, 208, 111, 0.075);
  font-size: 0.84rem;
  line-height: 1.28;
}

body:not(.login-body) .recovery-next-action strong {
  color: #f5d06f !important;
  font-size: 0.84rem;
  font-weight: 950;
}

body:not(.login-body) .recovery-opportunity-row > .status-pill,
body:not(.login-body) .recovery-badges .status-pill {
  min-height: 26px !important;
  padding-inline: 9px !important;
  font-size: 0.72rem !important;
  box-shadow: none !important;
}

body:not(.login-body) .recovery-badges {
  max-width: 280px;
  justify-content: flex-end;
}

body:not(.login-body) .recovery-opportunity-row form {
  justify-self: end;
}

body:not(.login-body) .recovery-primary-action {
  min-height: 40px !important;
  padding: 0 18px !important;
  color: #071a12 !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: var(--gold-gradient) !important;
  box-shadow:
    0 12px 26px rgba(212, 175, 55, 0.24),
    0 0 16px rgba(245, 208, 111, 0.1) !important;
  white-space: nowrap;
}

body:not(.login-body) .recovery-primary-action:hover,
body:not(.login-body) .recovery-primary-action:focus-visible {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow:
    0 16px 32px rgba(212, 175, 55, 0.32),
    0 0 22px rgba(245, 208, 111, 0.14) !important;
}

@media (max-width: 720px) {
  body:not(.login-body) .agenda-appointment-card,
  body:not(.login-body) .agenda-time-block {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-body) .agenda-decision-row {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-body) .recovery-opportunity-row {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  body:not(.login-body) .recovery-badges {
    justify-content: flex-start;
    max-width: 100%;
  }

  body:not(.login-body) .recovery-primary-action,
  body:not(.login-body) .recovery-opportunity-row form {
    width: 100%;
  }
}

/* Automation, bot flow and bot messages: final operational polish. */
body:not(.login-body) #dashboard-automacao .automation-impact-panel {
  border-color: rgba(245, 208, 111, 0.24) !important;
  background:
    linear-gradient(145deg, rgba(11, 31, 23, 0.92), rgba(8, 22, 15, 0.98)),
    #0b1f17 !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.24),
    0 0 24px rgba(212, 175, 55, 0.08) !important;
}

body:not(.login-body) #dashboard-automacao .automation-impact-panel .panel-header h2 {
  color: #f5d06f !important;
}

body:not(.login-body) .automation-work-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}

body:not(.login-body) .automation-work-split > div {
  display: grid;
  gap: 5px;
  padding: 14px 16px;
  border: 1px solid rgba(234, 247, 240, 0.08);
  border-radius: 16px;
  background: rgba(234, 247, 240, 0.045);
  box-shadow: none;
}

body:not(.login-body) .automation-work-split .is-bot {
  border-color: rgba(245, 208, 111, 0.32);
  background: rgba(245, 208, 111, 0.085);
}

body:not(.login-body) .automation-work-split .is-manual {
  border-color: rgba(31, 122, 99, 0.28);
  background: rgba(31, 122, 99, 0.08);
}

body:not(.login-body) .automation-work-split span,
body:not(.login-body) #dashboard-automacao .automation-impact-card span {
  color: rgba(155, 183, 168, 0.78) !important;
  font-size: 0.72rem !important;
  font-weight: 900;
  text-transform: uppercase;
}

body:not(.login-body) .automation-work-split strong {
  color: #eaf7f0 !important;
  font-size: 2.2rem;
  line-height: 1;
}

body:not(.login-body) .automation-work-split .is-bot strong {
  color: #f5d06f !important;
}

body:not(.login-body) .automation-work-split small {
  color: rgba(234, 247, 240, 0.68);
  font-weight: 760;
}

body:not(.login-body) #dashboard-automacao .automation-impact-grid {
  gap: 10px !important;
}

body:not(.login-body) #dashboard-automacao .automation-impact-card {
  min-height: 112px !important;
  padding: 15px !important;
  border-color: rgba(234, 247, 240, 0.07) !important;
  background: rgba(234, 247, 240, 0.04) !important;
  box-shadow: none !important;
}

body:not(.login-body) #dashboard-automacao .automation-impact-card.featured {
  border-color: rgba(245, 208, 111, 0.46) !important;
  background:
    linear-gradient(145deg, rgba(245, 208, 111, 0.13), rgba(234, 247, 240, 0.035)),
    rgba(11, 31, 23, 0.64) !important;
}

body:not(.login-body) #dashboard-automacao .automation-impact-card strong {
  color: #eaf7f0 !important;
  font-size: 2rem !important;
  line-height: 1;
}

body:not(.login-body) #dashboard-automacao .automation-impact-card.featured strong {
  color: #f5d06f !important;
  font-size: 2.25rem !important;
}

body:not(.login-body) #dashboard-automacao .automation-impact-card small {
  color: rgba(234, 247, 240, 0.66) !important;
  font-size: 0.82rem !important;
  line-height: 1.32;
}

body:not(.login-body) #bot-fluxo .portal-section-intro .portal-tab-actions {
  gap: 12px;
}

body:not(.login-body) #bot-fluxo .portal-section-intro .button-secondary {
  color: rgba(234, 247, 240, 0.72) !important;
  border-color: rgba(31, 122, 99, 0.34) !important;
  background: rgba(31, 122, 99, 0.075) !important;
  box-shadow: none !important;
}

body:not(.login-body) #bot-fluxo .bot-api-step-list {
  gap: 9px !important;
}

body:not(.login-body) #bot-fluxo .bot-api-step-list::before {
  opacity: 0.36;
}

body:not(.login-body) #bot-fluxo .bot-api-step-card {
  border-color: rgba(234, 247, 240, 0.075) !important;
  background: rgba(234, 247, 240, 0.035) !important;
  box-shadow: none !important;
}

body:not(.login-body) #bot-fluxo .bot-api-step-card summary {
  min-height: 58px;
  padding: 11px 13px !important;
  gap: 10px;
}

body:not(.login-body) #bot-fluxo .bot-api-step-card.is-current-step {
  border-color: rgba(245, 208, 111, 0.5) !important;
  background:
    linear-gradient(145deg, rgba(245, 208, 111, 0.1), rgba(31, 122, 99, 0.08)),
    rgba(11, 31, 23, 0.62) !important;
  box-shadow:
    inset 0 0 18px rgba(245, 208, 111, 0.055),
    0 0 18px rgba(212, 175, 55, 0.12) !important;
}

body:not(.login-body) #bot-fluxo .bot-api-order {
  width: 34px !important;
  height: 34px !important;
  color: #071a12 !important;
  background: var(--gold-gradient) !important;
  box-shadow: 0 0 14px rgba(212, 175, 55, 0.18) !important;
}

body:not(.login-body) #bot-fluxo .bot-api-step-title strong {
  color: rgba(234, 247, 240, 0.95) !important;
  font-size: 0.98rem !important;
}

body:not(.login-body) #bot-fluxo .bot-api-step-title small {
  color: rgba(155, 183, 168, 0.66) !important;
  font-size: 0.8rem !important;
  line-height: 1.32;
}

body:not(.login-body) #bot-fluxo .bot-api-status {
  min-height: 24px !important;
  padding-inline: 9px !important;
  font-size: 0.72rem !important;
}

body:not(.login-body) #bot-fluxo .bot-api-step-body {
  padding: 0 13px 13px !important;
  gap: 10px !important;
}

body:not(.login-body) #bot-fluxo .bot-api-message-stack blockquote,
body:not(.login-body) #bot-fluxo .bot-api-inline-list li {
  border-color: rgba(234, 247, 240, 0.08) !important;
  background: rgba(234, 247, 240, 0.04) !important;
  box-shadow: none !important;
}

body:not(.login-body) #intel-testes .experiment-list {
  gap: 12px !important;
}

body:not(.login-body) #intel-testes .experiment-row {
  padding: 16px !important;
  border-color: rgba(234, 247, 240, 0.075) !important;
  background: rgba(11, 31, 23, 0.62) !important;
  box-shadow: none !important;
}

body:not(.login-body) #intel-testes .experiment-row p {
  margin-block: 4px 8px !important;
}

body:not(.login-body) #intel-testes .variant-grid {
  gap: 10px !important;
}

body:not(.login-body) #intel-testes .message-variant-card {
  position: relative;
  min-height: 122px;
  padding: 14px !important;
  border-color: rgba(234, 247, 240, 0.075) !important;
  background: rgba(234, 247, 240, 0.04) !important;
  box-shadow: none !important;
}

body:not(.login-body) #intel-testes .message-variant-card.is-winner {
  border-color: rgba(245, 208, 111, 0.58) !important;
  background:
    linear-gradient(145deg, rgba(245, 208, 111, 0.16), rgba(31, 122, 99, 0.08)),
    rgba(11, 31, 23, 0.76) !important;
  box-shadow:
    inset 0 0 18px rgba(245, 208, 111, 0.065),
    0 0 22px rgba(212, 175, 55, 0.13) !important;
}

body:not(.login-body) #intel-testes .best-message-badge {
  width: fit-content;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  color: #071a12 !important;
  background: var(--gold-gradient) !important;
  font-size: 0.68rem !important;
  font-weight: 950;
  text-transform: uppercase;
}

body:not(.login-body) #intel-testes .message-variant-card strong {
  color: rgba(234, 247, 240, 0.96) !important;
  font-size: 1rem !important;
}

body:not(.login-body) #intel-testes .message-variant-card.is-winner strong {
  color: #f5d06f !important;
}

body:not(.login-body) #intel-testes .message-variant-card span:not(.best-message-badge),
body:not(.login-body) #intel-testes .message-variant-card small {
  color: rgba(234, 247, 240, 0.68) !important;
  line-height: 1.34;
}

body:not(.login-body) #intel-testes .experiment-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 14px !important;
  align-items: center;
  padding: 12px 14px !important;
  border-color: rgba(245, 208, 111, 0.36) !important;
  background:
    linear-gradient(90deg, rgba(245, 208, 111, 0.13), rgba(31, 122, 99, 0.08)),
    rgba(234, 247, 240, 0.035) !important;
  box-shadow: none !important;
}

body:not(.login-body) #intel-testes .experiment-action strong {
  color: #f5d06f !important;
  font-size: 1.05rem !important;
}

body:not(.login-body) #intel-testes .experiment-action span {
  color: rgba(234, 247, 240, 0.68) !important;
}

body:not(.login-body) #intel-testes .experiment-action .row-actions {
  grid-row: span 2;
  align-self: center;
}

body:not(.login-body) #intel-testes .bot-message-primary-action {
  min-height: 40px !important;
  padding-inline: 18px !important;
  color: #071a12 !important;
  border: 0 !important;
  background: var(--gold-gradient) !important;
  box-shadow: 0 12px 26px rgba(212, 175, 55, 0.24) !important;
  white-space: nowrap;
}

@media (max-width: 720px) {
  body:not(.login-body) .automation-work-split,
  body:not(.login-body) #intel-testes .experiment-action {
    grid-template-columns: 1fr;
  }

  body:not(.login-body) #intel-testes .experiment-action .row-actions {
    grid-row: auto;
  }
}

/* Configuracoes: guided setup and explicit toggles. */
body:not(.login-body) .config-setup-guide {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

body:not(.login-body) .config-setup-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px 10px;
  align-items: center;
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(234, 247, 240, 0.08);
  border-left: 4px solid rgba(155, 183, 168, 0.32);
  border-radius: 16px;
  color: rgba(234, 247, 240, 0.78);
  background:
    linear-gradient(145deg, rgba(234, 247, 240, 0.06), rgba(234, 247, 240, 0.022)),
    rgba(11, 31, 23, 0.56);
  text-decoration: none;
  box-shadow: none;
}

body:not(.login-body) .config-setup-step.is-ready {
  border-left-color: rgba(85, 214, 137, 0.82);
}

body:not(.login-body) .config-setup-step.is-attention {
  border-left-color: rgba(245, 208, 111, 0.9);
}

body:not(.login-body) .config-setup-step:hover,
body:not(.login-body) .config-setup-step:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(245, 208, 111, 0.24);
  background:
    linear-gradient(145deg, rgba(234, 247, 240, 0.08), rgba(234, 247, 240, 0.03)),
    rgba(11, 31, 23, 0.68);
  text-decoration: none;
}

body:not(.login-body) .config-setup-step > span {
  grid-row: span 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  color: #071a12;
  background: var(--gold-gradient);
  font-weight: 950;
}

body:not(.login-body) .config-setup-step strong {
  color: rgba(234, 247, 240, 0.96);
  font-size: 1rem;
}

body:not(.login-body) .config-setup-step small {
  color: rgba(155, 183, 168, 0.74);
  line-height: 1.34;
}

body:not(.login-body) .config-setup-step em {
  width: fit-content;
  padding: 4px 8px;
  border-radius: 999px;
  color: rgba(245, 208, 111, 0.94);
  background: rgba(245, 208, 111, 0.1);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

body:not(.login-body) :is(#config-agenda, #config-bot, #config-notificacoes) .toggle-line {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  color: rgba(234, 247, 240, 0.92);
}

body:not(.login-body) :is(#config-agenda, #config-bot, #config-notificacoes) .toggle-line input[type="checkbox"] {
  appearance: none;
  position: relative;
  width: 46px;
  height: 26px;
  margin: 0;
  border: 1px solid rgba(155, 183, 168, 0.2);
  border-radius: 999px;
  background: rgba(155, 183, 168, 0.12);
  cursor: default;
}

body:not(.login-body) :is(#config-agenda, #config-bot, #config-notificacoes) .toggle-line input[type="checkbox"]::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(234, 247, 240, 0.72);
  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

body:not(.login-body) :is(#config-agenda, #config-bot, #config-notificacoes) .toggle-line input[type="checkbox"]:checked {
  border-color: rgba(85, 214, 137, 0.38);
  background: rgba(85, 214, 137, 0.2);
}

body:not(.login-body) :is(#config-agenda, #config-bot, #config-notificacoes) .toggle-line input[type="checkbox"]:checked::before {
  transform: translateX(20px);
  background: #55d689;
  box-shadow: 0 0 14px rgba(85, 214, 137, 0.34);
}

body:not(.login-body) :is(#config-agenda, #config-bot, #config-notificacoes) .toggle-line > span:not(.setup-toggle-state) {
  min-width: 0;
  overflow-wrap: anywhere;
  font-weight: 850;
}

body:not(.login-body) .setup-toggle-state {
  justify-self: end;
  min-height: 26px;
  padding: 5px 9px;
  border: 1px solid rgba(155, 183, 168, 0.14);
  border-radius: 999px;
  color: rgba(234, 247, 240, 0.66);
  background: rgba(155, 183, 168, 0.07);
  font-size: 0.72rem;
  font-weight: 900;
}

body:not(.login-body) .toggle-line input[type="checkbox"]:checked ~ .setup-toggle-state {
  color: #b7f7ca;
  border-color: rgba(85, 214, 137, 0.28);
  background: rgba(85, 214, 137, 0.12);
}

body:not(.login-body) :is(#config-clinica, #config-agenda, #config-bot, #config-notificacoes) .panel,
body:not(.login-body) :is(#config-clinica, #config-agenda, #config-bot, #config-notificacoes) .portal-checklist,
body:not(.login-body) :is(#config-clinica, #config-agenda, #config-bot, #config-notificacoes) .rule-row,
body:not(.login-body) :is(#config-clinica, #config-agenda, #config-bot, #config-notificacoes) .automation-row {
  box-shadow: none !important;
}

@media (max-width: 1100px) {
  body:not(.login-body) .config-setup-guide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body:not(.login-body) .config-setup-guide {
    grid-template-columns: 1fr;
  }
}

/* Portal onboarding: dashboard cockpit, setup locks and Embedded Signup. */
body:not(.login-body) .dashboard-onboarding-cockpit {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 16px;
  padding: clamp(18px, 2.2vw, 26px);
  border: 1px solid rgba(245, 208, 111, 0.28);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(234, 247, 240, 0.1), rgba(234, 247, 240, 0.035)),
    linear-gradient(180deg, rgba(11, 31, 23, 0.86), rgba(7, 26, 18, 0.96));
  box-shadow:
    0 20px 52px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(234, 247, 240, 0.08);
}

body:not(.login-body) .onboarding-cockpit-main,
body:not(.login-body) .onboarding-next-panel {
  min-width: 0;
}

body:not(.login-body) .onboarding-cockpit-header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
}

body:not(.login-body) .onboarding-cockpit-header h2 {
  margin: 0;
  color: #fffdf6;
  font-size: clamp(1.45rem, 2.2vw, 2.15rem);
  line-height: 1.04;
}

body:not(.login-body) .onboarding-cockpit-header p:not(.eyebrow),
body:not(.login-body) .onboarding-next-action p {
  max-width: 760px;
  margin: 8px 0 0;
  color: rgba(234, 247, 240, 0.68);
  line-height: 1.5;
}

body:not(.login-body) .onboarding-status-pill,
body:not(.login-body) .whatsapp-setup-card .connection-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 7px 11px;
  border: 1px solid rgba(245, 208, 111, 0.32);
  border-radius: 999px;
  color: #f5d06f;
  background: rgba(245, 208, 111, 0.1);
  font-size: 0.76rem;
  font-weight: 900;
  white-space: nowrap;
}

body:not(.login-body) .onboarding-progress-block {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

body:not(.login-body) .onboarding-progress-block > div:first-child {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
}

body:not(.login-body) .onboarding-progress-block strong {
  color: #f5d06f;
  font-size: clamp(2.4rem, 4vw, 4.2rem);
  line-height: 0.9;
  text-shadow: 0 0 26px rgba(245, 208, 111, 0.22);
}

body:not(.login-body) .onboarding-progress-block span {
  color: rgba(234, 247, 240, 0.76);
  font-weight: 800;
}

body:not(.login-body) .onboarding-progress-track {
  overflow: hidden;
  height: 12px;
  border-radius: 999px;
  background: rgba(155, 183, 168, 0.14);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.22);
}

body:not(.login-body) .onboarding-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background:
    linear-gradient(90deg, #1f7a63, #55d689 54%, #f5d06f);
  box-shadow: 0 0 24px rgba(85, 214, 137, 0.26);
}

body:not(.login-body) .onboarding-checklist-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

body:not(.login-body) .onboarding-check-item,
body:not(.login-body) .onboarding-pending-list a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(234, 247, 240, 0.08);
  border-radius: 8px;
  color: rgba(234, 247, 240, 0.9);
  background: rgba(234, 247, 240, 0.045);
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

body:not(.login-body) .onboarding-check-item:hover,
body:not(.login-body) .onboarding-check-item:focus-visible,
body:not(.login-body) .onboarding-pending-list a:hover,
body:not(.login-body) .onboarding-pending-list a:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(245, 208, 111, 0.34);
  background: rgba(234, 247, 240, 0.07);
  text-decoration: none;
}

body:not(.login-body) .onboarding-check-icon,
body:not(.login-body) .onboarding-pending-list a > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  color: #071a12;
  background: rgba(245, 208, 111, 0.92);
  font-size: 0.72rem;
  font-weight: 950;
}

body:not(.login-body) .onboarding-check-item.is-complete .onboarding-check-icon {
  background: #55d689;
}

body:not(.login-body) .onboarding-check-item.is-required:not(.is-complete) .onboarding-check-icon {
  color: #f5d06f;
  border: 1px solid rgba(245, 208, 111, 0.38);
  background: rgba(245, 208, 111, 0.12);
}

body:not(.login-body) .onboarding-check-item strong,
body:not(.login-body) .onboarding-pending-list strong {
  display: block;
  overflow-wrap: anywhere;
  color: rgba(234, 247, 240, 0.96);
  font-size: 0.92rem;
  line-height: 1.22;
}

body:not(.login-body) .onboarding-check-item small,
body:not(.login-body) .onboarding-pending-list small {
  display: block;
  margin-top: 3px;
  color: rgba(155, 183, 168, 0.74);
  line-height: 1.28;
}

body:not(.login-body) .onboarding-next-panel {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 16px;
  border: 1px solid rgba(245, 208, 111, 0.22);
  border-radius: 8px;
  background:
    linear-gradient(160deg, rgba(245, 208, 111, 0.12), rgba(31, 122, 99, 0.08)),
    rgba(7, 26, 18, 0.46);
}

body:not(.login-body) .onboarding-next-count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body:not(.login-body) .onboarding-next-count span,
body:not(.login-body) .onboarding-next-action span,
body:not(.login-body) .whatsapp-setup-card dt,
body:not(.login-body) .setup-lock-notice span {
  color: rgba(245, 208, 111, 0.86);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body:not(.login-body) .onboarding-next-count strong {
  color: #f5d06f;
  font-size: 2.6rem;
  line-height: 1;
}

body:not(.login-body) .onboarding-next-action strong {
  display: block;
  margin-top: 5px;
  color: #fffdf6;
  font-size: 1.15rem;
  line-height: 1.18;
}

body:not(.login-body) .onboarding-next-action .button {
  width: 100%;
  margin-top: 12px;
}

body:not(.login-body) .onboarding-pending-list {
  display: grid;
  gap: 8px;
}

body:not(.login-body) .setup-lock-notice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin: 0 0 18px;
  padding: 16px;
  border: 1px solid rgba(245, 208, 111, 0.3);
  border-left: 4px solid rgba(245, 208, 111, 0.9);
  border-radius: 8px;
  color: rgba(234, 247, 240, 0.9);
  background:
    linear-gradient(90deg, rgba(245, 208, 111, 0.13), rgba(31, 122, 99, 0.07)),
    rgba(11, 31, 23, 0.82);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.18);
}

body:not(.login-body) .setup-lock-notice.is-info {
  border-color: rgba(85, 214, 137, 0.26);
  border-left-color: rgba(85, 214, 137, 0.72);
}

body:not(.login-body) .setup-lock-notice strong {
  display: block;
  margin-top: 3px;
  color: #fffdf6;
  font-size: 1.05rem;
}

body:not(.login-body) .setup-lock-notice p {
  margin: 5px 0 0;
  color: rgba(234, 247, 240, 0.7);
  line-height: 1.44;
}

body:not(.login-body) .setup-lock-notice .button {
  min-width: 180px;
}

body:not(.login-body) .whatsapp-setup-card {
  display: grid;
  gap: 16px;
  margin-top: 18px;
  padding: clamp(18px, 2vw, 24px);
  border: 1px solid rgba(31, 122, 99, 0.24);
  border-radius: 8px;
  color: rgba(234, 247, 240, 0.9);
  background:
    linear-gradient(135deg, rgba(31, 122, 99, 0.16), rgba(245, 208, 111, 0.07)),
    rgba(11, 31, 23, 0.82);
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(234, 247, 240, 0.06);
}

body:not(.login-body) .whatsapp-setup-card.is-ok {
  border-color: rgba(85, 214, 137, 0.34);
}

body:not(.login-body) .whatsapp-setup-card.is-attention {
  border-color: rgba(245, 208, 111, 0.34);
}

body:not(.login-body) .whatsapp-setup-header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
}

body:not(.login-body) .whatsapp-setup-header h2 {
  margin: 0;
  color: #fffdf6;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
}

body:not(.login-body) .whatsapp-setup-header p {
  max-width: 760px;
  margin: 8px 0 0;
  color: rgba(234, 247, 240, 0.7);
}

body:not(.login-body) .whatsapp-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

body:not(.login-body) .whatsapp-status-grid div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(234, 247, 240, 0.08);
  border-radius: 8px;
  background: rgba(234, 247, 240, 0.045);
}

body:not(.login-body) .whatsapp-status-grid dd {
  margin: 5px 0 0;
  color: rgba(234, 247, 240, 0.95);
  font-weight: 900;
  overflow-wrap: anywhere;
}

body:not(.login-body) .whatsapp-setup-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

body:not(.login-body) .whatsapp-token-form {
  display: none;
}

body:not(.login-body) .whatsapp-signup-feedback {
  min-height: 38px;
  padding: 10px 12px;
  border: 1px solid rgba(155, 183, 168, 0.16);
  border-radius: 8px;
  color: rgba(234, 247, 240, 0.78);
  background: rgba(234, 247, 240, 0.045);
}

body:not(.login-body) .whatsapp-signup-feedback[data-state="ok"] {
  color: #b7f7ca;
  border-color: rgba(85, 214, 137, 0.3);
  background: rgba(85, 214, 137, 0.1);
}

body:not(.login-body) .whatsapp-signup-feedback[data-state="warning"],
body:not(.login-body) .whatsapp-signup-feedback[data-state="syncing"] {
  color: #f5d06f;
  border-color: rgba(245, 208, 111, 0.3);
  background: rgba(245, 208, 111, 0.09);
}

body:not(.login-body) .whatsapp-signup-feedback[data-state="error"] {
  color: #ffcfbf;
  border-color: rgba(255, 107, 74, 0.32);
  background: rgba(255, 107, 74, 0.09);
}

body:not(.login-body) .button:disabled,
body:not(.login-body) button:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

body:not(.login-body) .dashboard-health-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 1.4fr) auto;
  gap: 14px;
  align-items: center;
  margin: 18px 0;
  padding: 16px;
  border: 1px solid rgba(245, 208, 111, 0.28);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(84, 54, 18, 0.22), rgba(10, 30, 21, 0.94)),
    rgba(10, 30, 21, 0.92);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

body:not(.login-body) .dashboard-health-strip h2 {
  margin: 4px 0 6px;
  color: #fffdf6;
  font-size: clamp(1.15rem, 1.8vw, 1.55rem);
}

body:not(.login-body) .dashboard-health-strip p {
  margin: 0;
  color: rgba(234, 247, 240, 0.7);
}

body:not(.login-body) .dashboard-health-alerts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body:not(.login-body) .dashboard-health-alert {
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 92px;
  padding: 11px;
  border: 1px solid rgba(245, 208, 111, 0.18);
  border-radius: 12px;
  color: inherit;
  text-decoration: none;
  background: rgba(255, 253, 246, 0.055);
}

body:not(.login-body) .dashboard-health-alert:hover,
body:not(.login-body) .dashboard-health-alert:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(245, 208, 111, 0.4);
  background: rgba(255, 253, 246, 0.085);
}

body:not(.login-body) .dashboard-health-alert span {
  color: rgba(245, 208, 111, 0.9);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body:not(.login-body) .dashboard-health-alert strong {
  overflow-wrap: anywhere;
  color: #fffdf6;
  font-size: 0.92rem;
}

body:not(.login-body) .dashboard-health-alert small {
  color: rgba(234, 247, 240, 0.68);
  line-height: 1.35;
}

body:not(.login-body) .dashboard-health-alert.is-critical {
  border-color: rgba(255, 105, 105, 0.38);
  background: rgba(255, 105, 105, 0.1);
}

body:not(.login-body) .dashboard-health-alert.is-warning {
  border-color: rgba(245, 208, 111, 0.34);
  background: rgba(245, 208, 111, 0.1);
}

body:not(.login-body) .patient-next-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin: 18px 0;
  padding: 16px;
  border: 1px solid rgba(15, 81, 50, 0.14);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 253, 246, 0.96), rgba(248, 241, 224, 0.92));
  box-shadow: 0 14px 30px rgba(20, 35, 27, 0.08);
}

body:not(.login-body) .patient-next-action h2 {
  margin: 4px 0 6px;
  color: var(--green-950);
  font-size: clamp(1.2rem, 1.8vw, 1.55rem);
}

body:not(.login-body) .patient-next-action p {
  margin: 0;
  color: var(--muted);
}

body:not(.login-body) .patient-next-action.is-urgent {
  border-color: rgba(245, 208, 111, 0.5);
  background: linear-gradient(135deg, rgba(255, 248, 231, 0.98), rgba(244, 228, 185, 0.9));
}

body:not(.login-body) .patient-next-action.is-blocked {
  border-color: rgba(255, 107, 74, 0.24);
  background: linear-gradient(135deg, rgba(255, 245, 241, 0.98), rgba(255, 234, 226, 0.9));
}

body:not(.login-body) .patient-next-action-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

@media (prefers-reduced-motion: no-preference) {
  body:not(.login-body) .dashboard-onboarding-cockpit.is-active .onboarding-progress-track span {
    animation: onboardingProgressPulse 2200ms ease-in-out infinite;
  }
}

@keyframes onboardingProgressPulse {
  0%,
  100% {
    filter: brightness(1);
  }

  50% {
    filter: brightness(1.12);
  }
}

@media (max-width: 1180px) {
  body:not(.login-body) .dashboard-onboarding-cockpit,
  body:not(.login-body) .dashboard-health-strip,
  body:not(.login-body) .patient-next-action,
  body:not(.login-body) .setup-lock-notice {
    grid-template-columns: 1fr;
  }

  body:not(.login-body) .whatsapp-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  body:not(.login-body) .onboarding-cockpit-header,
  body:not(.login-body) .whatsapp-setup-header {
    display: grid;
  }

  body:not(.login-body) .onboarding-checklist-grid,
  body:not(.login-body) .dashboard-health-alerts,
  body:not(.login-body) .whatsapp-status-grid {
    grid-template-columns: 1fr;
  }

  body:not(.login-body) .setup-lock-notice .button {
    width: 100%;
    min-width: 0;
  }

  body:not(.login-body) .patient-next-action-buttons {
    justify-content: flex-start;
  }
}

/* Mobile portal navigation: keep the menu reachable before long page content. */
body:not(.login-body) .mobile-nav-menu {
  display: none;
}

@media (max-width: 1120px) {
  body:not(.login-body) .sidebar {
    display: none !important;
  }

  body:not(.login-body) .main-area {
    order: 1;
  }

  body:not(.login-body) .topbar {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  body:not(.login-body) .topbar > div:first-child {
    display: grid;
    flex: 1 1 260px;
    gap: 10px;
    min-width: 0;
  }

  body:not(.login-body) .mobile-nav-menu {
    display: block;
    width: min(100%, 440px);
  }

  body:not(.login-body) .mobile-nav-menu > summary {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 136px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(245, 208, 111, 0.34);
    border-radius: 12px;
    color: var(--ds-text);
    background: rgba(255, 253, 246, 0.07);
    box-shadow: inset 0 1px 0 rgba(255, 253, 246, 0.08);
    cursor: pointer;
    font-weight: 900;
    list-style: none;
  }

  body:not(.login-body) .mobile-nav-menu > summary::-webkit-details-marker {
    display: none;
  }

  body:not(.login-body) .mobile-nav-menu > summary::after {
    content: ">";
    color: var(--ds-gold-soft);
    transform: rotate(90deg);
  }

  body:not(.login-body) .mobile-nav-menu[open] > summary::after {
    transform: rotate(-90deg);
  }

  body:not(.login-body) .mobile-nav-menu-panel {
    display: grid;
    gap: 8px;
    max-height: min(66vh, 560px);
    margin-top: 10px;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid rgba(245, 208, 111, 0.18);
    border-radius: 16px;
    background: rgba(4, 31, 29, 0.98);
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.32);
  }

  body:not(.login-body) .mobile-nav-menu .nav-group,
  body:not(.login-body) .mobile-nav-menu .nav-group[open] {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
  }

  body:not(.login-body) .mobile-nav-menu .nav-item {
    min-height: 44px;
  }
}

@media (max-width: 720px) {
  body:not(.login-body) .mobile-nav-menu {
    width: 100%;
  }

  body:not(.login-body) .mobile-nav-menu > summary {
    width: 100%;
  }

  body:not(.login-body) .priority-inbox-panel .panel-header {
    flex-wrap: wrap;
  }

  body:not(.login-body) .priority-inbox-panel .panel-header .status-pill {
    flex: 0 0 auto;
    width: fit-content;
    max-width: 100%;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
  }
}

body:not(.login-body) .playbook-card dl {
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  align-items: stretch;
}

body:not(.login-body) .playbook-card dl div {
  min-width: 0;
}

body:not(.login-body) .playbook-card dt,
body:not(.login-body) .playbook-card dd,
body:not(.login-body) .playbook-card .status-pill {
  overflow-wrap: normal;
  word-break: normal;
}

body:not(.login-body) .playbook-card .status-pill {
  flex: 0 0 auto;
  width: fit-content;
  white-space: nowrap;
}

body:not(.login-body) .playbook-card .card-topline {
  align-items: flex-start;
  flex-wrap: wrap;
}

body:not(.login-body) .playbook-card .card-topline > span:first-child {
  flex: 1 1 140px;
  overflow-wrap: normal;
  word-break: normal;
}

@media (max-width: 720px) {
  body:not(.login-body) .portal-tabs {
    gap: 12px;
  }

  body:not(.login-body) :is(.portal-tab, .portal-tab-active) {
    font-size: 0.92rem;
  }

  body:not(.login-body) .playbook-card .card-topline > span:first-child {
    flex-basis: min(150px, 100%);
  }
}