*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Inter, sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--bm-bg);
  color: var(--bm-text);
  transition: background-color var(--transition-base), color var(--transition-base);
}

*::part(form-control-label)::after {
  content: "";
  display: none;
}

:focus-visible {
  outline: 2px solid var(--bm-accent);
  outline-offset: 2px;
}

.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 600px) {
  .\!container {
    max-width: 600px !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .container {
    max-width: 600px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 728px) {
  .\!container {
    max-width: 728px !important;
  }

  .container {
    max-width: 728px;
  }
}

@media (min-width: 984px) {
  .\!container {
    max-width: 984px !important;
  }

  .container {
    max-width: 984px;
  }
}

@media (min-width: 1240px) {
  .\!container {
    max-width: 1240px !important;
  }

  .container {
    max-width: 1240px;
  }
}

/* ── Body ─────────────────────────────────────────────── */

/* ── Sidebar ──────────────────────────────────────────── */

.admin-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--sidebar-width);
  height: 100vh;
  background: var(--bm-sidebar-bg);
  border-right: 1px solid var(--bm-border);
  display: flex;
  flex-direction: column;
  z-index: 200;
  overflow-y: auto;
  overflow-x: hidden;
  transition: transform var(--transition-slow);
  /* Scrollbar mínima */
  scrollbar-width: thin;
  scrollbar-color: var(--bm-border) transparent;
}

.dark .admin-sidebar {
  background: linear-gradient(180deg, #0f1117 0%, #0d1520 100%);
  box-shadow: 1px 0 0 var(--bm-border);
}

/* ── Brand ────────────────────────────────────────────── */

/* ── Nav ──────────────────────────────────────────────── */

.sidebar-section-label.mt-4 {
  margin-top: 1rem;
}

.nav-link {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  margin-bottom: 2px;
  border-radius: var(--radius-base);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--bm-text-muted);
  text-decoration: none;
  transition: background var(--transition-fast), color var(--transition-fast);
  position: relative;
}

/* FA6 icons in nav-links: ensure correct size */

.nav-link i,
    .sidebar-brand-icon i,
    .theme-toggle i,
    .topbar-icon-btn i,
    .topbar-menu-btn i {
  width: 16px;
  flex-shrink: 0;
  text-align: center;
}

.nav-link:hover {
  background: rgba(79, 142, 247, 0.08);
  color: var(--bm-text);
}

.nav-link--active {
  background: rgba(79, 142, 247, 0.12);
  color: var(--bm-accent);
  font-weight: 600;
}

.dark .nav-link--active {
  background: rgba(79, 142, 247, 0.15);
}

.nav-link--active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 3px;
  background: var(--bm-accent);
  border-radius: 0 3px 3px 0;
  margin-left: -8px;
}

/* ── Sidebar footer ───────────────────────────────────── */

.dark .theme-toggle {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.15);
  color: #8b949e;
}

.dark .theme-toggle:hover {
  background: rgba(79,142,247,.15);
  color: var(--bm-accent);
  border-color: rgba(79,142,247,.4);
}

/* ── Main area ────────────────────────────────────────── */

/* ── Topbar (mobile + breadcrumb) ─────────────────────── */

.dark .admin-topbar {
  background: rgba(22, 27, 34, 0.85);
}

.topbar-menu-btn {
  display: flex;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid var(--bm-border);
  background: transparent;
  color: var(--bm-text-muted);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-fast);
  flex-shrink: 0;
}

.topbar-menu-btn:hover {
  background: rgba(79,142,247,.1);
  color: var(--bm-accent);
}

/* ── Content ──────────────────────────────────────────── */

/* ── Flash ────────────────────────────────────────────── */

/* ── Mobile overlay ───────────────────────────────────── */

.sidebar-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 150;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

/* ── Impersonation banner ─────────────────────────────── */

.impersonate-banner + .admin-sidebar {
  top: 44px;
  height: calc(100vh - 44px);
}

.impersonate-banner + .admin-sidebar + .admin-main {
  padding-top: 44px;
}

/* ── Page header ──────────────────────────────────────── */

.page-header {
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.page-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--bm-text);
  letter-spacing: -.3px;
  margin: 0;
}

.page-subtitle {
  font-size: 13px;
  color: var(--bm-text-muted);
  margin-top: 3px;
}

/* ── Admin Card ───────────────────────────────────────── */

.admin-card {
  background: var(--bm-card-bg);
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-lg);
  padding: 20px;
  box-shadow: var(--bm-shadow);
  transition: background var(--transition-base), border-color var(--transition-base);
  margin-bottom: 30px;
}

.admin-card-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--bm-text);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ── Stat Card ────────────────────────────────────────── */

.stat-card {
  background: var(--bm-card-bg);
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-lg);
  padding: 20px;
  box-shadow: var(--bm-shadow);
  transition: background var(--transition-base), border-color var(--transition-base);
  margin-bottom: 30px;
}

.ticket-view .stat-card {
  margin-bottom: 0;
}

.stat-card p code {
  padding: 1px 6px;
  border-radius: 6px;
  border: 1px solid var(--bm-border);
  background: var(--bm-input-bg);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.stat-card li .mail-row__logo {
  vertical-align: middle;
}

.stat-card {
  display: flex;
  align-items: center;
  gap: 16px;
}

.stat-card-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-base);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.stat-card-value {
  font-size: 26px;
  font-weight: 800;
  color: var(--bm-text);
  line-height: 1;
  letter-spacing: -1px;
}

.stat-card-label {
  font-size: 12px;
  color: var(--bm-text-muted);
  margin-top: 3px;
  font-weight: 500;
}

/* ── Admin Table ──────────────────────────────────────── */

.responsive-table {
  overflow-x: auto;
  width: 100%;
  display: grid;
}

.admin-table {
  width: 100%;
  text-align: left;
  font-size: 13.5px;
  border-collapse: collapse;
}

.admin-table thead th {
  padding: 8px 12px;
  border-bottom: 1px solid var(--bm-border);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .6px;
  color: var(--bm-text-muted);
  white-space: nowrap;
}

.admin-table tbody tr {
  transition: background var(--transition-fast);
}

.admin-table tbody tr:hover {
  background: rgba(79, 142, 247, 0.04);
}

.admin-table tbody td {
  padding: 11px 12px;
  border-top: 1px solid var(--bm-border);
  color: var(--bm-text);
  vertical-align: middle;
}

/* ── Premium Form Inputs ──────────────────────────────── */

.wab-field {
  margin-bottom: 16px;
}

.wab-label {
  display: block;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--bm-text);
  margin-bottom: 6px;
  letter-spacing: .1px;
}

.wab-input,
    .login-input {
  width: 100%;
  padding: 9px 13px;
  border: 1.5px solid var(--bm-input-border);
  border-radius: var(--radius-base);
  background: var(--bm-input-bg);
  color: var(--bm-text);
  font-size: 13.5px;
  font-family: inherit;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* FA6 icons in absolutely-positioned icon spans work natively — no special rules needed */

.wab-input::-moz-placeholder, .login-input::-moz-placeholder {
  color: var(--bm-text-muted);
  opacity: .7;
}

.wab-input::placeholder,
    .login-input::placeholder {
  color: var(--bm-text-muted);
  opacity: .7;
}

.wab-input:hover,
    .login-input:hover {
  border-color: #94a3b8;
}

.dark .wab-input:hover,
    .dark .login-input:hover {
  border-color: #484f58;
}

.wab-input:focus,
    .login-input:focus {
  border-color: var(--bm-accent);
  box-shadow: 0 0 0 3px rgba(79, 142, 247, 0.2);
  background: var(--bm-input-bg);
}

.wab-input.is-invalid,
    .login-input.is-invalid {
  border-color: var(--bm-danger);
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
}

.wab-error {
  font-size: 11.5px;
  color: var(--bm-danger);
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.wab-hint {
  font-size: 11.5px;
  color: var(--bm-text-muted);
  margin-top: 4px;
}

select.wab-input,
    textarea.wab-input {
  cursor: pointer;
}

textarea.wab-input {
  resize: vertical;
  min-height: 100px;
  cursor: text;
}

/* ── Breadcrumbs ──────────────────────────────────────── */

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
}

.breadcrumbs a {
  color: var(--bm-text-muted);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.breadcrumbs a:hover {
  color: var(--bm-accent);
}

/* ── Flash Messages ───────────────────────────────────── */

.flash-message {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border-radius: var(--radius-base);
  font-size: 13.5px;
  font-weight: 500;
  margin-bottom: 8px;
  border: 1px solid;
  animation: slideDown 0.25s ease forwards;
}

.dark .flash-success {
  color: #6ee7b7;
}

.dark .flash-error   {
  color: #fca5a5;
}

.dark .flash-warning {
  color: #fcd34d;
}

.dark .flash-info    {
  color: #67e8f9;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to   {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── Buttons ──────────────────────────────────────────── */

.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  border-radius: var(--radius-base);
  background: #3e3f54;
  color: white;
  font-size: 13.5px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-fast);
  box-shadow: 0 2px 8px rgba(62,63,84,.3);
}

.btn-primary:hover:not(:disabled) {
  background: #2b2c3b;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(62,63,84,.4);
  color: white;
}

.btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border-radius: var(--radius-base);
  background: transparent;
  color: var(--bm-text-muted);
  font-size: 13px;
  font-weight: 500;
  border: 1px solid var(--bm-border);
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-fast);
}

.btn-secondary:hover:not(:disabled) {
  background: rgba(79,142,247,.07);
  color: var(--bm-accent);
  border-color: rgba(79,142,247,.3);
}

.btn-danger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border-radius: var(--radius-base);
  background: transparent;
  color: var(--bm-danger);
  font-size: 13px;
  font-weight: 500;
  border: 1px solid rgba(239,68,68,.3);
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-fast);
}

.btn-danger:hover:not(:disabled) {
  background: rgba(239,68,68,.1);
  border-color: var(--bm-danger);
}

.btn-primary:disabled,
    .btn-secondary:disabled,
    .btn-danger:disabled {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

/* ── Status Badges ────────────────────────────────────── */

.\!badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 9px !important;
  border-radius: 20px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  border: 1px solid !important;
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: 600;
  border: 1px solid;
}

.badge-success {
  background: rgba(16,185,129,.12);
  color: var(--bm-success);
  border-color: rgba(16,185,129,.25);
}

.badge-danger  {
  background: rgba(239,68,68,.12);
  color: var(--bm-danger);
  border-color: rgba(239,68,68,.25);
}

.badge-warning {
  background: rgba(245,158,11,.12);
  color: var(--bm-warning);
  border-color: rgba(245,158,11,.25);
}

.badge-info    {
  background: rgba(6,182,212,.12);
  color: var(--bm-info);
  border-color: rgba(6,182,212,.25);
}

.badge-neutral {
  background: rgba(100,116,139,.1);
  color: var(--bm-text-muted);
  border-color: var(--bm-border);
}

.badge-accent  {
  background: rgba(79,142,247,.12);
  color: var(--bm-accent);
  border-color: rgba(79,142,247,.25);
}

.badge-admin   {
  background: rgba(168,85,247,.12);
  color: #a855f7;
  border-color: rgba(168,85,247,.25);
}

/* ── Toggle Switch ────────────────────────────────────── */

.wab-toggle {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

.wab-toggle input {
  display: none;
}

.wab-toggle-slider {
  position: absolute;
  inset: 0;
  background: var(--bm-border);
  border-radius: 24px;
  cursor: pointer;
  transition: background var(--transition-fast);
}

.wab-toggle-slider::before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  top: 3px;
  left: 3px;
  transition: transform var(--transition-fast);
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

.wab-toggle input:checked + .wab-toggle-slider {
  background: var(--bm-accent);
}

.wab-toggle input:checked + .wab-toggle-slider::before {
  transform: translateX(20px);
}

.user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--brand-gradient);
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}

.status-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
}

.dot-ativo    {
  background: var(--bm-success);
  box-shadow: 0 0 0 2px rgba(16,185,129,.25);
}

.dot-inativo  {
  background: var(--bm-danger);
  box-shadow: 0 0 0 2px rgba(239,68,68,.25);
}

.dot-pendente {
  background: var(--bm-warning);
  box-shadow: 0 0 0 2px rgba(245,158,11,.25);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-x-3 {
  left: 0.75rem;
  right: 0.75rem;
}

.-bottom-1 {
  bottom: -0.25rem;
}

.-bottom-40 {
  bottom: -10rem;
}

.-left-40 {
  left: -10rem;
}

.-left-6 {
  left: -1.5rem;
}

.-right-40 {
  right: -10rem;
}

.-top-1 {
  top: -0.25rem;
}

.-top-40 {
  top: -10rem;
}

.bottom-0 {
  bottom: 0px;
}

.left-0 {
  left: 0px;
}

.left-2\.5 {
  left: 0.625rem;
}

.left-3 {
  left: 0.75rem;
}

.left-3\.5 {
  left: 0.875rem;
}

.right-0 {
  right: 0px;
}

.right-2 {
  right: 0.5rem;
}

.right-2\.5 {
  right: 0.625rem;
}

.right-3 {
  right: 0.75rem;
}

.right-8 {
  right: 2rem;
}

.top-0 {
  top: 0px;
}

.top-1\/2 {
  top: 50%;
}

.top-2 {
  top: 0.5rem;
}

.top-2\.5 {
  top: 0.625rem;
}

.top-3 {
  top: 0.75rem;
}

.top-full {
  top: 100%;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-\[99999\] {
  z-index: 99999;
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\!-mt-2 {
  margin-top: -0.5rem !important;
}

.\!mb-0 {
  margin-bottom: 0px !important;
}

.\!mb-0\.5 {
  margin-bottom: 0.125rem !important;
}

.\!mb-1 {
  margin-bottom: 0.25rem !important;
}

.\!mb-2 {
  margin-bottom: 0.5rem !important;
}

.\!mt-0 {
  margin-top: 0px !important;
}

.-mb-px {
  margin-bottom: -1px;
}

.-mt-2 {
  margin-top: -0.5rem;
}

.-mt-3 {
  margin-top: -0.75rem;
}

.-mt-4 {
  margin-top: -1rem;
}

.-mt-6 {
  margin-top: -1.5rem;
}

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-1\.5 {
  margin-left: 0.375rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-1\.5 {
  margin-right: 0.375rem;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-1\.5 {
  margin-top: 0.375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-2\.5 {
  margin-top: 0.625rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.\!table {
  display: table !important;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-1\.5 {
  height: 0.375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: 0.5rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.h-36 {
  height: 9rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-96 {
  height: 24rem;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.max-h-56 {
  max-height: 14rem;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-96 {
  max-height: 24rem;
}

.max-h-\[40vh\] {
  max-height: 40vh;
}

.max-h-\[55vh\] {
  max-height: 55vh;
}

.max-h-\[70vh\] {
  max-height: 70vh;
}

.max-h-\[85vh\] {
  max-height: 85vh;
}

.max-h-full {
  max-height: 100%;
}

.\!min-h-0 {
  min-height: 0px !important;
}

.\!min-h-\[140px\] {
  min-height: 140px !important;
}

.min-h-\[7\.5rem\] {
  min-height: 7.5rem;
}

.min-h-screen {
  min-height: 100vh;
}

.\!w-24 {
  width: 6rem !important;
}

.\!w-36 {
  width: 9rem !important;
}

.\!w-44 {
  width: 11rem !important;
}

.\!w-64 {
  width: 16rem !important;
}

.\!w-auto {
  width: auto !important;
}

.\!w-full {
  width: 100% !important;
}

.w-0\.5 {
  width: 0.125rem;
}

.w-1\.5 {
  width: 0.375rem;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: 0.5rem;
}

.w-2\.5 {
  width: 0.625rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.w-3\/4 {
  width: 75%;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-40 {
  width: 10rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem);
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.w-px {
  width: 1px;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-\[120px\] {
  min-width: 120px;
}

.min-w-\[12rem\] {
  min-width: 12rem;
}

.min-w-\[140px\] {
  min-width: 140px;
}

.min-w-\[14rem\] {
  min-width: 14rem;
}

.min-w-\[150px\] {
  min-width: 150px;
}

.min-w-\[160px\] {
  min-width: 160px;
}

.min-w-\[16rem\] {
  min-width: 16rem;
}

.min-w-\[18rem\] {
  min-width: 18rem;
}

.min-w-\[190px\] {
  min-width: 190px;
}

.min-w-\[210px\] {
  min-width: 210px;
}

.min-w-\[220px\] {
  min-width: 220px;
}

.min-w-\[320px\] {
  min-width: 320px;
}

.min-w-\[50px\] {
  min-width: 50px;
}

.min-w-\[60px\] {
  min-width: 60px;
}

.min-w-\[640px\] {
  min-width: 640px;
}

.min-w-\[9rem\] {
  min-width: 9rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-\[100px\] {
  max-width: 100px;
}

.max-w-\[10rem\] {
  max-width: 10rem;
}

.max-w-\[140px\] {
  max-width: 140px;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[220px\] {
  max-width: 220px;
}

.max-w-\[240px\] {
  max-width: 240px;
}

.max-w-\[9rem\] {
  max-width: 9rem;
}

.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-none {
  max-width: none;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.grow {
  flex-grow: 1;
}

.basis-full {
  flex-basis: 100%;
}

.border-collapse {
  border-collapse: collapse;
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-bounce {
  animation: bounce 1s infinite;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.resize {
  resize: both;
}

.list-inside {
  list-style-position: inside;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

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

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

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

.grid-cols-\[3rem_1fr_auto\] {
  grid-template-columns: 3rem 1fr auto;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.place-items-center {
  place-items: center;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

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

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-2\.5 {
  gap: 0.625rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-3\.5 {
  gap: 0.875rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[2px\] {
  gap: 2px;
}

.gap-px {
  gap: 1px;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-y-0\.5 {
  row-gap: 0.125rem;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.gap-y-1\.5 {
  row-gap: 0.375rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1));
}

.divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}

.divide-slate-200\/70 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(226 232 240 / 0.7);
}

.divide-slate-200\/80 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(226 232 240 / 0.8);
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[24px\] {
  border-radius: 24px;
}

.rounded-\[28px\] {
  border-radius: 28px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-r {
  border-right-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-dashed {
  border-style: dashed;
}

.\!border-none {
  border-style: none !important;
}

.\!border-amber-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)) !important;
}

.\!border-amber-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1)) !important;
}

.\!border-rose-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1)) !important;
}

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}

.border-amber-200\/60 {
  border-color: rgb(253 230 138 / 0.6);
}

.border-amber-200\/70 {
  border-color: rgb(253 230 138 / 0.7);
}

.border-amber-200\/80 {
  border-color: rgb(253 230 138 / 0.8);
}

.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}

.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}

.border-emerald-200\/60 {
  border-color: rgb(167 243 208 / 0.6);
}

.border-emerald-200\/70 {
  border-color: rgb(167 243 208 / 0.7);
}

.border-emerald-200\/80 {
  border-color: rgb(167 243 208 / 0.8);
}

.border-emerald-300 {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}

.border-emerald-400 {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}

.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}

.border-indigo-200\/60 {
  border-color: rgb(199 210 254 / 0.6);
}

.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

.border-purple-200\/60 {
  border-color: rgb(233 213 255 / 0.6);
}

.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}

.border-rose-200\/60 {
  border-color: rgb(254 205 211 / 0.6);
}

.border-rose-200\/70 {
  border-color: rgb(254 205 211 / 0.7);
}

.border-rose-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity, 1));
}

.border-rose-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}

.border-rose-500 {
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}

.border-sky-100 {
  --tw-border-opacity: 1;
  border-color: rgb(224 242 254 / var(--tw-border-opacity, 1));
}

.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}

.border-sky-200\/50 {
  border-color: rgb(186 230 253 / 0.5);
}

.border-sky-200\/60 {
  border-color: rgb(186 230 253 / 0.6);
}

.border-sky-200\/70 {
  border-color: rgb(186 230 253 / 0.7);
}

.border-sky-200\/80 {
  border-color: rgb(186 230 253 / 0.8);
}

.border-sky-500 {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}

.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.border-slate-200\/60 {
  border-color: rgb(226 232 240 / 0.6);
}

.border-slate-200\/70 {
  border-color: rgb(226 232 240 / 0.7);
}

.border-slate-200\/80 {
  border-color: rgb(226 232 240 / 0.8);
}

.border-slate-200\/90 {
  border-color: rgb(226 232 240 / 0.9);
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.border-slate-300\/60 {
  border-color: rgb(203 213 225 / 0.6);
}

.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}

.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: transparent;
}

.border-violet-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
}

.border-violet-200\/70 {
  border-color: rgb(221 214 254 / 0.7);
}

.border-violet-200\/80 {
  border-color: rgb(221 214 254 / 0.8);
}

.border-wab {
  --tw-border-opacity: 1;
  border-color: rgb(62 63 84 / var(--tw-border-opacity, 1));
}

.border-l-amber-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.border-l-blue-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.border-l-emerald-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.border-l-orange-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}

.border-l-rose-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}

.border-l-sky-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}

.border-l-slate-300 {
  --tw-border-opacity: 1;
  border-left-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.border-l-slate-400 {
  --tw-border-opacity: 1;
  border-left-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

.\!bg-transparent {
  background-color: transparent !important;
}

.bg-\[\#0ca30c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(12 163 12 / var(--tw-bg-opacity, 1));
}

.bg-\[\#d03b3b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(208 59 59 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ec835a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 131 90 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fab219\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 178 25 / var(--tw-bg-opacity, 1));
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.bg-amber-50\/60 {
  background-color: rgb(255 251 235 / 0.6);
}

.bg-amber-50\/70 {
  background-color: rgb(255 251 235 / 0.7);
}

.bg-amber-50\/80 {
  background-color: rgb(255 251 235 / 0.8);
}

.bg-amber-50\/90 {
  background-color: rgb(255 251 235 / 0.9);
}

.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-amber-500\/10 {
  background-color: rgb(245 158 11 / 0.1);
}

.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.bg-blue-50\/70 {
  background-color: rgb(239 246 255 / 0.7);
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

.bg-emerald-400\/20 {
  background-color: rgb(52 211 153 / 0.2);
}

.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.bg-emerald-50\/20 {
  background-color: rgb(236 253 245 / 0.2);
}

.bg-emerald-50\/40 {
  background-color: rgb(236 253 245 / 0.4);
}

.bg-emerald-50\/60 {
  background-color: rgb(236 253 245 / 0.6);
}

.bg-emerald-50\/70 {
  background-color: rgb(236 253 245 / 0.7);
}

.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.bg-emerald-500\/10 {
  background-color: rgb(16 185 129 / 0.1);
}

.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-50\/90 {
  background-color: rgb(238 242 255 / 0.9);
}

.bg-indigo-500\/10 {
  background-color: rgb(99 102 241 / 0.1);
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.bg-orange-50\/70 {
  background-color: rgb(255 247 237 / 0.7);
}

.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(62 63 84 / var(--tw-bg-opacity, 1));
}

.bg-primary\/10 {
  background-color: rgb(62 63 84 / 0.1);
}

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}

.bg-rose-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
}

.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.bg-rose-50\/20 {
  background-color: rgb(255 241 242 / 0.2);
}

.bg-rose-50\/40 {
  background-color: rgb(255 241 242 / 0.4);
}

.bg-rose-50\/70 {
  background-color: rgb(255 241 242 / 0.7);
}

.bg-rose-50\/90 {
  background-color: rgb(255 241 242 / 0.9);
}

.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}

.bg-rose-500\/10 {
  background-color: rgb(244 63 94 / 0.1);
}

.bg-rose-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}

.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}

.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.bg-sky-50\/20 {
  background-color: rgb(240 249 255 / 0.2);
}

.bg-sky-50\/50 {
  background-color: rgb(240 249 255 / 0.5);
}

.bg-sky-50\/70 {
  background-color: rgb(240 249 255 / 0.7);
}

.bg-sky-50\/90 {
  background-color: rgb(240 249 255 / 0.9);
}

.bg-sky-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
}

.bg-sky-500\/10 {
  background-color: rgb(14 165 233 / 0.1);
}

.bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.bg-slate-200\/70 {
  background-color: rgb(226 232 240 / 0.7);
}

.bg-slate-200\/80 {
  background-color: rgb(226 232 240 / 0.8);
}

.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.bg-slate-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.bg-slate-50\/30 {
  background-color: rgb(248 250 252 / 0.3);
}

.bg-slate-50\/50 {
  background-color: rgb(248 250 252 / 0.5);
}

.bg-slate-50\/60 {
  background-color: rgb(248 250 252 / 0.6);
}

.bg-slate-50\/70 {
  background-color: rgb(248 250 252 / 0.7);
}

.bg-slate-50\/80 {
  background-color: rgb(248 250 252 / 0.8);
}

.bg-slate-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}

.bg-slate-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.bg-slate-900\/40 {
  background-color: rgb(15 23 42 / 0.4);
}

.bg-slate-950\/70 {
  background-color: rgb(2 6 23 / 0.7);
}

.bg-transparent {
  background-color: transparent;
}

.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}

.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.bg-violet-50\/50 {
  background-color: rgb(245 243 255 / 0.5);
}

.bg-violet-500\/10 {
  background-color: rgb(139 92 246 / 0.1);
}

.bg-wab {
  --tw-bg-opacity: 1;
  background-color: rgb(62 63 84 / var(--tw-bg-opacity, 1));
}

.bg-wab\/10 {
  background-color: rgb(62 63 84 / 0.1);
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/60 {
  background-color: rgb(255 255 255 / 0.6);
}

.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}

.bg-white\/75 {
  background-color: rgb(255 255 255 / 0.75);
}

.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}

.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}

