@import url('/assets/vendor/inter.css');
/* CSS autoral centralizado. data-css preserva os estilos de cada superfície. */

/* Tema Bootstrap */
:root:where(html:not([data-css~="overlay"])),
:where(html:not([data-css~="overlay"])) [data-bs-theme="dark"] {
  color-scheme: dark;
  --brand: #ff5634;
  --bg: #090a0c;
  --surface: #121419;
  --surface-2: #181b21;
  --border: #282c34;
  --text: #f5f7fa;
  --muted: #a5acb6;
  --live: #31e981;
  --danger: #ff4d5e;
  --info: #5cc8ff;
  --bs-primary: var(--brand);
  --bs-primary-rgb: 255, 86, 52;
  --bs-secondary: var(--muted);
  --bs-secondary-rgb: 165, 172, 182;
  --bs-success: var(--live);
  --bs-success-rgb: 49, 233, 129;
  --bs-danger: var(--danger);
  --bs-danger-rgb: 255, 77, 94;
  --bs-warning: #ffb454;
  --bs-warning-rgb: 255, 180, 84;
  --bs-info: var(--info);
  --bs-info-rgb: 92, 200, 255;
  --bs-body-color: var(--text);
  --bs-body-color-rgb: 245, 247, 250;
  --bs-body-bg: var(--bg);
  --bs-body-bg-rgb: 9, 10, 12;
  --bs-emphasis-color: var(--text);
  --bs-emphasis-color-rgb: 245, 247, 250;
  --bs-secondary-color: var(--muted);
  --bs-secondary-color-rgb: 165, 172, 182;
  --bs-secondary-bg: var(--surface-2);
  --bs-secondary-bg-rgb: 24, 27, 33;
  --bs-tertiary-bg: var(--surface);
  --bs-tertiary-bg-rgb: 18, 20, 25;
  --bs-border-color: var(--border);
  --bs-border-color-translucent: rgba(165, 172, 182, .16);
  --bs-link-color: var(--brand);
  --bs-link-color-rgb: 255, 86, 52;
  --bs-link-hover-color: #ff876f;
  --bs-link-hover-color-rgb: 255, 135, 111;
  --bs-primary-text-emphasis: #ffad9b;
  --bs-primary-bg-subtle: #3a1c19;
  --bs-primary-border-subtle: #91402f;
  --bs-success-text-emphasis: #9af5bd;
  --bs-success-bg-subtle: #132c20;
  --bs-success-border-subtle: #276544;
  --bs-danger-text-emphasis: #ffb4bd;
  --bs-danger-bg-subtle: #371a21;
  --bs-danger-border-subtle: #79303e;
  --bs-warning-text-emphasis: #ffe1ad;
  --bs-warning-bg-subtle: #30251d;
  --bs-warning-border-subtle: #825338;
  --bs-info-text-emphasis: #b1e7ff;
  --bs-info-bg-subtle: #172c39;
  --bs-info-border-subtle: #355f75;
}
:where(html:not([data-css~="overlay"])) .btn-primary {
  --bs-btn-color: var(--bg);
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-color: var(--bg);
  --bs-btn-hover-bg: #e84a2c;
  --bs-btn-hover-border-color: #e84a2c;
  --bs-btn-focus-shadow-rgb: 255, 86, 52;
  --bs-btn-active-color: var(--bg);
  --bs-btn-active-bg: #e84a2c;
  --bs-btn-active-border-color: #e84a2c;
  --bs-btn-disabled-color: var(--bg);
  --bs-btn-disabled-bg: var(--brand);
  --bs-btn-disabled-border-color: var(--brand);
  --bs-btn-disabled-opacity: .55;
}
:where(html:not([data-css~="overlay"])) .btn-danger {
  --bs-btn-color: var(--bg);
  --bs-btn-bg: var(--danger);
  --bs-btn-border-color: var(--danger);
  --bs-btn-hover-color: var(--bg);
  --bs-btn-hover-bg: #e23d50;
  --bs-btn-hover-border-color: #e23d50;
  --bs-btn-focus-shadow-rgb: 255, 77, 94;
  --bs-btn-active-color: var(--bg);
  --bs-btn-active-bg: #e23d50;
  --bs-btn-active-border-color: #e23d50;
  --bs-btn-disabled-color: var(--bg);
  --bs-btn-disabled-bg: var(--danger);
  --bs-btn-disabled-border-color: var(--danger);
}
:where(html:not([data-css~="overlay"])) .btn-outline-primary {
  --bs-btn-color: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-color: var(--bg);
  --bs-btn-hover-bg: var(--brand);
  --bs-btn-hover-border-color: var(--brand);
  --bs-btn-focus-shadow-rgb: 255, 86, 52;
  --bs-btn-active-color: var(--bg);
  --bs-btn-active-bg: #e84a2c;
  --bs-btn-active-border-color: #e84a2c;
  --bs-btn-disabled-color: var(--brand);
  --bs-btn-disabled-border-color: var(--brand);
}
:where(html:not([data-css~="overlay"])) .form-control,
:where(html:not([data-css~="overlay"])) .form-select {
  min-height: 46px;
  background-color: var(--surface-2);
  color: var(--text);
  border-color: #454b56;
  border-radius: 10px;
}
:where(html:not([data-css~="overlay"])) .form-control::placeholder {
  color: var(--muted);
  opacity: 1;
}
:where(html:not([data-css~="overlay"])) .offcanvas {
  --bs-offcanvas-bg: var(--surface);
  --bs-offcanvas-color: var(--text);
  --bs-offcanvas-border-color: var(--border);
  --bs-offcanvas-width: min(380px, 100vw);
}
:where(html:not([data-css~="overlay"])) .form-check-input:checked,
:where(html:not([data-css~="overlay"])) .form-check-input[type="checkbox"]:indeterminate {
  background-color: var(--brand);
  border-color: var(--brand);
}
:where(html:not([data-css~="overlay"])) .form-check-input:focus,
:where(html:not([data-css~="overlay"])) .form-control:focus,
:where(html:not([data-css~="overlay"])) .form-select:focus {
  border-color: var(--info);
  box-shadow: 0 0 0 .2rem rgba(92, 200, 255, .15);
}
:where(html:not([data-css~="overlay"])) input[type="checkbox"],
:where(html:not([data-css~="overlay"])) input[type="radio"],
:where(html:not([data-css~="overlay"])) input[type="range"] {
  accent-color: var(--brand);
}
:where(html:not([data-css~="overlay"])) .form-range::-webkit-slider-thumb {
  background-color: var(--brand);
}
:where(html:not([data-css~="overlay"])) .form-range::-moz-range-thumb {
  background-color: var(--brand);
}
:where(html:not([data-css~="overlay"])) .form-range:focus::-webkit-slider-thumb,
:where(html:not([data-css~="overlay"])) .form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px var(--surface), 0 0 0 .25rem rgba(255, 86, 52, .25);
}
:where(html:not([data-css~="overlay"])) .dropdown-menu,
:where(html:not([data-css~="overlay"])) .dropdown-menu-dark {
  --bs-dropdown-bg: var(--surface);
  --bs-dropdown-color: var(--text);
  --bs-dropdown-link-color: var(--text);
  --bs-dropdown-link-hover-bg: var(--surface-2);
  --bs-dropdown-link-active-bg: var(--brand);
  --bs-dropdown-link-active-color: var(--bg);
  --bs-dropdown-header-color: var(--muted);
}
:where(html:not([data-css~="overlay"])) .nav-link:focus-visible {
  box-shadow: 0 0 0 .25rem rgba(255, 86, 52, .25);
}
:where(html:not([data-css~="overlay"])) .nav-pills {
  --bs-nav-pills-link-active-bg: var(--brand);
  --bs-nav-pills-link-active-color: var(--bg);
}
:where(html:not([data-css~="overlay"])) .accordion {
  --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(255, 86, 52, .25);
}
:where(html:not([data-css~="overlay"])) .pagination {
  --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(255, 86, 52, .25);
  --bs-pagination-active-bg: var(--brand);
  --bs-pagination-active-border-color: var(--brand);
  --bs-pagination-active-color: var(--bg);
}
:where(html:not([data-css~="overlay"])) .progress,
:where(html:not([data-css~="overlay"])) .progress-stacked {
  --bs-progress-bar-bg: var(--brand);
  --bs-progress-bar-color: var(--bg);
}
:where(html:not([data-css~="overlay"])) .list-group {
  --bs-list-group-active-bg: var(--brand);
  --bs-list-group-active-border-color: var(--brand);
  --bs-list-group-active-color: var(--bg);
}
:where(html:not([data-css~="overlay"])) .btn-close {
  --bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(255, 86, 52, .25);
}
:where(html:not([data-css~="overlay"])) .btn-close:focus {
  box-shadow: 0 0 0 .25rem rgba(255, 86, 52, .25);
}
:where(html:not([data-css~="overlay"])) .table-dark {
  --bs-table-bg: var(--surface);
  --bs-table-border-color: var(--border);
  --bs-table-striped-bg: var(--surface-2);
  --bs-table-active-bg: var(--surface-2);
  --bs-table-hover-bg: var(--surface-2);
}

/* Fundamentos e componentes compartilhados */
:root:where(html:not([data-css~="overlay"])) {
  --bg: #090a0c;
  --sidebar: #070809;
  --surface: #121419;
  --surface-2: #181b21;
  --surface-3: #20232a;
  --border: #282c34;
  --text: #f5f7fa;
  --muted: #a5acb6;
  --brand: #ff5634;
  --live: #31e981;
  --danger: #ff4d5e;
  --info: #5cc8ff;
  --radius: 16px;
  --control-border: #636c79;
  --card-padding: 24px;
  --motion-duration: 160ms;
  --motion-enter: 240ms;
  --ease-standard: cubic-bezier(.2, 0, 0, 1);
  --ease-enter: cubic-bezier(.22, 1, .36, 1);
  --shadow-surface: 0 12px 32px rgb(0 0 0 / 20%);
  --shadow-dialog: 0 24px 80px rgb(0 0 0 / 50%);
  --border-strong: #454b56;
  --workspace-bg: #101217;
  --focus: #5cc8ff;
}
:where(html:not([data-css~="overlay"])),
:where(html:not([data-css~="overlay"])) * {
  box-sizing: border-box;
}
html:where(html:not([data-css~="overlay"])) {
  color-scheme: dark;
}
:where(html:not([data-css~="overlay"])) body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 16px/1.6 Inter, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
:where(html:not([data-css~="overlay"])) button,
:where(html:not([data-css~="overlay"])) input,
:where(html:not([data-css~="overlay"])) select,
:where(html:not([data-css~="overlay"])) textarea {
  font: inherit;
}
:where(html:not([data-css~="overlay"])) button,
:where(html:not([data-css~="overlay"])) a {
  touch-action: manipulation;
}
:where(html:not([data-css~="overlay"])) a {
  color: inherit;
  text-decoration: none;
}
:where(html:not([data-css~="overlay"])) a:hover {
  color: var(--text);
}
:where(html:not([data-css~="overlay"])) :focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 3px;
}
:where(html:not([data-css~="overlay"])) h1,
:where(html:not([data-css~="overlay"])) h2,
:where(html:not([data-css~="overlay"])) h3,
:where(html:not([data-css~="overlay"])) p {
  margin-top: 0;
}
:where(html:not([data-css~="overlay"])) h1,
:where(html:not([data-css~="overlay"])) h2,
:where(html:not([data-css~="overlay"])) h3 {
  color: var(--text);
}
:where(html:not([data-css~="overlay"])) h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.13;
  letter-spacing: -.045em;
}
:where(html:not([data-css~="overlay"])) h2 {
  font-size: 1.4rem;
  letter-spacing: -.025em;
}
:where(html:not([data-css~="overlay"])) h3 {
  font-size: 1.08rem;
}
:where(html:not([data-css~="overlay"])) p {
  color: var(--muted);
}
:where(html:not([data-css~="overlay"])) .skip-link {
  position: absolute;
  z-index: 1000;
  left: 1rem;
  top: -4rem;
  background: var(--brand);
  padding: .6rem 1rem;
  border-radius: 8px;
}
:where(html:not([data-css~="overlay"])) .skip-link:focus {
  top: 1rem;
}
:where(html:not([data-css~="overlay"])) .app-shell {
  min-height: 100dvh;
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
}
:where(html:not([data-css~="overlay"])) .sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: 248px;
  height: 100dvh;
  overflow: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #454b56 var(--sidebar);
  background: var(--bg);
  border-right: 0;
  padding: 28px 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
:where(html:not([data-css~="overlay"])) .sidebar::-webkit-scrollbar {
  width: 8px;
}
:where(html:not([data-css~="overlay"])) .sidebar::-webkit-scrollbar-thumb {
  background: #454b56;
  border: 2px solid var(--sidebar);
  border-radius: 8px;
}
:where(html:not([data-css~="overlay"])) .sidebar::-webkit-scrollbar-thumb:hover {
  background: #6a7280;
}
:where(html:not([data-css~="overlay"])) .sidebar::-webkit-scrollbar-track {
  background: var(--sidebar);
}
:where(html:not([data-css~="overlay"])) .brand {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: -.04em;
}
:where(html:not([data-css~="overlay"])) .brand img {
  flex: none;
  width: 160px;
  height: auto;
}
:where(html:not([data-css~="overlay"])) .ui-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: -.2em;
}
:where(html:not([data-css~="overlay"])) .brand small {
  font-size: .65rem;
  background: var(--surface-3);
  border-radius: 5px;
  padding: 3px 5px;
  letter-spacing: .05em;
}
:where(html:not([data-css~="overlay"])) .brand-mark {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  background: var(--brand);
  border-radius: 10px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 900;
  transform: skew(-5deg);
}
:where(html:not([data-css~="overlay"])) .sidebar-label,
:where(html:not([data-css~="overlay"])) .eyebrow {
  font-size: .7rem;
  letter-spacing: .16em;
  font-weight: 800;
  color: var(--muted);
}
:where(html:not([data-css~="overlay"])) .sidebar-label {
  padding: 0 12px;
  margin-top: 12px;
  font-size: .65rem;
  letter-spacing: .13em;
}
:where(html:not([data-css~="overlay"])) .sidebar nav {
  position: relative;
  display: grid;
  gap: 24px;
  flex: 1;
  min-height: 0;
  align-content: start;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--border-strong) transparent;
}
:where(html:not([data-css~="overlay"])) .sidebar nav[aria-label="Navegação interna"] {
  gap: 4px;
}
:where(html:not([data-css~="overlay"])) .sidebar > .brand,
:where(html:not([data-css~="overlay"])) .sidebar-workspace,
:where(html:not([data-css~="overlay"])) .sidebar-bottom {
  flex: none;
}
:where(html:not([data-css~="overlay"])) .sidebar-workspace {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 4px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  font-size: .8125rem;
  font-weight: 600;
}
:where(html:not([data-css~="overlay"])) .sidebar-workspace-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex: none;
  border-radius: 8px;
  background: var(--surface-3);
  color: var(--brand);
}
:where(html:not([data-css~="overlay"])) .sidebar-workspace small {
  display: block;
  color: var(--muted);
  font-size: .7rem;
  font-weight: 400;
}
:where(html:not([data-css~="overlay"])) .nav-section {
  display: grid;
  gap: 3px;
}
:where(html:not([data-css~="overlay"])) .nav-section:not(:has(.nav-link)) {
  display: none;
}
:where(html:not([data-css~="overlay"])) .nav-section-label {
  margin: 0 14px 7px;
  color: var(--muted);
  font-size: .6875rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}