.\!bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.\!from-violet-600 {
  --tw-gradient-from: #7c3aed var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-emerald-500 {
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-500\/20 {
  --tw-gradient-from: rgb(16 185 129 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-50\/40 {
  --tw-gradient-from: rgb(238 242 255 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-500 {
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-600 {
  --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-rose-500\/15 {
  --tw-gradient-from: rgb(244 63 94 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-500 {
  --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-500\/20 {
  --tw-gradient-from: rgb(14 165 233 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-100 {
  --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-50\/50 {
  --tw-gradient-from: rgb(245 243 255 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-500 {
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-600 {
  --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-indigo-500 {
  --tw-gradient-to: rgb(99 102 241 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-indigo-600 {
  --tw-gradient-to: rgb(79 70 229 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-slate-50 {
  --tw-gradient-to: rgb(248 250 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f8fafc var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.\!to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position) !important;
}

.to-blue-600\/20 {
  --tw-gradient-to: rgb(37 99 235 / 0.2) var(--tw-gradient-to-position);
}

.to-emerald-500 {
  --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
}

.to-indigo-50\/30 {
  --tw-gradient-to: rgb(238 242 255 / 0.3) var(--tw-gradient-to-position);
}

.to-indigo-500 {
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}

.to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}

.to-indigo-600\/20 {
  --tw-gradient-to: rgb(79 70 229 / 0.2) var(--tw-gradient-to-position);
}

.to-pink-600\/15 {
  --tw-gradient-to: rgb(219 39 119 / 0.15) var(--tw-gradient-to-position);
}

.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}

.to-sky-50\/30 {
  --tw-gradient-to: rgb(240 249 255 / 0.3) var(--tw-gradient-to-position);
}

.to-sky-500 {
  --tw-gradient-to: #0ea5e9 var(--tw-gradient-to-position);
}

.to-sky-600 {
  --tw-gradient-to: #0284c7 var(--tw-gradient-to-position);
}

.to-teal-500 {
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}

.to-teal-600\/20 {
  --tw-gradient-to: rgb(13 148 136 / 0.2) var(--tw-gradient-to-position);
}

.to-violet-600 {
  --tw-gradient-to: #7c3aed var(--tw-gradient-to-position);
}

.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-top {
  -o-object-position: top;
     object-position: top;
}

.\!p-0 {
  padding: 0px !important;
}

.\!p-4 {
  padding: 1rem !important;
}

.p-0 {
  padding: 0px;
}

.p-0\.5 {
  padding: 0.125rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-3\.5 {
  padding: 0.875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.\!px-2\.5 {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}

.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.\!px-3\.5 {
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}

.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\!py-0\.5 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.\!py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.\!py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}

.\!pl-11 {
  padding-left: 2.75rem !important;
}

.\!pl-4 {
  padding-left: 1rem !important;
}

.\!pr-8 {
  padding-right: 2rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-2\.5 {
  padding-bottom: 0.625rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.font-heading {
  font-family: Outfit, sans-serif;
}

.font-sans {
  font-family: Inter, sans-serif;
}

.\!text-\[11px\] {
  font-size: 11px !important;
}

.\!text-\[13px\] {
  font-size: 13px !important;
}

.\!text-\[14px\] {
  font-size: 14px !important;
}

.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\!text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[5px\] {
  font-size: 5px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-\[clamp\(1\.4rem\2c 7vw\2c 2\.6rem\)\] {
  font-size: clamp(1.4rem,7vw,2.6rem);
}

.text-\[clamp\(1\.5rem\2c 7\.8vw\2c 2\.8rem\)\] {
  font-size: clamp(1.5rem,7.8vw,2.8rem);
}

.text-\[clamp\(1\.5rem\2c 7\.8vw\2c 3rem\)\] {
  font-size: clamp(1.5rem,7.8vw,3rem);
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.\!font-normal {
  font-weight: 400 !important;
}

.font-black {
  font-weight: 900;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.italic {
  font-style: italic;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-\[1\.05\] {
  line-height: 1.05;
}

.leading-none {
  line-height: 1;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-\[\.18em\] {
  letter-spacing: .18em;
}

.tracking-\[0\.25em\] {
  letter-spacing: 0.25em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.\!text-amber-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1)) !important;
}

.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.text-emerald-100 {
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}

.text-emerald-200 {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}

.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}

.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}

.text-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}

.text-indigo-100 {
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity, 1));
}

.text-indigo-100\/80 {
  color: rgb(224 231 255 / 0.8);
}

.text-indigo-200 {
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
}

.text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}

.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(62 63 84 / var(--tw-text-opacity, 1));
}

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.text-rose-400 {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.text-rose-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}

.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}

.text-rose-800 {
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}

.text-rose-900 {
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
}

.text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}

.text-sky-600 {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}

.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.text-sky-800 {
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}

.text-sky-900 {
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity, 1));
}

.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}

.text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}

.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}

.text-violet-700\/80 {
  color: rgb(109 40 217 / 0.8);
}

.text-violet-800 {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}

.text-violet-900 {
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}

.text-wab {
  --tw-text-opacity: 1;
  color: rgb(62 63 84 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}

.underline {
  text-decoration-line: underline;
}

.line-through {
  text-decoration-line: line-through;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.accent-sky-600 {
  accent-color: #0284c7;
}

.accent-violet-600 {
  accent-color: #7c3aed;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_10px_rgba\(100\2c 116\2c 139\2c \.08\)\] {
  --tw-shadow: 0 0 0 10px rgba(100,116,139,.08);
  --tw-shadow-colored: 0 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_10px_rgba\(14\2c 165\2c 233\2c \.1\)\2c 0_0_50px_rgba\(14\2c 165\2c 233\2c \.3\)\] {
  --tw-shadow: 0 0 0 10px rgba(14,165,233,.1),0 0 50px rgba(14,165,233,.3);
  --tw-shadow-colored: 0 0 0 10px var(--tw-shadow-color), 0 0 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_10px_rgba\(16\2c 185\2c 129\2c \.1\)\2c 0_0_50px_rgba\(16\2c 185\2c 129\2c \.35\)\] {
  --tw-shadow: 0 0 0 10px rgba(16,185,129,.1),0 0 50px rgba(16,185,129,.35);
  --tw-shadow-colored: 0 0 0 10px var(--tw-shadow-color), 0 0 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_10px_rgba\(244\2c 63\2c 94\2c \.1\)\2c 0_0_50px_rgba\(244\2c 63\2c 94\2c \.3\)\] {
  --tw-shadow: 0 0 0 10px rgba(244,63,94,.1),0 0 50px rgba(244,63,94,.3);
  --tw-shadow-colored: 0 0 0 10px var(--tw-shadow-color), 0 0 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_10px_rgba\(245\2c 158\2c 11\2c \.1\)\2c 0_0_50px_rgba\(245\2c 158\2c 11\2c \.3\)\] {
  --tw-shadow: 0 0 0 10px rgba(245,158,11,.1),0 0 50px rgba(245,158,11,.3);
  --tw-shadow-colored: 0 0 0 10px var(--tw-shadow-color), 0 0 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_1px_0_0_\#e2e8f0\] {
  --tw-shadow: 0 1px 0 0 #e2e8f0;
  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-emerald-500\/30 {
  --tw-shadow-color: rgb(16 185 129 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-emerald-600\/20 {
  --tw-shadow-color: rgb(5 150 105 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-indigo-500\/25 {
  --tw-shadow-color: rgb(99 102 241 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-indigo-500\/30 {
  --tw-shadow-color: rgb(99 102 241 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-primary\/20 {
  --tw-shadow-color: rgb(62 63 84 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-sky-500\/20 {
  --tw-shadow-color: rgb(14 165 233 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-900\/10 {
  --tw-shadow-color: rgb(15 23 42 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-violet-500\/30 {
  --tw-shadow-color: rgb(139 92 246 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-wab\/20 {
  --tw-shadow-color: rgb(62 63 84 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.outline {
  outline-style: solid;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-amber-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1));
}

.ring-emerald-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1));
}

.ring-emerald-300\/30 {
  --tw-ring-color: rgb(110 231 183 / 0.3);
}

.ring-indigo-200\/80 {
  --tw-ring-color: rgb(199 210 254 / 0.8);
}

.ring-rose-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity, 1));
}

.ring-rose-500\/50 {
  --tw-ring-color: rgb(244 63 94 / 0.5);
}

.ring-sky-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity, 1));
}

.ring-sky-500\/60 {
  --tw-ring-color: rgb(14 165 233 / 0.6);
}

.ring-slate-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}

.ring-slate-200\/70 {
  --tw-ring-color: rgb(226 232 240 / 0.7);
}

.ring-slate-200\/80 {
  --tw-ring-color: rgb(226 232 240 / 0.8);
}

.ring-slate-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
}

.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.ring-white\/15 {
  --tw-ring-color: rgb(255 255 255 / 0.15);
}

.ring-white\/20 {
  --tw-ring-color: rgb(255 255 255 / 0.2);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-3xl {
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-xl {
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-\[1px\] {
  --tw-backdrop-blur: blur(1px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-700 {
  transition-duration: 700ms;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}

.mono {
  font-family: 'JetBrains Mono', monospace;
}

/* ════════════════════════════════════════════════════════════
   Design Tokens — Dark & Light
   ════════════════════════════════════════════════════════════ */

:root {
  /* Sidebar */
  --sidebar-width: 260px;
  --sidebar-collapsed-width: 0px;
  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
  /* Radius */
  --radius-sm: 6px;
  --radius-base: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  /* Gradient brand */
  --brand-gradient: linear-gradient(135deg, #3e3f54 0%, #6c6f8f 100%);
  --bm-bg:          #f0f2f5;
  --bm-sidebar-bg:  #ffffff;
  --bm-card-bg:     #ffffff;
  --bm-border:      #e2e8f0;
  --bm-text:        #1e293b;
  --bm-text-muted:  #64748b;
  --bm-accent:      #3e3f54;
  --bm-accent-dark: #2b2c3b;
  --bm-success:     #10b981;
  --bm-warning:     #f59e0b;
  --bm-danger:      #ef4444;
  --bm-info:        #06b6d4;
  --bm-topbar-bg:   #ffffff;
  --bm-input-bg:    #ffffff;
  --bm-input-border:#cbd5e1;
  --bm-shadow:      0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);
  --bm-shadow-lg:   0 10px 25px rgba(0,0,0,.08), 0 4px 10px rgba(0,0,0,.04);
}

html.dark {
  --bm-bg:          #0d1117;
  --bm-sidebar-bg:  #0f1117;
  --bm-card-bg:     #161b22;
  --bm-border:      #21262d;
  --bm-text:        #e6edf3;
  --bm-text-muted:  #8b949e;
  --bm-accent:      #8f91ad;
  --bm-accent-dark: #b9bbcb;
  --bm-success:     #3fb950;
  --bm-warning:     #d29922;
  --bm-danger:      #f85149;
  --bm-info:        #58c8e3;
  --bm-topbar-bg:   #161b22;
  --bm-input-bg:    #0d1117;
  --bm-input-border:#30363d;
  --bm-shadow:      0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);
  --bm-shadow-lg:   0 10px 25px rgba(0,0,0,.4), 0 4px 10px rgba(0,0,0,.3);
}

/* ════════════════════════════════════════════════════════════
   Base Layer
   ════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════
   Admin Layout
   ════════════════════════════════════════════════════════════ */

.dt-search input, .dt-length select {
  font-size: 13px;
}

.dt-paging button {
  background: transparent !important;
  font-size: 12.5px!important;
  transition: all .15s;
}

.dt-paging button:hover {
  background: rgba(79,142,247,.1);
  color: var(--bm-accent);
  border-color: rgba(79,142,247,.3);
}

.dark .dt-paging button:hover {
  background: rgba(79,142,247,.1);
  color: var(--bm-accent);
  border-color: rgba(79,142,247,.3);
}

.dt-paging button.current {
  background: var(--bm-accent);
  color: white;
  border-color: var(--bm-accent);
}

.dt-info {
  color: var(--bm-text-muted);
  font-size: 12.5px;
}

.dt-buttons .dt-button {
  background: transparent;
  border: 1px solid var(--bm-border);
  color: var(--bm-text-muted);
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 12.5px;
  font-weight: 500;
  cursor: pointer;
  transition: all .15s;
}

.dt-buttons .dt-button:hover {
  background: rgba(79,142,247,.1);
  color: var(--bm-accent);
  border-color: rgba(79,142,247,.3);
}

/* ════════════════════════════════════════════════════════════
   Busca com I.A. (ficha do cliente)
   ════════════════════════════════════════════════════════════ */

.wab-search-shell {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 8px 8px 16px;
  border: 1px solid var(--bm-border);
  border-radius: 999px;
  background: var(--bm-card-bg);
  box-shadow: 0 1px 6px rgba(32, 33, 36, .12);
  transition: box-shadow .18s ease, border-color .18s ease;
}

.wab-search-shell:hover {
  box-shadow: 0 1px 10px rgba(32, 33, 36, .2);
}

.wab-search-shell:focus-within {
  box-shadow: 0 1px 14px rgba(32, 33, 36, .26);
  border-color: transparent;
}

.dark .wab-search-shell {
  box-shadow: 0 1px 6px rgba(0, 0, 0, .5);
}

.dark .wab-search-shell:hover,
.dark .wab-search-shell:focus-within {
  box-shadow: 0 1px 16px rgba(0, 0, 0, .7);
}

.wab-search-input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--bm-text);
  font-size: 15px;
  line-height: 1.5;
  padding: 6px 0;
}

.wab-search-input::-moz-placeholder {
  color: var(--bm-text-muted);
}

.wab-search-input::placeholder {
  color: var(--bm-text-muted);
}

.wab-search-input:disabled {
  opacity: .6;
}

.wab-search-clear,
.wab-search-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  transition: all .15s;
}

.wab-search-clear {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: transparent;
  color: var(--bm-text-muted);
}

.wab-search-clear:hover {
  background: rgba(148, 163, 184, .18);
  color: var(--bm-text);
}

.wab-search-submit {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: var(--bm-accent);
  color: #fff;
  flex-shrink: 0;
}

.wab-search-submit:hover:not(:disabled) {
  background: var(--bm-accent-dark);
  transform: scale(1.05);
}

.wab-search-submit:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.ai-suggestion {
  border: 1px solid var(--bm-border);
  border-radius: 999px;
  background: var(--bm-card-bg);
  color: var(--bm-text-muted);
  font-size: 12.5px;
  padding: 6px 14px;
  cursor: pointer;
  transition: all .15s;
}

.ai-suggestion:hover {
  color: var(--bm-accent);
  border-color: var(--bm-accent);
}

.dark .ai-suggestion:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, .3);
}

.ai-prompt {
  margin-top: 12px;
  border: 1px dashed var(--bm-border);
  border-radius: 12px;
  padding: 8px 12px;
}

.ai-prompt summary {
  cursor: pointer;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--bm-text-muted);
}

.ai-prompt[open] summary {
  margin-bottom: 8px;
}

.ai-prompt-text {
  max-height: 70vh;
  overflow: auto;
  margin: 0;
  padding: 12px;
  border-radius: 8px;
  background: rgba(148, 163, 184, .1);
  color: var(--bm-text);
  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  font-size: 11.5px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.ai-answer p:first-child {
  margin-top: 0;
}

.ai-answer p:last-child {
  margin-bottom: 0;
}

.ai-history-turn summary::-webkit-details-marker {
  display: none;
}

.wab-ai-dots {
  display: inline-flex;
  gap: 5px;
  padding: 6px 0;
}

.wab-ai-dots span {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--bm-text-muted);
  animation: wabAiDot 1.2s infinite ease-in-out;
}

.wab-ai-dots span:nth-child(2) {
  animation-delay: .18s;
}

.wab-ai-dots span:nth-child(3) {
  animation-delay: .36s;
}

@keyframes wabAiDot {
  0%, 60%, 100% {
    opacity: .25;
    transform: translateY(0);
  }

  30% {
    opacity: 1;
    transform: translateY(-3px);
  }
}

.ai-progress-indeterminate {
  width: 40%;
  animation: aiProgressSlide 1.4s ease-in-out infinite;
}

@keyframes aiProgressSlide {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(250%);
  }
}

.client-history-content {
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.client-history-content p {
  margin: 0 0 .6rem;
}

.client-history-content > :last-child {
  margin-bottom: 0;
}

.client-history-content a {
  color: #0284c7;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.dark .client-history-content a {
  color: #38bdf8;
}

.client-history-content strong {
  font-weight: 700;
  color: #0f172a;
}

.dark .client-history-content strong {
  color: #f8fafc;
}

.client-history-content ul,
.client-history-content ol {
  margin: 0 0 .6rem;
  padding-left: 1.25rem;
}

.client-history-content ul {
  list-style: disc;
}

.client-history-content ol {
  list-style: decimal;
}

.client-history-content h2 {
  font-size: 1rem;
  font-weight: 700;
  margin: .75rem 0 .4rem;
}

.client-history-content h3,
.client-history-content h4 {
  font-size: .9rem;
  font-weight: 700;
  margin: .75rem 0 .4rem;
}

.client-history-content blockquote {
  border-left: 3px solid #cbd5e1;
  margin: 0 0 .6rem;
  padding-left: .75rem;
  color: #64748b;
}

.dark .client-history-content blockquote {
  border-color: #334155;
  color: #94a3b8;
}

.client-history-content img {
  max-width: 100%;
  height: auto;
  border-radius: .75rem;
}

.client-history-figure {
  margin: .75rem 0;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #f8fafc;
}

.dark .client-history-figure {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(15, 23, 42, .6);
}

.client-history-figure img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 520px;
  margin: 0 auto;
  border-radius: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.client-history-figure figcaption {
  padding: .75rem 1rem;
  border-top: 1px solid #e2e8f0;
}

.dark .client-history-figure figcaption {
  border-color: rgba(255, 255, 255, .1);
}

/* ════════════════════════════════════════════════════════════
   Utilities
   ════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  .admin-sidebar {
    transform: translateX(-100%);
  }

  .admin-sidebar.is-open {
    transform: translateX(0);
    box-shadow: 4px 0 20px rgba(0,0,0,.3);
  }

  .sidebar-overlay.is-visible {
    display: block;
  }

  .admin-main {
    margin-left: 0;
  }

  .topbar-menu-btn {
    display: flex;
  }

  .admin-content {
    padding: 16px;
  }
}

/* ════════════════════════════════════════════════════════════
   Login Page
   ════════════════════════════════════════════════════════════ */

.login-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0d1117;
  background-image:
        radial-gradient(ellipse at 20% 50%, rgba(79,142,247,.15) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(168,85,247,.12) 0%, transparent 50%);
  position: relative;
  overflow: hidden;
}

.login-card {
  background: rgba(22,27,34,.85);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  padding: 36px;
  width: 100%;
  max-width: 420px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  box-shadow: 0 20px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.05);
}

.icon-button-no-color-change sl-icon-button::part(base):hover,
.icon-button-no-color-change sl-icon-button::part(base):focus {
  color: inherit;
}

.crud-form {
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(248,250,252,0.75));
  border-radius: 28px;
  padding: clamp(1.5rem, 3vw, 2.75rem);
  box-shadow: 0 30px 60px rgba(15, 23, 42, 0.15);
  border: 1px solid rgba(148, 163, 184, 0.15);
  display: block;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.crud-form__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem 2rem;
}

.crud-form__field {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.crud-form__field .form-label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  color: rgb(100 116 139);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.crud-form__field .form-control,
.crud-form__field .form-select,
.crud-form__field textarea,
.crud-form__field input[type="text"],
.crud-form__field input[type="email"] {
  border-radius: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgb(255 255 255 / 0.9);
  box-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.08);
  padding: 0.85rem 1.1rem;
  font-size: 0.95rem;
  color: rgb(15 23 42);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.crud-form__field .form-control:focus,
.crud-form__field .form-select:focus,
.crud-form__field textarea:focus {
  border-color: rgb(56 189 248);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.3);
  transform: translateY(-1px);
}

.crud-form__field .form-check-input {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 6px;
  border: 1px solid rgba(148, 163, 184, 0.6);
  margin-right: 0.5rem;
}

.crud-form__field .form-check-label {
  font-size: 0.9rem;
  color: rgb(71 85 105);
}

.crud-form .btn {
  border-radius: 999px;
  padding: 0.75rem 1.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: transform 0.15s ease, box-shadow 0.2s ease;
}

.crud-form__field textarea,
.crud-form__field .form-control,
.crud-form__field .form-select {
  width: 100%;
}

.crud-form .field-wide {
  grid-column: 1 / -1;
}

.crud-form__actions {
  margin-top: 2rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.crud-form__actions .btn {
  min-width: 180px;
}

.dark .crud-form {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.7));
  border-color: rgba(148, 163, 184, 0.25);
}

.dark .crud-form__field .form-label {
  color: rgb(148 163 184);
}

.dark .crud-form__field .form-control,
.dark .crud-form__field .form-select,
.dark .crud-form__field textarea {
  background: rgba(15, 23, 42, 0.8);
  color: rgb(226 232 240);
  border-color: rgba(148, 163, 184, 0.4);
}

.choice-chips-container {
  width: 100%;
}

.choice-chips-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0.25rem;
}

.choice-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.85rem;
  border-radius: 0.75rem;
  border: 1px solid var(--bm-border);
  background: var(--bm-card-bg);
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--bm-text);
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.choice-chip:hover {
  border-color: #94a3b8;
  background: rgba(62, 63, 84, 0.04);
  transform: translateY(-1px);
}

.choice-chip:has(input:checked),
.choice-chip.is-checked {
  background: rgba(62, 63, 84, 0.09);
  border-color: #3e3f54;
  color: #3e3f54;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(62, 63, 84, 0.12);
}

.choice-chip-input,
.choice-chip input[type="checkbox"],
.choice-chip input[type="radio"] {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  accent-color: #3e3f54;
  cursor: pointer;
  margin: 0;
  flex-shrink: 0;
}

.choice-chip-text {
  line-height: 1.25;
}

.choice-chip-standalone {
  padding: 0.55rem 0.95rem;
  width: auto;
}

.dark .choice-chip {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: var(--bm-text);
  box-shadow: none;
}

.dark .choice-chip:hover {
  border-color: rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.07);
}

.dark .choice-chip:has(input:checked),
.dark .choice-chip.is-checked {
  background: rgba(143, 145, 173, 0.22);
  border-color: #8f91ad;
  color: #e6edf3;
  box-shadow: 0 0 0 1px #8f91ad;
}

.dark .choice-chip-input,
.dark .choice-chip input[type="checkbox"],
.dark .choice-chip input[type="radio"] {
  accent-color: #8f91ad;
}

sl-dialog::part(panel) {
  border-radius: 1.25rem;
  border: 1px solid var(--bm-border);
  background: var(--bm-card-bg);
  box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.25);
  overflow: hidden;
}

sl-dialog::part(header) {
  padding: 1.25rem 1.5rem 1rem;
  border-bottom: 1px solid var(--bm-border);
  background: var(--bm-card-bg);
}

sl-dialog::part(title) {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--bm-text);
}

sl-dialog::part(close-button) {
  color: var(--bm-text-muted);
  font-size: 1.1rem;
  transition: color 0.15s ease, transform 0.15s ease;
}

sl-dialog::part(close-button):hover {
  color: var(--bm-text);
  transform: scale(1.1);
}

sl-dialog::part(body) {
  padding: 1.5rem;
  background: var(--bm-card-bg);
}

sl-dialog::part(footer) {
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--bm-border);
  background: var(--bm-bg);
}

.dark sl-dialog::part(panel) {
  background: #161b22;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
}

.dark sl-dialog::part(header) {
  background: #161b22;
  border-color: rgba(255, 255, 255, 0.1);
}

.dark sl-dialog::part(body) {
  background: #161b22;
}

.dark sl-dialog::part(footer) {
  background: #0d1117;
  border-color: rgba(255, 255, 255, 0.1);
}

.timeline-content img,
#quill-timeline-discussed-edit .ql-editor img {
  display: inline-block;
  max-height: 20rem;
  width: auto;
  margin: 0.5rem 0;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
}

.dark .timeline-content img,
.dark #quill-timeline-discussed-edit .ql-editor img {
  border-color: rgba(255, 255, 255, 0.1);
}

.ticket-view .admin-card {
  margin-bottom: 0;
}

.ticket-view [hidden],
.ticket-list [hidden] {
  display: none !important;
}

.ticket-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 20px;
}

@media (min-width: 1024px) {
  .ticket-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
}

@media (min-width: 1440px) {
  .ticket-layout {
    grid-template-columns: minmax(0, 1fr) 340px;
  }
}

.ticket-rail {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ticket-section-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--bm-border);
}

.ticket-section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--bm-text);
}

.ticket-section-title i {
  color: var(--bm-text-muted);
}

.ticket-panel-label {
  margin: 0 0 12px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--bm-text-muted);
}

.ticket-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.ticket-nav__group {
  display: flex;
  gap: 4px;
}

.ticket-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border: 1px solid var(--bm-border);
  border-radius: 999px;
  font-size: 11px;
  line-height: 1.6;
  color: var(--bm-text-muted);
  white-space: nowrap;
}

.ticket-nav__link i {
  font-size: 10px;
}

a.ticket-nav__link:hover,
a.ticket-nav__link:focus-visible {
  color: var(--bm-accent);
  border-color: var(--bm-accent);
}

.ticket-nav__link.is-disabled {
  opacity: 0.4;
  cursor: default;
}

.ticket-head {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.ticket-head__icon {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(62, 63, 84, 0.08);
  font-size: 20px;
  color: var(--bm-accent);
}

.dark .ticket-head__icon {
  background: rgba(255, 255, 255, 0.06);
}

.ticket-title {
  margin: 0;
  font-family: 'Outfit', 'Inter', system-ui, sans-serif;
  font-size: clamp(21px, 2.2vw, 26px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--bm-text);
  overflow-wrap: anywhere;
}

.ticket-title-row {
  font-size: clamp(21px, 2.2vw, 26px);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.ticket-title-row .ticket-title {
  display: inline;
  border-radius: 6px;
  cursor: text;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-color 0.15s ease;
}

.ticket-title-row .ticket-title:hover {
  background: rgba(62, 63, 84, 0.07);
}

.dark .ticket-title-row .ticket-title:hover {
  background: rgba(255, 255, 255, 0.07);
}

.ticket-title__edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: 4px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  font-size: 13px;
  color: var(--bm-text-muted);
  vertical-align: middle;
  cursor: pointer;
  opacity: 0.75;
  transition: opacity 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.ticket-title-row:hover .ticket-title__edit,
.ticket-title__edit:hover,
.ticket-title__edit:focus-visible {
  opacity: 1;
  color: var(--bm-accent);
  background: rgba(62, 63, 84, 0.08);
}

.dark .ticket-title-row:hover .ticket-title__edit,
.dark .ticket-title__edit:hover,
.dark .ticket-title__edit:focus-visible {
  background: rgba(255, 255, 255, 0.08);
}

.ticket-title__edit:focus-visible {
  outline: 2px solid var(--bm-accent);
  outline-offset: 2px;
}

.ticket-title-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ticket-title-row[hidden],
.ticket-title-form[hidden] {
  display: none;
}

.ticket-title-form .ticket-title-form__input {
  flex: 1 1 18rem;
  width: auto;
  min-width: 0;
  font-family: 'Outfit', 'Inter', system-ui, sans-serif;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.ticket-title-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ticket-subtitle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin: 6px 0 0;
  font-size: 13px;
  color: var(--bm-text-muted);
}

.ticket-subtitle a {
  color: inherit;
  text-decoration: none;
}

.ticket-subtitle a:hover {
  color: var(--bm-accent);
  text-decoration: underline;
}

.ticket-id {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  font-weight: 700;
  color: var(--bm-text-muted);
}

.ticket-select {
  width: auto;
  max-width: 100%;
  padding: 8px 34px 8px 12px;
  border: 1.5px solid var(--bm-input-border);
  border-radius: var(--radius-base);
  background-color: var(--bm-input-bg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11px center;
  color: var(--bm-text);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.ticket-select:hover {
  border-color: #94a3b8;
}

.ticket-select:focus {
  border-color: var(--bm-accent);
  box-shadow: 0 0 0 3px rgba(62, 63, 84, 0.15);
}

.ticket-select--status {
  font-weight: 700;
}

.plan-edit-links {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: 4px;
  vertical-align: middle;
}

.plan-edit-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  color: var(--bm-text-muted);
  font-size: 11px;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.plan-edit-link:hover,
.plan-edit-link:focus-visible {
  background: var(--bm-bg);
  color: #0284c7;
}

.ticket-filters {
  position: relative;
}

.ticket-team {
  display: flex;
  flex: 1 1 auto;
  gap: 4px;
  min-width: 0;
  padding: 6px 2px 4px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.ticket-team__item {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 64px;
  padding: 6px 2px;
  border-radius: 14px;
  color: var(--bm-text-muted);
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.ticket-team__item:hover,
.ticket-team__item:focus-visible {
  background: var(--bm-bg);
  color: var(--bm-text);
}

.ticket-team__item.is-active {
  background: color-mix(in srgb, #0284c7 10%, transparent);
  color: #0369a1;
}

.dark .ticket-team__item.is-active {
  color: #7dd3fc;
}

.ticket-team__photo {
  position: relative;
  display: inline-flex;
  border-radius: 999px;
}

.ticket-team__item.is-active .ticket-team__photo {
  box-shadow: 0 0 0 2px var(--bm-card-bg), 0 0 0 4px #0284c7;
}

.ticket-team__item.is-empty .user-avatar {
  opacity: 0.45;
}

.ticket-team__all {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: var(--bm-bg);
  color: var(--bm-text-muted);
  font-size: 16px;
}

.ticket-team__count {
  position: absolute;
  top: -4px;
  right: -8px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  background: #0284c7;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  box-shadow: 0 0 0 2px var(--bm-card-bg);
}

.ticket-team__name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-filters:has(.status-filter[open]) {
  z-index: 30;
}

.status-filter {
  position: relative;
}

.status-filter > summary {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
}

.status-filter > summary::-webkit-details-marker {
  display: none;
}

.status-filter__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.status-filter__panel {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  left: 0;
  display: grid;
  gap: 10px;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  max-width: calc(100vw - 32px);
  padding: 12px;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-base);
  background: var(--bm-card-bg);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18);
}

.status-filter__presets {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--bm-border);
}

.status-filter__preset {
  padding: 3px 10px;
  border: 1px solid var(--bm-border);
  border-radius: 999px;
  background: transparent;
  color: var(--bm-text-muted);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.status-filter__preset:hover,
.status-filter__preset:focus-visible {
  border-color: #94a3b8;
  color: var(--bm-text);
}

.status-filter__options {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}

.ticket-select--status[data-status="pendente"] {
  color: #b45309;
  border-color: rgba(245, 158, 11, 0.45);
  background-color: #fffbeb;
}

.ticket-select--status[data-status="pendente_execucao"] {
  color: #4338ca;
  border-color: rgba(99, 102, 241, 0.45);
  background-color: #eef2ff;
}

.ticket-select--status[data-status="em_andamento"] {
  color: #0369a1;
  border-color: rgba(14, 165, 233, 0.45);
  background-color: #f0f9ff;
}

.ticket-select--status[data-status="aguardando_cliente"] {
  color: #7e22ce;
  border-color: rgba(168, 85, 247, 0.45);
  background-color: #faf5ff;
}

.ticket-select--status[data-status="concluido"] {
  color: #047857;
  border-color: rgba(16, 185, 129, 0.45);
  background-color: #ecfdf5;
}

.ticket-select--status[data-status="cancelado"] {
  color: #475569;
  background-color: #f8fafc;
}

.dark .ticket-select--status[data-status] {
  background-color: var(--bm-input-bg);
}

.dark .ticket-select--status[data-status="pendente"] {
  color: #fbbf24;
}

.dark .ticket-select--status[data-status="pendente_execucao"] {
  color: #a5b4fc;
}

.dark .ticket-select--status[data-status="em_andamento"] {
  color: #38bdf8;
}

.dark .ticket-select--status[data-status="aguardando_cliente"] {
  color: #c084fc;
}

.dark .ticket-select--status[data-status="concluido"] {
  color: #34d399;
}

.dark .ticket-select--status[data-status="cancelado"] {
  color: #94a3b8;
}

.ticket-inline-select {
  min-width: 0;
  max-width: 200px;
  padding: 3px 22px 3px 6px;
  border: 0;
  border-radius: 6px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 6px center;
  color: var(--bm-text);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}

.ticket-inline-select:hover {
  background-color: rgba(100, 116, 139, 0.1);
}

.ticket-inline-select:focus-visible {
  box-shadow: 0 0 0 2px var(--bm-accent);
}

.ticket-inline-select option {
  color: #0f172a;
}

.ticket-dot {
  flex: none;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: #94a3b8;
}

.ticket-dot--round {
  border-radius: 9999px;
}

.ticket-dot[data-priority="baixa"] {
  background: #84cc16;
}

.ticket-dot[data-priority="media"] {
  background: #3b82f6;
}

.ticket-dot[data-priority="alta"] {
  background: #f59e0b;
}

.ticket-dot[data-priority="urgente"] {
  background: #ef4444;
}

.ticket-dot[data-status="pendente"] {
  background: #f59e0b;
}

.ticket-dot[data-status="pendente_execucao"] {
  background: #6366f1;
}

.ticket-dot[data-status="em_andamento"] {
  background: #0ea5e9;
}

.ticket-dot[data-status="aguardando_cliente"] {
  background: #a855f7;
}

.ticket-dot[data-status="concluido"] {
  background: #10b981;
}

.ticket-dot[data-status="cancelado"] {
  background: #94a3b8;
}

.ticket-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ticket-card {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 16px;
  padding: 14px 18px;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-lg);
  background: var(--bm-card-bg);
  box-shadow: var(--bm-shadow);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.ticket-card:hover {
  border-color: #cbd5e1;
  box-shadow: var(--bm-shadow-lg);
}

.dark .ticket-card:hover {
  border-color: #30363d;
}

.ticket-card.is-done {
  opacity: 0.62;
}

.ticket-card__check {
  width: 17px;
  height: 17px;
  accent-color: var(--bm-accent);
  cursor: pointer;
}

.ticket-card.is-selected {
  border-color: var(--bm-accent);
  box-shadow: 0 0 0 1px var(--bm-accent), var(--bm-shadow);
}

.dark .ticket-card.is-selected {
  border-color: #8b949e;
  box-shadow: 0 0 0 1px #8b949e, var(--bm-shadow);
}

.ticket-bulk-bar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  min-height: 58px;
  padding: 10px 18px;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-lg);
  background: var(--bm-card-bg);
  box-shadow: var(--bm-shadow);
}

.ticket-bulk-bar.is-active {
  box-shadow: var(--bm-shadow-lg);
}

.ticket-bulk-bar.is-busy {
  opacity: 0.6;
  pointer-events: none;
}

.ticket-bulk-bar .ticket-check {
  font-weight: 600;
}

.ticket-bulk-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ticket-card__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 9999px;
  font-size: 16px;
  font-weight: 600;
}

.ticket-hue-0 {
  background: #ede9fe;
  color: #6d28d9;
  box-shadow: inset 0 0 0 2px #ddd6fe;
}

.ticket-hue-1 {
  background: #fef9c3;
  color: #a16207;
  box-shadow: inset 0 0 0 2px #fde68a;
}

.ticket-hue-2 {
  background: #fce7f3;
  color: #be185d;
  box-shadow: inset 0 0 0 2px #fbcfe8;
}

.ticket-hue-3 {
  background: #ffedd5;
  color: #c2410c;
  box-shadow: inset 0 0 0 2px #fed7aa;
}

.ticket-hue-4 {
  background: #dcfce7;
  color: #15803d;
  box-shadow: inset 0 0 0 2px #bbf7d0;
}

.ticket-hue-5 {
  background: #e0f2fe;
  color: #0369a1;
  box-shadow: inset 0 0 0 2px #bae6fd;
}

.dark .ticket-hue-0 {
  background: rgba(139, 92, 246, 0.2);
  color: #c4b5fd;
  box-shadow: none;
}

.dark .ticket-hue-1 {
  background: rgba(234, 179, 8, 0.18);
  color: #fde047;
  box-shadow: none;
}

.dark .ticket-hue-2 {
  background: rgba(236, 72, 153, 0.18);
  color: #f9a8d4;
  box-shadow: none;
}

.dark .ticket-hue-3 {
  background: rgba(249, 115, 22, 0.18);
  color: #fdba74;
  box-shadow: none;
}

.dark .ticket-hue-4 {
  background: rgba(34, 197, 94, 0.18);
  color: #86efac;
  box-shadow: none;
}

.dark .ticket-hue-5 {
  background: rgba(14, 165, 233, 0.18);
  color: #7dd3fc;
  box-shadow: none;
}

.ticket-card__flags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 3px;
}

.ticket-flag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 8px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 600;
}

.ticket-flag--overdue {
  background: #fee2e2;
  color: #b91c1c;
}

.ticket-flag--today {
  background: #fef3c7;
  color: #b45309;
}

.ticket-flag--new {
  background: #dcfce7;
  color: #15803d;
}

.dark .ticket-flag--overdue {
  background: rgba(239, 68, 68, 0.18);
  color: #fca5a5;
}

.dark .ticket-flag--today {
  background: rgba(245, 158, 11, 0.18);
  color: #fcd34d;
}

.dark .ticket-flag--new {
  background: rgba(34, 197, 94, 0.18);
  color: #86efac;
}

.ticket-card__title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--bm-text);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.ticket-card__title:hover {
  color: var(--bm-accent);
  text-decoration: underline;
}

.ticket-card.is-done .ticket-card__title {
  text-decoration: line-through;
}

.ticket-card__id {
  font-weight: 500;
  color: var(--bm-text-muted);
}

.ticket-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 0;
  margin: 4px 0 0;
  font-size: 12.5px;
  color: var(--bm-text-muted);
}

.ticket-card__meta > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.ticket-card__meta > span + span::before {
  content: "";
  width: 4px;
  height: 4px;
  margin: 0 9px 0 7px;
  border-radius: 9999px;
  background: #cbd5e1;
}

.dark .ticket-card__meta > span + span::before {
  background: #484f58;
}

.ticket-card__meta .is-late {
  color: #b91c1c;
  font-weight: 600;
}

.dark .ticket-card__meta .is-late {
  color: #fca5a5;
}

.ticket-card__props {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 220px;
}

.ticket-prop {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: 13px;
  color: var(--bm-text);
}

.ticket-prop > i {
  width: 14px;
  font-size: 12px;
  text-align: center;
  color: var(--bm-text-muted);
}

@media (max-width: 900px) {
  .ticket-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .ticket-card__avatar {
    display: none;
  }

  .ticket-card__props {
    grid-column: 1 / -1;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px 12px;
    min-width: 0;
  }
}

.ticket-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 48px 16px;
  border: 1px dashed var(--bm-border);
  border-radius: var(--radius-lg);
  background: var(--bm-card-bg);
  text-align: center;
  color: var(--bm-text-muted);
}

.ticket-empty i {
  font-size: 28px;
  opacity: 0.6;
}

.ticket-avatar {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border: 1px solid var(--bm-border);
  border-radius: 9999px;
  background: #ffffff;
  font-size: 15px;
  font-weight: 700;
  color: #475569;
}

.ticket-avatar img {
  width: 100%;
  height: 100%;
  padding: 4px;
  -o-object-fit: contain;
     object-fit: contain;
}

.ticket-avatar--wab img {
  padding: 0;
}

.ticket-avatar--initials {
  border-color: transparent;
  background: #e2e8f0;
}

.ticket-avatar--sm {
  width: 30px;
  height: 30px;
  font-size: 12px;
}

.ticket-avatar--lg {
  width: 48px;
  height: 48px;
  font-size: 18px;
}

.ticket-thread {
  display: flex;
  flex-direction: column;
}

.ticket-message {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 14px;
  padding: 20px 22px;
  border-top: 1px solid var(--bm-border);
}

.ticket-message:first-child {
  border-top: 0;
}

.ticket-message--wab {
  background: #f2faf5;
}

.ticket-message--auto {
  background: #f3f8fd;
}

.dark .ticket-message--wab {
  background: #0f1d15;
}

.dark .ticket-message--auto {
  background: #0e1822;
}

.ticket-message__header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 2px 16px;
}

.ticket-message__aside {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.ticket-split-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 13rem;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid var(--bm-border);
  border-radius: 12px;
  background: rgba(148, 163, 184, 0.08);
}

.ticket-message__author {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 0;
  font-size: 14px;
  color: var(--bm-text-muted);
}

.ticket-message__author strong {
  font-weight: 700;
  color: var(--bm-text);
}

.ticket-message__when {
  font-size: 12.5px;
  font-style: italic;
  color: var(--bm-text-muted);
  white-space: nowrap;
}

.ticket-message__recipients {
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--bm-text-muted);
  overflow-wrap: anywhere;
}

.ticket-message__recipients b {
  font-weight: 600;
  color: var(--bm-text);
}

.ticket-role {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 8px;
  border-radius: 9999px;
  background: rgba(100, 116, 139, 0.12);
  font-size: 11px;
  font-weight: 600;
  color: #475569;
}

.ticket-role--wab {
  background: rgba(22, 163, 74, 0.14);
  color: #15803d;
}

.ticket-role--auto {
  background: rgba(2, 132, 199, 0.12);
  color: #0369a1;
}

.dark .ticket-role {
  color: #cbd5e1;
}

.dark .ticket-role--wab {
  color: #4ade80;
}

.dark .ticket-role--auto {
  color: #38bdf8;
}

.ticket-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 3px 9px;
  border-radius: 8px;
  background: rgba(245, 158, 11, 0.12);
  font-size: 11.5px;
  color: #92400e;
}

.dark .ticket-note {
  color: #fbbf24;
}

.ticket-body {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--bm-text);
  overflow-wrap: anywhere;
}

.ticket-body.is-collapsed {
  max-height: 22rem;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent);
  mask-image: linear-gradient(to bottom, #000 70%, transparent);
}

.ticket-link-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 0;
  border: 0;
  background: none;
  font-size: 12.5px;
  font-weight: 600;
  color: #0369a1;
  cursor: pointer;
}

.ticket-link-button:hover {
  text-decoration: underline;
}

.dark .ticket-link-button {
  color: #38bdf8;
}

.ticket-original {
  margin-top: 10px;
  font-size: 12px;
}

.ticket-original summary {
  list-style: none;
  color: var(--bm-text-muted);
  cursor: pointer;
}

.ticket-original summary::-webkit-details-marker {
  display: none;
}

.ticket-original summary:hover {
  color: var(--bm-text);
}

.ticket-original[open] summary {
  margin-bottom: 8px;
}

.ticket-original__body {
  max-height: 24rem;
  overflow: auto;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(100, 116, 139, 0.08);
  line-height: 1.6;
  color: var(--bm-text-muted);
  overflow-wrap: anywhere;
}

.ticket-files {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.ticket-file {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--bm-border);
  border-radius: 10px;
  background: var(--bm-card-bg);
  font-size: 12.5px;
  color: var(--bm-text);
  text-decoration: none;
  transition: border-color var(--transition-fast);
}

a.ticket-file:hover {
  border-color: #7dd3fc;
}

.dark a.ticket-file:hover {
  border-color: #0369a1;
}

.ticket-file__icon {
  flex: none;
  font-size: 20px;
  color: #64748b;
}

.ticket-file__icon--pdf {
  color: #dc2626;
}

.ticket-file__icon--image {
  color: #7c3aed;
}

.ticket-file__icon--doc {
  color: #2563eb;
}

.ticket-file__icon--sheet {
  color: #16a34a;
}

.ticket-file__icon--zip {
  color: #d97706;
}

.ticket-file__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.3;
}

.ticket-file__name {
  max-width: 22rem;
  overflow: hidden;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-file__size {
  font-size: 11px;
  color: var(--bm-text-muted);
}

.ticket-file__action {
  flex: none;
  color: var(--bm-text-muted);
}

.ticket-icon-button {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 9999px;
  background: transparent;
  color: var(--bm-text-muted);
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast);
}

.ticket-icon-button:hover {
  background: rgba(100, 116, 139, 0.12);
  color: var(--bm-text);
}

.ticket-icon-button--danger:hover {
  background: rgba(239, 68, 68, 0.12);
  color: var(--bm-danger);
}

.ticket-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.ticket-gallery a {
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border: 1px solid var(--bm-border);
  border-radius: 10px;
  background: #f1f5f9;
}

.ticket-gallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform var(--transition-base);
}

.ticket-gallery a:hover img {
  transform: scale(1.03);
}

.ticket-gallery--top img {
  -o-object-position: top;
     object-position: top;
}

.ticket-inline-image {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin: 8px 0;
}