:where(html:not([data-css~="overlay"])) .sidebar .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 10px 14px;
  color: var(--muted);
  border-radius: 10px;
  font-size: .875rem;
  font-weight: 500;
  transition: color var(--motion-duration) var(--ease-standard), background var(--motion-duration) var(--ease-standard);
}
:where(html:not([data-css~="overlay"])) .sidebar .nav-link span {
  font-size: 1.2rem;
  width: 22px;
  text-align: center;
}
:where(html:not([data-css~="overlay"])) .sidebar .nav-link:hover,
:where(html:not([data-css~="overlay"])) .sidebar .nav-link.active {
  background: var(--surface-2);
  color: var(--text);
}
:where(html:not([data-css~="overlay"])) .sidebar .nav-link.active {
  background: #ff56341c;
  color: var(--text);
  box-shadow: inset 3px 0 var(--brand);
}
:where(html:not([data-css~="overlay"])) .sidebar .nav-link.active .ui-icon {
  color: var(--brand);
}
:where(html:not([data-css~="overlay"])) .sidebar-bottom {
  margin-top: auto;
}
:where(html:not([data-css~="overlay"])) .account-mini {
  display: flex;
  align-items: center;
  gap: 10px;
  border-top: 1px solid var(--border);
  padding: 18px 8px 0;
  min-width: 0;
}
:where(html:not([data-css~="overlay"])) .account-mini > span:last-child {
  min-width: 0;
}
:where(html:not([data-css~="overlay"])) .account-mini strong,
:where(html:not([data-css~="overlay"])) .account-mini small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(html:not([data-css~="overlay"])) .account-mini strong {
  font-size: .88rem;
}
:where(html:not([data-css~="overlay"])) .account-mini small {
  font-size: .73rem;
  color: var(--muted);
}
:where(html:not([data-css~="overlay"])) .avatar {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 10px;
  background: #32231f;
  color: #ffc1b4;
  font-weight: 700;
}
:where(html:not([data-css~="overlay"])) .workspace {
  min-width: 0;
  grid-column: 2;
  margin: 12px 12px 12px 0;
  min-height: calc(100dvh - 24px);
  border: 1px solid var(--border);
  border-radius: 24px;
  background: var(--workspace-bg);
}
:where(html:not([data-css~="overlay"])) .topbar {
  min-height: 88px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 12px clamp(18px, 3vw, 40px);
  background: var(--workspace-bg);
  border-radius: 24px 24px 0 0;
}
:where(html:not([data-css~="overlay"])) .topbar-location {
  display: grid;
  gap: 3px;
  min-width: 0;
  margin-right: auto;
}
:where(html:not([data-css~="overlay"])) .topbar-location .eyebrow {
  font-size: .6875rem;
  letter-spacing: .1em;
}
:where(html:not([data-css~="overlay"])) .topbar-title {
  font-size: .925rem;
  font-weight: 600;
  color: var(--text);
  min-width: 0;
  margin-right: auto;
}
:where(html:not([data-css~="overlay"])) .page {
  max-width: 100%;
  width: 100%;
  margin: auto;
  padding: clamp(24px, 3vw, 40px);
  animation: page-enter var(--motion-enter) var(--ease-enter);
}
@keyframes page-enter {
from {
    opacity: .75;
    transform: translateY(6px)
  }
  to {
    opacity: 1;
    transform: translateY(0)
  }
}
:where(html:not([data-css~="overlay"])) .page-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--border);
}
:where(html:not([data-css~="overlay"])) .page-header > div:first-child {
  min-width: 0;
}
:where(html:not([data-css~="overlay"])) .page-header h1 {
  font-size: clamp(1.875rem, 3vw, 2.625rem);
  overflow-wrap: anywhere;
  font-weight: 600;
  margin-bottom: 0;
}
:where(html:not([data-css~="overlay"])) .page-header > .btn {
  flex: none;
}
:where(html:not([data-css~="overlay"])) .page-header .eyebrow {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: .65rem;
  letter-spacing: .13em;
  color: var(--brand);
}
:where(html:not([data-css~="overlay"])) .page-header p {
  margin: 10px 0 0;
  font-size: .925rem;
  max-width: 65ch;
}
:where(html:not([data-css~="overlay"])) .dashboard-intro {
  margin-bottom: 24px;
}
:where(html:not([data-css~="overlay"])) .dashboard-welcome {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 330px;
  height: 100%;
  overflow: hidden;
  padding: clamp(28px, 3vw, 44px);
  border: 1px solid #634036;
  border-radius: 20px;
  background: #1d1918;
}
:where(html:not([data-css~="overlay"])) .dashboard-welcome-copy {
  position: relative;
  z-index: 1;
  max-width: 80%;
}
:where(html:not([data-css~="overlay"])) .dashboard-welcome .eyebrow {
  color: #ffb4a4;
  font-size: .625rem;
}
:where(html:not([data-css~="overlay"])) .dashboard-welcome h2 {
  margin: 18px 0;
  font-size: clamp(2rem, 3vw, 3.25rem);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.045em;
}
:where(html:not([data-css~="overlay"])) .dashboard-welcome h2 em {
  color: var(--brand);
  font-style: normal;
}
:where(html:not([data-css~="overlay"])) .dashboard-welcome p {
  max-width: 38ch;
  font-size: .925rem;
  margin-bottom: 24px;
}
:where(html:not([data-css~="overlay"])) .dashboard-brand-art {
  position: absolute;
  right: -45px;
  bottom: -40px;
  width: 260px;
  height: 260px;
  opacity: .12;
  pointer-events: none;
}
:where(html:not([data-css~="overlay"])) .dashboard-plan {
  height: 100%;
  padding: 28px;
  gap: 14px;
}
:where(html:not([data-css~="overlay"])) .dashboard-plan .eyebrow {
  font-size: .625rem;
  letter-spacing: .12em;
}
:where(html:not([data-css~="overlay"])) .dashboard-plan h2 {
  margin: 0;
  font-size: 1.75rem;
}
:where(html:not([data-css~="overlay"])) .dashboard-plan p {
  margin: 0;
  font-size: .8125rem;
}
:where(html:not([data-css~="overlay"])) .dashboard-plan p strong {
  color: var(--text);
  font-weight: 500;
}
:where(html:not([data-css~="overlay"])) .dashboard-plan-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid var(--border-strong);
  color: var(--text);
  font-size: .8125rem;
  font-weight: 600;
}
:where(html:not([data-css~="overlay"])) .dashboard-plan-link:hover {
  color: var(--brand);
}
:where(html:not([data-css~="overlay"])) .dashboard-modules .section-heading {
  margin: 36px 0 20px;
}
:where(html:not([data-css~="overlay"])) .dashboard-modules .section-heading h2 {
  margin: 8px 0;
  font-size: 1.5rem;
}
:where(html:not([data-css~="overlay"])) .dashboard-modules .section-heading p {
  font-size: .875rem;
}
:where(html:not([data-css~="overlay"])) .workspace-module {
  display: block;
  height: 100%;
  padding: 24px;
  border: 1px solid #30343d;
  border-radius: var(--radius);
  background: var(--surface-2);
  transition: border-color var(--motion-duration) var(--ease-standard), background var(--motion-duration) var(--ease-standard);
}
:where(html:not([data-css~="overlay"])) .workspace-module:hover {
  border-color: #a56353;
  background: var(--surface-3);
}
:where(html:not([data-css~="overlay"])) .workspace-module-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  margin-bottom: 26px;
}
:where(html:not([data-css~="overlay"])) .workspace-module-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #464047;
  border-radius: 12px;
  color: #ffb4a4;
  background: #302321;
}
:where(html:not([data-css~="overlay"])) .workspace-module h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 8px;
}
:where(html:not([data-css~="overlay"])) .workspace-module p {
  margin: 0;
  font-size: .8125rem;
  line-height: 1.6;
}
:where(html:not([data-css~="overlay"])) .hero-card {
  position: relative;
  overflow: hidden;
  min-height: 310px;
  display: flex;
  align-items: center;
  padding: clamp(28px, 4vw, 56px);
  border: 1px solid #47312d;
  border-radius: 24px;
  background: radial-gradient(circle at 83% 43%, #3a241f 0, transparent 40%), linear-gradient(120deg, #211715, #141519 70%);
}
:where(html:not([data-css~="overlay"])) .hero-card > div:first-child {
  max-width: min(540px, 55%);
  z-index: 1;
}
:where(html:not([data-css~="overlay"])) .hero-card h2 {
  font-size: clamp(1.8rem, 3vw, 2.65rem);
  line-height: 1.18;
  margin: 12px 0;
}
:where(html:not([data-css~="overlay"])) .hero-card p {
  max-width: 510px;
}
:where(html:not([data-css~="overlay"])) .hero-symbol {
  position: absolute;
  right: 8%;
  top: 15%;
  width: 220px;
  height: 220px;
  opacity: .85;
}
:where(html:not([data-css~="overlay"])) .hero-symbol span {
  position: absolute;
  border: 2px solid #ff785e;
  border-radius: 50%;
  inset: 0;
}
:where(html:not([data-css~="overlay"])) .hero-symbol span:nth-child(2) {
  inset: 35px;
}
:where(html:not([data-css~="overlay"])) .hero-symbol span:nth-child(3) {
  inset: 75px;
  background: var(--brand);
  border: 0;
  box-shadow: 0 0 65px #ff563455;
}
:where(html:not([data-css~="overlay"])) .section-heading {
  margin: 38px 0 20px;
}
:where(html:not([data-css~="overlay"])) .section-heading p {
  margin: 3px 0;
}
:where(html:not([data-css~="overlay"])) .card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
:where(html:not([data-css~="overlay"])) .card {
  padding: var(--card-padding);
  border-radius: var(--radius);
  background: var(--surface-2);
  border: 1px solid #30343d;
  min-width: 0;
  box-shadow: 0 4px 16px rgb(0 0 0 / 10%), inset 0 1px 0 rgb(255 255 255 / 2%);
  --bs-card-title-color: var(--text);
}
:where(html:not([data-css~="overlay"])) .card h2,
:where(html:not([data-css~="overlay"])) .section-heading h2 {
  font-weight: 600;
  line-height: 1.3;
}
:where(html:not([data-css~="overlay"])) .card h2,
:where(html:not([data-css~="overlay"])) .card h3,
:where(html:not([data-css~="overlay"])) .card p,
:where(html:not([data-css~="overlay"])) .detail-main > a {
  overflow-wrap: anywhere;
}
:where(html:not([data-css~="overlay"])) .card p {
  margin-bottom: 22px;
}
:where(html:not([data-css~="overlay"])) .donation-filters {
  padding: 18px;
  margin-bottom: 18px;
}
:where(html:not([data-css~="overlay"])) .card-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 24px;
  background: var(--surface-3);
  border-radius: 10px;
  color: var(--brand);
  font-size: 1.4rem;
}
:where(html:not([data-css~="overlay"])) .text-link {
  color: var(--brand);
  font-weight: 700;
}
:where(html:not([data-css~="overlay"])) .text-link:hover {
  text-decoration: underline;
}
:where(html:not([data-css~="overlay"])) .empty-state {
  margin-top: 24px;
  padding: 64px 24px;
  text-align: center;
  border: 1px dashed var(--border-strong);
  border-radius: var(--radius);
  background: var(--surface-2);
}
:where(html:not([data-css~="overlay"])) .empty-state p {
  max-width: 450px;
  margin: 0 auto;
  font-size: .925rem;
}
:where(html:not([data-css~="overlay"])) .empty-state .btn {
  margin-top: 18px;
}
:where(html:not([data-css~="overlay"])) .empty-illustration {
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 20px;
  border: 1px solid var(--border);
  background: var(--surface-2);
  color: var(--muted);
  font-size: 2rem;
}
:where(html:not([data-css~="overlay"])) .badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  max-width: 100%;
  white-space: normal;
  line-height: 1.4;
  overflow-wrap: anywhere;
  padding: 6px 10px;
  border: 1px solid var(--border);
  border-radius: 100px;
  background: var(--surface-2);
  font-size: .75rem;
  font-weight: 600;
  color: var(--muted);
}
:where(html:not([data-css~="overlay"])) .badge-success {
  color: var(--live);
  border-color: #245e40;
  background: #11261b;
}
:where(html:not([data-css~="overlay"])) .status-dot {
  width: 7px;
  height: 7px;
  background: currentColor;
  border-radius: 50%;
}
:where(html:not([data-css~="overlay"])) .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 9px 16px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: .875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background var(--motion-duration) var(--ease-standard), color var(--motion-duration) var(--ease-standard), border-color var(--motion-duration) var(--ease-standard), box-shadow var(--motion-duration) var(--ease-standard);
}
:where(html:not([data-css~="overlay"])) .btn:hover {
  transform: none;
}
:where(html:not([data-css~="overlay"])) .btn-primary {
  background: var(--brand);
  color: var(--bg);
  border-color: var(--brand);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 4px 12px rgb(255 86 52 / 12%);
}
:where(html:not([data-css~="overlay"])) .btn-primary:hover {
  background: #ff7458;
  border-color: #ff7458;
  color: var(--bg);
}
:where(html:not([data-css~="overlay"])) .btn-primary:focus,
:where(html:not([data-css~="overlay"])) .btn-primary:active,
:where(html:not([data-css~="overlay"])) .btn-primary:disabled {
  color: var(--bg);
}
:where(html:not([data-css~="overlay"])) .btn-primary:disabled {
  opacity: .55;
  cursor: not-allowed;
}
:where(html:not([data-css~="overlay"])) .btn-ghost {
  background: var(--surface);
  border-color: var(--border-strong);
  color: var(--text);
}
:where(html:not([data-css~="overlay"])) .btn-ghost:hover,
:where(html:not([data-css~="overlay"])) .btn-ghost:focus-visible {
  background: var(--surface-3);
  border-color: #636c79;
  color: #fff;
  box-shadow: 0 0 0 1px #636c7940;
}
:where(html:not([data-css~="overlay"])) .btn-sm {
  min-height: 38px;
}
:where(html:not([data-css~="overlay"])) .card form > .btn:not(:first-child) {
  margin-top: 6px;
}
:where(html:not([data-css~="overlay"])) .w-100 {
  width: 100%;
}
:where(html:not([data-css~="overlay"])) .icon-button {
  border: 1px solid var(--border-strong);
  background: var(--surface-2);
  color: var(--text);
  border-radius: 10px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  display: inline-grid;
  place-items: center;
}
:where(html:not([data-css~="overlay"])) .menu-button {
  display: none;
}
:where(html:not([data-css~="overlay"])) .password-card {
  margin-top: 18px;
  max-width: 650px;
}
:where(html:not([data-css~="overlay"])) .detail-list {
  margin: 0;
}
:where(html:not([data-css~="overlay"])) .detail-list > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid var(--border);
  padding: 13px 0;
}
:where(html:not([data-css~="overlay"])) .detail-list dt {
  color: var(--muted);
}
:where(html:not([data-css~="overlay"])) .detail-list dd {
  margin: 0;
  text-align: right;
  overflow-wrap: anywhere;
}
:where(html:not([data-css~="overlay"])) .auth-page {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: radial-gradient(ellipse at 50% 0, #ff563412, transparent 55%), var(--bg);
}
:where(html:not([data-css~="overlay"])) .auth-card {
  width: min(100%, 440px);
  min-width: 0;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid var(--border);
  border-radius: 22px;
  background: var(--surface);
  box-shadow: var(--shadow-surface);
  animation: page-enter var(--motion-enter) var(--ease-enter);
}
:where(html:not([data-css~="overlay"])) .auth-card .brand {
  padding: 0;
}
:where(html:not([data-css~="overlay"])) .auth-intro {
  margin: 42px 0 30px;
}
:where(html:not([data-css~="overlay"])) .auth-intro h1 {
  font-size: 2rem;
  margin: 8px 0;
  font-weight: 600;
}
:where(html:not([data-css~="overlay"])) .auth-intro p {
  margin: 0;
}
:where(html:not([data-css~="overlay"])) .auth-split {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
  gap: clamp(48px, 8vw, 140px);
  padding: 48px clamp(32px, 6vw, 110px);
  background: var(--bg);
}
:where(html:not([data-css~="overlay"])) .auth-story {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 56px;
  width: 100%;
  min-height: calc(100dvh - 96px);
}
:where(html:not([data-css~="overlay"])) .auth-story > .brand {
  padding: 0;
}
:where(html:not([data-css~="overlay"])) .auth-story > .brand img {
  width: 200px;
}
:where(html:not([data-css~="overlay"])) .auth-story-copy .eyebrow {
  color: #ffb4a4;
  font-size: .6875rem;
}
:where(html:not([data-css~="overlay"])) .auth-story h2 {
  margin: 24px 0;
  font-size: clamp(2.75rem, 4.4vw, 4.5rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.05em;
}
:where(html:not([data-css~="overlay"])) .auth-story h2 em {
  color: var(--brand);
  font-style: normal;
}
:where(html:not([data-css~="overlay"])) .auth-story-copy p {
  max-width: 44ch;
  margin-bottom: 28px;
  font-size: 1.0625rem;
}
:where(html:not([data-css~="overlay"])) .auth-story-features {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}
:where(html:not([data-css~="overlay"])) .auth-story-features > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: .8125rem;
}
:where(html:not([data-css~="overlay"])) .auth-story-features .ui-icon {
  color: #ffb4a4;
  width: 18px;
  height: 18px;
}
:where(html:not([data-css~="overlay"])) .auth-story-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  color: var(--muted);
  font-size: .75rem;
}
:where(html:not([data-css~="overlay"])) .auth-story-footer img {
  width: min(50%, 240px);
  height: 100px;
  object-fit: contain;
  object-position: left bottom;
}
:where(html:not([data-css~="overlay"])) .auth-split .auth-card {
  width: 100%;
  padding: 40px;
  border-radius: 20px;
  background: var(--surface-2);
}
:where(html:not([data-css~="overlay"])) .auth-split .auth-card > .brand {
  display: none;
}
:where(html:not([data-css~="overlay"])) .auth-split .auth-intro {
  margin: 0 0 32px;
}
@media (max-width: 991px) {
  :where(html:not([data-css~="overlay"])) .auth-split {
    grid-template-columns: minmax(0, 1fr);
    padding: 24px;
  }
  :where(html:not([data-css~="overlay"])) .auth-story {
    display: none;
  }
  :where(html:not([data-css~="overlay"])) .auth-split .auth-card {
    width: min(100%, 460px);
    padding: clamp(24px, 5vw, 40px);
  }
  :where(html:not([data-css~="overlay"])) .auth-split .auth-card > .brand {
    display: flex;
  }
  :where(html:not([data-css~="overlay"])) .auth-split .auth-intro {
    margin: 32px 0 28px;
  }
}
@media (max-width: 575px) {
  :where(html:not([data-css~="overlay"])) .dashboard-welcome {
    min-height: 310px;
    padding: 24px;
  }
  :where(html:not([data-css~="overlay"])) .dashboard-welcome-copy {
    max-width: 100%;
  }
  :where(html:not([data-css~="overlay"])) .dashboard-brand-art {
    opacity: .06;
  }
  :where(html:not([data-css~="overlay"])) .workspace-module {
    padding: 22px;
  }
  :where(html:not([data-css~="overlay"])) .topbar-location .eyebrow {
    display: none;
  }
}
:where(html:not([data-css~="overlay"])) .field {
  min-width: 0;
  margin-bottom: 18px;
}
:where(html:not([data-css~="overlay"])) .field label {
  display: block;
  margin-bottom: 7px;
  font-weight: 500;
  font-size: .88rem;
}
:where(html:not([data-css~="overlay"])) .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
:where(html:not([data-css~="overlay"])) .field select,
:where(html:not([data-css~="overlay"])) .field textarea {
  display: block;
  width: 100%;
  min-height: 46px;
  padding: 10px 13px;
  background: var(--bg);
  color: var(--text);
  min-width: 0;
  border: 1px solid var(--control-border);
  border-radius: 10px;
  transition: border-color var(--motion-duration) var(--ease-standard), box-shadow var(--motion-duration) var(--ease-standard);
}
:where(html:not([data-css~="overlay"])) .field label:has(input[type="checkbox"], input[type="radio"]) {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 44px;
}
:where(html:not([data-css~="overlay"])) .field input[type="checkbox"],
:where(html:not([data-css~="overlay"])) .field input[type="radio"] {
  width: 18px;
  height: 18px;
  flex: none;
  margin-top: 3px;
}
:where(html:not([data-css~="overlay"])) .field textarea {
  resize: vertical;
}
:where(html:not([data-css~="overlay"])) .field input::placeholder,
:where(html:not([data-css~="overlay"])) .field textarea::placeholder {
  color: var(--muted);
  opacity: 1;
}
:where(html:not([data-css~="overlay"])) .field input:disabled,
:where(html:not([data-css~="overlay"])) .field select:disabled,
:where(html:not([data-css~="overlay"])) .field textarea:disabled {
  opacity: .55;
  cursor: not-allowed;
}
:where(html:not([data-css~="overlay"])) .field input:focus:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
:where(html:not([data-css~="overlay"])) .field select:focus,
:where(html:not([data-css~="overlay"])) .field textarea:focus {
  border-color: var(--focus);
  outline: 0;
  box-shadow: 0 0 0 3px #5cc8ff25;
}
:where(html:not([data-css~="overlay"])) .field input:hover:not(:disabled):not(:focus),
:where(html:not([data-css~="overlay"])) .field select:hover:not(:disabled):not(:focus),
:where(html:not([data-css~="overlay"])) .field textarea:hover:not(:disabled):not(:focus) {
  border-color: #8d949e;
}
:where(html:not([data-css~="overlay"])) .auth-note a {
  color: var(--text);
  text-decoration: underline;
  text-underline-offset: 3px;
}
:where(html:not([data-css~="overlay"])) .auth-note {
  font-size: .8rem;
  text-align: center;
  margin: 24px 0 0;
}
:where(html:not([data-css~="overlay"])) .alert {
  padding: 12px 14px;
  border-radius: 10px;
  margin-bottom: 18px;
}
:where(html:not([data-css~="overlay"])) .alert-danger {
  background: #371a21;
  color: #ffc1ca;
  border: 1px solid #79303e;
}
:where(html:not([data-css~="overlay"])) .modal-content {
  background: var(--surface-2);
  border: 1px solid var(--border);
  color: var(--text);
  border-radius: var(--radius);
  box-shadow: var(--shadow-dialog);
  overflow-wrap: anywhere;
}
:where(html:not([data-css~="overlay"])) .modal-header,
:where(html:not([data-css~="overlay"])) .modal-footer {
  border-color: var(--border);
}
:where(html:not([data-css~="overlay"])) .modal-footer {
  gap: 10px;
}
:where(html:not([data-css~="overlay"])) .modal-header,
:where(html:not([data-css~="overlay"])) .modal-body,
:where(html:not([data-css~="overlay"])) .modal-footer {
  padding: 20px;
}
:where(html:not([data-css~="overlay"])) .modal-header .btn-close {
  flex: none;
}
:where(html:not([data-css~="overlay"])) .table-responsive,
:where(html:not([data-css~="overlay"])) .community-table-wrap {
  max-width: 100%;
  overscroll-behavior-x: contain;
}
:where(html:not([data-css~="overlay"])) .table {
  --bs-table-color: var(--text);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--border);
  --bs-table-hover-bg: var(--surface-2);
  --bs-table-hover-color: var(--text);
}
:where(html:not([data-css~="overlay"])) .table > :not(caption) > * > * {
  padding: 14px 16px;
}
:where(html:not([data-css~="overlay"])) .table thead th {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .035em;
  background: var(--surface-2);
  vertical-align: middle;
}
:where(html:not([data-css~="overlay"])) .table tbody td {
  font-size: .875rem;
  vertical-align: middle;
}
:where(html:not([data-css~="overlay"])) .table tbody tr:last-child td {
  border-bottom-width: 0;
}
:where(html:not([data-css~="overlay"])) .table-responsive > .table:not(.wm-clients-table) {
  min-width: 640px;
}
:where(html:not([data-css~="overlay"])) .pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
  color: var(--muted);
}
:where(html:not([data-css~="overlay"])) .ts-wrapper,
:where(html:not([data-css~="overlay"])) .ts-dropdown {
  color: var(--text);
  font: inherit;
}
:where(html:not([data-css~="overlay"])) .ts-wrapper .ts-control,
:where(html:not([data-css~="overlay"])) .ts-wrapper.single.input-active .ts-control {
  min-height: 46px;
  padding: 10px 13px;
  border: 1px solid var(--control-border);
  border-radius: 10px;
  background: var(--bg);
  color: var(--text);
}
:where(html:not([data-css~="overlay"])) .ts-wrapper .ts-control > input {
  min-height: 0;
  width: auto;
  padding: 0 !important;
  color: var(--text);
  font: inherit;
}
:where(html:not([data-css~="overlay"])) .ts-wrapper.multi .ts-control > div {
  background: var(--surface-3);
  color: var(--text);
  border-radius: 6px;
  overflow-wrap: anywhere;
  max-width: 100%;
}
:where(html:not([data-css~="overlay"])) .ts-wrapper.focus .ts-control {
  border-color: var(--focus);
  box-shadow: 0 0 0 3px #5cc8ff25;
}
:where(html:not([data-css~="overlay"])) .ts-dropdown {
  background: var(--surface);
  border: 1px solid var(--control-border);
  border-radius: 10px;
  box-shadow: var(--shadow-surface);
}
:where(html:not([data-css~="overlay"])) .ts-dropdown .option,
:where(html:not([data-css~="overlay"])) .ts-dropdown .no-results {
  padding: 10px 13px;
  overflow-wrap: anywhere;
}
:where(html:not([data-css~="overlay"])) .ts-dropdown .active,
:where(html:not([data-css~="overlay"])) .ts-wrapper.multi .ts-control > div.active {
  background: var(--surface-3);
  color: var(--text);
}
:where(html:not([data-css~="overlay"])) .field small {
  display: block;
  color: var(--muted);
  font-size: .78rem;
  margin-top: 6px;
}
:where(html:not([data-css~="overlay"])) .notifications-page .page-header {
  align-items: center;
}
:where(html:not([data-css~="overlay"])) .notification-list {
  padding: 8px 28px;
}
:where(html:not([data-css~="overlay"])) .notification-item {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 18px 0;
  border-bottom: 1px solid var(--border);
}
:where(html:not([data-css~="overlay"])) .notification-item:last-child {
  border-bottom: 0;
}
:where(html:not([data-css~="overlay"])) .notification-item.is-unread .notification-icon {
  color: var(--brand);
  background: #34231f;
}
:where(html:not([data-css~="overlay"])) .notification-icon {
  width: 42px;
  height: 42px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: var(--muted);
  background: var(--surface-3);
}
:where(html:not([data-css~="overlay"])) .notification-content {
  display: grid;
  gap: 3px;
  min-width: 0;
  flex: 1;
  overflow-wrap: anywhere;
}
:where(html:not([data-css~="overlay"])) .notification-content time,
:where(html:not([data-css~="overlay"])) .notification-read {
  color: var(--muted);
  font-size: .82rem;
}
:where(html:not([data-css~="overlay"])) .notification-item form {
  flex: none;
}
:where(html:not([data-css~="overlay"])) .access-card-head {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 20px;
}
:where(html:not([data-css~="overlay"])) .access-card-head .card-icon {
  margin: 0;
  flex: none;
}
:where(html:not([data-css~="overlay"])) .access-card-head h2,
:where(html:not([data-css~="overlay"])) .access-card-head p {
  margin: 0;
}
:where(html:not([data-css~="overlay"])) .access-card .detail-list dd {
  overflow-wrap: anywhere;
  text-align: right;
}
:where(html:not([data-css~="overlay"])) .access-actions,
:where(html:not([data-css~="overlay"])) .profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
:where(html:not([data-css~="overlay"])) .access-google {
  border-top: 1px solid var(--border);
  margin-top: 24px;
  padding-top: 22px;
}
:where(html:not([data-css~="overlay"])) .access-google h3 {
  margin-bottom: 6px;
}
:where(html:not([data-css~="overlay"])) .access-google p {
  margin-bottom: 16px;
}
:where(html:not([data-css~="overlay"])) .profile-grid {
  align-items: start;
}
:where(html:not([data-css~="overlay"])) .profile-actions {
  flex-direction: column;
  align-items: flex-start;
}
:where(html:not([data-css~="overlay"])) .profile-page input[readonly] {
  opacity: .72;
  cursor: default;
}
@media (max-width: 575px) {
  :where(html:not([data-css~="overlay"])) .notification-list {
    padding: 4px 18px;
  }
  :where(html:not([data-css~="overlay"])) .notification-item {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
  }
  :where(html:not([data-css~="overlay"])) .notification-content {
    flex-basis: calc(100% - 54px);
  }
  :where(html:not([data-css~="overlay"])) .notification-item form,
  :where(html:not([data-css~="overlay"])) .notification-read {
    margin-left: 54px;
  }
  :where(html:not([data-css~="overlay"])) .access-card .detail-list dd {
    text-align: left;
  }
  :where(html:not([data-css~="overlay"])) .access-actions .btn,
  :where(html:not([data-css~="overlay"])) .profile-actions .btn {
    width: 100%;
  }
}
:where(html:not([data-css~="overlay"])) .toast-region {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1090;
  max-width: calc(100vw - 40px);
}
:where(html:not([data-css~="overlay"])) .livenexo-toast {
  padding: 12px 18px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-3);
  box-shadow: var(--shadow-dialog);
  color: var(--text);
  max-width: min(420px, calc(100vw - 32px));
  overflow-wrap: anywhere;
}
:where(html:not([data-css~="overlay"])) .skeleton {
  background: linear-gradient(90deg, var(--surface), var(--surface-3), var(--surface));
  background-size: 200% 100%;
  animation: shimmer 1.2s linear infinite;
  border-radius: 14px;
  height: 130px;
  margin-bottom: 18px;
}
@keyframes shimmer {
to {
    background-position-x: -200%
  }
}
:where(html:not([data-css~="overlay"])) .sidebar-backdrop {
  display: none;
}
@media(max-width:800px) {
  :where(html:not([data-css~="overlay"])) .hero-card > div:first-child {
    max-width: 100%;
  }
  :where(html:not([data-css~="overlay"])) .app-shell {
    display: block;
  }
  :where(html:not([data-css~="overlay"])) .sidebar {
    position: fixed;
    z-index: 25;
    inset: 0 auto 0 0;
    width: min(280px, 85vw);
    transform: translateX(-100%);
    transition: transform var(--motion-enter) var(--ease-enter);
  }
  :where(html:not([data-css~="overlay"])) .workspace {
    grid-column: auto;
    margin: 0;
    min-height: 100dvh;
    border: 0;
    border-radius: 0;
  }
  :where(html:not([data-css~="overlay"])) .topbar {
    border-radius: 0;
    min-height: 80px;
  }
  :where(html:not([data-css~="overlay"])) .menu-open .sidebar {
    transform: translateX(0);
  }
  :where(html:not([data-css~="overlay"])) .menu-open .sidebar-backdrop {
    display: block;
    position: fixed;
    z-index: 20;
    inset: 0;
    background: #0009;
  }
  :where(html:not([data-css~="overlay"])) .menu-button {
    display: inline-grid;
  }
  :where(html:not([data-css~="overlay"])) .page-header {
    align-items: flex-start;
    flex-direction: column;
  }
  :where(html:not([data-css~="overlay"])) .hero-symbol {
    opacity: .18;
    right: -50px;
  }
  :where(html:not([data-css~="overlay"])) .card-grid {
    grid-template-columns: 1fr;
  }
  :where(html:not([data-css~="overlay"])) .topbar {
    padding: 12px 20px;
  }
}
@media(max-width:480px) {
  :root:where(html:not([data-css~="overlay"])) {
    --card-padding: 20px;
  }
  :where(html:not([data-css~="overlay"])) .modal-header,
  :where(html:not([data-css~="overlay"])) .modal-body,
  :where(html:not([data-css~="overlay"])) .modal-footer {
    padding: 16px;
  }
  :where(html:not([data-css~="overlay"])) .modal-footer > .btn {
    flex: 1 1 auto;
  }
  :where(html:not([data-css~="overlay"])) .table-responsive:has(table:not(.wm-clients-table))::before {
    content: 'Deslize para ver todas as colunas';
    display: block;
    padding: 8px 0 12px;
    color: var(--muted);
    font-size: .75rem;
  }
  :where(html:not([data-css~="overlay"])) .page {
    padding: 24px 16px;
  }
  :where(html:not([data-css~="overlay"])) .hero-card {
    padding: 30px 24px;
    min-height: 360px;
  }
  :where(html:not([data-css~="overlay"])) .hero-card h2 {
    font-size: 1.8rem;
  }
  :where(html:not([data-css~="overlay"])) .topbar-title {
    font-size: .9rem;
  }
  :where(html:not([data-css~="overlay"])) .empty-state {
    padding: 38px 20px;
  }
  :where(html:not([data-css~="overlay"])) .detail-list > div {
    display: block;
  }
  :where(html:not([data-css~="overlay"])) .detail-list dd {
    text-align: left;
  }
}
@media(prefers-reduced-motion:reduce) {
  :where(html:not([data-css~="overlay"])),
:where(html:not([data-css~="overlay"])) *,
  :where(html:not([data-css~="overlay"])) *::before,
  :where(html:not([data-css~="overlay"])) *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Comunidade: ranking, VIP e créditos. */
:where(html:not([data-css~="overlay"])) .community-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}
:where(html:not([data-css~="overlay"])) .community-filters .field {
  margin: 0;
}
:where(html:not([data-css~="overlay"])) .community-filters .btn {
  align-self: end;
}
:where(html:not([data-css~="overlay"])) .community-filters.card {
  border-radius: 0px;
  border: none;
}
:where(html:not([data-css~="overlay"])) .community-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin: 28px 0 20px;
}
:where(html:not([data-css~="overlay"])) .community-section-heading h2,
:where(html:not([data-css~="overlay"])) .community-section-heading p {
  margin-bottom: 6px;
}
:where(html:not([data-css~="overlay"])) .ranking-podium {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 18px;
  margin-bottom: 24px;
}
:where(html:not([data-css~="overlay"])) .ranking-highlight {
  position: relative;
  overflow: hidden;
  min-height: 230px;
  padding-top: 46px;
}
:where(html:not([data-css~="overlay"])) .ranking-highlight.is-first {
  border-top: 3px solid var(--brand);
  background: linear-gradient(145deg, var(--surface-2), var(--surface));
}
:where(html:not([data-css~="overlay"])) .ranking-highlight h3 {
  font-size: 1.3rem;
  margin: 16px 0 10px;
  overflow-wrap: anywhere;
}
:where(html:not([data-css~="overlay"])) .ranking-position {
  position: absolute;
  right: 20px;
  top: 10px;
  color: var(--muted);
  font-size: 1.5rem;
  font-weight: 600;
}
:where(html:not([data-css~="overlay"])) .ranking-score {
  display: block;
  font-size: clamp(1.5rem, 2.8vw, 2.4rem);
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
}
:where(html:not([data-css~="overlay"])) .ranking-highlight p {
  font-size: .88rem;
  margin: 12px 0;
}
:where(html:not([data-css~="overlay"])) .community-table-wrap {
  overflow-x: auto;
  padding: 0;
}
:where(html:not([data-css~="overlay"])) .community-table {
  width: 100%;
  min-width: 700px;
  border-collapse: collapse;
  font-size: .9rem;
}
:where(html:not([data-css~="overlay"])) .community-table th,
:where(html:not([data-css~="overlay"])) .community-table td {
  padding: 18px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}
:where(html:not([data-css~="overlay"])) .community-table th {
  color: var(--muted);
  font-size: .78rem;
  background: var(--surface-2);
}
:where(html:not([data-css~="overlay"])) .community-table small,
:where(html:not([data-css~="overlay"])) .community-rule small {
  display: block;
  color: var(--muted);
  margin-top: 4px;
  font-size: .78rem;
}
:where(html:not([data-css~="overlay"])) .ranking-table-position {
  display: inline-block;
  min-width: 24px;
  margin-right: 10px;
  color: var(--muted);
}
:where(html:not([data-css~="overlay"])) .community-settings {
  margin-top: 28px;
}
:where(html:not([data-css~="overlay"])) .community-settings > .community-section-heading {
  margin-top: 0;
}
:where(html:not([data-css~="overlay"])) .community-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
:where(html:not([data-css~="overlay"])) .community-rule {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  border-top: 1px solid var(--border);
  padding: 16px 0;
}
:where(html:not([data-css~="overlay"])) .community-check {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 8px 0;
}
:where(html:not([data-css~="overlay"])) .community-preview {
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px;
  margin-top: 16px;
}
:where(html:not([data-css~="overlay"])) .community-preview p {
  margin: 12px 0 0;
}
:where(html:not([data-css~="overlay"])) .community-negative {
  color: var(--danger);
}
@media (max-width: 1100px) {
  :where(html:not([data-css~="overlay"])) .community-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(html:not([data-css~="overlay"])) .ranking-podium {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(html:not([data-css~="overlay"])) .ranking-highlight.is-first {
    grid-column: 1 / -1;
  }
}
@media (max-width: 575px) {
  :where(html:not([data-css~="overlay"])) .community-filters,
  :where(html:not([data-css~="overlay"])) .ranking-podium {
    grid-template-columns: minmax(0, 1fr);
  }
  :where(html:not([data-css~="overlay"])) .ranking-highlight {
    min-height: 0;
    padding: 28px 22px;
  }
  :where(html:not([data-css~="overlay"])) .community-table-wrap::before {
    content: 'Deslize para ver todas as colunas';
    display: block;
    padding: 12px 18px;
    font-size: .78rem;
    color: var(--muted);
  }
  :where(html:not([data-css~="overlay"])) .community-page .page-header {
    align-items: flex-start;
  }
}
:where(html:not([data-css~="overlay"])) .ln-accordion {
  --bs-accordion-color: var(--text);
  --bs-accordion-bg: var(--surface);
  --bs-accordion-border-color: var(--border);
  --bs-accordion-border-radius: 12px;
  --bs-accordion-inner-border-radius: 11px;
  --bs-accordion-btn-color: var(--text);
  --bs-accordion-btn-bg: var(--surface);
  --bs-accordion-active-color: var(--text);
  --bs-accordion-active-bg: var(--surface-2);
  --bs-accordion-btn-focus-box-shadow: none;
}
:where(html:not([data-css~="overlay"])) .ln-accordion .accordion-item {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 12px;
}
:where(html:not([data-css~="overlay"])) .ln-accordion .accordion-button {
  min-height: 56px;
  padding: 14px 20px;
  gap: 16px;
  font-weight: 700;
  line-height: 1.4;
  box-shadow: none;
}
:where(html:not([data-css~="overlay"])) .ln-accordion .accordion-button::after {
  flex: none;
  width: 9px;
  height: 9px;
  margin-left: auto;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  background-image: none !important;
  transform: rotate(-45deg);
  transition: transform .25s ease;
}
:where(html:not([data-css~="overlay"])) .ln-accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(45deg);
}
:where(html:not([data-css~="overlay"])) .ln-accordion .accordion-button:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: -3px;
}
:where(html:not([data-css~="overlay"])) .ln-accordion .accordion-body {
  padding: 20px;
  overflow-wrap: anywhere;
}
:where(html:not([data-css~="overlay"])) .ln-accordion .accordion-body > :last-child {
  margin-bottom: 0;
}
:where(html:not([data-css~="overlay"])) .community-filter-panel {
  margin-bottom: 20px;
}
:where(html:not([data-css~="overlay"])) .community-filter-panel .accordion-body {
  padding: 0;
}
@media (prefers-reduced-motion: reduce) {
  :where(html:not([data-css~="overlay"])) .ln-accordion .collapsing,
  :where(html:not([data-css~="overlay"])) .ln-accordion .accordion-button::after {
    transition: none;
  }
}
:where(html:not([data-css~="overlay"])) .community-page .btn-primary {
  color: var(--bg);
}
/* Sorteios: configuração, snapshot e rodadas. */
:where(html:not([data-css~="overlay"])) .draw-steps,
:where(html:not([data-css~="overlay"])) .draw-actions,
:where(html:not([data-css~="overlay"])) .draw-checks,
:where(html:not([data-css~="overlay"])) .draw-card-top,
:where(html:not([data-css~="overlay"])) .draw-card-counts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
:where(html:not([data-css~="overlay"])) .draw-steps {
  margin-bottom: 24px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}