.ticket-inline-image img,
.ticket-email-html img {
  display: block;
  max-width: min(100%, 32rem);
  max-height: 20rem;
  height: auto;
  border: 1px solid var(--bm-border);
  border-radius: 10px;
  background: #ffffff;
  -o-object-fit: contain;
     object-fit: contain;
}

.ticket-email-html p {
  margin: 0 0 0.6rem;
}

.ticket-email-html p:last-child {
  margin-bottom: 0;
}

.ticket-email-html ul, .ticket-email-html ol {
  margin: 0 0 0.6rem;
  padding-left: 1.25rem;
}

.ticket-email-html ul {
  list-style: disc;
}

.ticket-email-html ol {
  list-style: decimal;
}

.ticket-email-html blockquote {
  margin: 0 0 0.6rem;
  padding-left: 0.75rem;
  border-left: 3px solid #cbd5e1;
  color: var(--bm-text-muted);
}

.ticket-email-html a {
  color: #0369a1;
  text-decoration: underline;
}

.ticket-email-html h1 {
  margin: 0 0 0.6rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.ticket-email-html h2 {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

.ticket-email-html h3 {
  margin: 0 0 0.5rem;
  font-size: 1.075rem;
  font-weight: 700;
  line-height: 1.35;
}

.ticket-email-html pre {
  margin: 0 0 0.6rem;
  padding: 0.6rem 0.8rem;
  border-radius: 8px;
  background: var(--bm-input-bg);
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  white-space: pre-wrap;
}

.dark .ticket-email-html a {
  color: #38bdf8;
}

.ql-editor table.wab-table, .ticket-email-html table {
  width: 100%;
  margin: 0 0 0.6rem;
  border-collapse: collapse;
  font-size: 0.8125rem;
}

.ql-editor table.wab-table th, .ql-editor table.wab-table td, .ticket-email-html th, .ticket-email-html td {
  padding: 6px 10px;
  border: 1px solid #cbd5e1;
  text-align: left;
  vertical-align: top;
}

.ql-editor table.wab-table th, .ticket-email-html th {
  background: #f1f5f9;
  font-weight: 600;
}

.dark .ql-editor table.wab-table th, .dark .ql-editor table.wab-table td, .dark .ticket-email-html th, .dark .ticket-email-html td {
  border-color: var(--bm-border);
}

.dark .ql-editor table.wab-table th, .dark .ticket-email-html th {
  background: var(--bm-input-bg);
}

.ticket-reply-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-top: 1px solid var(--bm-border);
  background: rgba(100, 116, 139, 0.04);
}

.ticket-compose__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 20px;
  border-bottom: 1px solid var(--bm-border);
}

.ticket-compose__row:focus-within {
  background: rgba(62, 63, 84, 0.03);
}

.ticket-compose__label {
  flex: none;
  width: 64px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--bm-text-muted);
}

.ticket-compose__input {
  flex: 1;
  min-width: 0;
  padding: 12px 0;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 14px;
  color: var(--bm-text);
  outline: none;
}

.ticket-compose__select {
  cursor: pointer;
  text-overflow: ellipsis;
}

.ticket-compose__select option {
  color: var(--bm-text);
  background: var(--bm-card-bg);
}

.ticket-compose__input::-moz-placeholder {
  color: var(--bm-text-muted);
  opacity: 0.7;
}

.ticket-compose__input::placeholder {
  color: var(--bm-text-muted);
  opacity: 0.7;
}

.ticket-compose__static {
  flex: 1;
  min-width: 0;
  padding: 12px 0;
  overflow: hidden;
  font-size: 14px;
  color: var(--bm-text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-compose .ql-toolbar.ql-snow {
  padding: 8px 14px;
  border: 0;
  border-bottom: 1px solid var(--bm-border);
  font-family: inherit;
}

.ticket-compose .ql-container.ql-snow {
  border: 0;
  font-family: inherit;
  font-size: 14px;
}

.ticket-compose .ql-editor {
  min-height: 220px;
  max-height: 60vh;
  overflow-y: auto;
  padding: 16px 20px;
  line-height: 1.65;
  color: var(--bm-text);
}

.ticket-compose .ql-editor.ql-blank::before {
  left: 20px;
  font-style: normal;
  color: var(--bm-text-muted);
}

.ticket-compose .ql-editor img {
  max-width: 100%;
  max-height: 18rem;
  height: auto;
  border-radius: 8px;
}

.dark .ticket-compose .ql-snow .ql-stroke {
  stroke: #8b949e;
}

.dark .ticket-compose .ql-snow .ql-fill {
  fill: #8b949e;
}

.wab-link-tip {
  position: absolute;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: calc(100% - 8px);
  padding: 5px 6px 5px 8px;
  border-radius: 999px;
  background: #fff;
  color: #3c4043;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
}

.wab-link-tip kbd {
  padding: 2px 5px;
  border: 1px solid #c4c7c5;
  border-radius: 5px;
  font-family: inherit;
  font-size: 11px;
}

.wab-link-tip-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f1f3f4;
  color: #1f1f1f;
  font-weight: 500;
  cursor: pointer;
}

.wab-link-tip-chip span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.wab-link-tip-chip:hover {
  background: #e3e5e8;
}

.dark .wab-link-tip {
  background: #1c2128;
  color: #c9d1d9;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .6);
}

.dark .wab-link-tip kbd {
  border-color: #444c56;
}

.dark .wab-link-tip-chip {
  background: #2d333b;
  color: #e6edf3;
}

.dark .wab-link-tip-chip:hover {
  background: #373e47;
}

.dark .ticket-compose .ql-snow .ql-picker {
  color: #8b949e;
}

.ticket-compose .ql-snow .ql-picker.ql-header {
  width: 112px;
}

.ticket-compose .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ticket-compose .ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Texto normal';
}

.ticket-compose .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ticket-compose .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Título 1';
}

.ticket-compose .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ticket-compose .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Título 2';
}

.ticket-compose .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ticket-compose .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Título 3';
}

.ticket-compose .ql-editor h1 {
  margin: 0 0 .5rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.ticket-compose .ql-editor h2 {
  margin: 0 0 .5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

.ticket-compose .ql-editor h3 {
  margin: 0 0 .5rem;
  font-size: 1.075rem;
  font-weight: 700;
  line-height: 1.35;
}

.ticket-compose .ql-editor pre.ql-syntax {
  border-radius: 8px;
  padding: .6rem .8rem;
  font-size: .8125rem;
}

.dark .ticket-compose .ql-snow .ql-picker-options {
  background: #1c2128;
  border-color: #444c56;
}

.ticket-compose.is-dragging {
  border-color: var(--bm-accent);
  box-shadow: 0 0 0 3px rgba(62, 63, 84, 0.15);
}

.ticket-compose__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 20px;
  border-top: 1px solid var(--bm-border);
  background: rgba(100, 116, 139, 0.05);
}

.ticket-schedule {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border-top: 1px solid var(--bm-border);
  background: rgba(79, 142, 247, 0.07);
}

.ticket-schedule__label {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--bm-text-muted);
}

.ticket-schedule__input {
  padding: 8px 10px;
  border: 1px solid var(--bm-border);
  border-radius: 8px;
  background: var(--bm-input-bg);
  font-family: inherit;
  font-size: 13.5px;
  color: var(--bm-text);
}

.ticket-schedule__input:focus {
  outline: none;
  border-color: var(--bm-accent);
}

.dark .ticket-schedule__input {
  color-scheme: dark;
}

.ticket-schedule__hint {
  flex-basis: 100%;
  font-size: 12px;
  line-height: 1.5;
  color: var(--bm-text-muted);
}

.scheduled-reply {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--bm-border);
}

.scheduled-reply:last-child {
  border-bottom: 0;
}

.scheduled-reply__meta {
  flex: 1 1 320px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.scheduled-reply__line {
  font-size: 12.5px;
  color: var(--bm-text-muted);
  overflow-wrap: anywhere;
}

.scheduled-reply__excerpt {
  font-size: 13px;
  line-height: 1.5;
  color: var(--bm-text);
  overflow-wrap: anywhere;
}

.scheduled-reply__edit {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.scheduled-reply__edit[hidden] {
  display: none;
}

.scheduled-reply__files {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border: 0;
  margin: 0;
  padding: 0;
}

.scheduled-reply__file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--bm-text);
  cursor: pointer;
}

.scheduled-reply__file-name {
  overflow-wrap: anywhere;
}

.scheduled-reply__file:has(input[data-schedule-edit-remove]:checked) .scheduled-reply__file-name {
  text-decoration: line-through;
  color: var(--bm-text-muted);
}

.scheduled-reply__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ticket-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.5;
}

.ticket-alert--error {
  border-color: #fecaca;
  background: #fef2f2;
  color: #991b1b;
}

.ticket-alert--success {
  border-color: #a7f3d0;
  background: #ecfdf5;
  color: #065f46;
}

.ticket-alert--warning {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}

.dark .ticket-alert--error {
  border-color: rgba(248, 81, 73, 0.4);
  background: rgba(248, 81, 73, 0.1);
  color: #fca5a5;
}

.dark .ticket-alert--success {
  border-color: rgba(63, 185, 80, 0.4);
  background: rgba(63, 185, 80, 0.1);
  color: #86efac;
}

.dark .ticket-alert--warning {
  border-color: rgba(210, 153, 34, 0.4);
  background: rgba(210, 153, 34, 0.1);
  color: #fcd34d;
}

.ticket-status-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: 'Outfit', 'Inter', system-ui, sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--bm-text);
}

.ticket-status-summary + p {
  margin: 2px 0 0 20px;
  font-size: 12.5px;
  color: var(--bm-text-muted);
}

.ticket-fields {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--bm-border);
}

.ticket-fields .wab-label {
  margin-bottom: 5px;
}

.ticket-fields .ticket-select,
.ticket-fields .wab-input {
  width: 100%;
}

.ticket-contact {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ticket-contact__name {
  margin: 0;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--bm-text);
  overflow-wrap: anywhere;
}

.ticket-contact__company {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #0369a1;
  text-decoration: none;
}

.ticket-contact__company:hover {
  text-decoration: underline;
}

.dark .ticket-contact__company {
  color: #38bdf8;
}

.ticket-contact__data {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 14px 0 0;
}

.ticket-contact__data dt {
  font-size: 12px;
  color: var(--bm-text-muted);
}

.ticket-contact__data dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--bm-text);
  overflow-wrap: anywhere;
}

.ticket-progress {
  height: 6px;
  overflow: hidden;
  border-radius: 9999px;
  background: rgba(100, 116, 139, 0.16);
}

.ticket-progress > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #10b981;
  transition: width var(--transition-base);
}

.ticket-task {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  border-top: 1px solid var(--bm-border);
}

.ticket-task:first-child {
  border-top: 0;
}

.ticket-task__check {
  width: 18px;
  height: 18px;
  accent-color: #10b981;
  cursor: pointer;
}

.ticket-task__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--bm-text);
  overflow-wrap: anywhere;
}

.ticket-task.is-done .ticket-task__title {
  color: var(--bm-text-muted);
  text-decoration: line-through;
}

.ticket-task__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 12px;
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--bm-text-muted);
}

.ticket-task__meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.ticket-task__actions {
  display: flex;
  align-items: center;
  gap: 2px;
}

.ticket-task-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 20px;
  border-top: 1px solid var(--bm-border);
  background: rgba(100, 116, 139, 0.04);
}

.ticket-task-form .wab-input {
  flex: 1 1 240px;
  min-width: 0;
}

.ticket-time-total {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin: 0;
  font-family: 'Outfit', 'Inter', system-ui, sans-serif;
  color: var(--bm-text);
  font-variant-numeric: tabular-nums;
}

.ticket-time-total strong {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

.ticket-time-total span {
  margin-left: 2px;
  font-size: 15px;
  color: var(--bm-text-muted);
}

.ticket-time-entry {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid var(--bm-border);
}

.ticket-time-entry__who {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--bm-text);
}

.ticket-time-entry__meta {
  margin: 1px 0 0;
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--bm-text-muted);
  overflow-wrap: anywhere;
}

.ticket-time-entry__duration {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--bm-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ticket-time-entry__actions {
  display: flex;
  align-items: center;
  gap: 2px;
}

.ticket-recent {
  display: flex;
  flex-direction: column;
}

.ticket-recent a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  gap: 10px;
  padding: 9px 0;
  border-top: 1px solid var(--bm-border);
  text-decoration: none;
}

.ticket-recent a:first-child {
  border-top: 0;
  padding-top: 0;
}

.ticket-recent strong {
  display: block;
  overflow: hidden;
  font-size: 13px;
  font-weight: 600;
  color: var(--bm-text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-recent a:hover strong {
  color: var(--bm-accent);
  text-decoration: underline;
}

.ticket-recent small {
  display: block;
  margin-top: 1px;
  font-size: 11.5px;
  color: var(--bm-text-muted);
}

.ticket-dialog-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ticket-dialog-form .ticket-select,
.ticket-dialog-form .wab-input {
  width: 100%;
}

.ticket-check {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: var(--bm-text);
  cursor: pointer;
}

.ticket-check input {
  width: 17px;
  height: 17px;
  accent-color: var(--bm-accent);
}

.menu-caption,
.menu-logout {
  display: none;
}

.menu-toggle {
  flex: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 9999px;
  color: #64748b;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.menu-toggle:hover {
  background-color: #f1f5f9;
  color: #0f172a;
}

.menu-toggle:focus-visible {
  outline: 2px solid var(--bm-accent);
  outline-offset: 2px;
}

.dark .menu-toggle {
  color: #94a3b8;
}

.dark .menu-toggle:hover {
  background-color: #1e293b;
  color: #f1f5f9;
}

.menu-toggle i {
  transition: transform var(--transition-base);
}

@media (min-width: 1024px) {
  .admin-shell {
    transition: grid-template-columns 200ms ease;
  }

  .menu-collapsed .admin-shell {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .menu-collapsed #admin-sidebar {
    padding-left: 8px;
    padding-right: 8px;
    scrollbar-width: none;
  }

  .menu-collapsed #admin-sidebar::-webkit-scrollbar {
    display: none;
  }

  .menu-collapsed .menu-head {
    flex-direction: column;
    gap: 8px;
  }

  .menu-collapsed .menu-brand {
    padding: 0;
  }

  .menu-collapsed .menu-brand-text,
    .menu-collapsed .menu-badge,
    .menu-collapsed .menu-user-text {
    display: none;
  }

  .menu-collapsed .menu-toggle i {
    transform: rotate(180deg);
  }

  .menu-collapsed .menu-link {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 8px 2px;
    text-align: center;
  }

  .menu-collapsed .menu-link sl-icon {
    font-size: 18px;
  }

  .menu-collapsed .menu-label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .menu-collapsed .menu-caption {
    display: block;
    max-width: 100%;
    overflow: hidden;
    font-size: 10.5px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .menu-collapsed .menu-section {
    padding: 8px 14px;
    font-size: 0;
  }

  .menu-collapsed .menu-section::before {
    content: "";
    display: block;
    height: 1px;
    background: var(--bm-border);
  }

  .menu-collapsed .menu-footer {
    flex-direction: column;
    gap: 10px;
  }

  .menu-collapsed .menu-logout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 9999px;
    color: #e11d48;
  }

  .menu-collapsed .menu-logout:hover {
    background-color: rgba(225, 29, 72, 0.1);
  }

  .menu-collapsed .menu-theme {
    flex-direction: column;
  }
}

@media (max-width: 1023.98px) {
  #admin-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 50;
    width: min(280px, 85vw);
    transform: translateX(-100%);
    transition: transform 200ms ease;
  }

  #admin-sidebar.is-open {
    transform: translateX(0);
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3);
  }

  .sidebar-overlay.is-visible {
    display: block;
  }
}

.ticket-head {
  flex-wrap: wrap;
}

.ticket-head > .min-w-0 {
  flex: 1 1 16rem;
}

@media (max-width: 640px) {
  .ticket-message {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 10px;
    padding: 16px;
  }

  .ticket-message .ticket-avatar {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }

  .ticket-message__when {
    white-space: normal;
  }

  .ticket-task,
    .ticket-task-form,
    .ticket-section-header,
    .ticket-reply-bar,
    .ticket-compose__row,
    .ticket-compose__footer,
    .ticket-schedule,
    .scheduled-reply {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.ticket-card {
  position: relative;
}

.ticket-card__title::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}

.ticket-card__title:focus-visible {
  outline: none;
}

.ticket-card:has(.ticket-card__title:focus-visible) {
  box-shadow: 0 0 0 2px var(--bm-accent);
}

.ticket-card:hover .ticket-card__title {
  color: var(--bm-accent);
}

.dark .ticket-card:hover .ticket-card__title {
  color: #38bdf8;
}

.ticket-card__check,
.ticket-card__props {
  position: relative;
  z-index: 1;
}

.ticket-card__avatar--logo {
  overflow: hidden;
  border: 1px solid var(--bm-border);
  background: #ffffff;
}

.ticket-card__avatar--logo img {
  width: 100%;
  height: 100%;
  padding: 5px;
  -o-object-fit: contain;
     object-fit: contain;
}

.ticket-client-field [hidden] {
  display: none !important;
}

.ticket-client-search {
  position: relative;
}

.ticket-client-search__icon {
  position: absolute;
  top: 50%;
  left: 14px;
  font-size: 13px;
  color: var(--bm-text-muted);
  transform: translateY(-50%);
  pointer-events: none;
}

.ticket-client-search .wab-input {
  padding-left: 38px;
}

.ticket-client-results {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  left: 0;
  z-index: 60;
  max-height: 17rem;
  overflow-y: auto;
  padding: 4px;
  border: 1px solid var(--bm-border);
  border-radius: 14px;
  background: var(--bm-card-bg);
  box-shadow: var(--bm-shadow-lg);
}

.ticket-client-results__empty {
  margin: 0;
  padding: 12px;
  font-size: 12.5px;
  text-align: center;
  color: var(--bm-text-muted);
}

.ticket-client-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.ticket-client-option:hover,
.ticket-client-option.is-active {
  background: rgba(100, 116, 139, 0.1);
}

.ticket-client-option strong,
.ticket-client-chosen strong {
  display: block;
  overflow: hidden;
  font-size: 13px;
  font-weight: 700;
  color: var(--bm-text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-client-option small,
.ticket-client-chosen small {
  display: block;
  overflow: hidden;
  font-size: 11.5px;
  color: var(--bm-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-client-avatar {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  overflow: hidden;
  border: 1px solid var(--bm-border);
  border-radius: 10px;
  background: #ffffff;
  font-size: 13px;
  font-weight: 700;
  color: #0369a1;
}

.ticket-client-avatar img {
  width: 100%;
  height: 100%;
  padding: 3px;
  -o-object-fit: contain;
     object-fit: contain;
}

.ticket-client-avatar--initial {
  border-color: transparent;
  background: #e0f2fe;
}

.dark .ticket-client-avatar--initial {
  background: rgba(14, 165, 233, 0.18);
  color: #7dd3fc;
}

.ticket-client-chosen {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px 6px 6px;
  border: 1.5px solid var(--bm-input-border);
  border-radius: var(--radius-base);
  background: var(--bm-input-bg);
}

.client-tabs {
  display: flex;
  gap: 6px;
  padding-bottom: 10px;
  overflow-x: auto;
  border-bottom: 1px solid var(--bm-border);
  scrollbar-width: thin;
}

.client-tab {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 88px;
  padding: 12px 12px 9px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.1;
  color: #475569;
  cursor: pointer;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.client-tab:hover {
  background: rgba(100, 116, 139, 0.1);
  color: #0f172a;
}

.client-tab:focus-visible {
  outline: 2px solid #0284c7;
  outline-offset: 2px;
}

.client-tab.is-active {
  background: #0284c7;
  color: #ffffff;
  box-shadow: var(--bm-shadow);
}

.dark .client-tab {
  color: #cbd5e1;
}

.dark .client-tab:hover {
  color: #ffffff;
}

.client-tab__icon {
  position: relative;
  display: flex;
  font-size: 20px;
}

.client-tab__count {
  position: absolute;
  top: -7px;
  left: calc(100% - 5px);
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
  border-radius: 9999px;
  background: #e2e8f0;
  font-size: 10px;
  font-weight: 700;
  line-height: 17px;
  text-align: center;
  color: #334155;
}

.dark .client-tab__count {
  background: #334155;
  color: #e2e8f0;
}

.client-tab.is-active .client-tab__count {
  background: #ffffff;
  color: #0369a1;
}

.client-tab__alert {
  position: absolute;
  right: -5px;
  bottom: -3px;
  width: 9px;
  height: 9px;
  border-radius: 9999px;
  background: #f43f5e;
  box-shadow: 0 0 0 2px #f1f5f9;
}

.dark .client-tab__alert {
  box-shadow: 0 0 0 2px #020617;
}

.landing {
  --landing-bg: #f7f7fb;
  --landing-bg-2: #e6e6f0;
  --landing-veil: rgba(247, 247, 251, 0.6);
  --landing-text: #1d1e2b;
  --landing-muted: #585a73;
  --landing-card: rgba(255, 255, 255, 0.5);
  --landing-card-hover: rgba(255, 255, 255, 0.82);
  --landing-card-border: rgba(62, 63, 84, 0.1);
  --landing-icon: #4f46e5;
  --landing-icon-bg: rgba(99, 102, 241, 0.1);
  --landing-cta-bg: #3e3f54;
  --landing-cta-bg-hover: #2b2c3b;
  --landing-cta-text: #ffffff;
  --landing-cta-shadow: rgba(62, 63, 84, 0.55);
  --landing-gradient: linear-gradient(90deg, #4f46e5 0%, #9333ea 55%, #0891b2 100%);
  --landing-poly-opacity: 0.42;
  --landing-grain-opacity: 0.05;
  min-height: 100vh;
  background: radial-gradient(120% 90% at 50% 0%, var(--landing-bg) 0%, var(--landing-bg-2) 100%) fixed;
  color: var(--landing-text);
  overflow-x: hidden;
}

.dark .landing {
  --landing-bg: #151626;
  --landing-bg-2: #07070d;
  --landing-veil: rgba(7, 7, 13, 0.5);
  --landing-text: #f3f3f8;
  --landing-muted: #a3a5bd;
  --landing-card: rgba(23, 24, 36, 0.42);
  --landing-card-hover: rgba(36, 37, 56, 0.62);
  --landing-card-border: rgba(255, 255, 255, 0.08);
  --landing-icon: #a5b4fc;
  --landing-icon-bg: rgba(129, 140, 248, 0.14);
  --landing-cta-bg: #ffffff;
  --landing-cta-bg-hover: #ececf1;
  --landing-cta-text: #171821;
  --landing-cta-shadow: rgba(129, 140, 248, 0.6);
  --landing-gradient: linear-gradient(90deg, #a5b4fc 0%, #d8b4fe 55%, #67e8f9 100%);
  --landing-poly-opacity: 0.62;
  --landing-grain-opacity: 0.07;
}

.landing-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.landing-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, var(--landing-veil) 0%, transparent 65%);
}

.landing-poly {
  position: absolute;
  opacity: calc(var(--landing-poly-opacity) * var(--alpha, 1));
  filter: blur(var(--blur, 60px));
  will-change: transform;
  animation:
        var(--drift, landing-drift-a) var(--drift-time, 40s) ease-in-out infinite alternate,
        landing-spin var(--spin-time, 120s) linear infinite var(--spin-dir, normal),
        landing-breathe var(--breathe-time, 22s) ease-in-out infinite alternate;
  animation-delay: var(--phase, 0s);
}

.landing-poly i {
  position: absolute;
  inset: 0;
  display: block;
  clip-path: var(--shape);
  background: var(--fill);
}

.landing-poly--1 {
  top: -18vmax;
  left: -12vmax;
  width: 62vmax;
  height: 56vmax;
  --shape: polygon(18% 6%, 78% 0%, 100% 42%, 84% 92%, 30% 100%, 0% 58%);
  --fill: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  --blur: 70px;
  --drift-time: 46s;
  --spin-time: 160s;
}

.landing-poly--2 {
  top: 6vmax;
  right: -16vmax;
  width: 52vmax;
  height: 60vmax;
  --shape: polygon(40% 0%, 100% 24%, 92% 78%, 52% 100%, 6% 70%, 0% 22%);
  --fill: linear-gradient(200deg, #22d3ee 0%, #3b82f6 100%);
  --blur: 80px;
  --drift: landing-drift-b;
  --drift-time: 52s;
  --spin-time: 200s;
  --spin-dir: reverse;
  --phase: -12s;
}

.landing-poly--3 {
  bottom: -22vmax;
  left: 26vw;
  width: 46vmax;
  height: 40vmax;
  --shape: polygon(0% 40%, 36% 0%, 100% 18%, 88% 86%, 22% 100%);
  --fill: linear-gradient(160deg, #f472b6 0%, #a855f7 100%);
  --blur: 90px;
  --alpha: 0.75;
  --drift: landing-drift-c;
  --drift-time: 38s;
  --spin-time: 140s;
  --phase: -20s;
}

.landing-poly--4 {
  bottom: -8vmax;
  left: -10vmax;
  width: 38vmax;
  height: 44vmax;
  --shape: polygon(30% 0%, 100% 30%, 70% 100%, 0% 76%);
  --fill: linear-gradient(180deg, #8f91ad 0%, #545674 100%);
  --blur: 50px;
  --alpha: 0.8;
  --drift: landing-drift-b;
  --drift-time: 34s;
  --spin-time: 180s;
  --spin-dir: reverse;
  --phase: -6s;
}

.landing-poly--5 {
  top: 16vh;
  right: 14vw;
  width: 18vmax;
  height: 18vmax;
  --shape: polygon(50% 0%, 100% 78%, 8% 100%);
  --fill: linear-gradient(135deg, #a5b4fc 0%, rgba(99, 102, 241, 0.25) 100%);
  --blur: 14px;
  --alpha: 0.55;
  --drift: landing-drift-c;
  --drift-time: 30s;
  --spin-time: 90s;
  --phase: -9s;
}

.landing-poly--6 {
  top: 62vh;
  left: 6vw;
  width: 13vmax;
  height: 13vmax;
  --shape: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  --fill: linear-gradient(135deg, #67e8f9 0%, #818cf8 100%);
  --blur: 10px;
  --alpha: 0.4;
  --drift-time: 28s;
  --spin-time: 70s;
  --spin-dir: reverse;
  --phase: -15s;
}

.landing-grain {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: var(--landing-grain-opacity);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

@keyframes landing-drift-a {
  0% {
    translate: 0 0;
  }

  35% {
    translate: 6vw 5vh;
  }

  70% {
    translate: -3vw 10vh;
  }

  100% {
    translate: 5vw -4vh;
  }
}

@keyframes landing-drift-b {
  0% {
    translate: 0 0;
  }

  45% {
    translate: -8vw 6vh;
  }

  100% {
    translate: -2vw -9vh;
  }
}

@keyframes landing-drift-c {
  0% {
    translate: 0 0;
  }

  50% {
    translate: 9vw -7vh;
  }

  100% {
    translate: -6vw -2vh;
  }
}

@keyframes landing-spin {
  to {
    rotate: 360deg;
  }
}

@keyframes landing-breathe {
  from {
    scale: 1;
  }

  to {
    scale: 1.18;
  }
}

.landing-reveal {
  animation: landing-reveal 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) backwards;
  animation-delay: var(--delay, 0ms);
}

@keyframes landing-reveal {
  from {
    opacity: 0;
    translate: 0 18px;
  }
}

.landing-muted {
  color: var(--landing-muted);
}

.landing-gradient-text {
  background: var(--landing-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding-bottom: 0.08em;
}

.landing-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.4rem 0.95rem 0.4rem 0.75rem;
  border: 1px solid var(--landing-card-border);
  border-radius: 9999px;
  background: var(--landing-card);
  color: var(--landing-muted);
  font-size: 0.8rem;
  font-weight: 500;
}

.landing-eyebrow__dot {
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background: #10b981;
}

.landing-eyebrow__dot::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: #10b981;
  animation: landing-ping 2.4s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes landing-ping {
  75%, 100% {
    opacity: 0;
    scale: 2.6;
  }
}

.landing-link,
.landing-theme {
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  color: var(--landing-muted);
  font-weight: 500;
  transition: color var(--transition-fast), background-color var(--transition-fast);
}

.landing-link {
  display: inline-flex;
  padding: 0.55rem 1.1rem;
  border: 1px solid var(--landing-card-border);
  background: var(--landing-card);
  font-size: 0.875rem;
}

.landing-theme {
  padding: 0.4rem 0.6rem;
}

.landing-link:hover,
.landing-theme:hover {
  color: var(--landing-text);
  background: var(--landing-card-hover);
}

.landing-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.95rem 1.6rem;
  border-radius: 9999px;
  background: var(--landing-cta-bg);
  color: var(--landing-cta-text);
  font-size: 1rem;
  font-weight: 600;
  box-shadow: 0 12px 32px -12px var(--landing-cta-shadow);
  transition: transform var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);
}

.landing-cta:hover {
  background: var(--landing-cta-bg-hover);
  transform: translateY(-2px);
  box-shadow: 0 20px 44px -14px var(--landing-cta-shadow);
}

.landing-cta__arrow {
  transition: transform var(--transition-base);
}

.landing-cta:hover .landing-cta__arrow {
  transform: translateX(4px);
}

.landing-link:focus-visible,
.landing-theme:focus-visible,
.landing-cta:focus-visible {
  outline: 2px solid #818cf8;
  outline-offset: 3px;
}

.landing-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid var(--landing-card-border);
  border-radius: var(--radius-xl);
  background: var(--landing-card);
  transition: background-color var(--transition-base), transform var(--transition-base);
}

.landing-card:hover {
  background: var(--landing-card-hover);
  transform: translateY(-2px);
}

.landing-card__icon {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 12px;
  background: var(--landing-icon-bg);
  color: var(--landing-icon);
}

.landing-card__title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--landing-text);
}

.landing-card__text {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--landing-muted);
}

@media (prefers-reduced-motion: reduce) {
  .landing-poly,
    .landing-reveal,
    .landing-eyebrow__dot::after {
    animation: none;
  }
}

.radar {
  --radar-age-0: #86b6ef;
  --radar-age-1: #5598e7;
  --radar-age-2: #256abf;
  --radar-age-3: #184f95;
  --radar-age-4: #0d366b;
  --radar-ink-0: #0f172a;
  --radar-ink-1: #0f172a;
  --radar-ink-2: #ffffff;
  --radar-ink-3: #ffffff;
  --radar-ink-4: #ffffff;
  --radar-critical: #b91c1c;
  --radar-good: #047857;
  --radar-hover: rgba(100, 116, 139, 0.08);
}

.dark .radar {
  --radar-age-0: #184f95;
  --radar-age-1: #256abf;
  --radar-age-2: #3987e5;
  --radar-age-3: #6da7ec;
  --radar-age-4: #9ec5f4;
  --radar-ink-0: #ffffff;
  --radar-ink-1: #ffffff;
  --radar-ink-2: #0d1117;
  --radar-ink-3: #0d1117;
  --radar-ink-4: #0d1117;
  --radar-critical: #fca5a5;
  --radar-good: #6ee7b7;
  --radar-hover: rgba(139, 148, 158, 0.1);
}

.radar [hidden] {
  display: none !important;
}

.radar-age-0 {
  --radar-fill: var(--radar-age-0);
  --radar-ink: var(--radar-ink-0);
}

.radar-age-1 {
  --radar-fill: var(--radar-age-1);
  --radar-ink: var(--radar-ink-1);
}

.radar-age-2 {
  --radar-fill: var(--radar-age-2);
  --radar-ink: var(--radar-ink-2);
}

.radar-age-3 {
  --radar-fill: var(--radar-age-3);
  --radar-ink: var(--radar-ink-3);
}

.radar-age-4 {
  --radar-fill: var(--radar-age-4);
  --radar-ink: var(--radar-ink-4);
}

.radar-filters,
.radar-kpi,
.radar-card,
.radar-group {
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-lg);
  background: var(--bm-card-bg);
  box-shadow: var(--bm-shadow);
}

.radar-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  padding: 14px 16px;
}

.radar-filters__field {
  display: flex;
  flex: 1 1 150px;
  flex-direction: column;
  min-width: 0;
}

.radar-filters__field--search {
  flex: 2 1 240px;
}

.radar-filters .ticket-select {
  width: 100%;
}

.radar-filters__actions {
  display: flex;
  gap: 8px;
}

.radar-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  font-size: 13px;
  font-weight: 600;
  color: var(--bm-text);
  white-space: nowrap;
  cursor: pointer;
}

.radar-check input {
  width: 16px;
  height: 16px;
  accent-color: var(--bm-accent);
}

.radar-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.radar-kpi {
  padding: 16px 18px;
}

.radar-kpi__label {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--bm-text-muted);
}

.radar-kpi__value {
  margin-top: 4px;
  font-family: 'Outfit', sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--bm-text);
}

.radar-kpi__value small {
  font-size: 15px;
  font-weight: 600;
  color: var(--bm-text-muted);
}

.radar-kpi__hint {
  margin-top: 6px;
  font-size: 12px;
  color: var(--bm-text-muted);
}

.radar-kpi__hint a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.radar-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 600;
}

.radar-status--critical,
.radar-kpi__hint a.radar-status--critical {
  color: var(--radar-critical);
}

.radar-status--good {
  color: var(--radar-good);
}

.radar-muted {
  color: var(--bm-text-muted);
}

.radar-card {
  padding: 18px 20px;
}

.radar-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px 24px;
  margin-bottom: 14px;
}

.radar-card__title {
  font-size: 15px;
  font-weight: 700;
  color: var(--bm-text);
}

.radar-card__subtitle {
  margin-top: 2px;
  font-size: 12.5px;
  color: var(--bm-text-muted);
}

.radar-swatch {
  display: inline-block;
  flex: none;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: var(--radar-fill);
}

.radar-aging {
  display: flex;
  gap: 2px;
  height: 24px;
}

.radar-aging__segment {
  flex: 1 1 0;
  min-width: 8px;
  background: var(--radar-fill);
  transition: opacity var(--transition-fast), box-shadow var(--transition-fast);
}

.radar-aging__segment:last-child {
  border-radius: 0 4px 4px 0;
}

.radar-aging__segment:hover,
.radar-aging__segment:focus-visible {
  position: relative;
  z-index: 1;
  outline: none;
  box-shadow: 0 0 0 2px var(--bm-card-bg), 0 0 0 4px var(--bm-text);
}

.radar-aging.has-selection .radar-aging__segment:not(.is-selected) {
  opacity: 0.35;
}

.radar-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  font-size: 12.5px;
}

.radar-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: -3px -6px;
  padding: 3px 6px;
  border-radius: 6px;
  color: var(--bm-text-muted);
  text-decoration: none;
}

.radar-legend__item strong {
  color: var(--bm-text);
  font-variant-numeric: tabular-nums;
}

.radar-legend__item:hover,
.radar-legend__item.is-selected {
  background: var(--radar-hover);
  color: var(--bm-text);
}

.radar-legend__item.is-selected {
  font-weight: 600;
  box-shadow: inset 0 0 0 1px var(--bm-border);
}

.radar-scale {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  color: var(--bm-text-muted);
}

.radar-scale li {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.radar-matrix-wrap {
  position: relative;
  overflow-x: auto;
}

.radar-matrix {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 12.5px;
}

.radar-matrix th,
.radar-matrix td {
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

.radar-matrix thead th {
  min-width: 60px;
  max-width: 120px;
  padding: 0 4px 6px;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--bm-text-muted);
  vertical-align: bottom;
}

.radar-matrix thead th a {
  color: inherit;
  text-decoration: none;
}

.radar-matrix thead th a:hover {
  color: var(--bm-text);
  text-decoration: underline;
}

.radar-matrix thead .radar-matrix__corner,
.radar-matrix tbody th {
  position: sticky;
  left: 0;
  z-index: 1;
  padding-right: 10px;
  background: var(--bm-card-bg);
  text-align: left;
}

.radar-matrix__client {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 150px;
  max-width: 240px;
  font-weight: 600;
  color: var(--bm-text);
  text-decoration: none;
}

.radar-matrix__client > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.radar-matrix__client:hover > span:last-child {
  text-decoration: underline;
}

.radar-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  height: 32px;
  border-radius: 4px;
  background: var(--radar-fill);
  color: var(--radar-ink);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}

a.radar-cell:hover,
a.radar-cell:focus-visible {
  outline: 2px solid var(--bm-text);
  outline-offset: 1px;
}

.radar-cell--empty {
  background: var(--radar-hover);
}

.radar-matrix__sum {
  padding: 0 10px !important;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--bm-text);
  white-space: nowrap;
}

.radar-matrix__age {
  text-align: left !important;
}

.radar-matrix__age .radar-swatch {
  margin-right: 6px;
}

.radar-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
}

.radar-toolbar__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.radar-segmented {
  display: inline-flex;
  padding: 3px;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-base);
  background: var(--bm-card-bg);
}

.radar-segmented a {
  padding: 6px 12px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 600;
  color: var(--bm-text-muted);
  text-decoration: none;
}

.radar-segmented a:hover {
  color: var(--bm-text);
}

.radar-segmented a.is-active {
  background: var(--bm-accent);
  color: #ffffff;
}

.dark .radar-segmented a.is-active {
  color: #0d1117;
}

.radar-groups {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.radar-group,
.radar-subgroup {
  scroll-margin-top: 16px;
}

.radar-group:target {
  outline: 2px solid var(--bm-accent);
  outline-offset: 2px;
}

.radar-subgroup:target {
  border-radius: 10px;
  outline: 2px solid var(--bm-accent);
  outline-offset: -2px;
}

.radar-group__head {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
}

.radar-group__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  color: var(--bm-text-muted);
}

.radar-group__toggle:hover {
  background: var(--radar-hover);
  color: var(--bm-text);
}

.radar-group__toggle:focus-visible {
  outline: 2px solid var(--bm-accent);
}

.radar-group__toggle i {
  transition: transform var(--transition-fast);
}

.radar-group__toggle[aria-expanded="false"] i {
  transform: rotate(-90deg);
}

.radar-group__name {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--bm-text);
}

.radar-group__name a {
  color: inherit;
  text-decoration: none;
}

.radar-group__name a:hover {
  text-decoration: underline;
}

.radar-group__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.radar-link-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid var(--bm-border);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--bm-text);
  text-decoration: none;
  white-space: nowrap;
}

.radar-link-button:hover {
  background: var(--radar-hover);
}

.radar-link-button i {
  color: var(--bm-text-muted);
}

.radar-group__body {
  border-top: 1px solid var(--bm-border);
}

.radar-projects {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  margin: 0;
  padding: 10px 18px;
  border-bottom: 1px solid var(--bm-border);
  font-size: 12.5px;
  color: var(--bm-text-muted);
}

.radar-projects a {
  font-weight: 600;
  color: var(--bm-text);
  text-decoration: none;
}

.radar-projects a:hover {
  text-decoration: underline;
}

.radar-subgroup + .radar-subgroup {
  border-top: 1px solid var(--bm-border);
}

.radar-subgroup__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 16px;
  padding: 12px 18px 4px;
}

.radar-subgroup__head .ticket-card__meta {
  margin: 0;
}

.radar-subgroup__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--bm-text);
}

.radar-subgroup__title i {
  color: var(--bm-text-muted);
}

.radar-subgroup__title a {
  color: inherit;
  text-decoration: none;
}

.radar-subgroup__title a:hover {
  text-decoration: underline;
}

.radar-items {
  margin: 0;
  padding: 0 10px 10px;
  list-style: none;
}

.radar-item {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr) 170px 150px 150px;
  align-items: center;
  gap: 8px 16px;
  padding: 10px 8px;
  border-radius: 10px;
}

.radar-items--no-owner .radar-item {
  grid-template-columns: 60px minmax(0, 1fr) 170px 150px;
}

.radar-item:hover {
  background: var(--radar-hover);
}

.radar-item__age {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 12px;
  line-height: 1.1;
}

.radar-item__age::before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0;
  width: 4px;
  border-radius: 2px;
  background: var(--radar-fill);
}

.radar-item__age strong {
  font-size: 18px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--bm-text);
}

.radar-item__age span {
  font-size: 11px;
  color: var(--bm-text-muted);
}

.radar-item__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--bm-text);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.radar-item__title:hover {
  color: var(--bm-accent);
  text-decoration: underline;
}

.radar-item .ticket-card__meta {
  margin-top: 3px;
  font-size: 12px;
}

.radar-item .ticket-card__meta a {
  color: inherit;
  text-decoration: none;
}

.radar-item .ticket-card__meta a:hover {
  color: var(--bm-text);
  text-decoration: underline;
}

.radar-item__side {
  display: contents;
}

.radar-item__props,
.radar-item__owner,
.radar-item__due {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  font-size: 12.5px;
  color: var(--bm-text);
}

.radar-item__props .ticket-prop {
  font-size: 12.5px;
}

.radar-item__owner {
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.radar-item__owner i {
  color: var(--bm-text-muted);
}

.radar-item__owner span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.radar-due {
  color: var(--bm-text-muted);
}

.radar-avatar {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  font-weight: 600;
}

.radar-avatar--lg {
  width: 40px;
  height: 40px;
  font-size: 15px;
}

.radar-avatar--sm {
  width: 22px;
  height: 22px;
  font-size: 11px;
}

.radar-avatar--logo {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px var(--bm-border);
}

.radar-avatar--logo img {
  width: 100%;
  height: 100%;
  padding: 2px;
  -o-object-fit: contain;
     object-fit: contain;
}

.radar-avatar--type,
.radar-avatar--user {
  background: var(--radar-hover);
  color: var(--bm-text-muted);
}

.radar-avatar--type {
  border-radius: 10px;
}

.radar-tip {
  position: fixed;
  z-index: 60;
  display: flex;
  flex-direction: column;
  gap: 1px;
  max-width: 280px;
  padding: 8px 10px;
  border: 1px solid var(--bm-border);
  border-radius: 8px;
  background: var(--bm-card-bg);
  box-shadow: var(--bm-shadow-lg);
  font-size: 12px;
  color: var(--bm-text-muted);
  pointer-events: none;
}

.radar-tip strong {
  font-size: 13.5px;
  color: var(--bm-text);
}

.radar-tip small {
  font-size: 11.5px;
}

@media (max-width: 1100px) {
  .radar-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .radar-item,
    .radar-items--no-owner .radar-item {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .radar-item__side {
    display: flex;
    grid-column: 2;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 16px;
  }

  .radar-item__props {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px 12px;
  }
}

@media (max-width: 640px) {
  .radar-group__head {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .radar-group__head > .radar-avatar {
    display: none;
  }

  .radar-group__actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}

:root {
  --health-good: #047857;
  --health-attention: #92400e;
  --health-risk: #b91c1c;
  --health-none: #475569;
  --health-trend: #256abf;
}

html.dark {
  --health-good: #6ee7b7;
  --health-attention: #fcd34d;
  --health-risk: #fca5a5;
  --health-none: #8b949e;
  --health-trend: #6da7ec;
}

.health-badge,
.health-dot,
.health-distribution__segment,
.health-legend__icon,
.health-spark__end,
.health-signal {
  --health-color: var(--health-none);
}

.health-badge--saudavel,
.health-dot--saudavel,
.health-distribution__segment--saudavel,
.health-legend__icon--saudavel,
.health-spark__end--saudavel,
.health-signal--ok {
  --health-color: var(--health-good);
}

.health-badge--atencao,
.health-dot--atencao,
.health-distribution__segment--atencao,
.health-legend__icon--atencao,
.health-spark__end--atencao,
.health-signal--atencao {
  --health-color: var(--health-attention);
}

.health-badge--risco,
.health-dot--risco,
.health-distribution__segment--risco,
.health-legend__icon--risco,
.health-spark__end--risco,
.health-signal--critico {
  --health-color: var(--health-risk);
}

.health-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 10px;
  border-radius: 9999px;
  background: color-mix(in srgb, var(--health-color) 10%, var(--bm-card-bg));
  color: var(--health-color);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: middle;
}

.health-badge strong {
  font-weight: 800;
}

a.health-badge:hover,
a.health-badge:focus-visible {
  text-decoration: underline;
}

.health-badge--sm {
  padding: 1px 8px;
  font-size: 11px;
}

.health-badge__trend {
  display: inline-flex;
  align-items: center;
  margin-left: 2px;
  font-weight: 700;
}

.health-dot {
  display: inline-block;
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: var(--health-color);
}

.health-filters {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin-left: 4px;
  padding-left: 10px;
  border-left: 1px solid var(--bm-border);
}

.health-filters__label {
  font-size: 12px;
  font-weight: 600;
  color: var(--bm-text-muted);
}

.health-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
}

.health-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--bm-text-muted);
}

.health-card__link:hover,
.health-card__link:focus-visible {
  color: var(--bm-text);
  text-decoration: underline;
}

.health-card__summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(0, 300px);
  align-items: center;
  gap: 16px 28px;
  margin-top: 20px;
}

.health-card__score {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.health-card__number {
  font-family: 'Outfit', sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
  color: var(--bm-text);
}

.health-card__number span {
  margin-left: 2px;
  font-size: 15px;
  font-weight: 600;
  color: var(--bm-text-muted);
}

.health-card__meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: var(--bm-text-muted);
}

.health-card__trend {
  font-weight: 700;
  color: var(--bm-text);
}

.health-card__hint {
  border-bottom: 1px dotted currentColor;
  cursor: help;
}

.health-card__chart {
  min-width: 0;
}

.health-card__table {
  margin-top: 6px;
  font-size: 12px;
  color: var(--bm-text-muted);
}

.health-card__table summary {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}

.health-card__table table {
  margin-top: 6px;
  border-collapse: collapse;
}

.health-card__table th,
.health-card__table td {
  padding: 2px 16px 2px 0;
  text-align: left;
  white-space: nowrap;
}

.health-card__subtitle {
  margin-bottom: 4px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bm-text-muted);
}

.health-card__reasons {
  margin-top: 18px;
  font-size: 13.5px;
  color: var(--bm-text);
}

.health-card__reasons ul,
.health-card__missing {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 18px;
  list-style: disc;
}

.health-card__missing li {
  display: list-item;
}

.health-card__notices {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 14px;
  font-size: 12.5px;
  color: var(--bm-text-muted);
}

.health-card__notices i {
  margin-right: 6px;
}

.health-card__none {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 18px;
  font-size: 13.5px;
  color: var(--bm-text);
}

.health-card__none-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}

.health-card__toggle {
  margin-top: 18px;
}

.health-card__toggle i {
  transition: transform var(--transition-fast);
}

.health-card__toggle[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.health-card__feedback {
  margin-top: 12px;
  padding: 8px 12px;
  border: 1px solid var(--bm-border);
  border-radius: 10px;
  font-size: 13px;
  color: var(--bm-text);
}

.health-card__feedback a {
  margin-left: 6px;
  font-weight: 600;
  text-decoration: underline;
}

.health-signals {
  margin-top: 16px;
  border-top: 1px solid var(--bm-border);
}

.health-signal {
  display: grid;
  grid-template-columns: minmax(0, 220px) 72px minmax(0, 1fr);
  gap: 6px 20px;
  padding: 14px 0;
  border-bottom: 1px solid var(--bm-border);
}

.health-signal__name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--bm-text);
}

.health-signal__level {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  color: var(--health-color);
}

.health-signal__points {
  font-size: 14px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--bm-text);
}

.health-signal__points span {
  font-weight: 500;
  color: var(--bm-text-muted);
}

.health-signal__text {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--bm-text);
}

.health-signal__note {
  margin-top: 2px;
  font-size: 12.5px;
  color: var(--bm-text-muted);
}

.health-signal__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.health-signal__actions button.radar-link-button {
  background: transparent;
  cursor: pointer;
}

.health-signal__actions button.radar-link-button:disabled {
  opacity: 0.6;
  cursor: progress;
}

.health-signals__sum {
  padding: 12px 0 4px;
  font-size: 13px;
  color: var(--bm-text-muted);
}

.health-meter {
  display: block;
  width: 100%;
  max-width: 160px;
  height: 8px;
  overflow: hidden;
  border-radius: 4px;
  background: color-mix(in srgb, var(--health-color) 15%, transparent);
}

.health-meter__fill {
  display: block;
  height: 100%;
  border-radius: 4px;
  background: var(--health-color);
  transition: width var(--transition-slow);
}

.health-spark {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.health-spark:focus-visible {
  outline: 2px solid var(--bm-accent);
  outline-offset: 4px;
  border-radius: 4px;
}

.health-spark__ref {
  stroke: var(--bm-border);
  stroke-width: 1;
  stroke-dasharray: 4 3;
}

.health-spark__line {
  fill: none;
  stroke: var(--health-trend);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.health-spark__end {
  fill: var(--health-color);
}

.health-distribution {
  display: flex;
  gap: 2px;
  height: 20px;
}

.health-distribution__segment {
  flex: 1 1 0;
  min-width: 8px;
  background: var(--health-color);
  transition: box-shadow var(--transition-fast);
}

.health-distribution__segment:first-child {
  border-radius: 4px 0 0 4px;
}

.health-distribution__segment:last-child {
  border-radius: 0 4px 4px 0;
}

.health-distribution__segment:only-child {
  border-radius: 4px;
}

.health-distribution__segment:hover,
.health-distribution__segment:focus-visible {
  position: relative;
  z-index: 1;
  outline: none;
  box-shadow: 0 0 0 2px var(--bm-card-bg), 0 0 0 4px var(--bm-text);
}

.health-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  font-size: 12.5px;
  color: var(--bm-text-muted);
}

.health-legend a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  text-decoration: none;
}

.health-legend a:hover,
.health-legend a:focus-visible {
  color: var(--bm-text);
}

.health-legend strong {
  color: var(--bm-text);
}

.health-legend__icon {
  color: var(--health-color);
}

.health-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.health-list__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}

.health-list__name {
  font-size: 13px;
  font-weight: 600;
  color: var(--bm-text);
  text-decoration: none;
}

.health-list__name:hover,
.health-list__name:focus-visible {
  text-decoration: underline;
}

.health-list__reason {
  overflow: hidden;
  font-size: 12px;
  color: var(--bm-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.health-empty {
  font-size: 13px;
  color: var(--bm-text-muted);
}

.health-ai {
  margin-top: 14px;
}

.health-ai__output {
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid var(--bm-border);
  border-radius: 12px;
  font-size: 13.5px;
  color: var(--bm-text);
}

.health-ai__output > * + * {
  margin-top: 8px;
}

.health-ai__title {
  font-weight: 700;
}

.health-ai__list {
  padding-left: 18px;
  list-style: disc;
}

.health-ai__notice,
.health-ai__loading {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: var(--bm-text-muted);
}

.health-ai__error {
  color: var(--health-risk);
}

.health-tip {
  position: fixed;
  z-index: 60;
  display: flex;
  flex-direction: column;
  gap: 1px;
  max-width: 280px;
  padding: 8px 10px;
  border: 1px solid var(--bm-border);
  border-radius: 8px;
  background: var(--bm-card-bg);
  box-shadow: var(--bm-shadow-lg);
  font-size: 12px;
  color: var(--bm-text-muted);
  pointer-events: none;
}

.health-tip[hidden] {
  display: none;
}

.health-tip strong {
  font-size: 13.5px;
  color: var(--bm-text);
}

@media (prefers-reduced-motion: reduce) {
  .health-meter__fill,
    .health-distribution__segment,
    .health-card__toggle i {
    transition: none;
  }
}

@media (max-width: 1024px) {
  .health-card__summary {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .health-card__chart {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .health-card__summary {
    grid-template-columns: minmax(0, 1fr);
  }

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

  .health-signal__text {
    grid-column: 1 / -1;
  }

  .health-filters {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
}

.radar-segmented button {
  padding: 6px 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  color: var(--bm-text-muted);
  cursor: pointer;
}

.radar-segmented button:hover {
  color: var(--bm-text);
}

.radar-segmented button.is-active {
  background: var(--bm-accent);
  color: #ffffff;
}

.dark .radar-segmented button.is-active {
  color: #0d1117;
}

.notif-center {
  position: relative;
  display: inline-flex;
}

.notif-bell {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 15px;
  cursor: pointer;
  transition: color var(--transition-fast), border-color var(--transition-fast);
}

.notif-bell:hover {
  border-color: #cbd5e1;
  color: #1e293b;
}

.notif-bell:focus-visible,
.notif-item__read:focus-visible,
.notif-item__toggle:focus-visible,
.notif-icon-link:focus-visible,
.notif-link:focus-visible {
  outline: 2px solid var(--bm-accent);
  outline-offset: 2px;
}

.notif-bell__count {
  position: absolute;
  top: -5px;
  right: -6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border: 2px solid #ffffff;
  border-radius: 999px;
  background: #e11d48;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.notif-bell__count[hidden] {
  display: none;
}

.dark .notif-bell {
  border-color: #1e293b;
  background: #0f172a;
  color: #94a3b8;
}

.dark .notif-bell:hover {
  border-color: #334155;
  color: #e2e8f0;
}

.dark .notif-bell__count {
  border-color: #020617;
}

.notif-panel {
  width: min(380px, calc(100vw - 24px));
  overflow: hidden;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-lg);
  background: var(--bm-card-bg);
  box-shadow: var(--bm-shadow-lg);
  color: var(--bm-text);
}

.notif-panel__head,
.notif-panel__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 14px 0;
}

.notif-panel__bar {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--bm-border);
}

.notif-panel__title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}

.notif-panel__list {
  max-height: 70vh;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
}

.notif-panel__foot {
  padding: 10px 14px;
  border-top: 1px solid var(--bm-border);
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}

.notif-panel__foot a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  color: var(--bm-accent);
  text-decoration: none;
}

.notif-panel__foot a:hover,
.notif-link:hover {
  text-decoration: underline;
}

.notif-panel__state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 32px 16px;
  font-size: 13px;
  text-align: center;
  color: var(--bm-text-muted);
}

.notif-panel__state > i {
  font-size: 22px;
  opacity: 0.6;
}

.notif-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--bm-accent);
  cursor: pointer;
}

.notif-icon-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  color: var(--bm-text-muted);
}

.notif-icon-link:hover {
  background: rgba(100, 116, 139, 0.12);
  color: var(--bm-text);
}

.notif-impersonation {
  margin: 0;
  padding: 8px 14px;
  border-bottom: 1px solid rgba(245, 158, 11, 0.3);
  background: rgba(245, 158, 11, 0.12);
  font-size: 12px;
  color: #92400e;
}

.notif-error {
  margin: 0;
  padding: 8px 14px;
  background: rgba(239, 68, 68, 0.1);
  font-size: 12px;
  color: #991b1b;
}

.notif-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 12px 16px;
  border: 1px solid rgba(6, 182, 212, 0.25);
  border-radius: var(--radius-base);
  background: rgba(6, 182, 212, 0.1);
  font-size: 13px;
  color: #164e63;
}

.dark .notif-impersonation {
  color: #fcd34d;
}

.dark .notif-error {
  color: #fca5a5;
}

.dark .notif-note {
  color: #67e8f9;
}

.notif-item {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--bm-border);
}

.notif-panel__list .notif-item:last-child,
.notif-list .notif-item:last-child {
  border-bottom: 0;
}

.notif-item--unread {
  background: rgba(14, 165, 233, 0.06);
}

.notif-item--unread::before {
  content: '';
  position: absolute;
  top: 25px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0284c7;
}

.notif-item--resolved {
  opacity: 0.6;
}

.notif-item__icon {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 13px;
}

.notif-item__icon--info {
  background: #e0f2fe;
  color: #0369a1;
}

.notif-item__icon--aviso {
  background: #fef3c7;
  color: #b45309;
}

.notif-item__icon--critico {
  background: #ffe4e6;
  color: #be123c;
}

.dark .notif-item--unread {
  background: rgba(56, 189, 248, 0.07);
}

.dark .notif-item--unread::before {
  background: #38bdf8;
}

.dark .notif-item__icon--info {
  background: rgba(14, 165, 233, 0.16);
  color: #7dd3fc;
}

.dark .notif-item__icon--aviso {
  background: rgba(245, 158, 11, 0.16);
  color: #fcd34d;
}

.dark .notif-item__icon--critico {
  background: rgba(244, 63, 94, 0.16);
  color: #fda4af;
}

.notif-item__main {
  min-width: 0;
}

.notif-item__title {
  display: block;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--bm-text);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.notif-item--unread .notif-item__title {
  font-weight: 700;
}

a.notif-item__title:hover {
  text-decoration: underline;
}

.notif-item__toggle {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.notif-item__toggle > i {
  font-size: 10px;
  color: var(--bm-text-muted);
  transition: transform var(--transition-fast);
}

.notif-item__toggle[aria-expanded="true"] > i {
  transform: rotate(180deg);
}

.notif-item__body {
  margin: 2px 0 0;
  font-size: 12.5px;
  color: var(--bm-text-muted);
  overflow-wrap: anywhere;
}

.notif-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 4px 0 0;
  font-size: 11.5px;
  color: var(--bm-text-muted);
}

.notif-item__meta > span:not(.badge)::after {
  content: '·';
  margin-left: 8px;
}

.notif-item__actions {
  display: flex;
  align-items: flex-start;
}

.notif-item__read {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: -6px -8px 0 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--bm-text-muted);
  cursor: pointer;
}

.notif-item__read:hover {
  background: rgba(100, 116, 139, 0.12);
  color: var(--bm-text);
}

.notif-item__read:disabled {
  opacity: 0.5;
  cursor: wait;
}

.notif-group__children {
  margin: 8px 0 0;
  padding: 0 0 0 10px;
  border-left: 2px solid var(--bm-border);
  list-style: none;
  font-size: 12.5px;
}

.notif-group__children li {
  padding: 3px 0;
  color: var(--bm-text-muted);
  overflow-wrap: anywhere;
}

.notif-group__children li > span::before {
  content: ' · ';
}

.notif-group__children a {
  color: var(--bm-text);
  text-decoration: none;
}

.notif-group__children a:hover {
  text-decoration: underline;
}

.notif-group__children .is-unread a {
  font-weight: 700;
}

.notif-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.notif-toolbar .ticket-select {
  min-width: 220px;
}

.notif-day {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--bm-text-muted);
}

.notif-list {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-lg);
  background: var(--bm-card-bg);
  box-shadow: var(--bm-shadow);
  list-style: none;
}

.notif-prefs {
  border-top: 1px solid var(--bm-border);
}

.notif-prefs__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 24px;
  padding: 14px 0;
  border-bottom: 1px solid var(--bm-border);
}

.notif-prefs__row:last-child {
  border-bottom: 0;
}

.notif-prefs__label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.notif-prefs__label strong {
  display: block;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--bm-text);
}

.notif-prefs__label small {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: var(--bm-text-muted);
}

.notif-prefs .wab-toggle input {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.notif-prefs .wab-toggle input:focus-visible + .wab-toggle-slider {
  outline: 2px solid var(--bm-accent);
  outline-offset: 2px;
}

.notif-channel {
  display: inline-flex;
  padding: 3px;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-base);
  background: var(--bm-card-bg);
}

.notif-channel label {
  position: relative;
  display: inline-flex;
  cursor: pointer;
}

.notif-channel input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.notif-channel span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  color: var(--bm-text-muted);
}

.notif-channel label:hover span {
  color: var(--bm-text);
}

.notif-channel input:checked + span {
  background: var(--bm-accent);
  color: #ffffff;
}

.notif-channel input:focus-visible + span {
  outline: 2px solid var(--bm-accent);
  outline-offset: 2px;
}

.dark .notif-channel input:checked + span {
  color: #0d1117;
}

.notif-preview {
  display: block;
  width: 100%;
  height: 75vh;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-lg);
  background: #f3f3f7;
}

.notif-preview-text {
  max-height: 50vh;
  margin: 12px 0 0;
  overflow: auto;
  font-size: 12.5px;
  white-space: pre-wrap;
  color: var(--bm-text);
}

@media (max-width: 767px) {
  .notif-prefs__row {
    grid-template-columns: minmax(0, 1fr);
  }

  .notif-channel {
    display: flex;
  }

  .notif-channel label {
    flex: 1;
  }

  .notif-channel span {
    justify-content: center;
    width: 100%;
    padding: 6px 8px;
    text-align: center;
    white-space: normal;
  }

  .notif-item {
    padding: 12px;
  }
}

.ai-help {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

.ai-help__trigger {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1px solid #c4b5fd;
  border-radius: 9999px;
  background: #f5f3ff;
  color: #6d28d9;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: help;
  transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

.ai-help__trigger::before {
  content: '';
  position: absolute;
  inset: -6px;
}

.ai-help__trigger:hover {
  border-color: #8b5cf6;
  background: #ede9fe;
}

.ai-help__trigger:focus-visible {
  outline: 2px solid #8b5cf6;
  outline-offset: 2px;
}

.dark .ai-help__trigger {
  border-color: rgba(167, 139, 250, .45);
  background: rgba(139, 92, 246, .16);
  color: #c4b5fd;
}

.dark .ai-help__trigger:hover {
  border-color: #a78bfa;
  background: rgba(139, 92, 246, .28);
}

.ai-help__panel {
  position: fixed;
  inset: auto;
  z-index: 1000;
  display: block;
  width: min(22rem, calc(100vw - 16px));
  max-height: calc(100vh - 16px);
  margin: 0;
  padding: 12px 14px;
  overflow-y: auto;
  border: 1px solid var(--bm-border);
  border-radius: 12px;
  background: var(--bm-card-bg);
  box-shadow: var(--bm-shadow-lg);
  color: var(--bm-text);
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  white-space: normal;
}

.ai-help__panel[hidden] {
  display: none;
}

.dark .ai-help__panel {
  border-color: rgba(255, 255, 255, .14);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .6);
}

.ai-help__title {
  display: block;
  font-size: 13px;
  font-weight: 700;
}

.ai-help__intro {
  display: block;
  margin-top: 2px;
}

.ai-help__label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ai-help__label--fills {
  color: #047857;
}

.ai-help__label--skips {
  color: #be123c;
}

.ai-help__label--notes {
  color: #6d28d9;
}

.dark .ai-help__label--fills {
  color: #34d399;
}

.dark .ai-help__label--skips {
  color: #fb7185;
}

.dark .ai-help__label--notes {
  color: #c4b5fd;
}

.ai-help__list {
  display: block;
  margin-top: 2px;
  padding-left: 18px;
}

.ai-help__list > span {
  display: list-item;
  list-style: disc outside;
}

.ai-help__list > span + span {
  margin-top: 2px;
}

.ub-backdrop {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.ub-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(62, 63, 84, .18) 1px, transparent 1px);
  background-size: 22px 22px;
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000 15%, transparent 70%);
  mask-image: radial-gradient(ellipse at 50% 30%, #000 15%, transparent 70%);
}

.dark .ub-grid {
  background-image: radial-gradient(rgba(148, 163, 184, .16) 1px, transparent 1px);
}

.ub-orb {
  position: absolute;
  border-radius: 9999px;
  filter: blur(80px);
  opacity: .45;
  animation: ub-float 20s ease-in-out infinite;
}

.ub-orb-a {
  width: 34rem;
  height: 34rem;
  top: -12rem;
  left: -10rem;
  background: #6366f1;
}

.ub-orb-b {
  width: 28rem;
  height: 28rem;
  top: 28%;
  right: -12rem;
  background: #38bdf8;
  animation-duration: 24s;
  animation-delay: -8s;
}

.ub-orb-c {
  width: 26rem;
  height: 26rem;
  bottom: -12rem;
  left: 20%;
  background: #34d399;
  opacity: .3;
  animation-duration: 28s;
  animation-delay: -14s;
}

.dark .ub-orb {
  opacity: .22;
}

@keyframes ub-float {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  33% {
    transform: translate3d(3rem, -2rem, 0) scale(1.08);
  }

  66% {
    transform: translate3d(-2rem, 2.5rem, 0) scale(.95);
  }
}

.ub-card-frame {
  padding: 1px;
  border-radius: 1.75rem;
  background: linear-gradient(140deg, rgba(255, 255, 255, .95), rgba(99, 102, 241, .35) 45%, rgba(56, 189, 248, .35) 75%, rgba(255, 255, 255, .7));
  box-shadow: 0 30px 80px -24px rgba(30, 27, 75, .35);
  animation: ub-rise .7s cubic-bezier(.2, .8, .2, 1) both;
}

.dark .ub-card-frame {
  background: linear-gradient(140deg, rgba(148, 163, 184, .3), rgba(99, 102, 241, .45) 45%, rgba(56, 189, 248, .3) 75%, rgba(148, 163, 184, .15));
  box-shadow: 0 30px 80px -24px rgba(0, 0, 0, .75);
}

.ub-card {
  border-radius: calc(1.75rem - 1px);
  background: rgba(255, 255, 255, .84);
  -webkit-backdrop-filter: blur(24px) saturate(1.4);
  backdrop-filter: blur(24px) saturate(1.4);
}

.dark .ub-card {
  background: rgba(13, 15, 26, .8);
}

@keyframes ub-rise {
  from {
    opacity: 0;
    transform: translateY(16px) scale(.985);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ub-stagger > * {
  animation: ub-rise .6s cubic-bezier(.2, .8, .2, 1) both;
}

.ub-stagger > *:nth-child(2) {
  animation-delay: .07s;
}

.ub-stagger > *:nth-child(3) {
  animation-delay: .14s;
}

.ub-stagger > *:nth-child(4) {
  animation-delay: .21s;
}

.ub-stagger > *:nth-child(5) {
  animation-delay: .28s;
}

.ub-stagger > *:nth-child(6) {
  animation-delay: .35s;
}

.ub-stagger > *:nth-child(7) {
  animation-delay: .42s;
}

.ub-stagger > *:nth-child(n + 8) {
  animation-delay: .49s;
}

.ub-ip-panel {
  position: relative;
  overflow: hidden;
  border-radius: 1.35rem;
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 48%, #0c4a6e 100%);
  color: #fff;
  box-shadow: 0 20px 45px -18px rgba(49, 46, 129, .65), inset 0 1px 0 rgba(255, 255, 255, .12);
}

.ub-ip-panel::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px);
  background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(ellipse at 20% 30%, #000 10%, transparent 75%);
  mask-image: radial-gradient(ellipse at 20% 30%, #000 10%, transparent 75%);
}

.ub-ip-panel::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -80%;
  width: 55%;
  height: 200%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .13), transparent);
  transform: rotate(8deg);
  animation: ub-sweep 7s ease-in-out infinite;
}

@keyframes ub-sweep {
  0%, 55% {
    left: -80%;
  }

  100% {
    left: 130%;
  }
}

.ub-ip-value {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 700;
  letter-spacing: -.03em;
  line-height: 1.05;
  font-variant-numeric: tabular-nums;
  background: linear-gradient(90deg, #ffffff, #c7d2fe 35%, #7dd3fc 65%, #a7f3d0);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: ub-gradient 9s ease-in-out infinite;
}

.ub-ip-dot {
  -webkit-text-fill-color: rgba(165, 180, 252, .5);
  padding: 0 .02em;
}

@keyframes ub-gradient {
  0%, 100% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}

.ub-ip-input {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 2px dashed rgba(199, 210, 254, .4);
  color: #fff;
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 700;
  letter-spacing: -.02em;
  outline: none;
  padding: .15rem 0 .35rem;
  transition: border-color .2s;
}

.ub-ip-input:focus {
  border-bottom-color: #a5f3fc;
}

.ub-radar {
  position: relative;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 9999px;
  background: rgba(52, 211, 153, .16);
  color: #6ee7b7;
  font-size: 1.25rem;
  box-shadow: inset 0 0 0 1px rgba(110, 231, 183, .35);
}

.ub-radar::before,
.ub-radar::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  border: 2px solid rgba(110, 231, 183, .5);
  animation: ub-ping 2.6s cubic-bezier(0, 0, .2, 1) infinite;
}

.ub-radar::after {
  animation-delay: 1.3s;
}

@keyframes ub-ping {
  from {
    transform: scale(1);
    opacity: .9;
  }

  to {
    transform: scale(2.2);
    opacity: 0;
  }
}

.ub-live {
  display: inline-block;
  flex-shrink: 0;
  width: .5rem;
  height: .5rem;
  border-radius: 9999px;
  background: #34d399;
  animation: ub-live 1.8s infinite;
}

@keyframes ub-live {
  0% {
    box-shadow: 0 0 0 0 rgba(52, 211, 153, .6);
  }

  70% {
    box-shadow: 0 0 0 8px rgba(52, 211, 153, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(52, 211, 153, 0);
  }
}

.ub-field {
  position: relative;
}

.ub-field > .ub-field-icon {
  position: absolute;
  left: 1rem;
  top: 1.02rem;
  color: #94a3b8;
  pointer-events: none;
  transition: color .2s;
}

.ub-field > .ub-field-chevron {
  position: absolute;
  right: 1rem;
  top: 1.1rem;
  font-size: .75rem;
  color: #94a3b8;
  pointer-events: none;
}

.ub-field:focus-within > .ub-field-icon {
  color: #6366f1;
}

.ub-input {
  width: 100%;
  border-radius: .95rem;
  border: 1.5px solid rgba(148, 163, 184, .5);
  background: rgba(255, 255, 255, .75);
  padding: .8rem 1rem .8rem 2.65rem;
  font-size: .95rem;
  color: #0f172a;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border-color .2s, box-shadow .2s, background .2s;
}

.ub-input::-moz-placeholder {
  color: #94a3b8;
}

.ub-input::placeholder {
  color: #94a3b8;
}

.ub-input:hover {
  border-color: rgba(99, 102, 241, .45);
}

.ub-input:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 4px rgba(99, 102, 241, .16);
  background: #fff;
}

.dark .ub-input {
  background: rgba(15, 23, 42, .6);
  color: #f1f5f9;
  border-color: rgba(71, 85, 105, .75);
}

.dark .ub-input:hover {
  border-color: rgba(129, 140, 248, .55);
}

.dark .ub-input:focus {
  background: rgba(15, 23, 42, .92);
  border-color: #818cf8;
  box-shadow: 0 0 0 4px rgba(129, 140, 248, .2);
}

textarea.ub-input {
  min-height: 6.5rem;
  resize: vertical;
  line-height: 1.5;
}

select.ub-input {
  padding-right: 2.5rem;
  cursor: pointer;
}