:where(html:not([data-css~="overlay"])) .draw-steps a {
  padding: 8px 12px;
  min-height: 44px;
  color: var(--text);
}
:where(html:not([data-css~="overlay"])) .draw-steps a:hover {
  color: var(--brand);
}
:where(html:not([data-css~="overlay"])) .draw-section {
  margin-bottom: 24px;
  scroll-margin-top: 24px;
}
:where(html:not([data-css~="overlay"])) .draw-section h2,
:where(html:not([data-css~="overlay"])) .draw-card h2 {
  font-size: 1.25rem;
  margin-bottom: 18px;
}
:where(html:not([data-css~="overlay"])) .draw-grid,
:where(html:not([data-css~="overlay"])) .draw-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
:where(html:not([data-css~="overlay"])) .draw-grid .field {
  margin-bottom: 0;
}
:where(html:not([data-css~="overlay"])) .draw-grid {
  margin-bottom: 20px;
}
:where(html:not([data-css~="overlay"])) .draw-wide {
  grid-column: 1 / -1;
}
:where(html:not([data-css~="overlay"])) .draw-page textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--text);
  background: var(--surface-2);
}
:where(html:not([data-css~="overlay"])) .draw-checks {
  margin: 16px 0 24px;
  align-items: flex-start;
}
:where(html:not([data-css~="overlay"])) .draw-check {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  cursor: pointer;
}
:where(html:not([data-css~="overlay"])) .draw-check input {
  width: 20px;
  height: 20px;
  accent-color: var(--brand);
  flex-shrink: 0;
}
:where(html:not([data-css~="overlay"])) .draw-note {
  border-left: 3px solid var(--brand);
  padding-left: 16px;
}
:where(html:not([data-css~="overlay"])) .draw-actions {
  margin: 24px 0;
}
:where(html:not([data-css~="overlay"])) .draw-card-top {
  justify-content: space-between;
  margin-bottom: 24px;
}
:where(html:not([data-css~="overlay"])) .draw-card small,
:where(html:not([data-css~="overlay"])) .draw-card-counts,
:where(html:not([data-css~="overlay"])) .draw-history time {
  color: var(--muted);
}
:where(html:not([data-css~="overlay"])) .draw-card-counts {
  padding: 16px 0;
  margin: 12px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
:where(html:not([data-css~="overlay"])) .draw-card-counts strong {
  color: var(--text);
}
:where(html:not([data-css~="overlay"])) .draw-winner {
  color: var(--live);
}
:where(html:not([data-css~="overlay"])) .draw-filter-toggle {
  display: none;
}
:where(html:not([data-css~="overlay"])) .draw-filter-drawer .offcanvas-body {
  display: block;
  padding: 0;
}
:where(html:not([data-css~="overlay"])) .draw-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}
:where(html:not([data-css~="overlay"])) .draw-metrics .card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:where(html:not([data-css~="overlay"])) .draw-metrics strong {
  font-size: 2rem;
  letter-spacing: -.03em;
}
:where(html:not([data-css~="overlay"])) .draw-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
  gap: 24px;
  align-items: start;
}
:where(html:not([data-css~="overlay"])) .draw-table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--text);
  --bs-table-border-color: var(--border);
  min-width: 510px;
}
:where(html:not([data-css~="overlay"])) .draw-table th,
:where(html:not([data-css~="overlay"])) .draw-table td {
  padding: 12px 8px;
}
:where(html:not([data-css~="overlay"])) .draw-excluded {
  margin-bottom: 24px;
}
:where(html:not([data-css~="overlay"])) .draw-round {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 0;
  border-top: 1px solid var(--border);
}
:where(html:not([data-css~="overlay"])) .draw-round h3 {
  font-size: 1.25rem;
  margin: 12px 0;
}
:where(html:not([data-css~="overlay"])) .draw-history {
  list-style: none;
  margin: 0;
  padding: 0;
}
:where(html:not([data-css~="overlay"])) .draw-history li {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}
@media (max-width: 1100px) {
  :where(html:not([data-css~="overlay"])) .draw-detail-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  :where(html:not([data-css~="overlay"])) .draw-filter-toggle {
    display: inline-flex;
    margin-bottom: 20px;
  }
  :where(html:not([data-css~="overlay"])) .draw-filter-drawer {
    background: var(--surface);
    color: var(--text);
  }
  :where(html:not([data-css~="overlay"])) .draw-filter-drawer .offcanvas-body {
    padding: 16px;
  }
  :where(html:not([data-css~="overlay"])) .draw-filter-drawer .community-filters {
    grid-template-columns: 1fr;
    padding: 0;
    border: 0;
  }
  :where(html:not([data-css~="overlay"])) .draw-metrics {
    grid-template-columns: 1fr;
  }
  :where(html:not([data-css~="overlay"])) .draw-metrics .card {
    padding: 20px;
  }
  :where(html:not([data-css~="overlay"])) .draw-grid,
  :where(html:not([data-css~="overlay"])) .draw-cards {
    grid-template-columns: 1fr;
  }
  :where(html:not([data-css~="overlay"])) .draw-steps {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  :where(html:not([data-css~="overlay"])) .draw-steps a {
    white-space: nowrap;
  }
  :where(html:not([data-css~="overlay"])) .draw-round {
    align-items: stretch;
    flex-direction: column;
  }
  :where(html:not([data-css~="overlay"])) .draw-operation {
    position: sticky;
    top: 0;
    z-index: 5;
    padding: 12px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
  }
  :where(html:not([data-css~="overlay"])) .draw-operation .btn {
    font-size: .85rem;
  }
}
/* Financeiro do streamer */
:where(html:not([data-css~="overlay"])) .financial-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
:where(html:not([data-css~="overlay"])) .financial-metrics .card {
  padding: 20px;
  gap: 7px;
}
:where(html:not([data-css~="overlay"])) .financial-metrics strong {
  font-size: clamp(1.2rem, 1.7vw, 1.6rem);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
:where(html:not([data-css~="overlay"])) .financial-highlight {
  border-color: var(--live);
}
:where(html:not([data-css~="overlay"])) .financial-note,
:where(html:not([data-css~="overlay"])) .financial-comparison,
:where(html:not([data-css~="overlay"])) .financial-recurrence small {
  color: var(--muted);
  font-size: .8rem;
}
:where(html:not([data-css~="overlay"])) .financial-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 24px 0;
}
:where(html:not([data-css~="overlay"])) .financial-chart-card,
:where(html:not([data-css~="overlay"])) .financial-table-card,
:where(html:not([data-css~="overlay"])) .financial-recurrence {
  padding: 24px;
  margin-bottom: 20px;
  min-width: 0;
}
:where(html:not([data-css~="overlay"])) .financial-charts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
:where(html:not([data-css~="overlay"])) .financial-charts figure {
  margin: 0;
  min-width: 0;
}
:where(html:not([data-css~="overlay"])) .financial-charts svg {
  display: block;
  width: 100%;
  height: auto;
}
:where(html:not([data-css~="overlay"])) .financial-line {
  fill: none;
  stroke: var(--brand);
  stroke-width: 2;
}
:where(html:not([data-css~="overlay"])) .financial-point {
  fill: var(--brand);
}
:where(html:not([data-css~="overlay"])) .financial-axis {
  stroke: var(--border);
}
:where(html:not([data-css~="overlay"])) .financial-page table {
  font-size: .85rem;
  font-variant-numeric: tabular-nums;
}
:where(html:not([data-css~="overlay"])) .financial-page th,
:where(html:not([data-css~="overlay"])) .financial-page td {
  vertical-align: middle;
  min-width: 110px;
  padding: 14px 10px;
}
:where(html:not([data-css~="overlay"])) .financial-ledger article {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 18px 0;
  border-bottom: 1px solid var(--border);
}
:where(html:not([data-css~="overlay"])) .financial-ledger small,
:where(html:not([data-css~="overlay"])) .financial-ledger article span {
  display: block;
  color: var(--muted);
}
:where(html:not([data-css~="overlay"])) .financial-filter-form {
  display: grid;
  gap: 10px;
}
:where(html:not([data-css~="overlay"])) .financial-filter-form label {
  margin-top: 6px;
}
@media (max-width: 991px) {
  :where(html:not([data-css~="overlay"])) .financial-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(html:not([data-css~="overlay"])) .financial-page .page-header,
  :where(html:not([data-css~="overlay"])) .financial-ledger article {
    align-items: stretch;
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  :where(html:not([data-css~="overlay"])) .financial-metrics,
  :where(html:not([data-css~="overlay"])) .financial-charts {
    grid-template-columns: minmax(0, 1fr);
  }
  :where(html:not([data-css~="overlay"])) .financial-page .card {
    padding: 18px;
  }
  :where(html:not([data-css~="overlay"])) .financial-page .btn {
    min-height: 44px;
  }
}
:where(html:not([data-css~="overlay"])) #main.is-navigating {
  position: relative;
}
:where(html:not([data-css~="overlay"])) #main.is-navigating::before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--surface-3), var(--brand), var(--surface-3));
  background-size: 200% 100%;
  animation: shimmer 1.2s linear infinite;
}
/* QR da instância cadastrada com a conta. */
:where(html:not([data-css~="overlay"])) .w5-account-card {
  padding: 1.25rem;
  margin-bottom: 1rem;
}
:where(html:not([data-css~="overlay"])) [data-w5-qr] {
  display: block;
  max-width: 100%;
  width: 280px;
  aspect-ratio: 1;
  margin: 1rem auto;
  background: #fff;
  border-radius: 12px;
  padding: 8px;
}
:where(html:not([data-css~="overlay"])) [data-w5-qr][hidden] {
  display: none;
}
:where(html:not([data-css~="overlay"])) .page-preloader {
  display: none;
  position: fixed;
  inset-block-start: 20px;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  align-items: center;
  gap: 12px;
  width: max-content;
  max-width: calc(100% - 32px);
  padding: 16px 20px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  z-index: 1080;
  pointer-events: none;
  animation: page-preloader-dismiss 0s 6s forwards;
}
:where(html:not([data-css~="overlay"])) .page-preloader-progress {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border: 2px solid var(--border);
  border-top-color: var(--brand);
  border-radius: 50%;
  animation: page-preloader-spin 1s linear infinite;
}
@media (scripting: enabled) {
  :where(html:not([data-css~="overlay"])) .page-preloader {
    display: flex;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(html:not([data-css~="overlay"])) .page-preloader-progress {
    animation: none;
  }
}
@keyframes page-preloader-spin {
to {
    transform: rotate(360deg);
  }
}
@keyframes page-preloader-dismiss {
to {
    visibility: hidden;
  }
}

/* Contas, planos e administração */
:where(html[data-css~="account"]) .metric-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
:where(html[data-css~="account"]) .wm-account-overview {
  padding: 28px;
  margin-bottom: 20px;
}
:where(html[data-css~="account"]) .wm-section-title h2 {
  margin: 8px 0 24px;
  font-size: 1.25rem;
}
:where(html[data-css~="account"]) .wm-account-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
:where(html[data-css~="account"]) .wm-account-metrics > div {
  display: grid;
  gap: 12px;
  padding: 4px 20px;
  border-left: 1px solid var(--border-strong);
}
:where(html[data-css~="account"]) .wm-account-metrics > div:first-child {
  padding-left: 0;
  border-left: 0;
}
:where(html[data-css~="account"]) .wm-account-metrics span {
  color: var(--muted);
  font-size: .75rem;
}
:where(html[data-css~="account"]) .wm-account-metrics strong {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
}
:where(html[data-css~="account"]) .wm-account-metrics > div:nth-child(2) strong {
  color: var(--live);
}
:where(html[data-css~="account"]) .wm-revenue {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.2fr;
  gap: 28px;
  padding: 32px;
  border-color: #514036;
  background: #1b1a1b;
}
:where(html[data-css~="account"]) .wm-revenue-primary,
:where(html[data-css~="account"]) .wm-revenue-recurring {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
:where(html[data-css~="account"]) .wm-revenue h2 {
  margin: 12px 0 18px;
  font-size: 1rem;
}
:where(html[data-css~="account"]) .wm-revenue .eyebrow {
  color: #ffb4a4;
  font-size: .625rem;
}
:where(html[data-css~="account"]) .wm-revenue-primary > strong {
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
:where(html[data-css~="account"]) .wm-revenue small {
  margin-top: 10px;
  color: var(--muted);
  font-size: .75rem;
}
:where(html[data-css~="account"]) .wm-revenue-recurring {
  justify-content: center;
  padding: 0 24px;
  border-inline: 1px solid var(--border-strong);
}
:where(html[data-css~="account"]) .wm-revenue-recurring .ui-icon {
  color: #ffb4a4;
  margin-bottom: 12px;
}
:where(html[data-css~="account"]) .wm-revenue-recurring > span {
  color: var(--muted);
  font-size: .75rem;
}
:where(html[data-css~="account"]) .wm-revenue-recurring strong {
  margin-top: 6px;
  font-size: 1.75rem;
  font-weight: 600;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
:where(html[data-css~="account"]) .wm-billing-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: center;
  gap: 22px 16px;
  margin: 0;
}
:where(html[data-css~="account"]) .wm-billing-facts dt {
  color: var(--muted);
  font-size: .75rem;
  font-weight: 400;
}
:where(html[data-css~="account"]) .wm-billing-facts dd {
  margin: 4px 0 0;
  font-size: 1.5rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 1199px) {
  :where(html[data-css~="account"]) .wm-account-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 0;
  }
  :where(html[data-css~="account"]) .wm-account-metrics > div:nth-child(4) {
    padding-left: 0;
    border-left: 0;
  }
  :where(html[data-css~="account"]) .wm-revenue {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(html[data-css~="account"]) .wm-billing-facts {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: 24px;
    border-top: 1px solid var(--border-strong);
  }
}
@media (max-width: 575px) {
  :where(html[data-css~="account"]) .wm-account-overview,
  :where(html[data-css~="account"]) .wm-revenue {
    padding: 24px;
  }
  :where(html[data-css~="account"]) .wm-account-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(html[data-css~="account"]) .wm-account-metrics > div:nth-child(4) {
    padding-left: 20px;
    border-left: 1px solid var(--border-strong);
  }
  :where(html[data-css~="account"]) .wm-account-metrics > div:nth-child(odd) {
    padding-left: 0;
    border-left: 0;
  }
  :where(html[data-css~="account"]) .wm-revenue {
    grid-template-columns: minmax(0, 1fr);
  }
  :where(html[data-css~="account"]) .wm-revenue-recurring {
    padding: 22px 0;
    border-inline: 0;
    border-block: 1px solid var(--border-strong);
  }
  :where(html[data-css~="account"]) .wm-billing-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 0;
    padding-top: 0;
  }
}
:where(html[data-css~="account"]) .metric {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  min-height: 128px;
}
:where(html[data-css~="account"]) .metric span {
  color: var(--muted);
  font-size: .8125rem;
  font-weight: 500;
}
:where(html[data-css~="account"]) .metric strong {
  font-size: clamp(1.65rem, 2.4vw, 2.4rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.04em;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
:where(html[data-css~="account"]) .stat-list {
  list-style:none;
  padding:0;
  margin:0;
}
:where(html[data-css~="account"]) .stat-list li {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 0;
  border-top:1px solid var(--border);
}
:where(html[data-css~="account"]) .stat-list li:first-child {
  border-top:0;
}
:where(html[data-css~="account"]) .stat-list li>span:first-child {
  min-width:0;
  overflow-wrap:anywhere;
}
:where(html[data-css~="account"]) .stat-list li>.badge {
  flex:none;
}
:where(html[data-css~="account"]) .stat-list small,
:where(html[data-css~="account"]) .table-sub {
  display:block;
  color:var(--muted);
  font-size:.78rem;
  font-weight:400;
}
:where(html[data-css~="account"]) .filter-bar {
  display: flex;
  align-items: end;
  gap: 12px;
  padding: 20px;
  margin-bottom: 24px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}
:where(html[data-css~="account"]) .filter-bar .field {
  margin:0;
  flex:1;
  min-width:0;
}
:where(html[data-css~="account"]) .catalog-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
:where(html[data-css~="account"]) .catalog-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 245px;
  transition: border-color var(--motion-duration) var(--ease-standard), background var(--motion-duration) var(--ease-standard);
}
:where(html[data-css~="account"]) a.catalog-card:hover {
  border-color: var(--border-strong);
  background: var(--surface-2);
}
:where(html[data-css~="account"]) .catalog-card .badge {
  position:absolute;
  right:22px;
  top:26px;
}
:where(html[data-css~="account"]) .catalog-card h2 {
  margin:14px 0 8px;
}
:where(html[data-css~="account"]) .catalog-card p {
  margin-bottom:20px;
}
:where(html[data-css~="account"]) .catalog-icon,
:where(html[data-css~="account"]) .module-glyph {
  display:grid;
  place-items:center;
  flex:none;
  border-radius:10px;
  background:var(--surface-3);
  color:var(--brand);
}
:where(html[data-css~="account"]) .catalog-icon {
  width:48px;
  height:48px;
  font-size:1.5rem;
}
:where(html[data-css~="account"]) .catalog-meta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid var(--border);
  font-size:.8rem;
  color:var(--muted);
}
:where(html[data-css~="account"]) .catalog-meta strong {
  color:var(--text);
}
:where(html[data-css~="account"]) .back-link {
  display:inline-block;
  margin-bottom:20px;
  color:var(--muted);
  font-weight:700;
}
:where(html[data-css~="account"]) .back-link:hover {
  color:var(--text);
}
:where(html[data-css~="account"]) .detail-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  align-items:start;
  gap:18px;
}
:where(html[data-css~="account"]) .detail-main,
:where(html[data-css~="account"]) .detail-side {
  display:grid;
  gap:18px;
  min-width:0;
}
:where(html[data-css~="account"]) .detail-main>.card,
:where(html[data-css~="account"]) .detail-side>.card {
  scroll-margin-top:22px;
}
:where(html[data-css~="account"]) .section-heading.compact {
  margin:0 0 22px;
}
:where(html[data-css~="account"]) .section-heading.compact h2 {
  margin-bottom:4px;
}
:where(html[data-css~="account"]) .section-heading.compact p {
  margin:0;
}
:where(html[data-css~="account"]) .module-list {
  display:grid;
  gap:8px;
  margin:14px 0 22px;
}
:where(html[data-css~="account"]) .module-row {
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:13px 14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface-2);
}
:where(html[data-css~="account"]) .module-row>span:nth-child(2) {
  min-width:0;
  flex:1;
}
:where(html[data-css~="account"]) .module-row strong {
  display:block;
  font-size:.9rem;
}
:where(html[data-css~="account"]) .module-row small {
  display:block;
  color:var(--muted);
  font-size:.75rem;
}
:where(html[data-css~="account"]) .module-row .badge {
  margin-left:auto;
}
:where(html[data-css~="account"]) .module-row input[type=checkbox] {
  width:20px;
  height:20px;
  accent-color:var(--brand);
  margin-left:auto;
  flex:none;
}
:where(html[data-css~="account"]) .module-glyph {
  width:38px;
  height:38px;
  font-size:1.2rem;
}
:where(html[data-css~="account"]) .inline-form {
  display:flex;
  align-items:end;
  gap:10px;
  margin:14px 0;
}
:where(html[data-css~="account"]) .inline-form .field {
  flex:1;
  margin:0;
  min-width:0;
}
:where(html[data-css~="account"]) .inline-form .field small {
  display:inline;
  font-weight:400;
}
:where(html[data-css~="account"]) .form-row {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
:where(html[data-css~="account"]) .form-row .field {
  display:flex;
  flex-direction:column;
}
:where(html[data-css~="account"]) .form-row .field>label {
  flex:1;
}
:where(html[data-css~="account"]) .highlight-line {
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px;
  border-radius:12px;
  background:var(--surface-2);
}
:where(html[data-css~="account"]) .highlight-line strong {
  font-size:1.2rem;
  margin-right:auto;
}
:where(html[data-css~="account"]) .highlight-line>span:first-child {
  color:var(--muted);
}
:where(html[data-css~="account"]) .section-nav {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:20px;
}
:where(html[data-css~="account"]) .section-nav a {
  padding:8px 12px;
  border:1px solid var(--border);
  border-radius:100px;
  background:var(--surface);
  font-size:.8rem;
  font-weight:700;
  color:var(--muted);
}
:where(html[data-css~="account"]) .section-nav a:hover,
:where(html[data-css~="account"]) .section-nav a:focus-visible {
  color:var(--text);
  border-color:var(--brand);
}
:where(html[data-css~="account"]) .override-row {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  padding:12px 0;
  border-top:1px solid var(--border);
}
:where(html[data-css~="account"]) .override-row>div:first-child {
  flex:1;
  min-width:150px;
}
:where(html[data-css~="account"]) .override-row strong,
:where(html[data-css~="account"]) .override-row small {
  display:block;
}
:where(html[data-css~="account"]) .override-row small {
  color:var(--muted);
  font-size:.75rem;
}
:where(html[data-css~="account"]) .override-row form {
  display:flex;
  align-items:center;
  gap:6px;
}
:where(html[data-css~="account"]) .override-row select,
:where(html[data-css~="account"]) .override-row input {
  max-width:160px;
  min-height:38px;
  padding:6px 9px;
  border:1px solid #454b56;
  border-radius:8px;
  background:var(--surface-2);
  color:var(--text);
}
:where(html[data-css~="account"]) .subsection {
  margin:28px 0 8px;
}
:where(html[data-css~="account"]) .side-summary {
  position:sticky;
  top:20px;
}
:where(html[data-css~="account"]) .side-summary .btn {
  margin-top:22px;
}
:where(html[data-css~="account"]) .usage-track {
  display:block;
  width:100%;
  height:9px;
  overflow:hidden;
  border:0;
  border-radius:100px;
  background:var(--surface-3);
  margin:15px 0 20px;
  appearance:none;
}
:where(html[data-css~="account"]) .usage-track::-webkit-progress-bar {
  background:var(--surface-3);
  border-radius:100px;
}
:where(html[data-css~="account"]) .usage-track::-webkit-progress-value {
  background:var(--brand);
  border-radius:100px;
}
:where(html[data-css~="account"]) .usage-track::-moz-progress-bar {
  background:var(--brand);
  border-radius:100px;
}
:where(html[data-css~="account"]) .account-alert {
  background:#342117;
  color:#ffd3b8;
  border:1px solid #71472f;
}
:where(html[data-css~="account"]) .form-hint {
  font-size:.85rem;
  color:var(--muted);
}
:where(html[data-css~="account"]) .danger-card {
  border-color:#63323b;
}
:where(html[data-css~="account"]) .wm-clients-page {
  max-width:1600px;
}
:where(html[data-css~="account"]) .wm-clients-header {
  align-items:flex-end;
  margin-bottom:26px;
}
:where(html[data-css~="account"]) .wm-clients-header h1 {
  letter-spacing:-.045em;
}
:where(html[data-css~="account"]) .wm-clients-count {
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:none;
  padding:8px 13px;
  border:1px solid var(--border);
  border-radius:100px;
  background:var(--surface);
  color:var(--muted);
  font-size:.82rem;
  font-weight:600;
}
:where(html[data-css~="account"]) .wm-clients-count strong {
  color:var(--text);
  font-size:1rem;
}
:where(html[data-css~="account"]) .wm-clients-filters {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(210px,.8fr) auto;
  align-items:end;
  gap:14px;
  margin-bottom:20px;
  padding:20px;
}
:where(html[data-css~="account"]) .wm-clients-filters .field {
  min-width:0;
}
:where(html[data-css~="account"]) .wm-clients-filters .btn {
  min-width:112px;
}
:where(html[data-css~="account"]) .wm-clients-list {
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--surface);
}
:where(html[data-css~="account"]) .wm-clients-list-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:22px 26px;
  border-bottom:1px solid var(--border);
}
:where(html[data-css~="account"]) .wm-clients-list-heading .eyebrow {
  display:block;
  margin-bottom:6px;
  font-size:.69rem;
}
:where(html[data-css~="account"]) .wm-clients-list-heading h2 {
  margin:0;
  font-size:1.2rem;
  letter-spacing:-.025em;
}
:where(html[data-css~="account"]) .wm-clients-list-count {
  color:var(--muted);
  font-size:.8rem;
  white-space:nowrap;
}
:where(html[data-css~="account"]) .wm-clients-table {
  width:100%;
  table-layout:fixed;
  --bs-table-bg:transparent;
  --bs-table-color:var(--text);
}
:where(html[data-css~="account"]) .wm-clients-table th,
:where(html[data-css~="account"]) .wm-clients-table td {
  background:transparent!important;
  box-shadow:none!important;
}
:where(html[data-css~="account"]) .wm-clients-table thead th {
  padding:14px 20px;
  border-bottom:1px solid var(--border);
  color:var(--muted);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
}
:where(html[data-css~="account"]) .wm-clients-table tbody tr {
  border-bottom:1px solid var(--border);
  transition:background .18s ease;
}
:where(html[data-css~="account"]) .wm-clients-table tbody tr:last-child {
  border-bottom:0;
}
:where(html[data-css~="account"]) .wm-clients-table tbody tr:hover {
  background:var(--surface-2);
}
:where(html[data-css~="account"]) .wm-clients-table tbody td {
  padding:20px;
  vertical-align:middle;
}
:where(html[data-css~="account"]) .wm-clients-table th:first-child,
:where(html[data-css~="account"]) .wm-clients-table td:first-child {
  width:27%;
  padding-left:26px;
}
:where(html[data-css~="account"]) .wm-clients-table th:nth-child(2),
:where(html[data-css~="account"]) .wm-clients-table td:nth-child(2) {
  width:19%;
}
:where(html[data-css~="account"]) .wm-clients-table th:nth-child(3),
:where(html[data-css~="account"]) .wm-clients-table td:nth-child(3) {
  width:13%;
}
:where(html[data-css~="account"]) .wm-clients-table th:nth-child(4),
:where(html[data-css~="account"]) .wm-clients-table td:nth-child(4) {
  width:27%;
}
:where(html[data-css~="account"]) .wm-clients-table th:last-child,
:where(html[data-css~="account"]) .wm-clients-table td:last-child {
  width:14%;
  padding-right:26px;
  text-align:right;
}
:where(html[data-css~="account"]) .wm-client-identity {
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
:where(html[data-css~="account"]) .wm-client-identity>div {
  min-width:0;
}
:where(html[data-css~="account"]) .wm-client-identity strong,
:where(html[data-css~="account"]) .wm-client-identity .table-sub {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
:where(html[data-css~="account"]) .wm-client-identity strong {
  font-size:.94rem;
}
:where(html[data-css~="account"]) .wm-client-identity .table-sub {
  margin-top:4px;
}
:where(html[data-css~="account"]) .wm-client-avatar {
  display:grid;
  place-items:center;
  flex:none;
  width:42px;
  height:42px;
  border:1px solid #744133;
  border-radius:12px;
  background:#35201b;
  color:#ffaf98;
  font-weight:800;
}
:where(html[data-css~="account"]) .wm-client-plan {
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:7px;
}
:where(html[data-css~="account"]) .wm-client-plan strong {
  font-size:.9rem;
  font-weight:650;
}
:where(html[data-css~="account"]) .wm-client-account {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.86rem;
  font-weight:650;
  white-space:nowrap;
}
:where(html[data-css~="account"]) .wm-client-account.is-active {
  color:var(--live);
}
:where(html[data-css~="account"]) .wm-client-account.is-suspended {
  color:#ffb4a8;
}
:where(html[data-css~="account"]) .wm-w5-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  min-width:0;
}
:where(html[data-css~="account"]) .wm-w5-actions form {
  margin:0;
}
:where(html[data-css~="account"]) .wm-w5-actions .btn {
  white-space:nowrap;
}
:where(html[data-css~="account"]) .wm-client-danger:hover,
:where(html[data-css~="account"]) .wm-client-danger:focus-visible {
  color:#ffb4a8;
  border-color:#9f4b4b;
  background:#352023;
}
:where(html[data-css~="account"]) .wm-client-open {
  min-width:88px;
}
@media(max-width:1100px) {
  :where(html[data-css~="account"]) .wm-clients-list .table-responsive {
    overflow:visible;
  }
  :where(html[data-css~="account"]) .wm-clients-table,
  :where(html[data-css~="account"]) .wm-clients-table tbody,
  :where(html[data-css~="account"]) .wm-clients-table tr,
  :where(html[data-css~="account"]) .wm-clients-table td {
    display:block;
    width:100%!important;
  }
  :where(html[data-css~="account"]) .wm-clients-table thead {
    display:none;
  }
  :where(html[data-css~="account"]) .wm-clients-table tbody {
    display:grid;
    gap:12px;
    padding:14px;
  }
  :where(html[data-css~="account"]) .wm-clients-table tbody tr {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px 20px;
    padding:18px;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--surface-2);
  }
  :where(html[data-css~="account"]) .wm-clients-table tbody td {
    padding:0!important;
    text-align:left!important;
  }
  :where(html[data-css~="account"]) .wm-clients-table tbody td::before {
    content:attr(data-label);
    display:block;
    margin-bottom:7px;
    color:var(--muted);
    font-size:.69rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  :where(html[data-css~="account"]) .wm-clients-table tbody td:first-child {
    grid-column:1/-1;
  }
  :where(html[data-css~="account"]) .wm-clients-table tbody td:last-child {
    align-self:end;
  }
  :where(html[data-css~="account"]) .wm-client-identity strong,
  :where(html[data-css~="account"]) .wm-client-identity .table-sub {
    white-space:normal;
    overflow-wrap:anywhere;
  }
  :where(html[data-css~="account"]) .wm-clients-table tbody tr:hover {
    background:var(--surface-2);
  }
}
@media(max-width:700px) {
  :where(html[data-css~="account"]) .wm-clients-filters {
    grid-template-columns:1fr 1fr;
  }
  :where(html[data-css~="account"]) .wm-clients-filters .wm-clients-search {
    grid-column:1/-1;
  }
  :where(html[data-css~="account"]) .wm-clients-filters .btn {
    align-self:end;
  }
  :where(html[data-css~="account"]) .wm-clients-list-heading {
    padding:18px;
  }
}
@media(max-width:560px) {
  :where(html[data-css~="account"]) .wm-clients-filters {
    display:grid;
    grid-template-columns:1fr;
    padding:16px;
  }
  :where(html[data-css~="account"]) .wm-clients-filters .wm-clients-search {
    grid-column:auto;
  }
  :where(html[data-css~="account"]) .wm-clients-filters .field {
    margin:0;
  }
  :where(html[data-css~="account"]) .wm-clients-filters .btn {
    width:100%;
  }
  :where(html[data-css~="account"]) .wm-clients-count {
    font-size:.76rem;
  }
  :where(html[data-css~="account"]) .wm-clients-table tbody {
    padding:10px;
  }
  :where(html[data-css~="account"]) .wm-clients-table tbody tr {
    grid-template-columns:1fr;
    gap:17px;
    padding:16px;
  }
  :where(html[data-css~="account"]) .wm-clients-table tbody td:first-child {
    grid-column:auto;
  }
  :where(html[data-css~="account"]) .wm-clients-table tbody td:last-child {
    padding-top:14px!important;
    border-top:1px solid var(--border);
  }
  :where(html[data-css~="account"]) .wm-client-open {
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce) {
  :where(html[data-css~="account"]) .wm-clients-table tbody tr {
    transition:none;
  }
}
@media(max-width:1100px) {
  :where(html[data-css~="account"]) .catalog-grid,
  :where(html[data-css~="account"]) .metric-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  :where(html[data-css~="account"]) .detail-layout {
    grid-template-columns:minmax(0,1fr) 260px;
  }
}
@media(max-width:800px) {
  :where(html[data-css~="account"]) .wm-clients-header {
    align-items:flex-start;
  }
  :where(html[data-css~="account"]) .detail-layout {
    grid-template-columns:1fr;
  }
  :where(html[data-css~="account"]) .side-summary {
    position:static;
  }
  :where(html[data-css~="account"]) .filter-bar {
    flex-wrap:wrap;
  }
  :where(html[data-css~="account"]) .filter-bar .field {
    flex-basis:40%;
  }
}
@media(max-width:600px) {
  :where(html[data-css~="account"]) .catalog-grid,
  :where(html[data-css~="account"]) .metric-grid {
    grid-template-columns:1fr;
  }
  :where(html[data-css~="account"]) .filter-bar {
    display:block;
  }
  :where(html[data-css~="account"]) .filter-bar .field {
    margin-bottom:12px;
  }
  :where(html[data-css~="account"]) .filter-bar .btn {
    width:100%;
  }
  :where(html[data-css~="account"]) .inline-form {
    align-items:stretch;
    flex-direction:column;
  }
  :where(html[data-css~="account"]) .form-row {
    grid-template-columns:1fr;
  }
  :where(html[data-css~="account"]) .override-row {
    align-items:stretch;
  }
  :where(html[data-css~="account"]) .override-row>div:first-child {
    flex-basis:100%;
  }
  :where(html[data-css~="account"]) .override-row form {
    flex:1;
  }
  :where(html[data-css~="account"]) .override-row select,
  :where(html[data-css~="account"]) .override-row input {
    flex:1;
    min-width:0;
  }
  :where(html[data-css~="account"]) .module-row {
    padding:10px;
    gap:9px;
  }
  :where(html[data-css~="account"]) .module-row .badge {
    font-size:.68rem;
  }
  :where(html[data-css~="account"]) .highlight-line {
    flex-wrap:wrap;
  }
}
@media(max-width:600px) {
  :where(html[data-css~="account"]) .filter-bar.wm-clients-filters {
    display:grid;
  }
  :where(html[data-css~="account"]) .filter-bar.wm-clients-filters .field {
    margin:0;
  }
}
@media(max-width:1100px) {
  :where(html[data-css~="account"]) .wm-clients-table tbody tr:last-child {
    border-bottom:1px solid var(--border);
  }
}
@media(prefers-reduced-motion:reduce) {
  :where(html[data-css~="account"]) .catalog-card {
    transition:none;
  }
}
/* Detalhe do cliente no WM */
:where(html[data-css~="account"]) .wm-client-detail {
  max-width:1600px;
}
:where(html[data-css~="account"]) .wm-client-detail .back-link {
  margin-bottom:18px;
}
:where(html[data-css~="account"]) .wm-detail-header {
  align-items:center;
  margin-bottom:22px;
}
:where(html[data-css~="account"]) .wm-detail-header h1 {
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
}
:where(html[data-css~="account"]) .wm-detail-header p {
  max-width:56ch;
}
:where(html[data-css~="account"]) .wm-detail-badges {
  display:flex;
  align-items:flex-end;
  flex-direction:column;
  gap:8px;
  max-width:300px;
}
:where(html[data-css~="account"]) .wm-detail-badges .badge {
  max-width:100%;
  white-space:normal;
  text-align:right;
}
:where(html[data-css~="account"]) .wm-detail-nav {
  position:sticky;
  top:0;
  z-index:5;
  flex-wrap:nowrap;
  gap:5px;
  overflow-x:auto;
  margin:0 0 22px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
  scrollbar-width:thin;
}
:where(html[data-css~="account"]) .wm-detail-nav a {
  flex:none;
  margin:0;
  padding:9px 13px;
  border-color:transparent;
  background:transparent;
  white-space:nowrap;
}
:where(html[data-css~="account"]) .wm-detail-nav a:hover,
:where(html[data-css~="account"]) .wm-detail-nav a:focus-visible {
  background:var(--surface-3);
  color:var(--text);
}
:where(html[data-css~="account"]) .wm-client-detail .detail-layout {
  grid-template-columns:minmax(0,1fr) 270px;
  gap:20px;
}
:where(html[data-css~="account"]) .wm-client-detail .detail-main {
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:18px;
}
:where(html[data-css~="account"]) .wm-client-detail .detail-main>section {
  grid-column:1/-1;
  min-width:0;
  scroll-margin-top:90px;
}
:where(html[data-css~="account"]) .wm-client-detail .detail-main>#dados,
:where(html[data-css~="account"]) .wm-client-detail .detail-main>#plano,
:where(html[data-css~="account"]) .wm-client-detail .detail-main>#usuarios,
:where(html[data-css~="account"]) .wm-client-detail .detail-main>#auditoria {
  grid-column:auto;
  height:100%;
}
:where(html[data-css~="account"]) .wm-client-detail .detail-main>.card {
  padding:25px;
}
:where(html[data-css~="account"]) .wm-client-detail .section-heading.compact {
  margin-bottom:18px;
}
:where(html[data-css~="account"]) .wm-client-detail .section-heading.compact h2 {
  font-size:1.22rem;
  letter-spacing:-.025em;
}
:where(html[data-css~="account"]) .wm-client-detail .section-heading.compact p {
  font-size:.84rem;
  line-height:1.5;
}
:where(html[data-css~="account"]) .wm-client-detail #dados form {
  margin-top:14px;
}
:where(html[data-css~="account"]) .wm-client-detail #dados .detail-list dd {
  max-width:65%;
}
:where(html[data-css~="account"]) .wm-client-detail #plano .highlight-line {
  gap:10px;
  padding:14px 16px;
}
:where(html[data-css~="account"]) .wm-client-detail #plano .highlight-line .badge {
  margin-left:auto;
}
:where(html[data-css~="account"]) .wm-client-detail #modulos .module-list {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0;
}
:where(html[data-css~="account"]) .wm-client-detail #modulos .module-row {
  margin:0;
  padding:13px;
}
:where(html[data-css~="account"]) .wm-client-detail #modulos .module-row .badge {
  white-space:nowrap;
}
:where(html[data-css~="account"]) .wm-client-detail #limites .detail-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 22px;
}
:where(html[data-css~="account"]) .wm-client-detail #overrides {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:10px 12px;
}
:where(html[data-css~="account"]) .wm-client-detail #overrides>.section-heading,
:where(html[data-css~="account"]) .wm-client-detail #overrides>h3 {
  grid-column:1/-1;
}
:where(html[data-css~="account"]) .wm-client-detail #overrides>h3 {
  margin:6px 0 2px;
  font-size:.95rem;
}
:where(html[data-css~="account"]) .wm-client-detail #overrides>h3.subsection {
  margin-top:22px;
}
:where(html[data-css~="account"]) .wm-client-detail #overrides .override-row {
  display:flex;
  align-items:stretch;
  flex-direction:column;
  gap:10px;
  min-width:0;
  margin:0;
  padding:15px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--surface-2);
}
:where(html[data-css~="account"]) .wm-client-detail #overrides .override-row>div:first-child {
  flex:none;
  min-width:0;
}
:where(html[data-css~="account"]) .wm-client-detail #overrides .override-row strong {
  font-size:.9rem;
}
:where(html[data-css~="account"]) .wm-client-detail #overrides .override-row form:first-of-type {
  margin-top:auto;
}
:where(html[data-css~="account"]) .wm-client-detail #overrides .override-row form {
  width:100%;
  min-width:0;
}
:where(html[data-css~="account"]) .wm-client-detail #overrides .override-row select,
:where(html[data-css~="account"]) .wm-client-detail #overrides .override-row input {
  flex:1;
  min-width:0;
  max-width:none;
  background:var(--surface);
}
:where(html[data-css~="account"]) .wm-client-detail #overrides .override-row .btn {
  flex:none;
}
:where(html[data-css~="account"]) .wm-client-detail .side-summary {
  top:76px;
  border-color:#544039;
  background:linear-gradient(155deg,#211b1a,var(--surface) 60%);
}
:where(html[data-css~="account"]) .wm-client-detail .side-summary h2 {
  margin:16px 0 8px;
  letter-spacing:-.035em;
}
:where(html[data-css~="account"]) .wm-client-detail .side-summary p {
  margin-bottom:16px;
  font-size:.87rem;
  line-height:1.55;
}
:where(html[data-css~="account"]) .wm-client-detail #usuarios .stat-list li,
:where(html[data-css~="account"]) .wm-client-detail #auditoria .stat-list li {
  align-items:flex-start;
}
:where(html[data-css~="account"]) .wm-client-detail #auditoria .stat-list li>small {
  flex:none;
  text-align:right;
}
@media(max-width:1350px) {
  :where(html[data-css~="account"]) .wm-client-detail .detail-layout {
    grid-template-columns:1fr;
  }
  :where(html[data-css~="account"]) .wm-client-detail .detail-side {
    grid-row:1;
  }
  :where(html[data-css~="account"]) .wm-client-detail .side-summary {
    position:static;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px 20px;
  }
  :where(html[data-css~="account"]) .wm-client-detail .side-summary h2,
  :where(html[data-css~="account"]) .wm-client-detail .side-summary p {
    margin:0;
  }
  :where(html[data-css~="account"]) .wm-client-detail .side-summary p {
    flex:1;
    min-width:220px;
  }
  :where(html[data-css~="account"]) .wm-client-detail .side-summary .btn {
    width:auto!important;
    margin:0 0 0 auto;
  }
}
@media(max-width:1100px) {
  :where(html[data-css~="account"]) .wm-client-detail .detail-main {
    grid-template-columns:1fr;
  }
  :where(html[data-css~="account"]) .wm-client-detail .detail-main>#dados,
  :where(html[data-css~="account"]) .wm-client-detail .detail-main>#plano,
  :where(html[data-css~="account"]) .wm-client-detail .detail-main>#usuarios,
  :where(html[data-css~="account"]) .wm-client-detail .detail-main>#auditoria {
    grid-column:1;
  }
}
@media(max-width:1000px) {
  :where(html[data-css~="account"]) .wm-client-detail #modulos .module-list {
    grid-template-columns:1fr;
  }
}
@media(max-width:850px) {
  :where(html[data-css~="account"]) .wm-client-detail #overrides {
    grid-template-columns:1fr;
  }
}
@media(max-width:600px) {
  :where(html[data-css~="account"]) .wm-detail-header {
    gap:14px;
  }
  :where(html[data-css~="account"]) .wm-detail-badges {
    align-items:flex-start;
    max-width:none;
  }
  :where(html[data-css~="account"]) .wm-detail-badges .badge {
    text-align:left;
  }
  :where(html[data-css~="account"]) .wm-detail-nav {
    margin-right:-16px;
    border-radius:12px 0 0 12px;
  }
  :where(html[data-css~="account"]) .wm-client-detail .detail-main>.card {
    padding:20px;
  }
  :where(html[data-css~="account"]) .wm-client-detail #modulos .module-list,
  :where(html[data-css~="account"]) .wm-client-detail #limites .detail-list {
    grid-template-columns:1fr;
  }
  :where(html[data-css~="account"]) .wm-client-detail .side-summary {
    display:block;
  }
  :where(html[data-css~="account"]) .wm-client-detail .side-summary h2 {
    margin:12px 0 6px;
  }
  :where(html[data-css~="account"]) .wm-client-detail .side-summary p {
    margin-bottom:14px;
  }
  :where(html[data-css~="account"]) .wm-client-detail .side-summary .btn {
    width:100%!important;
    margin-top:16px;
  }
}