.ub-button {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  width: 100%;
  padding: 1rem 1.25rem;
  border: 0;
  border-radius: 1rem;
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
  background: linear-gradient(120deg, #3e3f54 0%, #4f46e5 55%, #0284c7 100%);
  background-size: 170% 100%;
  background-position: 0 0;
  box-shadow: 0 14px 30px -12px rgba(79, 70, 229, .65);
  cursor: pointer;
  transition: transform .2s, box-shadow .2s, background-position .6s;
}

.ub-button:hover {
  transform: translateY(-2px);
  background-position: 100% 0;
  box-shadow: 0 20px 40px -14px rgba(79, 70, 229, .75);
}

.ub-button:active {
  transform: translateY(0);
}

.ub-button:focus-visible {
  outline: 3px solid rgba(99, 102, 241, .5);
  outline-offset: 3px;
}

.ub-button::after {
  content: '';
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .35), transparent);
  transform: skewX(-20deg);
  transition: left .8s;
}

.ub-button:hover::after {
  left: 130%;
}

.ub-button:disabled {
  opacity: .55;
  cursor: not-allowed;
  transform: none;
}

.ub-button-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .7rem 1.1rem;
  border-radius: .9rem;
  font-weight: 600;
  font-size: .9rem;
  color: #3e3f54;
  background: rgba(255, 255, 255, .7);
  box-shadow: inset 0 0 0 1.5px rgba(148, 163, 184, .5);
  transition: box-shadow .2s, transform .2s, background .2s;
}

.ub-button-ghost:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1.5px rgba(99, 102, 241, .6);
  background: #fff;
}

.dark .ub-button-ghost {
  color: #e2e8f0;
  background: rgba(255, 255, 255, .05);
  box-shadow: inset 0 0 0 1.5px rgba(100, 116, 139, .6);
}

.dark .ub-button-ghost:hover {
  background: rgba(255, 255, 255, .09);
  box-shadow: inset 0 0 0 1.5px rgba(129, 140, 248, .7);
}

.ub-progress {
  height: .4rem;
  border-radius: 9999px;
  background: rgba(99, 102, 241, .15);
  overflow: hidden;
}

.ub-progress > span {
  display: block;
  width: 40%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6366f1, #38bdf8, #34d399);
  animation: ub-indeterminate 1.5s ease-in-out infinite;
}

@keyframes ub-indeterminate {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(260%);
  }
}

.ub-shake {
  animation: ub-shake .5s cubic-bezier(.36, .07, .19, .97) both;
}

@keyframes ub-shake {
  10%, 90% {
    transform: translateX(-1px);
  }

  20%, 80% {
    transform: translateX(2px);
  }

  30%, 50%, 70% {
    transform: translateX(-4px);
  }

  40%, 60% {
    transform: translateX(4px);
  }
}

.ub-check circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  animation: ub-draw .8s cubic-bezier(.65, 0, .45, 1) .15s forwards;
}

.ub-check path {
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: ub-draw .45s cubic-bezier(.65, 0, .45, 1) .85s forwards;
}

@keyframes ub-draw {
  to {
    stroke-dashoffset: 0;
  }
}

.ub-pop {
  animation: ub-pop .6s cubic-bezier(.2, 1.4, .4, 1) both;
}

@keyframes ub-pop {
  from {
    opacity: 0;
    transform: scale(.6);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ub-orb,
    .ub-card-frame,
    .ub-stagger > *,
    .ub-ip-panel::after,
    .ub-ip-value,
    .ub-radar::before,
    .ub-radar::after,
    .ub-live,
    .ub-shake,
    .ub-pop,
    .ub-progress > span,
    .ub-check circle,
    .ub-check path {
    animation: none !important;
  }

  .ub-check circle,
    .ub-check path {
    stroke-dashoffset: 0;
  }

  .ub-button,
    .ub-button::after,
    .ub-button-ghost {
    transition: none;
  }
}

.dns-map table {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
}

.dns-map th {
  text-align: left;
  font-size: 10.5px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--bm-text-muted);
  padding: 4px 12px 4px 0;
  white-space: nowrap;
}

.dns-map td {
  padding: 4px 12px 4px 0;
  color: var(--bm-text);
  vertical-align: top;
  word-break: break-word;
}

.dns-map th:last-child,
.dns-map td:last-child {
  padding-right: 0;
}

.dns-map tbody tr + tr td {
  border-top: 1px solid var(--bm-border);
}

.dns-map tr.dns-off td {
  background: rgba(245, 158, 11, .08);
}

.dns-map .dns-dim {
  color: var(--bm-text-muted);
}

.dns-map .dns-note {
  display: block;
  color: var(--bm-text-muted);
}

.tool-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--bm-border);
  background: var(--bm-card-bg);
  box-shadow: var(--bm-shadow);
  text-decoration: none;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.tool-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--bm-shadow-lg);
  border-color: var(--bm-accent);
}

.tool-card__icon {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-base);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.tool-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.tool-card__name {
  font-weight: 700;
  font-size: 14.5px;
  color: var(--bm-text);
}

.tool-card__text {
  font-size: 12.5px;
  color: var(--bm-text-muted);
  line-height: 1.5;
}

.tool-card__go {
  margin-left: auto;
  align-self: center;
  color: var(--bm-text-muted);
  font-size: 13px;
}

.domx {
  display: grid;
  gap: 24px;
  align-items: start;
}

@media (min-width: 1024px) {
  .domx {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.domx-card {
  margin-bottom: 0;
  min-width: 0;
}

.domx-textarea {
  display: block;
  width: 100%;
  min-height: 220px;
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 1.6;
}

.domx-output {
  color: var(--bm-text);
  white-space: pre;
  overflow-x: auto;
}

.domx-output--or {
  white-space: pre-wrap;
  word-break: break-word;
}

.domx-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.domx-hint {
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--bm-text-muted);
}

.domx-hint strong {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 600;
  color: var(--bm-text);
}

.domx-result-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.domx-result-title {
  margin-bottom: 4px;
}

.domx-summary {
  font-size: 12px;
  color: var(--bm-text-muted);
}

.domx-result-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.domx-or {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-base);
  background: transparent;
  color: var(--bm-text-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all var(--transition-fast);
}

.domx-or:hover:not(:disabled),
.domx-or:focus-visible {
  border-color: var(--bm-accent);
  color: var(--bm-text);
}

.domx-or[aria-pressed="true"] {
  border-color: #3e3f54;
  background: #3e3f54;
  color: #fff;
}

.dark .domx-or[aria-pressed="true"] {
  border-color: var(--bm-accent);
  background: var(--bm-accent);
  color: #0d1117;
}

.domx-or:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.domx-status {
  min-height: 18px;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--bm-success);
}

.pwgen-output {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--bm-input-border);
  border-radius: var(--radius-lg);
  background: var(--bm-input-bg);
}

.pwgen-password {
  flex: 1 1 260px;
  min-width: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
  color: var(--bm-text);
  word-break: break-all;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.pwgen-output__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.pwgen-refresh {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: transparent;
  color: var(--bm-text-muted);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.pwgen-refresh:hover {
  color: var(--bm-accent);
  border-color: var(--bm-border);
  background: rgba(79, 142, 247, .07);
}

.pwgen-strength {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

.pwgen-meter {
  flex: 1;
  height: 7px;
  border-radius: 999px;
  background: var(--bm-border);
  overflow: hidden;
}

.pwgen-meter > span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--bm-text-muted);
  transition: width var(--transition-base), background var(--transition-base);
}

.pwgen-meter[data-level="fraca"] > span {
  background: var(--bm-danger);
}

.pwgen-meter[data-level="media"] > span {
  background: var(--bm-warning);
}

.pwgen-meter[data-level="forte"] > span {
  background: var(--bm-success);
}

.pwgen-meter[data-level="excelente"] > span {
  background: #047857;
}

html.dark .pwgen-meter[data-level="excelente"] > span {
  background: #2ea043;
}

.pwgen-level {
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  color: var(--bm-text-muted);
}

.pwgen-level[data-level="fraca"] {
  color: var(--bm-danger);
}

.pwgen-level[data-level="media"] {
  color: var(--bm-warning);
}

.pwgen-level[data-level="forte"],
.pwgen-level[data-level="excelente"] {
  color: var(--bm-success);
}

.pwgen-status {
  min-height: 18px;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--bm-success);
}

.pwgen-options {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--bm-border);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.pwgen-option {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pwgen-option__label {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--bm-text);
}

.pwgen-range {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 520px;
}

.pwgen-range__value {
  min-width: 28px;
  font-size: 14px;
  font-weight: 700;
  color: var(--bm-text);
  font-variant-numeric: tabular-nums;
}

.pwgen-range input[type="range"] {
  flex: 1;
  accent-color: var(--bm-accent);
  cursor: pointer;
}

.pwgen-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}

.pwgen-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--bm-text);
  cursor: pointer;
}

.pwgen-check input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--bm-accent);
  cursor: pointer;
}

.pwgen-check--wide {
  font-weight: 600;
}

.pwgen-hint {
  font-size: 12px;
  line-height: 1.6;
  color: var(--bm-text-muted);
}

.pwgen-hint strong {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 700;
  color: var(--bm-text);
  white-space: nowrap;
}

.pwgen-breakdown {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.pwgen-char {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-base);
  background: var(--bm-bg);
}

.pwgen-char__pos {
  font-size: 11px;
  font-weight: 700;
  color: var(--bm-text-muted);
  min-width: 18px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.pwgen-char__value {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: var(--bm-card-bg);
  border: 1px solid var(--bm-input-border);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 16px;
  font-weight: 700;
  color: var(--bm-text);
}

.pwgen-char__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.pwgen-char__kind {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--bm-text-muted);
}

.pwgen-char__say {
  font-size: 13px;
  color: var(--bm-text);
  line-height: 1.35;
}

.clock-bar {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-bottom: 1px solid var(--bm-border);
  background: var(--bm-card-bg);
  min-height: 52px;
}

.clock-bar.is-running {
  box-shadow: inset 3px 0 0 var(--bm-success);
}

.clock-bar.is-busy {
  opacity: .6;
  pointer-events: none;
}

.clock-bar__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 999px;
  border: 1px solid var(--bm-border);
  background: var(--bm-accent);
  color: #fff;
  font-size: 13px;
  transition: transform var(--transition-fast), background var(--transition-fast);
}

.clock-bar__button:hover {
  transform: scale(1.05);
}

.clock-bar__button--stop {
  background: var(--bm-danger);
}

.clock-bar__button[hidden] {
  display: none;
}

.clock-bar__button--pause {
  background: var(--bm-warning);
}

.clock-bar__button--pause.is-paused {
  background: var(--bm-success);
}

.clock-bar.is-paused {
  box-shadow: inset 3px 0 0 var(--bm-warning);
}

.clock-bar.is-paused .clock-bar__time {
  color: var(--bm-text-muted);
}

.clock-bar__description {
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  background: transparent;
  color: var(--bm-text);
  font-size: 14px;
  padding: 6px 2px;
}

.clock-bar__description:focus {
  outline: none;
  border-bottom: 1px solid var(--bm-accent);
}

.clock-bar__description::-moz-placeholder {
  color: var(--bm-text-muted);
}

.clock-bar__description::placeholder {
  color: var(--bm-text-muted);
}

.clock-bar__time {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-variant-numeric: tabular-nums;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.5px;
  color: var(--bm-text);
}

.clock-bar__context {
  display: none;
  align-items: center;
  gap: 6px;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  color: var(--bm-text-muted);
}

.clock-bar__context--empty {
  font-weight: 400;
  font-style: italic;
}

.clock-bar__pending {
  font-size: 12px;
  font-weight: 600;
  color: var(--bm-text-muted);
  white-space: nowrap;
}

.clock-bar__pending.is-active {
  color: var(--bm-warning);
}

.clock-bar__pending:hover {
  text-decoration: underline;
}

.clock-bar__message {
  position: absolute;
  right: 18px;
  top: 100%;
  margin-top: 4px;
  padding: 6px 10px;
  border-radius: var(--radius-base);
  background: var(--bm-card-bg);
  border: 1px solid var(--bm-border);
  box-shadow: var(--bm-shadow);
  font-size: 12px;
  color: var(--bm-text);
}

@media (min-width: 768px) {
  .clock-bar__context {
    display: inline-flex;
  }
}

.review-days {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.review-day {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--bm-border);
  background: var(--bm-card-bg);
  font-size: 12px;
  font-weight: 600;
  color: var(--bm-text-muted);
}

.review-day:hover {
  border-color: var(--bm-accent);
  color: var(--bm-text);
}

.review-day--active {
  background: var(--bm-accent);
  border-color: var(--bm-accent);
  color: #fff;
}

.review-day__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--bm-warning);
  color: #fff;
  font-size: 10.5px;
  font-weight: 700;
}

.clock-bulkbar {
  position: sticky;
  top: 52px;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 18px;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-lg);
  background: var(--bm-card-bg);
  box-shadow: var(--bm-shadow);
}

.clock-block {
  padding: 14px 16px;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-lg);
  background: var(--bm-card-bg);
}

.clock-block__head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.clock-block__origin {
  color: var(--bm-text-muted);
  font-size: 13px;
}

.clock-block__title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  color: var(--bm-text);
}

.clock-block__hours {
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  color: var(--bm-text-muted);
  white-space: nowrap;
}

.clock-block__why {
  margin-top: 6px;
  padding-left: 30px;
  font-size: 12px;
  color: var(--bm-text-muted);
}

.clock-block__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
  padding-left: 30px;
}

.clock-field {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 110px;
}

.clock-field--wide {
  flex: 1 1 260px;
}

.clock-block__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.clock-block__error {
  flex: 1 1 auto;
  font-size: 12px;
  font-weight: 600;
  color: var(--bm-danger);
}

.clock-field--client {
  flex: 1 1 220px;
}

.clock-field__locked {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid var(--bm-border);
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 600;
  color: var(--bm-text-muted);
}

.clock-new__summary {
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: var(--bm-text);
}

.clock-new__body .clock-block__fields {
  padding-left: 0;
}

.clock-entry-time {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 1px 6px;
  margin-left: -6px;
  border-radius: var(--radius-sm);
  border: 1px dashed transparent;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--bm-text);
  cursor: text;
}

.clock-entry-time:hover,
.clock-entry-time:focus-visible {
  border-color: var(--bm-border);
  background: var(--bm-card-bg);
}

.clock-entry-range {
  font-weight: 500;
  color: var(--bm-text-muted);
}

.clock-entry-editor {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
  margin-right: 6px;
}

.clock-entry-time[hidden],
.clock-entry-editor[hidden] {
  display: none;
}

.clock-entry-editor__field {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  font-size: 11px;
  color: var(--bm-text-muted);
}

.clock-entry-editor__field .wab-input {
  width: 110px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.clock-entry-editor__field .clock-entry-input {
  width: 80px;
}

.clockwab-steps {
  list-style: none;
  counter-reset: clockwab-step;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.clockwab-steps > li {
  counter-increment: clockwab-step;
  position: relative;
  padding-left: 38px;
  font-size: 14px;
  color: var(--bm-text);
}

.clockwab-steps > li::before {
  content: counter(clockwab-step);
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: var(--bm-accent);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.clockwab-steps p {
  margin: 4px 0 8px;
  font-size: 13px;
  color: var(--bm-text-muted);
}

.clockwab-steps code,
.clockwab-faq code,
.admin-card p code {
  padding: 1px 6px;
  border-radius: 6px;
  border: 1px solid var(--bm-border);
  background: var(--bm-input-bg);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.clockwab-list {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
  color: var(--bm-text);
}

.clockwab-list a {
  color: var(--bm-accent);
  font-weight: 600;
}

.clockwab-list a:hover {
  text-decoration: underline;
}

.clockwab-faq {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.clockwab-faq dt {
  font-size: 13px;
  font-weight: 700;
  color: var(--bm-text);
}

.clockwab-faq dd {
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--bm-text-muted);
}

.kb-search {
  display: grid;
  gap: 14px;
}

.kb-search__field {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 2px solid var(--bm-border);
  border-radius: 14px;
  background: var(--bm-input-bg);
  padding: 6px 8px 6px 14px;
}

.kb-search__field:focus-within {
  border-color: var(--bm-accent);
}

.kb-search__field > i {
  color: var(--bm-text-muted);
}

.kb-search__field input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--bm-text);
  font-size: 16px;
  padding: 10px 0;
}

.kb-search__field input:focus {
  outline: none;
}

.kb-filters {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  align-items: end;
}

.kb-filter {
  display: block;
}

.kb-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.kb-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border: 1px solid var(--bm-border);
  border-radius: 999px;
  font-size: 12px;
  color: var(--bm-text-muted);
  background: var(--bm-card-bg);
  transition: border-color .15s, color .15s;
}

.kb-tag:hover {
  border-color: var(--bm-accent);
  color: var(--bm-text);
}

.kb-tag.is-active {
  border-color: var(--bm-accent);
  color: var(--bm-text);
  font-weight: 600;
}

.kb-tag span {
  font-variant-numeric: tabular-nums;
  opacity: .7;
}

.kb-mini {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid var(--bm-border);
  border-radius: 12px;
  background: var(--bm-card-bg);
  transition: border-color .15s, transform .15s;
}

.kb-mini:hover {
  border-color: var(--bm-accent);
  transform: translateY(-1px);
}

.kb-mini__title {
  font-weight: 600;
  font-size: 14px;
  color: var(--bm-text);
  line-height: 1.35;
}

.kb-mini__meta {
  font-size: 12px;
  color: var(--bm-text-muted);
}

.kb-result {
  padding: 14px 16px;
  border: 1px solid var(--bm-border);
  border-left: 3px solid transparent;
  border-radius: 12px;
  background: var(--bm-card-bg);
  transition: border-color .15s;
}

.kb-result:hover {
  border-left-color: var(--bm-accent);
}

.kb-result__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.kb-result__title {
  font-weight: 600;
  font-size: 15px;
  color: var(--bm-text);
  line-height: 1.4;
}

.kb-result__title:hover {
  text-decoration: underline;
}

.kb-result__summary {
  margin: 6px 0 0;
  font-size: 13px;
  color: var(--bm-text-muted);
}

.kb-result__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  font-size: 12px;
  color: var(--bm-text-muted);
}

.kb-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(100, 116, 139, .12);
  color: var(--bm-text);
  white-space: nowrap;
}

.kb-code--lg {
  font-size: 13px;
  padding: 4px 10px;
}

.kb-sev {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid transparent;
  white-space: nowrap;
}

.kb-sev--baixo   {
  background: rgba(100,116,139,.12);
  color: var(--bm-text-muted);
  border-color: var(--bm-border);
}

.kb-sev--medio   {
  background: rgba(6,182,212,.12);
  color: var(--bm-info);
  border-color: rgba(6,182,212,.25);
}

.kb-sev--alto    {
  background: rgba(245,158,11,.14);
  color: var(--bm-warning);
  border-color: rgba(245,158,11,.3);
}

.kb-sev--critico {
  background: rgba(239,68,68,.14);
  color: var(--bm-danger);
  border-color: rgba(239,68,68,.3);
}

.kb-rich {
  font-size: 14px;
  color: var(--bm-text);
  line-height: 1.65;
}

.kb-rich p {
  margin: 0 0 10px;
}

.kb-rich p:last-child {
  margin-bottom: 0;
}

.kb-rich ul, .kb-rich ol {
  margin: 0 0 10px;
  padding-left: 22px;
}

.kb-rich li {
  margin-bottom: 5px;
}

.kb-rich h2, .kb-rich h3, .kb-rich h4 {
  font-weight: 700;
  margin: 14px 0 6px;
}

.kb-rich code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  padding: 1px 5px;
  border-radius: 5px;
  background: rgba(100,116,139,.12);
}

.kb-rich pre {
  background: rgba(100,116,139,.1);
  padding: 10px 12px;
  border-radius: 10px;
  overflow-x: auto;
  margin: 0 0 10px;
}

.kb-rich a {
  color: var(--bm-info);
  text-decoration: underline;
}

.kb-rich img {
  max-width: 100%;
  border-radius: 10px;
  margin: 6px 0;
}

.kb-rich strong {
  font-weight: 700;
}

.kb-cause {
  border-left: 3px solid var(--bm-warning);
}

.kb-client {
  border-left: 3px solid var(--bm-info);
}

.kb-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
  counter-reset: kb-step;
}

.kb-step {
  border: 1px solid var(--bm-border);
  border-radius: 12px;
  padding: 12px 14px;
  background: var(--bm-card-bg);
}

.kb-step.is-done {
  opacity: .55;
}

.kb-step.is-done .kb-step__check strong {
  text-decoration: line-through;
}

.kb-step__check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}

.kb-step__check input {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  flex: none;
  accent-color: var(--bm-success);
}

.kb-step__check strong {
  font-size: 14px;
  font-weight: 600;
  color: var(--bm-text);
}

.kb-step__kind {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 1px 7px;
  border-radius: 999px;
  margin-right: 8px;
  vertical-align: 2px;
}

.kb-step__kind--verificar {
  background: rgba(6,182,212,.14);
  color: var(--bm-info);
}

.kb-step__kind--corrigir  {
  background: rgba(16,185,129,.14);
  color: var(--bm-success);
}

.kb-step__kind--confirmar {
  background: rgba(100,116,139,.14);
  color: var(--bm-text-muted);
}

.kb-step__kind--orientar  {
  background: rgba(245,158,11,.14);
  color: var(--bm-warning);
}

.kb-step__detail {
  margin: 8px 0 0 26px;
  font-size: 13px;
  color: var(--bm-text-muted);
}

.kb-step__expected {
  margin: 8px 0 0 26px;
  font-size: 12px;
  color: var(--bm-success);
  display: flex;
  align-items: center;
  gap: 6px;
}

.kb-command, .kb-signature {
  position: relative;
}

.kb-command {
  margin: 8px 0 0 26px;
}

.kb-command pre, .kb-signature pre {
  margin: 0;
  background: rgba(15, 23, 42, .06);
  border: 1px solid var(--bm-border);
  border-radius: 10px;
  padding: 10px 70px 10px 12px;
  overflow-x: auto;
  font-size: 12.5px;
  line-height: 1.5;
}

html.dark .kb-command pre,
html.dark .kb-signature pre {
  background: rgba(2, 6, 23, .5);
}

.kb-command code, .kb-signature code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--bm-text);
}

.kb-copy {
  position: absolute;
  top: 6px;
  right: 8px;
  font-size: 11px;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid var(--bm-border);
  background: var(--bm-card-bg);
  color: var(--bm-text-muted);
}

.kb-copy:hover {
  color: var(--bm-text);
  border-color: var(--bm-accent);
}

.kb-signature__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 11px;
  color: var(--bm-text-muted);
  margin-bottom: 4px;
}

.kb-signature__source {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.kb-images {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.kb-images figure {
  margin: 0;
}

.kb-images img {
  width: 100%;
  border-radius: 10px;
  border: 1px solid var(--bm-border);
}

.kb-images figcaption {
  font-size: 12px;
  color: var(--bm-text-muted);
  margin-top: 4px;
}

.kb-images--edit figure {
  display: grid;
  gap: 6px;
}

.kb-facts {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 12px;
  font-size: 13px;
  margin: 8px 0 0;
}

.kb-facts dt {
  color: var(--bm-text-muted);
}

.kb-facts dd {
  margin: 0;
  color: var(--bm-text);
  text-align: right;
}

.kb-signals {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
  font-size: 13px;
  color: var(--bm-text);
}

.kb-signals li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.kb-signal__relation {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1px 6px;
  border-radius: 999px;
  flex: none;
  margin-top: 2px;
}

.kb-signal__relation--indica {
  background: rgba(16,185,129,.14);
  color: var(--bm-success);
}

.kb-signal__relation--exige  {
  background: rgba(6,182,212,.14);
  color: var(--bm-info);
}

.kb-signal__relation--exclui {
  background: rgba(239,68,68,.14);
  color: var(--bm-danger);
}

.kb-related {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
  font-size: 13px;
}

.kb-related a {
  color: var(--bm-text);
}

.kb-related a:hover {
  text-decoration: underline;
}

.kb-rows {
  display: grid;
  gap: 10px;
}

.kb-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: 8px;
  align-items: start;
  padding: 10px;
  border: 1px solid var(--bm-border);
  border-radius: 10px;
}

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

.kb-row__line {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 8px;
  align-items: start;
}

.kb-row__remove {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid var(--bm-border);
  color: var(--bm-text-muted);
  background: var(--bm-card-bg);
  flex: none;
}

.kb-row__remove:hover {
  color: var(--bm-danger);
  border-color: rgba(239,68,68,.4);
}

.kb-weight {
  max-width: 80px;
}

.kb-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
}

.kb-row textarea.wab-input {
  min-height: 0;
}

.kb-checkgrid {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

.kb-checkgrid--wide {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.kb-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: var(--bm-text);
  cursor: pointer;
}

.kb-check input {
  margin-top: 2px;
  width: 15px;
  height: 15px;
  flex: none;
  accent-color: var(--bm-accent);
}

.kb-gpt-icon {
  width: 16px;
  height: 16px;
  flex: none;
}

[data-kb-copy-prompt].is-copied {
  border-color: var(--bm-success);
  color: var(--bm-success);
}

.kb-signals__total {
  font-size: 12px;
  color: var(--bm-text-muted);
  font-variant-numeric: tabular-nums;
}

.kb-signals__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
}

.kb-signals__search {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 240px;
  padding: 0 12px;
  border: 1px solid var(--bm-input-border);
  border-radius: 10px;
  background: var(--bm-input-bg);
}

.kb-signals__search:focus-within {
  border-color: var(--bm-accent);
}

.kb-signals__search > i {
  color: var(--bm-text-muted);
  font-size: 13px;
}

.kb-signals__search input {
  flex: 1;
  min-width: 0;
  padding: 8px 0;
  border: 0;
  background: transparent;
  font-size: 14px;
  color: var(--bm-text);
}

.kb-signals__search input:focus {
  outline: none;
}

.kb-signals__panel {
  display: grid;
  gap: 8px;
}

.kb-signals__area {
  border: 1px solid var(--bm-border);
  border-radius: 12px;
}

.kb-signals__area[hidden] {
  display: none;
}

.kb-signals__area > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  font-size: 14px;
  color: var(--bm-text);
}

.kb-signals__area > summary::-webkit-details-marker {
  display: none;
}

.kb-signals__area > summary::before {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 11px;
  color: var(--bm-text-muted);
  transition: transform .15s;
}

.kb-signals__area[open] > summary::before {
  transform: rotate(90deg);
}

.kb-signals__area-name {
  flex: 1;
}

.kb-signals__count {
  font-size: 12px;
  font-weight: 600;
  color: var(--bm-success);
}

.kb-signals__kind {
  padding: 0 14px 12px;
}

.kb-signals__kind[hidden] {
  display: none;
}

.kb-signals__kind h3 {
  margin: 4px 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--bm-text-muted);
}

.kb-signals__list {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.kb-signals__empty {
  font-size: 13px;
  color: var(--bm-text-muted);
}

.kb-signal {
  display: grid;
  gap: 6px;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 9px;
}

.kb-signal[hidden] {
  display: none;
}

.kb-signal:hover {
  background: rgba(100,116,139,.06);
}

.kb-signal.is-checked {
  border-color: rgba(16,185,129,.35);
  background: rgba(16,185,129,.07);
}

.kb-signal__main {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--bm-text);
  cursor: pointer;
}

.kb-signal__main input {
  margin-top: 2px;
  width: 15px;
  height: 15px;
  flex: none;
  accent-color: var(--bm-success);
}

.kb-signal__main small {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: var(--bm-text-muted);
}

.kb-signal__opts {
  display: none;
  grid-template-columns: 1fr auto;
  gap: 6px;
  padding-left: 23px;
}

.kb-signal.is-checked .kb-signal__opts {
  display: grid;
}

.kb-signal__opts .wab-input {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
}

@media (max-width: 640px) {
  .kb-signals__list {
    grid-template-columns: 1fr;
  }
}

.kb-editor-field {
  display: grid;
  gap: 4px;
}

.kb-editor-field .ql-toolbar {
  border-radius: 10px 10px 0 0;
  border-color: var(--bm-border) !important;
}

.kb-editor-field .ql-container {
  border-radius: 0 0 10px 10px;
  border-color: var(--bm-border) !important;
}

.kb-editor {
  min-height: 140px;
  background: var(--bm-input-bg);
}

.kb-editor .ql-editor {
  min-height: 140px;
  font-size: 14px;
  color: var(--bm-text);
}

html.dark .kb-editor-field .ql-toolbar .ql-stroke {
  stroke: var(--bm-text-muted);
}

html.dark .kb-editor-field .ql-toolbar .ql-fill {
  fill: var(--bm-text-muted);
}

html.dark .kb-editor-field .ql-picker-label {
  color: var(--bm-text-muted);
}

.kb-areas {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.kb-area {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 14px 10px;
  border: 1px solid var(--bm-border);
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  transition: border-color .15s, background .15s;
}

.kb-area input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.kb-area__icon {
  font-size: 20px;
  color: var(--bm-text-muted);
}

.kb-area__label {
  font-size: 13px;
  font-weight: 600;
  color: var(--bm-text);
}

.kb-area:hover {
  border-color: var(--bm-accent);
}

.kb-area:has(input:checked) {
  border-color: var(--bm-accent);
  background: rgba(100,116,139,.08);
}

.kb-area:has(input:checked) .kb-area__icon {
  color: var(--bm-accent);
}

.kb-question {
  border-left: 3px solid var(--bm-success);
}

.kb-question__label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--bm-text-muted);
}

.kb-question__text {
  font-size: 19px;
  font-weight: 700;
  color: var(--bm-text);
  margin: 6px 0 0;
  line-height: 1.35;
}

.kb-question__help {
  font-size: 13px;
  color: var(--bm-text-muted);
  margin: 8px 0 0;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.kb-question__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.kb-candidate {
  display: flex;
  gap: 12px;
  border: 1px solid var(--bm-border);
  border-radius: 12px;
  background: var(--bm-card-bg);
  overflow: hidden;
}

.kb-candidate__bar {
  width: 5px;
  flex: none;
  background: linear-gradient(to top, var(--bm-success) var(--kb-confidence), transparent var(--kb-confidence));
}

.kb-candidate__body {
  padding: 12px 14px 12px 2px;
  flex: 1;
  min-width: 0;
}

.kb-candidate__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.kb-candidate__title {
  font-weight: 600;
  font-size: 15px;
  color: var(--bm-text);
  line-height: 1.4;
}

.kb-candidate__title:hover {
  text-decoration: underline;
}

.kb-candidate__score {
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: var(--bm-text-muted);
  flex: none;
}

.kb-candidate__summary {
  margin: 6px 0 0;
  font-size: 13px;
  color: var(--bm-text-muted);
}

.kb-candidate__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
  font-size: 12px;
  color: var(--bm-text-muted);
}

.kb-candidate__matched {
  color: var(--bm-success);
}

.kb-candidate__pending {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--bm-warning);
}

.kb-result__images {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  margin-top: 10px;
}

.kb-result__images a {
  display: block;
  border: 1px solid var(--bm-border);
  border-radius: 10px;
  overflow: hidden;
  background: var(--bm-input-bg);
}

.kb-result__images a:hover {
  border-color: var(--bm-accent);
}

.kb-result__images img {
  display: block;
  width: 100%;
  max-height: 260px;
  -o-object-fit: contain;
     object-fit: contain;
}

.kb-answers {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.kb-answers li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
}

.kb-answers__value {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1px 6px;
  border-radius: 999px;
  flex: none;
  margin-top: 2px;
}

.kb-answers__value--sim {
  background: rgba(16,185,129,.14);
  color: var(--bm-success);
}

.kb-answers__value--nao {
  background: rgba(239,68,68,.14);
  color: var(--bm-danger);
}

.kb-answers__value--nao_sei {
  background: rgba(100,116,139,.14);
  color: var(--bm-text-muted);
}

.kb-answers__statement {
  flex: 1;
  color: var(--bm-text);
}

.kb-answers__undo {
  color: var(--bm-text-muted);
  font-size: 12px;
}

.kb-answers__undo:hover {
  color: var(--bm-text);
}

.kb-sessions {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.kb-sessions a {
  display: grid;
  gap: 2px;
  padding: 8px 10px;
  border: 1px solid var(--bm-border);
  border-radius: 10px;
}

.kb-sessions a:hover {
  border-color: var(--bm-accent);
}

.kb-sessions__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--bm-text);
}

.kb-sessions__meta {
  font-size: 12px;
  color: var(--bm-text-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

@media (max-width: 640px) {
  .kb-row, .kb-row__line {
    grid-template-columns: 1fr;
  }

  .kb-row__remove {
    width: 100%;
  }

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

.clockwab-package {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  color: var(--bm-text-muted);
  font-variant-numeric: tabular-nums;
}

.pwgen-phrase {
  max-width: 520px;
}

.mail-list {
  border-radius: var(--radius-lg);
  border: 1px solid var(--bm-border);
  overflow: hidden;
}

.mail-row {
  position: relative;
  display: grid;
  grid-template-columns: 16px 20px minmax(0, 230px) minmax(0, 1fr) auto auto 64px;
  align-items: center;
  gap: 12px;
  padding: 7px 14px;
  border-top: 1px solid var(--bm-border);
  font-size: 13px;
  color: var(--bm-text-muted);
  background: color-mix(in srgb, var(--bm-bg) 55%, transparent);
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.mail-row:first-child {
  border-top: 0;
}

.mail-row:hover {
  z-index: 1;
  background: var(--bm-card-bg);
  box-shadow: 0 1px 4px var(--bm-shadow);
}

.mail-row--waiting {
  background: var(--bm-card-bg);
  color: var(--bm-text);
}

.mail-row__client {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--bm-text);
}

.mail-row--waiting .mail-row__client,
.mail-row--waiting .mail-row__subject,
.mail-row--waiting .mail-row__date {
  font-weight: 700;
}

.mail-row__client:hover {
  text-decoration: underline;
}

.mail-row__logo {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 2px;
  overflow: hidden;
  border: 1px solid var(--bm-border);
  border-radius: 6px;
  background: #fff;
}

.mail-row__logo img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mail-row__logo--initial {
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  color: var(--bm-accent);
  background: var(--bm-bg);
}

.mail-row__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mail-row__count {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 400;
  color: var(--bm-text-muted);
}

.mail-row__main {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}

.mail-row__main::after {
  content: '';
  position: absolute;
  inset: 0;
}

.mail-row__subject {
  flex-shrink: 0;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--bm-text);
}

.mail-row__snippet {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--bm-text-muted);
}

.mail-row__waiting {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--bm-warning);
}

.mail-row__ticket {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--bm-accent);
}

.mail-row__client,
.mail-row__ai,
.mail-row__check,
.mail-row__toggle,
.mail-row__details {
  position: relative;
  z-index: 2;
}

.mail-row__check {
  width: 14px;
  height: 14px;
  margin: 0;
  cursor: pointer;
  accent-color: var(--bm-accent);
}

.mail-row--selected,
.mail-row--selected:hover {
  background: color-mix(in srgb, var(--bm-accent) 10%, var(--bm-card-bg));
}

.mail-bulkbar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  padding: 0 14px;
}

.mail-bulkbar__all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--bm-text-muted);
  cursor: pointer;
}

.mail-bulkbar__everything {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 6px;
  padding: 6px 14px;
  border-radius: 10px;
  font-size: 12px;
  color: var(--bm-text);
  background: color-mix(in srgb, var(--bm-accent) 10%, var(--bm-card-bg));
}

.mail-bulkbar__everything[hidden] {
  display: none;
}

.mail-bulkbar__everything button {
  font-weight: 700;
  color: var(--bm-accent);
}

.mail-bulkbar__everything button:hover {
  text-decoration: underline;
}

.mail-bulkbar__all input {
  width: 14px;
  height: 14px;
  accent-color: var(--bm-accent);
}

.mail-row__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  font-size: 10px;
  color: var(--bm-text-muted);
}

.mail-row__toggle:hover {
  color: var(--bm-text);
  background: var(--bm-bg);
}

.mail-row__toggle i {
  transition: transform 0.15s ease;
}

.mail-row__toggle[aria-expanded="true"] i {
  transform: rotate(90deg);
}

.mail-row__details {
  display: none;
  grid-column: 3 / -1;
  flex-wrap: wrap;
  gap: 2px 14px;
  margin-top: -3px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--bm-text-muted);
  opacity: 0.85;
  cursor: text;
}

.mail-row__details b {
  font-weight: 600;
}

.mail-row--open .mail-row__details,
.mail-list--expanded .mail-row:not(.mail-row--closed) .mail-row__details {
  display: flex;
}

.mail-row__link {
  color: var(--bm-accent);
}

.mail-row__link:hover {
  text-decoration: underline;
}

.mail-row__detail-warn {
  color: var(--bm-warning);
}

.mail-row__status {
  max-width: 220px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
}

.mail-row__ai {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 7px;
  border-radius: var(--radius-sm);
  font-size: 11px;
  color: var(--bm-text-muted);
  opacity: 0.55;
}

.mail-row:hover .mail-row__ai,
.mail-row__ai:focus-visible,
.mail-row__ai:disabled {
  opacity: 1;
}

.mail-row__ai:hover:not(:disabled) {
  color: var(--bm-accent);
  background: var(--bm-bg);
}

.mail-row__ai:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.mail-row__date {
  text-align: right;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mail-pager {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  color: var(--bm-text-muted);
}

.mail-pager:hover:not(:disabled) {
  color: var(--bm-text);
  background: var(--bm-card-bg);
}

.mail-pager:disabled {
  opacity: 0.35;
  cursor: default;
}

@media (max-width: 767px) {
  .mail-row {
    grid-template-columns: 16px 20px minmax(0, 1fr) auto auto;
    grid-template-areas:
            "check toggle client ai date"
            ". . main main main"
            ". . status status status"
            ". . details details details";
    row-gap: 2px;
  }

  .mail-row__client {
    grid-area: client;
  }

  .mail-row__main {
    grid-area: main;
  }

  .mail-row__status {
    grid-area: status;
    max-width: none;
  }

  .mail-row__ai {
    grid-area: ai;
  }

  .mail-row__date {
    grid-area: date;
  }

  .mail-row__toggle {
    grid-area: toggle;
  }

  .mail-row__check {
    grid-area: check;
  }

  .mail-row__details {
    grid-area: details;
  }

  .mail-row__subject {
    max-width: none;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mail-row__snippet {
    display: none;
  }
}

.ticket-group {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px 4px;
  font-size: 13px;
  font-weight: 700;
  color: var(--bm-text);
}

.ticket-group__count {
  font-size: 11px;
  font-weight: 400;
  color: var(--bm-text-muted);
}

.ticket-list .mail-row {
  grid-template-columns: 20px minmax(0, 210px) minmax(0, 1fr) auto 64px;
  border-left: 3px solid transparent;
  color: var(--bm-text);
}

.ticket-list .mail-row__details {
  grid-column: 2 / -1;
}

.ticket-row--em_andamento {
  border-left-color: #0ea5e9;
  background: color-mix(in srgb, #0ea5e9 6%, var(--bm-card-bg));
}

.ticket-row--aguardando_cliente {
  border-left-color: var(--bm-warning);
  background: color-mix(in srgb, var(--bm-warning) 9%, var(--bm-card-bg));
}

.ticket-row--pendente {
  border-left-color: var(--bm-text-muted);
}

.ticket-row--pendente_execucao {
  border-left-color: #6366f1;
}

.ticket-row--concluido {
  border-left-color: var(--bm-success);
  opacity: 0.55;
}

.ticket-row--cancelado {
  opacity: 0.45;
}

.ticket-row--cancelado .mail-row__subject {
  text-decoration: line-through;
}

.ticket-row--concluido:hover,
.ticket-row--cancelado:hover {
  opacity: 0.9;
}

.ticket-row__id {
  flex-shrink: 0;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: var(--bm-text-muted);
}

.ticket-row__idle {
  flex-shrink: 0;
  font-size: 12px;
}

.ticket-row__idle--warning {
  color: var(--bm-warning);
}

.ticket-row__idle--danger {
  color: var(--bm-danger);
}

.ticket-row__meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  font-size: 11px;
}

.ticket-row__user {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--bm-text-muted);
}

.ticket-row__type {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--bm-text-muted);
}

.ticket-status {
  display: inline-flex;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: var(--bm-text-muted);
  background: var(--bm-bg);
}

.ticket-status--em_andamento {
  color: #0284c7;
  background: color-mix(in srgb, #0ea5e9 15%, transparent);
}

.ticket-status--aguardando_cliente {
  color: #b45309;
  background: color-mix(in srgb, var(--bm-warning) 20%, transparent);
}

.ticket-status--pendente_execucao {
  color: #4f46e5;
  background: color-mix(in srgb, #6366f1 15%, transparent);
}

.ticket-status--concluido {
  color: var(--bm-success);
  background: color-mix(in srgb, var(--bm-success) 15%, transparent);
}

.dark .ticket-status--em_andamento {
  color: #7dd3fc;
}

.dark .ticket-status--aguardando_cliente {
  color: #fcd34d;
}

.dark .ticket-status--pendente_execucao {
  color: #a5b4fc;
}

@media (max-width: 767px) {
  .ticket-list .mail-row {
    grid-template-columns: 20px minmax(0, 1fr) auto;
    grid-template-areas:
            "toggle client date"
            ". main main"
            ". meta meta"
            ". details details";
  }

  .ticket-list .mail-row__toggle {
    grid-area: toggle;
  }

  .ticket-list .mail-row__client {
    grid-area: client;
  }

  .ticket-list .mail-row__main {
    grid-area: main;
  }

  .ticket-list .ticket-row__meta {
    grid-area: meta;
  }

  .ticket-list .mail-row__date {
    grid-area: date;
  }

  .ticket-list .mail-row__details {
    grid-area: details;
  }
}

.conv-summary {
  position: relative;
}

.conv-summary > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.conv-summary {
  overflow: hidden;
}

.conv-summary::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 0.25rem;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(217 70 239 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d946ef var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #0ea5e9 var(--tw-gradient-to-position);
}

.conv-summary__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.conv-summary__icon {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}

.conv-summary__icon:where(.dark, .dark *) {
  background-color: rgb(139 92 246 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}

.conv-summary__view > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.conv-summary__lead {
  white-space: pre-line;
  border-radius: 0.75rem;
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
  background-color: rgb(245 243 255 / 0.6);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.conv-summary__lead:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
  background-color: rgb(139 92 246 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.conv-summary__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 768px) {
  .conv-summary__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.conv-summary__block {
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(226 232 240 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.conv-summary__block:where(.dark, .dark *) {
  border-color: rgb(255 255 255 / 0.1);
  background-color: rgb(15 23 42 / 0.4);
}

.conv-summary__label {
  margin-bottom: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.conv-summary__label:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.conv-summary__text {
  white-space: pre-line;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.conv-summary__text:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.conv-summary__block--sky .conv-summary__label i {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}

.conv-summary__block--emerald .conv-summary__label i {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.conv-summary__block--violet .conv-summary__label i {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}

.conv-summary__block--amber {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
  background-color: rgb(255 251 235 / 0.5);
}

.conv-summary__block--amber:where(.dark, .dark *) {
  border-color: rgb(180 83 9 / 0.4);
  background-color: rgb(69 26 3 / 0.2);
}

.conv-summary__block--amber .conv-summary__label i {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.conv-summary__facts {
  border-radius: 0.75rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.conv-summary__facts:where(.dark, .dark *) {
  border-color: rgb(255 255 255 / 0.15);
  background-color: rgb(15 23 42 / 0.6);
}

.conv-summary__form {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
}

.conv-summary__form:where(.dark, .dark *) {
  border-color: rgb(255 255 255 / 0.1);
}

.meeting-form > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.meeting-form__section {
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(226 232 240 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.meeting-form__section:where(.dark, .dark *) {
  border-color: rgb(255 255 255 / 0.1);
  background-color: rgb(15 23 42 / 0.4);
}

.meeting-form__section--lead {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #f0f9ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.meeting-form__section--lead:where(.dark, .dark *) {
  border-color: rgb(7 89 133 / 0.6);
  --tw-gradient-from: rgb(8 47 73 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(8 47 73 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(15 23 42 / 0.4) var(--tw-gradient-to-position);
}

.meeting-form__title {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.meeting-form__title:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.meeting-form__title i {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}

.meeting-form__title i:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

.meeting-form .meeting-form__grid {
  gap: 1rem 1.25rem;
}

.meeting-form__hint {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.meeting-form__hint:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.meeting-form__hint i {
  margin-top: 0.125rem;
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.meeting-form__ai-btn {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.meeting-form__ai-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.meeting-form__ai-btn:disabled {
  cursor: wait;
  opacity: 0.6;
}

.meeting-form__ai-btn:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
}

.meeting-form__ai-btn:hover:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1));
}

.meeting-form__ai-btn sl-icon {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.user-avatar {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--avatar-size, 22px);
  height: var(--avatar-size, 22px);
  overflow: hidden;
  border-radius: 999px;
  vertical-align: middle;
  background: var(--bm-bg);
}

.user-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.user-avatar__initial {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: calc(var(--avatar-size, 22px) * 0.45);
  font-weight: 700;
  line-height: 1;
  color: hsl(var(--avatar-hue, 200) 70% 30%);
  background: hsl(var(--avatar-hue, 200) 75% 88%);
}

.dark .user-avatar__initial {
  color: hsl(var(--avatar-hue, 200) 80% 85%);
  background: hsl(var(--avatar-hue, 200) 40% 28%);
}

.user-avatar-edit {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  border-radius: 999px;
  cursor: pointer;
}

.user-avatar-edit__badge {
  position: absolute;
  right: -2px;
  bottom: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  font-size: 8px;
  color: #fff;
  background: var(--bm-accent);
  opacity: 0;
  transition: opacity 0.15s ease;
}

.user-avatar-edit:hover .user-avatar-edit__badge,
.user-avatar-edit:focus-visible .user-avatar-edit__badge,
.user-avatar-edit--busy .user-avatar-edit__badge {
  opacity: 1;
}

.user-avatar-edit--busy {
  opacity: 0.6;
  pointer-events: none;
}

.user-avatar-edit--drop {
  outline: 2px dashed var(--bm-accent);
  outline-offset: 2px;
}

.ticket-user-avatar {
  --avatar-size: 40px;
  border: 1px solid var(--bm-border);
}

.ticket-time-entry .user-avatar {
  --avatar-size: 30px !important;
}

.ticket-follow {
  position: relative;
  z-index: 3;
  display: inline-flex;
}

.ticket-follow__btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border: 1px solid color-mix(in srgb, var(--bm-warning) 45%, transparent);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #b45309;
  background: var(--bm-card-bg);
}

.ticket-follow__btn:hover,
.ticket-follow__btn:focus-visible {
  background: color-mix(in srgb, var(--bm-warning) 15%, var(--bm-card-bg));
}

.ticket-follow__btn--close {
  border-color: color-mix(in srgb, var(--bm-success) 45%, transparent);
  color: #047857;
}

.ticket-follow__btn--close:hover,
.ticket-follow__btn--close:focus-visible {
  background: color-mix(in srgb, var(--bm-success) 15%, var(--bm-card-bg));
}

.dark .ticket-follow__btn {
  color: #fcd34d;
}

.dark .ticket-follow__btn--close {
  color: #6ee7b7;
}

.ticket-follow__preview {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  display: none;
  flex-direction: column;
  gap: 3px;
  width: min(420px, 85vw);
  padding: 12px 14px;
  border: 1px solid var(--bm-border);
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.45;
  white-space: normal;
  text-align: left;
  color: var(--bm-text);
  background: var(--bm-card-bg);
  box-shadow: 0 8px 24px var(--bm-shadow);
}

.ticket-follow:hover .ticket-follow__preview,
.ticket-follow__btn:focus-visible + .ticket-follow__preview {
  display: flex;
}

.ticket-follow__head {
  overflow-wrap: anywhere;
  color: var(--bm-text-muted);
}

.ticket-follow__head b {
  font-weight: 600;
  color: var(--bm-text);
}

.ticket-follow__body {
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px solid var(--bm-border);
  white-space: pre-line;
}

.ticket-follow__note {
  font-size: 11px;
  color: var(--bm-text-muted);
}

.mail-list.ticket-list {
  overflow: visible;
}

.ticket-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

.ticket-shortcut {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 8px 4px;
  text-align: center;
  border: 1px solid var(--bm-border);
  border-radius: 12px;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--bm-text-muted);
  background: var(--bm-card-bg);
  transition: background-color 0.15s ease, color 0.15s ease;
}

.ticket-shortcut i {
  font-size: 18px;
}

.ticket-shortcut:hover:not(:disabled) {
  color: var(--bm-text);
  background: var(--bm-bg);
}

.ticket-shortcut--active,
.ticket-shortcut--active:hover:not(:disabled) {
  border-color: var(--bm-accent);
  color: var(--bm-accent);
  background: color-mix(in srgb, var(--bm-accent) 10%, var(--bm-card-bg));
}

.ticket-shortcut:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.dash-tickets {
  position: relative;
}

.dash-tickets[aria-busy="true"] {
  pointer-events: none;
}

.dash-tickets[aria-busy="true"] > * {
  opacity: 0.45;
  transition: opacity 0.15s ease;
}

.dash-tickets[aria-busy="true"]::after {
  content: '';
  position: absolute;
  top: 80px;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  border: 3px solid var(--bm-border);
  border-top-color: var(--bm-accent);
  border-radius: 999px;
  animation: dash-tickets-spin 0.7s linear infinite;
}

@keyframes dash-tickets-spin {
  to {
    transform: rotate(360deg);
  }
}

.clock-block__head .mail-row__logo {
  width: 28px;
  height: 28px;
}

.admin-card li .mail-row__logo {
  vertical-align: middle;
}

.recipient-picker {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.recipient-picker__toggle {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  color: var(--bm-text-muted);
}

.recipient-picker__toggle:hover,
.recipient-picker__toggle[aria-expanded="true"] {
  color: var(--bm-accent);
  background: var(--bm-bg);
}

.recipient-picker__panel {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  z-index: 30;
  max-height: 280px;
  overflow-y: auto;
  padding: 4px;
  border: 1px solid var(--bm-border);
  border-radius: 12px;
  background: var(--bm-card-bg);
  box-shadow: 0 8px 24px var(--bm-shadow);
}

.recipient-picker__option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 7px 10px;
  border-radius: 8px;
  text-align: left;
  color: var(--bm-text);
}

.recipient-picker__option:hover,
.recipient-picker__option--active {
  background: var(--bm-bg);
}

.recipient-picker__check {
  flex: none;
  color: var(--bm-text-muted);
}

.recipient-picker__option[aria-pressed="true"] .recipient-picker__check {
  color: var(--bm-accent);
}

.recipient-picker__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  font-size: 13px;
  line-height: 1.3;
}

.recipient-picker__text strong {
  font-weight: 600;
}

.recipient-picker__text span {
  overflow: hidden;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--bm-text-muted);
}

.recipient-picker__empty {
  padding: 10px;
  font-size: 12px;
  color: var(--bm-text-muted);
}

.recipient-picker__group {
  padding: 8px 10px 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bm-text-muted);
}

.support-subnav {
  position: sticky;
  top: 0px;
  z-index: 30;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
}

.support-subnav[hidden] {
  display: none;
}

.support-subnav__bar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  background-color: rgb(255 255 255 / 0.95);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.support-subnav__bar:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
  background-color: rgb(15 23 42 / 0.95);
}

.support-subnav__label {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.375rem;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.support-subnav__scroll {
  min-width: 0px;
  flex: 1 1 0%;
  overflow-x: auto;
}

.ticket-head > .support-subnav__scroll {
  flex: 1 1 16rem;
}

.support-subnav__scroll {
  scrollbar-width: none;
}

.support-subnav__scroll::-webkit-scrollbar {
  display: none;
}

.support-subnav__scroll.tem-antes.tem-depois {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
}

.support-subnav__scroll.tem-antes:not(.tem-depois) {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 20px);
  mask-image: linear-gradient(to right, transparent 0, #000 20px);
}

.support-subnav__scroll.tem-depois:not(.tem-antes) {
  -webkit-mask-image: linear-gradient(to left, transparent 0, #000 20px);
  mask-image: linear-gradient(to left, transparent 0, #000 20px);
}

.support-subnav__list {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.support-subnav__link,
.support-subnav__all {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
  border-radius: 9999px;
  border-width: 1px;
  border-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.support-subnav__link:hover,
.support-subnav__all:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.support-subnav__link:focus-visible,
.support-subnav__all:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.support-subnav__link:where(.dark, .dark *),
.support-subnav__all:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.support-subnav__link:hover:where(.dark, .dark *),
.support-subnav__all:hover:where(.dark, .dark *) {
  background-color: rgb(14 165 233 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.support-subnav__link i,
.support-subnav__all i {
  font-size: 11px;
  opacity: 0.8;
}

.support-subnav__link.is-active,
.support-subnav__all[aria-expanded="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.support-subnav__link.is-active:where(.dark, .dark *),
.support-subnav__all[aria-expanded="true"]:where(.dark, .dark *) {
  border-color: rgb(14 165 233 / 0.4);
  background-color: rgb(14 165 233 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.support-subnav__all {
  flex-shrink: 0;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.support-subnav__all:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.support-subnav__panel {
  margin-top: 0.25rem;
  max-height: 60vh;
  overflow-y: auto;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.support-subnav__panel:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.support-subnav__panel[hidden] {
  display: none;
}

.support-subnav__panel-list {
  display: grid;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  row-gap: 0.125rem;
  padding: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.support-subnav__panel-list a {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.5rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.support-subnav__panel-list a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.support-subnav__panel-list a:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.support-subnav__panel-list a:hover:where(.dark, .dark *) {
  background-color: rgb(14 165 233 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.support-subnav__panel-list a.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.support-subnav__panel-list a.is-active:where(.dark, .dark *) {
  background-color: rgb(14 165 233 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.support-subnav__panel-list i {
  width: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}

[data-nav] {
  scroll-margin-top: var(--support-subnav-offset, 72px);
}

@media (max-width: 575.98px) {
  .support-subnav__label span,
    .support-subnav__all span {
    display: none;
  }
}

.ext-tool {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ext-tool:hover {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
  background-color: rgb(240 249 255 / 0.6);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ext-tool:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}

.ext-tool:hover:where(.dark, .dark *) {
  border-color: rgb(14 165 233 / 0.5);
  background-color: rgb(14 165 233 / 0.1);
}

.ext-tool__icon {
  display: grid;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  place-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.ext-tool__icon:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.ext-tool:hover .ext-tool__icon {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}

.ext-tool:hover .ext-tool__icon:where(.dark, .dark *) {
  background-color: rgb(14 165 233 / 0.2);
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.ext-tool__arrow {
  margin-left: auto;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ext-tool__arrow:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.ext-tool:hover .ext-tool__arrow {
  opacity: 1;
}

.gs-deck {
  display: grid;
  gap: 2.5rem;
  margin-top: 1.5rem;
}

.gs-frame {
  margin: 0;
  max-width: 1280px;
  width: 100%;
  justify-self: center;
  scroll-margin-top: 6rem;
}

.gs-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .5rem;
}

.gs-box {
  container-type: inline-size;
  width: 100%;
}

.gs-box.is-capturing {
  width: 1280px;
}

.gs-deck__hint {
  display: none;
}

.gs-deck:fullscreen {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #202124;
  margin: 0;
  overflow: hidden;
}

.gs-deck:fullscreen .gs-frame {
  display: none;
  max-width: none;
}

.gs-deck:fullscreen .gs-frame.is-current {
  display: block;
}

.gs-deck:fullscreen .gs-caption {
  display: none;
}

.gs-deck:fullscreen .gs-box {
  width: min(100vw, 177.7778vh);
}

.gs-deck:fullscreen .gs-deck__hint {
  display: block;
  position: fixed;
  right: 1rem;
  bottom: .75rem;
  color: rgba(255, 255, 255, .45);
  font-size: .75rem;
}

.gs {
  --u: calc(100cqw / 1280);
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #fff;
  color: #202124;
  font-family: 'Google Sans Text', 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 18);
  line-height: 1.4;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
}

.gs-deck:fullscreen .gs,
.gs-box.is-capturing .gs {
  box-shadow: none;
}

.gs .material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'liga';
  vertical-align: -.2em;
}

.gs-strip {
  display: flex;
  height: calc(var(--u) * 8);
  flex-shrink: 0;
}

.gs-strip i {
  flex: 1;
}

.gs-strip i:nth-child(1), .gs-accent i:nth-child(1), .gs-brand__dots i:nth-child(1) {
  background: #4285f4;
}

.gs-strip i:nth-child(2), .gs-accent i:nth-child(2), .gs-brand__dots i:nth-child(2) {
  background: #ea4335;
}

.gs-strip i:nth-child(3), .gs-accent i:nth-child(3), .gs-brand__dots i:nth-child(3) {
  background: #fbbc04;
}

.gs-strip i:nth-child(4), .gs-accent i:nth-child(4), .gs-brand__dots i:nth-child(4) {
  background: #34a853;
}

.gs-head {
  padding: calc(var(--u) * 34) calc(var(--u) * 64) 0;
  flex-shrink: 0;
}

.gs-kicker {
  margin: 0 0 calc(var(--u) * 6);
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 14);
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #5f6368;
}

.gs-title {
  margin: 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 40);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: #202124;
}

.gs-accent {
  display: flex;
  gap: calc(var(--u) * 4);
  margin: calc(var(--u) * 14) 0 calc(var(--u) * 14);
}

.gs-accent i {
  width: calc(var(--u) * 22);
  height: calc(var(--u) * 5);
  border-radius: calc(var(--u) * 3);
}

.gs-accent--lg i {
  width: calc(var(--u) * 36);
  height: calc(var(--u) * 7);
}

.gs-lead {
  margin: 0;
  max-width: calc(var(--u) * 1080);
  font-size: calc(var(--u) * 19);
  color: #5f6368;
}

.gs-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: calc(var(--u) * 18) calc(var(--u) * 64) calc(var(--u) * 8);
}

.gs-note {
  margin: 0;
  padding: 0 calc(var(--u) * 64) calc(var(--u) * 6);
  font-size: calc(var(--u) * 18);
  font-weight: 700;
  color: #202124;
  flex-shrink: 0;
}

.gs-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc(var(--u) * 10) calc(var(--u) * 64) calc(var(--u) * 18);
  font-size: calc(var(--u) * 13);
  color: #80868b;
  white-space: nowrap;
  flex-shrink: 0;
}

.gs-brand {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--u) * 8);
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-weight: 500;
  color: #5f6368;
}

.gs-brand__dots {
  display: inline-flex;
  gap: calc(var(--u) * 3);
}

.gs-brand__dots i {
  width: calc(var(--u) * 8);
  height: calc(var(--u) * 8);
  border-radius: 50%;
}

.gs-svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
  overflow: visible;
}

.gs-axis {
  font-family: 'Google Sans Text', Roboto, Arial, sans-serif;
  font-size: 15px;
  fill: #5f6368;
}

.gs-axis--strong {
  font-weight: 700;
  fill: #3c4043;
}

.gs-tip {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: 19px;
  font-weight: 500;
  fill: #202124;
}

.gs-bar-value {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  fill: #202124;
}

.gs-ring-label {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  fill: #3c4043;
}

.gs-donut__value {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: 54px;
  font-weight: 500;
  fill: #202124;
}

.gs-chart {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 10);
  min-height: 0;
}

.gs-gcard {
  border: 1px solid #dadce0;
  border-radius: calc(var(--u) * 10);
  background: #fff;
  overflow: hidden;
}

.gs-pad {
  padding: calc(var(--u) * 18) calc(var(--u) * 22);
}

.gs-legend {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--u) * 8) calc(var(--u) * 22);
  margin: 0;
  font-size: calc(var(--u) * 14);
  color: #5f6368;
}

.gs-legend--center {
  justify-content: center;
  margin-top: calc(var(--u) * 10);
}

.gs-legend strong {
  color: #202124;
}

.gs-legend span {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--u) * 7);
}

.gs-legend i {
  display: inline-block;
  width: calc(var(--u) * 14);
  height: calc(var(--u) * 14);
  border-radius: calc(var(--u) * 3);
}

.gs-legend .gs-legend__dot {
  border-radius: 50%;
}

.gs-legend .gs-legend__line {
  height: calc(var(--u) * 4);
  width: calc(var(--u) * 22);
  border-radius: calc(var(--u) * 2);
}

.gs-legend .gs-legend__dash {
  width: calc(var(--u) * 24);
  height: 0;
  border-top: calc(var(--u) * 3) dashed #80868b;
  border-radius: 0;
}

.gs-ov__tiles {
  display: flex;
}

.gs-ov__tile {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 4);
  width: calc(var(--u) * 220);
  padding: calc(var(--u) * 12) calc(var(--u) * 18) calc(var(--u) * 16);
  color: #fff;
}

.gs-ov__tile--sm {
  width: auto;
  min-width: calc(var(--u) * 190);
  border-radius: calc(var(--u) * 8);
}

.gs-ov__label {
  font-size: calc(var(--u) * 15);
  font-weight: 500;
  opacity: .95;
}

.gs-ov__value {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 34);
  line-height: 1.1;
}

.gs-ov .gs-svg {
  padding: calc(var(--u) * 18) calc(var(--u) * 22) calc(var(--u) * 10);
}

.gs-trend__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--u) * 16);
  margin-bottom: calc(var(--u) * 10);
}

.gs-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--u) * 20) calc(var(--u) * 28);
}

.gs-cards--6 {
  grid-template-columns: repeat(3, 1fr);
}

.gs-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(var(--u) * 6);
  min-width: 0;
  padding: calc(var(--u) * 20) calc(var(--u) * 24) calc(var(--u) * 14);
  border-radius: calc(var(--u) * 16);
  background: #fff;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.gs-card__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(var(--u) * 12);
}

.gs-card__value {
  margin: 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 46);
  font-weight: 700;
  line-height: 1.05;
  color: #202124;
}

.gs-card__value--sm {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: calc(var(--u) * 28);
  line-height: 1.15;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.gs-card__label {
  margin: 0;
  font-size: calc(var(--u) * 18);
  color: #5f6368;
}

.gs-card__detail {
  margin: 0;
  font-size: calc(var(--u) * 16);
  color: #5f6368;
}

.gs-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: calc(var(--u) * 56);
  height: calc(var(--u) * 56);
  border-radius: 50%;
  font-size: calc(var(--u) * 26);
}

.gs-card__spark {
  display: block;
  width: 100%;
  height: calc(var(--u) * 46);
}

.gs-cards--6 .gs-card__value {
  font-size: calc(var(--u) * 38);
}

.gs-cards--6 .gs-card__spark {
  height: calc(var(--u) * 34);
}

.gs-highlights {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--u) * 22) calc(var(--u) * 26);
}

.gs-card--highlight {
  justify-content: flex-start;
  gap: calc(var(--u) * 8);
  padding: calc(var(--u) * 22) calc(var(--u) * 24);
}

.gs-split {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: calc(var(--u) * 36);
  align-items: center;
  min-height: 0;
}

.gs-split--wide {
  grid-template-columns: 2fr 1fr;
}

.gs-split--even {
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.gs-split > * {
  min-width: 0;
}

.gs-split--donut {
  grid-template-columns: calc(var(--u) * 400) 1fr;
  gap: calc(var(--u) * 56);
}

.gs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--u) * 17);
  color: #3c4043;
}

.gs-table th,
.gs-table td {
  padding: calc(var(--u) * 10) calc(var(--u) * 14);
  text-align: left;
  font-weight: 400;
  border-bottom: 1px solid #e8eaed;
  vertical-align: middle;
}

.gs-table thead th {
  font-size: calc(var(--u) * 14);
  font-weight: 500;
  color: #5f6368;
  border-bottom: 1px solid #dadce0;
  background: #f8f9fa;
  white-space: nowrap;
}

.gs-table tbody th {
  color: #202124;
  font-weight: 500;
}

.gs-table .gs-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.gs-table small {
  display: block;
  font-size: calc(var(--u) * 13);
  color: #80868b;
}

.gs-muted {
  color: #80868b;
}

.gs-strong {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-weight: 500;
  color: #202124;
}

.gs-good {
  color: #188038;
  font-weight: 700;
}

.gs-table--compare td,
.gs-table--compare th {
  padding: calc(var(--u) * 12) calc(var(--u) * 14);
}

.gs-delta {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--u) * 2);
  padding: calc(var(--u) * 3) calc(var(--u) * 10) calc(var(--u) * 3) calc(var(--u) * 6);
  border-radius: 999px;
  font-weight: 500;
  font-size: calc(var(--u) * 15);
  white-space: nowrap;
}

.gs-delta--good {
  background: #e6f4ea;
  color: #137333;
}

.gs-delta--bad {
  background: #fce8e6;
  color: #c5221f;
}

.gs-delta--neutral {
  background: #f1f3f4;
  color: #5f6368;
}

.gs-heat {
  font-weight: 500;
}

.gs-table--grid tbody tr:nth-child(even) th,
.gs-table--grid tbody tr:nth-child(even) td:not(.gs-heat) {
  background: #fafafa;
}

.gs-table--terms tbody th {
  max-width: calc(var(--u) * 420);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gs-table--terms th,
.gs-table--terms td {
  padding-top: calc(var(--u) * 7);
  padding-bottom: calc(var(--u) * 7);
}

.gs-inline-bar {
  display: inline-block;
  width: calc(var(--u) * 140);
  height: calc(var(--u) * 10);
  margin-right: calc(var(--u) * 10);
  border-radius: 999px;
  background: #e8f0fe;
  vertical-align: middle;
  overflow: hidden;
}

.gs-inline-bar span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #1a73e8;
}

.gs-inline-bar--red {
  width: calc(var(--u) * 260);
  background: #fce8e6;
}

.gs-inline-bar--red span {
  background: #d93025;
}

.gs-inline-value {
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.gs-table--google thead th {
  background: #fff;
  color: #202124;
}

.gs-table--google tbody th {
  font-weight: 400;
}

.gs-gtable__title {
  margin: 0;
  padding: calc(var(--u) * 16) calc(var(--u) * 20) calc(var(--u) * 10);
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 19);
  font-weight: 500;
  color: #202124;
}

.gs-link {
  color: #1a73e8;
}

.gs-dot {
  display: inline-block;
  width: calc(var(--u) * 12);
  height: calc(var(--u) * 12);
  margin-right: calc(var(--u) * 10);
  border-radius: 50%;
  vertical-align: middle;
  flex-shrink: 0;
}

.gs-table--legend td strong {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-weight: 500;
  font-size: calc(var(--u) * 20);
  color: #202124;
}

.gs-table--green thead th {
  background: #188038;
  color: #fff;
  border-bottom: 0;
}

.gs-table--green th,
.gs-table--green td {
  padding-top: calc(var(--u) * 6);
  padding-bottom: calc(var(--u) * 6);
  font-size: calc(var(--u) * 16);
}

.gs-table--brands thead th {
  background: #202124;
  color: #fff;
}

.gs-rings {
  display: grid;
  grid-template-columns: 1fr calc(var(--u) * 380) 1fr;
  align-items: center;
  gap: calc(var(--u) * 28);
  min-height: 0;
}

.gs-rings__chart {
  width: 100%;
  height: auto;
}

.gs-rings__side {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 18);
}

.gs-rings__side--right {
  align-items: flex-start;
}

.gs-rings__name {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 8);
  margin: 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 22);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.gs-rings__row {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 14);
}

.gs-rings__row > .material-symbols-outlined {
  font-size: calc(var(--u) * 30);
  color: #5f6368;
}

.gs-rings__row strong {
  display: block;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 30);
  font-weight: 700;
  line-height: 1.1;
}

.gs-rings__row small {
  display: block;
  font-size: calc(var(--u) * 13);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #5f6368;
}

.gs-devices {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--u) * 48);
  padding: 0 calc(var(--u) * 60);
}

.gs-devices--3 {
  grid-template-columns: repeat(3, 1fr);
  padding: 0;
}

.gs-devices--4 {
  grid-template-columns: repeat(4, 1fr);
  padding: 0;
  gap: calc(var(--u) * 28);
}

.gs-device {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: calc(var(--u) * 8);
}

.gs-device__icon .material-symbols-outlined {
  font-size: calc(var(--u) * 110);
}

.gs-device__rule {
  width: 70%;
  height: calc(var(--u) * 5);
  border-radius: 999px;
}

.gs-device__name {
  margin: calc(var(--u) * 6) 0 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 22);
  font-weight: 500;
}

.gs-device__value {
  margin: 0;
  font-size: calc(var(--u) * 20);
  color: #5f6368;
}

.gs-device__value strong {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 42);
  color: #202124;
}

.gs-device__meta {
  margin: 0;
  font-size: calc(var(--u) * 15);
  color: #80868b;
}

.gs-device .gs-meter {
  width: 70%;
}

.gs-meter {
  height: calc(var(--u) * 10);
  border-radius: 999px;
  background: #f1f3f4;
  overflow: hidden;
}

.gs-meter span {
  display: block;
  height: 100%;
  border-radius: 999px;
}

.gs-meter--lg {
  height: calc(var(--u) * 18);
}

.gs-hbars {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 12);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gs-hbar {
  display: grid;
  grid-template-columns: calc(var(--u) * 300) 1fr calc(var(--u) * 150) calc(var(--u) * 230);
  align-items: center;
  gap: calc(var(--u) * 18);
}

.gs-hbar__label {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 8);
  font-weight: 500;
  color: #202124;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gs-hbar__track {
  position: relative;
  height: calc(var(--u) * 26);
  border-radius: calc(var(--u) * 6);
  background: #f1f3f4;
}

.gs-hbar__fill {
  display: block;
  height: 100%;
  border-radius: calc(var(--u) * 6);
}

.gs-hbar__avg {
  position: absolute;
  top: calc(var(--u) * -6);
  bottom: calc(var(--u) * -6);
  width: calc(var(--u) * 3);
  background: #5f6368;
  border-radius: 2px;
}

.gs-hbar__value {
  color: #5f6368;
  font-size: calc(var(--u) * 16);
  white-space: nowrap;
}

.gs-hbar__value strong {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 22);
  color: #202124;
}

.gs-hbar__meta {
  font-size: calc(var(--u) * 14);
  line-height: 1.3;
  color: #80868b;
}