/* Canais e lives */
:where(html[data-css~="operations"]) .quota-banner {
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 20px;
  margin-bottom:20px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--surface);
}
:where(html[data-css~="operations"]) .quota-banner > span:nth-child(2) {
  flex: 1;
  min-width: 0;
}
:where(html[data-css~="operations"]) .quota-banner strong,
:where(html[data-css~="operations"]) .quota-banner small {
  display:block;
}
:where(html[data-css~="operations"]) .quota-banner small {
  color:var(--muted);
  font-size:.78rem;
}
:where(html[data-css~="operations"]) .quota-banner .text-link {
  flex: none;
  font-size: .8rem;
  font-weight: 600;
}
:where(html[data-css~="operations"]) .category-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:190px;
}
:where(html[data-css~="operations"]) .category-card-top {
  display:flex;
  align-items:start;
  justify-content:space-between;
  width:100%;
}
:where(html[data-css~="operations"]) .category-card h2 {
  margin:14px 0 5px;
}
:where(html[data-css~="operations"]) .category-card p {
  color:var(--muted);
  font-size:.85rem;
}
:where(html[data-css~="operations"]) .category-card button {
  margin-top:auto;
}
:where(html[data-css~="operations"]) .live-filters {
  flex-wrap:wrap;
}
:where(html[data-css~="operations"]) .live-filters .field {
  flex:1 1 130px;
}
:where(html[data-css~="operations"]) .live-filters .field:first-child {
  flex-basis:220px;
}
:where(html[data-css~="operations"]) .live-list {
  display:grid;
  gap:10px;
}
:where(html[data-css~="operations"]) .live-list-row {
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:16px;
  padding:16px 20px;
  color:var(--text);
  text-decoration:none;
  transition: border-color var(--motion-duration) var(--ease-standard), background var(--motion-duration) var(--ease-standard);
}
:where(html[data-css~="operations"]) .live-list-row:hover {
  color:var(--text);
  border-color:var(--border-strong);
  background:var(--surface-2);
}
:where(html[data-css~="operations"]) .live-list-symbol {
  display:grid;
  place-items:center;
  flex:none;
  width:42px;
  height:42px;
  border-radius:12px;
  background:var(--surface-3);
  color:var(--muted);
}
:where(html[data-css~="operations"]) .live-list-symbol.is-live {
  color:#45c889;
  background:#173929;
}
:where(html[data-css~="operations"]) .live-list-main {
  min-width:0;
  flex:1;
}
:where(html[data-css~="operations"]) .live-list-main strong,
:where(html[data-css~="operations"]) .live-list-main small,
:where(html[data-css~="operations"]) .live-list-extra small {
  display:block;
}
:where(html[data-css~="operations"]) .live-list-main strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
:where(html[data-css~="operations"]) .live-list-main small,
:where(html[data-css~="operations"]) .live-list-extra small {
  color:var(--muted);
  font-size:.75rem;
}
:where(html[data-css~="operations"]) .live-list-extra {
  text-align:right;
}
:where(html[data-css~="operations"]) .live-list-extra small {
  margin-top:5px;
}
:where(html[data-css~="operations"]) .live-list-duration {
  font-variant-numeric:tabular-nums;
  font-size:.86rem;
  font-weight:700;
}
:where(html[data-css~="operations"]) .live-hero {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:linear-gradient(135deg,#20232a,var(--surface));
}
:where(html[data-css~="operations"]) .live-hero-heading {
  min-width:0;
}
:where(html[data-css~="operations"]) .live-hero h1 {
  margin:10px 0;
  font-size:clamp(1.75rem,2.6vw,2.25rem);
  overflow-wrap:anywhere;
}
:where(html[data-css~="operations"]) .live-hero p {
  margin:0;
  color:var(--muted);
}
:where(html[data-css~="operations"]) .live-hero .eyebrow a {
  color:inherit;
}
:where(html[data-css~="operations"]) .live-time {
  display:flex;
  align-items:flex-end;
  flex-direction:column;
  flex:none;
}
:where(html[data-css~="operations"]) .live-time strong {
  font-size:2.7rem;
  letter-spacing:-.06em;
  font-variant-numeric:tabular-nums;
  line-height:1.1;
}
:where(html[data-css~="operations"]) .live-time small {
  color:var(--muted);
}
:where(html[data-css~="operations"]) .live-status {
  text-transform:uppercase;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted);
}
:where(html[data-css~="operations"]) .live-status.is-live {
  color:#45c889;
}
:where(html[data-css~="operations"]) .live-status.is-live span {
  animation:live-pulse 1.8s ease-in-out infinite;
}
:where(html[data-css~="operations"]) .live-actionbar {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0;
}
:where(html[data-css~="operations"]) .live-actionbar form {
  margin:0;
}
:where(html[data-css~="operations"]) .live-action-hint {
  margin-left:auto;
  color:var(--muted);
  font-size:.78rem;
}
:where(html[data-css~="operations"]) .live-metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:20px 0;
}
:where(html[data-css~="operations"]) .live-metric {
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  column-gap:12px;
  row-gap:4px;
  align-content:center;
  padding:18px;
  min-height:92px;
}
:where(html[data-css~="operations"]) .live-metric>span {
  grid-row:span 2;
  display:grid;
  place-items:center;
  align-self:center;
  width:40px;
  height:40px;
  border-radius:12px;
  background:var(--surface-3);
  color:var(--muted);
}
:where(html[data-css~="operations"]) .live-metric strong {
  font-size:1.8rem;
  line-height:1;
}
:where(html[data-css~="operations"]) .live-metric small {
  color:var(--muted);
}
:where(html[data-css~="operations"]) .live-stage .empty-state {
  padding:36px 20px;
}
:where(html[data-css~="operations"]) .live-timeline {
  list-style:none;
  padding:0;
  margin:0;
}
:where(html[data-css~="operations"]) .live-timeline li {
  display:flex;
  gap:14px;
  padding:0 0 21px;
}
:where(html[data-css~="operations"]) .live-timeline li:not(:last-child) {
  border-left:1px solid var(--border);
  margin-left:6px;
  padding-left:20px;
}
:where(html[data-css~="operations"]) .live-timeline-dot {
  flex:none;
  width:13px;
  height:13px;
  border-radius:50%;
  background:var(--brand);
  margin-left:-27px;
}
:where(html[data-css~="operations"]) .live-timeline li:first-child .live-timeline-dot {
  margin-left:0;
}
:where(html[data-css~="operations"]) .live-timeline strong,
:where(html[data-css~="operations"]) .live-timeline small {
  display:block;
}
:where(html[data-css~="operations"]) .live-timeline small {
  color:var(--muted);
  font-size:.75rem;
}
:where(html[data-css~="operations"]) .live-timeline p {
  margin:5px 0 0;
}
:where(html[data-css~="operations"]) .team-scope-section {
  padding-top:0;
}
:where(html[data-css~="operations"]) .streamer-scope-options {
  border:0;
  padding:0;
  margin:12px 0 0;
}
:where(html[data-css~="operations"]) .streamer-scope-options legend {
  font-size:.85rem;
  font-weight:700;
}
:where(html[data-css~="operations"]) .scope-check {
  display:flex;
  gap:10px;
  align-items:center;
  padding:8px 0;
}
:where(html[data-css~="operations"]) .scope-check input {
  width:18px;
  height:18px;
  accent-color:var(--brand);
}
@keyframes live-pulse {
50%{opacity:.38}
}
@media(max-width:1000px) {
  :where(html[data-css~="operations"]) .live-list-duration {
    display:none;
  }
}
@media(max-width:650px) {
  :where(html[data-css~="operations"]) .quota-banner {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 18px;
  }
  :where(html[data-css~="operations"]) .quota-banner .text-link {
    grid-column: 2;
    margin-left: 0;
  }
  :where(html[data-css~="operations"]) .live-hero {
    align-items:flex-start;
    flex-direction:column;
    padding:20px;
  }
  :where(html[data-css~="operations"]) .live-time {
    align-items:flex-start;
  }
  :where(html[data-css~="operations"]) .live-time strong {
    font-size:2.4rem;
  }
  :where(html[data-css~="operations"]) .live-actionbar .btn {
    min-height:44px;
  }
  :where(html[data-css~="operations"]) .live-action-hint {
    flex-basis:100%;
    margin:0;
  }
  :where(html[data-css~="operations"]) .live-list-row {
    gap:10px;
    padding:12px;
  }
  :where(html[data-css~="operations"]) .live-list-extra small {
    display:none;
  }
  :where(html[data-css~="operations"]) .live-list-main small {
    white-space:normal;
  }
  :where(html[data-css~="operations"]) .live-metrics {
    gap:8px;
  }
  :where(html[data-css~="operations"]) .live-metric {
    min-height:80px;
  }
}
@media(prefers-reduced-motion:reduce) {
  :where(html[data-css~="operations"]) .live-status.is-live span {
    animation:none;
  }
  :where(html[data-css~="operations"]) .live-list-row {
    transition:none;
  }
}
:where(html[data-css~="operations"]) .live-workspace-tabs {
  gap: 4px;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  margin: 24px 0;
  border-bottom-color: var(--border);
}
:where(html[data-css~="operations"]) .live-workspace-tabs .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
  min-height: 48px;
  padding: 12px 18px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  white-space: nowrap;
}
:where(html[data-css~="operations"]) .live-workspace-tabs .nav-link.active {
  border-bottom-color: var(--brand);
  background: transparent;
  color: var(--text);
}
:where(html[data-css~="operations"]) .live-workspace-tabs .nav-link:hover {
  color: var(--text);
  background: var(--surface);
}
:where(html[data-css~="operations"]) .live-workspace-content,
:where(html[data-css~="operations"]) .live-workspace-content .tab-pane {
  min-width: 0;
}
:where(html[data-css~="operations"]) .live-workspace-content .queue-operations,
:where(html[data-css~="operations"]) .live-workspace-content .tts-live,
:where(html[data-css~="operations"]) .live-workspace-content .tab-pane > .card {
  margin-top: 0;
  margin-bottom: 0;
}
:where(html[data-css~="operations"]) .live-workspace-content .section-heading.compact {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 0 24px;
}
:where(html[data-css~="operations"]) .live-workspace-content .section-heading.compact h2,
:where(html[data-css~="operations"]) .live-workspace-content .section-heading.compact p {
  margin-bottom: 4px;
}
:where(html[data-css~="operations"]) .live-page .live-timeline li {
  position: relative;
  margin: 0 0 0 6px;
  padding: 0 0 24px 24px;
  border-left: 1px solid var(--border);
}
:where(html[data-css~="operations"]) .live-page .live-timeline .live-timeline-dot {
  position: absolute;
  left: -7px;
  top: 6px;
  margin: 0;
}
@media (max-width: 575.98px) {
  :where(html[data-css~="operations"]) .live-metric {
    padding: 14px;
    column-gap: 8px;
    grid-template-columns: 28px minmax(0, 1fr);
  }
  :where(html[data-css~="operations"]) .live-metric > span {
    grid-row: auto;
    width: 28px;
    height: 32px;
  }
  :where(html[data-css~="operations"]) .live-metric strong {
    font-size: 1.5rem;
    overflow-wrap: anywhere;
  }
  :where(html[data-css~="operations"]) .live-metric small {
    grid-column: 1 / -1;
    white-space: nowrap;
    font-size: .72rem;
  }
  :where(html[data-css~="operations"]) .live-workspace-tabs .nav-link {
    padding: 12px;
    font-size: .85rem;
  }
}
@media (max-width: 1199.98px) {
  :where(html[data-css~="operations"]) .live-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Channel overview: one content area, with data and actions before the modules. */
:where(html[data-css~="operations"]) .streamer-page > .card,
:where(html[data-css~="operations"]) .streamer-page > .row {
  margin-bottom: 20px;
}
:where(html[data-css~="operations"]) .streamer-overview {
  background: linear-gradient(120deg, var(--surface-2), var(--surface));
}
:where(html[data-css~="operations"]) .streamer-heading,
:where(html[data-css~="operations"]) .streamer-identity,
:where(html[data-css~="operations"]) .streamer-payment-info,
:where(html[data-css~="operations"]) .streamer-support-link {
  min-width: 0;
}
:where(html[data-css~="operations"]) .streamer-heading h1 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  line-height: 1.15;
  overflow-wrap: anywhere;
}
:where(html[data-css~="operations"]) .streamer-symbol {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  flex: none;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  color: var(--brand);
}
:where(html[data-css~="operations"]) .streamer-symbol .ui-icon {
  width: 24px;
  height: 24px;
}
:where(html[data-css~="operations"]) .streamer-facts {
  border-top: 1px solid var(--border);
  margin-top: 24px;
  padding-top: 4px;
}
:where(html[data-css~="operations"]) .streamer-facts dt {
  color: var(--muted);
  font-size: .75rem;
  font-weight: 400;
  margin-bottom: 4px;
}
:where(html[data-css~="operations"]) .streamer-facts dd {
  margin: 0;
  font-size: .875rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}
:where(html[data-css~="operations"]) .streamer-live-row .live-list-main strong {
  white-space: normal;
  overflow-wrap: anywhere;
}
:where(html[data-css~="operations"]) .streamer-live-row > .badge {
  flex: none;
}
:where(html[data-css~="operations"]) .streamer-payment-account {
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
}
:where(html[data-css~="operations"]) .streamer-payment-info p,
:where(html[data-css~="operations"]) .streamer-support-link p,
:where(html[data-css~="operations"]) .streamer-delete p {
  font-size: .875rem;
}
:where(html[data-css~="operations"]) .streamer-page small {
  color: var(--muted);
}
:where(html[data-css~="operations"]) .streamer-page .support-qr {
  padding: 10px;
  border-radius: 12px;
}
:where(html[data-css~="operations"]) .streamer-page .support-qr canvas,
:where(html[data-css~="operations"]) .streamer-page .support-qr img {
  width: 112px;
  height: 112px;
}
:where(html[data-css~="operations"]) .streamer-support-link a {
  font-size: .875rem;
  overflow-wrap: anywhere;
}
:where(html[data-css~="operations"]) .streamer-amount {
  max-width: 320px;
}
:where(html[data-css~="operations"]) .streamer-amount .form-control {
  flex: 1 1 140px;
  width: 0;
  min-width: 0;
}
:where(html[data-css~="operations"]) .streamer-module {
  min-width: 0;
}
:where(html[data-css~="operations"]) .streamer-delete {
  border-top: 1px solid var(--border);
  padding-top: 20px;
}
:where(html[data-css~="operations"]) .streamer-delete .btn {
  color: var(--danger);
}
@media (max-width: 575.98px) {
  :where(html[data-css~="operations"]) .streamer-symbol {
    width: 40px;
    height: 40px;
    border-radius: 10px;
  }
  :where(html[data-css~="operations"]) .streamer-live-row {
    flex-wrap: wrap;
  }
  :where(html[data-css~="operations"]) .streamer-live-row .live-list-main {
    flex-basis: calc(100% - 54px);
  }
  :where(html[data-css~="operations"]) .streamer-live-row > .badge {
    margin-left: 52px;
  }
  :where(html[data-css~="operations"]) .streamer-payment-account {
    padding: 16px;
  }
}