.gs-hbars--ranking .is-best .gs-hbar__label {
  color: #137333;
}

.gs-stack-cards {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 16);
}

.gs-mini {
  padding: calc(var(--u) * 16) calc(var(--u) * 20);
  border-radius: calc(var(--u) * 12);
  border: 1px solid #dadce0;
}

.gs-mini__label {
  margin: 0;
  font-size: calc(var(--u) * 15);
  color: #5f6368;
}

.gs-mini__value {
  margin: calc(var(--u) * 2) 0 calc(var(--u) * 6);
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 32);
  font-weight: 500;
}

.gs-budget__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.gs-budget__title {
  margin: 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 20);
  font-weight: 500;
}

.gs-budget__total {
  margin: 0;
  color: #5f6368;
}

.gs-budget__total strong {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 26);
  color: #202124;
}

.gs-budget__bar {
  display: flex;
  gap: calc(var(--u) * 3);
  height: calc(var(--u) * 22);
  margin: calc(var(--u) * 14) 0 calc(var(--u) * 6);
  border-radius: 999px;
  overflow: hidden;
}

.gs-budget__rows {
  display: flex;
  flex-direction: column;
}

.gs-budget__row {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 6);
  padding: calc(var(--u) * 10) 0;
  border-bottom: 1px solid #e8eaed;
}

.gs-budget__row:last-child {
  border-bottom: 0;
}

.gs-budget__name {
  flex: 1;
  min-width: 0;
}

.gs-budget__name strong,
.gs-budget__value strong {
  display: block;
  font-weight: 500;
  color: #202124;
}

.gs-budget__name small,
.gs-budget__value small {
  display: block;
  font-size: calc(var(--u) * 14);
  color: #5f6368;
}

.gs-budget__value {
  text-align: right;
}

.gs-budget__value strong {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 22);
}

.gs-cloud {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  gap: calc(var(--u) * 14);
  margin: 0;
  padding: 0 calc(var(--u) * 40);
  list-style: none;
}

.gs-chip {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--u) * 10);
  padding: calc(var(--u) * 10) calc(var(--u) * 22);
  border-radius: 999px;
  border: calc(var(--u) * 2) solid #8ab4f8;
  background: #fff;
  color: #174ea6;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-weight: 500;
}

.gs-chip span {
  padding: calc(var(--u) * 1) calc(var(--u) * 9);
  border-radius: 999px;
  background: #e8f0fe;
  font-size: .7em;
  color: #1967d2;
}

.gs-chip--1 {
  font-size: calc(var(--u) * 28);
  border-color: #1a73e8;
  background: #e8f0fe;
}

.gs-chip--1 span {
  background: #1a73e8;
  color: #fff;
}

.gs-chip--2 {
  font-size: calc(var(--u) * 23);
  border-color: #4285f4;
}

.gs-chip--3 {
  font-size: calc(var(--u) * 19);
}

.gs-chip--4 {
  font-size: calc(var(--u) * 16);
  border-color: #c6dafc;
  color: #3c4043;
}

.gs-length {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(var(--u) * 28);
}

.gs-length__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: calc(var(--u) * 6);
}

.gs-length__label {
  margin: 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 24);
  font-weight: 700;
}

.gs-length__terms,
.gs-length__clicks {
  margin: 0;
  color: #5f6368;
  font-size: calc(var(--u) * 16);
}

.gs-length__clicks strong {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 24);
  color: #202124;
}

.gs-length__bar {
  display: flex;
  align-items: flex-end;
  width: calc(var(--u) * 90);
  height: calc(var(--u) * 170);
  border-radius: calc(var(--u) * 12);
  background: #f1f3f4;
  overflow: hidden;
}

.gs-length__bar span {
  width: 100%;
  border-radius: calc(var(--u) * 12);
}

.gs-length__stats {
  display: flex;
  gap: calc(var(--u) * 20);
  margin: calc(var(--u) * 4) 0 0;
}

.gs-length__stats dt {
  font-size: calc(var(--u) * 13);
  color: #80868b;
}

.gs-length__stats dd {
  margin: 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 20);
  font-weight: 500;
}

.gs--negatives .gs-body,
.gs--negatives_grid .gs-body {
  justify-content: flex-start;
  padding-top: calc(var(--u) * 26);
}

.gs-neg__group {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 10);
  margin: 0 0 calc(var(--u) * 18);
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 24);
  font-weight: 500;
  color: #c5221f;
}

.gs-neg__group small {
  font-family: 'Google Sans Text', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 17);
  font-weight: 400;
  color: #5f6368;
}

.gs-neg__cols {
  display: grid;
  grid-template-columns: 1.35fr auto 1fr;
  gap: calc(var(--u) * 28);
  align-items: start;
}

.gs-neg__col {
  padding: calc(var(--u) * 18) calc(var(--u) * 22);
  border-radius: calc(var(--u) * 12);
  background: #f8f9fa;
  min-width: 0;
}

.gs-neg__heading {
  margin: 0 0 calc(var(--u) * 10);
  font-size: calc(var(--u) * 15);
  font-weight: 700;
  color: #3c4043;
}

.gs-neg__terms,
.gs-neg__words {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 6);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gs-neg__words {
  flex-direction: row;
  flex-wrap: wrap;
  gap: calc(var(--u) * 8);
}

.gs-neg__terms li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: calc(var(--u) * 12);
  font-size: calc(var(--u) * 17);
}

.gs-neg__terms code,
.gs-neg__words code,
.gs-neg-grid code,
.gs-code {
  font-family: 'Roboto Mono', ui-monospace, monospace;
  font-size: calc(var(--u) * 18);
}

.gs-neg__terms code {
  color: #188038;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gs-neg__terms span {
  flex-shrink: 0;
  font-size: calc(var(--u) * 14);
  color: #80868b;
}

.gs-neg__words li {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--u) * 6);
  padding: calc(var(--u) * 5) calc(var(--u) * 6) calc(var(--u) * 5) calc(var(--u) * 12);
  border-radius: 999px;
  background: #fff;
  border: 1px solid #dadce0;
}

.gs-neg__words code {
  color: #1967d2;
  font-weight: 500;
}

.gs-neg__match {
  padding: calc(var(--u) * 1) calc(var(--u) * 8);
  border-radius: 999px;
  font-size: calc(var(--u) * 12);
  background: #e8f0fe;
  color: #1967d2;
}

.gs-neg__match--frase {
  background: #fef7e0;
  color: #b06000;
}

.gs-neg__match--exata {
  background: #fce8e6;
  color: #c5221f;
}

.gs-neg__arrow {
  align-self: center;
  color: #9aa0a6;
}

.gs-neg__arrow.material-symbols-outlined {
  font-size: calc(var(--u) * 40);
}

.gs-neg__more {
  font-size: calc(var(--u) * 14);
  color: #80868b;
}

.gs-neg-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--u) * 16);
}

.gs-neg-grid--1 {
  grid-template-columns: 1fr;
}

.gs-neg-grid--2 {
  grid-template-columns: repeat(2, 1fr);
}

.gs-neg-grid--4 {
  grid-template-columns: repeat(4, 1fr);
}

.gs-neg-grid--5 {
  grid-template-columns: repeat(5, 1fr);
  gap: calc(var(--u) * 12);
}

.gs-neg-grid--6 {
  grid-template-columns: repeat(6, 1fr);
  gap: calc(var(--u) * 12);
}

.gs-neg-grid__col {
  padding: calc(var(--u) * 12) calc(var(--u) * 14);
  border-top: calc(var(--u) * 5) solid;
  border-radius: calc(var(--u) * 6);
  background: #f8f9fa;
  min-width: 0;
}

.gs-neg-grid__title {
  margin: 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 17);
  font-weight: 700;
  line-height: 1.2;
}

.gs-neg-grid__cost {
  margin: calc(var(--u) * 2) 0 calc(var(--u) * 8);
  font-size: calc(var(--u) * 13);
  color: #80868b;
}

.gs-neg-grid ul {
  margin: 0;
  padding: 0;
  list-style: none;
  -moz-columns: 1;
       columns: 1;
}

.gs-neg-grid li {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gs-neg-grid--1 ul,
.gs-neg-grid--2 ul {
  -moz-columns: 2;
       columns: 2;
}

.gs-neg-grid code {
  font-size: calc(var(--u) * 15);
  color: #3c4043;
}

.gs-funnel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--u) * 4);
}

.gs-funnel__step {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: calc(var(--u) * 14);
  padding: calc(var(--u) * 16) calc(var(--u) * 24);
  border-radius: calc(var(--u) * 14);
  color: #fff;
}

.gs-funnel__step strong {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 40);
  font-weight: 700;
  line-height: 1;
}

.gs-funnel__step span {
  font-size: calc(var(--u) * 20);
  font-weight: 500;
}

.gs-funnel__hint {
  margin: calc(var(--u) * 2) 0 calc(var(--u) * 8);
  font-size: calc(var(--u) * 16);
  color: #5f6368;
}

.gs-alerts {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 12);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gs-alert {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--u) * 16);
  padding: calc(var(--u) * 14) calc(var(--u) * 20);
  border-radius: calc(var(--u) * 12);
  font-size: calc(var(--u) * 17);
}

.gs-alert p {
  margin: 0;
}

.gs-alert .material-symbols-outlined {
  font-size: calc(var(--u) * 28);
}

.gs-alert--warning {
  background: #fef7e0;
  color: #3c4043;
}

.gs-alert--warning .material-symbols-outlined {
  color: #e37400;
}

.gs-alert--info {
  background: #e8f0fe;
  color: #3c4043;
}

.gs-alert--info .material-symbols-outlined {
  color: #1a73e8;
}

.gs-billing__head {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 10);
  margin: 0 0 calc(var(--u) * 16);
  font-weight: 500;
  color: #3c4043;
}

.gs-billing__label {
  margin: 0;
  font-size: calc(var(--u) * 16);
  color: #5f6368;
}

.gs-billing__value {
  margin: calc(var(--u) * 4) 0 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 46);
  color: #202124;
}

.gs-billing hr {
  margin: calc(var(--u) * 18) 0;
  border: 0;
  border-top: 1px solid #e8eaed;
}

.gs-billing__avg {
  margin: calc(var(--u) * 2) 0 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 28);
}

.gs-billing__avg small,
.gs-billing__basis {
  font-size: calc(var(--u) * 15);
  color: #80868b;
}

.gs-billing__basis {
  margin: calc(var(--u) * 4) 0 0;
}

.gs-days {
  padding: calc(var(--u) * 10) calc(var(--u) * 10);
}

.gs-days__label {
  margin: 0;
  font-size: calc(var(--u) * 20);
  color: #5f6368;
}

.gs-days__value {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: calc(var(--u) * 14);
  margin: 0 0 calc(var(--u) * 14);
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 120);
  font-weight: 700;
  line-height: 1;
  color: #1e8e3e;
}

.gs-days__value small {
  font-size: calc(var(--u) * 24);
  font-weight: 500;
  color: #3c4043;
}

.gs-days__scale {
  display: flex;
  justify-content: space-between;
  margin: calc(var(--u) * 6) 0 0;
  font-size: calc(var(--u) * 13);
  color: #80868b;
}

.gs-days__until {
  margin: calc(var(--u) * 14) 0 0;
  font-size: calc(var(--u) * 20);
  font-weight: 500;
}

.gs-days__summary {
  margin: calc(var(--u) * 6) 0 0;
  font-size: calc(var(--u) * 17);
  color: #5f6368;
}

.gs-cover {
  position: relative;
  flex: 1;
  display: grid;
  grid-template-columns: 1fr calc(var(--u) * 480);
  align-items: center;
  padding: 0 calc(var(--u) * 80);
  background: linear-gradient(180deg, #fff 0%, #f8f9fa 100%);
}

.gs-cover__logos {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 28);
  margin-bottom: calc(var(--u) * 40);
}

.gs-cover__logo {
  height: calc(var(--u) * 84);
  width: auto;
  max-width: calc(var(--u) * 280);
  -o-object-fit: contain;
     object-fit: contain;
}

.gs-cover__logo--wab {
  height: calc(var(--u) * 60);
}

.gs-cover__sep {
  width: 1px;
  height: calc(var(--u) * 64);
  background: #dadce0;
}

.gs-cover__title {
  margin: 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 76);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -.02em;
  color: #202124;
}

.gs-cover .gs-accent {
  margin: calc(var(--u) * 26) 0;
}

.gs-cover__period {
  margin: 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 30);
  color: #3c4043;
}

.gs-cover__meta {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 8);
  margin: calc(var(--u) * 16) 0 0;
  font-size: calc(var(--u) * 18);
  color: #5f6368;
}

.gs-cover__meta .material-symbols-outlined {
  margin-left: calc(var(--u) * 10);
  color: #1a73e8;
}

.gs-cover__meta .material-symbols-outlined:first-child {
  margin-left: 0;
}

.gs-cover__art {
  width: 100%;
  height: auto;
}

.gs-cover__foot {
  position: absolute;
  left: calc(var(--u) * 80);
  right: calc(var(--u) * 80);
  bottom: calc(var(--u) * 30);
  display: flex;
  justify-content: space-between;
  font-size: calc(var(--u) * 14);
  color: #80868b;
}

.gs-chip-link {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  border-radius: 9999px;
  border: 1px solid #e2e8f0;
  padding: .25rem .625rem;
  font-size: 11px;
  color: #94a3b8;
}

.gs-chip-link:hover {
  background: #f1f5f9;
}

.gs-chip-link.is-picked {
  border-color: #1a73e8;
  background: #e8f0fe;
  color: #174ea6;
}

.dark .gs-chip-link {
  border-color: rgba(255, 255, 255, .1);
  color: #64748b;
}

.dark .gs-chip-link:hover {
  background: #1e293b;
}

.dark .gs-chip-link.is-picked {
  border-color: #8ab4f8;
  background: rgba(138, 180, 248, .15);
  color: #d2e3fc;
}

.gs-frame.is-unpicked .gs-box {
  opacity: .45;
}

.gs-deck:fullscreen .gs-frame.is-unpicked .gs-box {
  opacity: 1;
}

.gs-list {
  display: grid;
  gap: calc(var(--u) * 14);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gs-list--2 {
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--u) * 16) calc(var(--u) * 32);
}

.gs-list__item {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 18);
}

.gs-list__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: calc(var(--u) * 54);
  height: calc(var(--u) * 54);
  border-radius: 50%;
}

.gs-list__icon .material-symbols-outlined {
  font-size: calc(var(--u) * 28);
}

.gs-list__text strong {
  display: block;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 22);
  font-weight: 500;
  line-height: 1.25;
  color: #202124;
}

.gs-list__text span {
  display: block;
  margin-top: calc(var(--u) * 2);
  font-size: calc(var(--u) * 17);
  color: #5f6368;
}

.gs-list--2 .gs-list__text strong {
  font-size: calc(var(--u) * 20);
}

.gs-list--2 .gs-list__text span {
  font-size: calc(var(--u) * 16);
}

.gs-list--compact {
  gap: calc(var(--u) * 8);
}

.gs-list--compact .gs-list__icon {
  width: calc(var(--u) * 40);
  height: calc(var(--u) * 40);
}

.gs-list--compact .gs-list__text strong {
  font-size: calc(var(--u) * 19);
}

.gs-versus {
  display: flex;
  flex-direction: column;
}

.gs-versus__head,
.gs-versus__row {
  display: grid;
  grid-template-columns: 1.2fr 1fr calc(var(--u) * 150) 1fr;
  align-items: center;
  gap: calc(var(--u) * 16);
}

.gs-versus__head {
  padding-bottom: calc(var(--u) * 10);
  border-bottom: 2px solid #dadce0;
}

.gs-versus__side {
  margin: 0;
  text-align: right;
}

.gs-versus__side strong {
  display: block;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 22);
  font-weight: 500;
  color: #5f6368;
}

.gs-versus__side--now strong {
  color: #1a73e8;
}

.gs-versus__side small {
  font-size: calc(var(--u) * 14);
  color: #80868b;
}

.gs-versus__row {
  padding: calc(var(--u) * 11) 0;
  border-bottom: 1px solid #e8eaed;
}

.gs-versus__label {
  font-weight: 500;
  color: #202124;
}

.gs-versus__value {
  text-align: right;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 22);
  font-variant-numeric: tabular-nums;
  color: #5f6368;
}

.gs-versus__value--now {
  font-size: calc(var(--u) * 26);
  font-weight: 500;
  color: #202124;
}

.gs-versus__arrow {
  display: flex;
  justify-content: center;
  color: #9aa0a6;
}

.gs-kpis {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--u) * 22) calc(var(--u) * 28);
}

.gs-kpis--3,
.gs-kpis--5,
.gs-kpis--6 {
  grid-template-columns: repeat(3, 1fr);
}

.gs-card--kpi {
  justify-content: flex-start;
  gap: calc(var(--u) * 6);
  padding: calc(var(--u) * 22) calc(var(--u) * 24);
}

.gs-card--kpi .gs-card__value {
  font-size: calc(var(--u) * 40);
  overflow-wrap: anywhere;
}

.gs-kpis--5 .gs-card__value,
.gs-kpis--6 .gs-card__value {
  font-size: calc(var(--u) * 34);
}

.gs-table--big th,
.gs-table--big td {
  padding-top: calc(var(--u) * 13);
  padding-bottom: calc(var(--u) * 13);
  font-size: calc(var(--u) * 18);
}

.gs-table tr.is-highlight th,
.gs-table tr.is-highlight td {
  background: #e8f0fe;
  font-weight: 700;
}

.gs-table .gs-mono {
  font-family: 'Roboto Mono', ui-monospace, monospace;
  font-size: calc(var(--u) * 16);
  color: #188038;
  max-width: calc(var(--u) * 420);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gs-pie-legend {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 14);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gs-pie-legend li {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 6);
  padding-bottom: calc(var(--u) * 12);
  border-bottom: 1px solid #e8eaed;
}

.gs-pie-legend .gs-dot {
  width: calc(var(--u) * 16);
  height: calc(var(--u) * 16);
}

.gs-pie-legend__label {
  flex: 1;
  font-weight: 500;
  color: #202124;
}

.gs-pie-legend__label small {
  display: block;
  font-weight: 400;
  font-size: calc(var(--u) * 14);
  color: #80868b;
}

.gs-pie-legend strong {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 28);
  font-weight: 500;
  color: #202124;
}

.gs-quadrant {
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  fill: #80868b;
}

.gs-point-label {
  font-family: 'Google Sans Text', Roboto, Arial, sans-serif;
  font-size: 13px;
  fill: #3c4043;
}

.gs-gauges {
  display: grid;
  gap: calc(var(--u) * 36);
  align-items: start;
}

.gs-gauges--single {
  max-width: calc(var(--u) * 520);
  margin: 0 auto;
  width: 100%;
}

.gs-gauge {
  text-align: center;
}

.gs-gauge svg {
  display: block;
  width: 100%;
  height: auto;
}

.gs-gauge__value {
  margin: calc(var(--u) * -54) 0 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 46);
  font-weight: 700;
  line-height: 1;
}

.gs-gauges--single .gs-gauge__value {
  margin-top: calc(var(--u) * -90);
  font-size: calc(var(--u) * 72);
}

.gs-gauge__label {
  margin: calc(var(--u) * 16) 0 0;
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 21);
  font-weight: 500;
  color: #202124;
}

.gs-gauge__detail {
  margin: calc(var(--u) * 4) 0 0;
  font-size: calc(var(--u) * 16);
  color: #5f6368;
}

.gs-stackrows {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 26);
}

.gs-stackrow__label {
  margin: 0 0 calc(var(--u) * 8);
  font-family: 'Google Sans', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 21);
  font-weight: 500;
}

.gs-stackrow__bar {
  display: flex;
  gap: calc(var(--u) * 3);
  height: calc(var(--u) * 44);
  border-radius: calc(var(--u) * 10);
  overflow: hidden;
}

.gs-stackrow__bar span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: calc(var(--u) * 17);
}

.gs-ads {
  display: grid;
  gap: calc(var(--u) * 22);
}

.gs-ads--2,
.gs-ads--3 {
  grid-template-columns: repeat(2, 1fr);
}

.gs-ads--3 .gs-ad:first-child {
  grid-column: span 2;
}

.gs-ad {
  padding: calc(var(--u) * 18) calc(var(--u) * 22);
  border-radius: calc(var(--u) * 16);
  background: #fff;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
  font-family: Arial, Roboto, sans-serif;
}

.gs-ad__sponsored {
  margin: 0;
  font-size: calc(var(--u) * 14);
  font-weight: 700;
  color: #202124;
}

.gs-ad__site {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 8);
  margin: calc(var(--u) * 6) 0;
  font-size: calc(var(--u) * 15);
  color: #202124;
}

.gs-ad__favicon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--u) * 26);
  height: calc(var(--u) * 26);
  border-radius: 50%;
  background: #e8f0fe;
  color: #1a73e8;
  font-weight: 700;
  font-size: calc(var(--u) * 13);
}

.gs-ad__headline {
  margin: 0;
  font-size: calc(var(--u) * 22);
  line-height: 1.3;
  color: #1a0dab;
}

.gs-ad__description {
  margin: calc(var(--u) * 6) 0 0;
  font-size: calc(var(--u) * 16);
  line-height: 1.45;
  color: #4d5156;
}

.gs-ad__stats {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 6);
  margin: calc(var(--u) * 12) 0 0;
  padding-top: calc(var(--u) * 10);
  border-top: 1px solid #e8eaed;
  font-family: 'Google Sans Text', Roboto, Arial, sans-serif;
  font-size: calc(var(--u) * 15);
  font-weight: 500;
  color: #188038;
}

.gs-funnel--4 .gs-funnel__step,
.gs-funnel--5 .gs-funnel__step {
  padding-top: calc(var(--u) * 10);
  padding-bottom: calc(var(--u) * 10);
}

.gs-funnel--4 .gs-funnel__step strong,
.gs-funnel--5 .gs-funnel__step strong {
  font-size: calc(var(--u) * 32);
}

.gs-funnel--4 .gs-funnel__hint,
.gs-funnel--5 .gs-funnel__hint {
  margin-bottom: calc(var(--u) * 4);
  font-size: calc(var(--u) * 14);
}

.meeting-autosave {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 10000;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #059669;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 6px 18px rgba(5, 150, 105, .35);
  animation: meeting-autosave-blink .5s ease-in-out infinite alternate;
  pointer-events: none;
}

.meeting-autosave[hidden] {
  display: none;
}

@keyframes meeting-autosave-blink {
  from {
    opacity: 1;
  }

  to {
    opacity: .35;
  }
}

@media (prefers-reduced-motion: reduce) {
  .meeting-autosave {
    animation: none;
  }
}

.meeting-draft-notice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid #a7f3d0;
  border-radius: 12px;
  background: #ecfdf5;
  color: #065f46;
  font-size: 13px;
}

.meeting-draft-notice[hidden] {
  display: none;
}

.meeting-draft-notice button {
  font-weight: 600;
  text-decoration: underline;
}

.dark .meeting-draft-notice {
  border-color: rgba(63, 185, 80, .4);
  background: rgba(63, 185, 80, .1);
  color: #86efac;
}

.kb-import {
  padding: 0;
}

.kb-import > summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  padding: 14px 18px;
  cursor: pointer;
  list-style: none;
  color: var(--bm-text);
}

.kb-import > summary::-webkit-details-marker {
  display: none;
}

.kb-import > summary::after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 11px;
  color: var(--bm-text-muted);
  margin-left: auto;
  transition: transform .15s;
}

.kb-import[open] > summary::after {
  transform: rotate(180deg);
}

.kb-import > summary .kb-gpt-icon {
  width: 18px;
  height: 18px;
}

.kb-import__title {
  font-weight: 700;
  font-size: 15px;
}

.kb-import__hint {
  font-size: 12px;
  color: var(--bm-text-muted);
}

.kb-import__body {
  display: grid;
  gap: 12px;
  padding: 0 18px 18px;
}

.kb-import__how {
  margin: 0;
  padding-left: 20px;
  list-style: decimal;
  display: grid;
  gap: 3px;
  font-size: 13px;
  color: var(--bm-text-muted);
}

.kb-import__how strong {
  color: var(--bm-text);
}

.kb-import__report, .kb-import__images {
  display: grid;
  gap: 10px;
}

.kb-import__report[hidden], .kb-import__images[hidden] {
  display: none;
}

.kb-import__block {
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid var(--bm-border);
  border-left-width: 4px;
  font-size: 13px;
  color: var(--bm-text);
}

.kb-import__block strong {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
}

.kb-import__block ul {
  margin: 0;
  padding-left: 18px;
  list-style: disc;
  display: grid;
  gap: 3px;
}

.kb-import__block a {
  color: var(--bm-info);
  text-decoration: underline;
}

.kb-import__block--success {
  border-left-color: var(--bm-success);
  background: rgba(16,185,129,.07);
}

.kb-import__block--warning {
  border-left-color: var(--bm-warning);
  background: rgba(245,158,11,.08);
}

.kb-import__block--error {
  border-left-color: var(--bm-danger);
  background: rgba(239,68,68,.08);
}

.kb-import__block--info {
  border-left-color: var(--bm-info);
  background: rgba(6,182,212,.06);
}

.access-denied {
  display: flex;
  justify-content: center;
  padding: 24px 0 48px;
}

.access-denied__card {
  position: relative;
  width: 100%;
  max-width: 680px;
  padding: 48px 32px 40px;
  text-align: center;
  border-radius: var(--radius-lg);
  border: 1px solid var(--bm-border);
  background:
        radial-gradient(circle at 50% 0, rgba(245,158,11,.10), transparent 55%),
        var(--bm-card-bg);
  box-shadow: var(--bm-shadow-lg);
  overflow: hidden;
}

.access-denied__badge {
  position: relative;
  width: 88px;
  height: 88px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 34px;
  color: var(--bm-warning);
  background: rgba(245,158,11,.12);
  border: 1px solid rgba(245,158,11,.30);
}

.access-denied__ring {
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  border: 2px solid rgba(245,158,11,.25);
  animation: access-denied-pulse 2.4s ease-out infinite;
}

@keyframes access-denied-pulse {
  0% {
    transform: scale(.9);
    opacity: 1;
  }

  100% {
    transform: scale(1.25);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .access-denied__ring {
    animation: none;
  }
}

.access-denied__code {
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--bm-warning);
}

.access-denied__details {
  margin: 28px auto 0;
  max-width: 520px;
  text-align: left;
  border-radius: var(--radius-base);
  border: 1px solid var(--bm-border);
  background: var(--bm-bg);
}

.access-denied__details > div {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 12px;
  align-items: center;
  padding: 12px 16px;
  font-size: 13px;
}

.access-denied__details > div + div {
  border-top: 1px solid var(--bm-border);
}

.access-denied__details dt {
  font-weight: 600;
  color: var(--bm-text-muted);
}

.access-denied__details dd {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  color: var(--bm-text);
}

@media (max-width: 560px) {
  .access-denied__card {
    padding: 36px 18px 28px;
  }

  .access-denied__details > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

.basic-dash {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.basic-dash__hero {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 28px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--bm-border);
  background:
        radial-gradient(circle at 0 0, rgba(6,182,212,.12), transparent 50%),
        var(--bm-card-bg);
  box-shadow: var(--bm-shadow);
}

.basic-dash__notice {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 24px;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(245,158,11,.30);
  border-left: 4px solid var(--bm-warning);
  background: rgba(245,158,11,.06);
}

.basic-dash__notice-icon {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 18px;
  color: var(--bm-warning);
  background: rgba(245,158,11,.14);
}

.basic-dash__profile {
  padding: 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--bm-border);
  background: var(--bm-card-bg);
  box-shadow: var(--bm-shadow);
}

.basic-dash__profile-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-base);
  font-size: 16px;
}

@media (max-width: 560px) {
  .basic-dash__hero {
    flex-direction: column;
    text-align: center;
    padding: 22px 16px;
  }

  .basic-dash__notice {
    flex-direction: column;
    padding: 18px 16px;
  }
}

[data-gallery] img {
  cursor: zoom-in;
}

[data-gallery] .ticket-avatar img, [data-gallery] [data-gallery-skip] img {
  cursor: auto;
}

html.image-viewer-open {
  overflow: hidden;
}

.image-viewer {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  color: #f1f5f9;
  background: radial-gradient(ellipse at center, rgba(15, 23, 42, .9) 0%, rgba(2, 6, 23, .97) 75%);
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.image-viewer[open] {
  display: flex;
  animation: image-viewer-in .2s ease-out;
}

.image-viewer::backdrop {
  background: rgba(2, 6, 23, .55);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

@keyframes image-viewer-in {
  from {
    opacity: 0;
    transform: scale(.985);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.image-viewer__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  background: linear-gradient(to bottom, rgba(2, 6, 23, .85), rgba(2, 6, 23, 0));
  position: relative;
  z-index: 2;
}

.image-viewer__info {
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
  font-size: 13px;
}

.image-viewer__counter {
  flex: none;
  padding: 3px 10px;
  border-radius: 999px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  background: rgba(255, 255, 255, .1);
}

.image-viewer__counter:empty, .image-viewer__size:empty {
  display: none;
}

.image-viewer__caption {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  color: #f8fafc;
}

.image-viewer__size {
  flex: none;
  font-size: 12px;
  color: #94a3b8;
  font-variant-numeric: tabular-nums;
}

.image-viewer__tools {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: none;
  padding: 4px;
  border-radius: 999px;
  background: rgba(15, 23, 42, .7);
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}

.image-viewer__tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 15px;
  color: #e2e8f0;
  background: transparent;
  transition: background-color .15s ease, color .15s ease;
}

.image-viewer__tool:hover {
  background: rgba(255, 255, 255, .12);
  color: #fff;
}

.image-viewer__tool:focus-visible, .image-viewer__nav:focus-visible, .image-viewer__thumb:focus-visible {
  outline: 2px solid #38bdf8;
  outline-offset: 2px;
}

.image-viewer__zoom {
  min-width: 62px;
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.image-viewer__close:hover {
  background: rgba(239, 68, 68, .85);
}

.image-viewer__divider {
  width: 1px;
  height: 20px;
  margin: 0 4px;
  background: rgba(255, 255, 255, .15);
}

.image-viewer__stage {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  touch-action: none;
  outline: none;
}

.image-viewer__stage.is-zoomed {
  cursor: grab;
}

.image-viewer__stage.is-dragging {
  cursor: grabbing;
}

.image-viewer__img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  max-height: none;
  opacity: 0;
  border-radius: 4px;
  box-shadow: 0 25px 80px rgba(0, 0, 0, .55);
  background: repeating-conic-gradient(rgba(148, 163, 184, .16) 0% 25%, transparent 0% 50%) 50% / 20px 20px;
  transition: opacity .2s ease;
  -webkit-user-drag: none;
}

.image-viewer__stage:not(.is-zoomed) .image-viewer__img {
  cursor: zoom-in;
}

.image-viewer__img.is-ready {
  opacity: 1;
}

.image-viewer__img.is-animating {
  transition: opacity .2s ease, width .25s cubic-bezier(.2, .8, .2, 1), height .25s cubic-bezier(.2, .8, .2, 1), transform .25s cubic-bezier(.2, .8, .2, 1);
}

.image-viewer.is-loading .image-viewer__img {
  opacity: 0;
}

.image-viewer__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  margin: -21px 0 0 -21px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, .15);
  border-top-color: #38bdf8;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease;
  animation: image-viewer-spin .8s linear infinite;
}

.image-viewer.is-loading .image-viewer__spinner {
  opacity: 1;
  transition-delay: .15s;
}

@keyframes image-viewer-spin {
  to {
    transform: rotate(360deg);
  }
}

.image-viewer__error {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #cbd5e1;
}

.image-viewer__error i {
  font-size: 36px;
  color: #64748b;
}

.image-viewer__error[hidden] {
  display: none;
}

.image-viewer__nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-top: -26px;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
  background: rgba(15, 23, 42, .6);
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transition: background-color .15s ease, transform .15s ease;
}

.image-viewer__nav:hover {
  background: rgba(14, 165, 233, .85);
  transform: scale(1.06);
}

.image-viewer__nav--prev {
  left: 16px;
}

.image-viewer__nav--next {
  right: 16px;
}

.image-viewer.is-single .image-viewer__nav {
  display: none;
}

.image-viewer__thumbs {
  display: flex;
  gap: 8px;
  padding: 10px 16px 14px;
  overflow-x: auto;
  justify-content: safe center;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .2) transparent;
  background: linear-gradient(to top, rgba(2, 6, 23, .85), rgba(2, 6, 23, 0));
  position: relative;
  z-index: 2;
}

.image-viewer.is-single .image-viewer__thumbs {
  display: none;
}

.image-viewer__thumb {
  flex: none;
  width: 68px;
  height: 50px;
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid transparent;
  background: rgba(255, 255, 255, .06);
  opacity: .5;
  transition: opacity .15s ease, border-color .15s ease, transform .15s ease;
}

.image-viewer__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}

.image-viewer__thumb:hover {
  opacity: .85;
}

.image-viewer__thumb.is-active {
  opacity: 1;
  border-color: #38bdf8;
  transform: translateY(-2px);
}

@media (max-width: 640px) {
  .image-viewer__bar {
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 12px;
  }

  .image-viewer__info {
    width: 100%;
  }

  .image-viewer__size {
    display: none;
  }

  .image-viewer__tools {
    margin-left: auto;
  }

  .image-viewer__tool {
    min-width: 34px;
    height: 34px;
    padding: 0 6px;
  }

  .image-viewer__tool[data-viewer="fit"], .image-viewer__divider {
    display: none;
  }

  .image-viewer__nav {
    width: 42px;
    height: 42px;
    margin-top: -21px;
    font-size: 15px;
  }

  .image-viewer__nav--prev {
    left: 8px;
  }

  .image-viewer__nav--next {
    right: 8px;
  }

  .image-viewer__thumb {
    width: 56px;
    height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .image-viewer[open], .image-viewer__spinner {
    animation: none;
  }

  .image-viewer__img.is-animating, .image-viewer__thumb, .image-viewer__nav {
    transition: none;
  }
}

.ql-snow.ql-toolbar button.ql-wab-clean-font {
  color: #444;
  font-size: 13px;
  line-height: 1;
}

.ql-snow.ql-toolbar button.ql-wab-clean-font:hover, .ql-snow.ql-toolbar button.ql-wab-clean-font:focus-visible {
  color: #06c;
}

.dark .ql-snow.ql-toolbar button.ql-wab-clean-font {
  color: #8b949e;
}

.dark .ql-snow.ql-toolbar button.ql-wab-clean-font:hover {
  color: #58a6ff;
}

/* Comparação genérica do deck de dois períodos: dois mini-slides lado a lado */

.gs-side {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--u) * 24);
  align-items: center;
}

.gs-side__col {
  container-type: inline-size;
  min-width: 0;
}

.gs-side__label {
  margin: 0 0 calc(var(--u) * 8);
  font-size: calc(var(--u) * 24);
  font-weight: 700;
  color: #1a73e8;
}

.gs-side__mini {
  box-shadow: none;
  border: 1px solid #e8eaed;
  border-radius: 8px;
}

.gs-side__mini .gs-body {
  padding: calc(var(--u) * 30) calc(var(--u) * 40);
}