/* WhatsApp */
:where(html[data-css~="whatsapp"]) .whatsapp-page .page-header {
  margin-bottom:24px;
}
:where(html[data-css~="whatsapp"]) .connection-strip {
  display:grid;
  gap:9px;
  margin-bottom:24px;
}
:where(html[data-css~="whatsapp"]) .connection-chip {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  padding:12px 16px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface);
}
:where(html[data-css~="whatsapp"]) .connection-chip strong {
  min-width:130px;
}
:where(html[data-css~="whatsapp"]) .connection-chip>span:nth-child(3) {
  color:var(--muted);
  flex:1;
}
:where(html[data-css~="whatsapp"]) .connection-chip .status-dot {
  background:var(--brand);
}
:where(html[data-css~="whatsapp"]) .wa-workspace {
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
:where(html[data-css~="whatsapp"]) .wa-filters,
:where(html[data-css~="whatsapp"]) .wa-context {
  padding:20px;
}
:where(html[data-css~="whatsapp"]) .wa-filters h2,
:where(html[data-css~="whatsapp"]) .wa-context h2 {
  font-size:1rem;
  margin-bottom:20px;
}
:where(html[data-css~="whatsapp"]) .wa-filters .field {
  margin-bottom:12px;
}
:where(html[data-css~="whatsapp"]) .wa-filters .field label {
  font-size:.76rem;
}
:where(html[data-css~="whatsapp"]) .wa-filters .field input,
:where(html[data-css~="whatsapp"]) .wa-filters .field select {
  min-height:40px;
  padding:7px 9px;
  font-size:.84rem;
}
:where(html[data-css~="whatsapp"]) .wa-checks {
  display:grid;
  gap:7px;
  margin:13px 0 20px;
  color:var(--muted);
  font-size:.82rem;
}
:where(html[data-css~="whatsapp"]) .wa-checks label {
  display:flex;
  align-items:center;
  gap:8px;
}
:where(html[data-css~="whatsapp"]) .wa-checks input {
  accent-color:var(--brand);
}
:where(html[data-css~="whatsapp"]) .wa-inbox {
  min-width:0;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--surface);
}
:where(html[data-css~="whatsapp"]) .wa-inbox-head,
:where(html[data-css~="whatsapp"]) .wa-thread-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  padding:18px 20px;
  border-bottom:1px solid var(--border);
}
:where(html[data-css~="whatsapp"]) .wa-inbox-head h2,
:where(html[data-css~="whatsapp"]) .wa-thread-head h2 {
  font-size:1.05rem;
  margin:0;
}
:where(html[data-css~="whatsapp"]) .wa-inbox-head span,
:where(html[data-css~="whatsapp"]) .wa-thread-head span {
  font-size:.75rem;
  color:var(--muted);
}
:where(html[data-css~="whatsapp"]) .wa-message-list {
  display:grid;
}
:where(html[data-css~="whatsapp"]) .wa-message-link {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  transition:background .18s;
}
:where(html[data-css~="whatsapp"]) .wa-message-link:hover {
  background:var(--surface-2);
}
:where(html[data-css~="whatsapp"]) .wa-message-link.is-unread {
  background:#221e1c;
}
:where(html[data-css~="whatsapp"]) .wa-message-link.is-unread .wa-message-preview strong {
  color:#fff;
}
:where(html[data-css~="whatsapp"]) .wa-avatar {
  display:grid;
  place-items:center;
  flex:none;
  width:42px;
  height:42px;
  border-radius:13px;
  background:#38241f;
  color:#ffb29f;
  font-weight:800;
}
:where(html[data-css~="whatsapp"]) .wa-message-preview {
  min-width:0;
  flex:1;
}
:where(html[data-css~="whatsapp"]) .wa-message-preview strong,
:where(html[data-css~="whatsapp"]) .wa-message-preview small {
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
:where(html[data-css~="whatsapp"]) .wa-message-preview strong {
  font-size:.86rem;
}
:where(html[data-css~="whatsapp"]) .wa-message-preview small {
  color:var(--muted);
  font-size:.75rem;
}
:where(html[data-css~="whatsapp"]) .wa-message-meta {
  text-align:right;
  color:var(--muted);
  font-size:.7rem;
}
:where(html[data-css~="whatsapp"]) .wa-message-meta small {
  display:block;
  white-space:nowrap;
}
:where(html[data-css~="whatsapp"]) .wa-message-meta>span {
  color:var(--brand);
  margin-left:5px;
}
:where(html[data-css~="whatsapp"]) .wa-inbox .empty-state {
  margin:20px;
}
:where(html[data-css~="whatsapp"]) .wa-conversation-heading {
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:20px;
}
:where(html[data-css~="whatsapp"]) .wa-conversation-heading .wa-avatar {
  width:56px;
  height:56px;
  font-size:1.4rem;
}
:where(html[data-css~="whatsapp"]) .wa-conversation-heading h1 {
  font-size:1.8rem;
  margin:3px 0;
}
:where(html[data-css~="whatsapp"]) .wa-conversation-heading p {
  margin:0;
}
:where(html[data-css~="whatsapp"]) .wa-conversation-layout {
  display:block;
  min-width:0;
  width:100%;
}
:where(html[data-css~="whatsapp"]) .wa-thread {
  padding:0;
  overflow:hidden;
}
:where(html[data-css~="whatsapp"]) .wa-bubbles {
  display:grid;
  gap:12px;
  padding:20px;
  max-height:70vh;
  overflow:auto;
}
:where(html[data-css~="whatsapp"]) .wa-bubble {
  min-width:0;
  max-width:82%;
  padding:14px 16px;
  border:1px solid var(--border);
  border-radius:14px 14px 14px 4px;
  background:var(--surface-2);
}
:where(html[data-css~="whatsapp"]) .wa-bubble.is-outbound {
  justify-self:end;
  border-radius:14px 14px 4px 14px;
  background:#30211e;
  border-color:#654335;
}
:where(html[data-css~="whatsapp"]) .wa-bubble.is-selected {
  outline:2px solid var(--brand);
}
:where(html[data-css~="whatsapp"]) .wa-bubble-head {
  display:flex;
  justify-content:space-between;
  gap:18px;
  margin-bottom:8px;
}
:where(html[data-css~="whatsapp"]) .wa-bubble-head strong {
  font-size:.78rem;
}
:where(html[data-css~="whatsapp"]) .wa-bubble-head small {
  color:var(--muted);
  font-size:.68rem;
}
:where(html[data-css~="whatsapp"]) .wa-bubble p {
  margin:0 0 8px;
  color:var(--text);
  overflow-wrap:anywhere;
}
:where(html[data-css~="whatsapp"]) .wa-quote {
  padding:8px;
  border-left:2px solid var(--brand);
  background:#ffffff09;
  color:var(--muted);
  font-size:.75rem;
  margin-bottom:9px;
}
:where(html[data-css~="whatsapp"]) .wa-bubble-foot {
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}
:where(html[data-css~="whatsapp"]) .wa-bubble-foot .badge {
  font-size:.65rem;
}
:where(html[data-css~="whatsapp"]) .wa-media-card {
  display:grid;
  gap:8px;
  min-width:0;
  padding:12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#ffffff09;
}
:where(html[data-css~="whatsapp"]) .wa-media-card img,
:where(html[data-css~="whatsapp"]) .wa-media-card video {
  max-width:100%;
  max-height:280px;
  border-radius:8px;
}
:where(html[data-css~="whatsapp"]) .wa-media-card audio {
  max-width:100%;
  width:300px;
}
:where(html[data-css~="whatsapp"]) .wa-media-card small {
  color:var(--muted);
}
:where(html[data-css~="whatsapp"]) .wa-media-card label {
  font-size:.72rem;
}
:where(html[data-css~="whatsapp"]) .wa-media-card select {
  background:var(--surface-3);
  color:var(--text);
  border:1px solid var(--border);
  border-radius:7px;
  padding:4px;
}
:where(html[data-css~="whatsapp"]) .wa-reply {
  display:grid;
  gap:10px;
  padding:18px 20px;
  border-top:1px solid var(--border);
}
:where(html[data-css~="whatsapp"]) .wa-reply label {
  font-weight:700;
}
:where(html[data-css~="whatsapp"]) .wa-reply textarea {
  width:100%;
  padding:12px;
  background:var(--surface-2);
  color:var(--text);
  border:1px solid var(--border);
  border-radius:10px;
  resize:vertical;
}
:where(html[data-css~="whatsapp"]) .wa-reply .btn {
  justify-self:end;
}
:where(html[data-css~="whatsapp"]) .wa-contact-panel {
  display:grid;
  gap:14px;
}
:where(html[data-css~="whatsapp"]) .wa-contact-panel .card {
  padding:20px;
}
:where(html[data-css~="whatsapp"]) .wa-contact-panel .card .btn {
  margin-bottom:8px;
}
:where(html[data-css~="whatsapp"]) .wa-control-row {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding:10px 0;
  border-top:1px solid var(--border);
}
:where(html[data-css~="whatsapp"]) .wa-control-row strong,
:where(html[data-css~="whatsapp"]) .wa-control-row small {
  display:block;
}
:where(html[data-css~="whatsapp"]) .wa-control-row small {
  font-size:.7rem;
  color:var(--muted);
}
:where(html[data-css~="whatsapp"]) .wa-control-row form {
  margin:0;
}
@media(max-width:600px) {
  :where(html[data-css~="whatsapp"]) .connection-chip>span:nth-child(3) {
    flex-basis:100%;
  }
  :where(html[data-css~="whatsapp"]) .wa-conversation-heading h1 {
    font-size:1.4rem;
  }
  :where(html[data-css~="whatsapp"]) .wa-contact-panel {
    grid-template-columns:1fr;
  }
  :where(html[data-css~="whatsapp"]) .wa-bubbles {
    max-height:none;
    padding:12px;
  }
  :where(html[data-css~="whatsapp"]) .wa-bubble {
    max-width:96%;
    min-width:0;
  }
  :where(html[data-css~="whatsapp"]) .wa-media-card {
    min-width:0;
  }
  :where(html[data-css~="whatsapp"]) .wa-message-meta small {
    display:none;
  }
}
@media(prefers-reduced-motion:reduce) {
  :where(html[data-css~="whatsapp"]) .wa-message-link {
    transition:none;
  }
}
:where(html[data-css~="whatsapp"]) .wa-connection {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
  padding: 20px;
  box-shadow: none;
}
:where(html[data-css~="whatsapp"]) .wa-connection-symbol {
  display: grid;
  place-items: center;
  flex: none;
  width: 48px;
  height: 48px;
  border: 1px solid var(--border-strong);
  border-radius: 16px;
  color: var(--muted);
  background: var(--surface);
}
:where(html[data-css~="whatsapp"]) .wa-connection.is-connected .wa-connection-symbol {
  color: var(--live);
  border-color: var(--live);
}
:where(html[data-css~="whatsapp"]) .wa-connection-copy {
  min-width: 0;
  flex: 1;
}
:where(html[data-css~="whatsapp"]) .wa-connection-copy h2 {
  font-size: 1rem;
  margin: 2px 0 4px;
}
:where(html[data-css~="whatsapp"]) .wa-connection-copy p {
  font-size: .8rem;
  margin: 0;
}
:where(html[data-css~="whatsapp"]) .wa-connection-state {
  display: grid;
  justify-items: start;
  gap: 6px;
}
:where(html[data-css~="whatsapp"]) .wa-connection-state small {
  font-size: .72rem;
  color: var(--muted);
}
:where(html[data-css~="whatsapp"]) .wa-connection [data-connection-connect][hidden] {
  display: none;
}
:where(html[data-css~="whatsapp"]) .wa-connection[data-account-connection] {
  margin-bottom: 24px;
}
:where(html[data-css~="whatsapp"]) .wa-connection .eyebrow {
  font-size: .62rem;
}
:where(html[data-css~="whatsapp"]) .wa-inbox-head {
  align-items: center;
}
:where(html[data-css~="whatsapp"]) .wa-inbox-head h2 {
  margin-bottom: 4px;
}
:where(html[data-css~="whatsapp"]) .wa-inbox .wa-message-link {
  padding: 20px;
}
:where(html[data-css~="whatsapp"]) .wa-message-preview strong {
  font-size: .9rem;
  margin-bottom: 4px;
}
:where(html[data-css~="whatsapp"]) .wa-message-link.is-unread {
  background: var(--surface-2);
  box-shadow: inset 3px 0 var(--brand);
}
:where(html[data-css~="whatsapp"]) .wa-message-meta {
  flex: none;
}
:where(html[data-css~="whatsapp"]) .wa-filters.offcanvas-lg {
  --bs-offcanvas-width: min(340px, 100vw);
  background: var(--surface-2);
}
:where(html[data-css~="whatsapp"]) .wa-filters .offcanvas-body {
  display: block;
}
:where(html[data-css~="whatsapp"]) .wa-filters form {
  width: 100%;
}
@media (min-width: 992px) {
  :where(html[data-css~="whatsapp"]) .wa-filters.offcanvas-lg {
    background: var(--surface-2) !important;
  }
}
@media (max-width: 991.98px) {
  :where(html[data-css~="whatsapp"]) .wa-workspace {
    grid-template-columns: minmax(0, 1fr);
  }
  :where(html[data-css~="whatsapp"]) .wa-filters.offcanvas-lg {
    border-radius: 0;
  }
  :where(html[data-css~="whatsapp"]) .wa-connection {
    flex-wrap: wrap;
  }
  :where(html[data-css~="whatsapp"]) .wa-connection-state {
    margin-left: 66px;
  }
  :where(html[data-css~="whatsapp"]) .wa-connection-copy {
    flex-basis: calc(100% - 66px);
  }
  :where(html[data-css~="whatsapp"]) .wa-connection-actions {
    margin-left: auto;
  }
}
@media (max-width: 575.98px) {
  :where(html[data-css~="whatsapp"]) .wa-connection {
    gap: 12px;
    padding: 16px;
  }
  :where(html[data-css~="whatsapp"]) .wa-connection-copy {
    flex-basis: calc(100% - 60px);
  }
  :where(html[data-css~="whatsapp"]) .wa-connection-state {
    margin-left: 0;
    flex: 1;
  }
  :where(html[data-css~="whatsapp"]) .wa-connection-actions {
    margin: 0;
  }
  :where(html[data-css~="whatsapp"]) .wa-connection-actions .btn {
    min-height: 44px;
  }
  :where(html[data-css~="whatsapp"]) .wa-inbox .wa-message-link {
    padding: 16px 12px;
  }
}
:where(html[data-css~="whatsapp"]) .wa-chat-context {
  display: block;
  color: var(--muted);
  font-size: .7rem;
  margin-top: 6px;
  overflow-wrap: anywhere;
}
:where(html[data-css~="whatsapp"]) .wa-chat-link .wa-message-meta {
  display: grid;
  justify-items: end;
  gap: 8px;
}
:where(html[data-css~="whatsapp"]) .wa-chat-link .wa-message-meta .ui-icon {
  width: 16px;
  height: 16px;
}
:where(html[data-css~="whatsapp"]) .wa-chat-link .wa-unread-count {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  min-height: 24px;
  padding: 2px 7px;
  border-radius: 20px;
  background: var(--brand);
  color: var(--bg);
  font-size: .7rem;
  font-weight: 700;
  margin: 0;
}
:where(html[data-css~="whatsapp"]) .wa-contact-hero {
  padding: 24px;
  margin-bottom: 20px;
  box-shadow: none;
  scroll-margin-top: 20px;
}
:where(html[data-css~="whatsapp"]) .wa-contact-identity {
  display: flex;
  align-items: center;
  gap: 16px;
}
:where(html[data-css~="whatsapp"]) .wa-contact-identity > div:first-of-type {
  flex: 1;
  min-width: 0;
}
:where(html[data-css~="whatsapp"]) .wa-contact-identity .wa-avatar {
  width: 56px;
  height: 56px;
  border: 1px solid var(--border-strong);
  font-size: 1.3rem;
}
:where(html[data-css~="whatsapp"]) .wa-contact-identity h1 {
  font-size: clamp(1.4rem, 2vw, 1.85rem);
  margin: 5px 0;
  overflow-wrap: anywhere;
}
:where(html[data-css~="whatsapp"]) .wa-contact-identity p {
  margin: 0;
  font-size: .84rem;
  color: var(--muted);
}
:where(html[data-css~="whatsapp"]) .wa-contact-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
:where(html[data-css~="whatsapp"]) .wa-contact-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 24px;
  margin: 24px 0;
  padding: 20px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
:where(html[data-css~="whatsapp"]) .wa-contact-facts dt {
  color: var(--muted);
  font-size: .7rem;
  font-weight: 500;
  margin-bottom: 6px;
}
:where(html[data-css~="whatsapp"]) .wa-contact-facts dd {
  font-size: .83rem;
  margin: 0;
  overflow-wrap: anywhere;
}
:where(html[data-css~="whatsapp"]) .wa-actions-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
:where(html[data-css~="whatsapp"]) .wa-actions-heading h2,
:where(html[data-css~="whatsapp"]) .wa-controls-top h2 {
  font-size: .95rem;
  margin: 0;
}
:where(html[data-css~="whatsapp"]) .wa-actions-heading small {
  font-size: .7rem;
  color: var(--muted);
}
:where(html[data-css~="whatsapp"]) .wa-actionbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
:where(html[data-css~="whatsapp"]) .wa-actionbar form {
  margin: 0;
}
:where(html[data-css~="whatsapp"]) .wa-actionbar .btn {
  min-height: 40px;
  font-size: .78rem;
}
:where(html[data-css~="whatsapp"]) .wa-controls-top {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
}
:where(html[data-css~="whatsapp"]) .wa-contact-credits {
  margin-bottom: 20px;
}
:where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-thread {
  width: 100%;
}
:where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-bubbles {
  padding: 24px;
  gap: 16px;
  max-height: 65vh;
  min-height: 280px;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
:where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-bubble {
  width: fit-content;
  max-width: min(82%, 780px);
  background: var(--surface);
  box-shadow: none;
}
:where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-bubble.is-outbound {
  background: color-mix(in srgb, var(--brand) 9%, var(--surface));
  border-color: color-mix(in srgb, var(--brand) 30%, var(--border));
}
:where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-bubble.is-selected {
  outline: 0;
  border-color: var(--brand);
  box-shadow: inset 3px 0 var(--brand);
}
:where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-bubble-head {
  flex-wrap: wrap;
  gap: 6px 24px;
}
:where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-bubble p {
  font-size: .9rem;
  line-height: 1.65;
}
:where(html[data-css~="whatsapp"]) .wa-message-select {
  font-size: .68rem;
  color: var(--muted);
  margin-left: auto;
  padding: 4px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
:where(html[data-css~="whatsapp"]) .wa-message-select[aria-current] {
  color: var(--brand);
}
:where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-reply {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  background: var(--surface);
}
:where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-reply > .field:first-of-type {
  grid-column: 1 / -1;
}
:where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-reply .field {
  min-width: 0;
  margin: 0;
}
@media (max-width: 1100px) {
  :where(html[data-css~="whatsapp"]) .wa-contact-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  :where(html[data-css~="whatsapp"]) .wa-contact-hero {
    padding: 18px;
  }
  :where(html[data-css~="whatsapp"]) .wa-contact-identity {
    flex-wrap: wrap;
    gap: 12px;
  }
  :where(html[data-css~="whatsapp"]) .wa-contact-status {
    flex-basis: 100%;
  }
  :where(html[data-css~="whatsapp"]) .wa-contact-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  :where(html[data-css~="whatsapp"]) .wa-actionbar > form,
  :where(html[data-css~="whatsapp"]) .wa-actionbar > .btn {
    flex: 1 1 calc(50% - 8px);
    min-width: 0;
  }
  :where(html[data-css~="whatsapp"]) .wa-actionbar .btn {
    min-height: 44px;
    width: 100%;
    white-space: normal;
  }
  :where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-bubbles {
    padding: 14px;
    max-height: 70dvh;
  }
  :where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-bubble {
    max-width: 94%;
    padding: 12px;
  }
  :where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-reply {
    grid-template-columns: minmax(0, 1fr);
    padding: 16px;
  }
  :where(html[data-css~="whatsapp"]) .wa-conversation-page .wa-reply > .btn {
    justify-self: stretch;
  }
  :where(html[data-css~="whatsapp"]) .wa-chat-link .wa-message-meta small {
    display: block;
    white-space: normal;
    max-width: 80px;
    font-size: .63rem;
  }
}

/* Filas e moderação */
:where(html[data-css~="moderation"]) .queue-operations {
  margin:26px 0;
}
:where(html[data-css~="moderation"]) .queue-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
:where(html[data-css~="moderation"]) .queue-heading h2 {
  font-size:1.45rem;
  margin:4px 0;
}
:where(html[data-css~="moderation"]) .queue-heading p {
  color:var(--muted);
  margin:0;
}
:where(html[data-css~="moderation"]) .queue-heading-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
:where(html[data-css~="moderation"]) .queue-stats {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
:where(html[data-css~="moderation"]) .queue-stats span {
  display:grid;
  gap:2px;
  padding:14px 16px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:12px;
  color:var(--muted);
  font-size:.78rem;
}
:where(html[data-css~="moderation"]) .queue-stats strong {
  color:var(--text);
  font-size:1.5rem;
  line-height:1.1;
}
:where(html[data-css~="moderation"]) .queue-tabs {
  display:flex;
  gap:6px;
  overflow:auto;
  margin-bottom:14px;
  padding-bottom:4px;
}
:where(html[data-css~="moderation"]) .queue-tabs a {
  white-space:nowrap;
  padding:8px 13px;
  border:1px solid var(--border);
  border-radius:9px;
  color:var(--muted);
}
:where(html[data-css~="moderation"]) .queue-tabs a[aria-current] {
  border-color:var(--brand);
  color:var(--text);
  background:#38231e;
}
:where(html[data-css~="moderation"]) .queue-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:14px;
  align-items:start;
}
:where(html[data-css~="moderation"]) .queue-list {
  min-width:0;
  padding:0;
  overflow:hidden;
}
:where(html[data-css~="moderation"]) .queue-row {
  padding:13px 16px;
  border-bottom:1px solid var(--border);
}
:where(html[data-css~="moderation"]) .queue-row.is-selected {
  background:#2b211e;
}
:where(html[data-css~="moderation"]) .queue-row-main {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
:where(html[data-css~="moderation"]) .queue-row-copy {
  display:grid;
  gap:3px;
  min-width:0;
  flex:1;
}
:where(html[data-css~="moderation"]) .queue-row-copy strong,
:where(html[data-css~="moderation"]) .queue-row-copy small,
:where(html[data-css~="moderation"]) .queue-row-copy em {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
:where(html[data-css~="moderation"]) .queue-row-copy small {
  color:var(--muted);
}
:where(html[data-css~="moderation"]) .queue-row-copy em {
  font-style:normal;
  font-size:.69rem;
  color:var(--muted);
}
:where(html[data-css~="moderation"]) .queue-badges {
  display:flex;
  flex-wrap:wrap;
  justify-content:end;
  gap:4px;
  max-width:130px;
}
:where(html[data-css~="moderation"]) .queue-badges b {
  border:1px solid var(--border);
  border-radius:20px;
  padding:4px 7px;
  font-size:.65rem;
  font-weight:600;
}
:where(html[data-css~="moderation"]) .queue-badges .is-priority {
  border-color:var(--brand);
  color:var(--brand);
}
:where(html[data-css~="moderation"]) .queue-row-actions {
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin:9px 0 0 52px;
}
:where(html[data-css~="moderation"]) .queue-row-actions form,
:where(html[data-css~="moderation"]) .queue-context-actions form {
  margin:0;
}
:where(html[data-css~="moderation"]) .queue-context {
  position:sticky;
  top:16px;
  padding:0;
  max-height:calc(100vh - 32px);
  overflow:auto;
}
:where(html[data-css~="moderation"]) .queue-context .empty-state {
  padding:18px;
}
:where(html[data-css~="moderation"]) .queue-context-header,
:where(html[data-css~="moderation"]) .queue-context-body,
:where(html[data-css~="moderation"]) .queue-context-actions {
  padding:16px;
  border-bottom:1px solid var(--border);
}
:where(html[data-css~="moderation"]) .queue-context-header h3 {
  font-size:1.2rem;
  margin:5px 0;
}
:where(html[data-css~="moderation"]) .queue-context-header p {
  color:var(--muted);
  margin:0;
}
:where(html[data-css~="moderation"]) .queue-context-body {
  display:grid;
  gap:12px;
}
:where(html[data-css~="moderation"]) .queue-context-body .detail-list {
  margin:0;
}
:where(html[data-css~="moderation"]) .queue-message-body {
  white-space:normal;
  overflow-wrap:anywhere;
  margin:0;
  padding:12px;
  border-radius:10px;
  background:var(--surface-2);
}
:where(html[data-css~="moderation"]) .queue-context-actions {
  display:grid;
  gap:7px;
  border-bottom:0;
}
:where(html[data-css~="moderation"]) .queue-context-actions .btn {
  width:100%;
}
:where(html[data-css~="moderation"]) .queue-context-close {
  display:none;
  margin-bottom:10px;
}
:where(html[data-css~="moderation"]) .queue-active-controls {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
:where(html[data-css~="moderation"]) .queue-active-controls h4 {
  flex-basis:100%;
  font-size:.84rem;
}
:where(html[data-css~="moderation"]) .queue-history {
  padding-left:20px;
  color:var(--muted);
  font-size:.76rem;
}
:where(html[data-css~="moderation"]) .queue-history li {
  margin:5px 0;
}
:where(html[data-css~="moderation"]) .queue-filter-drawer {
  background:var(--surface);
  width:min(360px,100vw);
}
:where(html[data-css~="moderation"]) .queue-filter-drawer .offcanvas-body form {
  display:grid;
  gap:10px;
}
:where(html[data-css~="moderation"]) .queue-filter-drawer .field {
  margin:0;
}
:where(html[data-css~="moderation"]) .queue-filter-drawer label {
  display:block;
  color:var(--text);
}
:where(html[data-css~="moderation"]) .queue-filter-drawer input[type=checkbox] {
  accent-color:var(--brand);
}
@media(max-width:1100px) {
  :where(html[data-css~="moderation"]) .queue-layout {
    grid-template-columns:minmax(0,1fr) 280px;
  }
  :where(html[data-css~="moderation"]) .queue-stats {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:800px) {
  :where(html[data-css~="moderation"]) .queue-heading {
    align-items:start;
    flex-direction:column;
  }
  :where(html[data-css~="moderation"]) .queue-layout {
    display:block;
  }
  :where(html[data-css~="moderation"]) .queue-context {
    display:none;
    position:fixed;
    z-index:1050;
    left:0;
    right:0;
    bottom:0;
    top:auto;
    width:100%;
    max-height:82vh;
    border-radius:18px 18px 0 0;
    box-shadow:0 -20px 60px #0009;
  }
  :where(html[data-css~="moderation"]) .queue-context.has-selection {
    display:block;
  }
  :where(html[data-css~="moderation"]) .queue-context-close {
    display:inline-flex;
  }
  :where(html[data-css~="moderation"]) .queue-stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  :where(html[data-css~="moderation"]) .queue-row-actions {
    margin-left:0;
  }
  :where(html[data-css~="moderation"]) .queue-badges {
    max-width:90px;
  }
}
@media(max-width:460px) {
  :where(html[data-css~="moderation"]) .queue-stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  :where(html[data-css~="moderation"]) .queue-stats span {
    padding:10px;
  }
  :where(html[data-css~="moderation"]) .queue-row-main .wa-avatar {
    width:36px;
    height:36px;
  }
  :where(html[data-css~="moderation"]) .queue-badges {
    display:none;
  }
  :where(html[data-css~="moderation"]) .queue-row {
    padding:12px;
  }
  :where(html[data-css~="moderation"]) .queue-heading-actions .btn {
    font-size:.75rem;
  }
}
@media(prefers-reduced-motion:reduce) {
  :where(html[data-css~="moderation"]) .queue-tabs a,
  :where(html[data-css~="moderation"]) .queue-context {
    transition:none;
  }
}
:where(html[data-css~="moderation"]) .queue-live-mini {
  display:none;
  align-items:center;
  gap:10px;
}
:where(html[data-css~="moderation"]) .queue-live-mini .live-status {
  font-size:.7rem;
}
:where(html[data-css~="moderation"]) .queue-live-mini strong {
  font-variant-numeric:tabular-nums;
  font-size:.9rem;
}
@media(max-width:800px) {
  :where(html[data-css~="moderation"]) .queue-live-mini {
    display:inline-flex;
    margin:5px 0;
  }
  :where(html[data-css~="moderation"]) .queue-context-header .queue-live-mini {
    display:flex;
  }
}
:where(html[data-css~="moderation"]) .queue-order-hint {
  color: var(--muted);
  font-size: .75rem;
}
:where(html[data-css~="moderation"]) .queue-view-switch {
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
}
:where(html[data-css~="moderation"]) .queue-chat .queue-stats span {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  font-size: .72rem;
}
:where(html[data-css~="moderation"]) .queue-chat .queue-stats strong {
  font-size: 1.1rem;
}
:where(html[data-css~="moderation"]) .queue-layout:not(.has-context) {
  grid-template-columns: minmax(0, 1fr);
}
:where(html[data-css~="moderation"]) .queue-layout:not(.has-context) .queue-context {
  display: none;
}
:where(html[data-css~="moderation"]) .queue-chat-toolbar {
  color: var(--muted);
  font-size: .75rem;
  min-height: 40px;
}
:where(html[data-css~="moderation"]) [data-chat-latest][hidden] {
  display: none;
}
:where(html[data-css~="moderation"]) .queue-chat .queue-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  height: clamp(360px, 65vh, 760px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  overflow-anchor: none;
}
:where(html[data-css~="moderation"]) .queue-chat .queue-row {
  flex: none;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-2);
  min-width: 0;
}
:where(html[data-css~="moderation"]) .queue-chat .queue-row:last-child {
  border-bottom: 1px solid var(--border);
}
:where(html[data-css~="moderation"]) .queue-chat .queue-row.is-selected {
  background: var(--surface-3);
  box-shadow: inset 3px 0 var(--brand);
}
:where(html[data-css~="moderation"]) .queue-chat .queue-row-main {
  align-items: start;
  flex-wrap: nowrap;
}
:where(html[data-css~="moderation"]) .queue-chat .queue-row-copy {
  flex-basis: 0;
}
:where(html[data-css~="moderation"]) .queue-chat .queue-row-copy strong,
:where(html[data-css~="moderation"]) .queue-chat .queue-row-copy small,
:where(html[data-css~="moderation"]) .queue-chat .queue-row-copy em {
  white-space: normal;
  overflow-wrap: anywhere;
}
:where(html[data-css~="moderation"]) .queue-chat .queue-row-copy strong {
  font-size: .86rem;
}
:where(html[data-css~="moderation"]) .queue-chat .queue-row-copy small {
  margin: 4px 0;
  font-size: .92rem;
  line-height: 1.6;
  color: var(--text);
  white-space: pre-wrap;
}
:where(html[data-css~="moderation"]) .queue-chat .queue-badges {
  max-width: none;
  justify-content: start;
  margin-left: 0;
}
:where(html[data-css~="moderation"]) .queue-chat .queue-list > .empty-state {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  margin: 0;
}
:where(html[data-css~="moderation"]) .queue-chat .queue-list > .pager {
  flex: none;
  padding: 16px;
  margin: 0;
}
:where(html[data-css~="moderation"]) .queue-chat .queue-context {
  max-height: 70vh;
}
@media (max-width: 575.98px) {
  :where(html[data-css~="moderation"]) .queue-chat .queue-row {
    padding: 16px 12px;
  }
  :where(html[data-css~="moderation"]) .queue-view-switch .btn {
    padding: 8px;
    font-size: .76rem;
    min-height: 44px;
  }
  :where(html[data-css~="moderation"]) .queue-chat .queue-badges {
    display: flex;
    margin-left: 0;
  }
  :where(html[data-css~="moderation"]) .queue-chat .queue-context.has-selection {
    max-height: 82dvh;
  }
}
:where(html[data-css~="moderation"]) .queue-row.is-priority {
  background: color-mix(in srgb, var(--brand) 8%, var(--surface));
  box-shadow: inset 3px 0 var(--brand);
}
:where(html[data-css~="moderation"]) .queue-row.is-priority .wa-avatar {
  border: 1px solid var(--brand);
}
:where(html[data-css~="moderation"]) .queue-row.is-priority.is-selected {
  background: color-mix(in srgb, var(--brand) 16%, var(--surface));
}
:where(html[data-css~="moderation"]) .live-chat-window .sidebar,
:where(html[data-css~="moderation"]) .live-chat-window .sidebar-backdrop,
:where(html[data-css~="moderation"]) .live-chat-window .topbar,
:where(html[data-css~="moderation"]) .live-chat-window .account-alert {
  display: none;
}
:where(html[data-css~="moderation"]) .live-chat-window .app-shell {
  grid-template-columns: minmax(0, 1fr);
  padding: 0;
}
:where(html[data-css~="moderation"]) .live-chat-window .workspace {
  grid-column: 1;
  margin: 0;
  border: 0;
  border-radius: 0;
  min-width: 0;
}
:where(html[data-css~="moderation"]) .live-chat-popup-page {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  padding: clamp(16px, 3vw, 28px);
}
:where(html[data-css~="moderation"]) .live-chat-popup-page h1 {
  font-size: 1.25rem;
  margin: 4px 0 0;
  overflow-wrap: anywhere;
}
:where(html[data-css~="moderation"]) .live-chat-popup-page .queue-operations {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin: 0;
}
:where(html[data-css~="moderation"]) .live-chat-popup-page .queue-heading,
:where(html[data-css~="moderation"]) .live-chat-popup-page .queue-stats,
:where(html[data-css~="moderation"]) .live-chat-popup-page .queue-tabs,
:where(html[data-css~="moderation"]) .live-chat-popup-page .queue-chat-toolbar {
  flex: none;
}
:where(html[data-css~="moderation"]) .live-chat-popup-page .queue-layout {
  flex: 1;
  min-height: 260px;
}
:where(html[data-css~="moderation"]) .live-chat-popup-page .queue-list {
  height: 100%;
  min-height: 0;
  max-height: none;
}
:where(html[data-css~="moderation"]) .queue-read-state {
  display: flex;
  justify-content: end;
  margin: 0;
}
:where(html[data-css~="moderation"]) .queue-read-state form {
  margin: 0;
}
:where(html[data-css~="moderation"]) .queue-read-label {
  color: var(--muted);
  font-size: .75rem;
  padding: 8px;
}
:where(html[data-css~="moderation"]) .queue-message-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 12px;
}
:where(html[data-css~="moderation"]) .queue-message-heading strong {
  overflow-wrap: anywhere;
  white-space: normal;
}
:where(html[data-css~="moderation"]) .queue-message-heading time {
  color: var(--muted);
  font-size: .68rem;
  white-space: nowrap;
}
:where(html[data-css~="moderation"]) .queue-message-text {
  display: block;
  margin-top: 6px;
  color: var(--text);
  font-size: .9rem;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
:where(html[data-css~="moderation"]) .queue-operations:not(.queue-chat) .queue-message-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(html[data-css~="moderation"]) .queue-message-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 14px 0 0 52px;
}
:where(html[data-css~="moderation"]) .queue-message-footer .queue-badges {
  display: flex;
  max-width: none;
  justify-content: start;
}
:where(html[data-css~="moderation"]) .queue-type-label {
  color: var(--muted);
}
:where(html[data-css~="moderation"]) .queue-message-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  gap: 8px;
  margin-left: auto;
}
:where(html[data-css~="moderation"]) .queue-message-tools .btn {
  min-height: 36px;
  font-size: .74rem;
}
:where(html[data-css~="moderation"]) .live-chat-popup-page .queue-heading {
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
:where(html[data-css~="moderation"]) .live-chat-popup-page .queue-live-mini {
  display: inline-flex;
}
:where(html[data-css~="moderation"]) .live-chat-popup-page .queue-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
:where(html[data-css~="moderation"]) .live-chat-popup-page .queue-stats span {
  padding: 6px 10px;
  font-size: .7rem;
  border: 0;
  background: transparent;
}
:where(html[data-css~="moderation"]) .live-chat-popup-page .queue-stats strong {
  font-size: .9rem;
}
@media (max-width: 575.98px) {
  :where(html[data-css~="moderation"]) .queue-message-footer {
    margin-left: 0;
  }
  :where(html[data-css~="moderation"]) .queue-message-tools .btn {
    min-height: 44px;
  }
}

/* Doações e página de apoio */
:where(html[data-css~="donations"]) .support-body {
  margin:0;
  background:#101112;
  color:#f5f3ef;
  font-family:Inter,system-ui,sans-serif;
  min-height:100vh;
}
:where(html[data-css~="donations"]) .support-shell {
  max-width:1190px;
  margin:auto;
  padding:24px;
}
:where(html[data-css~="donations"]) .support-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #2b2c2e;
  padding-bottom:22px;
  color:#a6a5a2;
  font-size:.85rem;
}
:where(html[data-css~="donations"]) .support-brand {
  color:#fff;
  text-decoration:none;
  font-weight:750;
  font-size:1.1rem;
}
:where(html[data-css~="donations"]) .support-brand-mark {
  display:inline-grid;
  place-items:center;
  width:29px;
  height:29px;
  background:var(--brand);
  color:#141414;
  border-radius:9px;
  margin-right:7px;
}
:where(html[data-css~="donations"]) .support-grid {
  display:grid;
  grid-template-columns:1fr 430px;
  align-items:center;
  gap:7vw;
  min-height:calc(100vh - 145px);
}
:where(html[data-css~="donations"]) .support-intro h1 {
  font-size:clamp(2.8rem,6vw,5.4rem);
  line-height:1.05;
  letter-spacing:-.055em;
  max-width:740px;
  margin:18px 0 24px;
}
:where(html[data-css~="donations"]) .support-intro em {
  font-style:normal;
  color:var(--brand);
}
:where(html[data-css~="donations"]) .support-intro>p {
  font-size:1.05rem;
  color:#aca9a5;
  line-height:1.7;
  max-width:560px;
}
:where(html[data-css~="donations"]) .support-eyebrow,
:where(html[data-css~="donations"]) .support-step {
  color:var(--brand);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.16em;
}
:where(html[data-css~="donations"]) .support-live {
  display:flex;
  gap:9px;
  align-items:center;
  background:#1d2922;
  border:1px solid #315440;
  border-radius:15px;
  padding:14px 18px;
  color:#65d995;
  font-size:.78rem;
  max-width:510px;
  margin-top:32px;
}
:where(html[data-css~="donations"]) .support-live strong {
  color:#f5f3ef;
  margin-left:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
:where(html[data-css~="donations"]) .support-footnote {
  font-size:.8rem!important;
  margin-top:26px;
}
:where(html[data-css~="donations"]) .support-card {
  background:#1a1b1d;
  border:1px solid #353536;
  border-radius:28px;
  padding:32px;
  box-shadow:0 25px 80px #0005;
}
:where(html[data-css~="donations"]) .support-card-head h2 {
  font-size:1.8rem;
  margin:10px 0 4px;
}
:where(html[data-css~="donations"]) .support-card-head p {
  color:#a3a1a0;
  margin:0 0 24px;
}
:where(html[data-css~="donations"]) .support-card label {
  font-size:.84rem;
  font-weight:600;
  display:block;
  margin:16px 0 7px;
}
:where(html[data-css~="donations"]) .support-card label span,
:where(html[data-css~="donations"]) .support-card small {
  color:#aaa;
  font-size:.76rem;
}
:where(html[data-css~="donations"]) .support-card input:not([type=checkbox]),
:where(html[data-css~="donations"]) .support-card textarea {
  width:100%;
  box-sizing:border-box;
  background:#111214;
  color:#fff;
  border:1px solid #454648;
  border-radius:11px;
  padding:12px 13px;
  outline:none;
}
:where(html[data-css~="donations"]) .support-card input:focus,
:where(html[data-css~="donations"]) .support-card textarea:focus {
  border-color:var(--brand);
  box-shadow:0 0 0 3px var(--brand)25;
}
:where(html[data-css~="donations"]) .support-values {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
:where(html[data-css~="donations"]) .support-values button {
  background:#28292b;
  color:#ddd;
  border:1px solid #424345;
  border-radius:10px;
  padding:10px 0;
}
:where(html[data-css~="donations"]) .support-values button.selected,
:where(html[data-css~="donations"]) .support-values button:hover {
  border-color:var(--brand);
  color:#fff;
}
:where(html[data-css~="donations"]) .support-check {
  display:flex!important;
  align-items:center;
  gap:9px;
  min-height:44px;
}
:where(html[data-css~="donations"]) .support-check input {
  accent-color:var(--brand);
}
:where(html[data-css~="donations"]) .support-primary {
  width:100%;
  border:0;
  background:var(--brand);
  color:#141414;
  border-radius:12px;
  padding:14px;
  font-weight:800;
  margin-top:20px;
}
:where(html[data-css~="donations"]) .support-primary:disabled {
  opacity:.6;
}
:where(html[data-css~="donations"]) .support-error {
  color:#ff807d;
  font-size:.84rem;
}
:where(html[data-css~="donations"]) .support-qr {
  display:grid;
  place-items:center;
  background:#fff;
  padding:16px;
  border-radius:16px;
  width:max-content;
  max-width:100%;
  margin:20px auto;
}
:where(html[data-css~="donations"]) .support-status {
  text-align:center;
  color:#d7cb9c;
}
:where(html[data-css~="donations"]) .support-back {
  display:block;
  margin:14px auto 0;
  background:none;
  border:none;
  color:#bdbbb7;
}
:where(html[data-css~="donations"]) .support-shell footer {
  text-align:center;
  color:#696b6c;
  font-size:.8rem;
  padding:12px;
}
:where(html[data-css~="donations"]) .donation-ledger {
  display:grid;
  gap:10px;
}
:where(html[data-css~="donations"]) .donation-row {
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr auto;
  gap:14px;
  align-items:center;
  padding:16px;
  border:1px solid #363839;
  border-radius:15px;
  background:#1b1d1e;
}
:where(html[data-css~="donations"]) .donation-row strong {
  display:block;
}
:where(html[data-css~="donations"]) .donation-row small {
  color:#aaa;
}
:where(html[data-css~="donations"]) .donation-amount {
  font-size:1.12rem;
  font-weight:750;
}
:where(html[data-css~="donations"]) .donation-pill {
  display:inline-block;
  border-radius:100px;
  padding:4px 9px;
  background:#2b302e;
  color:#a7e4bf;
  font-size:.72rem;
}
:where(html[data-css~="donations"]) .donation-summary {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:20px 0;
}
:where(html[data-css~="donations"]) .donation-summary .card {
  padding:20px;
}
:where(html[data-css~="donations"]) .donation-summary strong {
  display:block;
  font-size:1.5rem;
}
:where(html[data-css~="donations"]) .donation-actions {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
:where(html[data-css~="donations"]) .donation-actions form {
  display:inline-block;
}
@media(max-width:850px) {
  :where(html[data-css~="donations"]) .support-grid {
    grid-template-columns:1fr;
    gap:28px;
    padding:40px 0;
  }
  :where(html[data-css~="donations"]) .support-intro h1 {
    font-size:3rem;
  }
  :where(html[data-css~="donations"]) .support-card {
    max-width:540px;
    width:100%;
    margin:auto;
  }
  :where(html[data-css~="donations"]) .donation-summary {
    grid-template-columns:repeat(2,1fr);
  }
  :where(html[data-css~="donations"]) .donation-row {
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:560px) {
  :where(html[data-css~="donations"]) .support-shell {
    padding:17px;
  }
  :where(html[data-css~="donations"]) .support-top>span {
    display:none;
  }
  :where(html[data-css~="donations"]) .support-grid {
    padding:30px 0;
  }
  :where(html[data-css~="donations"]) .support-intro h1 {
    font-size:2.5rem;
  }
  :where(html[data-css~="donations"]) .support-card {
    padding:21px;
    border-radius:20px;
  }
  :where(html[data-css~="donations"]) .donation-summary {
    grid-template-columns:1fr 1fr;
  }
  :where(html[data-css~="donations"]) .donation-row {
    grid-template-columns:1fr;
  }
  :where(html[data-css~="donations"]) .donation-actions {
    justify-content:flex-start;
  }
}
@media(prefers-reduced-motion:no-preference) {
  :where(html[data-css~="donations"]) .support-card,
  :where(html[data-css~="donations"]) .donation-row {
    animation:phase6-in .32s ease both;
  }
  @keyframes phase6-in {
from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}
  }
}

/* Voz e TTS */
:where(html[data-css~="tts"]) .tts-page {
  display:grid;
  gap:1.25rem;
}
:where(html[data-css~="tts"]) .tts-settings-grid {
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);
  gap:1rem;
  align-items:start;
}
:where(html[data-css~="tts"]) .tts-form {
  display:grid;
  gap:1rem;
}
:where(html[data-css~="tts"]) .tts-form label,
:where(html[data-css~="tts"]) .tts-rule label,
:where(html[data-css~="tts"]) .tts-filter label {
  display:grid;
  gap:.4rem;
  color:#d6d7d5;
  font-size:.86rem;
  font-weight:600;
}
:where(html[data-css~="tts"]) .tts-form input:not([type=checkbox]),
:where(html[data-css~="tts"]) .tts-form select,
:where(html[data-css~="tts"]) .tts-form textarea,
:where(html[data-css~="tts"]) .tts-rule input,
:where(html[data-css~="tts"]) .tts-rule select,
:where(html[data-css~="tts"]) .tts-filter select {
  width:100%;
  background:#17191a;
  color:#f4f2ee;
  border:1px solid #383b3d;
  border-radius:.7rem;
  padding:.68rem .8rem;
}
:where(html[data-css~="tts"]) .tts-form input:focus,
:where(html[data-css~="tts"]) .tts-form select:focus,
:where(html[data-css~="tts"]) .tts-form textarea:focus,
:where(html[data-css~="tts"]) .tts-rule input:focus,
:where(html[data-css~="tts"]) .tts-rule select:focus {
  outline:2px solid var(--focus);
  outline-offset:1px;
}
:where(html[data-css~="tts"]) .tts-fields {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem;
}
:where(html[data-css~="tts"]) .tts-checks {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
}
:where(html[data-css~="tts"]) .tts-checks label,
:where(html[data-css~="tts"]) .tts-toggle {
  display:flex!important;
  align-items:center;
  gap:.5rem;
}
:where(html[data-css~="tts"]) .tts-form-actions {
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
}
:where(html[data-css~="tts"]) .tts-form audio {
  width:min(100%,420px);
}
:where(html[data-css~="tts"]) .tts-rule-list {
  display:grid;
  gap:.65rem;
  margin:1rem 0;
}
:where(html[data-css~="tts"]) .tts-rule {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.5rem;
  padding:.75rem;
  background:#1a1c1d;
  border:1px solid #313536;
  border-radius:.8rem;
}
:where(html[data-css~="tts"]) .tts-filter {
  display:flex;
  align-items:end;
  gap:.75rem;
}
:where(html[data-css~="tts"]) .tts-item-list,
:where(html[data-css~="tts"]) .tts-live-list {
  display:grid;
  gap:.65rem;
}
:where(html[data-css~="tts"]) .tts-item,
:where(html[data-css~="tts"]) .tts-live-item {
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:1rem;
}
:where(html[data-css~="tts"]) .tts-item h2,
:where(html[data-css~="tts"]) .tts-live-item strong {
  font-size:1rem;
}
:where(html[data-css~="tts"]) .tts-item p,
:where(html[data-css~="tts"]) .tts-live-item p {
  margin:.45rem 0;
  color:#c5c9c7;
  overflow-wrap:anywhere;
}
:where(html[data-css~="tts"]) .tts-item-actions,
:where(html[data-css~="tts"]) .tts-live-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.4rem;
}
:where(html[data-css~="tts"]) .tts-live {
  margin-top:1rem;
}
:where(html[data-css~="tts"]) .tts-stats {
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin:1rem 0;
}
:where(html[data-css~="tts"]) .tts-stats span {
  display:grid;
  gap:.15rem;
  min-width:105px;
  padding:.7rem .9rem;
  background:#1c1f20;
  border-radius:.7rem;
}
:where(html[data-css~="tts"]) .tts-stats strong {
  font-size:1.3rem;
  color:var(--brand);
}
:where(html[data-css~="tts"]) .tts-stats small,
:where(html[data-css~="tts"]) .tts-live-item small {
  color:#aeb4b1;
}
:where(html[data-css~="tts"]) .tts-live-item {
  padding:.8rem;
  border:1px solid #343839;
  border-radius:.8rem;
  background:#1b1e1f;
}
:where(html[data-css~="tts"]) .tts-live-item>div:first-child {
  min-width:0;
}
:where(html[data-css~="tts"]) .tts-live-item audio {
  max-width:240px;
  height:36px;
}
:where(html[data-css~="tts"]) .tts-live-actions form {
  display:inline-flex;
}
@media(max-width:1000px) {
  :where(html[data-css~="tts"]) .tts-settings-grid {
    grid-template-columns:1fr;
  }
}
@media(max-width:650px) {
  :where(html[data-css~="tts"]) .tts-fields,
  :where(html[data-css~="tts"]) .tts-rule {
    grid-template-columns:1fr 1fr;
  }
  :where(html[data-css~="tts"]) .tts-live-item,
  :where(html[data-css~="tts"]) .tts-item {
    flex-direction:column;
  }
  :where(html[data-css~="tts"]) .tts-live-actions,
  :where(html[data-css~="tts"]) .tts-item-actions {
    justify-content:flex-start;
    width:100%;
  }
  :where(html[data-css~="tts"]) .tts-live-item audio {
    width:100%;
    max-width:none;
  }
  :where(html[data-css~="tts"]) .tts-stats span {
    flex:1;
    min-width:100px;
  }
  :where(html[data-css~="tts"]) .tts-filter {
    align-items:stretch;
    flex-direction:column;
  }
}
@media(max-width:420px) {
  :where(html[data-css~="tts"]) .tts-fields,
  :where(html[data-css~="tts"]) .tts-rule {
    grid-template-columns:1fr;
  }
  :where(html[data-css~="tts"]) .tts-rule {
    padding:1rem;
  }
  :where(html[data-css~="tts"]) .tts-stats span {
    min-width:45%;
  }
}
@media(prefers-reduced-motion:no-preference) {
  :where(html[data-css~="tts"]) .tts-live-item,
  :where(html[data-css~="tts"]) .tts-item {
    transition:border-color .18s ease,transform .18s ease;
  }
  :where(html[data-css~="tts"]) .tts-live-item:hover,
  :where(html[data-css~="tts"]) .tts-item:hover {
    border-color:#6b5344;
    transform:translateY(-1px);
  }
}
:where(html[data-css~="tts"]) .tts-edit-label,
:where(html[data-css~="tts"]) .tts-priority-label {
  display:grid;
  gap:.2rem;
  font-size:.75rem;
  color:#bfc5c2;
}
:where(html[data-css~="tts"]) .tts-edit-label input,
:where(html[data-css~="tts"]) .tts-priority-label input {
  min-width:130px;
  max-width:250px;
  background:#17191a;
  color:#fff;
  border:1px solid #444;
  border-radius:.5rem;
  padding:.45rem;
}
:where(html[data-css~="tts"]) .tts-live-item>div:first-child>small,
:where(html[data-css~="tts"]) .tts-live-item>div:first-child>strong {
  display:block;
}
:where(html[data-css~="tts"]) .tts-live-item>div:first-child>strong {
  margin-top:.2rem;
}
:where(html[data-css~="tts"]) .tts-live-actions form[action="/painel/tts/prioridade"] {
  display:flex;
  align-items:end;
  gap:.4rem;
}
:where(html[data-css~="tts"]) .tts-priority-label input {
  max-width:110px;
}
@media(max-width:650px) {
  :where(html[data-css~="tts"]) .tts-live-actions form[action="/painel/tts/prioridade"] {
    width:100%;
  }
  :where(html[data-css~="tts"]) .tts-live-actions form[action="/painel/tts/prioridade"] .btn {
    flex:1;
  }
}
:where(html[data-css~="tts"]) .tts-history {
  margin:.5rem 0;
  font-size:.75rem;
}
:where(html[data-css~="tts"]) .tts-history .accordion-button {
  min-height:40px;
  padding:.45rem .7rem;
  font-size:.8rem;
}
:where(html[data-css~="tts"]) .tts-history .accordion-body {
  padding:.2rem .7rem .7rem;
}
:where(html[data-css~="tts"]) .tts-history ol {
  padding-left:1.2rem;
  margin:.4rem 0 0;
}
:where(html[data-css~="tts"]) .tts-history li {
  margin:.15rem 0;
}

/* Live Studio */
:where(html[data-css~="studio"]) .studio-page {
  display:grid;
  gap:1.2rem;
}
:where(html[data-css~="studio"]) .studio-page h2 {
  font-size:1.06rem;
}
:where(html[data-css~="studio"]) .studio-overlay-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));
  gap:1rem;
}
:where(html[data-css~="studio"]) .studio-overlay-card {
  display:grid;
  gap:.6rem;
}
:where(html[data-css~="studio"]) .studio-overlay-icon {
  display:grid;
  place-items:center;
  width:45px;
  height:45px;
  border-radius:14px;
  background:#32251c;
  color:var(--brand);
  font-size:1.5rem;
}
:where(html[data-css~="studio"]) .studio-overlay-card small,
:where(html[data-css~="studio"]) .studio-overlay-card p,
:where(html[data-css~="studio"]) .studio-help,
:where(html[data-css~="studio"]) .studio-muted {
  color:#aeb5b3;
}
:where(html[data-css~="studio"]) .studio-header-actions,
:where(html[data-css~="studio"]) .studio-inline-actions,
:where(html[data-css~="studio"]) .studio-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
}
:where(html[data-css~="studio"]) .studio-layout {
  display:grid;
  grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(270px,330px);
  gap:1rem;
  align-items:start;
}
:where(html[data-css~="studio"]) .studio-library,
:where(html[data-css~="studio"]) .studio-properties {
  padding:1rem;
}
:where(html[data-css~="studio"]) .studio-library p,
:where(html[data-css~="studio"]) .studio-properties p {
  font-size:.82rem;
}
:where(html[data-css~="studio"]) .studio-widget-list {
  display:grid;
  gap:.4rem;
  margin:1rem 0;
}
:where(html[data-css~="studio"]) .studio-widget-picker {
  display:flex;
  gap:.65rem;
  width:100%;
  align-items:center;
  text-align:left;
  border:1px solid #33383a;
  border-radius:.75rem;
  background:#1b1e20;
  color:#f7f7f7;
  padding:.6rem;
}
:where(html[data-css~="studio"]) .studio-widget-picker>span:first-child {
  color:var(--brand);
}
:where(html[data-css~="studio"]) .studio-widget-picker span:nth-child(2) {
  display:grid;
  flex:1;
  min-width:0;
  overflow-wrap:anywhere;
}
:where(html[data-css~="studio"]) .studio-widget-picker small {
  font-size:.7rem;
  color:#aeb5b3;
}
:where(html[data-css~="studio"]) .studio-widget-picker b {
  color:var(--brand);
}
:where(html[data-css~="studio"]) .studio-widget-picker:hover,
:where(html[data-css~="studio"]) .studio-widget-picker:focus-visible {
  border-color:var(--brand);
}
:where(html[data-css~="studio"]) .studio-main {
  display:grid;
  gap:.75rem;
  min-width:0;
}
:where(html[data-css~="studio"]) .studio-preview-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.5rem;
  color:#c4c9c7;
}
:where(html[data-css~="studio"]) .studio-preview-toolbar>span {
  font-size:.75rem;
}
:where(html[data-css~="studio"]) .studio-canvas-frame {
  position:relative;
  display:block;
  width:100%;
  min-height:0;
  aspect-ratio:var(--studio-aspect,1.7777778);
  max-width:min(100%,calc(65vh * var(--studio-aspect,1.7777778)));
  background:#141617;
  max-height:65vh;
  overflow:hidden;
  border:1px solid #4b4e4e;
  border-radius:1rem;
  box-shadow:0 20px 50px #0005;
}
:where(html[data-css~="studio"]) .studio-canvas-frame iframe {
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  border:0;
}
:where(html[data-css~="studio"]) .studio-canvas-grid {
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);
  background-size:10% 10%;
}
:where(html[data-css~="studio"]) .studio-canvas-handle {
  position:absolute;
  border:2px dashed var(--brand);
  border-radius:.5rem;
  background:#ff774020;
  color:#fff;
  cursor:grab;
  touch-action:none;
  display:grid;
  place-items:center;
  min-width:20px;
  min-height:20px;
  z-index:2;
  font-size:.7rem;
}
:where(html[data-css~="studio"]) .studio-canvas-handle:active {
  cursor:grabbing;
}
:where(html[data-css~="studio"]) .studio-canvas-handle span {
  background:#111b;
  padding:.2rem .35rem;
  border-radius:.3rem;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
:where(html[data-css~="studio"]) .studio-canvas-empty {
  display:grid;
  place-items:center;
  height:100%;
  color:#c8cecb;
}
:where(html[data-css~="studio"]) .studio-help {
  font-size:.78rem;
}
:where(html[data-css~="studio"]) .studio-obs-card {
  padding:1.1rem;
}
:where(html[data-css~="studio"]) .studio-obs-card ol {
  color:#c5c9c7;
  font-size:.85rem;
  padding-left:1.3rem;
}
:where(html[data-css~="studio"]) .studio-url-row {
  display:flex;
  gap:.5rem;
}
:where(html[data-css~="studio"]) .studio-url-row input {
  flex:1;
  min-width:0;
}
:where(html[data-css~="studio"]) .studio-presence strong {
  color:#8bd3a2;
}
:where(html[data-css~="studio"]) .studio-details {
  margin-top:.65rem;
}
:where(html[data-css~="studio"]) .studio-details .accordion-button {
  min-height:44px;
  padding:.65rem .8rem;
}
:where(html[data-css~="studio"]) .studio-details .accordion-body {
  padding:.7rem .8rem .9rem;
}
:where(html[data-css~="studio"]) .studio-details .accordion-body>button {
  margin-top:.5rem;
}
:where(html[data-css~="studio"]) .studio-fields {
  display:grid;
  gap:.65rem;
}
:where(html[data-css~="studio"]) .studio-fields label,
:where(html[data-css~="studio"]) .studio-filter label,
:where(html[data-css~="studio"]) .studio-priority label {
  display:grid;
  gap:.3rem;
  font-size:.8rem;
  color:#cdd1cf;
  font-weight:600;
}
:where(html[data-css~="studio"]) .studio-fields input:not([type=checkbox]):not([type=range]),
:where(html[data-css~="studio"]) .studio-fields select,
:where(html[data-css~="studio"]) .studio-fields textarea,
:where(html[data-css~="studio"]) .studio-filter select,
:where(html[data-css~="studio"]) .studio-priority input,
:where(html[data-css~="studio"]) .studio-url-row input {
  width:100%;
  background:#17191a;
  color:#f7f7f7;
  border:1px solid #434747;
  border-radius:.6rem;
  padding:.55rem .65rem;
}
:where(html[data-css~="studio"]) .studio-fields input[type=range] {
  width:100%;
  accent-color:var(--brand);
}
:where(html[data-css~="studio"]) .studio-fields input:focus-visible,
:where(html[data-css~="studio"]) .studio-fields select:focus-visible,
:where(html[data-css~="studio"]) .studio-fields textarea:focus-visible {
  outline:2px solid var(--brand);
  outline-offset:1px;
}
:where(html[data-css~="studio"]) .studio-fields .studio-check {
  display:flex;
  align-items:center;
  gap:.5rem;
  min-height:44px;
}
:where(html[data-css~="studio"]) .studio-fields input[type=checkbox] {
  width:18px;
  height:18px;
  flex:none;
  accent-color:var(--brand);
}
:where(html[data-css~="studio"]) .studio-two,
:where(html[data-css~="studio"]) .studio-four {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.5rem;
}
:where(html[data-css~="studio"]) .studio-four {
  grid-template-columns:repeat(4,minmax(0,1fr));
}
:where(html[data-css~="studio"]) .studio-filter {
  display:flex;
  align-items:end;
  gap:.6rem;
}
:where(html[data-css~="studio"]) .studio-queue-list {
  display:grid;
  gap:.7rem;
}
:where(html[data-css~="studio"]) .studio-queue-item {
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:start;
}
:where(html[data-css~="studio"]) .studio-queue-item h2 {
  margin:.3rem 0;
}
:where(html[data-css~="studio"]) .studio-queue-item p {
  color:#cbd0cd;
}
:where(html[data-css~="studio"]) .studio-queue-item small {
  color:#aab0ae;
}
:where(html[data-css~="studio"]) .studio-actions {
  justify-content:flex-end;
  max-width:55%;
}
:where(html[data-css~="studio"]) .studio-actions form {
  display:flex;
}
:where(html[data-css~="studio"]) .studio-priority {
  align-items:end;
  gap:.3rem;
}
:where(html[data-css~="studio"]) .studio-priority input {
  max-width:75px;
}
@media(max-width:1440px) {
  :where(html[data-css~="studio"]) .studio-layout {
    grid-template-columns:minmax(180px,220px) minmax(0,1fr);
  }
  :where(html[data-css~="studio"]) .studio-properties {
    grid-column:1/-1;
  }
  :where(html[data-css~="studio"]) .studio-properties>.studio-details {
    display:inline-block;
    vertical-align:top;
    width:min(100%,340px);
    margin-right:.7rem;
  }
}
@media(max-width:760px) {
  :where(html[data-css~="studio"]) .studio-layout {
    grid-template-columns:1fr;
  }
  :where(html[data-css~="studio"]) .studio-library {
    order:2;
  }
  :where(html[data-css~="studio"]) .studio-main {
    order:1;
  }
  :where(html[data-css~="studio"]) .studio-properties {
    order:3;
  }
  :where(html[data-css~="studio"]) .studio-canvas-frame {
    max-height:48vh;
    max-width:min(100%,calc(48vh * var(--studio-aspect,1.7777778)));
  }
  :where(html[data-css~="studio"]) .studio-queue-item {
    flex-direction:column;
  }
  :where(html[data-css~="studio"]) .studio-actions {
    max-width:none;
    justify-content:flex-start;
  }
  :where(html[data-css~="studio"]) .studio-filter {
    flex-wrap:wrap;
  }
  :where(html[data-css~="studio"]) .studio-four {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:470px) {
  :where(html[data-css~="studio"]) .studio-url-row {
    flex-direction:column;
  }
  :where(html[data-css~="studio"]) .studio-preview-toolbar .btn {
    width:100%;
  }
  :where(html[data-css~="studio"]) .studio-two,
  :where(html[data-css~="studio"]) .studio-four {
    grid-template-columns:1fr 1fr;
  }
  :where(html[data-css~="studio"]) .studio-queue-item {
    padding:.8rem;
  }
  :where(html[data-css~="studio"]) .studio-actions {
    width:100%;
  }
  :where(html[data-css~="studio"]) .studio-actions .btn {
    min-height:38px;
  }
}
@media(prefers-reduced-motion:no-preference) {
  :where(html[data-css~="studio"]) .studio-widget-picker,
  :where(html[data-css~="studio"]) .studio-overlay-card,
  :where(html[data-css~="studio"]) .studio-queue-item {
    transition:border-color .18s ease,transform .18s ease;
  }
  :where(html[data-css~="studio"]) .studio-overlay-card:hover,
  :where(html[data-css~="studio"]) .studio-queue-item:hover {
    transform:translateY(-1px);
  }
}
:where(html[data-css~="studio"]) .studio-bands {
  display:grid;
  gap:.55rem;
  padding:.6rem;
  border:1px solid #363a3b;
  border-radius:.7rem;
}
:where(html[data-css~="studio"]) .studio-bands strong {
  color:var(--brand);
  font-size:.8rem;
}
:where(html[data-css~="studio"]) .studio-bands .studio-four {
  border-top:1px solid #303536;
  padding-top:.45rem;
}

/* Assinaturas e cobranças */
:where(html[data-css~="billing"]) .topbar a[href="/painel/conta/notificacoes"] {
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
:where(html[data-css~="billing"]) .topbar a[href="/painel/conta/notificacoes"] .badge {
  font-size:.72rem;
}
:where(html[data-css~="billing"]) .account-alert {
  margin:16px 24px;
  background:#30251d;
  border:1px solid #825338;
  color:#fff0df;
}
:where(html[data-css~="billing"]) .account-alert a {
  color:#ffac86;
  text-decoration:underline;
}
:where(html[data-css~="billing"]) textarea.form-control {
  background:var(--surface-2);
  color:var(--text);
  border:1px solid #454b56;
  overflow-wrap:anywhere;
}
:where(html[data-css~="billing"]) .billing-template-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
:where(html[data-css~="billing"]) .billing-template-check {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  margin:0;
  cursor:pointer;
}
:where(html[data-css~="billing"]) .billing-template-check input {
  width:18px;
  height:18px;
  margin:0;
  flex:none;
}
:where(html[data-css~="billing"]) .billing-template-actions .btn {
  min-height:44px;
  padding:9px 16px;
}
:where(html[data-css~="billing"]) .subscription-cancel {
  display:grid;
  grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);
  align-items:start;
  gap:clamp(24px,4vw,64px);
  padding:clamp(24px,3vw,36px);
  border-color:#383039;
  background:linear-gradient(115deg,#19171b,var(--surface) 55%);
}
:where(html[data-css~="billing"]) .subscription-cancel-intro .eyebrow {
  display:block;
  margin-bottom:10px;
  color:#ff9d8e;
}
:where(html[data-css~="billing"]) .subscription-cancel-intro h2 {
  margin:0 0 10px;
}
:where(html[data-css~="billing"]) .subscription-cancel-intro p {
  max-width:36ch;
  margin:0;
  color:var(--muted);
  line-height:1.6;
}
:where(html[data-css~="billing"]) .subscription-cancel-form {
  display:grid;
  justify-items:start;
  gap:18px;
  width:100%;
  max-width:720px;
  margin:0;
}
:where(html[data-css~="billing"]) .subscription-cancel-form .field {
  width:100%;
  margin:0;
}
:where(html[data-css~="billing"]) .subscription-cancel-form .field label {
  margin-bottom:8px;
}
:where(html[data-css~="billing"]) .subscription-cancel-form .field input {
  min-height:48px;
}
:where(html[data-css~="billing"]) .subscription-cancel-form .field input::placeholder {
  color:var(--muted);
  opacity:.8;
}
:where(html[data-css~="billing"]) .subscription-cancel-check {
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:56px;
  margin:0;
  padding:14px 16px;
  border:1px solid #454049;
  border-radius:12px;
  background:var(--surface-2);
  cursor:pointer;
}
:where(html[data-css~="billing"]) .subscription-cancel-check:hover,
:where(html[data-css~="billing"]) .subscription-cancel-check:focus-within {
  border-color:#8b6970;
}
:where(html[data-css~="billing"]) .subscription-cancel-check input {
  flex:none;
  width:18px;
  height:18px;
  margin:0;
  accent-color:var(--brand);
  cursor:pointer;
}
:where(html[data-css~="billing"]) .subscription-cancel-check span {
  line-height:1.45;
}
:where(html[data-css~="billing"]) .subscription-cancel .optional-label {
  color:var(--muted);
  font-size:.82rem;
  font-weight:400;
}
:where(html[data-css~="billing"]) .subscription-cancel-button {
  min-width:210px;
  color:#ffc0c5;
  border-color:#704249;
  background:#291d21;
}
:where(html[data-css~="billing"]) .subscription-cancel-button:hover,
:where(html[data-css~="billing"]) .subscription-cancel-button:focus-visible {
  color:#fff;
  border-color:#a95a64;
  background:#41262c;
}
:where(html[data-css~="billing"]) .subscription-cancel-form>.badge {
  margin:4px 0 0;
  color:#ffb7a9;
  border-color:#754a43;
  background:#31211e;
}
@media(max-width:900px) {
  :where(html[data-css~="billing"]) .subscription-cancel {
    grid-template-columns:1fr;
  }
  :where(html[data-css~="billing"]) .subscription-cancel-intro p {
    max-width:64ch;
  }
}
@media(max-width:480px) {
  :where(html[data-css~="billing"]) .subscription-cancel {
    padding:22px 18px;
  }
  :where(html[data-css~="billing"]) .subscription-cancel-form {
    gap:16px;
  }
  :where(html[data-css~="billing"]) .subscription-cancel-button {
    width:100%;
  }
}
@media(max-width:480px) {
  :where(html[data-css~="billing"]) .topbar {
    gap:8px;
    padding:0 12px;
  }
  :where(html[data-css~="billing"]) .topbar .notify-label {
    display:none;
  }
  :where(html[data-css~="billing"]) .topbar a[href="/painel/conta/notificacoes"] {
    padding:8px;
  }
  :where(html[data-css~="billing"]) .topbar a[href="/painel/conta/notificacoes"] span[aria-hidden] {
    font-size:1rem;
  }
  :where(html[data-css~="billing"]) .topbar form .btn {
    padding:8px;
  }
  :where(html[data-css~="billing"]) .account-alert {
    margin:12px 16px;
  }
}
@media(max-width:480px) {
  :where(html[data-css~="billing"]) .billing-template-actions {
    align-items:stretch;
    flex-direction:column;
  }
  :where(html[data-css~="billing"]) .billing-template-actions .btn {
    width:100%;
  }
}
:where(html[data-css~="billing"]) .wm-security-page {
  max-width:1120px;
}
:where(html[data-css~="billing"]) .wm-security-page .page-header {
  margin-bottom:26px;
}
:where(html[data-css~="billing"]) .wm-security-page .page-header p {
  max-width:720px;
}
:where(html[data-css~="billing"]) .wm-security-card {
  padding:0;
  overflow:hidden;
}
:where(html[data-css~="billing"]) .wm-security-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:28px 32px;
  background:linear-gradient(115deg,#1c1c20,var(--surface) 70%);
  border-bottom:1px solid var(--border);
}
:where(html[data-css~="billing"]) .wm-security-heading .eyebrow {
  display:block;
  color:#ff937e;
  margin-bottom:9px;
}
:where(html[data-css~="billing"]) .wm-security-heading h2 {
  margin:0 0 7px;
}
:where(html[data-css~="billing"]) .wm-security-heading p {
  margin:0;
  max-width:640px;
}
:where(html[data-css~="billing"]) .wm-security-heading .badge {
  flex:none;
}
:where(html[data-css~="billing"]) .wm-security-section {
  padding:28px 32px;
  border-bottom:1px solid var(--border);
}
:where(html[data-css~="billing"]) .wm-security-section:last-child {
  border-bottom:0;
}
:where(html[data-css~="billing"]) .wm-security-section-title {
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:22px;
}
:where(html[data-css~="billing"]) .wm-security-section-title h3 {
  margin:0 0 2px;
  font-size:1.05rem;
}
:where(html[data-css~="billing"]) .wm-security-section-title p {
  margin:0;
  font-size:.9rem;
}
:where(html[data-css~="billing"]) .wm-security-step {
  display:grid;
  place-items:center;
  flex:none;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#39251f;
  color:#ffac9a;
  font-weight:800;
  font-size:.82rem;
}
:where(html[data-css~="billing"]) .wm-security-field {
  max-width:560px;
  margin-bottom:18px;
}
:where(html[data-css~="billing"]) .wm-security-field:last-child {
  margin-bottom:0;
}
:where(html[data-css~="billing"]) .wm-security-field small {
  line-height:1.5;
}
:where(html[data-css~="billing"]) .wm-security-toggle {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:82px;
  padding:16px 18px;
  border:1px solid #383d45;
  border-radius:12px;
  background:var(--surface-2);
  cursor:pointer;
  transition:border-color .18s,background .18s;
}
:where(html[data-css~="billing"]) .wm-security-toggle:hover,
:where(html[data-css~="billing"]) .wm-security-toggle:focus-within {
  border-color:#777e88;
  background:#1e2229;
}
:where(html[data-css~="billing"]) .wm-security-toggle-copy {
  display:grid;
  gap:3px;
  min-width:0;
}
:where(html[data-css~="billing"]) .wm-security-toggle-copy strong {
  color:var(--text);
  font-size:.94rem;
}
:where(html[data-css~="billing"]) .wm-security-toggle-copy small {
  color:var(--muted);
  font-size:.81rem;
  line-height:1.45;
}
:where(html[data-css~="billing"]) .wm-security-toggle input[type=checkbox] {
  display:block;
  flex:none;
  width:22px;
  height:22px;
  margin:0;
  cursor:pointer;
  accent-color:var(--brand);
}
:where(html[data-css~="billing"]) .wm-security-channels {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  max-width:820px;
  margin-bottom:24px;
}
:where(html[data-css~="billing"]) .wm-security-channels .wm-security-toggle {
  align-items:flex-start;
  min-height:120px;
}
:where(html[data-css~="billing"]) .wm-security-channels .wm-security-toggle input {
  margin-top:2px;
}
:where(html[data-css~="billing"]) .wm-security-status {
  width:max-content;
  max-width:100%;
  margin-top:8px;
  padding:3px 8px;
  border:1px solid #5b4540;
  border-radius:999px;
  color:#f3b2a5;
  background:#2d2220;
  font-size:.72rem;
  font-weight:700;
  line-height:1.3;
}
:where(html[data-css~="billing"]) .wm-security-status.is-ready {
  border-color:#285c40;
  color:#8be4ad;
  background:#192a20;
}
:where(html[data-css~="billing"]) .wm-security-confirm {
  background:#15181d;
}
:where(html[data-css~="billing"]) .wm-security-confirm .wm-security-field {
  max-width:420px;
}
:where(html[data-css~="billing"]) .wm-security-confirm input:-webkit-autofill,
:where(html[data-css~="billing"]) .wm-security-confirm input:-webkit-autofill:hover,
:where(html[data-css~="billing"]) .wm-security-confirm input:-webkit-autofill:focus {
  -webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;
  -webkit-text-fill-color:var(--text);
  caret-color:var(--text);
}
:where(html[data-css~="billing"]) .wm-security-confirm .btn {
  min-width:176px;
}
:where(html[data-css~="billing"]) .wm-security-readonly {
  margin:0;
  padding:28px 32px;
}
@media(max-width:700px) {
  :where(html[data-css~="billing"]) .wm-security-heading,
  :where(html[data-css~="billing"]) .wm-security-section {
    padding:24px;
  }
  :where(html[data-css~="billing"]) .wm-security-heading .badge {
    display:none;
  }
  :where(html[data-css~="billing"]) .wm-security-channels {
    grid-template-columns:1fr;
  }
  :where(html[data-css~="billing"]) .wm-security-channels .wm-security-toggle {
    min-height:0;
  }
}
@media(max-width:480px) {
  :where(html[data-css~="billing"]) .wm-security-page .page-header {
    margin-bottom:22px;
  }
  :where(html[data-css~="billing"]) .wm-security-heading,
  :where(html[data-css~="billing"]) .wm-security-section {
    padding:22px 18px;
  }
  :where(html[data-css~="billing"]) .wm-security-confirm .btn {
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce) {
  :where(html[data-css~="billing"]) .wm-security-toggle {
    transition:none;
  }
}

/* Movimento da landing: conteúdo visível mesmo sem JavaScript. */
.site-home {
  --site-motion-enter: 360ms;
  --site-motion-cycle: 5s;
}
.site-home .site-hero {
  position: relative;
  isolation: isolate;
  animation: none;
}
.site-home .site-hero::before {
  content: "";
  position: absolute;
  inset: 12% 0 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 60%, rgb(255 86 52 / 8%), transparent 65%);
}
.site-home .site-hero h1 em {
  display: inline-block;
  position: relative;
}
.site-home .site-hero h1 em::after {
  content: "";
  position: absolute;
  inset: auto 0 -8px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--brand), transparent);
  transform-origin: center;
}
.site-home .site-hero-stage {
  width: min(100%, 1040px);
  margin-inline: auto;
}
.site-home .site-flow {
  position: relative;
  overflow: hidden;
  padding-block: 0 28px;
}
.site-home .site-flow::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 120px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--brand), transparent);
}
.site-home .site-flow a {
  padding: 8px 18px;
  border: 1px solid var(--border-strong);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text);
  font-size: .85rem;
  transition: border-color var(--motion-duration) var(--ease-standard), color var(--motion-duration) var(--ease-standard);
}
.site-home .site-flow a:hover,
.site-home .site-flow a:focus-visible {
  border-color: var(--brand);
  color: var(--brand);
}
.site-home .site-flow > span {
  color: var(--brand);
}
.site-home .site-preview-caption {
  min-height: 64px;
  padding-top: 16px;
  color: var(--muted);
  font-size: .75rem;
}
.site-home .site-preview-caption > span > span {
  color: var(--brand);
  margin-inline: 8px;
}
.site-home .site-motion-toggle {
  min-height: 40px;
  font-size: .75rem;
}
.site-home .preview-widgets > div {
  position: relative;
  overflow: hidden;
}
.site-home .preview-widgets > div::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--brand);
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
}
.site-home :is(.site-benefits article, .site-audience-card, .site-price-card, .site-grid-features article) {
  transition: border-color var(--motion-duration) var(--ease-standard), background-color var(--motion-duration) var(--ease-standard);
}
.site-home :is(.site-benefits article, .site-audience-card, .site-price-card, .site-grid-features article):is(:hover, :focus-within) {
  border-color: var(--brand);
  background-color: var(--surface-2);
}
.site-home .site-wave {
  height: 104px;
  width: 100%;
}
.site-home .site-wave span {
  width: clamp(6px, 1.3vw, 12px);
  height: 70%;
  border-radius: 999px;
  background: var(--brand);
  transform: scaleY(.4);
}
.site-home .site-wave span:nth-child(3n) { transform: scaleY(.85); }
.site-home .site-wave span:nth-child(3n + 1) { transform: scaleY(.6); }
.site-home .site-motion-reveal.is-revealed {
  animation: site-reveal var(--site-motion-enter) var(--ease-enter) both;
}
.site-home .site-band {
  overflow: hidden;
}
.site-home .site-marquee {
  width: max-content;
}
.site-home .site-marquee .site-statements {
  min-width: max(100vw, 1100px);
  padding: 26px 24px;
  color: var(--text);
  font-size: clamp(.85rem, 1.3vw, 1.1rem);
}
.site-home .site-marquee .site-statements span::before {
  content: "↗";
  margin-right: 24px;
  color: var(--brand);
}
.site-home.site-motion-ready .site-marquee {
  animation: site-marquee 36s linear infinite paused;
}
.site-home.site-motion-ready .site-flow::after {
  animation: site-signal var(--site-motion-cycle) var(--ease-standard) infinite paused;
}
.site-home.site-motion-ready .preview-widgets > div::after {
  animation: site-module var(--site-motion-cycle) var(--ease-standard) infinite paused;
}
.site-home .preview-widgets > div:nth-child(2)::after { animation-delay: 1.25s; }
.site-home .preview-widgets > div:nth-child(3)::after { animation-delay: 2.5s; }
.site-home .preview-widgets > div:nth-child(4)::after { animation-delay: 3.75s; }
.site-home.site-motion-ready .site-wave span {
  animation: site-wave 1.2s var(--ease-standard) infinite alternate paused;
}
.site-home .site-wave span:nth-child(3n) { animation-delay: -.8s; }
.site-home .site-wave span:nth-child(3n + 1) { animation-delay: -.4s; }
.site-home[data-motion-active="true"] .site-ambient.is-in-view .site-flow::after,
.site-home[data-motion-active="true"] .site-ambient.is-in-view .preview-widgets > div::after,
.site-home[data-motion-active="true"] .site-ambient.is-in-view .site-wave span,
.site-home[data-motion-active="true"] .site-ambient.is-in-view .site-marquee {
  animation-play-state: running;
}
.site-home:not(.site-motion-ready) .site-marquee,
.site-home[data-motion-reduced="true"] .site-marquee {
  width: 100%;
  transform: none !important;
}
.site-home:not(.site-motion-ready) .site-marquee .site-statements,
.site-home[data-motion-reduced="true"] .site-marquee .site-statements {
  min-width: 0;
  width: 100%;
  flex-wrap: wrap !important;
}
.site-home:not(.site-motion-ready) .site-marquee .site-statements + .site-statements,
.site-home[data-motion-reduced="true"] .site-marquee .site-statements + .site-statements {
  display: none !important;
}
.site-home[data-motion-active="false"] .site-motion-reveal {
  animation: none;
}
@keyframes site-reveal {
  from { opacity: .35; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}
@keyframes site-signal {
  0% { opacity: 0; transform: translateX(-160px); }
  15%, 85% { opacity: 1; }
  100% { opacity: 0; transform: translateX(160px); }
}
@keyframes site-module {
  0%, 25%, 100% { opacity: 0; }
  8%, 17% { opacity: .7; }
}
@keyframes site-wave {
  from { transform: scaleY(.25); }
  to { transform: scaleY(1); }
}
@keyframes site-marquee {
  to { transform: translateX(-50%); }
}
@media (max-width: 575.98px) {
  .site-home .site-flow a {
    padding: 8px 12px;
  }
  .site-home .site-preview-caption {
    justify-content: center !important;
    text-align: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-home .site-motion-reveal.is-revealed,
  .site-home.site-motion-ready .site-flow::after,
  .site-home.site-motion-ready .preview-widgets > div::after,
  .site-home.site-motion-ready .site-wave span,
  .site-home.site-motion-ready .site-marquee,
  .site-home .site-hero {
    animation: none;
  }
  .site-home :is(.site-flow a, .site-benefits article, .site-audience-card, .site-price-card, .site-grid-features article) {
    transition: none;
  }
}

/* Site, onboarding e autenticação */
:where(html[data-css~="site"]) .site-page {
  --site-muted: var(--muted);
}
:where(html[data-css~="site"]) .site-page h1,
:where(html[data-css~="site"]) .site-page h2,
:where(html[data-css~="site"]) .site-page h3 {
  font-weight: 600;
  letter-spacing: -.045em;
}
:where(html[data-css~="site"]) .site-page h2,
:where(html[data-css~="site"]) .site-heading h1 {
  font-size: clamp(2rem, 4vw, 3.8rem);
  line-height: 1.12;
}
:where(html[data-css~="site"]) .site-page p {
  color: var(--site-muted);
}
:where(html[data-css~="site"]) .site-wrap {
  width: min(100% - 40px, 1220px);
  margin-inline: auto;
}
:where(html[data-css~="site"]) .site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 1px solid #ffffff12;
  background: #090a0ce8;
  backdrop-filter: blur(16px);
}
:where(html[data-css~="site"]) .site-nav {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
:where(html[data-css~="site"]) .site-nav img,
:where(html[data-css~="site"]) .site-footer img {
  display: block;
  height: auto;
}
:where(html[data-css~="site"]) .site-links {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 28px);
  font-size: .88rem;
  font-weight: 600;
}
:where(html[data-css~="site"]) .site-links > a:not(.btn) {
  color: var(--site-muted);
}
:where(html[data-css~="site"]) .site-links > a:hover {
  color: var(--text);
}
:where(html[data-css~="site"]) .site-menu {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-2);
  color: var(--text);
}
:where(html[data-css~="site"]) .site-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 48px;
  align-items: center;
  padding-block: clamp(64px, 7vw, 96px) 64px;
  animation: page-enter var(--motion-enter) var(--ease-enter);
}
:where(html[data-css~="site"]) .site-hero-copy {
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  text-align: center;
}
:where(html[data-css~="site"]) .site-kicker,
:where(html[data-css~="site"]) .site-number {
  color: var(--brand);
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}
:where(html[data-css~="site"]) .site-hero .site-kicker {
  color: var(--live);
  display: inline-flex;
  gap: 10px;
  align-items: center;
}
:where(html[data-css~="site"]) .site-hero h1 {
  font-size: clamp(2.75rem, 5.5vw, 5rem);
  line-height: 1.1;
  margin: 24px 0;
}
:where(html[data-css~="site"]) .site-hero h1 em {
  color: var(--brand);
  font-style: normal;
}
:where(html[data-css~="site"]) .site-hero-copy > p {
  max-width: 660px;
  margin-inline: auto;
  font-size: clamp(1.05rem, 1.6vw, 1.2rem);
}
:where(html[data-css~="site"]) .site-hero-copy > small {
  display: block;
  margin-top: 20px;
  color: var(--site-muted);
}
:where(html[data-css~="site"]) .site-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}
:where(html[data-css~="site"]) .site-hero .site-actions {
  justify-content: center;
}
:where(html[data-css~="site"]) .site-hero .site-panel-preview {
  width: min(100%, 1040px);
  margin-inline: auto;
  text-align: left;
  border-color: #52515a;
  box-shadow: var(--shadow-dialog), 0 0 64px rgb(255 86 52 / 5%);
}
:where(html[data-css~="site"]) .site-hero .preview-top {
  padding: 16px 24px;
  background: var(--surface-2);
}
:where(html[data-css~="site"]) .site-actions .btn {
  min-height: 52px;
}
:where(html[data-css~="site"]) .site-panel-preview,
:where(html[data-css~="site"]) .site-studio-preview {
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: 20px;
  background: var(--surface);
  box-shadow: var(--shadow-dialog);
}
:where(html[data-css~="site"]) .preview-top {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 18px;
  border-bottom: 1px solid var(--border);
  font-size: .8rem;
  font-weight: 700;
}
:where(html[data-css~="site"]) .preview-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  color: var(--live);
  font-size: .7rem;
}
:where(html[data-css~="site"]) .preview-body {
  display: grid;
  grid-template-columns: 164px minmax(0, 1fr);
  min-height: 320px;
}
:where(html[data-css~="site"]) .preview-side {
  display: grid;
  align-content: start;
  gap: 20px;
  padding: 24px 15px;
  border-right: 1px solid var(--border);
  color: var(--site-muted);
  font-size: .7rem;
}
:where(html[data-css~="site"]) .preview-side span:first-child {
  color: var(--text);
}
:where(html[data-css~="site"]) .preview-content {
  padding: 24px;
  min-width: 0;
}
:where(html[data-css~="site"]) .preview-banner {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px;
  border: 1px solid #52352f;
  border-radius: 13px;
  background: linear-gradient(130deg, #2a1d1b, #1a1b20);
}
:where(html[data-css~="site"]) .preview-banner small,
:where(html[data-css~="site"]) .preview-widgets small {
  color: var(--brand);
  font-size: .62rem;
  letter-spacing: .1em;
}
:where(html[data-css~="site"]) .preview-banner strong {
  font-size: 1.45rem;
}
:where(html[data-css~="site"]) .preview-banner span,
:where(html[data-css~="site"]) .preview-widgets span {
  color: var(--site-muted);
  font-size: .73rem;
}
:where(html[data-css~="site"]) .preview-widgets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
:where(html[data-css~="site"]) .preview-widgets > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-2);
}
:where(html[data-css~="site"]) .preview-widgets strong {
  font-size: .96rem;
}
:where(html[data-css~="site"]) .site-band {
  border-block: 1px solid var(--border);
  background: var(--surface);
}
:where(html[data-css~="site"]) .site-statements {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 18px;
  padding-block: 22px;
  color: var(--site-muted);
  font-size: .8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
}
:where(html[data-css~="site"]) .site-section {
  padding-block: clamp(64px, 7vw, 104px);
  scroll-margin-top: 80px;
}
:where(html[data-css~="site"]) .site-heading {
  max-width: 700px;
  margin-bottom: 38px;
}
:where(html[data-css~="site"]) .site-heading h2 {
  margin: 12px 0 18px;
}
:where(html[data-css~="site"]) .site-heading p {
  font-size: 1.08rem;
}
:where(html[data-css~="site"]) .site-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
:where(html[data-css~="site"]) .site-benefits article,
:where(html[data-css~="site"]) .site-grid-features article,
:where(html[data-css~="site"]) .site-feature-card,
:where(html[data-css~="site"]) .site-price-card,
:where(html[data-css~="site"]) .site-signup-card {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}
:where(html[data-css~="site"]) .site-benefits article {
  min-height: 270px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
:where(html[data-css~="site"]) .site-benefits h3 {
  font-size: 1.5rem;
  margin: 32px 0 12px;
}
:where(html[data-css~="site"]) .site-benefits p {
  margin: 0;
}
:where(html[data-css~="site"]) .site-audience-section {
  position: relative;
}
:where(html[data-css~="site"]) .site-audience-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
  align-items: end;
  gap: 48px;
  margin-bottom: 38px;
}
:where(html[data-css~="site"]) .site-audience-heading h2 {
  max-width: 780px;
  margin: 15px 0 0;
}
:where(html[data-css~="site"]) .site-audience-heading h2 em {
  color: var(--brand);
  font-style: normal;
}
:where(html[data-css~="site"]) .site-audience-heading > p {
  max-width: 345px;
  margin: 0 0 5px;
  padding-left: 22px;
  border-left: 2px solid var(--brand);
  font-size: 1rem;
  line-height: 1.65;
}
:where(html[data-css~="site"]) .site-audience {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
:where(html[data-css~="site"]) .site-audience-card {
  display: flex;
  min-width: 0;
  min-height: 230px;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}
:where(html[data-css~="site"]) .site-audience-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
:where(html[data-css~="site"]) .site-audience-icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid #704035;
  border-radius: 13px;
  background: #ff563416;
  color: var(--brand);
}
:where(html[data-css~="site"]) .site-audience-icon svg {
  width: 25px;
  height: 25px;
}
:where(html[data-css~="site"]) .site-audience-index {
  color: #8f969f;
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .12em;
}
:where(html[data-css~="site"]) .site-audience-card h3 {
  margin: 0 0 8px;
  font-size: 1.28rem;
  letter-spacing: -.025em;
}
:where(html[data-css~="site"]) .site-audience-card p {
  margin: 0;
  font-size: .87rem;
  line-height: 1.5;
}
:where(html[data-css~="site"]) .site-split,
:where(html[data-css~="site"]) .site-security {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(36px, 8vw, 120px);
}
:where(html[data-css~="site"]) .site-split p,
:where(html[data-css~="site"]) .site-security p {
  font-size: 1.1rem;
}
:where(html[data-css~="site"]) .site-reverse > div:first-child {
  order: 2;
}
:where(html[data-css~="site"]) .site-inline-link {
  color: var(--brand);
  font-weight: 700;
}
:where(html[data-css~="site"]) .site-feature-card {
  min-height: 330px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
:where(html[data-css~="site"]) .site-feature-title {
  color: var(--live);
  font-size: 1.3rem;
  font-weight: 700;
}
:where(html[data-css~="site"]) .site-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-2);
}
:where(html[data-css~="site"]) .site-row small {
  color: var(--site-muted);
}
:where(html[data-css~="site"]) .site-feature-accent {
  align-items: center;
  text-align: center;
  gap: 10px;
}
:where(html[data-css~="site"]) .site-qr {
  display: grid;
  place-items: center;
  width: 112px;
  height: 112px;
  margin: 10px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface-2);
  color: var(--brand);
  font-size: 4rem;
}
:where(html[data-css~="site"]) .site-feature-accent small {
  color: var(--site-muted);
}
:where(html[data-css~="site"]) .site-grid-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
:where(html[data-css~="site"]) .site-grid-features article {
  padding: 38px;
}
:where(html[data-css~="site"]) .site-podium {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  align-items: end;
}
:where(html[data-css~="site"]) .site-podium div {
  min-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface);
}
:where(html[data-css~="site"]) .site-podium .site-podium-first {
  min-height: 240px;
  border-color: #794032;
  background: linear-gradient(145deg, #34201d, var(--surface));
}
:where(html[data-css~="site"]) .site-podium small {
  color: var(--brand);
}
:where(html[data-css~="site"]) .site-podium strong {
  font-size: 1.3rem;
}
:where(html[data-css~="site"]) .site-podium span {
  color: var(--site-muted);
}
:where(html[data-css~="site"]) .site-audio {
  align-items: center;
  gap: 24px;
}
:where(html[data-css~="site"]) .site-audio > div {
  color: var(--brand);
  font-size: clamp(2rem, 4vw, 4rem);
  letter-spacing: .05em;
}
:where(html[data-css~="site"]) .site-audio small {
  color: var(--site-muted);
}
:where(html[data-css~="site"]) .site-studio {
  background: radial-gradient(circle at 78% 45%, #38221d 0, transparent 45%), var(--surface);
}
:where(html[data-css~="site"]) .site-studio-preview {
  padding-bottom: 15px;
}
:where(html[data-css~="site"]) .site-studio-preview .preview-top {
  justify-content: space-between;
}
:where(html[data-css~="site"]) .site-studio-preview .preview-top span,
:where(html[data-css~="site"]) .site-studio-preview > small {
  color: var(--site-muted);
}
:where(html[data-css~="site"]) .site-studio-preview > small {
  display: block;
  padding: 0 18px;
}
:where(html[data-css~="site"]) .studio-canvas {
  min-height: 280px;
  margin: 20px;
  padding: 22px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  border: 1px solid #3c424a;
  border-radius: 12px;
  background: #0c0f12;
}
:where(html[data-css~="site"]) .studio-canvas > * {
  display: grid;
  place-items: center;
  border: 1px solid #414750;
  border-radius: 8px;
  color: var(--site-muted);
  font-size: .8rem;
}
:where(html[data-css~="site"]) .studio-canvas > span {
  grid-column: span 2;
  color: var(--live);
}
:where(html[data-css~="site"]) .site-security img {
  width: 100%;
  height: auto;
  max-height: 260px;
}
:where(html[data-css~="site"]) .site-plans.site-wrap {
  width: min(100% - 48px, 1520px);
}
:where(html[data-css~="site"]) .site-plans-heading {
  max-width: 800px;
  margin: 0 auto 48px;
  text-align: center;
}
:where(html[data-css~="site"]) .site-plans-heading h1,
:where(html[data-css~="site"]) .site-plans-heading h2 {
  margin: 16px 0 20px;
  font-size: clamp(2.25rem, 4.2vw, 3.75rem);
  text-wrap: balance;
}
:where(html[data-css~="site"]) .site-plans-heading em {
  color: var(--brand);
  font-style: normal;
}
:where(html[data-css~="site"]) .site-plans-heading p {
  margin-bottom: 24px;
}
:where(html[data-css~="site"]) .site-plans-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--site-muted);
  font-size: .8rem;
}
:where(html[data-css~="site"]) .site-plans-status .status-dot {
  width: 6px;
  height: 6px;
  background: var(--brand);
}
:where(html[data-css~="site"]) .site-pricing {
  align-items: stretch;
}
:where(html[data-css~="site"]) .site-price-card {
  position: relative;
  padding: clamp(20px, 1.6vw, 28px);
  color: var(--text);
  transition: border-color var(--motion-duration) var(--ease-standard), box-shadow var(--motion-duration) var(--ease-standard);
}
:where(html[data-css~="site"]) .site-price-card:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-surface);
}
:where(html[data-css~="site"]) .site-price-card.is-featured {
  border-color: var(--brand);
  background: linear-gradient(180deg, rgb(255 86 52 / 6%), transparent 40%), var(--surface);
  box-shadow: inset 0 3px 0 var(--brand), var(--shadow-surface);
}
:where(html[data-css~="site"]) .site-price-label {
  display: block;
  color: var(--site-muted);
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}
:where(html[data-css~="site"]) .is-featured .site-price-label {
  color: var(--brand);
}
:where(html[data-css~="site"]) .site-price-heading h2,
:where(html[data-css~="site"]) .site-price-heading h3 {
  margin: 18px 0 10px;
  font-size: 1.5rem;
  line-height: 1.2;
}
:where(html[data-css~="site"]) .site-price-heading > p {
  margin: 0;
  font-size: .84rem;
  line-height: 1.6;
}
:where(html[data-css~="site"]) .site-price-amount {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
  margin: 28px 0 22px;
  font-variant-numeric: tabular-nums;
}
:where(html[data-css~="site"]) .site-price-amount > span {
  font-size: .9rem;
}
:where(html[data-css~="site"]) .site-price-amount strong {
  font-size: clamp(1.7rem, 2.3vw, 2.65rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.055em;
}
:where(html[data-css~="site"]) .site-price-amount small {
  flex-basis: 100%;
  color: var(--site-muted);
  font-size: .75rem;
  white-space: nowrap;
}
:where(html[data-css~="site"]) .site-price-card .btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding-inline: 14px;
  font-size: .8rem;
}
:where(html[data-css~="site"]) .site-price-card .btn-ghost {
  border-color: var(--control-border);
}
:where(html[data-css~="site"]) .site-price-capacity {
  margin: 26px 0 0;
}
:where(html[data-css~="site"]) .site-price-capacity > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  padding: 9px 0;
}
:where(html[data-css~="site"]) .site-price-capacity dt {
  color: var(--site-muted);
  font-size: .8rem;
  font-weight: 400;
}
:where(html[data-css~="site"]) .site-price-capacity dd {
  margin: 0;
  font-size: .85rem;
  font-weight: 600;
  text-align: right;
}
:where(html[data-css~="site"]) .site-price-capacity .site-price-messages {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 0 0 18px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--border);
}
:where(html[data-css~="site"]) .site-price-messages dd {
  order: -1;
  font-size: 1.9rem;
  letter-spacing: -.04em;
  line-height: 1.2;
}
:where(html[data-css~="site"]) .site-price-includes {
  margin-top: 18px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
}
:where(html[data-css~="site"]) .site-price-includes > p,
:where(html[data-css~="site"]) .site-price-includes > span {
  color: var(--site-muted);
  font-size: .78rem;
  line-height: 1.6;
}
:where(html[data-css~="site"]) .site-price-includes > p {
  margin: 0 0 12px;
}
:where(html[data-css~="site"]) .site-price-includes ul {
  display: grid;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
:where(html[data-css~="site"]) .site-price-includes li {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: .82rem;
}
:where(html[data-css~="site"]) .site-price-includes li::before {
  content: '✓';
  color: var(--live);
}
:where(html[data-css~="site"]) .site-plans-common {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px;
  padding: 28px 32px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
:where(html[data-css~="site"]) .site-plans-common .site-kicker {
  color: var(--site-muted);
  font-size: .65rem;
}
:where(html[data-css~="site"]) .site-plans-common h3 {
  margin: 6px 0 0;
  font-size: 1.15rem;
}
:where(html[data-css~="site"]) .site-plans-common ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 28px;
  list-style: none;
  padding: 0;
  margin: 0;
}
:where(html[data-css~="site"]) .site-plans-common li {
  font-size: .85rem;
}
:where(html[data-css~="site"]) .site-plans-common li > span {
  color: var(--live);
  margin-right: 6px;
}
:where(html[data-css~="site"]) .site-plans-note {
  display: flex;
  justify-content: center;
  gap: 10px;
  max-width: 860px;
  margin: 24px auto 0;
}
:where(html[data-css~="site"]) .site-plans-note > span {
  color: var(--brand);
}
:where(html[data-css~="site"]) .site-plans-note p {
  margin: 0;
  font-size: .78rem;
  line-height: 1.7;
}
@media (min-width: 992px) {
  :where(html[data-css~="site"]) .site-price-heading {
    min-height: 148px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  :where(html[data-css~="site"]) .site-price-heading {
    min-height: 168px;
  }
  :where(html[data-css~="site"]) .site-price-card {
    padding: 18px;
  }
  :where(html[data-css~="site"]) .site-price-card .btn {
    padding-inline: 10px;
    font-size: .75rem;
  }
}
@media (max-width: 767.98px) {
  :where(html[data-css~="site"]) .site-plans.site-wrap {
    width: calc(100% - 32px);
  }
  :where(html[data-css~="site"]) .site-plans-heading {
    margin-bottom: 32px;
  }
  :where(html[data-css~="site"]) .site-price-card {
    padding: 28px;
  }
  :where(html[data-css~="site"]) .site-price-amount strong {
    font-size: 2.5rem;
  }
  :where(html[data-css~="site"]) .site-plans-common {
    padding: 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(html[data-css~="site"]) .site-price-card {
    transition: none;
  }
}
:where(html[data-css~="site"]) .site-empty {
  padding: 38px;
  border: 1px dashed var(--border);
  border-radius: 16px;
}
:where(html[data-css~="site"]) .site-faq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: start;
}
:where(html[data-css~="site"]) .site-faq .ln-accordion {
  min-width: 0;
}
:where(html[data-css~="site"]) .site-faq .accordion-body p {
  margin: 0;
}
:where(html[data-css~="site"]) .site-final {
  padding: clamp(35px, 6vw, 75px);
  border: 1px solid #6c3d34;
  border-radius: 22px;
  background: radial-gradient(circle at 80% 50%, #49231b, transparent 50%), var(--surface);
}
:where(html[data-css~="site"]) .site-final h2 {
  margin: 15px 0;
}
:where(html[data-css~="site"]) .site-footer {
  border-top: 1px solid var(--border);
  background: var(--surface);
}
:where(html[data-css~="site"]) .site-footer-grid {
  display: grid;
  grid-template-columns: 2fr repeat(3, 1fr);
  gap: 30px;
  padding-block: 60px;
}
:where(html[data-css~="site"]) .site-footer-grid div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
:where(html[data-css~="site"]) .site-footer-grid p {
  max-width: 260px;
  margin: 8px 0 0;
}
:where(html[data-css~="site"]) .site-footer-grid a {
  color: var(--site-muted);
  transition: color var(--motion-duration) var(--ease-standard);
}
:where(html[data-css~="site"]) .site-footer-grid a:hover {
  color: var(--text);
}
:where(html[data-css~="site"]) .site-copyright {
  padding-bottom: 30px;
  color: var(--site-muted);
  font-size: .8rem;
}
:where(html[data-css~="site"]) .site-signup {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  align-items: start;
  gap: 8vw;
  min-height: 75vh;
}
:where(html[data-css~="site"]) .site-signup-card {
  padding: clamp(22px, 4vw, 38px);
}
:where(html[data-css~="site"]) .site-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}
:where(html[data-css~="site"]) .site-form-grid .field {
  margin-bottom: 0;
}
:where(html[data-css~="site"]) .site-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 44px;
  margin: 12px 0 24px;
  font-size: .88rem;
}
:where(html[data-css~="site"]) .site-check > span {
  flex: 1;
  min-width: 0;
}
:where(html[data-css~="site"]) .site-check input {
  flex: none;
  align-self: start;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  accent-color: var(--brand);
}
:where(html[data-css~="site"]) .site-check a,
:where(html[data-css~="site"]) .site-signup-card > p a {
  color: var(--brand);
  text-decoration: underline;
}
:where(html[data-css~="site"]) .site-signup-card > p {
  margin-top: 18px;
}
:where(html[data-css~="site"]) .site-legal {
  min-height: 65vh;
  max-width: 780px;
}
:where(html[data-css~="site"]) .site-legal p {
  font-size: 1.08rem;
  line-height: 1.8;
}
:where(html[data-css~="site"]) .onboarding-card {
  margin-bottom: 20px;
}
:where(html[data-css~="site"]) .setup-center {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  background: var(--surface);
  transition: opacity .4s ease, transform .4s ease, max-height .4s ease, padding .4s ease, margin .4s ease;
}
:where(html[data-css~="site"]) .setup-center.is-leaving {
  opacity: 0;
  transform: translateY(-10px);
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
:where(html[data-css~="site"]) .setup-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}
:where(html[data-css~="site"]) .setup-heading .eyebrow {
  color: #ff957e;
}
:where(html[data-css~="site"]) .setup-heading h2 {
  margin: 8px 0 4px;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
}
:where(html[data-css~="site"]) .setup-heading p {
  margin: 0;
}
:where(html[data-css~="site"]) .setup-meter {
  display: grid;
  place-content: center;
  flex: none;
  min-width: 80px;
  padding-left: 18px;
  border-left: 1px solid var(--border-strong);
  text-align: right;
}
:where(html[data-css~="site"]) .setup-meter strong {
  color: var(--brand);
  font-size: 1.75rem;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
:where(html[data-css~="site"]) .setup-meter small {
  color: var(--muted);
  font-size: .7rem;
}
:where(html[data-css~="site"]) .setup-progress {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 22px 0 8px;
}
:where(html[data-css~="site"]) .setup-track {
  flex: 1;
  height: 8px;
  overflow: hidden;
  border-radius: 50px;
  background: #3a3030;
}
:where(html[data-css~="site"]) .setup-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--brand);
  transition: width .45s ease;
}
:where(html[data-css~="site"]) .setup-progress > span {
  flex: none;
  color: var(--muted);
  font-size: .78rem;
}
:where(html[data-css~="site"]) .setup-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}
:where(html[data-css~="site"]) .setup-step {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 104px;
  padding: 16px;
  border: 1px solid #39343a;
  border-radius: 13px;
  background: var(--surface-2);
  transition: border-color .25s ease, background .25s ease, opacity .25s ease;
}
:where(html[data-css~="site"]) .setup-step:not(.is-done):not(.is-blocked) {
  border-color: #704335;
}
:where(html[data-css~="site"]) .setup-step.is-done {
  background: #171c1a;
}
:where(html[data-css~="site"]) .setup-step.is-blocked {
  opacity: .74;
}
:where(html[data-css~="site"]) .setup-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #32221f;
  color: #ff9a82;
  font-size: 1.2rem;
}
:where(html[data-css~="site"]) .setup-step.is-done .setup-icon {
  background: #173122;
  color: var(--live);
}
:where(html[data-css~="site"]) .setup-step-copy {
  flex: 1;
  min-width: 0;
}
:where(html[data-css~="site"]) .setup-step-copy strong {
  display: block;
  line-height: 1.3;
}
:where(html[data-css~="site"]) .setup-step.is-done .setup-step-copy strong {
  color: #c5cec8;
  text-decoration: line-through;
  text-decoration-color: #6f8e79;
}
:where(html[data-css~="site"]) .setup-step-copy p {
  margin: 3px 0;
  font-size: .78rem;
}
:where(html[data-css~="site"]) .setup-step-status {
  color: #ff9b84;
  font-size: .72rem;
  font-weight: 700;
}
:where(html[data-css~="site"]) .setup-step.is-done .setup-step-status {
  color: var(--live);
}
:where(html[data-css~="site"]) .setup-step.is-blocked .setup-step-status {
  color: var(--muted);
}
:where(html[data-css~="site"]) .setup-check {
  flex: none;
  color: #e9a08f;
  font-size: 1.2rem;
  transition: transform .25s ease;
}
:where(html[data-css~="site"]) .setup-step.is-done .setup-check {
  color: var(--live);
  transform: scale(1.12);
}
:where(html[data-css~="site"]) .setup-action {
  flex: none;
  font-size: .78rem;
  white-space: nowrap;
}
:where(html[data-css~="site"]) .setup-unavailable {
  color: var(--muted);
  font-size: .75rem;
}
:where(html[data-css~="site"]) .setup-complete-message {
  margin-top: 20px;
  padding: 12px 16px;
  border: 1px solid #245e40;
  border-radius: 10px;
  background: #11261b;
  color: #b8f8d1;
  font-weight: 700;
}
:where(html[data-css~="site"]) .setup-complete-message[hidden] {
  display: none;
}
:where(html[data-css~="site"]) .setup-center.is-complete[data-setup-new="1"] .setup-track span {
  animation: setup-finish-progress .65s ease-out both;
}
:where(html[data-css~="site"]) .setup-center.is-complete[data-setup-new="1"] .setup-step:last-child .setup-check {
  animation: setup-finish-check .38s ease-out both;
}
:where(html[data-css~="site"]) .setup-center.is-complete[data-setup-new="1"] .setup-complete-message {
  animation: setup-finish-message .4s ease-out both;
}
@keyframes setup-finish-progress {
from { width: 80%; } to { width: 100%; }
}
@keyframes setup-finish-check {
from { opacity: .2; transform: scale(.75); } to { opacity: 1; transform: scale(1.12); }
}
@keyframes setup-finish-message {
from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); }
}
:where(html[data-css~="site"]) .setup-extras {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 1100px) {
  :where(html[data-css~="site"]) .setup-steps {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 650px) {
  :where(html[data-css~="site"]) .setup-heading {
    align-items: flex-start;
  }
  :where(html[data-css~="site"]) .setup-meter {
    width: 78px;
    height: 78px;
  }
  :where(html[data-css~="site"]) .setup-meter strong {
    font-size: 1.25rem;
  }
  :where(html[data-css~="site"]) .setup-progress {
    flex-wrap: wrap;
  }
  :where(html[data-css~="site"]) .setup-progress > span {
    width: 100%;
  }
  :where(html[data-css~="site"]) .setup-step {
    flex-wrap: wrap;
  }
  :where(html[data-css~="site"]) .setup-action,
  :where(html[data-css~="site"]) .setup-unavailable {
    width: calc(100% - 50px);
    margin-left: 50px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(html[data-css~="site"]) .setup-center,
  :where(html[data-css~="site"]) .setup-track span,
  :where(html[data-css~="site"]) .setup-step,
  :where(html[data-css~="site"]) .setup-check {
    transition: none;
  }
  :where(html[data-css~="site"]) .setup-center.is-complete[data-setup-new="1"] .setup-track span,
  :where(html[data-css~="site"]) .setup-center.is-complete[data-setup-new="1"] .setup-step:last-child .setup-check,
  :where(html[data-css~="site"]) .setup-center.is-complete[data-setup-new="1"] .setup-complete-message {
    animation: none;
  }
}
@media (max-width: 900px) {
  :where(html[data-css~="site"]) .site-menu {
    display: block;
  }
  :where(html[data-css~="site"]) .site-links {
    display: none;
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 18px 24px;
    border-bottom: 1px solid var(--border);
    background: var(--bg);
  }
  :where(html[data-css~="site"]) .site-links.is-open {
    display: flex;
  }
  :where(html[data-css~="site"]) .site-links a:not(.btn) {
    padding: 13px 0;
  }
  :where(html[data-css~="site"]) .site-hero {
    grid-template-columns: 1fr;
  }
  :where(html[data-css~="site"]) .site-benefits {
    grid-template-columns: 1fr 1fr;
  }
  :where(html[data-css~="site"]) .site-audience-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  :where(html[data-css~="site"]) .site-audience-heading > p {
    max-width: 540px;
  }
  :where(html[data-css~="site"]) .site-audience {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(html[data-css~="site"]) .site-footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  :where(html[data-css~="site"]) .site-signup,
  :where(html[data-css~="site"]) .site-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 650px) {
  :where(html[data-css~="site"]) .site-wrap {
    width: min(100% - 32px, 1220px);
  }
  :where(html[data-css~="site"]) .site-hero {
    padding-block: 64px;
  }
  :where(html[data-css~="site"]) .site-hero h1 {
    font-size: clamp(2.7rem, 11vw, 4rem);
  }
  :where(html[data-css~="site"]) .site-panel-preview {
    max-width: 100%;
  }
  :where(html[data-css~="site"]) .preview-body {
    grid-template-columns: 1fr;
  }
  :where(html[data-css~="site"]) .preview-side {
    display: none;
  }
  :where(html[data-css~="site"]) .preview-content {
    padding: 12px;
  }
  :where(html[data-css~="site"]) .preview-widgets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where(html[data-css~="site"]) .site-benefits,
  :where(html[data-css~="site"]) .site-split,
  :where(html[data-css~="site"]) .site-security,
  :where(html[data-css~="site"]) .site-grid-features,
  :where(html[data-css~="site"]) .site-faq,
  :where(html[data-css~="site"]) .site-signup,
  :where(html[data-css~="site"]) .site-form-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-css~="site"]) .site-reverse > div:first-child {
    order: 0;
  }
  :where(html[data-css~="site"]) .site-podium {
    gap: 5px;
  }
  :where(html[data-css~="site"]) .site-podium div {
    padding: 12px;
    min-width: 0;
  }
  :where(html[data-css~="site"]) .site-podium strong {
    font-size: .9rem;
    overflow-wrap: anywhere;
  }
  :where(html[data-css~="site"]) .site-footer-grid {
    gap: 35px;
  }
  :where(html[data-css~="site"]) .site-statements {
    justify-content: center;
    text-align: center;
  }
  :where(html[data-css~="site"]) .site-security img {
    max-width: 340px;
  }
}
@media (max-width: 560px) {
  :where(html[data-css~="site"]) .site-audience {
    grid-template-columns: 1fr;
  }
  :where(html[data-css~="site"]) .site-audience-card {
    min-height: 190px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(html[data-css~="site"]) .site-page * {
    scroll-behavior: auto !important;
  }
}
:where(html[data-css~="site"]) .google-entry {
  display: grid;
  justify-items: center;
  gap: 10px;
  margin: 20px 0;
  color: var(--muted);
  text-align: center;
}
:where(html[data-css~="site"]) .google-entry [data-google-entry] {
  width: min(100%, 320px);
  min-height: 44px;
}
:where(html[data-css~="site"]) .google-feedback {
  margin: 0;
  font-size: .85rem;
}
:where(html[data-css~="site"]) .google-account {
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow-wrap: anywhere;
}
:where(html[data-css~="site"]) .google-complete-card {
  width: min(100%, 560px);
}
:where(html[data-css~="site"]) .google-cancel {
  margin-top: 12px;
}
:where(html[data-css~="site"]) .field .field-error,
:where(html[data-css~="site"]) .field-error {
  display: block;
  color: #ffc1ca;
  margin: 5px 0 10px;
  font-size: .85rem;
}

/* Verificação de acesso */
:where(html[data-css~="mfa"]) .mfa-card {
  width:min(100%,34rem);
  max-width:34rem;
  margin:2rem auto;
  padding:clamp(1.25rem,4vw,2.5rem);
}
:where(html[data-css~="mfa"]) .mfa-card .brand {
  margin-bottom:1.5rem;
}
:where(html[data-css~="mfa"]) .mfa-card .auth-intro {
  margin:2rem 0 1.5rem;
}
:where(html[data-css~="mfa"]) .mfa-card form {
  margin-block:1rem;
}
:where(html[data-css~="mfa"]) .mfa-card .mfa-channels form {
  margin:.5rem 0;
}
:where(html[data-css~="mfa"]) .mfa-card .mfa-current-method {
  margin:0 0 1.5rem;
  color:var(--muted);
}
:where(html[data-css~="mfa"]) .mfa-card .mfa-current-method strong {
  color:var(--text);
}
:where(html[data-css~="mfa"]) .mfa-fieldset {
  border:0;
  padding:0;
  margin:1.25rem 0 .5rem;
  min-width:0;
}
:where(html[data-css~="mfa"]) .mfa-fieldset legend {
  font-size:.95rem;
  font-weight:600;
  margin-bottom:.65rem;
}
:where(html[data-css~="mfa"]) .mfa-digits {
  display:flex;
  gap:clamp(.2rem,1vw,.5rem);
  width:100%;
}
:where(html[data-css~="mfa"]) .mfa-digits input {
  flex:1 1 0;
  min-width:0;
  width:0;
  aspect-ratio:1;
  min-height:44px;
  max-height:3.3rem;
  padding:0;
  text-align:center;
  font:600 clamp(1.05rem,4vw,1.5rem)/1 Inter,sans-serif;
  background:#17191d;
  color:#f8f8f8;
  border:1px solid #4a4d53;
  border-radius:.65rem;
}
:where(html[data-css~="mfa"]) .mfa-digits input:focus-visible {
  outline:2px solid #ff5634;
  outline-offset:2px;
}
:where(html[data-css~="mfa"]) .mfa-digits.is-complete input {
  border-color:#ff7a5f;
}
:where(html[data-css~="mfa"]) .mfa-feedback {
  min-height:1.5rem;
  margin:.75rem 0;
  color:#d9dee3;
}
:where(html[data-css~="mfa"]) .mfa-destination {
  margin-top:1.25rem;
}
:where(html[data-css~="mfa"]) .mfa-setup {
  padding:1rem;
  background:#191b20;
  border:1px solid #343840;
  border-radius:1rem;
  text-align:center;
}
:where(html[data-css~="mfa"]) .mfa-setup #mfa-qr {
  display:flex;
  justify-content:center;
  margin:1rem auto;
}
:where(html[data-css~="mfa"]) .mfa-setup #mfa-qr img {
  background:#fff;
  padding:.5rem;
  max-width:100%;
  height:auto;
}
:where(html[data-css~="mfa"]) .mfa-secret {
  display:block;
  overflow-wrap:anywhere;
  font-size:.9rem;
}
:where(html[data-css~="mfa"]) .mfa-recovery-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.6rem;
  margin:1.5rem 0;
}
:where(html[data-css~="mfa"]) .mfa-recovery-list code {
  padding:.5rem;
  background:#191b20;
  border:1px solid #343840;
  border-radius:.4rem;
  text-align:center;
  overflow-wrap:anywhere;
}
:where(html[data-css~="mfa"]) .mfa-recovery summary {
  min-height:44px;
  cursor:pointer;
}
:where(html[data-css~="mfa"]) .mfa-recovery form {
  display:grid;
  gap:.625rem;
}
:where(html[data-css~="mfa"]) .mfa-recovery input {
  width:100%;
  min-height:46px;
  padding:.625rem .75rem;
  background:var(--surface-2);
  color:var(--text);
  border:1px solid var(--control-border);
  border-radius:.625rem;
}
:where(html[data-css~="mfa"]) .mfa-recovery input:focus-visible {
  outline:3px solid var(--focus);
  outline-offset:2px;
}
:where(html[data-css~="mfa"]) .mfa-digits input[aria-invalid=true] {
  border-color:var(--danger);
}
:where(html[data-css~="mfa"]) .mfa-recovery,
:where(html[data-css~="mfa"]) .mfa-manage {
  margin-top:1.5rem;
  padding-top:1.5rem;
  border-top:1px solid #343840;
}
:where(html[data-css~="mfa"]) .mfa-manage h2 {
  font-size:1.15rem;
  margin-bottom:.5rem;
}
:where(html[data-css~="mfa"]) .mfa-manage>p {
  margin:0 0 1.25rem;
  line-height:1.6;
}
:where(html[data-css~="mfa"]) .mfa-manage>p+p {
  margin-top:-.5rem;
}
:where(html[data-css~="mfa"]) .mfa-manage>form {
  margin:0 0 .75rem;
}
:where(html[data-css~="mfa"]) .mfa-manage input {
  width:100%;
  margin:.5rem 0;
}
:where(html[data-css~="mfa"]) .mfa-manage>form.mfa-phone-form {
  margin:1.5rem 0 0;
}
:where(html[data-css~="mfa"]) .mfa-phone-form label {
  display:block;
  margin-bottom:.5rem;
  font-weight:600;
}
:where(html[data-css~="mfa"]) .mfa-manage .mfa-phone-form input {
  min-height:2.875rem;
  margin:0;
  padding:.625rem .75rem;
  background:var(--surface-2);
  color:var(--text);
  border:1px solid #454b56;
  border-radius:.625rem;
}
:where(html[data-css~="mfa"]) .mfa-manage .mfa-phone-form input:focus-visible {
  outline:3px solid var(--focus);
  outline-offset:2px;
}
:where(html[data-css~="mfa"]) .mfa-phone-form small {
  display:block;
  margin-top:.625rem;
  color:var(--muted);
  line-height:1.5;
}
:where(html[data-css~="mfa"]) .mfa-phone-form .btn {
  margin-top:1rem;
}
:where(html[data-css~="mfa"]) .mfa-back-link {
  margin:1.5rem 0 0;
}
:where(html[data-css~="mfa"]) .mfa-back-link a {
  color:var(--muted);
}
:where(html[data-css~="mfa"]) .mfa-back-link a:hover {
  color:var(--text);
}
:where(html[data-css~="mfa"]) .mfa-cancel {
  margin-top:1.5rem;
}
@media(max-width:360px) {
  :where(html[data-css~="mfa"]) .mfa-card {
    width:calc(100% - 1rem);
    padding:1rem;
  }
  :where(html[data-css~="mfa"]) .mfa-digits input {
    border-radius:.4rem;
  }
  :where(html[data-css~="mfa"]) .mfa-recovery-list {
    grid-template-columns:1fr;
  }
}
@media(prefers-reduced-motion:reduce) {
  :where(html[data-css~="mfa"]) .mfa-card * {
    animation:none!important;
    transition:none!important;
  }
}