.gs-side__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  aspect-ratio: 16 / 9;
  border: 1px dashed #bdc1c6;
  border-radius: 8px;
  color: #80868b;
  font-size: calc(var(--u) * 24);
}

.first-letter\:uppercase::first-letter {
  text-transform: uppercase;
}

.placeholder\:text-slate-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.placeholder\:text-slate-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.backdrop\:bg-slate-900\/60::backdrop {
  background-color: rgb(15 23 42 / 0.6);
}

.backdrop\:backdrop-blur-xs::backdrop {
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:bottom-4::before {
  content: var(--tw-content);
  bottom: 1rem;
}

.before\:left-3::before {
  content: var(--tw-content);
  left: 0.75rem;
}

.before\:top-4::before {
  content: var(--tw-content);
  top: 1rem;
}

.before\:w-0\.5::before {
  content: var(--tw-content);
  width: 0.125rem;
}

.before\:bg-gradient-to-b::before {
  content: var(--tw-content);
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.before\:from-sky-500::before {
  content: var(--tw-content);
  --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:via-indigo-500::before {
  content: var(--tw-content);
  --tw-gradient-to: rgb(99 102 241 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.before\:to-slate-300::before {
  content: var(--tw-content);
  --tw-gradient-to: #cbd5e1 var(--tw-gradient-to-position);
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}

.after\:rounded-2xl::after {
  content: var(--tw-content);
  border-radius: 1rem;
}

.first\:pt-0:first-child {
  padding-top: 0px;
}

.last\:border-0:last-child {
  border-width: 0px;
}

.last\:pb-0:last-child {
  padding-bottom: 0px;
}

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-emerald-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}

.hover\:border-indigo-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

.hover\:border-sky-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
}

.hover\:bg-emerald-50\/40:hover {
  background-color: rgb(236 253 245 / 0.4);
}

.hover\:bg-emerald-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-50\/40:hover {
  background-color: rgb(238 242 255 / 0.4);
}

.hover\:bg-primary-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(43 44 59 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.hover\:bg-rose-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-sky-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-sky-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-sky-50\/40:hover {
  background-color: rgb(240 249 255 / 0.4);
}

.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-50\/50:hover {
  background-color: rgb(248 250 252 / 0.5);
}

.hover\:bg-slate-50\/60:hover {
  background-color: rgb(248 250 252 / 0.6);
}

.hover\:bg-wab-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(43 44 59 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}

.hover\:\!from-violet-700:hover {
  --tw-gradient-from: #6d28d9 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.hover\:from-indigo-700:hover {
  --tw-gradient-from: #4338ca var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-violet-700:hover {
  --tw-gradient-from: #6d28d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:\!to-indigo-700:hover {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position) !important;
}

.hover\:to-indigo-700:hover {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}

.hover\:to-violet-700:hover {
  --tw-gradient-to: #6d28d9 var(--tw-gradient-to-position);
}

.hover\:text-amber-100:hover {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}

.hover\:text-amber-500:hover {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.hover\:text-amber-800:hover {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-600:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-700:hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(62 63 84 / var(--tw-text-opacity, 1));
}

.hover\:text-rose-500:hover {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}

.hover\:text-rose-600:hover {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

.hover\:text-rose-700:hover {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}

.hover\:text-sky-400:hover {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

.hover\:text-sky-600:hover {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}

.hover\:text-sky-700:hover {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.hover\:text-sky-800:hover {
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-200:hover {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-600:hover {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.focus\:fixed:focus {
  position: fixed;
}

.focus\:left-4:focus {
  left: 1rem;
}

.focus\:top-4:focus {
  top: 1rem;
}

.focus\:z-50:focus {
  z-index: 50;
}

.focus\:rounded-lg:focus {
  border-radius: 0.5rem;
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:bg-primary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(62 63 84 / var(--tw-bg-opacity, 1));
}

.focus\:px-4:focus {
  padding-left: 1rem;
  padding-right: 1rem;
}

.focus\:py-2:focus {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.focus\:text-white:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.focus\:shadow-lg:focus {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-emerald-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}

.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(62 63 84 / var(--tw-ring-opacity, 1));
}

.focus\:ring-rose-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity, 1));
}

.focus\:ring-sky-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity, 1));
}

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.focus-visible\:outline-red-600:focus-visible {
  outline-color: #dc2626;
}

.focus-visible\:outline-wab:focus-visible {
  outline-color: #3e3f54;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-sky-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity, 1));
}

.group\/summary[open] .group-open\/summary\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[open] .group-open\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-sky-500\/50 {
  border-color: rgb(14 165 233 / 0.5);
}

.group:hover .group-hover\:bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-sky-600 {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}

.has-\[\:checked\]\:border-emerald-500:has(:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.has-\[\:checked\]\:border-indigo-600:has(:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}

.has-\[\:checked\]\:border-sky-500:has(:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}

.has-\[\:checked\]\:border-violet-500:has(:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}

.has-\[\:checked\]\:bg-emerald-50\/80:has(:checked) {
  background-color: rgb(236 253 245 / 0.8);
}

.has-\[\:checked\]\:bg-indigo-50\/80:has(:checked) {
  background-color: rgb(238 242 255 / 0.8);
}

.has-\[\:checked\]\:bg-sky-50\/80:has(:checked) {
  background-color: rgb(240 249 255 / 0.8);
}

.has-\[\:checked\]\:bg-violet-50:has(:checked) {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.has-\[\:checked\]\:font-semibold:has(:checked) {
  font-weight: 600;
}

.has-\[\:checked\]\:text-violet-900:has(:checked) {
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}

.has-\[\:checked\]\:shadow-sm:has(:checked) {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group[aria-expanded="true"] .group-aria-expanded\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=active\]\:font-medium[data-state="active"] {
  font-weight: 500;
}

.data-\[state\=active\]\:text-indigo-700[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.data-\[state\=done\]\:text-emerald-700[data-state="done"] {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.data-\[removed\=true\]\:opacity-60[data-removed="true"] {
  opacity: 0.6;
}

@media (min-width: 640px) {
  .sm\:-left-8 {
    left: -2rem;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:mt-24 {
    margin-top: 6rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline-block {
    display: inline-block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-14 {
    height: 3.5rem;
  }

  .sm\:h-7 {
    height: 1.75rem;
  }

  .sm\:w-14 {
    width: 3.5rem;
  }

  .sm\:w-36 {
    width: 9rem;
  }

  .sm\:w-48 {
    width: 12rem;
  }

  .sm\:w-56 {
    width: 14rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-7 {
    width: 1.75rem;
  }

  .sm\:w-72 {
    width: 18rem;
  }

  .sm\:w-80 {
    width: 20rem;
  }

  .sm\:max-w-xs {
    max-width: 20rem;
  }

  .sm\:shrink-0 {
    flex-shrink: 0;
  }

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

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[12rem_1fr\] {
    grid-template-columns: 12rem 1fr;
  }

  .sm\:grid-cols-\[8rem_1fr\] {
    grid-template-columns: 8rem 1fr;
  }

  .sm\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:items-baseline {
    align-items: baseline;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:self-auto {
    align-self: auto;
  }

  .sm\:justify-self-end {
    justify-self: end;
  }

  .sm\:p-12 {
    padding: 3rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-7 {
    padding: 1.75rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:p-9 {
    padding: 2.25rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:pl-14 {
    padding-left: 3.5rem;
  }

  .sm\:pl-8 {
    padding-left: 2rem;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .sm\:text-\[2\.2rem\] {
    font-size: 2.2rem;
  }

  .sm\:text-\[2\.35rem\] {
    font-size: 2.35rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:before\:left-3\.5::before {
    content: var(--tw-content);
    left: 0.875rem;
  }
}

@media (min-width: 768px) {
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:table-cell {
    display: table-cell;
  }

  .md\:w-56 {
    width: 14rem;
  }

  .md\:w-80 {
    width: 20rem;
  }

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

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:self-center {
    align-self: center;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:inline-flex {
    display: inline-flex;
  }

  .lg\:hidden {
    display: none;
  }

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

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[260px_1fr\] {
    grid-template-columns: 260px 1fr;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
}

@media (min-width: 1280px) {
  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:block {
    display: block;
  }

  .xl\:aspect-square {
    aspect-ratio: 1 / 1;
  }

  .xl\:min-h-0 {
    min-height: 0px;
  }

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

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:items-start {
    align-items: flex-start;
  }

  .xl\:items-end {
    align-items: flex-end;
  }
}

.dark\:block:where(.dark, .dark *) {
  display: block;
}

.dark\:inline:where(.dark, .dark *) {
  display: inline;
}

.dark\:inline-flex:where(.dark, .dark *) {
  display: inline-flex;
}

.dark\:hidden:where(.dark, .dark *) {
  display: none;
}

.dark\:divide-slate-700\/60:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(51 65 85 / 0.6);
}

.dark\:divide-slate-800:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-divide-opacity, 1));
}

.dark\:divide-white\/10:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.1);
}

.dark\:divide-white\/5:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.05);
}

.dark\:\!border-amber-800:where(.dark, .dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(146 64 14 / var(--tw-border-opacity, 1)) !important;
}

.dark\:\!border-rose-500:where(.dark, .dark *) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1)) !important;
}

.dark\:border-amber-500\/20:where(.dark, .dark *) {
  border-color: rgb(245 158 11 / 0.2);
}

.dark\:border-amber-500\/30:where(.dark, .dark *) {
  border-color: rgb(245 158 11 / 0.3);
}

.dark\:border-amber-500\/40:where(.dark, .dark *) {
  border-color: rgb(245 158 11 / 0.4);
}

.dark\:border-amber-800:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
}

.dark\:border-amber-800\/40:where(.dark, .dark *) {
  border-color: rgb(146 64 14 / 0.4);
}

.dark\:border-amber-800\/50:where(.dark, .dark *) {
  border-color: rgb(146 64 14 / 0.5);
}

.dark\:border-amber-800\/60:where(.dark, .dark *) {
  border-color: rgb(146 64 14 / 0.6);
}

.dark\:border-amber-900\/60:where(.dark, .dark *) {
  border-color: rgb(120 53 15 / 0.6);
}

.dark\:border-blue-800:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}

.dark\:border-emerald-700\/40:where(.dark, .dark *) {
  border-color: rgb(4 120 87 / 0.4);
}

.dark\:border-emerald-800:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(6 95 70 / var(--tw-border-opacity, 1));
}

.dark\:border-emerald-800\/40:where(.dark, .dark *) {
  border-color: rgb(6 95 70 / 0.4);
}

.dark\:border-emerald-800\/50:where(.dark, .dark *) {
  border-color: rgb(6 95 70 / 0.5);
}

.dark\:border-emerald-800\/60:where(.dark, .dark *) {
  border-color: rgb(6 95 70 / 0.6);
}

.dark\:border-emerald-900\/40:where(.dark, .dark *) {
  border-color: rgb(6 78 59 / 0.4);
}

.dark\:border-emerald-900\/60:where(.dark, .dark *) {
  border-color: rgb(6 78 59 / 0.6);
}

.dark\:border-indigo-400\/40:where(.dark, .dark *) {
  border-color: rgb(129 140 248 / 0.4);
}

.dark\:border-indigo-800\/40:where(.dark, .dark *) {
  border-color: rgb(55 48 163 / 0.4);
}

.dark\:border-indigo-800\/50:where(.dark, .dark *) {
  border-color: rgb(55 48 163 / 0.5);
}

.dark\:border-indigo-900\/60:where(.dark, .dark *) {
  border-color: rgb(49 46 129 / 0.6);
}

.dark\:border-purple-800\/40:where(.dark, .dark *) {
  border-color: rgb(107 33 168 / 0.4);
}

.dark\:border-red-700\/40:where(.dark, .dark *) {
  border-color: rgb(185 28 28 / 0.4);
}

.dark\:border-red-800:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}

.dark\:border-red-900\/30:where(.dark, .dark *) {
  border-color: rgb(127 29 29 / 0.3);
}

.dark\:border-rose-500\/30:where(.dark, .dark *) {
  border-color: rgb(244 63 94 / 0.3);
}

.dark\:border-rose-800:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(159 18 57 / var(--tw-border-opacity, 1));
}

.dark\:border-rose-800\/40:where(.dark, .dark *) {
  border-color: rgb(159 18 57 / 0.4);
}

.dark\:border-rose-800\/50:where(.dark, .dark *) {
  border-color: rgb(159 18 57 / 0.5);
}

.dark\:border-rose-800\/60:where(.dark, .dark *) {
  border-color: rgb(159 18 57 / 0.6);
}

.dark\:border-rose-900\/50:where(.dark, .dark *) {
  border-color: rgb(136 19 55 / 0.5);
}

.dark\:border-rose-900\/60:where(.dark, .dark *) {
  border-color: rgb(136 19 55 / 0.6);
}

.dark\:border-sky-400\/20:where(.dark, .dark *) {
  border-color: rgb(56 189 248 / 0.2);
}

.dark\:border-sky-700\/30:where(.dark, .dark *) {
  border-color: rgb(3 105 161 / 0.3);
}

.dark\:border-sky-800\/30:where(.dark, .dark *) {
  border-color: rgb(7 89 133 / 0.3);
}

.dark\:border-sky-800\/40:where(.dark, .dark *) {
  border-color: rgb(7 89 133 / 0.4);
}

.dark\:border-sky-800\/50:where(.dark, .dark *) {
  border-color: rgb(7 89 133 / 0.5);
}

.dark\:border-sky-800\/60:where(.dark, .dark *) {
  border-color: rgb(7 89 133 / 0.6);
}

.dark\:border-sky-800\/80:where(.dark, .dark *) {
  border-color: rgb(7 89 133 / 0.8);
}

.dark\:border-sky-900\/30:where(.dark, .dark *) {
  border-color: rgb(12 74 110 / 0.3);
}

.dark\:border-slate-200:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-700:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-700\/50:where(.dark, .dark *) {
  border-color: rgb(51 65 85 / 0.5);
}

.dark\:border-slate-700\/60:where(.dark, .dark *) {
  border-color: rgb(51 65 85 / 0.6);
}

.dark\:border-slate-800:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}

.dark\:border-violet-500\/30:where(.dark, .dark *) {
  border-color: rgb(139 92 246 / 0.3);
}

.dark\:border-violet-800\/40:where(.dark, .dark *) {
  border-color: rgb(91 33 182 / 0.4);
}

.dark\:border-violet-800\/50:where(.dark, .dark *) {
  border-color: rgb(91 33 182 / 0.5);
}

.dark\:border-violet-800\/60:where(.dark, .dark *) {
  border-color: rgb(91 33 182 / 0.6);
}

.dark\:border-violet-900\/40:where(.dark, .dark *) {
  border-color: rgb(76 29 149 / 0.4);
}

.dark\:border-white\/10:where(.dark, .dark *) {
  border-color: rgb(255 255 255 / 0.1);
}

.dark\:border-white\/15:where(.dark, .dark *) {
  border-color: rgb(255 255 255 / 0.15);
}

.dark\:border-white\/20:where(.dark, .dark *) {
  border-color: rgb(255 255 255 / 0.2);
}

.dark\:border-white\/5:where(.dark, .dark *) {
  border-color: rgb(255 255 255 / 0.05);
}

.dark\:border-l-blue-500:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.dark\:border-l-emerald-500:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-left-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.dark\:border-l-orange-500:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-left-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}

.dark\:border-l-rose-500:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-left-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}

.dark\:border-l-slate-500:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-left-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}

.dark\:border-l-slate-600:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-left-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

.dark\:bg-\[\#090a12\]:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 18 / var(--tw-bg-opacity, 1));
}

.dark\:bg-amber-500\/10:where(.dark, .dark *) {
  background-color: rgb(245 158 11 / 0.1);
}

.dark\:bg-amber-900\/20:where(.dark, .dark *) {
  background-color: rgb(120 53 15 / 0.2);
}

.dark\:bg-amber-900\/40:where(.dark, .dark *) {
  background-color: rgb(120 53 15 / 0.4);
}

.dark\:bg-amber-900\/50:where(.dark, .dark *) {
  background-color: rgb(120 53 15 / 0.5);
}

.dark\:bg-amber-950\/20:where(.dark, .dark *) {
  background-color: rgb(69 26 3 / 0.2);
}

.dark\:bg-amber-950\/30:where(.dark, .dark *) {
  background-color: rgb(69 26 3 / 0.3);
}

.dark\:bg-amber-950\/40:where(.dark, .dark *) {
  background-color: rgb(69 26 3 / 0.4);
}

.dark\:bg-amber-950\/50:where(.dark, .dark *) {
  background-color: rgb(69 26 3 / 0.5);
}

.dark\:bg-amber-950\/60:where(.dark, .dark *) {
  background-color: rgb(69 26 3 / 0.6);
}

.dark\:bg-black\/20:where(.dark, .dark *) {
  background-color: rgb(0 0 0 / 0.2);
}

.dark\:bg-blue-500:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-900\/20:where(.dark, .dark *) {
  background-color: rgb(30 58 138 / 0.2);
}

.dark\:bg-blue-950\/20:where(.dark, .dark *) {
  background-color: rgb(23 37 84 / 0.2);
}

.dark\:bg-emerald-500:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.dark\:bg-emerald-500\/10:where(.dark, .dark *) {
  background-color: rgb(16 185 129 / 0.1);
}

.dark\:bg-emerald-900\/20:where(.dark, .dark *) {
  background-color: rgb(6 78 59 / 0.2);
}

.dark\:bg-emerald-900\/40:where(.dark, .dark *) {
  background-color: rgb(6 78 59 / 0.4);
}

.dark\:bg-emerald-900\/50:where(.dark, .dark *) {
  background-color: rgb(6 78 59 / 0.5);
}

.dark\:bg-emerald-900\/60:where(.dark, .dark *) {
  background-color: rgb(6 78 59 / 0.6);
}

.dark\:bg-emerald-950:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1));
}

.dark\:bg-emerald-950\/10:where(.dark, .dark *) {
  background-color: rgb(2 44 34 / 0.1);
}

.dark\:bg-emerald-950\/20:where(.dark, .dark *) {
  background-color: rgb(2 44 34 / 0.2);
}

.dark\:bg-emerald-950\/30:where(.dark, .dark *) {
  background-color: rgb(2 44 34 / 0.3);
}

.dark\:bg-emerald-950\/40:where(.dark, .dark *) {
  background-color: rgb(2 44 34 / 0.4);
}

.dark\:bg-emerald-950\/60:where(.dark, .dark *) {
  background-color: rgb(2 44 34 / 0.6);
}

.dark\:bg-indigo-500\/10:where(.dark, .dark *) {
  background-color: rgb(99 102 241 / 0.1);
}

.dark\:bg-indigo-500\/5:where(.dark, .dark *) {
  background-color: rgb(99 102 241 / 0.05);
}

.dark\:bg-indigo-900\/40:where(.dark, .dark *) {
  background-color: rgb(49 46 129 / 0.4);
}

.dark\:bg-indigo-900\/50:where(.dark, .dark *) {
  background-color: rgb(49 46 129 / 0.5);
}

.dark\:bg-indigo-950\/40:where(.dark, .dark *) {
  background-color: rgb(30 27 75 / 0.4);
}

.dark\:bg-indigo-950\/60:where(.dark, .dark *) {
  background-color: rgb(30 27 75 / 0.6);
}

.dark\:bg-orange-950\/20:where(.dark, .dark *) {
  background-color: rgb(67 20 7 / 0.2);
}

.dark\:bg-orange-950\/60:where(.dark, .dark *) {
  background-color: rgb(67 20 7 / 0.6);
}

.dark\:bg-primary\/5:where(.dark, .dark *) {
  background-color: rgb(62 63 84 / 0.05);
}

.dark\:bg-purple-900\/40:where(.dark, .dark *) {
  background-color: rgb(88 28 135 / 0.4);
}

.dark\:bg-purple-950\/40:where(.dark, .dark *) {
  background-color: rgb(59 7 100 / 0.4);
}

.dark\:bg-purple-950\/50:where(.dark, .dark *) {
  background-color: rgb(59 7 100 / 0.5);
}

.dark\:bg-purple-950\/60:where(.dark, .dark *) {
  background-color: rgb(59 7 100 / 0.6);
}

.dark\:bg-red-900\/20:where(.dark, .dark *) {
  background-color: rgb(127 29 29 / 0.2);
}

.dark\:bg-red-950\/60:where(.dark, .dark *) {
  background-color: rgb(69 10 10 / 0.6);
}

.dark\:bg-rose-500:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}

.dark\:bg-rose-500\/10:where(.dark, .dark *) {
  background-color: rgb(244 63 94 / 0.1);
}

.dark\:bg-rose-500\/5:where(.dark, .dark *) {
  background-color: rgb(244 63 94 / 0.05);
}

.dark\:bg-rose-900\/20:where(.dark, .dark *) {
  background-color: rgb(136 19 55 / 0.2);
}

.dark\:bg-rose-900\/60:where(.dark, .dark *) {
  background-color: rgb(136 19 55 / 0.6);
}

.dark\:bg-rose-950:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(76 5 25 / var(--tw-bg-opacity, 1));
}

.dark\:bg-rose-950\/10:where(.dark, .dark *) {
  background-color: rgb(76 5 25 / 0.1);
}

.dark\:bg-rose-950\/20:where(.dark, .dark *) {
  background-color: rgb(76 5 25 / 0.2);
}

.dark\:bg-rose-950\/30:where(.dark, .dark *) {
  background-color: rgb(76 5 25 / 0.3);
}

.dark\:bg-rose-950\/40:where(.dark, .dark *) {
  background-color: rgb(76 5 25 / 0.4);
}

.dark\:bg-rose-950\/60:where(.dark, .dark *) {
  background-color: rgb(76 5 25 / 0.6);
}

.dark\:bg-sky-400:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1));
}

.dark\:bg-sky-400\/10:where(.dark, .dark *) {
  background-color: rgb(56 189 248 / 0.1);
}

.dark\:bg-sky-500\/10:where(.dark, .dark *) {
  background-color: rgb(14 165 233 / 0.1);
}

.dark\:bg-sky-900\/30:where(.dark, .dark *) {
  background-color: rgb(12 74 110 / 0.3);
}

.dark\:bg-sky-900\/50:where(.dark, .dark *) {
  background-color: rgb(12 74 110 / 0.5);
}

.dark\:bg-sky-900\/60:where(.dark, .dark *) {
  background-color: rgb(12 74 110 / 0.6);
}

.dark\:bg-sky-950\/10:where(.dark, .dark *) {
  background-color: rgb(8 47 73 / 0.1);
}

.dark\:bg-sky-950\/20:where(.dark, .dark *) {
  background-color: rgb(8 47 73 / 0.2);
}

.dark\:bg-sky-950\/30:where(.dark, .dark *) {
  background-color: rgb(8 47 73 / 0.3);
}

.dark\:bg-sky-950\/40:where(.dark, .dark *) {
  background-color: rgb(8 47 73 / 0.4);
}

.dark\:bg-sky-950\/50:where(.dark, .dark *) {
  background-color: rgb(8 47 73 / 0.5);
}

.dark\:bg-sky-950\/60:where(.dark, .dark *) {
  background-color: rgb(8 47 73 / 0.6);
}

.dark\:bg-slate-100:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-200:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-500:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-600:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-700:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-800:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-800\/40:where(.dark, .dark *) {
  background-color: rgb(30 41 59 / 0.4);
}

.dark\:bg-slate-800\/50:where(.dark, .dark *) {
  background-color: rgb(30 41 59 / 0.5);
}

.dark\:bg-slate-800\/60:where(.dark, .dark *) {
  background-color: rgb(30 41 59 / 0.6);
}

.dark\:bg-slate-800\/80:where(.dark, .dark *) {
  background-color: rgb(30 41 59 / 0.8);
}

.dark\:bg-slate-900:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-900\/30:where(.dark, .dark *) {
  background-color: rgb(15 23 42 / 0.3);
}

.dark\:bg-slate-900\/40:where(.dark, .dark *) {
  background-color: rgb(15 23 42 / 0.4);
}

.dark\:bg-slate-900\/50:where(.dark, .dark *) {
  background-color: rgb(15 23 42 / 0.5);
}

.dark\:bg-slate-900\/60:where(.dark, .dark *) {
  background-color: rgb(15 23 42 / 0.6);
}

.dark\:bg-slate-900\/70:where(.dark, .dark *) {
  background-color: rgb(15 23 42 / 0.7);
}

.dark\:bg-slate-900\/80:where(.dark, .dark *) {
  background-color: rgb(15 23 42 / 0.8);
}

.dark\:bg-slate-950:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-950\/80:where(.dark, .dark *) {
  background-color: rgb(2 6 23 / 0.8);
}

.dark\:bg-slate-950\/90:where(.dark, .dark *) {
  background-color: rgb(2 6 23 / 0.9);
}

.dark\:bg-violet-900\/40:where(.dark, .dark *) {
  background-color: rgb(76 29 149 / 0.4);
}

.dark\:bg-violet-900\/50:where(.dark, .dark *) {
  background-color: rgb(76 29 149 / 0.5);
}

.dark\:bg-violet-950:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(46 16 101 / var(--tw-bg-opacity, 1));
}

.dark\:bg-violet-950\/20:where(.dark, .dark *) {
  background-color: rgb(46 16 101 / 0.2);
}

.dark\:bg-violet-950\/30:where(.dark, .dark *) {
  background-color: rgb(46 16 101 / 0.3);
}

.dark\:bg-violet-950\/60:where(.dark, .dark *) {
  background-color: rgb(46 16 101 / 0.6);
}

.dark\:bg-wab-400\/20:where(.dark, .dark *) {
  background-color: rgb(143 145 173 / 0.2);
}

.dark\:bg-white:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.dark\:bg-white\/10:where(.dark, .dark *) {
  background-color: rgb(255 255 255 / 0.1);
}

.dark\:bg-white\/5:where(.dark, .dark *) {
  background-color: rgb(255 255 255 / 0.05);
}

.dark\:bg-white\/\[\.03\]:where(.dark, .dark *) {
  background-color: rgb(255 255 255 / .03);
}

.dark\:bg-white\/\[\.04\]:where(.dark, .dark *) {
  background-color: rgb(255 255 255 / .04);
}

.dark\:bg-white\/\[0\.01\]:where(.dark, .dark *) {
  background-color: rgb(255 255 255 / 0.01);
}

.dark\:bg-white\/\[0\.02\]:where(.dark, .dark *) {
  background-color: rgb(255 255 255 / 0.02);
}

.dark\:bg-white\/\[0\.03\]:where(.dark, .dark *) {
  background-color: rgb(255 255 255 / 0.03);
}

.dark\:from-emerald-400\/10:where(.dark, .dark *) {
  --tw-gradient-from: rgb(52 211 153 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-indigo-950\/20:where(.dark, .dark *) {
  --tw-gradient-from: rgb(30 27 75 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-rose-400\/10:where(.dark, .dark *) {
  --tw-gradient-from: rgb(251 113 133 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-sky-400\/10:where(.dark, .dark *) {
  --tw-gradient-from: rgb(56 189 248 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-slate-950:where(.dark, .dark *) {
  --tw-gradient-from: #020617 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-violet-950\/20:where(.dark, .dark *) {
  --tw-gradient-from: rgb(46 16 101 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(46 16 101 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:via-slate-900:where(.dark, .dark *) {
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.dark\:via-slate-900\/40:where(.dark, .dark *) {
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(15 23 42 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.dark\:to-blue-500\/10:where(.dark, .dark *) {
  --tw-gradient-to: rgb(59 130 246 / 0.1) var(--tw-gradient-to-position);
}

.dark\:to-indigo-500\/10:where(.dark, .dark *) {
  --tw-gradient-to: rgb(99 102 241 / 0.1) var(--tw-gradient-to-position);
}

.dark\:to-indigo-950\/20:where(.dark, .dark *) {
  --tw-gradient-to: rgb(30 27 75 / 0.2) var(--tw-gradient-to-position);
}

.dark\:to-pink-500\/10:where(.dark, .dark *) {
  --tw-gradient-to: rgb(236 72 153 / 0.1) var(--tw-gradient-to-position);
}

.dark\:to-sky-950\/20:where(.dark, .dark *) {
  --tw-gradient-to: rgb(8 47 73 / 0.2) var(--tw-gradient-to-position);
}

.dark\:to-slate-800:where(.dark, .dark *) {
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}

.dark\:to-teal-500\/10:where(.dark, .dark *) {
  --tw-gradient-to: rgb(20 184 166 / 0.1) var(--tw-gradient-to-position);
}

.dark\:\!text-amber-400:where(.dark, .dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1)) !important;
}

.dark\:text-amber-100:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-200:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-200:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}

.dark\:text-orange-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}

.dark\:text-orange-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.dark\:text-primary-light:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(84 86 116 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.dark\:text-red-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.dark\:text-red-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.dark\:text-rose-200:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
}

.dark\:text-rose-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}

.dark\:text-rose-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.dark\:text-sky-100:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 242 254 / var(--tw-text-opacity, 1));
}

.dark\:text-sky-200:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(186 230 253 / var(--tw-text-opacity, 1));
}

.dark\:text-sky-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.dark\:text-sky-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-100:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-200:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-500:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-600:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-900:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-200:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-300\/80:where(.dark, .dark *) {
  color: rgb(196 181 253 / 0.8);
}

.dark\:text-violet-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}

.dark\:text-wab-200:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(217 217 227 / var(--tw-text-opacity, 1));
}

.dark\:text-wab-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(185 187 203 / var(--tw-text-opacity, 1));
}

.dark\:text-white:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark\:shadow-\[0_1px_0_0_\#334155\]:where(.dark, .dark *) {
  --tw-shadow: 0 1px 0 0 #334155;
  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-black\/40:where(.dark, .dark *) {
  --tw-shadow-color: rgb(0 0 0 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.dark\:ring-amber-400\/25:where(.dark, .dark *) {
  --tw-ring-color: rgb(251 191 36 / 0.25);
}

.dark\:ring-emerald-400\/25:where(.dark, .dark *) {
  --tw-ring-color: rgb(52 211 153 / 0.25);
}

.dark\:ring-indigo-400\/20:where(.dark, .dark *) {
  --tw-ring-color: rgb(129 140 248 / 0.2);
}

.dark\:ring-rose-400\/25:where(.dark, .dark *) {
  --tw-ring-color: rgb(251 113 133 / 0.25);
}

.dark\:ring-rose-400\/30:where(.dark, .dark *) {
  --tw-ring-color: rgb(251 113 133 / 0.3);
}

.dark\:ring-sky-400\/20:where(.dark, .dark *) {
  --tw-ring-color: rgb(56 189 248 / 0.2);
}

.dark\:ring-slate-600:where(.dark, .dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1));
}

.dark\:ring-slate-900:where(.dark, .dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1));
}

.dark\:ring-white\/10:where(.dark, .dark *) {
  --tw-ring-color: rgb(255 255 255 / 0.1);
}

.dark\:ring-white\/15:where(.dark, .dark *) {
  --tw-ring-color: rgb(255 255 255 / 0.15);
}

.dark\:before\:to-slate-700:where(.dark, .dark *)::before {
  content: var(--tw-content);
  --tw-gradient-to: #334155 var(--tw-gradient-to-position);
}

.dark\:hover\:border-sky-700:hover:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(3 105 161 / var(--tw-border-opacity, 1));
}

.dark\:hover\:bg-emerald-950\/20:hover:where(.dark, .dark *) {
  background-color: rgb(2 44 34 / 0.2);
}

.dark\:hover\:bg-indigo-500\/10:hover:where(.dark, .dark *) {
  background-color: rgb(99 102 241 / 0.1);
}

.dark\:hover\:bg-indigo-950\/20:hover:where(.dark, .dark *) {
  background-color: rgb(30 27 75 / 0.2);
}

.dark\:hover\:bg-purple-900:hover:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-rose-500\/10:hover:where(.dark, .dark *) {
  background-color: rgb(244 63 94 / 0.1);
}

.dark\:hover\:bg-rose-950\/40:hover:where(.dark, .dark *) {
  background-color: rgb(76 5 25 / 0.4);
}

.dark\:hover\:bg-sky-950\/20:hover:where(.dark, .dark *) {
  background-color: rgb(8 47 73 / 0.2);
}

.dark\:hover\:bg-sky-950\/40:hover:where(.dark, .dark *) {
  background-color: rgb(8 47 73 / 0.4);
}

.dark\:hover\:bg-sky-950\/50:hover:where(.dark, .dark *) {
  background-color: rgb(8 47 73 / 0.5);
}

.dark\:hover\:bg-sky-950\/60:hover:where(.dark, .dark *) {
  background-color: rgb(8 47 73 / 0.6);
}

.dark\:hover\:bg-slate-700:hover:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-slate-800:hover:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-slate-800\/40:hover:where(.dark, .dark *) {
  background-color: rgb(30 41 59 / 0.4);
}

.dark\:hover\:bg-slate-800\/50:hover:where(.dark, .dark *) {
  background-color: rgb(30 41 59 / 0.5);
}

.dark\:hover\:bg-slate-800\/60:hover:where(.dark, .dark *) {
  background-color: rgb(30 41 59 / 0.6);
}

.dark\:hover\:bg-slate-900:hover:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-slate-900\/50:hover:where(.dark, .dark *) {
  background-color: rgb(15 23 42 / 0.5);
}

.dark\:hover\:bg-white\/10:hover:where(.dark, .dark *) {
  background-color: rgb(255 255 255 / 0.1);
}

.dark\:hover\:bg-white\/5:hover:where(.dark, .dark *) {
  background-color: rgb(255 255 255 / 0.05);
}

.dark\:hover\:bg-white\/\[0\.02\]:hover:where(.dark, .dark *) {
  background-color: rgb(255 255 255 / 0.02);
}

.dark\:hover\:text-amber-200:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-amber-400:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-indigo-300:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-indigo-400:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-primary-light:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(84 86 116 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-rose-300:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-rose-400:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-sky-100:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 242 254 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-sky-300:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-sky-400:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-slate-200:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-slate-300:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-white:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .dark\:group-hover\:text-sky-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

.dark\:has-\[\:checked\]\:border-violet-400:has(:checked):where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
}

.dark\:has-\[\:checked\]\:bg-emerald-950\/30:has(:checked):where(.dark, .dark *) {
  background-color: rgb(2 44 34 / 0.3);
}

.dark\:has-\[\:checked\]\:bg-indigo-950\/40:has(:checked):where(.dark, .dark *) {
  background-color: rgb(30 27 75 / 0.4);
}

.dark\:has-\[\:checked\]\:bg-sky-950\/40:has(:checked):where(.dark, .dark *) {
  background-color: rgb(8 47 73 / 0.4);
}

.dark\:has-\[\:checked\]\:bg-violet-500\/15:has(:checked):where(.dark, .dark *) {
  background-color: rgb(139 92 246 / 0.15);
}

.dark\:has-\[\:checked\]\:text-violet-100:has(:checked):where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(237 233 254 / var(--tw-text-opacity, 1));
}

.dark\:data-\[state\=active\]\:text-indigo-300[data-state="active"]:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

.dark\:data-\[state\=done\]\:text-emerald-300[data-state="done"]:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.\[\&_ul\]\:list-disc ul {
  list-style-type: disc;
}

.\[\&_ul\]\:pl-5 ul {
  padding-left: 1.25rem;
}