/* Browser Sources / OBS */
:root:where(html[data-css~="overlay"]) {
  color-scheme:dark;
  font-family:Inter,system-ui,sans-serif;
}
:where(html[data-css~="overlay"]),
:where(html[data-css~="overlay"]) * {
  box-sizing:border-box;
}
html:where(html[data-css~="overlay"]),
:where(html[data-css~="overlay"]) body,
:where(html[data-css~="overlay"]) #overlay-root {
  margin:0;
  width:100%;
  height:100%;
  overflow:hidden;
}
:where(html[data-css~="overlay"]) body {
  background:transparent;
  color:#fff;
}
:where(html[data-css~="overlay"]) body.solid {
  background:#121416;
}
:where(html[data-css~="overlay"]) #overlay-root {
  position:relative;
}
:where(html[data-css~="overlay"]) .overlay-widget {
  position:absolute;
  display:grid;
  align-items:center;
  overflow:hidden;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  line-height:1.25;
}
:where(html[data-css~="overlay"]) .overlay-widget img,
:where(html[data-css~="overlay"]) .overlay-widget video {
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
:where(html[data-css~="overlay"]) .overlay-widget audio {
  width:100%;
}
:where(html[data-css~="overlay"]) .overlay-card {
  display:grid;
  gap:.3em;
  width:100%;
  text-align:inherit;
}
:where(html[data-css~="overlay"]) .overlay-card strong {
  font-size:1.12em;
}
:where(html[data-css~="overlay"]) .overlay-card small {
  font-size:.62em;
  color:#c7cccb;
}
:where(html[data-css~="overlay"]) .overlay-qr {
  display:flex;
  align-items:center;
  gap:1em;
}
:where(html[data-css~="overlay"]) .overlay-qr canvas,
:where(html[data-css~="overlay"]) .overlay-qr img {
  background:#fff;
  padding:8px;
  border-radius:8px;
}
:where(html[data-css~="overlay"]) .overlay-goal-meter {
  height:.25em;
  background:#373b3d;
  border-radius:20px;
  overflow:hidden;
}
:where(html[data-css~="overlay"]) .overlay-goal-meter i {
  display:block;
  height:100%;
  background:#ff783d;
}
:where(html[data-css~="overlay"]) .overlay-rank {
  display:grid;
  gap:.25em;
}
:where(html[data-css~="overlay"]) .overlay-rank div {
  display:flex;
  justify-content:space-between;
  gap:1em;
}
:where(html[data-css~="overlay"]) .overlay-test {
  outline:3px dashed #f79857;
}
:where(html[data-css~="overlay"]) .overlay-enter-fade {
  animation:ol-fade .35s ease-out both;
}
:where(html[data-css~="overlay"]) .overlay-enter-slide {
  animation:ol-slide .4s ease-out both;
}
:where(html[data-css~="overlay"]) .overlay-enter-scale,
:where(html[data-css~="overlay"]) .overlay-enter-pop {
  animation:ol-scale .35s ease-out both;
}
:where(html[data-css~="overlay"]) .overlay-enter-blur {
  animation:ol-blur .45s ease-out both;
}
@keyframes ol-fade {
from{opacity:0}to{opacity:1}
}
@keyframes ol-slide {
from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}
}
@keyframes ol-scale {
from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}
}
@keyframes ol-blur {
from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}
}
@media(prefers-reduced-motion:reduce) {
  :where(html[data-css~="overlay"]) .overlay-widget {
    animation:none!important;
    transition:none!important;
  }
}
:where(html[data-css~="overlay"]) body[data-preset=clean] .overlay-widget {
  box-shadow:0 12px 30px #0003;
}
:where(html[data-css~="overlay"]) body[data-preset=corporate] .overlay-widget {
  letter-spacing:.015em;
}
:where(html[data-css~="overlay"]) body[data-preset=podcast] .overlay-widget {
  border-left:4px solid #ff8754;
}
:where(html[data-css~="overlay"]) body[data-preset=event] .overlay-widget {
  box-shadow:0 0 30px #ff8a4040;
}
:where(html[data-css~="overlay"]) body[data-preset=gaming] .overlay-widget {
  border:1px solid #ff8651;
}
:where(html[data-css~="overlay"]) body[data-preset=dark] .overlay-widget {
  box-shadow:0 18px 40px #0009;
}
:where(html[data-css~="overlay"]) .overlay-draw-cards strong {
  display:block;
  background:#ff8a36;
  color:#151515;
  padding:.35em;
  border-radius:.2em;
}
:where(html[data-css~="overlay"]) .overlay-draw-roulette strong {
  display:block;
  border:2px solid #ff8a36;
  border-radius:50%;
  padding:.4em;
}
:where(html[data-css~="overlay"]) .overlay-draw-names strong {
  display:block;
  border-bottom:3px solid #ff8a36;
  padding:.2em;
}