/* [project]/src/app/plusjakartadisplay_4b0ac209.module.css [app-client] (css) */
@font-face {
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
  font-family: plusJakartaDisplay;
  src: url("../media/PlusJakartaDisplay_Light-s.p.1hkm8vc9td8cm.woff2") format("woff2");
  font-display: swap;
  font-weight: 300;
  font-style: normal;
}

@font-face {
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
  font-family: plusJakartaDisplay;
  src: url("../media/PlusJakartaDisplay_LightItalic-s.p.3986heqiupwuy.woff2") format("woff2");
  font-display: swap;
  font-weight: 300;
  font-style: italic;
}

@font-face {
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
  font-family: plusJakartaDisplay;
  src: url("../media/PlusJakartaDisplay_Regular-s.p.0zlnj0cx14m8y.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
  font-family: plusJakartaDisplay;
  src: url("../media/PlusJakartaDisplay_Italic-s.p.0-18x-m_v8g0q.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}

@font-face {
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
  font-family: plusJakartaDisplay;
  src: url("../media/PlusJakartaDisplay_Medium-s.p.3bfarcbxubipp.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
  font-family: plusJakartaDisplay;
  src: url("../media/PlusJakartaDisplay_MediumItalic-s.p.1qgrwurkpwi3-.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: italic;
}

@font-face {
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
  font-family: plusJakartaDisplay;
  src: url("../media/PlusJakartaDisplay_Bold-s.p.3nikcgn5cf40p.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
  font-family: plusJakartaDisplay;
  src: url("../media/PlusJakartaDisplay_BoldItalic-s.p.1wvzocvrnn90s.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: plusJakartaDisplay Fallback;
  src: local(Arial);
  ascent-override: 105.4%;
  descent-override: 21.95%;
  line-gap-override: 0.0%;
  size-adjust: 101.62%;
}

.plusjakartadisplay_4b0ac209-module__lhpUpa__className {
  font-family: plusJakartaDisplay, plusJakartaDisplay Fallback;
}

.plusjakartadisplay_4b0ac209-module__lhpUpa__variable {
  --font-jakarta-display: "plusJakartaDisplay", "plusJakartaDisplay Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer field-focus {
  :is(input, textarea, select, [role="textbox"], [role="combobox"], [contenteditable="true"]), :is(.fieldSelectInputWrap, .app-select-trigger, .lab-select-trigger, .filterBtn, .sales-card-document-trigger, .date-time-calendar-select-trigger, .admin-date > button) {
    outline: none !important;
  }

  :is(input, textarea, select, [role="textbox"], [role="combobox"], [contenteditable="true"]):is(:focus, :focus-visible), :is(.fieldSelectInputWrap, .app-select-trigger, .lab-select-trigger, .filterBtn, .sales-card-document-trigger, .date-time-calendar-select-trigger, .admin-date > button):is(:focus, :focus-visible, :focus-within, .focused, .app-select-open), :is(.contacts-search, .selectSearchBox, .app-select-search-wrap, .agenda-search, .agenda-filter-search, .spotlight-top, .conversations-editor, .contacts-tags-control, .platform-mail-address-control, .sales-card-secure-field, .sales-payment-options label):focus-within {
    box-shadow: none !important;
    outline: none !important;
  }

  .sales-recurring-consent .adm-checkbox:has(input:focus-visible:not(:disabled)) > span {
    box-shadow: none !important;
    outline: none !important;
  }

  :is(input, textarea, select, [role="textbox"], [role="combobox"], [contenteditable="true"]):focus:not(:disabled):not([readonly]):not([aria-invalid="true"]):not(.input-error), :is(.fieldSelectInputWrap, .app-select-trigger, .lab-select-trigger, .filterBtn, .sales-card-document-trigger, .date-time-calendar-select-trigger, .admin-date > button):is(:focus, :focus-visible, :focus-within, .focused, .app-select-open):not(:disabled):not([aria-disabled="true"]):not(.input-error), :is(.contacts-search, .selectSearchBox, .app-select-search-wrap, .agenda-search, .agenda-filter-search, .spotlight-top, .conversations-editor, .contacts-tags-control, .platform-mail-address-control, .sales-card-secure-field, .sales-payment-options label):focus-within {
    border-color: var(--ws-accent, var(--planejalfa-violet-primary)) !important;
  }

  .sales-recurring-consent .adm-checkbox:has(input:focus-visible:not(:disabled)) > span {
    border-color: var(--ws-accent, var(--planejalfa-violet-primary)) !important;
  }
}

@layer theme {
  :root, :host {
    --color-red-600: #e40014;
    --color-neutral-300: #d4d4d4;
    --color-neutral-600: #525252;
    --color-neutral-900: #171717;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-6xl: 72rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-lg: .5rem;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-neutral-300: lab(84.92% 0 -.0000119209);
      --color-neutral-600: lab(34.924% 0 0);
      --color-neutral-900: lab(7.78201% -.0000149012 0);
    }
  }
}

@layer base {
  a {
    color: var(--planejalfa-violet-dark);
  }

  a:hover {
    color: var(--planejalfa-violet-primary);
  }

  h1 {
    color: var(--planejalfa-night);
    margin: 0 0 12px;
    font-size: 28px;
  }

  p {
    color: var(--planejalfa-gray);
    line-height: 1.5;
  }

  label {
    color: var(--planejalfa-graphite);
    font-size: 14px;
    font-weight: 600;
  }

  input {
    border: 1px solid var(--planejalfa-gray);
    width: 100%;
    padding: 12px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    input {
      border: 1px solid color-mix(in srgb, var(--planejalfa-gray) 45%, white);
    }
  }

  input {
    font: inherit;
    color: var(--planejalfa-graphite);
    border-radius: 8px;
  }

  button:focus-visible, a:focus-visible, summary:focus-visible {
    outline: 2px solid var(--planejalfa-violet-primary);
    outline-offset: 2px;
  }

  button {
    background-image: var(--planejalfa-gradient);
    color: #fff;
    font: inherit;
    text-shadow: 0 1px 2px var(--planejalfa-violet-dark);
    cursor: pointer;
    background-position: 100%;
    background-size: 220% 220%;
    border: 0;
    border-radius: 8px;
    padding: 12px 16px;
    font-weight: 700;
    transition: background-position .45s, box-shadow .25s, transform .25s;
  }

  button:not(:disabled):not(.secondary):hover {
    box-shadow: 0 7px 18px var(--planejalfa-violet-dark);
    background-position: 0%;
  }

  @supports (color: color-mix(in lab, red, red)) {
    button:not(:disabled):not(.secondary):hover {
      box-shadow: 0 7px 18px color-mix(in srgb, var(--planejalfa-violet-dark) 24%, transparent);
    }
  }

  button:not(:disabled):not(.secondary):hover {
    transform: translateY(-1px);
  }

  button:disabled {
    opacity: .55;
    cursor: not-allowed;
  }

  button.secondary {
    border: 1px solid var(--planejalfa-violet-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    button.secondary {
      border: 1px solid color-mix(in srgb, var(--planejalfa-violet-primary) 28%, white);
    }
  }

  button.secondary {
    background: var(--planejalfa-violet-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    button.secondary {
      background: color-mix(in srgb, var(--planejalfa-violet-light) 10%, white);
    }
  }

  button.secondary {
    color: var(--planejalfa-violet-dark);
    text-shadow: none;
  }

  button.secondary:not(:disabled):hover {
    background: var(--planejalfa-violet-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    button.secondary:not(:disabled):hover {
      background: color-mix(in srgb, var(--planejalfa-violet-light) 18%, white);
    }
  }

  select {
    border: 1px solid var(--planejalfa-gray);
    padding: 10px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    select {
      border: 1px solid color-mix(in srgb, var(--planejalfa-gray) 45%, white);
    }
  }

  select {
    color: var(--planejalfa-graphite);
    font: inherit;
    background: #fff;
    border-radius: 8px;
  }
}

@layer module-layout;

@layer utilities {
  .\@container {
    container-type: inline-size;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .inset-0 {
    inset: 0;
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }

  .isolate {
    isolation: isolate;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

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

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

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

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-1 {
    margin: var(--spacing);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-\[21\/9\] {
    aspect-ratio: 21 / 9;
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .h-full {
    height: 100%;
  }

  .\!min-h-10 {
    min-height: calc(var(--spacing) * 10) !important;
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }

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

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

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

  .max-w-sm {
    max-width: var(--container-sm);
  }

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

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

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

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

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

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

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

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

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

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

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

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

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

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .\!rounded-full {
    border-radius: 3.40282e38px !important;
  }

  .rounded-\[var\(--lp-radius\)\] {
    border-radius: var(--lp-radius);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-current\/10 {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/10 {
      border-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }

  .border-current\/15 {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/15 {
      border-color: color-mix(in oklab, currentcolor 15%, transparent);
    }
  }

  .border-current\/20 {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/20 {
      border-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }

  .border-neutral-300 {
    border-color: var(--color-neutral-300);
  }

  .bg-\[color-mix\(in_srgb\,var\(--lp-text\)_8\%\,transparent\)\] {
    background-color: var(--lp-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--lp-text\)_8\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--lp-text) 8%,transparent);
    }
  }

  .bg-\[var\(--lp-bg\)\] {
    background-color: var(--lp-bg);
  }

  .bg-\[var\(--lp-surface\)\] {
    background-color: var(--lp-surface);
  }

  .bg-white {
    background-color: var(--color-white);
  }

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

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

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .\!px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

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

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

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

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

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

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

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

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

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

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

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

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }

  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

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

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

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

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

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

  .text-neutral-600 {
    color: var(--color-neutral-600);
  }

  .text-neutral-900 {
    color: var(--color-neutral-900);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-85 {
    opacity: .85;
  }

  .opacity-90 {
    opacity: .9;
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .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, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .group-open\:hidden:is(:where(.group):is([open], :popover-open, :open) *) {
    display: none;
  }

  @media (hover: hover) {
    .hover\:opacity-70:hover {
      opacity: .7;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  @container (min-width: 28rem) {
    .\@md\:block {
      display: block;
    }

    .\@md\:hidden {
      display: none;
    }

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

    .\@md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .\@md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .\@md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .\@md\:py-36 {
      padding-block: calc(var(--spacing) * 36);
    }

    .\@md\:text-\[18px\] {
      font-size: 18px;
    }

    .\@md\:text-\[20px\] {
      font-size: 20px;
    }

    .\@md\:text-\[40px\] {
      font-size: 40px;
    }

    .\@md\:text-\[52px\] {
      font-size: 52px;
    }

    .\@md\:text-\[60px\] {
      font-size: 60px;
    }
  }

  @container (min-width: 48rem) {
    .\@3xl\:order-2 {
      order: 2;
    }

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

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

    .\@3xl\:flex-row {
      flex-direction: row;
    }

    .\@3xl\:items-center {
      align-items: center;
    }

    .\@3xl\:items-start {
      align-items: flex-start;
    }

    .\@3xl\:justify-between {
      justify-content: space-between;
    }
  }

  @container (min-width: 56rem) {
    .\@4xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
}

:root {
  --planejalfa-violet-light: #b45cff;
  --planejalfa-violet-mid: #8b3dff;
  --planejalfa-violet-primary: #6c2bff;
  --planejalfa-violet-dark: #4217c8;
  --planejalfa-night: #090d20;
  --planejalfa-graphite: #11162a;
  --planejalfa-gray: #667085;
  --planejalfa-snow: #f7f8fc;
  --planejalfa-gradient: linear-gradient(135deg,
    #b45cff 0%,
    #8b3dff 38%,
    #6c2bff 68%,
    #4217c8 100%);
  --scrollbar-track: #f6f4f9;
  --scrollbar-thumb: #a47ae6;
  --scrollbar-thumb-hover: #8b3dff;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  font-family: var(--font-jakarta-display), Arial, Helvetica, sans-serif;
  background: var(--planejalfa-snow);
  color: var(--planejalfa-night);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

html, html * {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

html::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

html ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

html::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 999px;
}

html ::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 999px;
}

html::-webkit-scrollbar-thumb {
  background: var(--planejalfa-gradient);
  border-radius: 999px;
}

html ::-webkit-scrollbar-thumb {
  background: var(--planejalfa-gradient);
  border-radius: 999px;
}

html::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}

html ::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}

html::-webkit-scrollbar-corner {
  background: var(--scrollbar-track);
}

html ::-webkit-scrollbar-corner {
  background: var(--scrollbar-track);
}

@supports selector(::-webkit-scrollbar) {
  html, html * {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
}

.shell {
  place-items: center;
  min-height: 100vh;
  padding: 24px;
  display: grid;
}

.card {
  border: 1px solid var(--planejalfa-gray);
  background: #fff;
  width: min(100%, 440px);
}

@supports (color: color-mix(in lab, red, red)) {
  .card {
    border: 1px solid color-mix(in srgb, var(--planejalfa-gray) 22%, white);
  }
}

.card {
  box-shadow: 0 10px 35px var(--planejalfa-night);
  border-radius: 16px;
  padding: 32px;
}

@supports (color: color-mix(in lab, red, red)) {
  .card {
    box-shadow: 0 10px 35px color-mix(in srgb, var(--planejalfa-night) 8%, transparent);
  }
}

.card.wide {
  width: min(100%, 900px);
}

.form {
  gap: 12px;
  margin: 20px 0;
  display: grid;
}

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

.notice {
  background: var(--planejalfa-violet-light);
  border-radius: 8px;
  padding: 12px;
}

@supports (color: color-mix(in lab, red, red)) {
  .notice {
    background: color-mix(in srgb, var(--planejalfa-violet-light) 10%, white);
  }
}

.notice {
  color: var(--planejalfa-violet-dark);
}

.error {
  background: var(--planejalfa-violet-light);
  border-radius: 8px;
  padding: 12px;
}

@supports (color: color-mix(in lab, red, red)) {
  .error {
    background: color-mix(in srgb, var(--planejalfa-violet-light) 16%, white);
  }
}

.error {
  color: var(--planejalfa-violet-dark);
}

.row {
  border-bottom: 1px solid var(--planejalfa-gray);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .row {
    border-bottom: 1px solid color-mix(in srgb, var(--planejalfa-gray) 18%, white);
  }
}

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

.inline-form input[type="checkbox"] {
  width: auto;
  accent-color: var(--planejalfa-violet-primary);
}

details {
  width: 100%;
}

summary {
  cursor: pointer;
  color: var(--planejalfa-violet-dark);
}

.module-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

fieldset {
  border: 1px solid var(--planejalfa-gray);
}

@supports (color: color-mix(in lab, red, red)) {
  fieldset {
    border: 1px solid color-mix(in srgb, var(--planejalfa-gray) 22%, white);
  }
}

fieldset {
  border-radius: 8px;
}

legend {
  font-weight: 600;
}

.check {
  padding: 3px 0;
  font-size: 13px;
  font-weight: 400;
  display: block;
}

.check input {
  width: auto;
  accent-color: var(--planejalfa-violet-primary);
}

@media (prefers-reduced-motion: reduce) {
  button {
    transition: none;
  }

  button:not(:disabled):not(.secondary):hover {
    transform: none;
  }
}

:is(.contacts-form:has( > .form-loading-overlay), .form-loading-host) {
  position: relative;
}

.form-loading-overlay {
  z-index: 4;
  border-radius: inherit;
  background: var(--ws-surface, #fff);
  place-items: center;
  min-height: 96px;
  display: grid;
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .form-loading-overlay {
    background: color-mix(in srgb, var(--ws-surface, #fff) 85%, transparent);
  }
}

.form-loading-overlay {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.form-loading-spinner {
  border: 3px solid var(--ws-accent-soft, #e8ddff);
  border-top-color: var(--ws-accent, #6c2bff);
  border-radius: 50%;
  width: 34px;
  height: 34px;
  animation: .8s linear infinite form-loading-spin;
  display: block;
}

.form-loading-overlay-compact {
  min-height: 64px;
}

.form-loading-overlay-compact .form-loading-spinner {
  border-width: 2px;
  width: 26px;
  height: 26px;
}

@keyframes form-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .form-loading-spinner {
    animation-duration: 2s;
  }
}

.integrations-whatsapp-connect, .integrations-whatsapp-form {
  gap: 12px;
  margin-top: 14px;
  display: grid;
}

.integrations-whatsapp-connect small, .integrations-whatsapp-form small {
  color: var(--ws-muted, #64748b);
  font-size: 12px;
  line-height: 1.5;
}

.integrations-whatsapp-connect > button, .integrations-whatsapp-form > button {
  justify-self: start;
}

.integrations-whatsapp-templates {
  padding: 18px;
}

.integrations-whatsapp-form {
  max-width: 620px;
  padding: 16px 0;
}

.integrations-whatsapp-form label {
  color: var(--ws-text, #334155);
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  display: grid;
}

.integrations-whatsapp-form :is(input, select, textarea) {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface, #fff);
  width: 100%;
  min-height: 36px;
  color: inherit;
  font: inherit;
  border-radius: 7px;
  padding: 8px 10px;
}

.conversations-template-sender {
  border-top: 1px solid var(--ws-border);
  padding: 8px 14px;
}

.conversations-template-content {
  gap: 10px;
  max-height: 250px;
  padding-top: 10px;
  display: grid;
  overflow: auto;
}

.conversations-template-content > p {
  border: 1px solid var(--ws-border);
  white-space: pre-wrap;
  border-radius: 7px;
  padding: 10px;
  font-size: 13px;
}

.conversations-template-content > label {
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.conversations-template-content > button {
  justify-self: start;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/auth.css [app-client] (css) */
.auth-shell {
  min-height: 100svh;
  color: var(--planejalfa-graphite);
  -webkit-font-smoothing: antialiased;
  background: radial-gradient(at 8% 20%, #ece2ff80, #0000 48%), linear-gradient(145deg, #fff, #faf8fd 65%, #f3eff9);
  padding: 32px;
}

.auth-layout {
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
  align-content: center;
  align-items: stretch;
  gap: 20px clamp(40px, 6vw, 88px);
  width: min(960px, 100%);
  min-height: calc(100svh - 64px);
  margin: auto;
  display: grid;
}

.auth-story {
  grid-area: 1 / 1;
  grid-template-rows: auto 1fr;
  gap: 44px;
  padding: 24px 0;
  display: grid;
}

.auth-story-logo {
  grid-row: 1;
  align-self: start;
  width: 180px;
  max-width: 100%;
  height: auto;
  display: block;
}

.auth-story > div {
  grid-row: 2;
  align-self: center;
  padding-bottom: 24px;
}

.auth-eyebrow {
  color: var(--planejalfa-violet-primary);
  letter-spacing: .12em;
  margin-bottom: 18px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.8;
  display: block;
}

.auth-story h2 {
  color: var(--planejalfa-graphite);
  letter-spacing: -.045em;
  text-wrap: wrap;
  margin: 0;
  font-size: clamp(30px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.22;
}

.auth-story h2 span {
  color: var(--planejalfa-violet-primary);
}

.auth-story p {
  color: #777084;
  margin: 18px 0 0;
  font-size: 13px;
  line-height: 1.8;
}

.auth-story-footer {
  color: #827a8d;
  grid-area: 2 / 1;
  align-self: center;
  font-size: 11px;
  line-height: 1.6;
}

.auth-content {
  grid-area: 1 / 2;
  width: 100%;
  min-width: 0;
}

.auth-card {
  background: #fff;
  border: 1px solid #e5ddeb;
  border-radius: 16px;
  padding: 30px;
  animation: .25s ease-out both auth-enter;
  box-shadow: 0 12px 40px #37204e07, 0 2px 6px #37204e03;
}

.auth-card-logo {
  width: 154px;
  max-width: 100%;
  height: auto;
  margin-bottom: 26px;
  display: none;
}

.auth-card h1 {
  color: var(--planejalfa-graphite);
  letter-spacing: -.035em;
  margin: 0 0 8px;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.3;
}

.auth-subtitle {
  color: #777084;
  margin: 0 0 22px;
  font-size: 13px;
  line-height: 1.7;
}

.auth-form {
  gap: 14px;
  display: grid;
}

.auth-field {
  gap: 6px;
  min-width: 0;
  display: grid;
}

.auth-field label, .auth-field-label {
  color: #51485f;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.auth-field input {
  background: #fff;
  border: 1px solid #ded7e8;
  border-radius: 8px;
  min-width: 0;
  height: 40px;
  padding: 9px 11px;
  font-size: 13px;
  line-height: 1.5;
  transition: border-color .18s;
}

.auth-field input::placeholder {
  color: #9991a5;
  opacity: 1;
}

.auth-field input:disabled {
  color: #9991a5;
  cursor: not-allowed;
  background: #f5f2f8;
}

.auth-field input[aria-invalid="true"] {
  border-color: #c9586d;
}

.auth-password-wrap {
  position: relative;
}

.auth-password-wrap input {
  padding-right: 42px;
}

.auth-password-toggle {
  width: 40px;
  height: 40px;
  color: var(--planejalfa-gray);
  text-shadow: none;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: grid;
  position: absolute;
  top: 0;
  right: 0;
}

.auth-password-toggle svg {
  width: 16px;
  height: 16px;
}

.auth-shell .auth-password-toggle:hover:not(:disabled) {
  box-shadow: none;
  color: var(--planejalfa-violet-primary);
  background: none;
  transform: none;
}

.auth-shell .auth-submit {
  background: var(--planejalfa-gradient);
  color: #fff;
  width: 100%;
  min-height: 38px;
  text-shadow: none;
  border: 0;
  border-radius: 8px;
  margin-top: 4px;
  padding: 9px 14px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  transition: filter .18s;
}

.auth-shell .auth-submit:hover:not(:disabled) {
  filter: brightness(1.06);
  box-shadow: none;
  transform: none;
}

.auth-utilities {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px 12px;
  margin-top: 16px;
  display: flex;
}

.auth-utilities a, .auth-text-button {
  color: #7541c2;
  font: inherit;
  text-shadow: none;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 2px 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.6;
  text-decoration: none;
}

.auth-utilities a:hover, .auth-shell .auth-text-button:hover:not(:disabled) {
  color: var(--planejalfa-violet-dark);
  box-shadow: none;
  text-underline-offset: 3px;
  background: none;
  text-decoration: underline;
  transform: none;
}

.auth-text-button:disabled {
  opacity: .6;
}

.auth-divider {
  color: #92899e;
  align-items: center;
  gap: 12px;
  margin: 20px 0 16px;
  font-size: 11px;
  display: flex;
}

.auth-divider:before, .auth-divider:after {
  content: "";
  background: color-mix(in srgb, var(--planejalfa-gray) 25%, white);
  flex: 1;
  height: 1px;
}

.auth-google {
  color: #51485f;
  width: 100%;
  min-height: 38px;
  text-shadow: none;
  background: #fff;
  border: 1px solid #e3dce9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.auth-shell .auth-google:hover:not(:disabled) {
  box-shadow: none;
  background: #faf8fd;
  border-color: #cbb5e8;
  transform: none;
}

.auth-google-mark {
  color: #73697f;
  place-items: center;
  width: 16px;
  height: 16px;
  font-size: 14px;
  font-weight: 700;
  display: grid;
}

.auth-help {
  color: #82798e;
  text-align: center;
  border-top: 1px solid #eee8f4;
  margin: 22px 0 0;
  padding-top: 16px;
  font-size: 11px;
  line-height: 1.7;
}

.auth-help a {
  font-weight: 500;
}

.auth-copyright {
  color: #82798e;
  text-align: center;
  grid-area: 2 / 2;
  align-self: center;
  margin: 0;
  font-size: 10px;
  line-height: 1.7;
}

.auth-card .notice, .auth-card .error {
  overflow-wrap: anywhere;
  border-radius: 8px;
  margin: 0 0 18px;
  padding: 11px 12px;
  font-size: 12px;
  line-height: 1.6;
}

.auth-card .notice {
  color: #7541a5;
  background: #f8f4fe;
  border: 1px solid #e9ddf8;
}

.auth-card .error {
  color: #a8445b;
  background: #fff7f8;
  border: 1px solid #f1d9df;
}

.auth-otp-email {
  color: #6e3db4;
  overflow-wrap: anywhere;
  font-weight: 500;
}

.auth-code-group {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.auth-field .auth-code-digit {
  text-align: center;
  font-variant-numeric: tabular-nums;
  background: #fdfbff;
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
}

.auth-otp-timer {
  gap: 8px;
  display: grid;
}

.auth-otp-timer-label {
  color: var(--planejalfa-gray);
  font-variant-numeric: tabular-nums;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

.auth-otp-track {
  background: #efe8f8;
  border-radius: 99px;
  height: 4px;
  overflow: hidden;
}

.auth-otp-track span {
  border-radius: inherit;
  background: var(--planejalfa-violet-primary);
  height: 100%;
  transition: width 1s linear;
  display: block;
}

@keyframes auth-enter {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

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

@media (max-width: 800px) {
  .auth-layout {
    grid-template-columns: minmax(0, 1fr);
    width: min(400px, 100%);
  }

  .auth-story, .auth-story-footer {
    display: none;
  }

  .auth-content, .auth-copyright {
    grid-column: 1;
  }

  .auth-card-logo {
    display: block;
  }
}

@media (max-width: 480px) {
  .auth-shell {
    padding: max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  }

  .auth-layout {
    row-gap: 18px;
    min-height: calc(100svh - 40px);
  }

  .auth-card {
    border-radius: 14px;
    padding: 24px 20px;
  }

  .auth-card h1 {
    font-size: 22px;
  }

  .auth-field input {
    font-size: 16px;
  }

  .auth-field .auth-code-digit {
    font-size: 20px;
  }

  .auth-code-group {
    gap: 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .auth-card {
    animation: none;
  }

  .auth-shell button, .auth-field input, .auth-otp-track span {
    transition: none;
  }
}

/* [project]/src/app/(workspace)/dashboard.css [app-client] (css) */
.ws-shell[data-theme="dark"] {
  --scrollbar-track: #161b22;
  --scrollbar-thumb: #8060b6;
  --scrollbar-thumb-hover: #bf95ff;
}

html:has(.ws-shell[data-theme="dark"]) {
  --scrollbar-track: #161b22;
  --scrollbar-thumb: #8060b6;
  --scrollbar-thumb-hover: #bf95ff;
}

.ws-shell {
  --ws-bg: #f6f4f9;
  --ws-surface: #fff;
  --ws-soft: #faf9fc;
  --ws-text: #251c33;
  --ws-muted: #756d80;
  --ws-border: #e9e3ee;
  --ws-accent: #6c2bff;
  --ws-accent-soft: #f1eaff;
  --ws-shadow: 0 4px 18px #2410320d;
  --ws-control: #fbfaff;
  --ws-field-surface: #fff;
  --ws-field-border: #d9d0e3;
  background: var(--ws-bg);
  min-height: 100dvh;
  color: var(--ws-text);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  font-family: var(--font-jakarta-display), Arial, Helvetica, sans-serif;
  grid-template-columns: 220px minmax(0, 1fr);
  column-gap: 20px;
  display: grid;
}

.ws-shell[data-theme="dark"] {
  --ws-bg: #0d1117;
  --ws-surface: #161b22;
  --ws-soft: #1d242d;
  --ws-text: #f2f4f7;
  --ws-muted: #a6afbb;
  --ws-border: #303843;
  --ws-accent: #bf95ff;
  --ws-accent-soft: #252d38;
  --ws-shadow: 0 4px 18px #0000003d;
  --ws-control: #1d242d;
  --ws-field-surface: #161b22;
  --ws-field-border: #4b5664;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

.ws-shell[data-theme="dark"] .ws-nav-icon {
  background: #252d38;
  box-shadow: 0 3px 6px #0003;
}

.ws-shell[data-theme="dark"] .ws-nav-link[aria-current="page"] .ws-nav-icon {
  background: #4217c8;
}

.ws-shell[data-theme="dark"] .ws-header {
  box-shadow: 0 4px 20px #0003;
}

.ws-shell[data-theme="dark"] :is(.ws-company-popover, .ws-notifications-popover, .ws-user-popover) {
  box-shadow: 0 16px 42px #0006;
}

.ws-shell[data-collapsed="true"] {
  grid-template-columns: 64px minmax(0, 1fr);
  column-gap: 8px;
}

.ws-shell :is(a, button, input, select):focus-visible {
  outline: 2px solid var(--ws-accent);
  outline-offset: 2px;
}

.ws-shell button {
  font-family: inherit;
}

.ws-shell a {
  color: inherit;
}

.ws-sidebar {
  z-index: 30;
  background: var(--ws-surface);
  width: 220px;
  height: 100dvh;
  color: var(--ws-text);
  flex-direction: column;
  padding: 16px 8px 24px;
  display: flex;
  position: sticky;
  top: 0;
}

.ws-sidebar-top {
  justify-content: center;
  align-items: center;
  min-height: 35px;
  padding: 0 8px 5px;
  display: flex;
}

.ws-brand {
  align-items: center;
  min-width: 0;
  text-decoration: none;
  display: flex;
}

.ws-brand-wordmark {
  object-fit: contain;
  width: 166px;
  height: auto;
  max-height: 30px;
  display: block;
}

.ws-brand-icon {
  object-fit: contain;
  width: 30px;
  height: 30px;
  display: none;
}

.ws-drawer-close {
  display: none !important;
}

.ws-sidebar-body {
  border-top: 1px solid var(--ws-border);
  scrollbar-width: none;
  flex: 1;
  min-height: 0;
  margin-top: 10px;
  padding-top: 12px;
  overflow: auto;
}

.ws-sidebar-body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.ws-nav {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.ws-nav-group {
  margin-bottom: 15px;
}

.ws-group-items {
  flex-direction: column;
  gap: 3px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ws-group-items[hidden] {
  display: none;
}

.ws-group-toggle, .ws-nav-link {
  width: 100%;
  min-height: 36px;
  color: var(--ws-text);
  text-align: left;
  text-shadow: none;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  padding: 4px;
  font-size: 13px;
  font-weight: 450;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.ws-group-toggle:hover:not(:disabled), .ws-nav-link:not(.ws-nav-unavailable):hover {
  background: var(--ws-accent-soft);
  box-shadow: none;
  color: var(--ws-accent);
  transform: none;
}

.ws-nav-icon {
  background: color-mix(in srgb, var(--ws-accent) 16%, var(--ws-surface));
  width: 28px;
  height: 28px;
  color: var(--ws-accent);
  border-radius: 5px;
  flex: none;
  place-items: center;
  display: grid;
  box-shadow: 0 3px 6px #1911261f;
}

.ws-nav-icon svg {
  width: 17px;
  height: 17px;
}

.ws-nav-link > span:last-child, .ws-group-label {
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  margin-left: 12px;
  overflow: hidden;
}

.ws-nav-link[aria-current="page"] {
  color: #fff;
  background: #6c2bff;
}

.ws-nav-link[aria-current="page"] .ws-nav-icon {
  color: #fff;
  background: #4217c8;
}

.ws-group-toggle[aria-current="true"] {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-group-toggle[aria-current="true"] .ws-nav-icon {
  background: var(--planejalfa-gradient);
  color: #fff;
  box-shadow: none;
}

.ws-group-toggle[aria-current="true"] .ws-group-chevron {
  color: var(--ws-accent);
}

.ws-nav-unavailable {
  color: var(--ws-muted);
  cursor: default;
  opacity: .72;
}

.ws-group-chevron {
  width: 14px;
  height: 14px;
  color: var(--ws-muted);
  margin-left: auto;
  transition: transform .18s;
}

.ws-group-toggle[aria-expanded="true"] .ws-group-chevron {
  transform: rotate(180deg);
}

.ws-nav-group:not(:first-child) .ws-nav-link {
  min-height: 30px;
  padding-left: 44px;
  font-size: 12px;
}

.ws-nav-group:not(:first-child) .ws-nav-link > span:last-child {
  margin-left: 0;
}

.ws-sidebar-footer {
  gap: 12px;
  padding: 0 8px;
  display: grid;
}

.ws-sidebar-note {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 8px;
  gap: 7px;
  padding: 14px 12px;
  display: grid;
}

.ws-sidebar-note > span {
  color: var(--ws-accent);
  letter-spacing: .1em;
  font-size: 9px;
  font-weight: 800;
}

.ws-sidebar-note strong {
  font-size: 13px;
  line-height: 1.3;
}

.ws-sidebar-note p {
  color: var(--ws-muted);
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
}

.ws-sidebar-credit {
  color: var(--ws-muted);
  white-space: nowrap;
  font-size: 10px;
}

.ws-sidebar-credit span {
  color: var(--ws-accent);
}

.ws-frame {
  flex-direction: column;
  min-width: 0;
  min-height: 100dvh;
  padding: 8px 24px 12px 0;
  display: flex;
}

.ws-header {
  z-index: 20;
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  margin-bottom: 8px;
  padding: 7px 12px;
  display: flex;
  position: sticky;
  top: 8px;
  box-shadow: 0 4px 20px #2410320d;
}

.ws-header-start, .ws-header-end {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.ws-header-end {
  justify-content: flex-end;
  gap: 8px;
}

.ws-header-divider {
  background: var(--ws-border);
  flex: none;
  width: 1px;
  height: 22px;
}

.ws-icon-button {
  width: 36px;
  height: 36px;
  color: var(--ws-muted);
  text-shadow: none;
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  flex: none;
  place-items: center;
  padding: 0;
  display: grid;
}

.ws-icon-button svg {
  width: 18px;
  height: 18px;
}

.ws-icon-button:hover:not(:disabled) {
  background: var(--ws-accent-soft);
  box-shadow: none;
  color: var(--ws-accent);
  border-color: #0000;
  transform: none;
}

.ws-breadcrumb {
  min-width: 0;
  color: var(--ws-muted);
  align-items: center;
  gap: 7px;
  display: flex;
}

.ws-breadcrumb a {
  width: 26px;
  height: 26px;
  color: var(--ws-muted);
  flex: none;
  place-items: center;
  display: grid;
}

.ws-breadcrumb a svg {
  width: 16px;
  height: 16px;
}

.ws-breadcrumb > svg {
  flex: none;
  width: 12px;
  height: 12px;
}

.ws-breadcrumb-group {
  white-space: nowrap;
  flex: none;
  font-size: 13px;
  font-weight: 500;
}

.ws-breadcrumb strong {
  color: var(--ws-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 650;
  overflow: hidden;
}

.ws-header-search {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  width: clamp(190px, 21vw, 260px);
  height: 36px;
  color: var(--ws-muted);
  text-align: left;
  text-shadow: none;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  transition: border-color .18s, background-color .18s, box-shadow .18s;
  display: flex;
}

.ws-header-search:hover:not(:disabled), .ws-header-search:focus-visible {
  border-color: color-mix(in srgb, var(--ws-accent) 48%, var(--ws-border));
  background: var(--ws-surface);
  box-shadow: 0 0 0 3px var(--ws-accent-soft);
  color: var(--ws-text);
  transform: none;
}

.ws-header-search-icon {
  background: var(--ws-accent-soft);
  width: 26px;
  height: 26px;
  color: var(--ws-accent);
  border-radius: 6px;
  flex: none;
  place-items: center;
  display: grid;
}

.ws-header-search-icon svg {
  width: 16px;
  height: 16px;
}

.ws-header-search > span:not(.ws-header-search-icon) {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 12px;
  font-weight: 550;
  line-height: 16px;
  overflow: hidden;
}

.ws-header-search kbd {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-muted);
  white-space: nowrap;
  border-radius: 4px;
  padding: 3px 5px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 650;
  line-height: 1;
}

.ws-company-menu, .ws-user-menu, .ws-notifications {
  flex: none;
  position: relative;
}

.ws-company-control {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: 160px;
  max-width: 22vw;
  height: 36px;
  color: var(--ws-text);
  text-align: left;
  text-shadow: none;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 4px 7px;
  transition: border-color .18s, background-color .18s;
  display: flex;
}

.ws-company-control:hover:not(:disabled), .ws-company-control[aria-expanded="true"] {
  border-color: color-mix(in srgb, var(--ws-accent) 40%, var(--ws-border));
  background: var(--ws-control);
  box-shadow: none;
  transform: none;
}

.ws-company-icon {
  background: var(--ws-accent-soft);
  width: 26px;
  height: 26px;
  color: var(--ws-accent);
  border-radius: 6px;
  flex: none;
  place-items: center;
  display: grid;
}

.ws-company-icon svg {
  width: 17px;
  height: 17px;
}

.ws-company-copy {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 1px;
  min-width: 0;
  height: 100%;
  display: flex;
}

.ws-company-copy small {
  color: var(--ws-muted);
  letter-spacing: .07em;
  font-size: 8px;
  font-weight: 700;
  line-height: 10px;
}

.ws-company-copy strong {
  color: var(--ws-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  overflow: hidden;
}

.ws-company-chevron {
  width: 13px;
  height: 13px;
  color: var(--ws-muted);
  flex: none;
  transition: transform .18s;
}

.ws-company-control[aria-expanded="true"] .ws-company-chevron {
  transform: rotate(180deg);
}

.ws-company-popover, .ws-notifications-popover, .ws-user-popover {
  z-index: 50;
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 9px;
  width: 280px;
  max-width: calc(100vw - 30px);
  padding: 7px;
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  box-shadow: 0 16px 42px #18102b2e;
}

.ws-company-popover > strong, .ws-notifications-popover > strong {
  border-bottom: 1px solid var(--ws-border);
  padding: 9px 10px 12px;
  font-size: 12px;
  display: block;
}

.ws-company-popover form {
  gap: 3px;
  padding-top: 5px;
  display: grid;
}

.ws-company-popover form button {
  width: 100%;
  min-height: 36px;
  color: var(--ws-text);
  text-align: left;
  text-shadow: none;
  background: none;
  border: 0;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  padding: 7px 9px;
  font-size: 12px;
  display: flex;
}

.ws-company-popover form button:hover:not(:disabled) {
  background: var(--ws-accent-soft);
  box-shadow: none;
  color: var(--ws-accent);
  transform: none;
}

.ws-company-popover form button:disabled {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  opacity: 1;
}

.ws-company-popover form button span {
  background: var(--ws-accent);
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.ws-company-popover p, .ws-notifications-popover p {
  color: var(--ws-muted);
  padding: 10px;
  font-size: 12px;
}

.ws-notifications-popover {
  width: 374px;
}

.ws-notifications > .ws-icon-button {
  position: relative;
}

.ws-notifications-count {
  background: var(--ws-accent);
  color: #fff;
  border-radius: 999px;
  place-items: center;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  font-size: 8px;
  font-weight: 750;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(20%, -20%);
}

.ws-notifications-popover {
  padding: 0;
  overflow: hidden;
}

.ws-notifications-head {
  border-bottom: 1px solid var(--ws-border);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  display: flex;
}

.ws-notifications-head strong {
  font-size: 12px;
  font-weight: 700;
}

.ws-notifications-head button {
  color: var(--ws-accent);
  text-shadow: none;
  background: none;
  border: 0;
  flex: none;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 650;
}

.ws-notifications-head button:hover:not(:disabled) {
  background: var(--ws-accent-soft);
  box-shadow: none;
  transform: none;
}

.ws-notifications-head button:disabled {
  opacity: .5;
}

.ws-notifications-body {
  max-height: min(340px, 55vh);
  overflow-y: auto;
}

.ws-notifications-body > p {
  color: var(--ws-muted);
  margin: 0;
  padding: 18px 14px;
  font-size: 12px;
}

.ws-notifications-body ul {
  border-left: 3px solid var(--ws-accent);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ws-notifications-body li {
  gap: 4px;
  min-width: 0;
  padding: 12px 13px 11px;
  display: grid;
}

.ws-notifications-body li + li {
  border-top: 1px solid var(--ws-border);
}

.ws-notification-title {
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: flex;
}

.ws-notification-title svg {
  width: 13px;
  height: 13px;
  fill: var(--ws-accent);
  color: var(--ws-accent);
  flex: none;
}

.ws-notification-title strong {
  color: var(--ws-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
}

.ws-notification-title span {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  border-radius: 4px;
  flex: none;
  margin-left: 3px;
  padding: 3px 5px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
}

.ws-notifications-body li > p {
  color: var(--ws-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 1.35;
  overflow: hidden;
}

.ws-notifications-link {
  border-top: 1px solid var(--ws-border);
  color: var(--ws-accent);
  text-align: center;
  padding: 11px 14px;
  font-size: 11px;
  font-weight: 650;
  text-decoration: none;
  display: block;
}

.ws-notifications-link:hover {
  background: var(--ws-accent-soft);
}

.ws-quick-actions {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  border-radius: 8px;
  align-items: center;
  gap: 2px;
  height: 36px;
  padding: 2px;
  display: flex;
}

.ws-quick-actions .ws-icon-button {
  width: 30px;
  height: 30px;
  color: var(--ws-muted);
  border-radius: 6px;
}

.ws-quick-actions .ws-icon-button:hover:not(:disabled), .ws-quick-actions .ws-icon-button[aria-expanded="true"] {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-quick-actions .ws-icon-button svg {
  width: 17px;
  height: 17px;
}

.ws-user-trigger {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  max-width: 210px;
  height: 36px;
  color: var(--ws-text);
  text-align: left;
  text-shadow: none;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 3px 5px;
  transition: border-color .18s, background-color .18s;
  display: flex;
}

.ws-user-trigger:hover:not(:disabled), .ws-user-trigger[aria-expanded="true"] {
  border-color: color-mix(in srgb, var(--ws-accent) 40%, var(--ws-border));
  background: var(--ws-control);
  box-shadow: none;
  transform: none;
}

.ws-header-avatar {
  color: #fff;
  letter-spacing: .02em;
  background: linear-gradient(135deg, #b45cff, #6c2bff);
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  display: grid;
}

.ws-user-copy {
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  min-width: 0;
  height: 100%;
  display: flex;
}

.ws-user-copy strong, .ws-user-copy small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ws-user-copy strong {
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
}

.ws-user-copy small {
  color: var(--ws-muted);
  font-size: 9px;
  line-height: 11px;
}

.ws-user-chevron {
  border-left: 1px solid var(--ws-border);
  width: 20px;
  height: 22px;
  color: var(--ws-muted);
  flex: none;
  place-items: center;
  margin-left: 1px;
  display: grid;
}

.ws-user-chevron svg {
  width: 13px;
  height: 13px;
  transition: transform .18s;
}

.ws-user-trigger[aria-expanded="true"] .ws-user-chevron svg {
  transform: rotate(180deg);
}

.ws-user-popover {
  width: 240px;
}

.ws-user-popover-identity {
  gap: 3px;
  margin-bottom: 5px;
  padding: 10px 9px 11px;
  display: grid;
}

.ws-user-popover strong, .ws-user-popover small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ws-user-popover strong {
  font-size: 12px;
}

.ws-user-popover small {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-user-popover :is(a, button) {
  width: 100%;
  min-height: 34px;
  color: var(--ws-text);
  text-align: left;
  text-shadow: none;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.ws-user-popover :is(a, button) svg {
  flex: none;
  width: 15px;
  height: 15px;
}

.ws-user-popover :is(a, button):hover:not(:disabled), .ws-user-popover :is(a, button):focus-visible {
  background: var(--ws-accent-soft);
  box-shadow: none;
  color: var(--ws-accent);
  text-decoration: none;
  transform: none;
}

.ws-user-popover-separator {
  background: var(--ws-border);
  height: 1px;
  margin: 6px 2px;
  display: block;
}

.ws-user-popover .ws-user-popover-logout {
  color: var(--dashboard-danger, #c6384a);
}

.ws-user-popover-error {
  color: var(--dashboard-danger, #c6384a);
  margin: 5px 9px 8px;
  font-size: 11px;
  line-height: 1.5;
}

.ws-user-popover .ws-user-popover-logout:hover:not(:disabled), .ws-user-popover .ws-user-popover-logout:focus-visible {
  background: color-mix(in srgb, var(--dashboard-danger, #c6384a) 9%, var(--ws-surface));
  color: var(--dashboard-danger, #c6384a);
}

.ws-content {
  flex: 1;
  width: 100%;
  min-width: 0;
  padding: 8px clamp(10px, 1.25vw, 20px) 10px;
}

.ws-footer {
  color: var(--ws-muted);
  justify-content: flex-end;
  padding: 8px 12px;
  font-size: 11px;
  display: flex;
}

.ws-footer span, .ws-backdrop {
  display: none;
}

.spotlight-overlay {
  --spotlight-top: clamp(20px, 8vh, 88px);
  z-index: 120;
  padding: var(--spotlight-top) 16px 20px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #1713237a;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: fixed;
  inset: 0;
}

.spotlight {
  width: min(100%, 620px);
  max-height: min(650px, calc(100dvh - var(--spotlight-top) - 20px));
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-text);
  box-shadow: none;
  border-radius: 14px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.ws-shell .spotlight button {
  text-shadow: none;
}

.ws-shell .spotlight button:not(:disabled):not(.secondary):hover {
  box-shadow: none;
  transform: none;
}

.spotlight-heading {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 17px 20px 11px;
  display: flex;
}

.spotlight-heading > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.spotlight-heading strong {
  font-size: 14px;
  font-weight: 650;
  line-height: 1.25;
}

.spotlight-heading span {
  color: var(--ws-muted);
  font-size: 11px;
  line-height: 1.3;
}

.spotlight-top {
  border: 1px solid var(--ws-field-border);
  background: var(--ws-field-surface);
  border-radius: 9px;
  flex: none;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 0 18px 12px;
  padding: 0 7px 0 12px;
  transition: border-color .16s, box-shadow .16s;
  display: flex;
}

.spotlight-top:focus-within {
  border-color: var(--ws-accent);
  box-shadow: none;
}

.spotlight-searchicon {
  color: var(--ws-accent);
  flex: none;
}

.ws-shell .spotlight-input {
  width: 100%;
  min-width: 0;
  height: 42px;
  box-shadow: none;
  color: var(--ws-text);
  font: inherit;
  background: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  flex: 1;
  padding: 0;
  font-size: 13px;
}

.ws-shell .spotlight-input:focus, .ws-shell .spotlight-input:focus-visible {
  box-shadow: none;
  border: 0;
  outline: 0;
}

.spotlight-input::placeholder {
  color: var(--ws-muted);
  opacity: 1;
}

.ws-shell .spotlight-close {
  width: 28px;
  height: 28px;
  color: var(--ws-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  flex: none;
  place-items: center;
  padding: 0;
  display: grid;
}

.ws-shell .spotlight-clear {
  color: var(--ws-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: none;
  padding: 5px 7px;
  font-size: 11px;
  font-weight: 550;
}

.ws-shell :is(.spotlight-close, .spotlight-clear):hover {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.spotlight-body {
  overscroll-behavior: contain;
  flex: 0 auto;
  min-height: 150px;
  max-height: min(440px, 100dvh - 220px);
  padding: 2px 16px 14px;
  overflow-y: auto;
}

.spotlight-group + .spotlight-group {
  margin-top: 14px;
}

.spotlight-group-title {
  color: var(--ws-muted);
  letter-spacing: .04em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  padding: 5px 6px 8px;
  font-size: 10px;
  font-weight: 650;
  display: flex;
}

.spotlight-group-title span {
  background: var(--ws-soft);
  letter-spacing: 0;
  border-radius: 5px;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 600;
  display: grid;
}

.spotlight-list {
  gap: 5px;
  display: grid;
}

.ws-shell .spotlight-item {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: 100%;
  min-height: 58px;
  color: var(--ws-text);
  text-align: left;
  cursor: pointer;
  border-radius: 9px;
  align-items: center;
  gap: 11px;
  padding: 9px 11px;
  display: flex;
}

.ws-shell .spotlight-item:hover, .ws-shell .spotlight-item.active {
  border-color: var(--ws-accent);
  background: var(--ws-accent-soft);
  box-shadow: none;
  transform: none;
}

.spotlight-item-icon {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  width: 34px;
  height: 34px;
  color: var(--ws-accent);
  border-radius: 8px;
  flex: none;
  place-items: center;
  display: grid;
}

.spotlight-item-text {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.spotlight-item-title, .spotlight-item-subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.spotlight-item-title {
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.spotlight-item-subtitle {
  color: var(--ws-muted);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
}

.spotlight-item-enter {
  color: var(--ws-accent);
  flex: none;
}

.spotlight-hint {
  min-height: 150px;
  color: var(--ws-muted);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  display: flex;
}

.spotlight-hint svg {
  color: var(--ws-accent);
  margin-bottom: 5px;
}

.spotlight-hint strong {
  color: var(--ws-text);
  font-size: 13px;
  font-weight: 600;
}

.spotlight-loading {
  border: 2px solid var(--ws-border);
  border-top-color: var(--ws-accent);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-bottom: 5px;
  animation: .7s linear infinite spotlight-spin;
}

@keyframes spotlight-spin {
  to {
    transform: rotate(360deg);
  }
}

.spotlight-footer {
  border-top: 1px solid var(--ws-border);
  background: var(--ws-soft);
  color: var(--ws-muted);
  flex-wrap: wrap;
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: 8px 16px;
  padding: 10px 18px;
  font-size: 11px;
  display: flex;
}

.spotlight-shortcuts {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  display: flex;
}

.spotlight-footer span {
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.spotlight-footer kbd {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  min-width: 22px;
  height: 22px;
  color: var(--ws-text);
  box-shadow: none;
  border-radius: 5px;
  place-items: center;
  padding: 0 5px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  display: inline-grid;
}

.ws-shell[data-theme="dark"] .spotlight-overlay {
  background: #000000a6;
}

@media (max-width: 600px) {
  .spotlight-overlay {
    --spotlight-top: 16px;
    padding-inline: 10px;
    padding-bottom: 16px;
  }

  .spotlight {
    max-height: calc(100dvh - 32px);
  }

  .spotlight-heading {
    padding: 15px 16px 10px;
  }

  .spotlight-heading span {
    display: none;
  }

  .spotlight-top {
    margin-inline: 10px;
  }

  .spotlight-body {
    max-height: calc(100dvh - 190px);
    padding-inline: 10px;
  }

  .spotlight-footer {
    justify-content: center;
    padding-inline: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .spotlight-top {
    transition: none;
  }

  .spotlight-loading {
    animation: none;
  }
}

.ws-shell[data-collapsed="true"] .ws-sidebar {
  width: 64px;
  padding-inline: 4px;
}

.ws-shell[data-collapsed="true"] .ws-brand-wordmark, .ws-shell[data-collapsed="true"] .ws-group-label, .ws-shell[data-collapsed="true"] .ws-group-chevron, .ws-shell[data-collapsed="true"] .ws-nav-link > span:last-child, .ws-shell[data-collapsed="true"] .ws-sidebar-footer {
  display: none;
}

.ws-shell[data-collapsed="true"] .ws-brand-icon {
  display: block;
}

.ws-shell[data-collapsed="true"] .ws-group-toggle, .ws-shell[data-collapsed="true"] .ws-nav-link {
  justify-content: center;
  padding: 4px;
}

.ws-shell[data-collapsed="true"] .ws-nav-group:not(:first-child) .ws-nav-link {
  padding: 4px;
}

.ws-shell[data-collapsed="true"] .ws-nav-group:not(:first-child) .ws-nav-link .ws-nav-icon {
  display: grid;
}

.ws-shell[data-collapsed="true"] .ws-nav-unavailable {
  display: none;
}

.ws-shell[data-collapsed="true"] .ws-sidebar-top {
  padding-inline: 0;
}

.ws-shell[data-collapsed="true"] .ws-nav-link[aria-current="page"] .ws-nav-icon {
  background: none;
}

.ws-content .card, .ws-panel {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: 100%;
  max-width: none;
  color: var(--ws-text);
  box-shadow: var(--ws-shadow);
  border-radius: 10px;
}

.ws-content .card {
  padding: clamp(20px, 2vw, 30px);
}

.ws-content :is(h1, h2, h3) {
  color: var(--ws-text);
}

.ws-content p {
  color: var(--ws-muted);
}

.ws-content .row {
  border-color: var(--ws-border);
}

.ws-content :is(input, select) {
  border-color: var(--ws-border);
  background: var(--ws-soft);
  color: var(--ws-text);
}

.ws-content label {
  color: var(--ws-text);
}

.ws-content :is(.notice, .error) {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-content button.secondary {
  border-color: var(--ws-border);
  background: var(--ws-soft);
  color: var(--ws-accent);
}

.ws-content :where(a:not(.ws-hero-action)) {
  color: var(--ws-accent);
}

.ws-content :is(.form, .inline-form) button {
  min-height: 42px;
}

.ws-page {
  gap: 18px;
  display: grid;
}

.ws-page-heading {
  gap: 5px;
  display: grid;
}

.ws-page-heading h1 {
  letter-spacing: -.04em;
  margin: 0;
  font-size: clamp(22px, 2.5vw, 29px);
}

.ws-page-heading p {
  margin: 0;
  font-size: 13px;
}

.ws-content .card.wide > h2 {
  margin: 26px 0 8px;
  font-size: 17px;
}

.ws-content .card.wide > h2:first-of-type {
  margin-top: 4px;
}

.ws-home {
  gap: 18px;
  display: grid;
}

.ws-hero {
  padding: 0 0 3px;
}

.ws-hero-eyebrow {
  color: var(--ws-accent);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.ws-hero h1 {
  letter-spacing: -.04em;
  margin: 7px 0 4px;
  font-size: clamp(22px, 2.5vw, 29px);
}

.ws-hero p {
  max-width: 70ch;
  margin: 0;
  font-size: 13px;
}

.ws-hero-action {
  background: #6c2bff;
  border-radius: 6px;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  margin-top: 13px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none;
  display: inline-flex;
  color: #fff !important;
}

.ws-hero-action:hover {
  background: #4217c8;
}

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

.ws-home-card {
  align-content: start;
  gap: 10px;
  padding: 18px;
  display: grid;
}

.ws-home-card-icon {
  background: var(--ws-accent-soft);
  width: 32px;
  height: 32px;
  color: var(--ws-accent);
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.ws-home-card-icon svg {
  width: 17px;
  height: 17px;
}

.ws-home-card h2 {
  margin: 0;
  font-size: 15px;
}

.ws-home-card p {
  margin: 0;
  font-size: 12px;
}

.ws-home-card a, .ws-home-card button.secondary {
  width: fit-content;
  margin-top: 3px;
  font-size: 12px;
}

@media (max-width: 1100px) {
  .ws-header {
    gap: 8px;
  }

  .ws-header-start {
    flex: 0 auto;
  }

  .ws-header-end {
    flex: auto;
    gap: 6px;
    min-width: 0;
  }

  .ws-header-search {
    flex: 130px;
    width: auto;
    min-width: 110px;
  }

  .ws-company-control {
    width: 140px;
    max-width: none;
  }

  .ws-user-trigger {
    max-width: 165px;
  }

  .ws-user-copy small {
    display: none;
  }
}

@media (max-width: 1023px) {
  .ws-shell, .ws-shell[data-collapsed="true"] {
    display: block;
  }

  .ws-sidebar, .ws-shell[data-collapsed="true"] .ws-sidebar {
    z-index: 42;
    visibility: hidden;
    width: min(220px, 86vw);
    transition: transform .22s, visibility .22s;
    position: fixed;
    inset: 0 auto 0 0;
    transform: translateX(-102%);
  }

  .ws-shell[data-drawer-open="true"] .ws-sidebar {
    visibility: visible;
    transform: translateX(0);
  }

  .ws-shell[data-collapsed="true"] .ws-brand-wordmark, .ws-shell[data-collapsed="true"] .ws-group-label, .ws-shell[data-collapsed="true"] .ws-group-chevron, .ws-shell[data-collapsed="true"] .ws-nav-link > span:last-child, .ws-shell[data-collapsed="true"] .ws-sidebar-footer {
    display: initial;
  }

  .ws-shell[data-collapsed="true"] .ws-brand-icon {
    display: none;
  }

  .ws-shell[data-collapsed="true"] .ws-group-toggle, .ws-shell[data-collapsed="true"] .ws-nav-link {
    justify-content: flex-start;
  }

  .ws-shell[data-collapsed="true"] .ws-nav-group:not(:first-child) .ws-nav-link {
    padding-left: 44px;
  }

  .ws-shell[data-collapsed="true"] .ws-nav-group:not(:first-child) .ws-nav-link .ws-nav-icon {
    display: none;
  }

  .ws-shell[data-collapsed="true"] .ws-nav-link .ws-nav-icon {
    display: grid;
  }

  .ws-shell[data-collapsed="true"] .ws-nav-unavailable {
    display: flex;
  }

  .ws-shell[data-collapsed="true"] .ws-nav-link > span:last-child {
    flex: 1;
    margin-left: 12px;
  }

  .ws-shell[data-collapsed="true"] .ws-nav-group:not(:first-child) .ws-nav-link > span:last-child {
    margin-left: 0;
  }

  .ws-shell[data-collapsed="true"] .ws-sidebar-footer {
    display: grid;
  }

  .ws-drawer-close {
    border-color: var(--ws-border);
    flex: none;
    width: 30px;
    height: 30px;
    display: grid !important;
  }

  .ws-sidebar-top, .ws-shell[data-collapsed="true"] .ws-sidebar-top {
    justify-content: space-between;
  }

  .ws-backdrop {
    z-index: 41;
    background: #1912267a;
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .ws-frame {
    padding: 8px 12px 12px;
  }
}

@media (max-width: 640px) {
  .ws-header-start, .ws-header-end {
    gap: 4px;
  }

  .ws-header {
    padding: 7px 8px;
  }

  .ws-header-search {
    flex: none;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    padding: 4px;
  }

  .ws-header-search > span:not(.ws-header-search-icon), .ws-header-search kbd {
    display: none;
  }

  .ws-company-control {
    width: 132px;
    max-width: 132px;
    padding: 4px 6px;
  }

  .ws-company-copy {
    max-width: 78px;
  }

  .ws-user-trigger {
    width: 36px;
    padding: 3px;
  }

  .ws-user-copy, .ws-user-chevron, .ws-header-end .ws-header-divider {
    display: none;
  }

  .ws-home-grid {
    grid-template-columns: 1fr;
  }

  .ws-content .row {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 520px) {
  .ws-header {
    gap: 5px;
  }

  .ws-breadcrumb > svg, .ws-breadcrumb-group, .ws-breadcrumb strong {
    display: none;
  }
}

@media (max-width: 430px) {
  .ws-company-control {
    gap: 4px;
    width: 96px;
    max-width: 96px;
  }

  .ws-company-copy {
    max-width: 48px;
  }

  .ws-company-copy small, .ws-company-chevron {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-sidebar, .ws-group-chevron {
    transition: none;
  }
}

.ws-shell :is(.ws-group-toggle, .ws-icon-button, .ws-header-search, .ws-company-control, .ws-user-trigger, .ws-company-popover button, .ws-user-popover button):not(:disabled):hover {
  box-shadow: none;
  text-shadow: none;
  transform: none;
}

.ws-shell .ws-header-search:hover:not(:disabled) {
  box-shadow: 0 0 0 3px var(--ws-accent-soft);
}

.lab-table-menu {
  z-index: 90;
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: 210px;
  max-height: calc(100dvh - 16px);
  color: var(--ws-text);
  border-radius: 10px;
  padding: 5px;
  font-family: inherit;
  position: fixed;
  overflow-y: auto;
  box-shadow: 0 14px 40px #0000002e;
}

.ws-shell .lab-table-menu button {
  width: 100%;
  min-height: 38px;
  color: var(--ws-text);
  text-align: left;
  text-shadow: none;
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.lab-table-menu button svg {
  width: 16px;
  height: 16px;
  color: var(--ws-muted);
}

.ws-shell .lab-table-menu button:is(:hover, :focus-visible) {
  border-color: var(--ws-accent);
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  box-shadow: none;
  outline: none;
  transform: none;
}

.ws-shell .lab-table-menu button.is-danger {
  border-top-color: var(--ws-border);
  color: #d95b65;
  margin-top: 4px;
}

.lab-table-menu button.is-danger svg {
  color: inherit;
}

.ws-shell .lab-table-menu button.is-danger:is(:hover, :focus-visible) {
  background: color-mix(in srgb,#d44855 10%,var(--ws-surface));
  color: #d95b65;
}

.ui-lab {
  max-width: 1440px;
  color: var(--ws-text);
  margin: 0 auto;
  padding: 12px 0 48px;
}

.ui-lab :is(h1, h2, h3, p) {
  margin: 0;
}

.ui-lab button {
  text-shadow: none;
  background-image: none;
}

.lab-hero {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  min-height: 190px;
  box-shadow: var(--ws-shadow);
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 30px clamp(24px, 3vw, 44px);
  display: flex;
  position: relative;
  overflow: hidden;
}

.lab-hero:before {
  background: radial-gradient(circle, color-mix(in srgb,var(--ws-accent) 14%,transparent), transparent 70%);
  content: "";
  pointer-events: none;
  border-radius: 50%;
  width: 360px;
  height: 250px;
  position: absolute;
  inset: auto -50px -100px auto;
}

.lab-eyebrow, .lab-section-number, .lab-card-kicker {
  color: var(--ws-accent);
  letter-spacing: .13em;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
}

.lab-live-dot {
  background: var(--ws-accent);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px var(--ws-accent-soft);
  border-radius: 50%;
}

.lab-hero h1 {
  letter-spacing: -.045em;
  margin-top: 15px;
  font-size: clamp(25px, 3vw, 39px);
  font-weight: 800;
  line-height: 1.12;
}

.lab-hero p {
  max-width: 610px;
  margin-top: 11px;
  font-size: 13px;
  line-height: 1.65;
}

.lab-hero-mark {
  z-index: 1;
  border: 1px solid color-mix(in srgb,var(--ws-accent) 27%,var(--ws-border));
  background: var(--ws-accent-soft);
  width: 112px;
  height: 112px;
  color: var(--ws-accent);
  border-radius: 25px;
  flex: none;
  place-items: center;
  display: grid;
  position: relative;
  transform: rotate(10deg);
}

.lab-hero-mark span:first-child {
  letter-spacing: .16em;
  align-self: end;
  font-size: 12px;
  font-weight: 800;
}

.lab-hero-mark span:last-child {
  letter-spacing: -.09em;
  align-self: start;
  font-size: 43px;
  font-weight: 850;
  line-height: 1;
}

.lab-jump {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 11px;
  flex-wrap: wrap;
  gap: 7px;
  width: fit-content;
  max-width: 100%;
  margin: 18px 0 27px;
  padding: 6px;
  display: flex;
}

.lab-jump a {
  min-height: 37px;
  color: var(--ws-accent);
  border-radius: 7px;
  align-items: center;
  gap: 9px;
  padding: 0 14px;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

.lab-jump a span {
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 650;
}

.lab-jump a:hover {
  background: var(--ws-accent-soft);
}

.lab-section {
  margin-top: 35px;
  scroll-margin-top: 90px;
}

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

.lab-section-heading h2 {
  letter-spacing: -.035em;
  margin-top: 6px;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 800;
}

.lab-section-heading p {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.55;
}

.lab-section-tag {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-muted);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 650;
}

.lab-grid {
  gap: 12px;
  display: grid;
}

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

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

.lab-extra-fields {
  margin-top: 12px;
}

.lab-card, .lab-filter-demo {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  min-width: 0;
  box-shadow: var(--ws-shadow);
  border-radius: 11px;
  padding: 20px;
}

.lab-card > .lab-card-kicker {
  margin-bottom: 18px;
}

.lab-field {
  min-width: 0;
  color: var(--ws-text);
  flex-direction: column;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.lab-field > small {
  min-height: 16px;
  color: var(--ws-muted);
  font-size: 11px;
  font-weight: 450;
  line-height: 1.45;
}

.ui-lab .lab-field :is(input, textarea), .ui-lab .lab-filter-search input {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  width: 100%;
  min-width: 0;
  height: 44px;
  color: var(--ws-text);
  font: inherit;
  border-radius: 8px;
  outline: none;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 500;
}

.ui-lab :is(input, textarea)::placeholder {
  color: var(--ws-muted);
  opacity: .8;
}

.ws-shell .ui-lab :is(input, textarea, .lab-select-trigger):focus-visible {
  border-color: var(--ws-accent);
  box-shadow: none;
  outline: none;
}

.ui-lab .lab-field textarea {
  resize: vertical;
  height: auto;
  min-height: 108px;
  padding: 13px 14px;
}

.ui-lab .lab-field input:disabled {
  opacity: .58;
  cursor: not-allowed;
}

.ui-lab .lab-field-error input {
  border-color: #db5e68;
}

.lab-field-error > small {
  color: #d44855;
}

.lab-input-wrap, .lab-select-wrap {
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.lab-input-wrap > svg {
  width: 17px;
  height: 17px;
  color: var(--ws-muted);
  pointer-events: none;
  position: absolute;
  left: 15px;
}

.ui-lab .lab-input-wrap > input {
  padding-left: 42px;
}

.ui-lab .lab-password-wrap > input {
  padding-left: 14px;
  padding-right: 50px;
}

.ui-lab .lab-icon-action {
  width: 34px;
  height: 34px;
  color: var(--ws-muted);
  background: none;
  border: 0;
  border-radius: 6px;
  place-items: center;
  padding: 0;
  display: grid;
  position: absolute;
  right: 7px;
}

.lab-icon-action svg {
  width: 14px;
  height: 14px;
}

.ui-lab .lab-icon-action:hover {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.lab-select-wrap {
  width: 100%;
}

.ui-lab .lab-select-trigger {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  width: 100%;
  height: 44px;
  color: var(--ws-text);
  text-align: left;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.ui-lab .lab-select-trigger:hover {
  border-color: color-mix(in srgb,var(--ws-accent) 55%,var(--ws-border));
  background: var(--ws-control);
  box-shadow: none;
  transform: none;
}

.ui-lab .lab-select-trigger[aria-expanded="true"] {
  border-color: var(--ws-accent);
  box-shadow: none;
}

.lab-select-trigger > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.lab-select-trigger > svg {
  width: 16px;
  height: 16px;
  color: var(--ws-muted);
  flex: none;
  transition: transform .18s;
}

.lab-select-trigger[aria-expanded="true"] > svg {
  color: var(--ws-accent);
  transform: rotate(180deg);
}

.lab-select-placeholder {
  color: var(--ws-muted);
}

.lab-select-menu {
  z-index: 50;
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 9px;
  width: 100%;
  max-height: 230px;
  padding: 5px;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  overflow: auto;
  box-shadow: 0 12px 30px #00000024;
}

.ui-lab .lab-select-option {
  width: 100%;
  min-height: 37px;
  color: var(--ws-text);
  text-align: left;
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 550;
  display: flex;
}

.ui-lab .lab-select-option:is(:hover, .is-active) {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.ui-lab .lab-select-option:focus-visible {
  border-color: var(--ws-accent);
  outline: none;
}

.lab-select-option > svg {
  width: 15px;
  height: 15px;
  color: var(--ws-accent);
  flex: none;
}

.lab-button-card {
  gap: 22px;
  display: grid;
}

.lab-button-group {
  gap: 14px;
  display: grid;
}

.lab-button-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.ui-lab .lab-button {
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: auto;
  min-height: 44px;
  padding: 0 18px;
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  transition: background-position .3s, border-color .18s, color .18s, box-shadow .18s;
  display: inline-flex;
}

.lab-button svg {
  width: 16px;
  height: 16px;
}

.ui-lab .lab-primary {
  background: var(--planejalfa-gradient);
  color: #fff;
  background-position: 100%;
  background-size: 220% 220%;
  border: 0;
}

.ui-lab .lab-primary:not(:disabled):hover {
  box-shadow: 0 5px 16px color-mix(in srgb,var(--ws-accent) 24%,transparent);
  background-position: 0%;
  transform: none;
}

.ui-lab .lab-secondary {
  border-color: var(--ws-accent-soft);
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ui-lab .lab-outline {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-text);
}

.ui-lab .lab-ghost {
  color: var(--ws-accent);
  background: none;
}

.ui-lab .lab-danger {
  border-color: color-mix(in srgb,#d44855 25%,var(--ws-border));
  background: color-mix(in srgb,#d44855 10%,var(--ws-surface));
  color: #ca4050;
}

.ui-lab :is(.lab-secondary, .lab-outline, .lab-ghost, .lab-danger):not(:disabled):hover {
  border-color: var(--ws-accent);
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.ui-lab .lab-button:disabled {
  opacity: .5;
}

.lab-inline-note, .lab-feedback {
  color: var(--ws-muted);
  font-size: 11px;
}

.lab-feedback {
  border-top: 1px solid var(--ws-border);
  padding-top: 14px;
}

.lab-check-list {
  gap: 2px;
  display: grid;
}

.lab-check {
  cursor: pointer;
  border-radius: 7px;
  align-items: center;
  gap: 12px;
  min-height: 43px;
  padding: 7px 9px;
  display: flex;
  position: relative;
}

.lab-check:hover {
  background: var(--ws-soft);
}

.lab-check-all {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  margin-bottom: 6px;
  padding: 11px 9px;
}

.ui-lab .lab-check input[type="checkbox"] {
  opacity: 0;
  cursor: pointer;
  width: 18px;
  height: 18px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 9px;
  transform: translateY(-50%);
}

.lab-checkbox-box {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  color: #fff;
  pointer-events: none;
  border-radius: 5px;
  flex: none;
  place-items: center;
  width: 18px;
  height: 18px;
  display: grid;
}

.lab-checkbox-box svg {
  opacity: 0;
  width: 10px;
  height: 10px;
}

.lab-check input[type="checkbox"]:checked + .lab-checkbox-box {
  background: var(--planejalfa-gradient);
  border-color: #0000;
}

.lab-check input[type="checkbox"]:checked + .lab-checkbox-box svg {
  opacity: 1;
}

.lab-check input[type="checkbox"]:indeterminate + .lab-checkbox-box {
  background: var(--planejalfa-gradient);
  border-color: #0000;
}

.lab-check input[type="checkbox"]:indeterminate + .lab-checkbox-box svg {
  opacity: 1;
}

.lab-check input[type="checkbox"]:focus-visible + .lab-checkbox-box {
  border-color: var(--ws-accent);
}

.lab-check-copy {
  gap: 2px;
  display: grid;
}

.lab-check-copy strong {
  font-size: 12px;
  font-weight: 650;
}

.lab-check-copy small {
  color: var(--ws-muted);
  font-size: 10px;
}

.lab-check-disabled {
  opacity: .5;
  cursor: not-allowed;
}

.lab-check-disabled:hover {
  background: none;
}

.lab-stack {
  gap: 23px;
  display: grid;
}

.lab-filter-demo {
  padding: 0;
}

.lab-filter-title {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 22px 24px 15px;
  display: flex;
}

.lab-filter-title h3 {
  letter-spacing: -.03em;
  margin-top: 7px;
  font-size: 20px;
  font-weight: 800;
}

.lab-filter-title p {
  margin-top: 3px;
  font-size: 11px;
}

.lab-result-count {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  white-space: nowrap;
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 750;
}

.lab-filter-toolbar {
  align-items: center;
  gap: 9px;
  padding: 0 24px 20px;
  display: flex;
}

.lab-filter-search {
  border-radius: 8px;
  flex: 1;
  align-items: center;
  min-width: 170px;
  display: flex;
  position: relative;
}

.lab-filter-search > svg {
  width: 17px;
  height: 17px;
  color: var(--ws-muted);
  pointer-events: none;
  position: absolute;
  left: 14px;
}

.ui-lab .lab-filter-search input {
  padding-left: 41px;
}

.ui-lab .lab-filter-demo .lab-filter-search input, .ui-lab .lab-filter-demo .lab-field input:not([type="checkbox"]), .ui-lab .lab-filter-demo .lab-select-trigger {
  height: 38px;
}

.ui-lab .lab-filter-demo :is(.lab-button, .lab-chip, .lab-text-action), .ui-lab .lab-filter-demo .lab-select-option {
  min-height: 38px;
}

.ui-lab .lab-filter-demo :is(.lab-filter-search input, .lab-field input:not([type="checkbox"]), .lab-select-trigger, .lab-outline, .lab-chip) {
  border-color: var(--ws-border);
  background: var(--ws-control);
  border-radius: 8px;
  font-weight: 500;
}

.ui-lab .lab-filter-demo :is(.lab-filter-search input, .lab-field input:not([type="checkbox"])):focus-visible {
  border-color: var(--ws-accent);
  box-shadow: none;
  outline: none;
}

.ui-lab .lab-filter-demo :is(.lab-select-trigger, .lab-outline, .lab-chip):is(:hover, :focus-visible, [aria-expanded="true"], .is-active) {
  border-color: var(--ws-accent);
  background: var(--ws-control);
  box-shadow: none;
  outline: none;
}

.ui-lab .lab-filter-demo :is(.lab-select-option, .lab-text-action) {
  font-weight: 500;
}

.lab-filter-demo .lab-checkbox-box {
  background: var(--ws-control);
}

.lab-filter-select {
  flex: none;
  width: 190px;
}

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

.ui-lab .lab-filter-toggle {
  flex: none;
}

.ui-lab .lab-filter-toggle.is-active {
  border-color: var(--ws-accent);
  color: var(--ws-accent);
  background: var(--ws-control);
}

.lab-filter-badge {
  background: var(--ws-accent);
  width: 18px;
  height: 18px;
  color: var(--ws-surface);
  border-radius: 50%;
  place-items: center;
  font-size: 10px;
  display: grid;
}

.lab-advanced {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 9px;
  margin: 0 24px 19px;
  padding: 17px;
}

.lab-advanced-heading {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  display: flex;
}

.lab-advanced-controls {
  flex-wrap: wrap;
  align-items: end;
  gap: 18px;
  display: flex;
}

.lab-advanced-controls .lab-field {
  width: min(100%, 240px);
}

.lab-priority-check {
  min-height: 38px;
  padding-block: 4px;
}

.ui-lab .lab-text-action {
  color: var(--ws-accent);
  background: none;
  border: 0;
  align-items: center;
  gap: 5px;
  padding: 5px;
  font-size: 11px;
  font-weight: 750;
  display: inline-flex;
}

.lab-text-action svg {
  width: 14px;
  height: 14px;
}

.ui-lab .lab-text-action:hover {
  box-shadow: none;
  text-decoration: underline;
  transform: none;
}

.lab-applied {
  border-top: 1px solid var(--ws-border);
  background: var(--ws-soft);
  gap: 10px;
  min-height: 66px;
  padding: 12px 24px 14px;
  display: grid;
}

.lab-chip-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  display: flex;
}

.lab-no-filters {
  color: var(--ws-muted);
  font-size: 11px;
}

.ui-lab .lab-chip {
  border: 1px solid color-mix(in srgb,var(--ws-accent) 28%,var(--ws-border));
  background: var(--ws-surface);
  max-width: 100%;
  min-height: 27px;
  color: var(--ws-accent);
  overflow-wrap: anywhere;
  border-radius: 6px;
  align-items: center;
  gap: 7px;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 650;
  display: inline-flex;
}

.lab-chip svg {
  flex: none;
  width: 13px;
  height: 13px;
}

.ui-lab .lab-chip:hover {
  background: var(--ws-accent-soft);
  box-shadow: none;
  transform: none;
}

.lab-results {
  min-height: 132px;
}

.lab-result {
  border-top: 1px solid var(--ws-border);
  align-items: center;
  gap: 13px;
  min-height: 66px;
  padding: 10px 24px;
  display: flex;
}

.lab-result-avatar {
  background: var(--ws-accent-soft);
  width: 36px;
  height: 36px;
  color: var(--ws-accent);
  border-radius: 9px;
  flex: none;
  place-items: center;
  font-size: 11px;
  font-weight: 800;
  display: grid;
}

.lab-result-person {
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: grid;
}

.lab-result-person strong {
  font-size: 12px;
}

.lab-result-person small {
  color: var(--ws-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}

.lab-result-origin {
  min-width: 84px;
  color: var(--ws-muted);
  font-size: 11px;
}

.lab-status {
  white-space: nowrap;
  border-radius: 5px;
  padding: 6px 8px;
  font-size: 10px;
  font-weight: 750;
}

.lab-status-active {
  background: color-mix(in srgb,#20a77a 13%,var(--ws-surface));
  color: #16845e;
}

.lab-status-new {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.lab-status-pending {
  background: color-mix(in srgb,#e59b2e 16%,var(--ws-surface));
  color: #ad7117;
}

.lab-priority-label {
  width: 86px;
  color: var(--ws-muted);
  white-space: nowrap;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  display: inline-flex;
}

.lab-priority-label svg {
  color: var(--ws-accent);
}

.lab-result:not(:has(.lab-priority-label)):after {
  content: "";
  width: 86px;
}

.lab-empty {
  color: var(--ws-muted);
  text-align: center;
  justify-items: center;
  gap: 8px;
  padding: 34px 16px;
  display: grid;
}

.lab-empty > svg {
  width: 23px;
  height: 23px;
  color: var(--ws-accent);
}

.lab-empty strong {
  color: var(--ws-text);
  font-size: 13px;
}

.lab-empty p {
  font-size: 11px;
}

.lab-footnote {
  color: var(--ws-muted);
  font-size: 11px;
  margin-top: 12px !important;
}

.lab-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.lab-chart-grid {
  gap: 12px;
  display: grid;
}

.lab-chart-card {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  min-width: 0;
  box-shadow: var(--ws-shadow);
  border-radius: 11px;
  padding: 20px 16px 8px;
}

.lab-chart-heading {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
  padding: 0 8px;
  display: flex;
}

.lab-chart-heading h3 {
  letter-spacing: -.025em;
  margin-top: 7px;
  font-size: 16px;
  font-weight: 600;
}

.lab-chart-heading p {
  color: var(--ws-muted);
  margin-top: 4px;
  font-size: 11px;
}

.lab-chart-period {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  color: var(--ws-muted);
  border-radius: 6px;
  flex: none;
  padding: 6px 9px;
  font-size: 10px;
  font-weight: 500;
}

@media (max-width: 540px) {
  .lab-chart-card {
    padding-inline: 6px;
  }

  .lab-chart-heading {
    align-items: flex-start;
  }

  .lab-chart-period {
    display: none;
  }
}

.lab-progress-stack {
  gap: 24px;
  margin-top: 20px;
  display: grid;
}

.ui-lab .lab-progress-slider {
  color: var(--ws-muted);
  gap: 8px;
  font-size: 11px;
  font-weight: 500;
  display: grid;
}

.ui-lab .lab-progress-slider input {
  width: 100%;
  height: 20px;
  accent-color: var(--ws-accent);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

@media (max-width: 1100px) {
  .lab-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 540px) {
  .lab-kpi-grid {
    grid-template-columns: 1fr;
  }
}

.lab-table-card {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  box-shadow: var(--ws-shadow);
  border-radius: 11px;
  overflow: hidden;
}

.lab-table-top {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 22px 24px;
  display: flex;
}

.lab-table-title {
  align-items: center;
  gap: 14px;
  display: flex;
}

.lab-table-title-icon {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  width: 46px;
  height: 46px;
  color: var(--ws-accent);
  border-radius: 12px;
  flex: none;
  place-items: center;
  display: grid;
}

.lab-table-title-icon svg {
  width: 23px;
  height: 23px;
}

.lab-table-top h3 {
  letter-spacing: -.03em;
  align-items: center;
  gap: 9px;
  margin-top: 8px;
  font-size: 18px;
  font-weight: 800;
  display: flex;
}

.lab-table-top h3 span {
  background: var(--ws-accent-soft);
  min-width: 24px;
  height: 22px;
  color: var(--ws-accent);
  letter-spacing: 0;
  border-radius: 6px;
  place-items: center;
  padding: 0 6px;
  font-size: 11px;
  display: grid;
}

.lab-table-top p {
  margin-top: 4px;
  font-size: 11px;
}

.lab-table-view {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 8px;
  flex: none;
  gap: 3px;
  padding: 4px;
  display: flex;
}

.ui-lab .lab-table-view button {
  min-height: 32px;
  color: var(--ws-muted);
  background: none;
  border: 0;
  border-radius: 5px;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 700;
}

.ui-lab .lab-table-view button:is(:hover, .is-active) {
  background: var(--ws-surface);
  color: var(--ws-accent);
  box-shadow: var(--ws-shadow);
  transform: none;
}

.lab-table-scroll {
  overflow-x: auto;
}

.lab-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 760px;
  color: var(--ws-text);
  text-align: left;
}

.lab-table thead {
  background: var(--ws-soft);
}

.lab-table th {
  border-block: 1px solid var(--ws-border);
  height: 38px;
  color: var(--ws-text);
  letter-spacing: .085em;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 15px;
  font-size: 10px;
  font-weight: 800;
}

.lab-table td {
  border-bottom: 1px solid var(--ws-border);
  height: 62px;
  color: var(--ws-muted);
  white-space: nowrap;
  padding: 10px 15px;
  font-size: 11px;
}

.lab-table tbody tr:last-child td {
  border-bottom: 0;
}

.lab-table tbody tr:hover {
  background: var(--ws-soft);
}

.lab-table tbody tr.is-selected {
  background: color-mix(in srgb,var(--ws-accent) 7%,var(--ws-surface));
}

.lab-table th.lab-table-select-cell, .lab-table td.lab-table-select-cell {
  width: 44px;
  padding-left: 20px;
  padding-right: 4px;
}

.lab-table-check {
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
}

.ui-lab .lab-table-check input[type="checkbox"] {
  left: 0;
}

.lab-table-check:hover {
  background: none;
}

.ui-lab .lab-table-sort {
  min-height: 32px;
  color: var(--ws-text);
  letter-spacing: .085em;
  text-transform: uppercase;
  background: none;
  border: 0;
  align-items: center;
  gap: 7px;
  padding: 3px 0;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
}

.lab-table-sort svg {
  width: 13px;
  height: 13px;
}

.ui-lab .lab-table-sort:hover {
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.lab-table-person {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.lab-table-person .lab-result-avatar {
  border-radius: 8px;
  width: 32px;
  height: 32px;
}

.lab-table-person > span:last-child {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.lab-table-person strong {
  color: var(--ws-text);
  font-size: 11px;
  font-weight: 750;
}

.lab-table-person small {
  color: var(--ws-muted);
  font-size: 10px;
}

.lab-table-company {
  color: var(--ws-text) !important;
}

.lab-table-priority {
  background: color-mix(in srgb,#e59b2e 15%,var(--ws-surface));
  color: #ac701a;
  border-radius: 5px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 750;
}

.lab-table-muted {
  color: var(--ws-muted);
}

.lab-table-action-heading {
  text-align: center;
  width: 70px;
}

.lab-table td:last-child {
  text-align: center;
}

.ui-lab .lab-table-action-trigger {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: 32px;
  height: 32px;
  color: var(--ws-muted);
  border-radius: 7px;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.lab-table-action-trigger svg {
  width: 17px;
  height: 17px;
}

.ui-lab .lab-table-action-trigger:is(:hover, [aria-expanded="true"]) {
  border-color: var(--ws-accent);
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.lab-table-bulk {
  border-top: 1px solid var(--ws-border);
  background: var(--ws-accent-soft);
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px 24px;
  display: flex;
}

.lab-table-bulk-summary {
  color: var(--ws-text);
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.lab-table-bulk-summary strong {
  font-size: 12px;
  font-weight: 700;
}

.lab-table-bulk-count {
  background: var(--planejalfa-gradient);
  color: #fff;
  border-radius: 6px;
  place-items: center;
  min-width: 26px;
  height: 26px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 800;
  display: grid;
}

.ui-lab .lab-table-clear-selection {
  width: 28px;
  height: 28px;
  color: var(--ws-muted);
  background: none;
  border: 0;
  border-radius: 5px;
  place-items: center;
  padding: 0;
  display: grid;
}

.lab-table-clear-selection svg {
  width: 15px;
  height: 15px;
}

.ui-lab .lab-table-clear-selection:hover {
  background: var(--ws-surface);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.lab-table-bulk-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  display: flex;
}

.ui-lab .lab-table-bulk-actions button {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  min-height: 38px;
  color: var(--ws-text);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.lab-table-bulk-actions svg {
  width: 15px;
  height: 15px;
}

.ui-lab .lab-table-bulk-actions button:hover {
  border-color: var(--ws-accent);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.ui-lab .lab-table-bulk-actions button.is-danger {
  color: #d95b65;
}

.lab-table-empty {
  text-align: center;
  justify-items: center;
  gap: 6px;
  padding: 29px 12px;
  display: grid;
}

.lab-table-empty strong {
  color: var(--ws-text);
  font-size: 12px;
}

.lab-table-empty span {
  color: var(--ws-muted);
  font-size: 11px;
}

.lab-table-footer {
  border-top: 1px solid var(--ws-border);
  background: var(--ws-soft);
  min-height: 44px;
  color: var(--ws-muted);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 24px;
  font-size: 11px;
  display: flex;
}

.lab-table-footer [role="status"] {
  color: var(--ws-accent);
}

@media (max-width: 900px) {
  .lab-table-bulk {
    flex-direction: column;
    align-items: flex-start;
  }

  .lab-table-footer {
    flex-wrap: wrap;
  }
}

@media (max-width: 1060px) {
  .lab-grid-three {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .lab-hero {
    min-height: 0;
    padding: 26px 22px;
  }

  .lab-hero-mark {
    display: none;
  }

  .lab-grid-three, .lab-grid-two {
    grid-template-columns: 1fr;
  }

  .lab-filter-toolbar {
    flex-wrap: wrap;
  }

  .lab-filter-search {
    flex-basis: 100%;
  }

  .lab-filter-select {
    flex: 1;
    width: auto;
    min-width: 160px;
  }

  .lab-result {
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 18px;
  }

  .lab-result-origin, .lab-priority-label {
    display: none;
  }

  .lab-result:not(:has(.lab-priority-label)):after {
    display: none;
  }

  .lab-result-person {
    flex-basis: calc(100% - 50px);
  }

  .lab-status {
    margin-left: 44px;
  }
}

@media (max-width: 480px) {
  .lab-jump {
    grid-template-columns: 1fr 1fr;
    width: 100%;
    display: grid;
  }

  .lab-section-tag {
    display: none;
  }

  .lab-filter-title, .lab-filter-toolbar, .lab-applied {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lab-advanced {
    margin-left: 16px;
    margin-right: 16px;
  }

  .lab-filter-select, .lab-filter-toggle {
    flex: 1;
  }

  .lab-table-top {
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 16px;
  }

  .lab-table-footer {
    padding-inline: 16px;
  }
}

.adm-page {
  max-width: 1440px;
  color: var(--ws-text);
  margin: 0 auto;
  padding: 6px 0 32px;
}

.adm-page :is(h1, h2, h3, p) {
  color: inherit;
  margin: 0;
}

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

.adm-eyebrow {
  color: var(--ws-accent);
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}

.adm-page-heading h1 {
  letter-spacing: -.045em;
  margin-top: 0;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
}

.adm-page-heading p, .adm-section-header p {
  color: var(--ws-muted);
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.6;
}

.adm-company-badge {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  max-width: 320px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.adm-company-badge svg {
  width: 16px;
  height: 16px;
  color: var(--ws-accent);
  flex: none;
}

.adm-company-select {
  flex: none;
  width: 250px;
}

.adm-settings-layout {
  grid-template-columns: 232px minmax(0, 1fr);
  align-items: start;
  gap: 0 24px;
  display: grid;
}

.adm-settings-layout > .adm-section-header {
  grid-area: 1 / 2;
  margin: 0 0 18px;
}

.adm-settings-nav {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 12px;
  grid-area: 2 / 1;
  padding: 8px;
}

.adm-nav-intro {
  border-bottom: 1px solid var(--ws-border);
  color: var(--ws-muted);
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  padding: 10px 10px 15px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.adm-nav-intro svg {
  flex: none;
  width: 15px;
  height: 15px;
}

.adm-nav-group + .adm-nav-group {
  margin-top: 4px;
}

.adm-nav-items {
  padding: 2px 0 6px;
}

.adm-nav-group-heading {
  min-height: 34px;
  color: var(--ws-text);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.adm-nav-group-heading small {
  background: var(--ws-soft);
  width: 20px;
  height: 20px;
  color: var(--ws-muted);
  border-radius: 5px;
  place-items: center;
  font-size: 10px;
  font-weight: 500;
  display: grid;
}

.adm-page .adm-nav-group button {
  width: 100%;
  min-height: 40px;
  color: var(--ws-muted);
  text-align: left;
  text-shadow: none;
  background: none;
  border: 1px solid #0000;
  border-radius: 7px;
  align-items: center;
  gap: 9px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.adm-nav-group button > svg {
  flex: none;
  width: 15px;
  height: 15px;
}

.adm-nav-group button > span {
  flex: 1;
}

.adm-page .adm-nav-group button:is(:hover, [aria-current="page"]) {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.adm-nav-arrow {
  width: 12px !important;
  height: 12px !important;
}

.adm-unsaved-dot {
  background: var(--ws-accent);
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
}

.adm-settings-content {
  grid-area: 2 / 2;
  min-width: 0;
}

.adm-section-header {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 2px 0 19px;
  display: flex;
}

.adm-section-header h2 {
  letter-spacing: -.035em;
  outline: none;
  margin-top: 0;
  font-size: 21px;
  font-weight: 650;
  line-height: 1.3;
}

.adm-save-state {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-muted);
  border-radius: 6px;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  font-size: 11px;
  display: inline-flex;
}

.adm-save-state svg {
  width: 13px;
  height: 13px;
}

.adm-save-state[data-dirty="true"] {
  color: var(--ws-accent);
  border-color: color-mix(in srgb,var(--ws-accent) 25%,var(--ws-border));
}

.adm-stack {
  align-content: start;
  gap: 20px;
  display: grid;
}

.adm-company-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 20px;
  display: grid;
}

.adm-company-grid > .adm-panel:nth-child(-n+2) {
  grid-column: 1 / -1;
}

.adm-company-grid > .adm-panel {
  flex-direction: column;
  display: flex;
}

.adm-company-grid > .adm-panel > .adm-panel-body {
  flex: 1;
}

.adm-company-grid .adm-logo-row {
  align-content: start;
  gap: 16px;
}

.adm-company-grid .adm-logo-row > div:last-child {
  flex: 200px;
  min-width: 0;
}

.adm-company-grid .adm-logo-preview {
  width: 100%;
  height: 110px;
}

.adm-fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.adm-panel {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 12px;
  min-width: 0;
  box-shadow: 0 2px 6px #00000005;
}

.adm-panel-heading {
  border-bottom: 1px solid var(--ws-border);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  display: flex;
}

.adm-panel-copy {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.adm-panel-copy h2 {
  letter-spacing: -.02em;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.adm-panel-copy p {
  color: var(--ws-muted);
  margin-top: 0;
  font-size: 12px;
  line-height: 1.5;
}

.adm-panel-icon {
  border: 1px solid color-mix(in srgb,var(--ws-accent) 12%,var(--ws-border));
  background: var(--ws-accent-soft);
  width: 34px;
  height: 34px;
  color: var(--ws-accent);
  border-radius: 9px;
  flex: none;
  place-items: center;
  display: grid;
}

.adm-panel-icon svg {
  width: 16px;
  height: 16px;
}

.adm-panel-body {
  padding: 22px;
}

.adm-panel-body:has(.adm-table) {
  padding: 0;
}

.adm-panel-body > .adm-table-scroll:last-child {
  border-radius: 0 0 12px 12px;
}

.adm-panel-body:has(.adm-table) > .adm-filter-toolbar {
  border-bottom: 1px solid var(--ws-border);
  margin: 0;
  padding: 16px 22px;
}

.adm-panel-body:has(.adm-table) > .adm-bulk {
  margin: 12px 22px;
}

.adm-panel-body > .adm-table-scroll > .adm-table thead th {
  border-top: 0;
}

.adm-panel-body > .adm-table-scroll > .adm-table :is(th, td):first-child {
  padding-left: 22px;
}

.adm-panel-body > .adm-table-scroll > .adm-table :is(th, td):last-child {
  padding-right: 22px;
}

.adm-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  display: grid;
}

.adm-field, .adm-page .lab-field {
  min-width: 0;
  color: var(--ws-text);
  align-content: start;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  display: grid;
}

.adm-field > span {
  align-items: center;
  gap: 4px;
  display: flex;
}

.adm-field > span > svg {
  width: 14px;
  height: 14px;
}

.adm-field i {
  color: var(--ws-accent);
  font-style: normal;
}

.adm-field-wide, .adm-form-grid > .adm-field-website, .adm-region-grid > .lab-field:first-child {
  grid-column: 1 / -1;
}

.adm-address-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 20px 16px;
}

.adm-address-grid > .adm-field {
  grid-column: span 3;
}

.adm-address-grid > .adm-field-street {
  grid-column: span 7;
}

.adm-address-grid > :is(.adm-field-number, .adm-field-state) {
  grid-column: span 2;
}

.adm-address-grid > .adm-field-complement {
  grid-column: span 4;
}

.adm-page .adm-address-feedback {
  color: var(--ws-muted);
  margin-top: 12px;
  font-size: 11px;
  line-height: 1.5;
}

.adm-page .adm-address-feedback.adm-error {
  color: #d95b68;
}

.adm-page .adm-nav-group button[aria-current="page"] {
  border-color: color-mix(in srgb,var(--ws-accent) 16%,var(--ws-border));
}

.adm-page .adm-field :is(input, textarea), .adm-page .adm-search input {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  width: 100%;
  min-width: 0;
  height: 44px;
  color: var(--ws-text);
  font: inherit;
  border-radius: 8px;
  outline: none;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 500;
}

.adm-page .adm-field textarea {
  resize: vertical;
  height: auto;
  min-height: 100px;
  padding-block: 12px;
}

.adm-page input::placeholder, .adm-page textarea::placeholder {
  color: var(--ws-muted);
  opacity: .8;
}

.ws-shell .adm-page :is(input, textarea, .lab-select-trigger):focus-visible {
  box-shadow: none;
  border-color: var(--ws-accent);
  outline: none;
}

.adm-page .adm-field input[type="file"] {
  padding: 0 10px;
  font-size: 11px;
  line-height: 42px;
}

.adm-page input[type="file"]::file-selector-button {
  background: var(--ws-soft);
  height: 28px;
  color: var(--ws-text);
  font: inherit;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  border-radius: 4px;
  margin: 0 8px 0 0;
  padding: 0 10px;
  font-size: 11px;
  line-height: 28px;
}

.adm-field small, .adm-page .lab-field small {
  color: var(--ws-muted);
  font-size: 10px;
  line-height: 1.5;
}

.adm-page fieldset:disabled :is(input, textarea, .lab-select-trigger) {
  cursor: not-allowed;
  opacity: .65;
}

.adm-page .adm-button {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  width: auto;
  min-height: 44px;
  color: var(--ws-text);
  text-shadow: none;
  white-space: nowrap;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.adm-button svg {
  flex: none;
  width: 16px;
  height: 16px;
}

.adm-page .adm-button:not(:disabled):hover {
  border-color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.adm-page .adm-primary {
  background: var(--planejalfa-gradient);
  color: #fff;
  background-position: 100%;
  background-size: 220% 220%;
  border: 0;
}

.adm-page .adm-primary:not(:disabled):hover {
  background-position: 0%;
  border: 0;
}

.adm-form-footer {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-muted);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  font-size: 11px;
  display: flex;
}

.adm-page .adm-text-button {
  color: var(--ws-accent);
  text-shadow: none;
  background: none;
  border: 0;
  padding: 5px 0;
  font-size: 11px;
  font-weight: 500;
}

.adm-page .adm-text-button:hover {
  box-shadow: none;
  text-decoration: underline;
  transform: none;
}

.adm-page .adm-text-link {
  color: var(--ws-accent);
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

.adm-text-link svg {
  width: 14px;
  height: 14px;
}

.adm-notice {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  color: var(--ws-muted);
  border-radius: 9px;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  padding: 14px 17px;
  font-size: 12px;
  display: flex;
}

.adm-notice svg {
  flex: none;
  width: 19px;
  height: 19px;
}

.adm-notice p {
  margin-top: 5px;
  font-size: 11px;
}

.adm-page .adm-error {
  color: #d95b68;
  font-size: 11px;
}

.adm-page .adm-success {
  color: #16845e;
  font-size: 11px;
}

.ws-shell[data-theme="dark"] .adm-success {
  color: #62d6aa;
}

.adm-checkbox {
  min-height: 32px;
  color: var(--ws-text);
  cursor: pointer;
  align-items: center;
  gap: 9px;
  display: flex;
  position: relative;
}

.adm-checkbox input {
  opacity: 0;
  cursor: pointer;
  width: 18px;
  height: 18px;
  margin: 0;
  position: absolute;
  left: 0;
}

.adm-checkbox > span {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  color: #fff;
  border-radius: 5px;
  flex: none;
  place-items: center;
  width: 18px;
  height: 18px;
  display: grid;
}

.adm-checkbox > span svg {
  opacity: 0;
  width: 10px;
  height: 10px;
}

.adm-checkbox input:checked + span {
  background: var(--planejalfa-gradient);
  border-color: #0000;
}

.adm-checkbox input:checked + span svg {
  opacity: 1;
}

.adm-checkbox input:focus-visible + span {
  border-color: var(--ws-accent);
}

.adm-checkbox > strong {
  font-size: 13px;
  font-weight: 500;
}

.adm-select .lab-select-wrap {
  min-width: 0;
  position: relative;
}

.adm-page .lab-select-trigger {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  width: 100%;
  height: 44px;
  color: var(--ws-text);
  text-align: left;
  text-shadow: none;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.adm-page .lab-select-trigger:is(:hover, [aria-expanded="true"]) {
  border-color: var(--ws-accent);
  background: var(--ws-control);
  box-shadow: none;
  transform: none;
}

.adm-select .lab-select-trigger > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.adm-select .lab-select-trigger > svg {
  width: 15px;
  height: 15px;
  color: var(--ws-muted);
  flex: none;
}

.adm-select .lab-select-menu {
  z-index: 50;
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 9px;
  width: 100%;
  max-height: 230px;
  padding: 5px;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  overflow-y: auto;
  box-shadow: 0 12px 30px #00000029;
}

.adm-page .lab-select-option {
  width: 100%;
  min-height: 38px;
  color: var(--ws-text);
  text-align: left;
  text-shadow: none;
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.adm-page .lab-select-option:is(:hover, .is-active) {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.ws-shell .adm-page .lab-select-option:focus-visible {
  border-color: var(--ws-accent);
  outline: none;
}

.adm-select .lab-select-option svg {
  width: 15px;
  height: 15px;
}

.adm-logo-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  display: flex;
}

.adm-logo-preview {
  border: 1px dashed var(--ws-border);
  background: var(--ws-soft);
  width: 190px;
  height: 94px;
  color: var(--ws-muted);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px;
  font-size: 11px;
  display: flex;
}

.adm-logo-preview img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.adm-logo-preview svg {
  width: 22px;
  height: 22px;
}

.adm-numbering-list {
  gap: 17px;
  display: grid;
}

.adm-numbering-row {
  border-bottom: 1px solid var(--ws-border);
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr);
  align-items: center;
  gap: 20px;
  padding-bottom: 17px;
  display: grid;
}

.adm-numbering-row:last-child {
  border: 0;
  padding-bottom: 0;
}

.adm-numbering-row > div > strong {
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.adm-document-preview {
  color: var(--ws-accent);
  font-variant-numeric: tabular-nums;
  margin-top: 7px;
  font-size: 10px;
  font-weight: 500;
  display: inline-block;
}

.adm-numbering-controls {
  grid-template-columns: minmax(70px, 1fr) auto 72px;
  align-items: end;
  gap: 12px;
  display: grid;
}

.adm-numbering-controls .adm-checkbox {
  min-height: 44px;
}

.adm-filter-toolbar {
  align-items: end;
  gap: 10px;
  margin-bottom: 16px;
  display: flex;
}

.adm-search {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.adm-search svg {
  width: 15px;
  height: 15px;
  color: var(--ws-muted);
  position: absolute;
  left: 12px;
}

.adm-page .adm-search input {
  height: 38px;
  padding-left: 36px;
}

.adm-filter-toolbar .adm-select {
  flex: none;
  width: 180px;
}

.adm-filter-toolbar .lab-field > span {
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.adm-filter-toolbar .lab-select-trigger {
  height: 38px;
}

.adm-bulk {
  border: 1px solid var(--ws-border);
  background: var(--ws-accent-soft);
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  padding: 10px 12px;
  font-size: 11px;
  display: flex;
}

.adm-bulk .adm-button {
  min-height: 38px;
  font-size: 11px;
}

.adm-table-scroll {
  overflow-x: auto;
}

.adm-table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

.adm-table th {
  border-block: 1px solid var(--ws-border);
  background: var(--ws-soft);
  height: 38px;
  color: var(--ws-muted);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 12px;
  font-size: 10px;
  font-weight: 500;
}

.adm-table td {
  border-bottom: 1px solid var(--ws-border);
  height: 56px;
  color: var(--ws-muted);
  padding: 12px 16px;
  font-size: 12px;
}

.adm-table td strong {
  color: var(--ws-text);
  font-size: 13px;
  font-weight: 500;
}

.adm-table td small {
  color: var(--ws-muted);
  margin-top: 5px;
  font-size: 10px;
  display: block;
}

.adm-table tr:last-child td {
  border-bottom: 0;
}

.adm-table tr:is(:hover, .is-selected) td {
  background: var(--ws-soft);
}

.adm-table .adm-select-cell {
  width: 38px;
  padding-right: 0;
}

.adm-table .adm-action-cell {
  text-align: center;
  width: 64px;
}

.adm-table :is(.adm-select-cell, .adm-notification-table td) .adm-checkbox strong, .adm-notification-table .adm-checkbox strong {
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.adm-notification-table th:not(:first-child) {
  text-align: center;
  width: 110px;
}

.adm-notification-table td .adm-checkbox {
  justify-content: center;
}

.adm-notification-table td .adm-checkbox input {
  left: calc(50% - 9px);
}

.adm-invoice-table {
  min-width: 680px;
}

.adm-badge {
  background: var(--ws-soft);
  color: var(--ws-muted);
  white-space: nowrap;
  border-radius: 5px;
  align-items: center;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 500;
  display: inline-flex;
}

.adm-badge.is-success {
  background: color-mix(in srgb,#20a77a 12%,var(--ws-surface));
  color: #16845e;
}

.adm-badge.is-brand {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.adm-badge.is-warning {
  background: color-mix(in srgb,#e59b2e 12%,var(--ws-surface));
  color: #996516;
}

.adm-badge.is-danger {
  background: color-mix(in srgb,#d44855 12%,var(--ws-surface));
  color: #d95b68;
}

.ws-shell[data-theme="dark"] .adm-badge.is-success {
  color: #62d6aa;
}

.ws-shell[data-theme="dark"] .adm-badge.is-warning {
  color: #edc06b;
}

.adm-empty {
  text-align: center;
  align-content: center;
  justify-items: center;
  gap: 10px;
  min-height: 180px;
  padding: 32px 24px;
  display: grid;
}

.adm-empty > svg {
  box-sizing: content-box;
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  width: 23px;
  height: 23px;
  color: var(--ws-muted);
  border-radius: 12px;
  margin-bottom: 3px;
  padding: 13px;
}

.adm-empty strong {
  color: var(--ws-text);
  font-size: 13px;
  font-weight: 500;
}

.adm-empty p {
  max-width: 360px;
  color: var(--ws-muted);
  font-size: 12px;
  line-height: 1.6;
}

.adm-empty-compact {
  min-height: 145px;
  padding: 16px;
}

.adm-editor-footer {
  justify-content: end;
  gap: 8px;
  margin-top: 19px;
  display: flex;
}

.adm-page .adm-icon-button, .adm-page .lab-table-action-trigger {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  width: 32px;
  height: 32px;
  color: var(--ws-muted);
  text-shadow: none;
  border-radius: 7px;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.adm-icon-button svg, .adm-page .lab-table-action-trigger svg {
  width: 16px;
  height: 16px;
}

.adm-page :is(.adm-icon-button, .lab-table-action-trigger):hover {
  border-color: var(--ws-accent);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.adm-plan-overview {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 16px;
  padding: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 6px #00000005;
}

.adm-plan-identity {
  align-items: center;
  gap: 18px;
  display: flex;
}

.adm-plan-icon {
  background: var(--planejalfa-gradient);
  color: #fff;
  border: 0;
  border-radius: 14px;
  flex: none;
  place-items: center;
  width: 52px;
  height: 52px;
  display: grid;
  box-shadow: 0 5px 14px #6c2bff26;
}

.adm-plan-icon svg {
  width: 25px;
  height: 25px;
}

.adm-plan-identity h2 {
  letter-spacing: -.035em;
  margin-top: 0;
  font-size: 23px;
  font-weight: 650;
  line-height: 1.3;
}

.adm-plan-identity p {
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 13px;
  line-height: 1.6;
}

.adm-plan-summary {
  flex: none;
  justify-items: end;
  gap: 10px;
  display: grid;
}

.adm-plan-summary > span:not(.adm-badge) {
  color: var(--ws-muted);
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: inline-flex;
}

.adm-plan-summary svg {
  width: 14px;
  height: 14px;
}

.adm-kpi-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
  display: grid;
}

.adm-subscription-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  margin-bottom: 20px;
  display: grid;
}

.adm-subscription-grid > .adm-stack {
  gap: 20px;
  min-width: 0;
  display: grid;
}

.adm-subscription-modules {
  margin-bottom: 20px;
}

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

.adm-capacity-item {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 9px;
  align-content: start;
  gap: 8px;
  padding: 16px;
  display: grid;
}

.adm-capacity-label {
  color: var(--ws-muted);
  align-items: center;
  gap: 7px;
  font-size: 11px;
  display: flex;
}

.adm-capacity-label strong {
  font-weight: 500;
}

.adm-capacity-label svg {
  width: 15px;
  height: 15px;
}

.adm-capacity-value {
  color: var(--ws-text);
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: 7px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.adm-capacity-value svg {
  width: 19px;
  height: 19px;
  color: var(--ws-accent);
}

.adm-capacity-item small {
  color: var(--ws-muted);
  font-size: 10px;
  line-height: 1.5;
}

.adm-team-link {
  margin-top: 15px;
}

.adm-integration-block, .adm-plan-features {
  border-top: 1px solid var(--ws-border);
  margin-top: 20px;
  padding-top: 18px;
}

.adm-integration-heading {
  align-items: center;
  gap: 7px;
  font-size: 12px;
  display: flex;
}

.adm-integration-heading > svg {
  width: 16px;
  height: 16px;
  color: var(--ws-accent);
}

.adm-integration-heading strong {
  font-weight: 500;
}

.adm-integration-heading .adm-badge {
  margin-left: auto;
}

.adm-integration-values {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 14px 0 0;
  display: grid;
}

.adm-integration-values dt {
  color: var(--ws-muted);
  font-size: 11px;
  line-height: 1.4;
}

.adm-integration-values dd {
  color: var(--ws-text);
  margin: 5px 0 0;
  font-size: 18px;
  font-weight: 500;
}

.adm-plan-features h3 {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 500;
}

.adm-plan-features > div {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.adm-plan-features > div > span {
  border: 1px solid var(--ws-border);
  color: var(--ws-muted);
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  font-size: 10px;
  line-height: 1.4;
  display: inline-flex;
}

.adm-plan-features .is-included svg, .adm-comparison-features .is-included svg {
  color: var(--ws-accent);
}

.adm-plan-features > div > .is-included {
  color: var(--ws-text);
}

.adm-plan-features svg {
  flex: none;
  width: 12px;
  height: 12px;
}

.adm-plan-dialog {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: min(100% - 32px, 1000px);
  max-height: calc(100dvh - 48px);
  color: var(--ws-text);
  border-radius: 14px;
  margin: auto;
  padding: 0;
  overflow: auto;
  box-shadow: 0 24px 80px #00000040;
}

.adm-plan-dialog::backdrop {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #0000008c;
}

.adm-plan-dialog > header {
  border-bottom: 1px solid var(--ws-border);
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 22px 24px;
  display: flex;
}

.adm-plan-dialog h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}

.adm-plan-dialog header p {
  color: var(--ws-muted);
  margin: 3px 0 0;
  font-size: 12px;
}

.adm-plan-comparison {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 24px;
  display: grid;
}

.adm-plan-comparison > section {
  border: 1px solid var(--ws-border);
  border-radius: 10px;
  padding: 18px;
}

.adm-plan-comparison > .is-current {
  border-color: var(--ws-accent);
}

.adm-comparison-heading {
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  display: flex;
}

.adm-comparison-heading h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.adm-comparison-price {
  letter-spacing: -.04em;
  margin-top: 16px;
  font-size: 24px;
  font-weight: 500;
  display: block;
}

.adm-comparison-price small {
  letter-spacing: 0;
  color: var(--ws-muted);
  margin-left: 4px;
  font-size: 11px;
}

.adm-plan-comparison section > p {
  min-height: 52px;
  color: var(--ws-muted);
  margin: 8px 0 18px;
  font-size: 11px;
  line-height: 1.6;
}

.adm-plan-comparison ul {
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.adm-plan-comparison li, .adm-comparison-features > span {
  align-items: center;
  gap: 7px;
  font-size: 11px;
  line-height: 1.5;
  display: flex;
}

.adm-plan-comparison li strong {
  font-weight: 500;
}

.adm-plan-comparison li svg {
  color: var(--ws-accent);
}

.adm-plan-comparison :is(li, .adm-comparison-features) svg {
  flex: none;
  width: 13px;
  height: 13px;
}

.adm-comparison-features {
  border-top: 1px solid var(--ws-border);
  gap: 9px;
  margin-top: 18px;
  padding-top: 18px;
  display: grid;
}

.adm-comparison-features .is-excluded {
  color: var(--ws-muted);
}

.adm-plan-dialog > footer {
  border-top: 1px solid var(--ws-border);
  color: var(--ws-muted);
  padding: 16px 24px;
  font-size: 11px;
}

.adm-plan-overview:before {
  background: var(--planejalfa-gradient);
  content: "";
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.adm-usage-list {
  gap: 22px;
  display: grid;
}

.adm-usage-heading {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

.adm-usage-heading strong {
  align-items: center;
  gap: 7px;
  font-weight: 500;
  display: inline-flex;
}

.adm-usage-heading svg {
  width: 16px;
  height: 16px;
  color: var(--ws-muted);
}

.adm-usage-heading span {
  color: var(--ws-muted);
  font-size: 11px;
}

.adm-usage-item {
  gap: 10px;
  display: grid;
}

.adm-soft-note {
  border: 1px solid var(--ws-border);
  color: var(--ws-muted);
  border-radius: 8px;
  padding: 14px 16px;
  font-size: 12px;
  line-height: 1.6;
}

.adm-module-groups {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 10px;
  display: grid;
}

.adm-module-groups details {
  border: 1px solid var(--ws-border);
  border-radius: 8px;
  overflow: hidden;
}

.adm-module-groups summary {
  color: var(--ws-text);
  cursor: pointer;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  list-style: none;
  display: flex;
}

.adm-module-groups summary::-webkit-details-marker {
  display: none;
}

.adm-module-groups summary > div {
  flex: 1;
  min-width: 0;
}

.adm-module-groups summary strong {
  font-size: 12px;
  font-weight: 500;
  display: block;
}

.adm-module-groups summary > div > span {
  color: var(--ws-muted);
  margin-top: 3px;
  font-size: 10px;
  display: block;
}

.adm-module-count {
  background: var(--ws-soft);
  color: var(--ws-muted);
  white-space: nowrap;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  padding: 5px 7px;
  font-size: 9px;
  display: inline-flex;
}

.adm-module-count.is-complete {
  color: var(--ws-accent);
  background: var(--ws-accent-soft);
}

.adm-module-count svg {
  width: 11px;
  height: 11px;
}

.adm-module-chevron {
  width: 14px;
  height: 14px;
  color: var(--ws-muted);
  flex: none;
  transition: transform .2s;
}

.adm-module-groups details[open] summary {
  border-bottom: 1px solid var(--ws-border);
  background: var(--ws-soft);
}

.adm-module-groups details[open] .adm-module-chevron {
  transform: rotate(180deg);
}

.adm-module-groups ul {
  margin: 0;
  padding: 8px 14px;
  list-style: none;
}

.adm-module-groups li {
  min-height: 33px;
  color: var(--ws-muted);
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: flex;
}

.adm-module-groups li svg {
  flex: none;
  width: 13px;
  height: 13px;
}

.adm-module-groups li.is-included {
  color: var(--ws-text);
}

.adm-module-groups li.is-included svg {
  color: var(--ws-accent);
}

.adm-module-groups li small {
  margin-left: auto;
  font-size: 9px;
}

.adm-payment-empty {
  min-height: 145px;
  padding: 12px 0 22px;
}

.adm-payment-icon {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  width: 50px;
  height: 50px;
  color: var(--ws-accent);
  border-radius: 50%;
  place-items: center;
  margin-bottom: 5px;
  display: grid;
}

.adm-payment-icon svg {
  width: 24px;
  height: 24px;
}

.adm-payment-methods {
  border-top: 1px solid var(--ws-border);
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-top: 17px;
  display: flex;
}

.adm-payment-methods > span {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  color: var(--ws-muted);
  border-radius: 6px;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  font-size: 11px;
  display: inline-flex;
}

.adm-payment-methods svg {
  width: 15px;
  height: 15px;
}

.adm-payment-methods small {
  color: var(--ws-muted);
  flex-basis: 100%;
  font-size: 10px;
}

.adm-inline-form {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  display: flex;
}

.adm-inline-form > .adm-field {
  flex: 220px;
}

.adm-inline-form > .adm-button {
  flex: none;
}

.adm-inline-feedback {
  flex-basis: 100%;
}

.adm-open-invoices {
  gap: 12px;
  margin-bottom: 20px;
  display: grid;
}

.adm-open-invoices > div {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 8px;
  justify-items: start;
  gap: 8px;
  padding: 15px;
  display: grid;
}

.adm-open-invoices strong {
  letter-spacing: -.03em;
  font-size: 25px;
  font-weight: 650;
}

.adm-open-invoices :is(span:not(.adm-badge), small) {
  color: var(--ws-muted);
  font-size: 11px;
}

@media (max-width: 1100px) {
  .adm-settings-layout {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 16px;
  }

  .adm-numbering-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

@media (max-width: 850px) {
  .adm-subscription-grid, .adm-plan-comparison {
    grid-template-columns: 1fr;
  }

  .adm-plan-comparison section > p {
    min-height: 0;
  }

  .adm-settings-layout {
    grid-template-columns: 1fr;
  }

  .adm-settings-nav {
    gap: 20px;
    max-height: 235px;
    display: flex;
    position: static;
    overflow: auto;
  }

  .adm-nav-group {
    min-width: 180px;
  }

  .adm-nav-group + .adm-nav-group {
    margin-top: 0;
  }

  .adm-plan-overview {
    align-items: start;
  }
}

@media (max-width: 600px) {
  .adm-page-heading {
    flex-direction: column;
    align-items: start;
  }

  .adm-company-select {
    width: 100%;
  }

  .adm-form-grid, .adm-kpi-grid {
    grid-template-columns: 1fr;
  }

  .adm-address-grid > .adm-field {
    grid-column: 1 / -1;
  }

  .adm-panel-heading, .adm-panel-body {
    padding: 16px;
  }

  .adm-panel-body:has(.adm-table) {
    padding: 0;
  }

  .adm-panel-body:has(.adm-table) > .adm-filter-toolbar {
    padding: 14px 16px;
  }

  .adm-panel-body:has(.adm-table) > .adm-bulk {
    margin-inline: 16px;
  }

  .adm-panel-body > .adm-table-scroll > .adm-table :is(th, td):first-child {
    padding-left: 16px;
  }

  .adm-panel-body > .adm-table-scroll > .adm-table :is(th, td):last-child {
    padding-right: 16px;
  }

  .adm-section-header {
    align-items: start;
  }

  .adm-save-state {
    text-align: right;
    max-width: 90px;
    line-height: 1.5;
  }

  .adm-filter-toolbar {
    flex-wrap: wrap;
  }

  .adm-search {
    flex-basis: 100%;
  }

  .adm-filter-toolbar .adm-select {
    width: 100%;
  }

  .adm-form-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .adm-plan-overview {
    flex-direction: column;
    padding: 20px;
  }

  .adm-plan-summary {
    justify-items: start;
  }

  .adm-plan-icon {
    width: 44px;
    height: 44px;
  }

  .adm-plan-identity {
    gap: 12px;
  }

  .adm-plan-identity h2 {
    font-size: 20px;
  }

  .adm-notification-table {
    min-width: 410px;
  }
}

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

@media (max-width: 850px) {
  .adm-settings-layout {
    gap: 16px;
  }

  .adm-settings-nav {
    grid-area: 1 / 1;
    max-height: none;
    display: block;
    overflow: visible;
  }

  .adm-nav-intro {
    padding-bottom: 10px;
  }

  .adm-nav-group {
    min-width: 0;
  }

  .adm-nav-group + .adm-nav-group {
    margin-top: 4px;
  }

  .adm-nav-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .adm-settings-layout > .adm-section-header {
    grid-area: 2 / 1;
    margin: 2px 0 0;
  }

  .adm-settings-content {
    grid-area: 3 / 1;
  }
}

@media (max-width: 380px) {
  .adm-nav-items {
    grid-template-columns: 1fr;
  }
}

.ds-metric-kpi, .ds-metric-progress {
  --metric-success: #17835e;
  --metric-warning: #95620d;
  --metric-danger: #c43c4c;
  color: var(--ws-text);
  font-family: var(--font-jakarta-display), Arial, Helvetica, sans-serif;
}

.ws-shell[data-theme="dark"] :is(.ds-metric-kpi, .ds-metric-progress) {
  --metric-success: #62d6aa;
  --metric-warning: #edc06b;
  --metric-danger: #ff8b97;
}

.ds-metric-kpi {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  min-width: 0;
  box-shadow: var(--ws-shadow);
  border-radius: 10px;
  padding: 14px 16px;
  position: relative;
}

.ds-metric-kpi:has(.ds-metric-tooltip:is(:hover, :focus-within)) {
  z-index: 5;
}

.ds-metric-kpi-heading {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 28px;
  display: flex;
}

.ds-metric-kpi-title {
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: flex;
}

.ds-metric-kpi .ds-metric-kpi-heading h3 {
  color: var(--ws-muted);
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.ds-metric-tooltip {
  flex: none;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.ds-metric-tooltip button {
  width: 16px;
  height: 16px;
  color: var(--ws-muted);
  cursor: help;
  background: none;
  border: 0;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  display: grid;
}

.ds-metric-tooltip button:hover, .ds-metric-tooltip button:focus-visible {
  color: var(--ws-accent);
  box-shadow: none;
  background: none;
  transform: none;
}

.ds-metric-tooltip button svg {
  width: 13px;
  height: 13px;
}

.ds-metric-tooltip-text {
  z-index: 10;
  color: #fff;
  text-align: left;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  background: #713bd3;
  border-radius: 6px;
  width: max-content;
  max-width: min(240px, 100vw - 32px);
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  transition: opacity .15s, transform .15s;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translate(-50%, 3px);
  box-shadow: 0 8px 20px #25144829;
}

.ds-metric-tooltip-text:after {
  background: inherit;
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(45deg);
}

.ds-metric-tooltip:is(:hover, :focus-within) .ds-metric-tooltip-text {
  opacity: 1;
  transform: translate(-50%);
}

.ds-metric-icon {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  width: 28px;
  height: 28px;
  color: var(--ws-accent);
  border-radius: 7px;
  flex: none;
  place-items: center;
  display: grid;
}

.ds-metric-icon svg {
  width: 15px;
  height: 15px;
}

.ds-metric-value {
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  margin-top: 0;
  font-size: clamp(20px, 2vw, 24px);
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.ds-metric-description {
  color: var(--ws-muted);
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.5;
  display: block;
}

.ds-metric-comparison {
  color: var(--ws-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 11px;
  font-size: 10px;
  line-height: 1.5;
  display: flex;
}

.ds-metric-trend {
  color: var(--ws-muted);
  background: var(--ws-soft);
  border-radius: 5px;
  align-items: center;
  gap: 3px;
  padding: 3px 6px;
  font-weight: 500;
  display: inline-flex;
}

.ds-metric-trend[data-sentiment="positive"] {
  color: var(--metric-success);
  background: color-mix(in srgb, var(--metric-success) 10%, var(--ws-surface));
}

.ds-metric-trend[data-sentiment="negative"] {
  color: var(--metric-danger);
  background: color-mix(in srgb, var(--metric-danger) 10%, var(--ws-surface));
}

.ds-metric-trend svg {
  width: 14px;
  height: 14px;
}

.ds-metric-footer {
  border-top: 1px solid var(--ws-border);
  margin-top: 11px;
  padding-top: 10px;
}

.ds-metric-progress {
  min-width: 0;
}

.ds-metric-progress-heading {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 9px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.ds-metric-progress-heading > span {
  font-weight: 500;
}

.ds-metric-progress-heading strong {
  color: var(--ws-muted);
  font-variant-numeric: tabular-nums;
  flex: none;
  font-size: 11px;
  font-weight: 500;
}

.ds-metric-track {
  border-radius: 999px;
  align-items: center;
  height: 6px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ds-metric-track:before {
  border-radius: inherit;
  background: var(--ws-border);
  content: "";
  height: 3px;
  position: absolute;
  inset: 50% 0 auto;
  transform: translateY(-50%);
}

.ds-metric-fill {
  border-radius: inherit;
  background: var(--planejalfa-gradient);
  flex: none;
  height: 6px;
  transition: width .3s;
  display: block;
  position: relative;
}

.ds-metric-progress[data-size="compact"] .ds-metric-track, .ds-metric-progress[data-size="compact"] .ds-metric-fill {
  height: 4px;
}

.ds-metric-progress[data-size="compact"] .ds-metric-track:before {
  height: 2px;
}

.ds-metric-progress[data-tone="success"] .ds-metric-fill {
  background: linear-gradient(135deg, #6ee7b7, #21b887 45%, #137a58);
}

.ds-metric-progress[data-tone="warning"] .ds-metric-fill {
  background: linear-gradient(135deg, #f9da8b, #edae3b 45%, #b97513);
}

.ds-metric-progress[data-tone="danger"] .ds-metric-fill {
  background: linear-gradient(135deg, #ffa2ae, #ef5e77 45%, #bd3048);
}

.ds-metric-progress-helper {
  color: var(--ws-muted);
  margin-top: 8px;
  font-size: 11px;
  line-height: 1.5;
  display: block;
}

.ds-metric-track[data-indeterminate="true"] .ds-metric-fill {
  width: 35%;
  animation: 1.6s ease-in-out infinite alternate ds-progress-slide;
}

@keyframes ds-progress-slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(185%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-metric-fill, .ds-metric-tooltip-text {
    transition: none;
  }

  .ds-metric-track[data-indeterminate="true"] .ds-metric-fill {
    animation: none;
  }
}

.ds-chart-chart {
  min-width: 0;
  color: var(--ws-text);
  font-family: var(--font-jakarta-display), Arial, Helvetica, sans-serif;
  position: relative;
}

.ds-chart-legend {
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin: 0 0 12px 12px;
  display: flex;
}

.ds-chart-legend > span {
  color: var(--ws-muted);
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
}

.ds-chart-legend i {
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.ds-chart-loading {
  min-height: 260px;
  color: var(--ws-muted);
  place-items: center;
  font-size: 12px;
  display: grid;
}

.ds-chart-chart .apexcharts-tooltip {
  box-shadow: var(--ws-shadow);
  border-radius: 8px;
  border: 1px solid var(--ws-border) !important;
  background: var(--ws-surface) !important;
  color: var(--ws-text) !important;
}

.ds-chart-chart .apexcharts-tooltip-title {
  font-weight: 500;
  border-bottom: 1px solid var(--ws-border) !important;
  background: var(--ws-soft) !important;
}

.ds-chart-sr-only {
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@media (max-width: 600px) {
  .adm-module-groups {
    grid-template-columns: 1fr;
  }

  .adm-capacity-item {
    padding: 12px;
  }

  .adm-capacity-value {
    font-size: 16px;
  }

  .adm-subscription-modules .adm-panel-heading {
    flex-wrap: wrap;
    gap: 10px;
  }

  .adm-plan-comparison, .adm-plan-dialog > header {
    padding: 16px;
  }
}

.date-time-popover .date-time-popover-actions > .contacts-button.primary {
  background: var(--planejalfa-gradient);
  color: #fff;
  background-position: 100%;
  background-size: 220% 220%;
  border: 0;
}

.date-time-popover .date-time-popover-actions > .contacts-button.primary:hover:not(:disabled) {
  background-position: 0%;
  border: 0;
}

@layer module-layout {
  :where(.ws-module-surface) label:has( > input[type="checkbox"]) > input[type="checkbox"] {
    flex-shrink: 0;
  }

  :where(.ws-module-surface) .project-portal-container {
    margin-top: 16px;
    padding-bottom: 24px;
  }

  :where(.ws-module-surface) .project-portal-panel {
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .project-portal-panel > p, :where(.ws-module-surface) .project-portal-panel > h3 {
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .project-portal-panel > .contacts-button {
    justify-self: start;
  }

  :where(.ws-module-surface) .project-portal-accesses {
    gap: 8px;
    display: grid;
  }

  :where(.ws-module-surface) .project-portal-upload {
    color: var(--color-primary);
    justify-self: start;
    gap: 6px;
    font-size: .78rem;
    display: grid;
  }

  :where(.ws-module-surface) .project-portal-upload input {
    max-width: 100%;
    color: var(--color-primary);
    font: inherit;
  }

  :where(.ws-module-surface) .sr-only {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .container {
    width: 100%;
    max-width: 1498px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
  }

  :where(.ws-module-surface) :scope {
    background-color: var(--dashboard-bg);
    width: 100%;
    min-height: 100vh;
    position: relative;
  }

  :where(.ws-module-surface) header.dashboard-header {
    --header-surface: var(--dashboard-surface);
    --header-border: var(--dashboard-panel-border);
    --header-muted: #746d7d;
    --header-accent: var(--color-secondary);
    z-index: 900;
    border: 1px solid var(--header-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--header-surface);
    width: 100%;
    min-height: 62px;
    color: var(--color-primary);
    flex-shrink: 0;
    align-items: center;
    margin-bottom: 8px;
    padding: 9px 14px;
    display: flex;
    position: sticky;
    top: 8px;
    box-shadow: 0 2px 12px #24103208;
  }

  :where(.ws-module-surface) button.header-search {
    border: 1px solid var(--dashboard-filter-border);
    border-radius: var(--dashboard-control-radius);
    width: clamp(180px, 21vw, 270px);
    height: 36px;
    color: var(--header-muted);
    text-align: left;
    background: #faf9fc;
    align-items: center;
    gap: 9px;
    padding: 0 7px 0 11px;
    transition: border-color .18s, background .18s, color .18s;
    display: flex;
  }

  :where(.ws-module-surface) button.header-search:hover {
    border-color: var(--dashboard-button-hover-border);
    background: var(--dashboard-button-hover);
    color: var(--header-accent);
  }

  :where(.ws-module-surface) .header-search-icon {
    width: 16px;
    height: 16px;
    color: var(--header-accent);
    flex: none;
  }

  :where(.ws-module-surface) .header-search-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    font-size: .78rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) button.header-search .atalho {
    border: 1px solid var(--header-border);
    background: var(--ws-surface);
    color: #857d8d;
    font-family: var(--font-family);
    border-radius: 4px;
    flex: none;
    padding: 2px 5px;
    font-size: .64rem;
    font-weight: 600;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .user-menu, :where(.ws-module-surface) .company-selector {
    flex: none;
    position: relative;
  }

  :where(.ws-module-surface) .dashboard-theme-toggle {
    border-radius: var(--dashboard-control-radius);
    width: 36px;
    height: 36px;
    color: var(--dashboard-button-text);
    background: none;
    border: 1px solid #0000;
    flex: none;
    place-items: center;
    transition: background .18s, color .18s, border-color .18s;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-theme-toggle svg {
    width: 18px;
    height: 18px;
  }

  :where(.ws-module-surface) .dashboard-theme-toggle:hover:not(:disabled), :where(.ws-module-surface) .dashboard-theme-toggle[aria-pressed="true"] {
    background: var(--dashboard-button-hover);
    color: var(--header-accent);
  }

  :where(.ws-module-surface) .dashboard-theme-toggle:disabled {
    opacity: .55;
    cursor: wait;
  }

  :where(.ws-module-surface) .notification-dropdown, :where(.ws-module-surface) .user-menu-dropdown {
    z-index: 100;
    border: 1px solid var(--header-border);
    background: var(--ws-surface);
    border-radius: 9px;
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    box-shadow: 0 16px 42px #24103220;
  }

  :where(.ws-module-surface) .notification-dropdown {
    flex-direction: column;
    width: 360px;
    max-width: calc(100vw - 32px);
    max-height: min(480px, 100vh - 90px);
    display: flex;
    overflow: hidden;
  }

  :where(.ws-module-surface) .notification-dropdown .drop-title {
    border-bottom: 1px solid var(--header-border);
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 16px;
    display: flex;
  }

  :where(.ws-module-surface) .notification-dropdown .drop-title h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: .88rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .notification-dropdown .drop-body {
    min-height: 70px;
    padding: 8px 14px;
    overflow: auto;
  }

  :where(.ws-module-surface) .notification-dropdown .drop-body span.empty-notification {
    min-height: 64px;
    color: var(--header-muted);
    text-align: center;
    place-items: center;
    font-size: .78rem;
    display: grid;
  }

  :where(.ws-module-surface) .notification-dropdown .drop-footer {
    border-top: 1px solid var(--header-border);
    padding: 10px 12px;
  }

  :where(.ws-module-surface) .notification-dropdown .drop-footer a.link-drop {
    background: var(--dashboard-button-hover);
    height: 34px;
    color: var(--header-accent);
    border-radius: 6px;
    place-items: center;
    font-size: .76rem;
    font-weight: 600;
    display: grid;
  }

  :where(.ws-module-surface) .notification-dropdown .drop-footer a.link-drop:hover {
    background: #ebe1f8;
  }

  :where(.ws-module-surface) .user-menu .user-menu-trigger {
    max-width: 190px;
    height: 36px;
    color: var(--color-primary);
    text-align: left;
    background: none;
    border: 1px solid #0000;
    border-radius: 6px;
    align-items: center;
    gap: 8px;
    padding: 2px 5px;
    transition: background .18s;
    display: flex;
  }

  :where(.ws-module-surface) .user-menu .user-menu-trigger:hover, :where(.ws-module-surface) .user-menu .user-menu-trigger[aria-expanded="true"] {
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .user-menu .user-menu-avatar {
    width: 30px;
    height: 30px;
    color: var(--header-accent);
    background: #f0eaf9;
    border: 1px solid #e3d6f3;
    border-radius: 50%;
    flex: none;
    place-items: center;
    font-size: .72rem;
    font-weight: 700;
    display: grid;
  }

  :where(.ws-module-surface) .user-menu .user-menu-text {
    gap: 1px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .user-menu .user-menu-hello, :where(.ws-module-surface) .user-menu .user-menu-role {
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.1;
    display: block;
    overflow: hidden;
  }

  :where(.ws-module-surface) .user-menu .user-menu-hello {
    color: var(--color-primary);
    font-size: .77rem;
  }

  :where(.ws-module-surface) .user-menu .user-menu-hello strong {
    font-weight: 650;
  }

  :where(.ws-module-surface) .user-menu .user-menu-role {
    color: var(--header-muted);
    font-size: .67rem;
  }

  :where(.ws-module-surface) .user-menu .user-menu-chevron {
    color: var(--header-muted);
    flex: none;
    transition: transform .18s;
  }

  :where(.ws-module-surface) .user-menu .user-menu-trigger[aria-expanded="true"] .user-menu-chevron {
    transform: rotate(180deg);
  }

  :where(.ws-module-surface) .user-menu .user-menu-dropdown {
    gap: 3px;
    width: 240px;
    max-width: calc(100vw - 32px);
    padding: 6px;
    display: grid;
  }

  :where(.ws-module-surface) .user-menu-dropdown-header {
    border-bottom: 1px solid var(--header-border);
    gap: 2px;
    min-width: 0;
    margin-bottom: 3px;
    padding: 10px 10px 12px;
    display: grid;
  }

  :where(.ws-module-surface) .user-menu-dropdown-header strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-primary);
    font-size: .8rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) .user-menu-dropdown-header span {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--header-muted);
    font-size: .71rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) .user-menu .user-menu-dropdown .user-menu-item {
    width: 100%;
    min-height: 35px;
    color: var(--dashboard-button-text);
    text-align: left;
    background: none;
    border-radius: 6px;
    align-items: center;
    gap: 10px;
    padding: 7px 9px;
    font-size: .77rem;
    font-weight: 500;
    display: flex;
  }

  :where(.ws-module-surface) .user-menu .user-menu-dropdown .user-menu-item svg {
    flex: none;
    width: 15px;
    height: 15px;
  }

  :where(.ws-module-surface) .user-menu .user-menu-dropdown .user-menu-item:hover, :where(.ws-module-surface) .user-menu .user-menu-dropdown .user-menu-item:focus-visible {
    background: var(--dashboard-button-hover);
    color: var(--header-accent);
  }

  :where(.ws-module-surface) .user-menu .user-menu-dropdown .user-menu-item.danger {
    border-top: 1px solid var(--header-border);
    color: var(--dashboard-danger);
    border-radius: 0 0 6px 6px;
    margin-top: 3px;
  }

  :where(.ws-module-surface) .user-menu .user-menu-dropdown .user-menu-item.danger:hover {
    background: #fff1f2;
  }

  :where(.ws-module-surface) header.dashboard-header :is(button, a):focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px #7543ce4a;
  }

  :where(.ws-module-surface) .company-selector-trigger {
    border: 1px solid var(--dashboard-filter-border);
    border-radius: var(--dashboard-control-radius);
    background: var(--ws-surface);
    max-width: 220px;
    height: 36px;
    color: var(--dashboard-button-text);
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    font-size: .78rem;
    font-weight: 600;
    transition: border-color .18s, background .18s;
    display: flex;
  }

  :where(.ws-module-surface) .company-selector-trigger > svg:first-child {
    width: 16px;
    height: 16px;
    color: var(--header-accent);
    flex: none;
  }

  :where(.ws-module-surface) .company-selector-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    max-width: 155px;
    overflow: hidden;
  }

  :where(.ws-module-surface) .company-selector-chevron {
    color: var(--header-muted);
    flex: none;
    transition: transform .18s;
  }

  :where(.ws-module-surface) .company-selector-trigger:hover, :where(.ws-module-surface) .company-selector-trigger[aria-expanded="true"] {
    border-color: var(--dashboard-button-hover-border);
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .company-selector-trigger[aria-expanded="true"] .company-selector-chevron {
    transform: rotate(180deg);
  }

  :where(.ws-module-surface) .company-selector-dropdown {
    z-index: 100;
    border: 1px solid var(--header-border);
    background: var(--ws-surface);
    border-radius: 9px;
    width: 330px;
    max-width: calc(100vw - 32px);
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    overflow: hidden;
    box-shadow: 0 16px 42px #24103220;
  }

  :where(.ws-module-surface) .company-selector-title {
    border-bottom: 1px solid var(--header-border);
    min-height: 45px;
    color: var(--color-primary);
    align-items: center;
    margin: 0;
    padding: 0 14px;
    font-size: .86rem;
    font-weight: 650;
    display: flex;
  }

  :where(.ws-module-surface) .company-selector-dropdown > form {
    padding: 8px;
  }

  :where(.ws-module-surface) .company-selector-list {
    gap: 2px;
    max-height: 280px;
    display: grid;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .company-selector-option {
    width: 100%;
    min-height: 36px;
    color: var(--dashboard-button-text);
    text-align: left;
    background: none;
    border-radius: 6px;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 7px 9px;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .company-selector-option > span:first-child {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  :where(.ws-module-surface) .company-selector-option:hover:not([aria-pressed="true"]) {
    background: var(--dashboard-button-hover);
    color: var(--header-accent);
  }

  :where(.ws-module-surface) .company-selector-option[aria-pressed="true"] {
    color: var(--header-accent);
    background: #f1eafa;
    font-weight: 650;
  }

  :where(.ws-module-surface) .company-selector-option:disabled {
    opacity: .6;
    cursor: wait;
  }

  :where(.ws-module-surface) .company-selector-dot {
    background: var(--header-accent);
    border-radius: 50%;
    flex: none;
    width: 7px;
    height: 7px;
  }

  :where(.ws-module-surface) .company-selector-message, :where(.ws-module-surface) .company-selector-error {
    color: var(--header-muted);
    padding: 8px 5px 2px;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .company-selector-error {
    color: var(--dashboard-danger);
  }

  @media (max-width: 640px) {
    :where(.ws-module-surface) header.dashboard-header {
      padding: 8px 10px;
    }

    :where(.ws-module-surface) .company-selector-trigger {
      max-width: 140px;
      padding: 0 7px;
    }

    :where(.ws-module-surface) .company-selector-name {
      max-width: 100px;
    }

    :where(.ws-module-surface) .user-menu .user-menu-trigger {
      width: 36px;
      padding: 2px;
    }

    :where(.ws-module-surface) .user-menu .user-menu-text, :where(.ws-module-surface) .user-menu .user-menu-chevron {
      display: none;
    }

    :where(.ws-module-surface) .user-menu .user-menu-avatar {
      width: 30px;
      height: 30px;
    }

    :where(.ws-module-surface) .notification-dropdown {
      right: -42px;
    }
  }

  @media (max-width: 430px) {
    :where(.ws-module-surface) .header-search-label, :where(.ws-module-surface) button.header-search .atalho {
      display: none;
    }

    :where(.ws-module-surface) .company-selector-name {
      max-width: 84px;
    }

    :where(.ws-module-surface) .company-selector-trigger {
      max-width: 124px;
    }
  }

  :where(.ws-module-surface) .dash-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  @keyframes spotlight-spin {
    to {
      transform: rotate(360deg);
    }
  }

  :where(.ws-module-surface) .fatherTooltip {
    position: relative;
  }

  :where(.ws-module-surface) .tooltip {
    background: var(--color-secondary);
    color: var(--dashboard-surface);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: .7rem;
    font-weight: 400;
    transition: all .2s;
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%)translateY(6px);
  }

  :where(.ws-module-surface) .tooltip:after {
    content: "";
    border-style: solid;
    border-width: 6px;
    border-color: var(--color-secondary) transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  :where(.ws-module-surface) .fatherTooltip:hover .tooltip {
    opacity: 1;
    visibility: visible;
  }

  :where(.ws-module-surface) .dash-sidebar-note {
    background: linear-gradient(135deg, #f5f1fd, #f5f8f7);
    border: 1px solid #ebe7f2;
    border-radius: 8px;
    margin: auto 4px 16px;
    padding: 12px;
  }

  :where(.ws-module-surface) .dash-sidebar-note .small-label {
    letter-spacing: .9px;
    color: #9383b4;
    font-size: .6rem;
  }

  :where(.ws-module-surface) .dash-sidebar-note strong {
    margin: 8px 0;
    font-size: .82rem;
    font-weight: 500;
    line-height: 1.3;
    display: block;
  }

  :where(.ws-module-surface) .dash-sidebar-note p {
    color: #898195;
    font-size: .7rem;
    line-height: 1.3;
  }

  :where(.ws-module-surface) .dash-sidebar-note a {
    color: #7655c4;
    justify-content: space-between;
    align-items: center;
    margin-top: 17px;
    font-size: .72rem;
    font-weight: 500;
    display: flex;
  }

  :where(.ws-module-surface) .dash-sidebar-footer {
    text-align: center;
    color: #9894a3;
    font-size: .65rem;
  }

  :where(.ws-module-surface) .dash-sidebar-footer span {
    margin: 0 4px;
  }

  :where(.ws-module-surface) .modalForm, :where(.ws-module-surface) .modal-overlay {
    overscroll-behavior-y: none;
    z-index: 1400;
    pointer-events: auto;
    background-color: #1b122c8f;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100dvh;
    padding: 1rem;
    transition: all .2s;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
  }

  :where(.ws-module-surface) .modalForm .contentModalForm {
    background: var(--dashboard-surface) 0% 0% no-repeat padding-box;
    box-shadow: none;
    word-wrap: break-word;
    border: none;
    border-radius: 10px;
    margin-bottom: 0;
    position: relative;
  }

  :where(.ws-module-surface) .modalForm .contentModalForm.modalImport {
    width: 100%;
    max-width: 1200px;
  }

  :where(.ws-module-surface) .modalForm .contentModalForm .headerModalForm {
    background-color: #0000;
    border-bottom: 1px solid #f7f6fe;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    min-height: 3rem;
    margin-bottom: 0;
    padding: .6rem 1.2rem;
    display: flex;
    position: relative;
  }

  :where(.ws-module-surface) .modalForm .contentModalForm .headerModalForm.flex-end {
    justify-content: flex-end;
  }

  :where(.ws-module-surface) .modalForm .contentModalForm .headerModalForm span {
    letter-spacing: .08em;
    color: #686d86;
    text-transform: uppercase;
    font-size: .7rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  :where(.ws-module-surface) .modalForm .contentModalForm .headerModalForm h2.titleModalForm {
    letter-spacing: -.02em;
    color: var(--color-primary);
    flex: 1;
    margin: 0;
    font-size: .95rem;
    font-weight: 400;
  }

  :where(.ws-module-surface) .modalForm .contentModalForm .headerModalForm .closeModalForm {
    width: 20px;
    height: 20px;
    color: var(--color-primary);
    background-color: #0000;
    justify-content: center;
    align-items: center;
    transition: all .2s linear;
    display: flex;
  }

  :where(.ws-module-surface) .modalForm .contentModalForm .headerModalForm .closeModalForm:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .modalForm .contentModalForm .bodyModalForm {
    min-height: 90px;
    padding: .7rem 1.2rem 1.1rem;
  }

  :where(.ws-module-surface) .modalForm .contentModalForm.modalImport .bodyModalForm {
    padding: 1rem 3rem 2.5rem;
  }

  :where(.ws-module-surface) .hidden {
    display: none !important;
  }

  :where(.ws-module-surface) .stepOneImport {
    display: flex;
  }

  :where(.ws-module-surface) .stepOneImport .text {
    flex-direction: column;
    width: 600px;
    padding: 15px 30px;
    display: flex;
  }

  :where(.ws-module-surface) .stepOneImport .text h3 {
    color: var(--color-primary);
    margin: 0 0 15px;
    font-size: 1.3rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .stepOneImport .text h4 {
    color: var(--color-primary);
    margin: 0 0 5px;
    font-size: .9rem;
    font-weight: 400;
  }

  :where(.ws-module-surface) .stepOneImport .text p {
    color: #686d86;
    margin: 0 0 20px;
    font-size: .85rem;
  }

  :where(.ws-module-surface) .stepOneImport .text .downloadExemple {
    color: var(--color-primary);
    cursor: pointer;
    align-items: center;
    gap: 6px;
    margin: 0 0 20px;
    font-size: .85rem;
    transition: all .2s linear;
    display: flex;
  }

  :where(.ws-module-surface) .stepOneImport .text .downloadExemple:hover {
    color: var(--bg-button-hover);
  }

  :where(.ws-module-surface) .stepOneImport .text .btnImportGo {
    background-color: var(--color-secondary);
    color: #fff;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 42px;
    font-size: .75rem;
    font-weight: 600;
    transition: all .2s linear;
    display: flex;
  }

  :where(.ws-module-surface) .stepOneImport .text .btnImportGo:hover {
    opacity: .8;
  }

  :where(.ws-module-surface) .stepOneImport .illustrator {
    flex: 1;
    width: 100%;
  }

  :where(.ws-module-surface) .progressUpload {
    margin: 30px 0;
    position: relative;
  }

  :where(.ws-module-surface) .progressUpload .barProgress {
    background-color: #f1f1f1;
    border-radius: 50px;
    width: 100%;
    height: 24px;
    padding: 3px;
    position: relative;
  }

  :where(.ws-module-surface) .progressUpload .barProgress .porcentage {
    color: var(--color-primary);
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 100%;
    font-size: .8rem;
    display: flex;
    position: absolute;
    top: 0;
    right: 5px;
  }

  :where(.ws-module-surface) .progressUpload .barProgress .progress {
    background-color: var(--color-secondary);
    border-radius: 50px;
    height: 100%;
    transition: all .3s linear;
  }

  :where(.ws-module-surface) .progressUpload span {
    color: #686d86;
    justify-content: center;
    align-items: center;
    padding: 12px 0 0;
    font-size: .85rem;
    display: flex;
  }

  :where(.ws-module-surface) .mapeamentoSection h3.titleMapeamento {
    text-align: center;
    color: var(--color-primary);
    margin: 15px auto;
    font-size: 1.2rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .mapeamentoSection h4.subtitleMapeamento {
    margin: 0 0 10px;
    font-size: .95rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .row {
    flex-wrap: wrap;
    width: calc(100% + 14px);
    max-width: calc(100% + 14px);
    margin: 0 -7px;
    display: flex;
  }

  :where(.ws-module-surface) .row > div {
    padding: 0 7px;
  }

  :where(.ws-module-surface) .col-md-1, :where(.ws-module-surface) .col-1 {
    flex: none;
    width: 8.33333%;
  }

  :where(.ws-module-surface) .col-md-2, :where(.ws-module-surface) .col-2 {
    flex: none;
    width: 16.6667%;
  }

  :where(.ws-module-surface) .col-md-3, :where(.ws-module-surface) .col-3 {
    flex: none;
    width: 25%;
  }

  :where(.ws-module-surface) .col-md-4, :where(.ws-module-surface) .col-4 {
    flex: none;
    width: 33.3333%;
  }

  :where(.ws-module-surface) .col-md-5, :where(.ws-module-surface) .col-5 {
    flex: none;
    width: 41.6667%;
  }

  :where(.ws-module-surface) .col-md-6, :where(.ws-module-surface) .col-6 {
    flex: none;
    width: 50%;
  }

  :where(.ws-module-surface) .col-md-7, :where(.ws-module-surface) .col-7 {
    flex: none;
    width: 58.3333%;
  }

  :where(.ws-module-surface) .col-md-8, :where(.ws-module-surface) .col-8 {
    flex: none;
    width: 66.6667%;
  }

  :where(.ws-module-surface) .col-md-9, :where(.ws-module-surface) .col-9 {
    flex: none;
    width: 75%;
  }

  :where(.ws-module-surface) .col-md-10, :where(.ws-module-surface) .col-10 {
    flex: none;
    width: 83.3333%;
  }

  :where(.ws-module-surface) .col-md-11, :where(.ws-module-surface) .col-11 {
    flex: none;
    width: 91.6667%;
  }

  :where(.ws-module-surface) .col-md-12 {
    flex: none;
    width: 100%;
  }

  :where(.ws-module-surface) .mapeamentoSection .map .titleCol {
    text-transform: uppercase;
    color: #686d86;
    font-size: .7rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .mapeamentoSection .map .fieldsMap {
    border-bottom: 1px solid #e8e4f5;
    padding: 12px 0;
  }

  :where(.ws-module-surface) .mapeamentoSection .map .fieldsMap .titleHeader {
    color: var(--color-primary);
    align-items: center;
    gap: 7px;
    font-size: .8rem;
    font-weight: 400;
    display: flex;
  }

  :where(.ws-module-surface) .avisoMap {
    color: #686d86;
    margin: 20px 0 15px;
    font-size: .7rem;
    font-weight: 400;
  }

  :where(.ws-module-surface) .avisoMap strong {
    color: var(--color-primary);
    opacity: .9;
    font-weight: 500;
  }

  :where(.ws-module-surface) .actionsImport {
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .btnActionImport.btnCancel {
    background-color: var(--dashboard-surface);
    color: var(--color-primary);
    border: 1px solid #d4d4d4;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: .75rem;
    font-weight: 400;
    transition: all .2s linear;
  }

  :where(.ws-module-surface) .btnActionImport.btnCancel:hover {
    border-color: var(--color-secondary);
    background-color: color-mix(in srgb,var(--color-secondary) 5%,transparent);
  }

  :where(.ws-module-surface) .btnActionImport.btnContinuar {
    border: 1px solid var(--color-secondary);
    background-color: var(--color-secondary);
    color: #fff;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: .75rem;
    font-weight: 400;
    transition: all .2s linear;
  }

  :where(.ws-module-surface) .btnActionImport.btnContinuar:disabled {
    opacity: .5;
    pointer-events: none;
    color: var(--color-primary);
    background-color: #f1f1f1;
    border-color: #f1f1f1;
  }

  :where(.ws-module-surface) .btnActionImport.btnContinuar:hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
  }

  :where(.ws-module-surface) .fieldSelectInputWrap {
    background-color: color-mix(in srgb,var(--color-secondary) 5%,transparent);
    cursor: pointer;
    border: 1px solid #0000;
    border-radius: 5px;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 38px;
    padding: 0 12px;
    display: flex;
    position: relative;
  }

  :where(.ws-module-surface) .map .fieldSelectWrap.fieldSelectWrap .fieldSelectInputWrap {
    background-color: color-mix(in srgb,var(--color-secondary) 5%,transparent);
    border: 1px solid #0000;
    border-radius: 6px;
    height: 38px;
    padding: 0 12px;
  }

  :where(.ws-module-surface) .map .fieldSelectWrap.fieldSelectWrap .fieldSelectInputWrap.focused {
    border-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .fieldSelectInputWrap input {
    width: 100%;
    height: 100%;
    color: var(--color-primary);
    background-color: #0000;
    font-size: .75rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .map .fieldSelectWrap.fieldSelectWrap .fieldSelectInputWrap input {
    font-size: .75rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .actionSelect {
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
  }

  :where(.ws-module-surface) .actionSelect .arrowSelect {
    color: #686d86;
    opacity: .5;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    transition: all .2s linear;
    display: flex;
  }

  :where(.ws-module-surface) .map .fieldSelectWrap.fieldSelectWrap .fieldSelectInputWrap .actionSelect .arrowSelect {
    width: 34px;
    height: 38px;
  }

  :where(.ws-module-surface) .actionSelect .fieldSelectClear {
    color: #686d86;
    opacity: .5;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 38px;
    transition: all .2s linear;
    display: flex;
  }

  :where(.ws-module-surface) .actionSelect .fieldSelectClear svg, :where(.ws-module-surface) .actionSelect .arrowSelect svg {
    fill: #686d86;
    width: 20px;
    height: 20px;
  }

  :where(.ws-module-surface) .map .fieldSelectWrap.fieldSelectWrap .fieldSelectInputWrap .actionSelect .arrowSelect svg {
    width: 20px;
    height: 20px;
  }

  :where(.ws-module-surface) .map .fieldSelectWrap.fieldSelectWrap .fieldSelectInputWrap .actionSelect:before {
    display: none;
  }

  :where(.ws-module-surface) .fieldSelectInputWrap.focused {
    border-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .fieldSelectInputWrap.focused .fieldSelectClear {
    opacity: 1;
  }

  :where(.ws-module-surface) .fieldSelectInputWrap.focused .arrowSelect {
    opacity: 1;
    transform: rotate(180deg);
  }

  :where(.ws-module-surface) .fieldSelectWrap {
    position: relative;
  }

  :where(.ws-module-surface) .fieldSelectWrap .fieldSelectDropdown {
    background-color: var(--dashboard-surface);
    z-index: 10;
    border: 1px solid #e5e7eb;
    border-radius: .375rem;
    width: 100%;
    max-height: 300px;
    padding: 10px 0;
    position: absolute;
    top: 100%;
    overflow: auto;
    box-shadow: 0 3px 6px #afafaf29;
  }

  :where(.ws-module-surface) .fieldSelectWrap .fieldSelectDropdown .fieldSelectOptions:not(:last-child) > div {
    margin-bottom: 10px;
  }

  :where(.ws-module-surface) .fieldSelectGroup {
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    padding: 0 1rem;
    display: flex;
  }

  :where(.ws-module-surface) .fieldSelectGroup span {
    text-transform: uppercase;
    color: #9c9c9c;
    font-size: .7rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .fieldSelectGroup span.fieldSelectGroupCount {
    width: 20px;
    height: 20px;
    color: var(--color-primary);
    background-color: #f4f4f4;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: .6rem;
    font-weight: 600;
    display: flex;
  }

  :where(.ws-module-surface) .fieldSelectOption, :where(.ws-module-surface) .fieldSelectNone {
    color: var(--color-primary);
    cursor: pointer;
    cursor: pointer;
    background-color: #0000;
    padding: .65rem 1rem;
    font-size: .75rem;
    line-height: 1;
    transition: all .2s linear;
  }

  :where(.ws-module-surface) .map .fieldSelectWrap.fieldSelectWrap .fieldSelectDropdown .fieldSelectOption {
    padding: .55rem 1rem;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .fieldSelectOption:hover, :where(.ws-module-surface) .fieldSelectNone:hover {
    background-color: color-mix(in srgb,var(--color-secondary) 8%,transparent);
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .fieldSelectEmpty {
    text-align: center;
    color: #686d86;
    padding-top: 10px;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .importConfigRow {
    flex-wrap: wrap;
    gap: 12px;
    padding: 4px 0 10px;
    display: flex;
  }

  :where(.ws-module-surface) .importConfigField {
    flex-direction: column;
    flex: 1;
    gap: 4px;
    min-width: 150px;
    display: flex;
  }

  :where(.ws-module-surface) .importConfigLabel {
    color: var(--color-primary);
    opacity: .6;
    text-transform: uppercase;
    letter-spacing: .03rem;
    font-size: .7rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .importConfigSelect {
    color: var(--color-primary);
    background: var(--dashboard-surface);
    cursor: pointer;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    outline: none;
    width: 100%;
    padding: 6px 10px;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .importConfigSelect:focus {
    border-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .tagsImport {
    align-items: center;
    gap: 8px;
    display: flex;
    position: relative;
  }

  :where(.ws-module-surface) .iconHelp {
    color: var(--color-secondary);
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: relative;
  }

  :where(.ws-module-surface) .iconHelp .toolTipTag {
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    border: 1px solid #e5e7eba6;
    border-radius: 7px;
    align-items: center;
    gap: 10px;
    width: 300px;
    padding: 10px;
    transition: all .2s linear;
    display: flex;
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    box-shadow: 0 3px 6px #afafaf29;
  }

  :where(.ws-module-surface) .iconHelp:hover .toolTipTag {
    opacity: 1;
    visibility: visible;
  }

  :where(.ws-module-surface) .iconHelp .text {
    color: #686d86;
    font-size: .7rem;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .tagSelectWrap {
    align-items: flex-start;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .tagSelectWrap .tagsSelecionadas {
    align-items: center;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .btnAddTag {
    height: 24px;
    color: var(--color-primary);
    background-color: var(--dashboard-surface);
    border: 1px solid #d4d4d4;
    border-radius: 50px;
    align-items: center;
    gap: 2px;
    padding: 1px 10px 1px 6px;
    font-size: .7rem;
    font-weight: 500;
    transition: all .2s linear;
    display: flex;
    position: relative;
  }

  :where(.ws-module-surface) .btnAddTag:hover {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
    background-color: #f4f4f4;
  }

  :where(.ws-module-surface) .tagSelected {
    border-radius: 50px;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 1px 5px 1px 10px;
    font-size: .7rem;
    font-weight: 500;
    transition: all .2s linear;
    display: flex;
  }

  :where(.ws-module-surface) .tagSelected .tagOptionRemove {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    transition: all .2s linear;
    display: flex;
  }

  :where(.ws-module-surface) .tagSelected .tagOptionRemove:hover {
    color: var(--color-primary) !important;
  }

  :where(.ws-module-surface) .tagSelectDropdown {
    z-index: 99;
    background-color: #fff;
    border: 1px solid #e5e7eba6;
    border-radius: 7px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 300px;
    padding: 10px;
    display: flex;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    box-shadow: 0 3px 6px #afafaf29;
  }

  :where(.ws-module-surface) .tagSelectDropdown .form-group {
    width: 100%;
    margin: 0 auto 5px;
  }

  :where(.ws-module-surface) .tagSelectDropdown .form-group .selectTagInput {
    width: 100%;
    position: relative;
  }

  :where(.ws-module-surface) .tagSelectDropdown .form-group .selectTagInput .seletor {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    min-height: 38px;
    transition: all .1s;
    display: flex;
  }

  :where(.ws-module-surface) .tagSelectDropdown .form-group .selectTagInput .seletor.active {
    border-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .tagSelectDropdown .form-group .selectTagInput .seletor .tagSelectInput {
    width: 100%;
    box-shadow: none;
    color: var(--color-primary);
    background-color: #0000;
    border: 0;
    border-radius: 0;
    outline: none;
    flex: 1;
    padding: 5px 12px;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .tagSelectDropdown .form-group .selectTagInput .seletor .arrowSelect {
    justify-content: center;
    align-items: center;
    width: 37px;
    height: 36px;
    display: flex;
    position: relative;
  }

  :where(.ws-module-surface) .tagSelectDropdown .form-group .selectTagInput .seletor .arrowSelect:before {
    content: "";
    background-color: #ccc;
    width: 1px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  :where(.ws-module-surface) .tagSelectDropdown .form-group .selectTagInput .seletor.active .arrowSelect:before {
    background-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .tagSelectDropdown .form-group .selectTagInput .seletor .arrowSelect svg {
    fill: #686d86;
    opacity: .7;
    transition: all .2s linear;
  }

  :where(.ws-module-surface) .tagSelectDropdown .form-group .selectTagInput .seletor.active .arrowSelect svg {
    transform: rotate(180deg);
  }

  :where(.ws-module-surface) .tagSelectOptions {
    background-color: #fff;
    border: 1px solid #e5e7eba6;
    border-radius: 7px;
    width: 100%;
    padding: 10px 0;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    box-shadow: 0 3px 6px #afafaf29;
  }

  :where(.ws-module-surface) .tagSelectOptions .tagOption, :where(.ws-module-surface) .tagSelectOptions .tagCreateOption {
    align-items: center;
    padding: .3rem .5rem;
    line-height: 1;
    transition: all .2s linear;
    display: flex;
  }

  :where(.ws-module-surface) .tagSelectOptions .tagOption:hover, :where(.ws-module-surface) .tagSelectOptions .tagOption.selected, :where(.ws-module-surface) .tagSelectOptions .tagCreateOption {
    background-color: color-mix(in srgb,var(--color-secondary) 8%,transparent);
  }

  :where(.ws-module-surface) .tagSelectOptions .tagOption .tagOptionPill, :where(.ws-module-surface) .tagSelectOptions .tagCreateOption .tagOptionPill, :where(.ws-module-surface) .seletor .tagOptionPill {
    border-radius: 50px;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 1px 12px;
    font-size: .7rem;
    font-weight: 500;
    line-height: 1;
    transition: all .2s linear;
    display: flex;
  }

  :where(.ws-module-surface) .seletor.creating-mode .tagOptionPill {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
  }

  :where(.ws-module-surface) .tagSelectActions {
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    width: 100%;
    display: flex;
  }

  :where(.ws-module-surface) .tagSelectActions .btnTagCancel {
    background-color: var(--dashboard-surface);
    height: 26px;
    color: var(--color-primary);
    cursor: pointer;
    border: 1px solid #eff3ff;
    border-radius: 5px;
    padding: 1px 10px 2px;
    font-size: .7rem;
    font-weight: 500;
    transition: all .2s linear;
  }

  :where(.ws-module-surface) .tagSelectActions .btnTagCancel:hover {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
    background-color: #f4f4f4;
  }

  :where(.ws-module-surface) .tagSelectActions .btnTagSave {
    color: #fff;
    cursor: pointer;
    background-color: #35efb3;
    border: 1px solid #35efb3;
    border-radius: 5px;
    height: 26px;
    padding: 1px 10px 2px;
    font-size: .7rem;
    font-weight: 500;
    transition: all .2s linear;
  }

  :where(.ws-module-surface) .tagSelectActions .btnTagSave:hover {
    background-color: #2fd6a1;
    border: 1px solid #2fd6a1;
  }

  :where(.ws-module-surface) .tagColorPicker {
    width: 100%;
    margin: -5px auto 5px;
    padding: 0 4px;
  }

  :where(.ws-module-surface) .tagColorPicker .tagColorLabel {
    color: var(--color-primary);
    margin: 0 0 6px;
    font-size: .85rem;
    font-weight: 400;
    display: block;
  }

  :where(.ws-module-surface) .tagColorPicker .tagColorGrid {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-width: 220px;
    display: flex;
  }

  :where(.ws-module-surface) .tagColorPicker .tagColorGrid .tagColorSwatch {
    cursor: pointer;
    background-image: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    transition: all .2s linear;
    position: relative;
  }

  :where(.ws-module-surface) .tagColorPicker .tagColorGrid .tagColorSwatch:hover {
    transform: scale(1.2);
  }

  :where(.ws-module-surface) .tagColorPicker .tagColorGrid .tagColorSwatch.active {
    pointer-events: none;
  }

  :where(.ws-module-surface) .tagColorPicker .tagColorGrid .tagColorSwatch.active:before {
    content: "";
    z-index: 2;
    background-color: var(--dashboard-surface);
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  :where(.ws-module-surface) .align-center {
    align-items: center;
  }

  :where(.ws-module-surface) .fieldSelectOption span {
    align-items: center;
    gap: 5px;
    display: flex;
  }

  :where(.ws-module-surface) .fieldSelectOption span svg, :where(.ws-module-surface) .fieldSelectSelectedBadge svg {
    width: 16px;
  }

  :where(.ws-module-surface) .fieldSelectOption.active {
    background-color: color-mix(in srgb,var(--color-secondary) 8%,transparent);
  }

  :where(.ws-module-surface) .fieldSelectSelectedBadge {
    align-items: center;
    gap: 5px;
    font-size: .8rem;
    font-weight: 500;
    display: flex;
  }

  :where(.ws-module-surface) .previewHeader h3 {
    text-align: center;
    color: var(--color-primary);
    margin: 0 auto;
    font-size: 1.1rem;
    font-weight: 400;
  }

  :where(.ws-module-surface) .previewHeader p {
    text-align: center;
    color: #686d86;
    text-align: center;
    font-size: .85rem;
    font-weight: 400;
  }

  :where(.ws-module-surface) hr.previewDivider {
    opacity: .3;
    border: 0;
    border-top: 1px solid #666;
    margin: 24px 0;
  }

  :where(.ws-module-surface) p.previewInfo {
    color: #686d86;
    margin: 0 0 20px;
    font-size: .9rem;
    font-weight: 400;
  }

  :where(.ws-module-surface) p.previewInfo strong {
    color: var(--color-primary);
    font-weight: 500;
  }

  :where(.ws-module-surface) .previewTableWrap {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    display: block;
    overflow-x: auto;
  }

  :where(.ws-module-surface) table {
    border-collapse: collapse;
    width: 100%;
  }

  :where(.ws-module-surface) table thead th {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #686d86;
    vertical-align: bottom;
    text-align: left;
    background-color: #fafbff;
    border-bottom-width: 1px;
    padding: .7rem;
    font-size: .7rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) table tbody td {
    white-space: nowrap;
    vertical-align: middle;
    text-align: left;
    color: var(--color-primary);
    border-top: 1px solid #f7f6fe;
    padding: .7rem;
    font-size: .7rem;
  }

  :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-group .form-label {
    color: var(--color-primary);
    align-items: center;
    gap: 3px;
    margin-bottom: .3rem;
    font-size: .8rem;
    font-weight: 500;
    display: flex;
  }

  :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-group .form-label span {
    color: #ef4444;
    font-weight: 300;
  }

  :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-group :is(.input-form, .selectSearchTrigger, .app-select-trigger) {
    background-color: color-mix(in srgb,var(--color-secondary) 5%,transparent);
    width: 100%;
    min-height: 42px;
    color: var(--color-primary);
    border: 1px solid #0000;
    border-radius: 6px;
    outline: none;
    padding: 5px 12px;
    font-family: inherit;
    font-size: .82rem;
    font-weight: 500;
    transition: border-color .25s, box-shadow .25s;
  }

  :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-group textarea.input-form {
    resize: vertical;
    height: auto;
    min-height: 96px;
    padding: 10px 12px;
    line-height: 1.5;
  }

  :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-group .input-form:focus, :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-group .fieldSelectInputWrap.focused, :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-group .app-select-trigger.app-select-open {
    border-color: var(--color-secondary);
    box-shadow: none;
    outline: none;
  }

  :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-group .input-form::placeholder, :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .fieldSelectPlaceholder {
    opacity: .45;
  }

  :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-group .input-form.input-error, :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-group .fieldSelectInputWrap.input-error {
    border-color: #dc2626;
  }

  :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-error, :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-helper {
    margin-top: 5px;
    font-size: .72rem;
    display: block;
  }

  :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-error {
    color: #b91c1c;
  }

  :where(.ws-module-surface) :where(html:not(:has(.onboarding-page))) .form-helper {
    color: #686d86;
  }

  :where(.ws-module-surface) .select-search-filter .fieldSelectInputWrap {
    border-radius: var(--dashboard-control-radius);
    text-align: left;
    outline: none;
    height: auto;
    min-height: 42px;
    padding: 0 42px 0 12px;
    font-family: inherit;
  }

  :where(.ws-module-surface) .select-search-filter .actionSelect {
    height: 100%;
    top: 0;
  }

  :where(.ws-module-surface) .select-search-filter .actionSelect .arrowSelect {
    width: 34px;
    height: 100%;
  }

  :where(.ws-module-surface) .select-search-filter .actionSelect .arrowSelect svg {
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .select-search-filter .fieldSelectInputWrap:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  :where(.ws-module-surface) .select-search-filter .fieldSelectSelectedBadge, :where(.ws-module-surface) .select-search-filter .fieldSelectPlaceholder {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .86rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) .selectSearchIcon {
    width: 16px;
    height: 16px;
    color: inherit;
    flex: 0 0 16px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  :where(.ws-module-surface) .selectSearchIcon svg {
    fill: none;
    stroke-width: 1.7px;
    width: 16px;
    height: 16px;
  }

  :where(.ws-module-surface) .select-search-filter .selectSearchTrigger:has(.selectSearchIcon) {
    gap: 5px;
  }

  :where(.ws-module-surface) .app-select-trigger:has(.selectSearchIcon) {
    gap: 5px;
  }

  :is(:where(.ws-module-surface) .selectSearchTrigger:has(.selectSearchIcon) > .fieldSelectSelectedBadge, :where(.ws-module-surface) .selectSearchTrigger:has(.selectSearchIcon) > .fieldSelectPlaceholder, :where(.ws-module-surface) .app-select-trigger:has(.selectSearchIcon) > .app-select-value) {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .selectSearchDropdown {
    background: var(--dashboard-surface);
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 8px 0;
    box-shadow: 0 8px 24px #45325429;
  }

  :where(.ws-module-surface) .selectSearchBox {
    border: 1px solid var(--ws-border);
    background: var(--ws-control);
    height: 32px;
    color: var(--ws-muted);
    border-radius: 8px;
    align-items: center;
    gap: 9px;
    margin: 0 8px 8px;
    padding: 0 12px;
    display: flex;
  }

  :where(.ws-module-surface) .selectSearchBox:focus-within {
    border-color: var(--ws-accent);
    box-shadow: none;
  }

  :where(.ws-module-surface) .selectSearchBox > svg {
    flex: none;
    width: 16px;
    height: 16px;
  }

  :where(.ws-module-surface) .selectSearchBox input {
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    color: var(--ws-text);
    font: inherit;
    background: none;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
  }

  :where(.ws-module-surface) .selectSearchDropdown .fieldSelectOption {
    text-align: left;
    border: 0;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-family: inherit;
    font-size: .82rem;
    line-height: 1.25;
    display: flex;
  }

  :where(.ws-module-surface) .selectSearchValues {
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .filtersContacts .selectSearchValues, :where(.ws-module-surface) .conversations-filters .selectSearchValues {
    display: none;
  }

  :where(.ws-module-surface) .selectSearchValues .optSelected {
    background: color-mix(in srgb,var(--color-secondary) 10%,transparent);
    color: var(--color-primary);
    border-radius: 999px;
    align-items: center;
    gap: 4px;
    padding: 4px 7px;
    font-size: .72rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .selectSearchValues .optSelected button {
    color: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    display: inline-flex;
  }

  :where(.ws-module-surface) .kpis-card-container {
    background: none;
    gap: 10px;
    margin-bottom: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .kpis-card-container .kpi-value-row {
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 7px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .kpis-card-container.one-dash {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .container-dash {
    width: 100%;
    max-width: 1500px;
    margin: auto;
    padding: 0 20px;
  }

  :where(.ws-module-surface) .dash-title-section {
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 0 15px;
    padding: 0 5px;
    display: flex;
  }

  :where(.ws-module-surface) .dash-title-section .title-section h1 {
    color: var(--color-primary);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
  }

  :where(.ws-module-surface) .dash-title-section .title-section p {
    color: color-mix(in srgb,var(--color-primary) 70%,transparent);
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.625;
    text-decoration: none;
  }

  :where(.ws-module-surface) .notification-dropdown .drop-title {
    justify-content: space-between;
    gap: 8px;
  }

  :where(.ws-module-surface) .notification-dropdown .drop-title .notification-mark-all {
    color: var(--header-accent);
    white-space: nowrap;
    background: none;
    font-size: .77rem;
  }

  :where(.ws-module-surface) .notification-preview-list {
    max-height: 270px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .notification-preview-list li {
    border-bottom: 1px solid var(--header-border);
    gap: 3px;
    padding: 8px 4px;
    display: grid;
  }

  :where(.ws-module-surface) .notification-preview-list li:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .notification-preview-list strong {
    color: var(--color-primary);
    font-size: .83rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .notification-preview-list small {
    color: var(--header-muted);
    font-size: .77rem;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .dashboard-overview {
    padding-bottom: 44px;
  }

  :where(.ws-module-surface) .dashboard-overview .dash-title-section {
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
  }

  :where(.ws-module-surface) .dashboard-content {
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-controls {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-owner-filter {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-owner-filter .form-group {
    width: 185px;
    margin: 0;
  }

  :where(.ws-module-surface) .dashboard-owner-filter .form-label {
    clip: rect(0,0,0,0);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .dashboard-owner-filter .fieldSelectInputWrap {
    height: var(--dashboard-filter-height);
    min-height: var(--dashboard-filter-height);
    border: 1px solid var(--dashboard-filter-border);
    border-radius: var(--dashboard-control-radius);
    background: var(--dashboard-surface);
    padding: 0 34px 0 11px;
  }

  :where(.ws-module-surface) .dashboard-owner-filter .fieldSelectInputWrap:hover, :where(.ws-module-surface) .dashboard-owner-filter .fieldSelectInputWrap.focused {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
    border-color: #0000;
  }

  :where(.ws-module-surface) .dashboard-owner-filter .fieldSelectSelectedBadge, :where(.ws-module-surface) .dashboard-owner-filter .fieldSelectPlaceholder {
    font-size: .75rem;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .dashboard-owner-filter .actionSelect .arrowSelect {
    width: 30px;
  }

  :where(.ws-module-surface) .dashboard-owner-filter .actionSelect .arrowSelect svg {
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .dashboard-action, :where(.ws-module-surface) .dashboard-overview .btnFilter {
    box-sizing: border-box;
    background: var(--dashboard-surface);
    border-radius: var(--dashboard-control-radius);
    height: 36px;
    max-height: 36px;
    color: var(--color-primary);
    font: inherit;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #e1dbe8;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    display: inline-flex;
  }

  :where(.ws-module-surface) .dashboard-action svg {
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }

  :where(.ws-module-surface) .dashboard-controls .dashboard-action, :where(.ws-module-surface) .dashboard-overview .btnFilter {
    height: var(--dashboard-filter-height);
    max-height: var(--dashboard-filter-height);
  }

  :where(.ws-module-surface) .dashboard-action-primary {
    background: var(--color-secondary);
    color: var(--dashboard-surface);
    border-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .dashboard-action:hover, :where(.ws-module-surface) .dashboard-overview .btnFilter:hover {
    background: var(--dashboard-button-hover);
    border-color: var(--dashboard-button-hover-border);
  }

  :where(.ws-module-surface) .dashboard-action-primary:hover {
    background: #6334bd;
    border-color: #6334bd;
  }

  :where(.ws-module-surface) .dashboard-overview .btnFilter {
    border: 1px solid var(--dashboard-filter-border);
    gap: 5px;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .dashboard-overview .btnFilter:hover, :where(.ws-module-surface) .dashboard-overview .btnFilter.active, :where(.ws-module-surface) .dashboard-overview .btnFilter[aria-expanded="true"] {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
    color: var(--color-secondary);
    border-color: #0000;
  }

  :where(.ws-module-surface) .dashboard-overview .filterDropWrap {
    position: relative;
  }

  :where(.ws-module-surface) .dashboard-period-menu {
    z-index: 30;
    background: var(--dashboard-surface);
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    width: min(690px, 100vw - 36px);
    padding: 12px;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    box-shadow: 0 8px 24px #0000001a;
  }

  :where(.ws-module-surface) .dashboard-period-presets {
    border-bottom: 1px solid #ebedef;
    flex-wrap: wrap;
    gap: 6px;
    padding-bottom: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-period-presets button {
    background: var(--dashboard-surface);
    cursor: pointer;
    border: 1px solid #e8e0f2;
    border-radius: 6px;
    height: 34px;
    max-height: 34px;
    padding: 0 9px;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .dashboard-period-presets button[aria-current="true"] {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
    background: #f4effb;
  }

  :where(.ws-module-surface) .dashboard-overview .filterDateWrap {
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 12px;
    margin-top: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-overview .filterDatePresets {
    align-content: start;
    gap: 3px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-overview .filterDatePresetItem {
    border-radius: var(--dashboard-control-radius);
    cursor: pointer;
    padding: 6px 8px;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .dashboard-overview .filterDatePresetItem:hover, :where(.ws-module-surface) .dashboard-overview .filterDatePresetItem.active {
    background: #f4effb;
  }

  :where(.ws-module-surface) .dashboard-overview .filterCalendars {
    gap: 12px;
    display: flex;
    position: relative;
  }

  :where(.ws-module-surface) .dashboard-overview .calMonth {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .dashboard-overview .calMonthTitle {
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 9px;
    font-size: .84rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .dashboard-overview .calGrid {
    text-align: center;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 2px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-overview .calDay, :where(.ws-module-surface) .dashboard-overview .calDayHeader {
    border-radius: 5px;
    padding: 5px 0;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .dashboard-overview .calDay {
    cursor: pointer;
  }

  :where(.ws-module-surface) .dashboard-overview .calDay:hover, :where(.ws-module-surface) .dashboard-overview .calDay.selected, :where(.ws-module-surface) .dashboard-overview .calDay.startRange, :where(.ws-module-surface) .dashboard-overview .calDay.endRange {
    background: var(--color-secondary);
    color: #fff;
  }

  :where(.ws-module-surface) .dashboard-overview .calDay.inRange {
    background: #f4effb;
  }

  :where(.ws-module-surface) .dashboard-overview .calDayHeader {
    color: #777;
  }

  :where(.ws-module-surface) .dashboard-overview .calNavBtn {
    cursor: pointer;
    color: var(--color-secondary);
    background: none;
    border: 0;
    position: absolute;
    top: 0;
  }

  :where(.ws-module-surface) .dashboard-overview .navLeft {
    left: 0;
  }

  :where(.ws-module-surface) .dashboard-overview .navRight {
    right: 0;
  }

  :where(.ws-module-surface) .dashboard-overview .kpis-card-container {
    margin: 0;
  }

  :where(.ws-module-surface) .dashboard-inbox-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-inbox-grid a {
    background: #faf8fd;
    border: 1px solid #e8e0f2;
    border-radius: 7px;
    gap: 3px;
    padding: 10px 12px;
    text-decoration: none;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-inbox-grid a:hover {
    border-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .dashboard-inbox-grid strong {
    color: var(--color-primary);
    font-size: 1.15rem;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .dashboard-inbox-grid span, :where(.ws-module-surface) .dashboard-inbox-note {
    color: #695f73;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .dashboard-inbox-note {
    padding-top: 12px;
  }

  :where(.ws-module-surface) .dashboard-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .dashboard-panel {
    background: var(--dashboard-surface);
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 9px;
    min-width: 0;
  }

  :where(.ws-module-surface) .dashboard-panel-header {
    border-bottom: 1px solid #eeebf2;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 13px 16px;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-panel-header h2 {
    color: #51465d;
    font-size: .88rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .dashboard-panel-header p {
    color: #666;
    margin-top: 3px;
    font-size: .79rem;
  }

  :where(.ws-module-surface) .dashboard-panel-header a {
    white-space: nowrap;
    color: var(--color-secondary);
    font-size: .8rem;
    text-decoration: none;
  }

  :where(.ws-module-surface) .dashboard-panel-body {
    padding: 16px;
  }

  :where(.ws-module-surface) .dashboard-two-columns, :where(.ws-module-surface) .dashboard-three-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-three-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .dashboard-goal {
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-goal > div:first-child {
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 7px;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-goal strong {
    color: var(--color-primary);
    font-size: 1.3rem;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .dashboard-goal span, :where(.ws-module-surface) .dashboard-goal small {
    color: #73697c;
    font-size: .79rem;
  }

  :where(.ws-module-surface) .dashboard-goal small {
    flex-basis: 100%;
  }

  :where(.ws-module-surface) .dashboard-goal-progress {
    grid-template-columns: minmax(150px, 260px) auto;
    align-items: center;
    gap: 10px;
    width: min(100%, 330px);
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-goal-progress .dashboard-progress {
    margin: 0;
  }

  :where(.ws-module-surface) .dashboard-goal-progress b {
    color: var(--color-primary);
    white-space: nowrap;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .dashboard-start {
    color: #555;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    font-size: .85rem;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-start div {
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-start a {
    box-sizing: border-box;
    height: 36px;
    max-height: 36px;
    color: var(--color-secondary);
    border: 1px solid #d9cfea;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    font-size: .78rem;
    text-decoration: none;
    display: inline-flex;
  }

  :where(.ws-module-surface) .dashboard-attention {
    color: #8a4e00;
    background: #fff8ed;
    border-radius: 6px;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    font-size: .84rem;
    text-decoration: none;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-apex-chart {
    width: 100%;
    min-height: 290px;
    margin: -4px 0 -8px;
  }

  :where(.ws-module-surface) .dashboard-apex-chart .apexcharts-canvas, :where(.ws-module-surface) .dashboard-apex-chart .apexcharts-svg {
    overflow: visible;
  }

  :where(.ws-module-surface) .dashboard-apex-chart .apexcharts-tooltip, :where(.ws-module-surface) .dashboard-apex-chart .apexcharts-xaxistooltip {
    font-family: var(--font-family) !important;
    border: 1px solid #e5deeb !important;
    border-radius: 7px !important;
    box-shadow: 0 8px 24px #2b173018 !important;
  }

  :where(.ws-module-surface) .dashboard-apex-chart .apexcharts-tooltip-title {
    font-family: var(--font-family) !important;
    background: #faf8fc !important;
    border-bottom-color: #eee8f3 !important;
  }

  :where(.ws-module-surface) .dashboard-stage-list {
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-stage-list li > div:first-child {
    justify-content: space-between;
    gap: 8px;
    font-size: .82rem;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-stage-list strong {
    white-space: nowrap;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .dashboard-stage-list small {
    color: #888;
  }

  :where(.ws-module-surface) .dashboard-progress {
    background: #f0ecf8;
    border-radius: 10px;
    height: 6px;
    margin-top: 7px;
    overflow: hidden;
  }

  :where(.ws-module-surface) .dashboard-progress span {
    border-radius: inherit;
    background: var(--color-secondary);
    height: 100%;
    display: block;
  }

  :where(.ws-module-surface) .dashboard-funnel {
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-funnel > div > span {
    color: #555;
    font-size: .84rem;
  }

  :where(.ws-module-surface) .dashboard-funnel > div > strong {
    float: right;
    font-size: .84rem;
  }

  :where(.ws-module-surface) .dashboard-stalled {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  :where(.ws-module-surface) .dashboard-stalled li {
    border-bottom: 1px solid #eee;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    font-size: .82rem;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-stalled li:last-child {
    border: 0;
  }

  :where(.ws-module-surface) .dashboard-stalled li div {
    min-width: 0;
  }

  :where(.ws-module-surface) .dashboard-stalled strong, :where(.ws-module-surface) .dashboard-stalled small {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

  :where(.ws-module-surface) .dashboard-stalled small {
    color: #777;
    margin-top: 3px;
  }

  :where(.ws-module-surface) .dashboard-stalled b {
    white-space: nowrap;
  }

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

  :where(.ws-module-surface) .dashboard-metric-grid.five {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .dashboard-metric-grid.six {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .dashboard-metric-grid.seven {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .dashboard-small-metric {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 9px;
    gap: 3px;
    padding: 10px 13px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-small-metric span {
    color: #786e82;
    font-size: .77rem;
  }

  :where(.ws-module-surface) .dashboard-small-metric strong {
    color: #342b40;
    font-size: 1.13rem;
    font-weight: 650;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .dashboard-small-metric small {
    color: #817789;
    font-size: .72rem;
    line-height: 1.25;
  }

  :where(.ws-module-surface) .dashboard-service-summary, :where(.ws-module-surface) .dashboard-automation-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-compact-list {
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-compact-list li {
    border-bottom: 1px solid #eeeaf2;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 7px 0;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-compact-list li:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .dashboard-compact-list li > div {
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-compact-list svg {
    width: 15px;
    height: 15px;
    color: var(--color-secondary);
    flex: none;
  }

  :where(.ws-module-surface) .dashboard-compact-list span, :where(.ws-module-surface) .dashboard-compact-list strong, :where(.ws-module-surface) .dashboard-compact-list small {
    min-width: 0;
    display: block;
  }

  :where(.ws-module-surface) .dashboard-compact-list span {
    overflow: hidden;
  }

  :where(.ws-module-surface) .dashboard-compact-list strong {
    color: #4d4257;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .81rem;
    font-weight: 600;
    line-height: 1.25;
    overflow: hidden;
  }

  :where(.ws-module-surface) .dashboard-compact-list small {
    color: #817789;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 1px;
    font-size: .73rem;
    line-height: 1.3;
    overflow: hidden;
  }

  :where(.ws-module-surface) .dashboard-compact-list b {
    color: #4d4257;
    white-space: nowrap;
    flex: none;
    font-size: .78rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .dashboard-subsections > div {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 9px;
    min-width: 0;
    overflow: hidden;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-subsections h3 {
    color: #51465d;
    border-bottom: 1px solid #eeebf2;
    margin: 0;
    padding: 10px 12px;
    font-size: .84rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .dashboard-subsections .dashboard-compact-list {
    padding: 0 12px;
  }

  :where(.ws-module-surface) .dashboard-overview .financial-report-chart {
    padding: 2px 0 0;
  }

  :where(.ws-module-surface) .dashboard-overview h3 {
    color: var(--color-primary);
    margin: 10px 0;
    font-size: .86rem;
  }

  @media (max-width: 1100px) {
    :where(.ws-module-surface) .dashboard-inbox-grid, :where(.ws-module-surface) .kpis-card-container.one-dash, :where(.ws-module-surface) .dashboard-four, :where(.ws-module-surface) .dashboard-metric-grid.five, :where(.ws-module-surface) .dashboard-metric-grid.six, :where(.ws-module-surface) .dashboard-metric-grid.seven, :where(.ws-module-surface) .dashboard-three-columns {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .dashboard-inbox-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .kpis-card-container.one-dash, :where(.ws-module-surface) .dashboard-four, :where(.ws-module-surface) .dashboard-two-columns, :where(.ws-module-surface) .dashboard-three-columns, :where(.ws-module-surface) .dashboard-metric-grid, :where(.ws-module-surface) .dashboard-metric-grid.five, :where(.ws-module-surface) .dashboard-metric-grid.six, :where(.ws-module-surface) .dashboard-metric-grid.seven, :where(.ws-module-surface) .dashboard-overview .filterDateWrap {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .dashboard-overview .filterCalendars {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) .dashboard-overview .calMonth {
      min-width: 180px;
    }

    :where(.ws-module-surface) .dashboard-overview .dash-title-section {
      align-items: flex-start;
    }

    :where(.ws-module-surface) .dashboard-goal {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }

    :where(.ws-module-surface) .dashboard-goal-progress {
      grid-template-columns: minmax(0, 1fr) auto;
      width: 100%;
    }

    :where(.ws-module-surface) .dashboard-service-summary, :where(.ws-module-surface) .dashboard-automation-summary {
      grid-template-columns: 1fr;
    }
  }

  :where(.ws-module-surface) .app-select-root {
    min-width: 156px;
    font-family: inherit;
    position: relative;
  }

  :where(.ws-module-surface) .app-select-trigger {
    background: var(--dashboard-surface);
    width: 100%;
    min-height: 36px;
    color: var(--color-primary, #161921);
    font: inherit;
    text-align: left;
    cursor: pointer;
    border: 1px solid #d9cfea;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 7px 11px;
    font-size: .84rem;
    line-height: 1.25;
    transition: border-color .15s, box-shadow .15s;
    display: flex;
  }

  :where(.ws-module-surface) .app-select-trigger:hover, :where(.ws-module-surface) .app-select-open {
    border-color: var(--color-secondary, #7543ce);
  }

  :where(.ws-module-surface) .app-select-trigger:focus-visible {
    outline: 2px solid var(--color-secondary, #7543ce);
    outline-offset: 2px;
  }

  :where(.ws-module-surface) .app-select-trigger:disabled {
    opacity: .6;
    cursor: not-allowed;
  }

  :where(.ws-module-surface) .app-select-value {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  :where(.ws-module-surface) .app-select-chevron {
    color: #736782;
    flex: none;
    width: 12px;
    height: 12px;
    transition: transform .15s;
  }

  :where(.ws-module-surface) .app-select-open .app-select-chevron {
    transform: rotate(180deg);
  }

  :where(.ws-module-surface) .app-select-dropdown {
    z-index: 50;
    background: var(--dashboard-surface);
    border: 1px solid #e1d9ec;
    border-radius: 9px;
    width: max(100%, 180px);
    padding: 5px;
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    box-shadow: 0 12px 32px #16192124;
  }

  :where(.ws-module-surface) .app-select-search-wrap {
    color: #736782;
    border: 1px solid #e5ddef;
    border-radius: 6px;
    align-items: center;
    gap: 8px;
    margin: 3px 3px 6px;
    padding: 7px 9px;
    display: flex;
  }

  :where(.ws-module-surface) .app-select-search-wrap:focus-within {
    border-color: var(--color-secondary, #7543ce);
  }

  :where(.ws-module-surface) .app-select-search-wrap svg {
    flex: none;
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .app-select-search {
    width: 100%;
    min-width: 0;
    font: inherit;
    color: var(--color-primary, #161921);
    cursor: text;
    background: none;
    border: 0;
    outline: 0;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .app-select-search::placeholder {
    color: #918b9b;
  }

  :where(.ws-module-surface) .app-select-options {
    max-height: 248px;
    padding: 2px 0;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .app-select-option {
    width: 100%;
    min-height: 33px;
    color: var(--color-primary, #161921);
    font: inherit;
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    font-size: .84rem;
    display: flex;
  }

  :where(.ws-module-surface) .app-select-option:hover, :where(.ws-module-surface) .app-select-active {
    background: #f6f1fc;
  }

  :where(.ws-module-surface) .app-select-option[aria-selected="true"] {
    color: var(--color-secondary, #7543ce);
    font-weight: 600;
  }

  :where(.ws-module-surface) .app-select-option:focus-visible {
    outline: 2px solid var(--color-secondary, #7543ce);
    outline-offset: -2px;
  }

  :where(.ws-module-surface) .app-select-option svg {
    flex: none;
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .app-select-empty {
    color: #756d80;
    padding: 12px 9px;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .contacts-page .filtersContacts {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 0;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-list-page .filtersContacts {
    padding-bottom: 16px;
  }

  :where(.ws-module-surface) .contacts-page .filterDropWrap {
    position: relative;
  }

  :where(.ws-module-surface) .contacts-page .filterBtn {
    border: 1px solid var(--dashboard-filter-border);
    height: var(--dashboard-filter-height);
    border-radius: var(--dashboard-control-radius);
    cursor: pointer;
    color: var(--color-primary);
    white-space: nowrap;
    background: var(--dashboard-surface);
    align-items: center;
    gap: 5px;
    padding: 0 .5rem 0 .7rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
    transition: all .2s;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .filterBtn:hover {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
  }

  :where(.ws-module-surface) .contacts-page .filterBtn svg {
    fill: #686d86;
    width: 16px;
    height: 16px;
    transition: all .2s linear;
  }

  :where(.ws-module-surface) .contacts-page .filterBtn span {
    padding-bottom: 1px;
  }

  :where(.ws-module-surface) .contacts-page .filterBtn span.iconClear {
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .filterBtn span.iconClear:hover {
    color: var(--color-text);
  }

  :where(.ws-module-surface) .contacts-page .filterBtn.filterActive {
    background: var(--color-secondary);
    color: #fff;
  }

  :where(.ws-module-surface) .contacts-page .filterBtn.opened {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
  }

  :where(.ws-module-surface) .contacts-page .filterBtn.opened > svg:last-child {
    transform: rotate(180deg);
  }

  :where(.ws-module-surface) .contacts-page .filterBtn .setData {
    color: #fff;
    width: 10px;
    height: 10px;
    fill: var(--dashboard-surface);
    margin: 0 3px;
  }

  :where(.ws-module-surface) .contacts-page .miniCheckbox span {
    color: #e1e1e1;
    cursor: pointer;
    background-color: #e1e1e1;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .miniCheckbox input:checked + span {
    background-color: var(--color-secondary);
    color: #fff;
  }

  :where(.ws-module-surface) .contacts-page .filterBtnBadge {
    background: var(--color-secondary);
    color: var(--dashboard-surface);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    padding: 1px 0 0;
    font-size: .55rem;
    font-weight: 400;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .filterDrop {
    background: var(--dashboard-surface);
    z-index: 200;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    min-width: 220px;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    box-shadow: 0 8px 24px #0000001a;
  }

  :where(.ws-module-surface) .contacts-page .filterDropFooter {
    border-top: 1px solid #f3f4f6;
    padding: 10px 0 0;
  }

  :where(.ws-module-surface) .contacts-page .filterApplyBtn {
    border-radius: var(--dashboard-control-radius);
    background: var(--color-primary);
    width: 100%;
    color: var(--dashboard-surface);
    cursor: pointer;
    border: none;
    padding: 7px 14px;
    font-size: .7rem;
    font-weight: 400;
    transition: background .2s;
  }

  :where(.ws-module-surface) .contacts-page .filterApplyBtn:hover {
    background: var(--color-secondary);
  }

  :where(.ws-module-surface) .contacts-page .filterBackBtn {
    cursor: pointer;
    color: var(--color-secondary);
    background: none;
    border: none;
    align-items: center;
    gap: 4px;
    padding: 0;
    font-size: .78rem;
    font-weight: 500;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .filterTagDrop {
    min-width: 300px;
  }

  :where(.ws-module-surface) .contacts-page .filterTagSearch {
    border-bottom: 1px solid #f3f4f6;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .filterTagSearch input {
    width: 100%;
    color: var(--color-primary);
    background: none;
    border: none;
    outline: none;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .contacts-page .filterTagList {
    max-height: 250px;
    padding: 6px 0;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .contacts-page .filterTagItem {
    cursor: pointer;
    align-items: center;
    gap: 9px;
    padding: 7px 14px;
    font-size: .78rem;
    transition: background .15s;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .filterTagItem:hover, :where(.ws-module-surface) .contacts-page .filterTagItemActive {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
  }

  :where(.ws-module-surface) .contacts-page .filterTagChip {
    border-radius: 20px;
    align-items: center;
    padding: 2px 10px;
    font-size: .65rem;
    font-weight: 500;
    display: inline-flex;
  }

  :where(.ws-module-surface) .contacts-page .filterMotivoDrop {
    min-width: 250px;
  }

  :where(.ws-module-surface) .contacts-page .filterDateDrop {
    min-width: 580px;
  }

  :where(.ws-module-surface) .contacts-page .filterDateWrap {
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .filterDatePresets {
    border-right: 1px solid #e8e4f5;
    flex-shrink: 0;
    width: 185px;
  }

  :where(.ws-module-surface) .contacts-page .filterDatePresetItem {
    cursor: pointer;
    height: 36px;
    max-height: 36px;
    color: var(--color-primary);
    border-bottom: 1px solid #ebebeb;
    align-items: center;
    padding: 5px 12px;
    font-size: .7rem;
    transition: background .15s;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .filterDatePresetItem:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .contacts-page .filterDatePresetItem:hover {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
  }

  :where(.ws-module-surface) .contacts-page .filterDatePresetItem.active {
    background: color-mix(in srgb,var(--color-secondary) 12%,transparent);
    color: var(--color-secondary);
    font-weight: 600;
  }

  :where(.ws-module-surface) .contacts-page .filterCalendarArea {
    flex: 1;
    padding: 0;
  }

  :where(.ws-module-surface) .contacts-page .filterCalendarNav {
    align-items: center;
    padding: 12px 16px 4px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .calNavBtn {
    color: #6b7280;
    z-index: 10;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: flex;
    position: absolute;
    top: 0;
  }

  :where(.ws-module-surface) .contacts-page .calNavBtn.navLeft {
    left: 0;
  }

  :where(.ws-module-surface) .contacts-page .calNavBtn.navRight {
    right: 0;
  }

  :where(.ws-module-surface) .contacts-page .calNavBtn:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .contacts-page .filterCalendars {
    margin-top: 10px;
    display: flex;
    position: relative;
  }

  :where(.ws-module-surface) .contacts-page .calMonth {
    flex: 1;
  }

  :where(.ws-module-surface) .contacts-page .calMonthTitle {
    text-align: center;
    text-transform: capitalize;
    height: 30px;
    color: var(--color-primary);
    justify-content: center;
    align-items: center;
    font-size: .82rem;
    font-weight: 500;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .calGrid {
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    width: 273px;
    padding: 8px;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-page .calDayHeader {
    text-align: center;
    color: var(--color-primary);
    padding: 4px 0;
    font-size: .6rem;
    font-weight: 400;
  }

  :where(.ws-module-surface) .contacts-page .calDay {
    text-align: center;
    cursor: pointer;
    width: 32px;
    height: 32px;
    color: var(--color-secondary);
    background: color-mix(in srgb,var(--color-secondary) 6%,transparent);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    font-size: .7rem;
    transition: background .12s;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .calDay:hover {
    background: color-mix(in srgb,var(--color-secondary) 40%,transparent);
    color: #fff;
  }

  :where(.ws-module-surface) .contacts-page .calDay.selected, :where(.ws-module-surface) .contacts-page .calDay.startRange {
    background: var(--color-secondary);
    color: var(--dashboard-surface);
    font-weight: 500;
  }

  :where(.ws-module-surface) .contacts-page .calDay.endRange {
    background: var(--color-secondary);
    color: var(--dashboard-surface);
  }

  :where(.ws-module-surface) .contacts-page .calDay.inRange {
    background: var(--color-secondary);
    color: #fff;
  }

  :where(.ws-module-surface) .contacts-page .filterMaisDrop {
    min-width: 270px;
    padding: 14px;
  }

  :where(.ws-module-surface) .contacts-page .filterMaisSection {
    margin-bottom: 14px;
  }

  :where(.ws-module-surface) .contacts-page .filterMaisLabel {
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 8px;
    font-size: .68rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .contacts-page .filterMaisRadioGroup {
    flex-direction: column;
    gap: 6px;
    margin: 0 0 10px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .filterMaisRadio {
    cursor: pointer;
    align-items: center;
    gap: 8px;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .filterMaisSelect {
    border-radius: var(--dashboard-control-radius);
    width: 100%;
    color: var(--color-primary);
    background: var(--dashboard-surface);
    border: 1px solid #e5e7eb;
    outline: none;
    padding: 6px 10px;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .contacts-page .filterMaisSelect:focus {
    border-color: color-mix(in srgb,var(--color-secondary) 50%,transparent);
  }

  :where(.ws-module-surface) .contacts-page, :where(.ws-module-surface) .deals-page, :where(.ws-module-surface) .inbox-page {
    color: var(--color-primary);
    padding-bottom: 48px;
  }

  :where(.ws-module-surface) .contacts-page .dash-title-section, :where(.ws-module-surface) .deals-page .dash-title-section, :where(.ws-module-surface) .inbox-page .dash-title-section {
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
  }

  :where(.ws-module-surface) .contacts-page .actions-title, :where(.ws-module-surface) .deals-page .actions-title, :where(.ws-module-surface) .deals-actions, :where(.ws-module-surface) .deals-heading-actions, :where(.ws-module-surface) .proposals-actions, :where(.ws-module-surface) .proposals-actionbar, :where(.ws-module-surface) .proposals-heading {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-button {
    font: inherit;
  }

  :where(.ws-module-surface) .contacts-button, :where(.ws-module-surface) .inbox-row-actions > button, :where(.ws-module-surface) .inbox-snooze summary, :where(.ws-module-surface) .inbox-link, :where(.ws-module-surface) .inbox-group-head button, :where(.ws-module-surface) .inbox-form-actions > button {
    height: var(--dashboard-button-height);
    max-height: var(--dashboard-button-height);
    box-sizing: border-box;
    background: var(--dashboard-surface);
    color: var(--dashboard-button-text);
    border-radius: var(--dashboard-control-radius);
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #e1dbe8;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 0 10px;
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.2;
    display: inline-flex;
  }

  :where(.ws-module-surface) .contacts-button:hover, :where(.ws-module-surface) .inbox-row-actions button:hover, :where(.ws-module-surface) .inbox-snooze summary:hover, :where(.ws-module-surface) .inbox-link:hover, :where(.ws-module-surface) .inbox-group-head button:hover {
    background: var(--dashboard-button-hover);
    border-color: var(--dashboard-button-hover-border);
  }

  :where(.ws-module-surface) .contacts-button.primary {
    border-color: var(--color-secondary);
    background: var(--color-secondary);
    color: var(--dashboard-surface);
  }

  :where(.ws-module-surface) .contacts-button.primary:hover {
    background: #6334bd;
  }

  :where(.ws-module-surface) .contacts-button.danger {
    color: var(--dashboard-surface);
    background: var(--dashboard-danger);
    border-color: var(--dashboard-danger);
  }

  :where(.ws-module-surface) .contacts-button:disabled, :where(.ws-module-surface) .contacts-page button:disabled, :where(.ws-module-surface) .inbox-row-actions button:disabled, :where(.ws-module-surface) .inbox-group-head button:disabled {
    opacity: .55;
    cursor: not-allowed;
  }

  :where(.ws-module-surface) .contacts-button svg, :where(.ws-module-surface) .contacts-icon-button svg {
    width: 15px;
    height: 15px;
  }

  :where(.ws-module-surface) .contacts-icon-button {
    color: #706778;
    cursor: pointer;
    background: none;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    display: inline-flex;
  }

  :where(.ws-module-surface) .contacts-icon-button:hover {
    color: var(--color-secondary);
    background: #f0eaf7;
  }

  :where(.ws-module-surface) .contacts-tabs {
    border-bottom: 1px solid #e9e5ef;
    gap: 5px;
    margin-bottom: 20px;
    display: flex;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .contacts-tabs button, :where(.ws-module-surface) .contacts-tabs > a {
    color: #695d73;
    white-space: nowrap;
    cursor: pointer;
    background: none;
    border: 0;
    border-bottom: 2px solid #0000;
    align-items: center;
    gap: 7px;
    height: 36px;
    max-height: 36px;
    padding: 0 12px;
    font-size: .82rem;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
  }

  :where(.ws-module-surface) .contacts-tabs button[aria-selected="true"], :where(.ws-module-surface) .contacts-tabs button[aria-pressed="true"], :where(.ws-module-surface) .contacts-tabs > a[aria-current="page"] {
    color: var(--color-secondary);
    border-bottom-color: var(--color-secondary);
    font-weight: 700;
  }

  :where(.ws-module-surface) .contacts-tabs button span {
    background: #eee5fa;
    border-radius: 20px;
    padding: 1px 7px;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .contacts-tabs button > svg, :where(.ws-module-surface) .contacts-tabs > a > svg {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .contacts-search {
    border: 1px solid var(--dashboard-filter-border);
    background: var(--dashboard-surface);
    border-radius: 8px;
    flex: 1;
    align-items: center;
    gap: 9px;
    min-width: 240px;
    max-width: 360px;
    padding: 8px 11px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-search > svg {
    color: #8a8195;
    flex-shrink: 0;
    width: 16px;
  }

  :where(.ws-module-surface) .contacts-search input {
    width: 100%;
    min-width: 0;
    color: var(--color-primary);
    cursor: text;
    background: none;
    font-size: .84rem;
  }

  :where(.ws-module-surface) .contacts-search:focus-within {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 2px #7543ce15;
  }

  :where(.ws-module-surface) .contacts-toolbar-end {
    align-items: center;
    gap: 6px;
    margin-left: auto;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-page .contacts-popover-right .filterDrop {
    left: auto;
    right: 0;
  }

  :where(.ws-module-surface) .contacts-extra-filters {
    gap: 13px;
    min-width: 285px;
    padding: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-extra-filters label {
    color: #655b70;
    gap: 5px;
    font-size: .8rem;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-extra-filters input, :where(.ws-module-surface) .contacts-extra-filters select {
    border-radius: var(--dashboard-control-radius);
    background: var(--dashboard-surface);
    border: 1px solid #ded6e8;
    width: 100%;
    padding: 8px;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .contacts-page .contacts-column-picker {
    min-width: 240px;
    padding: 10px 0;
  }

  :where(.ws-module-surface) .contacts-column-picker .checkbox-label {
    padding: 0;
  }

  :where(.ws-module-surface) .contacts-saved-views {
    min-width: 260px;
    padding: 6px;
  }

  :where(.ws-module-surface) .contacts-saved-views > button, :where(.ws-module-surface) .contacts-saved-views > div {
    border-radius: 6px;
    align-items: center;
    gap: 6px;
    width: 100%;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-saved-views button {
    color: var(--dashboard-button-text);
    text-align: left;
    background: none;
    padding: 9px;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .contacts-saved-views > div > button:first-child {
    flex: 1;
  }

  :where(.ws-module-surface) .contacts-saved-views button:hover {
    background: #f5effb;
  }

  :where(.ws-module-surface) .contacts-active-filters {
    color: var(--ws-muted);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 0;
    font-size: 11px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-active-filters button {
    background: var(--ws-accent-soft);
    width: fit-content;
    height: 28px;
    min-height: 28px;
    color: var(--ws-accent);
    border: 0;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 0 8px;
    font-size: 10px;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  :where(.ws-module-surface) .contacts-active-filters button:is(:hover, :focus-visible) {
    background: var(--ws-accent-soft);
    color: var(--ws-accent);
    text-decoration: none;
  }

  :where(.ws-module-surface) .dashboard-skeleton {
    gap: 12px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-line {
    background: linear-gradient(100deg, #eeeaf2 30%, #f8f6fa 50%, #eeeaf2 70%) 0 0 / 200% 100%;
    border-radius: 5px;
    width: 100%;
    height: 12px;
    animation: 1.5s ease-in-out infinite dashboard-skeleton-shimmer;
    display: block;
  }

  :where(.ws-module-surface) .dashboard-skeleton-line.title {
    width: min(230px, 80%);
    height: 22px;
  }

  :where(.ws-module-surface) .dashboard-skeleton-line.subtitle {
    width: min(160px, 65%);
    height: 10px;
  }

  :where(.ws-module-surface) .dashboard-skeleton-line.action {
    border-radius: 7px;
    width: 110px;
    height: 34px;
  }

  :where(.ws-module-surface) .dashboard-skeleton-line.heading {
    width: 42%;
    height: 15px;
    margin-bottom: 8px;
  }

  :where(.ws-module-surface) .dashboard-skeleton-line.short {
    width: 42%;
    height: 10px;
  }

  :where(.ws-module-surface) .dashboard-skeleton-line.medium {
    width: 68%;
  }

  :where(.ws-module-surface) .dashboard-skeleton-line.input {
    height: 35px;
  }

  :where(.ws-module-surface) .dashboard-skeleton-line.footer {
    width: 85%;
    margin-top: auto;
  }

  :where(.ws-module-surface) .dashboard-skeleton-header {
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    min-height: 58px;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-skeleton-header > div {
    flex: 1;
    gap: 9px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-tabs {
    border-bottom: 1px solid var(--dashboard-panel-border);
    gap: 18px;
    padding: 12px 16px;
    display: flex;
    overflow: hidden;
  }

  :where(.ws-module-surface) .dashboard-skeleton-tabs .dashboard-skeleton-line {
    flex: 0 0 76px;
  }

  :where(.ws-module-surface) .dashboard-skeleton-panel {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--dashboard-surface);
    min-width: 0;
    padding: 16px;
  }

  :where(.ws-module-surface) .dashboard-skeleton-table {
    gap: 0;
    min-height: 350px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-table > .heading {
    margin-bottom: 18px;
  }

  :where(.ws-module-surface) .dashboard-skeleton-row {
    border-top: 1px solid var(--dashboard-panel-border);
    grid-template-columns: 1.5fr 1fr .7fr .6fr;
    align-items: center;
    gap: 18px;
    min-height: 47px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-board {
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    gap: 12px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-board > .dashboard-skeleton-panel {
    background: #faf9fb;
    align-content: start;
    gap: 10px;
    min-height: 400px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-tile {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 9px;
    gap: 10px;
    min-height: 125px;
    padding: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-stack {
    gap: 8px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-stack .dashboard-skeleton-tile {
    min-height: 85px;
  }

  :where(.ws-module-surface) .dashboard-skeleton-columns {
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, .8fr);
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-columns.editor {
    grid-template-columns: minmax(235px, .82fr) minmax(390px, 1.65fr) minmax(260px, .9fr);
  }

  :where(.ws-module-surface) .dashboard-skeleton-columns > .dashboard-skeleton-panel {
    align-content: start;
    gap: 14px;
    min-height: 380px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-field {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 8px;
    gap: 9px;
    padding: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-metrics > .dashboard-skeleton-panel {
    gap: 11px;
    min-height: 110px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-chart {
    gap: 16px;
    min-height: 260px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-skeleton-line.chart {
    height: 185px;
  }

  @keyframes dashboard-skeleton-shimmer {
    to {
      background-position-x: -200%;
    }
  }

  @media (max-width: 950px) {
    :where(.ws-module-surface) .dashboard-skeleton-columns.editor, :where(.ws-module-surface) .dashboard-skeleton-metrics {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .dashboard-skeleton-columns, :where(.ws-module-surface) .dashboard-skeleton-columns.editor {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .dashboard-skeleton-board {
      grid-template-columns: repeat(2, minmax(220px, 1fr));
    }

    :where(.ws-module-surface) .dashboard-skeleton-row {
      grid-template-columns: 1.5fr 1fr;
    }

    :where(.ws-module-surface) .dashboard-skeleton-row > :nth-child(n+3) {
      display: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    :where(.ws-module-surface) .dashboard-skeleton-line {
      animation: none;
    }
  }

  @keyframes ws-module-enter {
    from {
      opacity: 0;
      transform: translateY(5px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .ws-module-surface:not(:has(.dashboard-overview, .inbox-page)) > :not(.container-dash) {
      animation: .26s ease-out backwards ws-module-enter;
    }

    .ws-module-surface:not(:has(.dashboard-overview, .inbox-page)) > .container-dash > :not(.dashboard-skeleton) {
      animation: .26s ease-out backwards ws-module-enter;
    }

    .ws-module-surface:not(:has(.dashboard-overview, .inbox-page)) > .container-dash > :nth-child(2) {
      animation-delay: 30ms;
    }

    .ws-module-surface:not(:has(.dashboard-overview, .inbox-page)) > .container-dash > :nth-child(n+3) {
      animation-delay: 60ms;
    }
  }

  :where(.ws-module-surface) .contacts-panel {
    background: var(--dashboard-surface);
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    min-width: 0;
  }

  :where(.ws-module-surface) .contacts-panel[aria-busy="true"] {
    opacity: .65;
  }

  :where(.ws-module-surface) .contacts-table-top {
    color: #786e82;
    border-bottom: 1px solid #eeebf2;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 10px 18px;
    font-size: .81rem;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-table-top strong {
    color: #433b50;
  }

  :where(.ws-module-surface) .contacts-sort {
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  :where(.ws-module-surface) .contacts-sort select {
    color: #786e82;
    background: none;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .contacts-table-scroll {
    width: 100%;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .contacts-table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .contacts-table th {
    color: #665b72;
    white-space: nowrap;
    background: #faf8fc;
    border-bottom: 1px solid #e7e1ee;
    padding: 8px 12px;
    font-size: .7rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .contacts-table td {
    vertical-align: middle;
    color: #5f566b;
    border-bottom: 1px solid #f0edf4;
    padding: 14px 15px;
  }

  :where(.ws-module-surface) .contacts-list-table {
    min-width: 900px;
  }

  :where(.ws-module-surface) .contacts-list-table th:not(.contacts-select-cell):not(.contacts-action-cell), :where(.ws-module-surface) .contacts-list-table td:not(:first-child):not(:last-child) {
    min-width: 125px;
  }

  :where(.ws-module-surface) .contacts-list-table th:nth-child(2), :where(.ws-module-surface) .contacts-list-table td:nth-child(2) {
    min-width: 230px;
  }

  :where(.ws-module-surface) .contacts-list-table th.contacts-select-cell, :where(.ws-module-surface) .contacts-list-table td:first-child {
    width: 42px;
    min-width: 42px;
    padding-left: 16px;
    padding-right: 6px;
  }

  :where(.ws-module-surface) .contacts-list-table th.contacts-action-cell, :where(.ws-module-surface) .contacts-list-table td:last-child {
    width: 52px;
    min-width: 52px;
  }

  :where(.ws-module-surface) .contacts-table tbody tr:last-child td {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .contacts-table tr:hover td {
    background: #fdfbff;
  }

  :where(.ws-module-surface) .contacts-table tr.selected td {
    background: #f7f2fe;
  }

  :where(.ws-module-surface) .contacts-select-cell {
    width: 42px;
  }

  :where(.ws-module-surface) .contacts-page input[type="checkbox"], :where(.ws-module-surface) .contacts-dialog input[type="checkbox"] {
    accent-color: var(--color-secondary);
    cursor: pointer;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .contacts-table small {
    color: #9a91a3;
    margin-top: 3px;
    font-size: .74rem;
    display: block;
  }

  :where(.ws-module-surface) .contacts-table td > a {
    color: #655875;
  }

  :where(.ws-module-surface) .contacts-person {
    align-items: center;
    gap: 10px;
    min-width: 180px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-person strong {
    color: #43374f;
    font-size: .86rem;
    font-weight: 600;
    line-height: 1.25;
    display: block;
  }

  :where(.ws-module-surface) .contacts-person:hover strong {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .contacts-avatar {
    width: 34px;
    height: 34px;
    color: var(--ws-accent);
    background: #eee5fc;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .7rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .contacts-avatar.large {
    width: 60px;
    height: 60px;
    font-size: 1.2rem;
  }

  :where(.ws-module-surface) .contacts-avatar.small {
    width: 26px;
    height: 26px;
  }

  :where(.ws-module-surface) .contacts-avatar-photo {
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
  }

  :where(.ws-module-surface) .contacts-page .filterBtn svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7px;
    color: inherit;
  }

  :where(.ws-module-surface) .contacts-status, :where(.ws-module-surface) .contacts-tag, :where(.ws-module-surface) .deals-stage, :where(.ws-module-surface) .deals-status {
    white-space: nowrap;
    border-radius: 5px;
    align-items: center;
    padding: 3px 8px;
    font-size: .72rem;
    font-weight: 500;
    display: inline-flex;
  }

  :where(.ws-module-surface) .contacts-status.lead {
    color: #7d50be;
    background: #eee8fa;
  }

  :where(.ws-module-surface) .contacts-status.customer {
    color: #24824e;
    background: #e7f6ec;
  }

  :where(.ws-module-surface) .contacts-status.prospect {
    color: #a07425;
    background: #fff2dc;
  }

  :where(.ws-module-surface) .contacts-status.inactive {
    color: #89828f;
    background: #f0eef3;
  }

  :where(.ws-module-surface) .contacts-tags {
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    min-width: 100px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-nowrap {
    white-space: nowrap;
  }

  :where(.ws-module-surface) .contacts-action-cell {
    width: 40px;
  }

  :where(.ws-module-surface) .contacts-page .contacts-menu {
    min-width: 185px;
    padding: 5px;
  }

  :where(.ws-module-surface) .contacts-menu > button, :where(.ws-module-surface) .contacts-menu > a {
    text-align: left;
    color: #665a72;
    cursor: pointer;
    background: none;
    border-radius: 5px;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 9px 10px;
    font-size: .8rem;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-menu > button:hover, :where(.ws-module-surface) .contacts-menu > a:hover {
    background: #f5effb;
  }

  :where(.ws-module-surface) .contacts-page .contacts-row-menu .filterBtn > svg:last-child {
    display: none;
  }

  :where(.ws-module-surface) .contacts-page .contacts-row-menu .filterBtn {
    justify-content: center;
    width: 30px;
    padding: 0;
  }

  :where(.ws-module-surface) .contacts-floating-menu {
    z-index: 1400;
    padding: 0;
  }

  :where(.ws-module-surface) .contacts-floating-menu .filterDrop {
    position: static;
  }

  :where(.ws-module-surface) .contacts-floating-menu .filterDateDrop {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .contacts-floating-menu .calMonth:nth-of-type(2) {
      display: none;
    }
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .contacts-floating-menu .filterDateWrap {
      flex-direction: column;
    }

    :where(.ws-module-surface) .contacts-floating-menu .filterDatePresets {
      border-right: 0;
      flex-wrap: wrap;
      width: 100%;
      display: flex;
    }

    :where(.ws-module-surface) .contacts-floating-menu .filterDatePresetItem {
      width: auto;
      height: 32px;
    }

    :where(.ws-module-surface) .contacts-floating-menu .filterCalendars {
      justify-content: center;
    }

    :where(.ws-module-surface) .contacts-floating-menu .calMonth:nth-of-type(2) {
      display: none;
    }
  }

  :where(.ws-module-surface) .contacts-bulk-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-bulk-actions > button {
    color: #6c538b;
    background: none;
    align-items: center;
    gap: 5px;
    font-size: .79rem;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-text-danger {
    color: #ba4556 !important;
  }

  :where(.ws-module-surface) .contacts-text-button {
    color: var(--color-secondary);
    background: none;
    margin-top: 12px;
    font-size: .82rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .contacts-pagination {
    color: #998eaa;
    border-top: 1px solid #eeebf2;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 8px 18px;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-pagination nav {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-pagination nav > span {
    text-align: center;
    white-space: nowrap;
    min-width: 38px;
    padding: 0 3px;
  }

  :where(.ws-module-surface) .contacts-pagination button {
    color: #76658a;
    background: var(--dashboard-surface);
    cursor: pointer;
    border: 1px solid #0000;
    border-radius: 6px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 29px;
    height: 29px;
    display: inline-flex;
  }

  :where(.ws-module-surface) .contacts-pagination button:hover:not(:disabled):not([aria-current="page"]) {
    background: #f5effb;
  }

  :where(.ws-module-surface) .contacts-pagination button:disabled {
    opacity: .42;
    cursor: not-allowed;
  }

  :where(.ws-module-surface) .contacts-pagination button[aria-current="page"] {
    color: var(--ws-accent);
    background: #f0e8fb;
    font-weight: 600;
  }

  :where(.ws-module-surface) .contacts-empty {
    box-sizing: border-box;
    text-align: center;
    color: #8b8297;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-width: 0;
    min-height: 220px;
    padding: 48px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-empty > .contacts-empty-icon {
    color: #916bc4;
    background: #f1ebfa;
    border-radius: 50%;
    place-items: center;
    width: 52px;
    height: 52px;
    font-size: 23px;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-empty h3 {
    color: var(--color-primary);
    overflow-wrap: anywhere;
    max-width: 100%;
    margin: 0;
    font-size: .86rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .contacts-empty p {
    overflow-wrap: anywhere;
    max-width: min(44ch, 100%);
    margin: 0;
    font-size: .85rem;
  }

  :where(.ws-module-surface) .contacts-empty .contacts-button {
    margin-top: 8px;
  }

  :where(.ws-module-surface) .contacts-empty.compact {
    min-height: 130px;
    padding: 28px 15px;
  }

  :where(.ws-module-surface) .dashboard-form-section, :where(.ws-module-surface) .supply-form-section {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--dashboard-surface);
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 18px;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-form-section-heading, :where(.ws-module-surface) .supply-form-section-heading {
    border-bottom: 1px solid var(--dashboard-panel-border);
    flex-direction: column;
    gap: 4px;
    padding-bottom: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-form-section-heading h3, :where(.ws-module-surface) .supply-form-section-heading h3 {
    color: var(--color-primary);
    margin: 0;
    font-size: .9rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .dashboard-form-section-heading p, :where(.ws-module-surface) .supply-form-section-heading p {
    color: #7a7285;
    margin: 0;
    font-size: .75rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .dashboard-form-section > :is(.contacts-form-grid, .projects-form-grid, .agenda-form-grid, .campaigns-form-grid, .catalog-form-grid) {
    align-items: start;
    min-width: 0;
  }

  :where(.ws-module-surface) .dashboard-form-section .form-group, :where(.ws-module-surface) .dashboard-form-section .select-search-filter {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .dashboard-form-section :is(input, textarea, select) {
    max-width: 100%;
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .dashboard-form-section, :where(.ws-module-surface) .supply-form-section {
      padding: 12px;
    }
  }

  :where(.ws-module-surface) .contacts-dialog {
    width: min(600px, 100vw - 32px);
    max-height: 90dvh;
    color: var(--color-primary);
    background: var(--dashboard-surface);
    border: 0;
    border-radius: 12px;
    margin: auto;
    padding: 0;
    box-shadow: 0 24px 80px #21133330;
  }

  :where(.ws-module-surface) .contacts-dialog::backdrop {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: #18122266;
  }

  :where(.ws-module-surface) .contacts-dialog-inner {
    max-height: inherit;
    flex-direction: column;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-dialog-inner > header {
    border-bottom: 1px solid #eee8f4;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 22px 24px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-dialog h2 {
    color: #453551;
    font-size: 1.13rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .contacts-dialog header p {
    color: #94899e;
    margin-top: 4px;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .contacts-dialog h3 {
    color: #6e5b80;
    margin-bottom: 14px;
    font-size: .82rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .contacts-dialog .contacts-form-grid + h3 {
    margin-top: 26px;
  }

  :where(.ws-module-surface) .contacts-dialog footer {
    background: var(--dashboard-surface);
    border-top: 1px solid #eee8f4;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 8px;
    padding: 16px 24px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-drawer {
    border-radius: 0;
    width: min(560px, 100vw);
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    margin: 0 0 0 auto;
  }

  :where(.ws-module-surface) .contacts-drawer .contacts-dialog-inner {
    height: 100%;
  }

  :where(.ws-module-surface) .contacts-drawer .contacts-form {
    flex: 1;
  }

  :where(.ws-module-surface) .contacts-form {
    flex-direction: column;
    min-height: 0;
    font-size: .85rem;
    display: flex;
    overflow: hidden;
  }

  :where(.ws-module-surface) .contacts-form-body {
    flex-direction: column;
    flex: 1;
    gap: 16px;
    min-height: 0;
    padding: 24px;
    display: flex;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .contacts-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    display: grid;
    overflow: visible;
  }

  :where(.ws-module-surface) .contacts-full {
    grid-column: 1 / -1;
  }

  :where(.ws-module-surface) .contacts-form label:not(.form-label), :where(.ws-module-surface) .contacts-form legend {
    color: #776584;
    flex-direction: column;
    gap: 6px;
    font-size: .81rem;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-form-grid > div > label:not(.form-label) {
    margin-bottom: 6px;
  }

  :where(.ws-module-surface) .contacts-form input:not(.input-form):not([type="checkbox"]):not([type="hidden"]), :where(.ws-module-surface) .contacts-form textarea:not(.input-form), :where(.ws-module-surface) .contacts-form select, :where(.ws-module-surface) .contacts-mapping select {
    color: #4c4058;
    background: var(--dashboard-surface);
    cursor: text;
    border: 1px solid #ded6e8;
    border-radius: 7px;
    width: 100%;
    min-height: 37px;
    padding: 9px 11px;
    font-family: inherit;
    font-size: .87rem;
  }

  :where(.ws-module-surface) .contacts-form textarea:not(.input-form) {
    resize: vertical;
  }

  :where(.ws-module-surface) .contacts-form select {
    cursor: pointer;
  }

  :where(.ws-module-surface) .contacts-form input[type="color"] {
    padding: 3px;
  }

  :where(.ws-module-surface) .contacts-form fieldset {
    border: 0;
  }

  :where(.ws-module-surface) .contacts-form legend {
    margin-bottom: 7px;
  }

  :where(.ws-module-surface) .contacts-form .tagSelectWrap, :where(.ws-module-surface) .contacts-form .tagsSelecionadas {
    flex-wrap: wrap;
    min-width: 0;
  }

  :where(.ws-module-surface) .contacts-form .tagSelectDropdown {
    max-width: min(300px, 100vw - 48px);
  }

  :where(.ws-module-surface) .contacts-form .tagSelectDropdown input.tagSelectInput, :where(.ws-module-surface) .contacts-form .tagSelectDropdown input.tagSelectInput:focus {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    outline: none;
    min-height: 0;
  }

  :where(.ws-module-surface) .contacts-bulk-tag-form {
    overflow: visible;
  }

  :where(.ws-module-surface) .contacts-bulk-tag-form .contacts-form-body {
    flex: none;
    overflow: visible;
  }

  :where(.ws-module-surface) .contacts-bulk-tag-form .tagSelectDropdown {
    flex-basis: 100%;
    width: min(300px, 100%);
    margin-top: 8px;
    position: static;
  }

  :where(.ws-module-surface) .contacts-bulk-tag-form .tagSelectOptions {
    max-height: 160px;
    margin-top: 4px;
    position: static;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .contacts-form .contacts-check {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-tag-options {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-tag-options label {
    flex-direction: row;
    align-items: center;
    gap: 5px;
  }

  :where(.ws-module-surface) .contacts-form-actions {
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-muted {
    color: #a194ab;
    font-size: .81rem;
  }

  :where(.ws-module-surface) .contacts-error {
    color: var(--dashboard-danger);
    background: #fff0f1;
    border: 1px solid #ffd7dc;
    border-radius: 7px;
    margin-top: 15px;
    padding: 10px 12px;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .contacts-settings-list {
    gap: 5px;
    max-height: 175px;
    margin-bottom: 25px;
    display: grid;
    overflow: auto;
  }

  :where(.ws-module-surface) .contacts-settings-list button {
    color: #655274;
    text-align: left;
    background: #f8f6fb;
    border-radius: 6px;
    justify-content: space-between;
    align-items: center;
    padding: 9px 11px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-settings-list button span {
    color: #9b89ae;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .contacts-import-steps {
    color: #a393b2;
    gap: 10px;
    margin-bottom: 25px;
    font-size: .8rem;
    list-style: none;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-import-steps .active {
    color: var(--color-secondary);
    font-weight: 600;
  }

  :where(.ws-module-surface) .contacts-upload {
    text-align: center;
    color: #8b779b;
    background: #fdfbff;
    border: 1px dashed #d4c4e5;
    border-radius: 10px;
    gap: 16px;
    padding: 25px;
    font-size: .85rem;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-upload input {
    max-width: 100%;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .contacts-mapping {
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-mapping label {
    color: #73617f;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 15px;
    font-size: .85rem;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-mapping p {
    color: #92819f;
    margin-bottom: 10px;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .contacts-import-errors {
    color: #a96838;
    margin-top: 15px;
    padding-left: 20px;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .dashboard-back-link {
    text-decoration: none;
  }

  :where(.ws-module-surface) .contacts-detail-grid {
    grid-template-columns: 310px minmax(0, 1fr);
    gap: 22px;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-detail-side, :where(.ws-module-surface) .contacts-detail-main {
    flex-direction: column;
    gap: 18px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-profile {
    border-bottom: 1px solid #f0eaf5;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 25px 18px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-profile > strong {
    color: #574363;
    font-size: 1rem;
  }

  :where(.ws-module-surface) .contacts-detail-fields {
    gap: 18px;
    padding: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-detail-fields > div {
    color: #aa99b6;
    align-items: flex-start;
    gap: 10px;
    font-size: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-detail-fields small {
    color: #9c8eaa;
    font-size: .72rem;
    display: block;
  }

  :where(.ws-module-surface) .contacts-detail-fields a, :where(.ws-module-surface) .contacts-detail-fields span {
    color: #695579;
    word-break: break-word;
    font-size: .83rem;
  }

  :where(.ws-module-surface) .contacts-facts {
    gap: 12px;
    padding: 0 20px 20px;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-facts > div {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-facts dt {
    color: #9b8ca6;
  }

  :where(.ws-module-surface) .contacts-facts dd {
    color: #725e82;
    word-break: break-word;
    text-align: right;
  }

  :where(.ws-module-surface) .contacts-detail-section {
    padding: 20px;
  }

  :where(.ws-module-surface) .contacts-detail-section h3 {
    color: #675274;
    margin-bottom: 14px;
    font-size: .87rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .contacts-detail-section .contacts-facts {
    padding: 0;
  }

  :where(.ws-module-surface) .contacts-detail-section p {
    color: #8e7b9b;
    font-size: .84rem;
  }

  :where(.ws-module-surface) .contacts-preserve-lines {
    white-space: pre-wrap;
  }

  :where(.ws-module-surface) .contacts-detail-tabs {
    margin-bottom: 0;
    padding: 5px 14px 0;
  }

  :where(.ws-module-surface) .contacts-section-heading {
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-section-heading h3 {
    margin: 0;
  }

  :where(.ws-module-surface) .contacts-note-list {
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-note {
    border: 1px solid #eee7f4;
    border-radius: 8px;
    padding: 14px;
  }

  :where(.ws-module-surface) .contacts-note > div {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-note strong {
    color: #6b527b;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .contacts-note small {
    color: #ae9cba;
    margin-left: auto;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .contacts-note p {
    white-space: pre-wrap;
    padding: 12px 0;
    line-height: 1.65;
  }

  :where(.ws-module-surface) .contacts-note footer {
    align-items: center;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-note footer button {
    color: #a08bad;
    background: none;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .contacts-timeline {
    gap: 20px;
    padding: 10px 0;
    list-style: none;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-timeline li {
    color: #b5a1c2;
    align-items: flex-start;
    gap: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-timeline strong {
    color: #7b608d;
    font-size: .85rem;
  }

  :where(.ws-module-surface) .contacts-timeline p {
    margin-top: 3px;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .contacts-state-notice {
    color: #967432;
    background: #fff7e8;
    border: 1px solid #f1e4c9;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 12px 16px;
    font-size: .83rem;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-detail-back {
    margin-bottom: 16px;
    text-decoration: none;
  }

  :where(.ws-module-surface) .contacts-detail-page .dash-title-section {
    margin-bottom: 18px;
    padding: 0;
  }

  :where(.ws-module-surface) .contacts-detail-page .dash-title-section .title-section h1 {
    font-size: 1.5rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-detail-grid, :where(.ws-module-surface) .contacts-detail-page .contacts-detail-side, :where(.ws-module-surface) .contacts-detail-page .contacts-detail-main {
    gap: 16px;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-profile {
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 18px;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-profile > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-profile strong {
    color: var(--color-primary);
    overflow-wrap: anywhere;
    font-size: .96rem;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-detail-fields {
    gap: 0;
    padding: 5px 18px;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-detail-fields > div {
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 0;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-detail-fields > div + div {
    border-top: 1px solid #f1edf5;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-detail-fields > div > svg {
    width: 16px;
    height: 16px;
    color: var(--color-secondary);
    flex: none;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-detail-fields small, :where(.ws-module-surface) .contacts-detail-page .contacts-facts dt {
    color: #746b7d;
    font-size: .74rem;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-detail-fields a, :where(.ws-module-surface) .contacts-detail-page .contacts-detail-fields span, :where(.ws-module-surface) .contacts-detail-page .contacts-facts dd {
    color: var(--color-primary);
    font-size: .81rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-detail-fields a:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .contacts-detail-meta {
    border-top: 1px solid var(--dashboard-panel-border);
    padding: 16px 18px 18px;
  }

  :where(.ws-module-surface) .contacts-detail-meta h3 {
    color: var(--color-primary);
    margin-bottom: 13px;
    font-size: .84rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-facts {
    gap: 11px;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-detail-meta .contacts-facts {
    padding: 0;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-facts > div {
    border-bottom: 1px solid #f1edf5;
    gap: 6px;
    padding-bottom: 10px;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-facts > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-detail-section {
    padding: 18px;
  }

  :where(.ws-module-surface) .contacts-detail-card-heading, :where(.ws-module-surface) .contacts-detail-page .contacts-section-heading {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-detail-card-heading h3, :where(.ws-module-surface) .contacts-detail-page .contacts-section-heading h3 {
    color: var(--color-primary);
    align-items: center;
    gap: 7px;
    margin: 0;
    font-size: .88rem;
    font-weight: 650;
    display: inline-flex;
  }

  :where(.ws-module-surface) .contacts-detail-card-heading h3 svg, :where(.ws-module-surface) .contacts-detail-page .contacts-section-heading h3 svg {
    width: 15px;
    height: 15px;
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-section-heading h3 span {
    color: var(--color-secondary);
    background: #f1eafb;
    border-radius: 12px;
    padding: 2px 7px;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .contacts-detail-page .contacts-detail-tabs {
    padding: 4px 14px 0;
  }

  :where(.ws-module-surface) .contacts-sr-only {
    clip: rect(0,0,0,0);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .contacts-page :focus-visible, :where(.ws-module-surface) .contacts-dialog :focus-visible {
    outline-offset: 2px;
    outline: 2px solid #7543ce;
  }

  :where(.ws-module-surface) .contacts-page .form-group :focus-visible, :where(.ws-module-surface) .contacts-dialog .form-group :focus-visible, :where(.ws-module-surface) .contacts-dialog .selectSearchDropdown :focus-visible {
    outline-offset: 0;
    outline: none;
  }

  :where(.ws-module-surface) .contacts-page .filterDateDrop {
    max-width: calc(100vw - 40px);
  }

  :where(.ws-module-surface) .contacts-page .filterDatePresetItem {
    text-align: left;
    background: none;
    width: 100%;
  }

  :where(.ws-module-surface) .contacts-page .calDay {
    border: 0;
    font-family: inherit;
  }

  :where(.ws-module-surface) .contacts-page button.filterTagItem {
    text-align: left;
    background: none;
    width: 100%;
  }

  :where(.ws-module-surface) .contacts-page button.filterTagItem:hover {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
  }

  :where(.ws-module-surface) .contacts-page .filterMaisSection:first-child:has(select:only-child) {
    display: block;
  }

  @media (max-width: 1100px) {
    :where(.ws-module-surface) .contacts-toolbar-end {
      margin-left: 0;
    }

    :where(.ws-module-surface) .contacts-detail-grid {
      grid-template-columns: 270px minmax(0, 1fr);
    }
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .contacts-page .dash-title-section {
      align-items: flex-start;
    }

    :where(.ws-module-surface) .contacts-detail-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .contacts-search {
      flex-basis: 100%;
      max-width: none;
    }

    :where(.ws-module-surface) .contacts-form-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .contacts-full {
      grid-column: auto;
    }

    :where(.ws-module-surface) .contacts-dialog {
      width: calc(100vw - 20px);
    }

    :where(.ws-module-surface) .contacts-drawer {
      width: 100vw;
    }

    :where(.ws-module-surface) .contacts-dialog-inner > header, :where(.ws-module-surface) .contacts-form-body {
      padding: 18px;
    }

    :where(.ws-module-surface) .contacts-pagination {
      flex-wrap: wrap;
      justify-content: center;
    }

    :where(.ws-module-surface) .contacts-page .filterDateWrap {
      flex-direction: column;
    }

    :where(.ws-module-surface) .contacts-page .filterDatePresets {
      border: 0;
      flex-wrap: wrap;
      width: auto;
      display: flex;
    }

    :where(.ws-module-surface) .contacts-page .filterDatePresetItem {
      width: auto;
      height: 32px;
    }

    :where(.ws-module-surface) .contacts-page .filterCalendars {
      flex-wrap: wrap;
      justify-content: center;
    }

    :where(.ws-module-surface) .contacts-page .calMonth {
      flex: none;
    }

    :where(.ws-module-surface) .contacts-page .calMonth:nth-of-type(2) {
      display: none;
    }

    :where(.ws-module-surface) .contacts-import-steps, :where(.ws-module-surface) .contacts-note > div {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) .contacts-note small {
      margin-left: 0;
    }
  }

  :where(.ws-module-surface) .alfa-copilot > .alfa-panel {
    max-width: 1050px;
    margin: 20px auto;
  }

  :where(.ws-module-surface) .alfa-action-preview {
    color: var(--color-primary);
    gap: 14px;
    font-size: .8rem;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-action-preview h3 {
    font-size: .9rem;
  }

  :where(.ws-module-surface) .alfa-action-preview dl {
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-action-preview dt {
    font-size: .7rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .alfa-action-preview dd {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 4px 0 0;
  }

  :where(.ws-module-surface) .alfa-action-buttons {
    flex-wrap: wrap;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-admin {
    gap: 18px;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-panel {
    gap: 14px;
    padding: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-panel h2 {
    color: var(--color-primary);
    font-size: .95rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .alfa-panel p {
    font-size: .78rem;
    line-height: 1.6;
  }

  :where(.ws-module-surface) .alfa-admin-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-admin-form > button {
    justify-self: start;
  }

  :where(.ws-module-surface) .alfa-check {
    color: var(--color-primary);
    align-items: center;
    gap: 8px;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-check input {
    accent-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .alfa-plan-rows {
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-plan-rows > form {
    border-bottom: 1px solid var(--dashboard-panel-border);
    color: var(--color-primary);
    grid-template-columns: minmax(120px, 1fr) auto auto minmax(120px, 160px) auto;
    align-items: end;
    gap: 14px;
    padding-bottom: 14px;
    font-size: .8rem;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-source-list {
    gap: 10px;
    font-size: .78rem;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-source-list > div {
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-source-list details {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 8px;
    padding: 10px;
  }

  :where(.ws-module-surface) .alfa-source-list summary {
    cursor: pointer;
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .alfa-source-list p {
    margin-top: 8px;
  }

  :where(.ws-module-surface) .alfa-notice {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    color: var(--color-primary);
    border-radius: 8px;
    padding: 12px 16px;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .alfa-workspace {
    background: var(--dashboard-surface);
    flex-direction: column;
    max-width: 1050px;
    height: min(740px, 100dvh - 210px);
    min-height: 500px;
    margin-inline: auto;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-workspace-header {
    border-bottom: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-workspace-header > span {
    color: var(--color-primary);
    align-items: center;
    gap: 8px;
    font-size: .84rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .alfa-workspace-header small {
    margin-left: auto;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .alfa-internal-messages {
    overscroll-behavior: contain;
    flex-direction: column;
    flex: 1;
    gap: 18px;
    min-height: 0;
    padding: 20px;
    display: flex;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .alfa-internal-message {
    background: var(--dashboard-bg);
    border: 1px solid var(--dashboard-panel-border);
    max-width: 90%;
    color: var(--color-primary);
    overflow-wrap: anywhere;
    border-radius: 12px;
    padding: 12px 15px;
    font-size: .82rem;
    line-height: 1.65;
  }

  :where(.ws-module-surface) .alfa-internal-message p {
    white-space: pre-wrap;
  }

  :where(.ws-module-surface) .alfa-internal-message strong {
    color: var(--color-secondary);
    margin-bottom: 5px;
    font-size: .7rem;
    display: block;
  }

  :where(.ws-module-surface) .alfa-internal-message small {
    margin-top: 8px;
    font-size: .65rem;
    display: block;
  }

  :where(.ws-module-surface) .alfa-internal-message.from-user {
    align-self: flex-end;
  }

  :where(.ws-module-surface) .alfa-internal-message.from-alfa {
    align-self: flex-start;
  }

  :where(.ws-module-surface) .alfa-internal-composer {
    border-top: 1px solid var(--dashboard-panel-border);
    align-items: end;
    gap: 10px;
    padding: 16px 18px 10px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-internal-composer > .form-group {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .alfa-internal-suggestions {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-workspace-note {
    padding: 0 18px 12px;
    font-size: .65rem;
  }

  @media (max-width: 900px) {
    :where(.ws-module-surface) .alfa-plan-rows > form {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .alfa-admin-form {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .alfa-panel {
      padding: 14px;
    }

    :where(.ws-module-surface) .alfa-workspace {
      height: calc(100dvh - 180px);
      min-height: 420px;
    }

    :where(.ws-module-surface) .alfa-internal-messages {
      padding: 12px;
    }

    :where(.ws-module-surface) .alfa-internal-composer {
      flex-wrap: wrap;
      padding: 12px;
    }

    :where(.ws-module-surface) .alfa-internal-composer > .form-group {
      flex-basis: 100%;
    }

    :where(.ws-module-surface) .alfa-internal-message {
      max-width: 96%;
    }
  }

  :where(.ws-module-surface) .deals-summary, :where(.ws-module-surface) .inbox-summary {
    background: var(--dashboard-surface);
    color: #6f6579;
    border: 1px solid #ddd9e2;
    border-radius: 8px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 26px;
    min-height: 42px;
    margin: 0 0 16px;
    padding: 8px 16px;
    font-size: .78rem;
    display: flex;
    box-shadow: 0 1px 3px #2b173008;
  }

  :where(.ws-module-surface) .deals-summary span, :where(.ws-module-surface) .inbox-summary span {
    white-space: nowrap;
  }

  :where(.ws-module-surface) .deals-summary strong, :where(.ws-module-surface) .inbox-summary strong {
    color: #211a29;
    font-weight: 700;
  }

  :where(.ws-module-surface) .deals-tabs {
    margin-bottom: 14px;
  }

  :where(.ws-module-surface) .deals-filters {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .deals-filters .contacts-search, :where(.ws-module-surface) .proposals-filters .contacts-search {
    max-width: 360px;
    height: var(--dashboard-filter-height);
    min-height: var(--dashboard-filter-height);
    box-sizing: border-box;
    border-radius: var(--dashboard-control-radius);
    padding: 0 11px;
  }

  :where(.ws-module-surface) .deals-filters .contacts-search:focus-within, :where(.ws-module-surface) .proposals-filters .contacts-search:focus-within, :where(.ws-module-surface) .inbox-filters .contacts-search:focus-within {
    box-shadow: none;
    border-color: #cbbcdf;
  }

  :where(.ws-module-surface) .deals-filters .contacts-search input:focus, :where(.ws-module-surface) .deals-filters .contacts-search input:focus-visible, :where(.ws-module-surface) .deals-filters .contacts-search button:focus, :where(.ws-module-surface) .deals-filters .contacts-search button:focus-visible, :where(.ws-module-surface) .proposals-filters .contacts-search input:focus, :where(.ws-module-surface) .proposals-filters .contacts-search input:focus-visible, :where(.ws-module-surface) .inbox-filters .contacts-search input:focus, :where(.ws-module-surface) .inbox-filters .contacts-search input:focus-visible {
    box-shadow: none;
    outline: none;
  }

  :where(.ws-module-surface) .deals-filter-selects {
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .deals-filter-selects .form-group {
    flex: 0 185px;
    min-width: 145px;
    max-width: 220px;
    margin: 0;
  }

  :where(.ws-module-surface) .deals-filter-selects .form-label, :where(.ws-module-surface) .proposals-filter-fields .form-label, :where(.ws-module-surface) .inbox-filters .form-label, :where(.ws-module-surface) .inbox-team-filter .form-label {
    clip: rect(0,0,0,0);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .deals-filter-selects .fieldSelectInputWrap, :where(.ws-module-surface) .proposals-filter-fields .fieldSelectInputWrap, :where(.ws-module-surface) .inbox-filters .fieldSelectInputWrap {
    min-height: var(--dashboard-filter-height);
    height: var(--dashboard-filter-height);
    box-sizing: border-box;
    background: var(--dashboard-surface);
    border-radius: var(--dashboard-control-radius);
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .deals-filter-selects .fieldSelectInputWrap {
    border: 1px solid var(--dashboard-filter-border);
    padding: 0 34px 0 11px;
    transition: all .2s;
  }

  :where(.ws-module-surface) .deals-filter-selects .fieldSelectInputWrap:hover, :where(.ws-module-surface) .deals-filter-selects .fieldSelectInputWrap.focused, :where(.ws-module-surface) .proposals-filter-fields .fieldSelectInputWrap:hover, :where(.ws-module-surface) .proposals-filter-fields .fieldSelectInputWrap.focused, :where(.ws-module-surface) .inbox-filters .fieldSelectInputWrap:hover, :where(.ws-module-surface) .inbox-filters .fieldSelectInputWrap.focused {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
    border-color: #0000;
  }

  :where(.ws-module-surface) .deals-filter-selects .fieldSelectSelectedBadge, :where(.ws-module-surface) .deals-filter-selects .fieldSelectPlaceholder, :where(.ws-module-surface) .proposals-filter-fields .fieldSelectSelectedBadge, :where(.ws-module-surface) .proposals-filter-fields .fieldSelectPlaceholder, :where(.ws-module-surface) .inbox-filters .fieldSelectSelectedBadge, :where(.ws-module-surface) .inbox-filters .fieldSelectPlaceholder {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .deals-filter-selects .actionSelect .arrowSelect, :where(.ws-module-surface) .proposals-filter-fields .actionSelect .arrowSelect, :where(.ws-module-surface) .inbox-filters .actionSelect .arrowSelect {
    width: 30px;
  }

  :where(.ws-module-surface) .deals-filter-selects .actionSelect .arrowSelect svg, :where(.ws-module-surface) .proposals-filter-fields .actionSelect .arrowSelect svg, :where(.ws-module-surface) .inbox-filters .actionSelect .arrowSelect svg {
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .deals-list-panel {
    overflow: hidden;
  }

  :where(.ws-module-surface) .deals-table {
    min-width: 820px;
  }

  :where(.ws-module-surface) .deals-table a:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .deals-name {
    gap: 2px;
    min-width: 190px;
    display: grid;
  }

  :where(.ws-module-surface) .deals-name strong {
    color: #43374f;
    font-weight: 600;
  }

  :where(.ws-module-surface) .deals-name small {
    margin: 0;
  }

  :where(.ws-module-surface) .deals-value {
    white-space: nowrap;
    font-weight: 600;
    color: #51405d !important;
  }

  :where(.ws-module-surface) .deals-stage {
    color: #655875;
    background: #f3eff7;
  }

  :where(.ws-module-surface) .deals-status.open {
    color: #7d50be;
    background: #eee8fa;
  }

  :where(.ws-module-surface) .deals-status.won {
    color: #24824e;
    background: #e7f6ec;
  }

  :where(.ws-module-surface) .deals-status.lost {
    color: #a94752;
    background: #fbecee;
  }

  :where(.ws-module-surface) .deals-page.deals-page-board {
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
    padding-bottom: 0;
    display: flex;
  }

  :where(.ws-module-surface) .deals-page-board > :not(.deals-board) {
    flex-shrink: 0;
  }

  :where(.ws-module-surface) .deals-page > .deals-filters:has( + .contacts-active-filters) {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .deals-page > .contacts-active-filters {
    padding-top: 8px;
  }

  :where(.ws-module-surface) .deals-page-board > .dashboard-skeleton.is-board {
    flex: auto;
    min-width: 0;
    min-height: 210px;
    overflow: auto;
  }

  :where(.ws-module-surface) .deals-page-board > .dashboard-skeleton.is-board > .dashboard-skeleton-board {
    grid-template-columns: repeat(4, 286px);
    width: max-content;
    min-width: 100%;
  }

  :where(.ws-module-surface) .deals-board {
    scrollbar-color: #d8cce4 transparent;
    flex: 1;
    align-items: stretch;
    gap: 12px;
    min-height: 210px;
    padding: 2px 1px 10px;
    display: flex;
    overflow: auto hidden;
  }

  :where(.ws-module-surface) .deals-column {
    border: 1px solid var(--dashboard-panel-border);
    background: #f8f6fa;
    border-radius: 9px;
    flex-direction: column;
    flex: 0 0 286px;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  :where(.ws-module-surface) .deals-column > header {
    border-top: 3px solid var(--color-secondary);
    background: var(--dashboard-surface);
    color: #51465d;
    border-bottom: 1px solid #e9e5ed;
    flex-direction: column;
    gap: 4px;
    padding: 12px 13px 11px;
    display: flex;
  }

  :where(.ws-module-surface) .deals-column > header strong {
    font-size: .85rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .deals-column > header span {
    color: #8c8295;
    font-size: .74rem;
  }

  :where(.ws-module-surface) .deals-column > header {
    flex-shrink: 0;
  }

  :where(.ws-module-surface) .deals-cards {
    overscroll-behavior-y: contain;
    scrollbar-width: none;
    flex: 1;
    grid-auto-rows: max-content;
    align-content: start;
    gap: 8px;
    min-height: 0;
    padding: 9px;
    display: grid;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .deals-cards::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  :where(.ws-module-surface) .board-scroll-sentinel, :where(.ws-module-surface) .service-board-sentinel {
    pointer-events: none;
    height: 1px;
  }

  :where(.ws-module-surface) .deals-cards > p {
    text-align: center;
    color: #908698;
    padding: 20px 8px;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .deals-card {
    background: var(--dashboard-surface);
    cursor: grab;
    border: 1px solid #e7e1ec;
    border-radius: 9px;
    gap: 9px;
    padding: 10px 11px;
    display: grid;
    box-shadow: 0 2px 7px #2b173008;
  }

  :where(.ws-module-surface) .deals-card:active {
    cursor: grabbing;
  }

  :where(.ws-module-surface) .deals-card-top, :where(.ws-module-surface) .deals-card-footer {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .deals-card-top {
    min-height: 28px;
  }

  :where(.ws-module-surface) .deals-card-tags, :where(.ws-module-surface) .deals-card-person, :where(.ws-module-surface) .deals-card-metrics {
    align-items: center;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .deals-card-tag {
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 5px;
    max-width: 94px;
    padding: 3px 6px;
    font-size: .65rem;
    font-weight: 650;
    line-height: 1.2;
    display: inline-block;
    overflow: hidden;
  }

  :where(.ws-module-surface) .deals-card-tag-more {
    color: #76578d;
    background: #f0eaf6;
  }

  :where(.ws-module-surface) .deals-card-contact-avatar {
    border-radius: 6px;
    flex: 0 0 28px;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    text-decoration: none;
    display: inline-flex;
    overflow: hidden;
  }

  :where(.ws-module-surface) .deals-card-contact-avatar .contacts-avatar, :where(.ws-module-surface) .deals-card-contact-avatar .contacts-avatar-photo {
    border-radius: 6px;
    width: 28px;
    height: 28px;
  }

  :where(.ws-module-surface) .deals-card-contact-avatar .contacts-avatar-icon {
    color: #80649d;
    background: #eee8f5;
    border-radius: 6px;
  }

  :where(.ws-module-surface) .deals-card-contact-avatar .contacts-avatar-icon svg {
    width: 17px;
    height: 17px;
  }

  :where(.ws-module-surface) .deals-card-owner {
    width: 26px;
    height: 26px;
    color: var(--ws-accent);
    cursor: pointer;
    background: #e9dcf7;
    border: 0;
    border-radius: 50%;
    flex: 0 0 26px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: .62rem;
    font-weight: 700;
    display: inline-flex;
    overflow: hidden;
  }

  :where(.ws-module-surface) .deals-card-owner:hover:not(:disabled) {
    background: #dbc5f4;
  }

  :where(.ws-module-surface) .deals-card-owner:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #a77ecb;
  }

  :where(.ws-module-surface) .deals-card-owner:disabled {
    cursor: default;
    opacity: .7;
  }

  :where(.ws-module-surface) .deals-card-owner svg {
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .deals-card-owner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  :where(.ws-module-surface) .deals-card-main {
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .deals-card-main a {
    overflow-wrap: anywhere;
    line-height: 1.3;
    text-decoration: none;
  }

  :where(.ws-module-surface) .deals-card-main .deals-card-name {
    color: #4e3b61;
    font-size: .88rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .deals-card-main .deals-card-title {
    color: #93899c;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .deals-card-main a:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .deals-card-main b {
    color: #4d4159;
    font-size: .79rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .deals-card-main span.deals-card-name {
    color: #93899c;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .deals-card-footer {
    color: #a096ac;
    border-top: 1px solid #f1edf4;
    min-height: 29px;
    padding-top: 7px;
  }

  :where(.ws-module-surface) .deals-card-person a, :where(.ws-module-surface) .deals-card-action-disabled {
    color: #a096ac;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 24px;
    text-decoration: none;
    display: inline-flex;
  }

  :where(.ws-module-surface) .deals-card-action-disabled {
    color: #d4ceda;
    cursor: not-allowed;
  }

  :where(.ws-module-surface) .deals-card-person a:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .deals-card-person svg, :where(.ws-module-surface) .deals-card-metrics svg {
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .deals-card-metrics {
    flex-shrink: 0;
    gap: 7px;
  }

  :where(.ws-module-surface) .deals-card-metrics span {
    white-space: nowrap;
    align-items: center;
    gap: 3px;
    font-size: .67rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) :where(body:has(.deals-page)) .fieldSelectDropdown {
    background: var(--dashboard-surface);
    border: 1px solid #e5e0eb;
    border-radius: 7px;
    padding: 6px 0;
    box-shadow: 0 8px 20px #2c1a3b20;
  }

  :where(.ws-module-surface) .deals-detail-grid {
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 18px;
    display: grid;
  }

  :where(.ws-module-surface) .deals-detail-main, :where(.ws-module-surface) .deals-detail-side {
    align-content: start;
    gap: 16px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .deals-detail-section {
    padding: 20px;
  }

  :where(.ws-module-surface) .deals-detail-section > h2, :where(.ws-module-surface) .deals-section-heading h2 {
    color: #51465d;
    text-transform: uppercase;
    letter-spacing: .025em;
    margin-bottom: 14px;
    font-size: .88rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .deals-section-heading {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .deals-section-heading h2 {
    margin: 0;
  }

  :where(.ws-module-surface) .deals-facts {
    border: 1px solid #eeeaf2;
    border-radius: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    display: grid;
    overflow: hidden;
  }

  :where(.ws-module-surface) .deals-facts div {
    border-bottom: 1px solid #eeeaf2;
    align-content: start;
    gap: 4px;
    min-height: 68px;
    padding: 11px 13px;
    display: grid;
  }

  :where(.ws-module-surface) .deals-facts div:nth-child(odd) {
    border-right: 1px solid #eeeaf2;
  }

  :where(.ws-module-surface) .deals-facts div:nth-last-child(-n+2) {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .deals-facts dt {
    color: #93889d;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .deals-facts dd {
    color: #51475b;
    word-break: break-word;
    font-size: .85rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .deals-facts dd a {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .deals-detail-section .contacts-preserve-lines {
    color: #62586c;
    background: #faf8fc;
    border-radius: 8px;
    margin-top: 15px;
    padding: 13px;
    font-size: .83rem;
    line-height: 1.55;
  }

  :where(.ws-module-surface) .deals-note-form {
    background: #fcfbfd;
    border: 1px solid #eee8f3;
    border-radius: 8px;
    gap: 10px;
    margin-bottom: 15px;
    padding: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .deals-note-form .deals-actions {
    justify-content: flex-end;
  }

  :where(.ws-module-surface) .deals-note {
    border-bottom: 1px solid #f0edf4;
    padding: 14px 2px;
  }

  :where(.ws-module-surface) .deals-note:last-child {
    border: 0;
  }

  :where(.ws-module-surface) .deals-note small {
    color: #9687a3;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .deals-note p {
    white-space: pre-wrap;
    color: #554a60;
    margin-top: 6px;
    font-size: .84rem;
    line-height: 1.55;
  }

  :where(.ws-module-surface) .deals-detail-section > .contacts-tabs {
    margin: -6px -4px 14px;
  }

  :where(.ws-module-surface) .deals-detail-pagination {
    gap: 8px;
    margin-top: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .deals-settings-toolbar {
    background: #fcfbfd;
    border-color: #e4ddea;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    margin-bottom: 16px;
    padding: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .deals-settings-toolbar .form-group {
    flex: 240px;
    max-width: 420px;
  }

  :where(.ws-module-surface) .deals-settings-toolbar .fieldSelectInputWrap, :where(.ws-module-surface) .deals-settings-toolbar > .contacts-button {
    height: var(--dashboard-button-height);
    min-height: var(--dashboard-button-height);
    max-height: var(--dashboard-button-height);
    box-sizing: border-box;
  }

  :where(.ws-module-surface) .deals-settings-toolbar .fieldSelectInputWrap {
    background: var(--dashboard-surface);
    border: 1px solid #dcd3e5;
  }

  :where(.ws-module-surface) .deals-settings-table {
    min-width: 780px;
  }

  :where(.ws-module-surface) .deals-settings-table th {
    color: #51465d;
    background: #f8f5fa;
    padding-top: 11px;
    padding-bottom: 11px;
    font-weight: 650;
  }

  :where(.ws-module-surface) .deals-settings-table td {
    color: #51465d;
    border-bottom-color: #eae4ef;
    height: 64px;
  }

  :where(.ws-module-surface) .deals-settings-table th:first-child, :where(.ws-module-surface) .deals-settings-table td:first-child {
    width: 48px;
    padding-left: 13px;
    padding-right: 5px;
  }

  :where(.ws-module-surface) .deals-settings-table td:nth-child(2) {
    color: #43374f;
    font-weight: 650;
  }

  :where(.ws-module-surface) .deals-settings-table tr {
    transition: opacity .15s, background-color .15s;
    position: relative;
  }

  :where(.ws-module-surface) .deals-settings-table tr.dragging {
    opacity: .42;
  }

  :where(.ws-module-surface) .deals-settings-table tr.drag-over-before td {
    box-shadow: inset 0 3px 0 var(--color-secondary);
  }

  :where(.ws-module-surface) .deals-settings-table tr.drag-over-after td {
    box-shadow: inset 0 -3px 0 var(--color-secondary);
  }

  :where(.ws-module-surface) .deals-section-heading > div {
    gap: 4px;
    display: grid;
  }

  :where(.ws-module-surface) .deals-section-heading > div h2 {
    margin: 0;
  }

  :where(.ws-module-surface) .deals-section-heading p {
    color: #74697e;
    margin: 0;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .deals-section-heading > .contacts-button {
    height: var(--dashboard-button-height);
    min-height: var(--dashboard-button-height);
    max-height: var(--dashboard-button-height);
  }

  :where(.ws-module-surface) .deals-stage-color {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-right: 9px;
    display: inline-block;
    box-shadow: 0 0 0 3px #f1edf4;
  }

  :where(.ws-module-surface) .deals-probability {
    color: #574861;
    background: #f4f0f7;
    border-radius: 6px;
    justify-content: center;
    min-width: 48px;
    padding: 4px 8px;
    font-weight: 650;
    display: inline-flex;
  }

  :where(.ws-module-surface) .deals-drag-cell {
    cursor: grab;
  }

  :where(.ws-module-surface) .deals-drag-cell:active {
    cursor: grabbing;
  }

  :where(.ws-module-surface) .deals-drag-handle {
    color: #82758e;
    cursor: grab;
    background: none;
    border: 0;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
  }

  :where(.ws-module-surface) .deals-drag-handle:hover {
    color: var(--color-secondary);
    background: #eee7f5;
  }

  :where(.ws-module-surface) .deals-drag-handle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px #d7c5ed;
  }

  :where(.ws-module-surface) .deals-drag-handle svg {
    width: 18px;
    height: 18px;
  }

  :where(.ws-module-surface) .deals-page .dash-title-section .contacts-button {
    height: var(--dashboard-button-height);
    min-height: var(--dashboard-button-height);
    max-height: var(--dashboard-button-height);
    box-sizing: border-box;
  }

  :where(.ws-module-surface) .pipeline-editor {
    min-width: 0;
  }

  :where(.ws-module-surface) .pipeline-back {
    align-items: center;
    gap: 5px;
    margin-bottom: 15px;
    display: inline-flex;
  }

  :where(.ws-module-surface) .pipeline-back svg {
    width: 15px;
    height: 15px;
  }

  :where(.ws-module-surface) .pipeline-editor-heading {
    border-bottom: 1px solid #e9e3ef;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding-bottom: 18px;
    display: flex;
  }

  :where(.ws-module-surface) .pipeline-editor-heading h1 {
    color: #392d46;
    margin: 3px 0;
    font-size: 1.32rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .pipeline-eyebrow {
    color: #806994;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .72rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .pipeline-description {
    color: #817588;
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    align-items: center;
    gap: 6px;
    max-width: 640px;
    padding: 2px 0;
    font-size: .78rem;
    font-style: italic;
    display: inline-flex;
  }

  :where(.ws-module-surface) .pipeline-description svg {
    opacity: 0;
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .pipeline-description:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .pipeline-description:hover svg {
    opacity: 1;
  }

  :where(.ws-module-surface) .pipeline-editor-toolbar {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    padding: 14px 0;
    display: flex;
  }

  :where(.ws-module-surface) .pipeline-editor-toolbar .form-group {
    width: min(280px, 100%);
    margin: 0;
  }

  :where(.ws-module-surface) .pipeline-toolbar-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .pipeline-default {
    color: #6f547e;
    background: #f2eaf8;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: .75rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .pipeline-board-caption {
    color: #82778c;
    justify-content: space-between;
    gap: 10px;
    margin: 5px 0 12px;
    font-size: .75rem;
    display: flex;
  }

  :where(.ws-module-surface) .pipeline-editor-board {
    scrollbar-color: #d5c4e7 transparent;
    align-items: stretch;
    gap: 10px;
    min-height: 370px;
    padding: 2px 2px 16px;
    display: flex;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .pipeline-stage-card {
    background: #fcfbfe;
    border: 1px solid #e6dfee;
    border-radius: 8px;
    flex: 0 0 234px;
    min-height: 330px;
    transition: opacity .15s, box-shadow .15s;
  }

  :where(.ws-module-surface) .pipeline-stage-card.dragging {
    opacity: .45;
  }

  :where(.ws-module-surface) .pipeline-stage-card.drag-over-before {
    box-shadow: -4px 0 0 var(--color-secondary);
  }

  :where(.ws-module-surface) .pipeline-stage-card.drag-over-after {
    box-shadow: 4px 0 0 var(--color-secondary);
  }

  :where(.ws-module-surface) .pipeline-stage-card > header {
    background: #f4effa;
    border-bottom: 1px solid #e9e3f0;
    border-radius: 8px 8px 0 0;
    align-items: center;
    gap: 5px;
    min-height: 40px;
    padding: 5px 8px;
    display: flex;
  }

  :where(.ws-module-surface) .pipeline-stage-card > header strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4b3d58;
    flex: 1;
    min-width: 0;
    font-size: .81rem;
    font-weight: 650;
    overflow: hidden;
  }

  :where(.ws-module-surface) .pipeline-stage-card > header .deals-stage-color {
    width: 9px;
    height: 9px;
    box-shadow: none;
    margin: 0 2px 0 0;
  }

  :where(.ws-module-surface) .pipeline-grip, :where(.ws-module-surface) .pipeline-stage-actions button {
    color: #83768f;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 26px;
    padding: 0;
    display: inline-flex;
  }

  :where(.ws-module-surface) .pipeline-grip {
    cursor: grab;
  }

  :where(.ws-module-surface) .pipeline-grip:active {
    cursor: grabbing;
  }

  :where(.ws-module-surface) .pipeline-grip:hover, :where(.ws-module-surface) .pipeline-stage-actions button:hover {
    color: var(--color-secondary);
    background: #e9ddf4;
  }

  :where(.ws-module-surface) .pipeline-grip:focus-visible, :where(.ws-module-surface) .pipeline-stage-actions button:focus-visible {
    outline-offset: 1px;
    outline: 2px solid #b99ad7;
  }

  :where(.ws-module-surface) .pipeline-grip svg, :where(.ws-module-surface) .pipeline-stage-actions svg {
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .pipeline-stage-actions {
    align-items: center;
    gap: 1px;
    display: flex;
  }

  :where(.ws-module-surface) .pipeline-stage-content {
    align-content: start;
    gap: 11px;
    padding: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .pipeline-stage-meta {
    color: #867890;
    font-size: .69rem;
  }

  :where(.ws-module-surface) .pipeline-activity-count {
    color: #675a72;
    border-bottom: 1px solid #ece6f1;
    margin: 0;
    padding-bottom: 10px;
    font-size: .74rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .pipeline-activity-list {
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  :where(.ws-module-surface) .pipeline-activity-list button {
    color: #574767;
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 5px;
    align-items: center;
    gap: 5px;
    width: 100%;
    padding: 7px 5px;
    font-size: .75rem;
    display: flex;
  }

  :where(.ws-module-surface) .pipeline-activity-list button:hover {
    background: #f0e9f7;
  }

  :where(.ws-module-surface) .pipeline-activity-list svg {
    width: 13px;
    height: 13px;
    color: var(--color-secondary);
    flex: none;
  }

  :where(.ws-module-surface) .pipeline-activity-list button > span:nth-of-type(2) {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  :where(.ws-module-surface) .pipeline-activity-list small {
    color: #83778d;
    white-space: nowrap;
    font-size: .68rem;
  }

  :where(.ws-module-surface) .pipeline-activity-number {
    color: #8c64aa;
    text-align: center;
    width: 16px;
  }

  :where(.ws-module-surface) .pipeline-add-activity {
    color: var(--color-secondary);
    cursor: pointer;
    background: none;
    border: 0;
    justify-self: center;
    align-items: center;
    gap: 2px;
    padding: 5px;
    font-size: .75rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .pipeline-add-activity svg {
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .pipeline-add-activity:hover {
    text-decoration: underline;
  }

  :where(.ws-module-surface) .pipeline-add-stage {
    min-height: 330px;
    color: var(--color-secondary);
    cursor: pointer;
    background: #fdfbff;
    border: 2px dashed #bca6d5;
    border-radius: 8px;
    flex: 0 0 170px;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .pipeline-add-stage:hover {
    border-color: var(--color-secondary);
    background: #f6f0fb;
  }

  :where(.ws-module-surface) .pipeline-add-stage > span {
    background: #fff;
    border: 1px solid #e2d8eb;
    border-radius: 6px;
    align-items: center;
    gap: 5px;
    padding: 8px 11px;
    font-size: .78rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .pipeline-add-stage svg {
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .pipeline-activity-form {
    gap: 17px;
    display: grid;
  }

  :where(.ws-module-surface) .pipeline-activity-fields {
    grid-template-columns: minmax(0, 1fr) 110px;
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .pipeline-type-field {
    border: 0;
    margin: 0;
    padding: 0;
  }

  :where(.ws-module-surface) .pipeline-type-field legend {
    color: #574767;
    margin-bottom: 8px;
    font-size: .8rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .pipeline-type-options {
    flex-wrap: wrap;
    gap: 6px;
    display: flex;
  }

  :where(.ws-module-surface) .pipeline-type-options button {
    background: var(--dashboard-surface);
    color: #695774;
    cursor: pointer;
    border: 1px solid #ded4e8;
    border-radius: 6px;
    align-items: center;
    gap: 5px;
    min-height: 32px;
    padding: 5px 8px;
    font-size: .72rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .pipeline-type-options button.selected {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
    background: #f1e8fa;
  }

  :where(.ws-module-surface) .pipeline-type-options svg {
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .pipeline-activity-hint {
    color: #776a81;
    border-left: 2px solid #b69bd0;
    margin: 0;
    padding: 5px 10px;
    font-size: .73rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .pipeline-delete-activity {
    color: #a34454;
    cursor: pointer;
    background: none;
    border: 0;
    justify-self: start;
    align-items: center;
    gap: 5px;
    padding: 2px;
    font-size: .76rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .pipeline-delete-activity svg {
    width: 14px;
    height: 14px;
  }

  @media (max-width: 1000px) {
    :where(.ws-module-surface) .deals-filter-selects {
      flex-basis: 100%;
    }

    :where(.ws-module-surface) .deals-filter-selects .form-group {
      max-width: none;
    }
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .deals-detail-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .deals-summary {
      align-items: flex-start;
      gap: 7px 18px;
    }

    :where(.ws-module-surface) .deals-facts {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .deals-facts div:nth-child(odd) {
      border-right: 0;
    }

    :where(.ws-module-surface) .deals-facts div:nth-last-child(-n+2) {
      border-bottom: 1px solid #eeeaf2;
    }

    :where(.ws-module-surface) .deals-facts div:last-child {
      border-bottom: 0;
    }
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .pipeline-editor-heading {
      align-items: flex-start;
    }

    :where(.ws-module-surface) .pipeline-stage-card {
      flex-basis: 220px;
    }

    :where(.ws-module-surface) .pipeline-add-stage {
      flex-basis: 145px;
    }

    :where(.ws-module-surface) .pipeline-activity-fields {
      grid-template-columns: minmax(0, 1fr) 85px;
    }

    :where(.ws-module-surface) .deals-page .dash-title-section {
      align-items: flex-start;
    }

    :where(.ws-module-surface) .deals-filters .contacts-search {
      flex-basis: 100%;
      max-width: none;
    }

    :where(.ws-module-surface) .deals-filter-selects .form-group {
      flex-basis: 100%;
    }

    :where(.ws-module-surface) .deals-column {
      flex-basis: 260px;
    }

    :where(.ws-module-surface) .deals-settings-toolbar {
      align-items: stretch;
    }

    :where(.ws-module-surface) .deals-settings-toolbar .form-group {
      max-width: none;
    }
  }

  :where(.ws-module-surface) .deal-workspace {
    --deal-soft: #f6f2fc;
    --deal-border: #e9e3f0;
  }

  :where(.ws-module-surface) .deal-workspace-top {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    margin-bottom: 18px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-workspace-top .deal-breadcrumb {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .deal-breadcrumb {
    color: #776b83;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    font-size: .76rem;
    display: flex;
  }

  :where(.ws-module-surface) .deal-breadcrumb a {
    color: inherit;
    text-decoration: none;
  }

  :where(.ws-module-surface) .deal-breadcrumb a:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .deal-breadcrumb svg {
    flex: none;
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .deal-breadcrumb strong {
    color: #493e57;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    overflow: hidden;
  }

  :where(.ws-module-surface) .deal-workspace-heading {
    border-bottom: 1px solid var(--deal-border);
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 0 0 20px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-workspace-person {
    align-items: flex-start;
    gap: 11px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .deal-workspace-person > .contacts-avatar-photo, :where(.ws-module-surface) .deal-workspace-person > .contacts-avatar {
    border-radius: 9px;
    margin-top: 4px;
  }

  :where(.ws-module-surface) .deal-company-label {
    color: #84788d;
    text-transform: uppercase;
    letter-spacing: .025em;
    font-size: .67rem;
    display: block;
  }

  :where(.ws-module-surface) .deal-contact-title {
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-contact-title h1 {
    color: var(--color-primary);
    overflow-wrap: anywhere;
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .deal-contact-actions {
    align-items: center;
    gap: 2px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-contact-actions .contacts-icon-button {
    width: 28px;
    height: 28px;
    color: var(--color-secondary);
    background: none;
    border: 0;
  }

  :where(.ws-module-surface) .deal-contact-actions .contacts-icon-button:hover {
    background: var(--deal-soft);
  }

  :where(.ws-module-surface) .deal-workspace-subtitle {
    color: #796d84;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 3px 0 8px;
    font-size: .76rem;
    display: flex;
  }

  :where(.ws-module-surface) .deal-heading-tags {
    gap: 5px;
    min-height: 0;
  }

  :where(.ws-module-surface) .deal-workspace-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    padding-top: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-detail-owner {
    width: 32px;
    height: 32px;
    color: var(--color-secondary);
    background: #eee5fa;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    font-size: .72rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .deal-detail-owner svg {
    width: 16px;
    height: 16px;
  }

  :where(.ws-module-surface) .deal-workspace-tabs {
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0 0 20px;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .deal-workspace-tabs button {
    white-space: nowrap;
    flex: none;
  }

  :where(.ws-module-surface) .deal-stage-track {
    background: var(--deal-soft);
    border-radius: 7px;
    min-height: 108px;
    margin: 0 0 22px;
    padding: 18px 18px 12px;
    list-style: none;
    display: flex;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .deal-stage-track li {
    text-align: center;
    flex-direction: column;
    flex: 1;
    align-items: center;
    gap: 6px;
    min-width: 115px;
    display: flex;
    position: relative;
  }

  :where(.ws-module-surface) .deal-stage-track li:after {
    content: "";
    background: #d9c7ef;
    width: calc(100% - 28px);
    height: 2px;
    position: absolute;
    top: 13px;
    left: calc(50% + 14px);
  }

  :where(.ws-module-surface) .deal-stage-track li:last-child:after {
    display: none;
  }

  :where(.ws-module-surface) .deal-stage-track li.passed:after {
    background: var(--color-secondary);
  }

  :where(.ws-module-surface) .deal-stage-track button {
    color: #7e6d91;
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    width: 100%;
    padding: 0 4px;
    font-size: .75rem;
    display: flex;
  }

  :where(.ws-module-surface) .deal-stage-track button:disabled {
    cursor: default;
    opacity: 1;
  }

  :where(.ws-module-surface) .deal-stage-track button:focus-visible .deal-stage-number {
    box-shadow: 0 0 0 3px #c5abe8;
  }

  :where(.ws-module-surface) .deal-stage-track button:not(:disabled):hover .deal-stage-number {
    background: var(--color-secondary);
    color: #fff;
  }

  :where(.ws-module-surface) .deal-stage-number {
    color: #633797;
    background: #dac6f3;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    font-size: .79rem;
    font-weight: 600;
    display: flex;
  }

  :where(.ws-module-surface) .deal-stage-number svg {
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .deal-stage-track .current .deal-stage-number, :where(.ws-module-surface) .deal-stage-track .passed .deal-stage-number {
    background: var(--color-secondary);
    color: #fff;
  }

  :where(.ws-module-surface) .deal-stage-track .current button {
    color: var(--color-secondary);
    font-weight: 600;
  }

  :where(.ws-module-surface) .deal-activity-workspace {
    grid-template-columns: minmax(270px, 35%) minmax(0, 1fr);
    align-items: start;
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .deal-activity-sidebar {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    display: grid;
  }

  :where(.ws-module-surface) .deal-activity-days {
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-activity-days small {
    color: #82629e;
    align-items: center;
    height: 24px;
    font-size: .73rem;
    display: flex;
  }

  :where(.ws-module-surface) .deal-activity-days button {
    border: 1px solid var(--deal-border);
    color: #8764a5;
    width: 32px;
    height: 32px;
    font: inherit;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    font-size: .77rem;
    display: flex;
  }

  :where(.ws-module-surface) .deal-activity-days button.active {
    color: var(--color-secondary);
    background: #eee3fc;
    border-color: #d3bbed;
    font-weight: 600;
  }

  :where(.ws-module-surface) .deal-activity-list h2 {
    color: #755196;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    height: 24px;
    margin: 0 0 8px;
    font-size: .8rem;
    font-weight: 500;
    display: flex;
  }

  :where(.ws-module-surface) .deal-activity-list h2 small {
    color: #8d7a9e;
    font-weight: 400;
  }

  :where(.ws-module-surface) .deal-activity-list .contacts-panel {
    min-height: 260px;
    padding: 0 8px 12px;
  }

  :where(.ws-module-surface) .deal-activity-list header {
    color: #7c7087;
    border-bottom: 1px solid #f0ebf5;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
    font-size: .66rem;
    display: flex;
  }

  :where(.ws-module-surface) .deal-activity-row {
    border-radius: 5px;
    align-items: center;
    gap: 5px;
    padding-right: 6px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-activity-row.selected {
    background: var(--deal-soft);
  }

  :where(.ws-module-surface) .deal-activity-select {
    width: 100%;
    min-width: 0;
    height: 36px;
    font: inherit;
    color: #51455c;
    cursor: pointer;
    text-align: left;
    background: none;
    border: 0;
    align-items: center;
    gap: 7px;
    padding: 5px;
    font-size: .76rem;
    display: flex;
  }

  :where(.ws-module-surface) .deal-activity-select > span:first-child {
    color: #9775b8;
    font-size: .68rem;
  }

  :where(.ws-module-surface) .deal-activity-select > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  :where(.ws-module-surface) .deal-activity-select svg {
    color: #9672b5;
    flex: none;
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .deal-activity-check {
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  :where(.ws-module-surface) .deal-template-label {
    color: #8c769f;
    flex: none;
    padding: 0 2px;
    font-size: .62rem;
  }

  :where(.ws-module-surface) .deal-activity-detail {
    min-height: 390px;
    margin-top: 32px;
  }

  :where(.ws-module-surface) .deal-activity-detail > header {
    border-bottom: 1px solid var(--deal-border);
    align-items: center;
    gap: 9px;
    min-height: 47px;
    padding: 12px 18px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-activity-detail > header > svg {
    color: var(--color-secondary);
    flex: none;
    width: 16px;
    height: 16px;
  }

  :where(.ws-module-surface) .deal-activity-detail h2 {
    color: #443750;
    margin: 0;
    font-size: .9rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .deal-activity-body {
    color: #5b4e66;
    overflow-wrap: anywhere;
    padding: 20px;
    font-size: .84rem;
    line-height: 1.65;
  }

  :where(.ws-module-surface) .deal-activity-context {
    color: #8b739f;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    margin-bottom: 18px;
    font-size: .72rem;
    display: flex;
  }

  :where(.ws-module-surface) .deal-activity-context span {
    align-items: center;
    gap: 5px;
    display: inline-flex;
  }

  :where(.ws-module-surface) .deal-activity-placeholder {
    text-align: center;
    color: #877691;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    min-height: 360px;
    padding: 30px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-activity-placeholder > svg {
    color: #b69acd;
    width: 28px;
    height: 28px;
  }

  :where(.ws-module-surface) .deal-activity-placeholder p {
    max-width: 350px;
    margin: 0;
    font-size: .8rem;
    line-height: 1.6;
  }

  :where(.ws-module-surface) .deal-contact-fields > header {
    background: #eee8f8;
    border-radius: 6px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    padding: 12px 16px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-contact-fields > header h2 {
    color: #554164;
    margin: 0;
    font-size: .85rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .deal-contact-fields > header > div {
    align-items: center;
    gap: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-contact-fields details {
    margin-bottom: 12px;
  }

  :where(.ws-module-surface) .deal-contact-fields summary {
    background: var(--deal-soft);
    color: #63516f;
    cursor: pointer;
    border-radius: 5px;
    padding: 12px 16px;
    font-size: .8rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .deal-workspace-fields {
    margin: 4px 18px 20px;
  }

  :where(.ws-module-surface) .deal-workspace-fields > div {
    border-bottom: 1px solid #f0ebf5;
    grid-template-columns: minmax(150px, 26%) minmax(0, 1fr);
    gap: 20px;
    padding: 14px 0;
    font-size: .8rem;
    display: grid;
  }

  :where(.ws-module-surface) .deal-workspace-fields dt {
    color: #574961;
    font-weight: 500;
  }

  :where(.ws-module-surface) .deal-workspace-fields dd {
    color: #74677f;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 0;
  }

  :where(.ws-module-surface) .deal-workspace-fields dd.empty {
    color: #9b8ea5;
  }

  :where(.ws-module-surface) .deal-commercial-sections {
    grid-template-columns: minmax(0, 2fr) minmax(250px, 1fr);
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .deal-conversation-panel {
    text-align: center;
    color: #81708d;
    padding: 35px;
  }

  :where(.ws-module-surface) .deal-conversation-panel > svg {
    color: var(--color-secondary);
    width: 24px;
    height: 24px;
  }

  :where(.ws-module-surface) .deal-conversation-panel h2 {
    color: #594568;
    font-size: 1rem;
  }

  :where(.ws-module-surface) .deal-conversation-panel p {
    font-size: .83rem;
  }

  :where(.ws-module-surface) .deal-conversation-panel .deals-actions {
    justify-content: center;
  }

  :where(.ws-module-surface) .deal-workspace .deal-workspace-tabs {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 12px;
    gap: 3px;
    width: max-content;
    max-width: 100%;
    padding: 5px;
  }

  :where(.ws-module-surface) .deal-workspace .deal-workspace-tabs button {
    min-height: 38px;
    color: var(--dashboard-muted, #746c7e);
    border-radius: 8px;
    padding: 7px 13px;
  }

  :where(.ws-module-surface) .deal-workspace .deal-workspace-tabs button[aria-selected="true"] {
    color: var(--color-secondary);
    background: color-mix(in srgb, var(--color-secondary) 11%, var(--dashboard-surface));
    box-shadow: none;
  }

  :where(.ws-module-surface) .deal-workspace .deal-workspace-tabs button:hover {
    background: color-mix(in srgb, var(--color-secondary) 7%, var(--dashboard-surface));
  }

  :where(.ws-module-surface) .deal-workspace .deal-commercial-sections {
    margin-bottom: 16px;
  }

  :where(.ws-module-surface) .deal-workspace .deals-detail-section {
    border-radius: 12px;
  }

  :where(.ws-module-surface) .deal-workspace .deals-facts {
    border: 0;
    border-radius: 0;
    gap: 8px;
  }

  :where(.ws-module-surface) .deal-workspace .deals-facts div, :where(.ws-module-surface) .deal-workspace .deals-facts div:nth-child(odd), :where(.ws-module-surface) .deal-workspace .deals-facts div:nth-last-child(-n+2) {
    border: 1px solid var(--dashboard-panel-border);
    background: color-mix(in srgb, var(--color-secondary) 2%, var(--dashboard-surface));
    border-radius: 9px;
    min-height: 72px;
    padding: 13px 15px;
  }

  :where(.ws-module-surface) .deal-workspace .deals-facts dt {
    color: var(--dashboard-muted, #746c7e);
  }

  :where(.ws-module-surface) .deal-workspace .deals-facts dd {
    color: var(--color-primary);
    font-weight: 650;
  }

  :where(.ws-module-surface) .deal-record-heading {
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    margin-bottom: 18px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-record-heading span, :where(.ws-module-surface) .deal-section-eyebrow {
    color: var(--color-secondary);
    letter-spacing: .1em;
    font-size: .65rem;
    font-weight: 750;
  }

  :where(.ws-module-surface) .deal-record-heading h2 {
    color: var(--color-primary);
    margin: 4px 0;
    font-size: 1.05rem;
  }

  :where(.ws-module-surface) .deal-record-heading p {
    color: var(--dashboard-muted, #746c7e);
    margin: 0;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .deal-record-heading > strong {
    background: color-mix(in srgb, var(--color-secondary) 9%, var(--dashboard-surface));
    color: var(--color-secondary);
    border-radius: 20px;
    flex: none;
    padding: 6px 10px;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .deal-workspace .deals-note-form, :where(.ws-module-surface) .deal-workspace .deals-note {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 10px;
  }

  :where(.ws-module-surface) .deal-workspace .deals-note-form {
    background: color-mix(in srgb, var(--color-secondary) 3%, var(--dashboard-surface));
    padding: 16px;
  }

  :where(.ws-module-surface) .deal-workspace .deals-note {
    margin-bottom: 10px;
    padding: 15px 17px;
  }

  :where(.ws-module-surface) .deal-workspace .deals-note small {
    color: var(--dashboard-muted, #746c7e);
  }

  :where(.ws-module-surface) .deal-workspace .deals-note p {
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .deal-workspace .deal-conversation-panel {
    background: radial-gradient(circle at 50% 0, color-mix(in srgb, var(--color-secondary) 8%, var(--dashboard-surface)), var(--dashboard-surface) 65%);
    border-radius: 14px;
    flex-direction: column;
    align-items: center;
    max-width: 760px;
    margin: 0 auto;
    padding: 45px 30px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-conversation-icon {
    border: 1px solid color-mix(in srgb, var(--color-secondary) 20%, var(--dashboard-panel-border));
    background: var(--dashboard-surface);
    width: 54px;
    height: 54px;
    color: var(--color-secondary);
    border-radius: 15px;
    place-items: center;
    margin-bottom: 18px;
    display: grid;
  }

  :where(.ws-module-surface) .deal-conversation-icon svg {
    width: 24px;
    height: 24px;
  }

  :where(.ws-module-surface) .deal-workspace .deal-conversation-panel h2 {
    color: var(--color-primary);
    margin: 7px 0 0;
    font-size: 1.13rem;
  }

  :where(.ws-module-surface) .deal-workspace .deal-conversation-panel p {
    max-width: 490px;
    color: var(--dashboard-muted, #746c7e);
    margin: 9px 0 20px;
    line-height: 1.6;
  }

  :where(.ws-module-surface) .deal-activity-list-heading {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .deal-activity-list-heading h2 {
    margin: 0;
  }

  :where(.ws-module-surface) .deal-activity-list-heading .contacts-button {
    padding: 5px 9px;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .deal-task-form {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 9px;
    gap: 10px;
    margin-bottom: 10px;
    padding: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .deal-task-form label {
    color: var(--color-primary);
    gap: 5px;
    font-size: .75rem;
    font-weight: 600;
    display: grid;
  }

  :where(.ws-module-surface) .deal-task-form input {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    width: 100%;
    min-height: 37px;
    color: var(--color-primary);
    font: inherit;
    border-radius: 7px;
    padding: 8px 10px;
  }

  :where(.ws-module-surface) .deal-task-form input:focus-visible {
    outline: 2px solid var(--color-secondary);
    outline-offset: 1px;
  }

  :where(.ws-module-surface) .deal-task-form button {
    justify-self: end;
  }

  @media (max-width: 1100px) {
    :where(.ws-module-surface) .deal-workspace-heading {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) .deal-workspace-actions {
      padding: 0;
    }

    :where(.ws-module-surface) .deal-activity-workspace {
      grid-template-columns: minmax(260px, 40%) minmax(0, 1fr);
    }
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .deal-activity-workspace, :where(.ws-module-surface) .deal-commercial-sections {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .deal-activity-detail {
      min-height: 260px;
      margin-top: 0;
    }

    :where(.ws-module-surface) .deal-activity-list .contacts-panel {
      min-height: 150px;
    }

    :where(.ws-module-surface) .deal-activity-placeholder {
      min-height: 230px;
    }

    :where(.ws-module-surface) .deal-workspace-fields > div {
      grid-template-columns: 1fr;
      gap: 6px;
    }

    :where(.ws-module-surface) .deal-workspace-person {
      width: 100%;
    }

    :where(.ws-module-surface) .deal-stage-track {
      padding-inline: 8px;
    }
  }

  :where(.ws-module-surface) .proposals-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-actionbar {
    padding: 4px 0;
  }

  :where(.ws-module-surface) .proposals-overview {
    margin: 0;
  }

  :where(.ws-module-surface) .proposals-page .filtersContacts {
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .proposals-filters {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-filter-fields {
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-filter-fields .form-group {
    flex: 0 170px;
    min-width: 145px;
    max-width: 220px;
    margin: 0;
  }

  :where(.ws-module-surface) .proposals-filter-fields .fieldSelectInputWrap {
    border: 1px solid var(--dashboard-filter-border);
    padding: 0 34px 0 11px;
  }

  :where(.ws-module-surface) .proposals-link {
    color: #40324e;
    flex-direction: column;
    gap: 2px;
    text-decoration: none;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-link:hover {
    color: var(--ws-accent);
  }

  :where(.ws-module-surface) .proposals-link small {
    color: #91869b;
  }

  :where(.ws-module-surface) .proposals-status {
    color: #644399;
    white-space: nowrap;
    background: #f1ebf9;
    border-radius: 20px;
    padding: 4px 8px;
    font-size: .74rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .proposals-status.approved {
    color: #26754b;
    background: #e6f4ec;
  }

  :where(.ws-module-surface) .proposals-status.rejected, :where(.ws-module-surface) .proposals-status.cancelled, :where(.ws-module-surface) .proposals-status.expired {
    color: #a73246;
    background: #faeaec;
  }

  :where(.ws-module-surface) .proposals-status.sent, :where(.ws-module-surface) .proposals-status.viewed {
    color: #31659d;
    background: #e9f0fa;
  }

  :where(.ws-module-surface) .proposals-overlay {
    z-index: 2000;
    background: #25163666;
    place-items: center;
    padding: 14px;
    display: grid;
    position: fixed;
    inset: 0;
  }

  :where(.ws-module-surface) .proposals-dialog {
    background: #fff;
    border-radius: 10px;
    width: min(540px, 100%);
    max-height: min(720px, 90vh);
    overflow: auto;
    box-shadow: 0 20px 60px #24103235;
  }

  :where(.ws-module-surface) .proposals-dialog header, :where(.ws-module-surface) .proposals-dialog footer {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 16px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-dialog header {
    border-bottom: 1px solid #eee7f4;
  }

  :where(.ws-module-surface) .proposals-dialog footer {
    border-top: 1px solid #eee7f4;
    justify-content: flex-end;
  }

  :where(.ws-module-surface) .proposals-dialog h2 {
    color: #392d48;
    font-size: 1rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .proposals-dialog .proposals-form {
    padding: 20px;
  }

  :where(.ws-module-surface) .proposals-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .proposals-dialog .proposals-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .proposals-dialog .proposals-form > .dashboard-form-section {
    grid-column: 1 / -1;
  }

  :where(.ws-module-surface) .proposals-form .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .proposals-block {
    flex-direction: column;
    gap: 14px;
    padding: 20px;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-block h2 {
    color: #332941;
    font-size: 1rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .proposals-block h3 {
    color: #4e405d;
    font-size: .9rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .proposals-block h4 {
    color: #665674;
    font-size: .82rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .proposals-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .proposals-wide {
    grid-column: 1 / -1;
  }

  :where(.ws-module-surface) .proposals-block dl {
    grid-template-columns: 130px 1fr;
    gap: 10px 16px;
    font-size: .85rem;
    display: grid;
  }

  :where(.ws-module-surface) .proposals-block dt {
    color: #83778d;
  }

  :where(.ws-module-surface) .proposals-block dd {
    color: #42384e;
  }

  :where(.ws-module-surface) .proposals-block a {
    color: var(--ws-accent);
  }

  :where(.ws-module-surface) .proposals-preline {
    white-space: pre-line;
    color: #5f526a;
    font-size: .85rem;
  }

  :where(.ws-module-surface) .proposals-editor {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-heading {
    justify-content: space-between;
  }

  :where(.ws-module-surface) .proposals-section {
    background: #fdfbff;
    border: 1px solid #eee8f5;
    border-radius: 8px;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-item {
    border-top: 1px solid #eee8f5;
    flex-direction: column;
    gap: 10px;
    padding-top: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-total {
    color: #675a73;
    font-size: .84rem;
  }

  :where(.ws-module-surface) .proposals-total strong {
    color: var(--ws-accent);
    font-size: 1rem;
  }

  :where(.ws-module-surface) .proposals-history-row {
    color: #6d6178;
    border-bottom: 1px solid #f0ebf4;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 11px 0;
    font-size: .82rem;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-history-row strong {
    color: #453751;
  }

  :where(.ws-module-surface) .proposals-confirm {
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-confirm .proposals-actions {
    justify-content: flex-end;
  }

  :where(.ws-module-surface) .proposals-document-button {
    color: var(--ws-accent);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    font-weight: 600;
  }

  :where(.ws-module-surface) .proposals-document {
    width: min(760px, 100%);
  }

  :where(.ws-module-surface) .proposals-document-body {
    white-space: pre-wrap;
    color: #4e405d;
    padding: 22px;
    font-size: .86rem;
    line-height: 1.6;
  }

  :where(.ws-module-surface) .proposals-signature-dialog {
    width: min(980px, 100%);
    max-height: 92vh;
  }

  :where(.ws-module-surface) .proposals-signature-dialog > header {
    z-index: 2;
    background: #fff;
    position: sticky;
    top: 0;
  }

  :where(.ws-module-surface) .proposals-signature-dialog > header p {
    color: #756f7c;
    margin: 4px 0 0;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .proposals-signature-content {
    gap: 16px;
    padding: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .proposals-signature-content h3 {
    color: var(--color-primary);
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: .92rem;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-signature-content p {
    color: #756f7c;
    overflow-wrap: anywhere;
    margin: 0;
    font-size: .82rem;
    line-height: 1.6;
  }

  :where(.ws-module-surface) .proposals-signature-content small {
    color: #756f7c;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .proposals-signature-prepare {
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .proposals-signature-content .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .proposals-signature-content textarea {
    min-height: 240px;
    line-height: 1.6;
  }

  :where(.ws-module-surface) .proposals-signature-heading, :where(.ws-module-surface) .proposals-signature-actions {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-signature-actions {
    justify-content: flex-start;
  }

  :where(.ws-module-surface) .proposals-signature-signer {
    grid-template-columns: 1fr 1fr auto;
    align-items: end;
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .proposals-signature-envelope {
    gap: 12px;
    min-width: 0;
    padding: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .proposals-signature-content .proposals-signature-notice {
    color: #795918;
    background: #f8f1df;
    border-radius: 8px;
    padding: 12px;
  }

  :where(.ws-module-surface) .proposals-signature-preview {
    background: #f7f5fa;
    border: 1px solid #e7e0ed;
    border-radius: 8px;
    width: 100%;
    height: 540px;
  }

  :where(.ws-module-surface) .proposals-signature-confirm {
    background: #f4eefb;
    border-radius: 8px;
    gap: 12px;
    padding: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .proposals-signature-confirm label {
    align-items: flex-start;
    gap: 8px;
    font-size: .82rem;
    line-height: 1.6;
    display: flex;
  }

  :where(.ws-module-surface) .proposals-signature-confirm input {
    accent-color: var(--color-secondary);
    flex: none;
    margin-top: 4px;
  }

  :where(.ws-module-surface) .proposals-signature-content details {
    overflow-wrap: anywhere;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .proposals-signature-content details[open] > :not(summary) {
    margin-top: 10px;
  }

  :where(.ws-module-surface) .proposals-signature-content summary {
    cursor: pointer;
    color: var(--color-primary);
    font-weight: 600;
  }

  :where(.ws-module-surface) .proposals-status.signed {
    color: #247857;
    background: #e8f7f0;
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .proposals-signature-content {
      padding: 14px;
    }

    :where(.ws-module-surface) .proposals-signature-signer {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .proposals-signature-preview {
      height: 400px;
    }
  }

  :where(.ws-module-surface) .proposals-page .input-form:focus {
    box-shadow: none;
    border-color: var(--ws-accent);
    outline: none;
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .proposals-form {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .proposals-filter-fields {
      flex-basis: 100%;
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .proposals-form, :where(.ws-module-surface) .proposals-dialog .proposals-form, :where(.ws-module-surface) .proposals-columns {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .proposals-block dl {
      grid-template-columns: 100px 1fr;
    }

    :where(.ws-module-surface) .proposals-filters .contacts-search, :where(.ws-module-surface) .proposals-filter-fields .form-group {
      flex-basis: 100%;
      max-width: none;
    }
  }

  :where(.ws-module-surface) .inbox-tabs {
    margin-bottom: 16px;
  }

  :where(.ws-module-surface) .inbox-filters {
    margin: 0 0 16px;
  }

  :where(.ws-module-surface) .inbox-status-filter {
    height: var(--dashboard-filter-height);
    max-height: var(--dashboard-filter-height);
    background: var(--dashboard-surface);
    border: 1px solid var(--dashboard-filter-border);
    border-radius: var(--dashboard-control-radius);
    color: #625b6a;
    cursor: pointer;
    align-items: center;
    gap: 5px;
    padding: 0 11px;
    font-size: .75rem;
    line-height: 1.2;
    display: inline-flex;
  }

  :where(.ws-module-surface) .inbox-status-filter > svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
  }

  :where(.ws-module-surface) .inbox-status-filter:hover, :where(.ws-module-surface) .inbox-status-filter.active {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
    color: var(--color-secondary);
    border-color: #0000;
  }

  :where(.ws-module-surface) .inbox-status-filter.active {
    font-weight: 600;
  }

  :where(.ws-module-surface) .inbox-filters .form-group {
    flex: 0 185px;
    min-width: 145px;
    max-width: 220px;
    margin: 0;
  }

  :where(.ws-module-surface) .inbox-filters .fieldSelectInputWrap {
    padding: 0 34px 0 11px;
    transition: all .2s;
    border: 1px solid var(--dashboard-filter-border) !important;
    box-shadow: none !important;
    outline: none !important;
  }

  :where(.ws-module-surface) .inbox-filters .contacts-search {
    height: var(--dashboard-filter-height);
    min-height: var(--dashboard-filter-height);
    border: 1px solid var(--dashboard-filter-border);
    border-radius: var(--dashboard-control-radius);
    box-sizing: border-box;
    max-width: 360px;
    padding: 0 11px;
  }

  :where(.ws-module-surface) .inbox-groups {
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .inbox-group {
    background: var(--dashboard-surface);
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 9px;
    margin-bottom: 14px;
    overflow: visible;
  }

  :where(.ws-module-surface) .inbox-group h2 {
    color: #51465d;
    text-transform: uppercase;
    letter-spacing: .025em;
    background: #faf8fc;
    border-bottom: 1px solid #ebe9ef;
    padding: 11px 16px;
    font-size: .78rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .inbox-group h2 span {
    color: #817a88;
    font-weight: 400;
  }

  :where(.ws-module-surface) .inbox-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  :where(.ws-module-surface) .inbox-row {
    border-bottom: 1px solid #eeedf0;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 13px 16px;
    display: flex;
  }

  :where(.ws-module-surface) .inbox-row:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .inbox-row:hover {
    background: #fdfbff;
  }

  :where(.ws-module-surface) .inbox-row-main {
    flex: 1;
    min-width: 220px;
  }

  :where(.ws-module-surface) .inbox-row-title {
    color: var(--color-primary);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .inbox-row-title strong {
    font-size: .85rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .inbox-row-main p {
    color: #77727d;
    overflow-wrap: anywhere;
    margin-top: 5px;
    font-size: .78rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .inbox-badge {
    color: var(--ws-accent);
    background: #f2ecfa;
    border-radius: 5px;
    align-items: center;
    padding: 3px 8px;
    font-size: .7rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .inbox-badge.priority-low {
    color: #687381;
    background: #eff1f3;
  }

  :where(.ws-module-surface) .inbox-badge.priority-high {
    color: #9a6508;
    background: #fff4dc;
  }

  :where(.ws-module-surface) .inbox-badge.priority-urgent, :where(.ws-module-surface) .inbox-overdue {
    color: #ac3d42;
    background: #fff0f1;
  }

  :where(.ws-module-surface) .inbox-overdue {
    border-radius: 5px;
    padding: 3px 8px;
    font-size: .7rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .inbox-done {
    color: #777;
    text-decoration: line-through;
  }

  :where(.ws-module-surface) .inbox-row-actions {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  :where(.ws-module-surface) .inbox-snooze {
    position: relative;
  }

  :where(.ws-module-surface) .inbox-snooze summary {
    list-style: none;
  }

  :where(.ws-module-surface) .inbox-snooze summary::-webkit-details-marker {
    display: none;
  }

  :where(.ws-module-surface) .inbox-snooze > div {
    z-index: 10;
    background: var(--dashboard-surface);
    border: 1px solid #e2daeb;
    border-radius: 8px;
    width: 165px;
    padding: 5px;
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    box-shadow: 0 10px 24px #16192122;
  }

  :where(.ws-module-surface) .inbox-snooze > div button {
    width: 100%;
    max-height: 36px;
    color: var(--color-primary);
    text-align: left;
    background: none;
    border-radius: 5px;
    padding: 8px;
    font-size: .78rem;
    display: block;
  }

  :where(.ws-module-surface) .inbox-snooze > div button:hover {
    background: #f4effa;
  }

  :where(.ws-module-surface) .inbox-limit {
    color: #77717f;
    border-top: 1px solid #eeedf0;
    padding: 10px 16px;
    font-size: .77rem;
  }

  :where(.ws-module-surface) .inbox-team-filter {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    display: flex;
  }

  :where(.ws-module-surface) .inbox-team-filter .form-group {
    flex: 0 190px;
    min-width: 160px;
    max-width: 220px;
    margin: 0;
  }

  :where(.ws-module-surface) .inbox-team-filter .fieldSelectInputWrap, :where(.ws-module-surface) .inbox-team-filter > .contacts-button {
    height: var(--dashboard-filter-height);
    min-height: var(--dashboard-filter-height);
    max-height: var(--dashboard-filter-height);
  }

  :where(.ws-module-surface) .inbox-team-filter .contacts-search {
    flex: 260px;
  }

  :where(.ws-module-surface) .inbox-group-head {
    background: #faf8fc;
    border-bottom: 1px solid #eeedf0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding-right: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .inbox-group-head h2 {
    background: none;
    border: 0;
  }

  :where(.ws-module-surface) .inbox-group-head > div {
    flex-wrap: wrap;
    gap: 6px;
    display: flex;
  }

  :where(.ws-module-surface) .inbox-group-head button.active {
    color: var(--ws-accent);
    background: #f3edfa;
  }

  :where(.ws-module-surface) .inbox-unread {
    background: #fcfaff;
  }

  :where(.ws-module-surface) .inbox-task-form {
    gap: 16px;
    padding: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .inbox-task-form .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .inbox-task-form textarea.input-form {
    resize: vertical;
    min-height: 92px;
  }

  :where(.ws-module-surface) .inbox-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .inbox-form-actions {
    justify-content: flex-end;
    gap: 8px;
    margin-top: 4px;
    display: flex;
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .inbox-page .dash-title-section {
      align-items: flex-start;
    }

    :where(.ws-module-surface) .inbox-form-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .inbox-filters .form-group, :where(.ws-module-surface) .inbox-filters .contacts-search {
      flex-basis: 100%;
      max-width: none;
    }

    :where(.ws-module-surface) .inbox-row-actions {
      width: 100%;
    }

    :where(.ws-module-surface) .inbox-team-filter {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) .inbox-team-filter .form-group {
      flex: 100%;
    }

    :where(.ws-module-surface) .inbox-summary {
      align-items: flex-start;
      gap: 7px 18px;
    }
  }

  :where(.ws-module-surface) .onboarding-page {
    background: #f4f4f4;
    place-items: center;
    min-height: 100dvh;
    padding: 24px;
    display: grid;
  }

  :where(.ws-module-surface) .onboarding-card {
    background: var(--dashboard-surface);
    border: 1px solid #e4e0ea;
    border-radius: 16px;
    width: min(100%, 440px);
    padding: 36px;
    box-shadow: 0 16px 48px #2f2a4514;
  }

  :where(.ws-module-surface) .onboarding-brand {
    color: #6e4ae6;
    font-size: 1rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .onboarding-card h1 {
    color: #2f2a45;
    margin: 20px 0 8px;
    font-size: 1.8rem;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .onboarding-card p {
    color: #666078;
    font-size: 1rem;
  }

  :where(.ws-module-surface) .onboarding-form {
    gap: 18px;
    margin-top: 28px;
    display: grid;
  }

  :where(.ws-module-surface) .onboarding-button {
    color: #fff;
    cursor: pointer;
    background: #6e4ae6;
    border-radius: 9px;
    padding: 12px 18px;
    font-weight: 700;
  }

  :where(.ws-module-surface) .onboarding-button:disabled {
    opacity: .6;
    cursor: wait;
  }

  :where(.ws-module-surface) .onboarding-form .onboarding-error {
    color: #b42318;
    font-size: .9rem;
  }

  :where(.ws-module-surface) .onboarding-button:focus-visible {
    outline-offset: 3px;
    outline: 3px solid #2f2a45;
  }

  :where(.ws-module-surface) .catalog-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .catalog-page .contacts-tabs {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .catalog-page .filtersContacts {
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .catalog-row-actions, :where(.ws-module-surface) .catalog-price-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .catalog-cell-description, :where(.ws-module-surface) .catalog-simple-row small, :where(.ws-module-surface) .catalog-price-row small {
    color: #797280;
    margin-top: 3px;
    font-size: .74rem;
    font-weight: 400;
    display: block;
  }

  :where(.ws-module-surface) .catalog-badge {
    color: var(--color-secondary);
    white-space: nowrap;
    background: #f3ecfa;
    border-radius: 5px;
    align-items: center;
    padding: 4px 7px;
    font-size: .72rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .catalog-badge.success {
    color: #207449;
    background: #e9f7ef;
  }

  :where(.ws-module-surface) .catalog-badge.warning {
    color: #9b6717;
    background: #fff3df;
  }

  :where(.ws-module-surface) .catalog-badge.muted {
    color: #6b6471;
    background: #f0eef1;
  }

  :where(.ws-module-surface) .catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .catalog-section {
    min-width: 0;
    padding: 16px;
  }

  :where(.ws-module-surface) .catalog-section-heading {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .catalog-section-heading h2 {
    margin: 0;
    font-size: .96rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .catalog-section-heading p {
    color: #797280;
    margin: 3px 0 0;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .catalog-simple-row {
    border-top: 1px solid #eeeaf1;
    align-items: center;
    gap: 10px;
    padding: 11px 0;
    font-size: .79rem;
    display: flex;
  }

  :where(.ws-module-surface) .catalog-simple-row:first-of-type {
    margin-top: 14px;
  }

  :where(.ws-module-surface) .catalog-simple-row > svg {
    color: var(--color-secondary);
    flex: none;
  }

  :where(.ws-module-surface) .catalog-simple-row > div {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .catalog-prices-heading {
    margin: 4px 0 0;
  }

  :where(.ws-module-surface) .catalog-price-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .catalog-price-card {
    min-width: 0;
    padding: 16px;
  }

  :where(.ws-module-surface) .catalog-price-name {
    align-items: center;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .catalog-price-name h3 {
    margin: 0;
    font-size: .87rem;
  }

  :where(.ws-module-surface) .catalog-price-card > p {
    color: #797280;
    min-height: 30px;
    margin: 8px 0 18px;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .catalog-price-meta {
    color: #797280;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-size: .74rem;
    display: flex;
  }

  :where(.ws-module-surface) .catalog-price-actions {
    border-top: 1px solid #eeeaf1;
    margin-top: 14px;
    padding-top: 12px;
  }

  :where(.ws-module-surface) .catalog-dialog {
    max-height: 88vh;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .catalog-dialog.wide {
    width: min(900px, 100vw - 32px);
    max-width: 900px;
  }

  :where(.ws-module-surface) .catalog-dialog.catalog-prices-dialog {
    width: min(820px, 100vw - 32px);
    max-width: 820px;
  }

  .ws-module-surface .contacts-dialog.catalog-wide-dialog {
    width: min(820px, 100vw - 32px);
    max-width: calc(100vw - 32px);
  }

  .ws-module-surface .contacts-dialog.catalog-wide-dialog .catalog-prices-form {
    min-height: 0;
    overflow-y: auto;
  }

  .ws-module-surface .contacts-form .catalog-check {
    border-color: var(--ws-border);
    color: var(--ws-text);
    font-size: 12px;
  }

  .ws-module-surface .contacts-form .catalog-check small {
    color: var(--ws-muted);
    font-size: 11px;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .catalog-form {
    flex-direction: column;
    gap: 14px;
    padding: 18px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .catalog-form p {
    color: #797280;
    margin: 0;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .catalog-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .catalog-check {
    border: 1px solid #ece8ef;
    border-radius: 6px;
    align-items: center;
    padding: 10px 12px;
    font-size: .8rem;
    display: flex;
  }

  :where(.ws-module-surface) .catalog-check small {
    color: #797280;
    margin-top: 2px;
    font-size: .72rem;
    display: block;
  }

  :where(.ws-module-surface) .catalog-dialog-footer {
    border-top: 1px solid #eeeaf1;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .catalog-price-rows {
    border: 1px solid #eeeaf1;
    border-radius: 7px;
    max-height: 46vh;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .catalog-prices-form {
    gap: 12px;
  }

  :where(.ws-module-surface) .catalog-prices-intro {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: #faf8fc;
    align-items: flex-start;
    gap: 11px;
    padding: 12px 14px;
    display: flex;
  }

  :where(.ws-module-surface) .catalog-prices-intro > span {
    width: 32px;
    height: 32px;
    color: var(--color-secondary);
    background: #eee6f8;
    border-radius: 8px;
    flex: none;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .catalog-prices-intro > span svg {
    width: 16px;
    height: 16px;
  }

  :where(.ws-module-surface) .catalog-prices-intro > div {
    min-width: 0;
  }

  :where(.ws-module-surface) .catalog-prices-intro strong {
    color: var(--color-primary);
    margin-bottom: 3px;
    font-size: .82rem;
    display: block;
  }

  :where(.ws-module-surface) .catalog-prices-intro p {
    line-height: 1.4;
  }

  :where(.ws-module-surface) .catalog-price-list-head {
    color: #756b80;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-size: .76rem;
    display: flex;
  }

  :where(.ws-module-surface) .catalog-price-list-head strong {
    color: var(--color-primary);
    font-weight: 650;
  }

  :where(.ws-module-surface) .catalog-price-list-head small {
    color: #8a8092;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .72rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) .catalog-price-loading {
    color: #81778b;
    place-items: center;
    min-height: 130px;
    font-size: .78rem;
    display: grid;
  }

  :where(.ws-module-surface) .catalog-prices-dialog .catalog-price-rows:has( > .contacts-empty) {
    background: #fcfbfd;
  }

  :where(.ws-module-surface) .catalog-prices-dialog .catalog-price-rows > .contacts-empty {
    background: none;
    border: 0;
  }

  :where(.ws-module-surface) .catalog-price-row {
    border-bottom: 1px solid #eeeaf1;
    grid-template-columns: minmax(140px, 1fr) 130px 150px 74px;
    align-items: end;
    gap: 9px;
    padding: 10px;
    font-size: .77rem;
    display: grid;
  }

  :where(.ws-module-surface) .catalog-price-row:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .catalog-price-row > span {
    color: #797280;
    align-self: center;
  }

  :where(.ws-module-surface) .catalog-price-pages, :where(.ws-module-surface) .catalog-preview > div {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .catalog-prices-dialog .catalog-price-pages {
    border-top: 1px solid var(--dashboard-panel-border);
    padding: 12px 0 0;
  }

  :where(.ws-module-surface) .catalog-preview {
    border: 1px solid #eeeaf1;
    border-radius: 6px;
    padding: 10px;
    font-size: .77rem;
  }

  :where(.ws-module-surface) .catalog-preview > div + div {
    margin-top: 7px;
  }

  @media (max-width: 950px) {
    :where(.ws-module-surface) .catalog-price-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .catalog-grid {
      grid-template-columns: 1fr;
    }
  }

  :where(.ws-module-surface) .catalog-picker-filters {
    grid-template-columns: 1fr 150px 180px;
    align-items: end;
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .catalog-picker-list {
    border: 1px solid #eeeaf1;
    border-radius: 7px;
    max-height: 45vh;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .catalog-picker-row {
    border-bottom: 1px solid #eeeaf1;
    grid-template-columns: minmax(140px, 1fr) auto 130px auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    font-size: .79rem;
    display: grid;
  }

  :where(.ws-module-surface) .catalog-picker-row:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .catalog-picker-row small {
    color: #797280;
    margin-top: 3px;
    font-size: .72rem;
    display: block;
  }

  @media (max-width: 680px) {
    :where(.ws-module-surface) .catalog-picker-filters, :where(.ws-module-surface) .catalog-picker-row, :where(.ws-module-surface) .catalog-price-grid, :where(.ws-module-surface) .catalog-form-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .catalog-price-row {
      grid-template-columns: 1fr 1fr;
    }

    :where(.ws-module-surface) .catalog-price-row > div:first-child {
      grid-column: 1 / -1;
    }
  }

  :where(.ws-module-surface) .conversations-overlay {
    z-index: 1500;
  }

  :where(.ws-module-surface) .conversations-page {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: none;
    min-height: 0;
    margin: 0;
    padding: 0 20px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-shell {
    grid-template-columns: minmax(0, var(--conversations-left, 26%)) minmax(0, 1fr) minmax(0, var(--conversations-right, 26%));
    background: var(--dashboard-surface);
    width: 100%;
    height: calc(100dvh - 180px);
    min-height: 520px;
    padding: 0;
    display: grid;
    position: relative;
    overflow: hidden;
  }

  :where(.ws-module-surface) .conversations-shell.is-resizing {
    cursor: col-resize;
    -webkit-user-select: none;
    user-select: none;
  }

  :where(.ws-module-surface) .conversations-resize-handle {
    z-index: 3;
    cursor: col-resize;
    touch-action: none;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
  }

  :where(.ws-module-surface) .conversations-resize-handle.left {
    left: var(--conversations-left, 26%);
    transform: translateX(-50%);
  }

  :where(.ws-module-surface) .conversations-resize-handle.right {
    right: var(--conversations-right, 26%);
    transform: translateX(50%);
  }

  :where(.ws-module-surface) .conversations-resize-handle:before {
    background: var(--dashboard-panel-border);
    content: "";
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
  }

  :where(.ws-module-surface) .conversations-resize-handle > span {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    color: #817a88;
    border-radius: 4px;
    place-items: center;
    width: 13px;
    height: 18px;
    font-size: 12px;
    line-height: 1;
    display: grid;
    position: relative;
  }

  :where(.ws-module-surface) .conversations-resize-handle:hover > span, :where(.ws-module-surface) .conversations-resize-handle:focus-visible > span, :where(.ws-module-surface) .conversations-shell.is-resizing .conversations-resize-handle > span {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .conversations-resize-handle:focus-visible {
    outline: 2px solid var(--color-secondary);
    outline-offset: -2px;
  }

  :where(.ws-module-surface) .conversations-sidebar, :where(.ws-module-surface) .conversations-center, :where(.ws-module-surface) .conversations-context {
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-sidebar, :where(.ws-module-surface) .conversations-center {
    border-right: 1px solid var(--dashboard-panel-border);
  }

  :where(.ws-module-surface) .conversations-sidebar-top {
    border-bottom: 1px solid var(--dashboard-panel-border);
    flex: none;
    padding: 12px;
  }

  :where(.ws-module-surface) .conversations-search {
    border-radius: var(--dashboard-control-radius);
    width: 100%;
    max-width: none;
    height: 34px;
    min-height: 34px;
  }

  :where(.ws-module-surface) .conversations-search input {
    min-width: 0;
  }

  :where(.ws-module-surface) .conversations-quick {
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 2px;
    margin: 10px 0;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .conversations-quick::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .conversations-quick button {
    flex: none;
    gap: 4px;
    padding: 0 7px;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .conversations-quick button > svg {
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .conversations-filters {
    flex: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    display: grid;
  }

  :where(.ws-module-surface) .conversations-filters .form-group {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  :where(.ws-module-surface) .conversations-filters .form-group:last-child {
    grid-column: 1 / -1;
  }

  :where(.ws-module-surface) .conversations-filters .fieldSelectSelectedBadge, :where(.ws-module-surface) .conversations-filters .fieldSelectPlaceholder {
    font-size: .72rem;
  }

  :where(.ws-module-surface) .conversations-list-count {
    border-top: 1px solid var(--dashboard-panel-border);
    color: #756b7d;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    font-size: .74rem;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-count-label {
    align-items: center;
    gap: 6px;
    font-weight: 500;
    display: inline-flex;
  }

  :where(.ws-module-surface) .conversations-list-count strong {
    background: color-mix(in srgb, var(--color-secondary) 10%, white);
    min-width: 22px;
    height: 22px;
    color: var(--color-secondary);
    border-radius: 6px;
    place-items: center;
    padding: 0 5px;
    font-size: .71rem;
    display: inline-grid;
  }

  :where(.ws-module-surface) .conversations-list-count button {
    color: var(--color-secondary);
    background: none;
    margin-left: auto;
    font-size: .73rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .conversations-list {
    scrollbar-width: none;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .conversations-list::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .conversations-thread::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .conversations-context::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .conversations-list-item {
    background: var(--dashboard-surface);
    border-bottom: 1px solid var(--dashboard-panel-border);
    text-align: left;
    width: 100%;
    min-height: 82px;
    color: var(--color-primary);
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    transition: background .15s;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-list-item:hover {
    background: #faf8fd;
  }

  :where(.ws-module-surface) .conversations-list-item.selected {
    background: color-mix(in srgb, var(--color-secondary) 7%, white);
    box-shadow: inset 3px 0 var(--color-secondary);
  }

  :where(.ws-module-surface) .conversations-list-item .contacts-avatar-photo, :where(.ws-module-surface) .conversations-list-item .contacts-avatar {
    flex: none;
  }

  :where(.ws-module-surface) .conversations-list-copy {
    flex-direction: column;
    flex: 1;
    gap: 5px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-list-line, :where(.ws-module-surface) .conversations-list-meta {
    align-items: center;
    gap: 6px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-list-line strong {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
    font-size: .83rem;
    font-weight: 650;
    overflow: hidden;
  }

  :where(.ws-module-surface) .conversations-list-line small {
    color: #82788a;
    flex: none;
    font-size: .65rem;
  }

  :where(.ws-module-surface) .conversations-list-line .conversations-row-status {
    color: var(--color-secondary);
    background: #eee9fa;
    border-radius: 5px;
    padding: 2px 5px;
    font-weight: 600;
  }

  :where(.ws-module-surface) .conversations-preview {
    color: #6d6875;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .75rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) .conversations-preview.is-empty {
    color: #9b93a1;
  }

  :where(.ws-module-surface) .conversations-list-meta {
    color: #817787;
    white-space: nowrap;
    font-size: .67rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) .conversations-list-meta > span:nth-child(2) {
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
  }

  :where(.ws-module-surface) .conversations-channel {
    color: #675484;
    background: #eee9fa;
    border-radius: 5px;
    flex: none;
    padding: 2px 6px;
    font-weight: 500;
  }

  :where(.ws-module-surface) .conversations-assignee {
    align-items: center;
    gap: 4px;
    display: inline-flex;
  }

  :where(.ws-module-surface) .conversations-assignee svg {
    flex: none;
    width: 11px;
    height: 11px;
  }

  :where(.ws-module-surface) .conversations-unread {
    background: var(--color-secondary);
    color: #fff;
    border-radius: 5px;
    flex: none;
    margin-left: auto;
    padding: 1px 5px;
  }

  :where(.ws-module-surface) .conversations-pagination {
    border-top: 1px solid var(--dashboard-panel-border);
    color: #6d6875;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 6px;
    font-size: .75rem;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-pagination button {
    width: 28px;
    height: 28px;
    color: var(--color-secondary);
    background: none;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .conversations-pagination button:disabled {
    opacity: .4;
  }

  :where(.ws-module-surface) .conversations-no-selection {
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 30px;
  }

  :where(.ws-module-surface) .conversations-no-selection h2 {
    color: var(--color-primary);
    font-size: 1.05rem;
  }

  :where(.ws-module-surface) .conversations-no-selection p {
    color: #797280;
    max-width: 350px;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .conversations-thread-header {
    border-bottom: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 60px;
    padding: 10px 14px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-back {
    display: none;
  }

  :where(.ws-module-surface) .conversations-thread-person {
    flex: 170px;
    align-items: center;
    gap: 10px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-thread-person > div {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-thread-person strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-primary);
    font-size: .86rem;
    font-weight: 650;
    overflow: hidden;
  }

  :where(.ws-module-surface) .conversations-thread-person small {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #817787;
    font-size: .72rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) .conversations-status {
    color: var(--color-secondary);
    background: #eee9fa;
    border-radius: 6px;
    flex: none;
    padding: 4px 8px;
    font-size: .68rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .conversations-status.resolved {
    color: #207449;
    background: #e8f7ef;
  }

  :where(.ws-module-surface) .conversations-status.pending {
    color: #9b6717;
    background: #fff3df;
  }

  :where(.ws-module-surface) .conversations-status.archived {
    color: #6b6471;
    background: #f0eef1;
  }

  :where(.ws-module-surface) .conversations-thread-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-thread-actions .form-group {
    min-width: 140px;
    max-width: 175px;
    margin: 0;
  }

  :where(.ws-module-surface) .conversations-thread-actions .form-label {
    clip: rect(0,0,0,0);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .conversations-thread-actions .fieldSelectInputWrap {
    border: 1px solid var(--dashboard-filter-border);
    border-radius: var(--dashboard-control-radius);
    background: var(--dashboard-surface);
    height: 34px;
    min-height: 34px;
  }

  :where(.ws-module-surface) .conversations-thread-actions .fieldSelectInputWrap:hover, :where(.ws-module-surface) .conversations-thread-actions .fieldSelectInputWrap.focused {
    background: color-mix(in srgb, var(--color-secondary) 8%, transparent);
    border-color: #0000;
  }

  :where(.ws-module-surface) .conversations-thread-actions .fieldSelectSelectedBadge, :where(.ws-module-surface) .conversations-thread-actions .fieldSelectPlaceholder {
    font-size: .75rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .conversations-thread-actions .contacts-button, :where(.ws-module-surface) .conversations-thread-actions .contacts-icon-button {
    height: 34px;
    max-height: 34px;
  }

  :where(.ws-module-surface) .conversations-thread-actions .contacts-icon-button {
    border: 1px solid var(--dashboard-filter-border);
    border-radius: var(--dashboard-control-radius);
  }

  :where(.ws-module-surface) .conversations-thread {
    scrollbar-width: none;
    background: #fcfbfd;
    flex: 1;
    min-height: 0;
    padding: 16px;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .conversations-load-more {
    margin: 0 auto 18px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-day {
    justify-content: center;
    margin: 12px 0;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-day span {
    color: #797280;
    background: #efebf5;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: .68rem;
  }

  :where(.ws-module-surface) .conversations-message-row {
    margin: 8px 0;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-message-row.outbound {
    justify-content: flex-end;
  }

  :where(.ws-module-surface) .conversations-bubble {
    background: var(--ws-surface);
    max-width: min(78%, 520px);
    color: var(--color-primary);
    border: 1px solid #e9e5ef;
    border-radius: 9px 9px 9px 3px;
    padding: 9px 11px;
    font-size: .81rem;
  }

  :where(.ws-module-surface) .conversations-message-row.outbound .conversations-bubble {
    background: #f1eafa;
    border-color: #e8dcf6;
    border-radius: 9px 9px 3px;
  }

  :where(.ws-module-surface) .conversations-bubble.internal {
    background: #fff7e9;
    border-color: #f4e6c8;
  }

  :where(.ws-module-surface) .conversations-bubble-author {
    color: #695a78;
    align-items: center;
    gap: 4px;
    margin-bottom: 4px;
    font-size: .69rem;
    font-weight: 650;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-bubble-author svg {
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .conversations-bubble p {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .conversations-message-attachment {
    margin-top: 7px;
  }

  :where(.ws-module-surface) .conversations-message-attachment img {
    object-fit: contain;
    border-radius: 6px;
    max-width: min(100%, 300px);
    max-height: 240px;
    display: block;
  }

  :where(.ws-module-surface) .conversations-message-attachment audio {
    max-width: 100%;
    height: 36px;
    display: block;
  }

  :where(.ws-module-surface) .conversations-message-attachment a {
    color: var(--color-secondary);
    overflow-wrap: anywhere;
    font-size: .74rem;
    text-decoration: underline;
  }

  :where(.ws-module-surface) .conversations-reply-reference {
    color: #797280;
    border-left: 2px solid #c8b9dd;
    margin-bottom: 5px;
    padding-left: 6px;
    display: block;
  }

  :where(.ws-module-surface) .conversations-bubble-bottom {
    color: #817a88;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    font-size: .64rem;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-bubble-bottom button {
    color: #817a88;
    background: none;
    place-items: center;
    margin-left: 6px;
    display: inline-grid;
  }

  :where(.ws-module-surface) .conversations-bubble-bottom button:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .conversations-bubble-bottom svg {
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .conversations-composer {
    border-top: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    padding: 10px 12px 9px;
  }

  :where(.ws-module-surface) .conversations-compose-tabs {
    margin-bottom: 8px;
  }

  :where(.ws-module-surface) .conversations-compose-tabs button {
    height: 28px;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .conversations-compose-tabs button:disabled {
    opacity: .5;
  }

  :where(.ws-module-surface) .conversations-editor {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    border-radius: 11px;
    position: relative;
    overflow: visible;
    box-shadow: 0 1px 4px #2411380d;
  }

  :where(.ws-module-surface) .conversations-editor-text {
    padding: 8px;
  }

  :where(.ws-module-surface) .conversations-editor-text .form-label {
    clip: rect(0,0,0,0);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .conversations-editor-text .input-form {
    width: 100%;
    min-height: 78px;
    max-height: 200px;
    box-shadow: none;
    resize: vertical;
    background: #f0f4fc;
    border: 0;
    border-radius: 7px;
    outline: 0;
    padding: 11px 12px;
    font-size: .81rem;
  }

  :where(.ws-module-surface) .conversations-editor-text .input-form:focus {
    box-shadow: none;
    border: 0;
    outline: 0;
  }

  :where(.ws-module-surface) .conversations-editor-file {
    color: #655873;
    background: #f5f1fa;
    border-radius: 6px;
    align-items: center;
    gap: 7px;
    margin: 0 8px 8px;
    padding: 6px 8px;
    font-size: .73rem;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-editor-file span {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  :where(.ws-module-surface) .conversations-editor-file button {
    color: #746b7d;
    background: none;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .conversations-editor-toolbar {
    border-top: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 5px 8px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-editor-tools, :where(.ws-module-surface) .conversations-editor-actions {
    align-items: center;
    gap: 3px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-editor-tools {
    min-width: 0;
    position: relative;
  }

  :where(.ws-module-surface) .conversations-editor-tools > button, :where(.ws-module-surface) .conversations-schedule-button {
    color: #8c8793;
    background: none;
    border-radius: 6px;
    flex: none;
    place-items: center;
    width: 30px;
    height: 30px;
    display: grid;
  }

  :where(.ws-module-surface) .conversations-editor-tools > button:hover:not(:disabled), :where(.ws-module-surface) .conversations-schedule-button:hover:not(:disabled), :where(.ws-module-surface) .conversations-editor-tools > button[aria-expanded="true"], :where(.ws-module-surface) .conversations-schedule-button[aria-expanded="true"] {
    color: var(--color-secondary);
    background: #f2ecfa;
  }

  :where(.ws-module-surface) .conversations-editor-tools > button:disabled, :where(.ws-module-surface) .conversations-schedule-button:disabled {
    opacity: .45;
    cursor: not-allowed;
  }

  :where(.ws-module-surface) .conversations-editor-tools > button.is-recording {
    color: #c94351;
    background: #fff1f2;
  }

  :where(.ws-module-surface) .conversations-editor-tools svg, :where(.ws-module-surface) .conversations-schedule-button svg {
    width: 16px;
    height: 16px;
  }

  :where(.ws-module-surface) .conversations-editor-actions .contacts-button {
    min-width: 78px;
    max-height: 36px;
  }

  :where(.ws-module-surface) .conversations-file-input {
    display: none;
  }

  :where(.ws-module-surface) .conversations-emoji-picker {
    z-index: 5;
    border: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    border-radius: 8px;
    grid-template-columns: repeat(8, 31px);
    gap: 3px;
    padding: 8px;
    display: grid;
    position: absolute;
    bottom: calc(100% + 7px);
    left: 0;
    box-shadow: 0 8px 25px #24113820;
  }

  :where(.ws-module-surface) .conversations-emoji-picker button {
    background: none;
    border-radius: 5px;
    place-items: center;
    width: 31px;
    height: 31px;
    font-size: 1rem;
    display: grid;
  }

  :where(.ws-module-surface) .conversations-emoji-picker button:hover {
    background: #f2ecfa;
  }

  :where(.ws-module-surface) .conversations-schedule {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 7px;
    padding: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-schedule .form-group {
    flex: 1;
    min-width: 165px;
  }

  :where(.ws-module-surface) .conversations-schedule .form-label {
    font-size: .7rem;
  }

  :where(.ws-module-surface) .conversations-schedule .input-form {
    height: 34px;
    min-height: 34px;
  }

  :where(.ws-module-surface) .conversations-compose-row {
    align-items: flex-end;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-compose-row > .form-group {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .conversations-compose-row .input-form {
    resize: vertical;
    min-height: 58px;
  }

  :where(.ws-module-surface) .conversations-compose-row .contacts-button {
    flex: none;
  }

  :where(.ws-module-surface) .conversations-composer > p {
    color: #89828f;
    margin-top: 5px;
    font-size: .69rem;
  }

  :where(.ws-module-surface) .conversations-replying {
    color: #675484;
    background: #f5f0fb;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    padding: 5px 7px;
    font-size: .72rem;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-replying span {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  :where(.ws-module-surface) .conversations-replying button {
    color: var(--color-secondary);
    background: none;
  }

  :where(.ws-module-surface) .conversations-context {
    scrollbar-width: none;
    background: var(--dashboard-page-background, #f9f9fb);
    gap: 8px;
    padding: 0 10px 10px;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .conversations-context-empty {
    text-align: center;
    color: #797280;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 20px;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .conversations-context-empty > svg {
    width: 28px;
    height: 28px;
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .conversations-context-header {
    background: var(--dashboard-surface);
    border-bottom: 1px solid var(--dashboard-panel-border);
    align-items: center;
    gap: 10px;
    margin: 0 -10px 2px;
    padding: 12px 14px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-context-header > div {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-context-header strong {
    color: var(--color-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .85rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) .conversations-context-header small {
    color: #797280;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .conversations-context-section {
    background: var(--dashboard-surface);
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    flex-direction: column;
    flex: none;
    align-items: flex-start;
    gap: 7px;
    margin: 0;
    padding: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-context-section h3 {
    color: #675274;
    align-items: center;
    gap: 6px;
    font-size: .82rem;
    font-weight: 600;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-context-section h3 svg {
    width: 14px;
    height: 14px;
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .conversations-context-section a:not(.contacts-button) {
    overflow-wrap: anywhere;
    color: #695579;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-context-section a:not(.contacts-button):hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .conversations-context-section a > svg {
    flex: none;
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .conversations-context-section p {
    color: #756b7d;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .conversations-context-section > .contacts-button {
    height: 34px;
    max-height: 34px;
    margin-top: 2px;
  }

  :where(.ws-module-surface) .conversations-tags {
    flex-wrap: wrap;
    gap: 5px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-tags span {
    border: 1px solid;
    border-radius: 5px;
    padding: 2px 6px;
    font-size: .69rem;
  }

  :where(.ws-module-surface) .conversations-deal {
    border: 1px solid #eeeaf1;
    border-radius: 6px;
    flex-direction: column;
    width: 100%;
    padding: 8px;
    align-items: flex-start !important;
    display: flex !important;
  }

  :where(.ws-module-surface) .conversations-deal strong {
    color: var(--color-primary);
    font-size: .76rem;
  }

  :where(.ws-module-surface) .conversations-deal small {
    color: #797280;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .conversations-new-dialog {
    width: min(440px, 100vw - 32px);
  }

  :where(.ws-module-surface) .conversations-new-body {
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-contact-results {
    scrollbar-width: none;
    -ms-overflow-style: none;
    max-height: 300px;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .conversations-contact-results::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .conversations-contact-feedback {
    text-align: center;
    color: #797280;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-contact-results > button {
    background: var(--ws-surface);
    text-align: left;
    border-bottom: 1px solid #eeeaf1;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 9px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-contact-results > button:hover {
    background: #f5f0fb;
  }

  :where(.ws-module-surface) .conversations-contact-results > button > span {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-contact-results strong {
    color: var(--color-primary);
    font-size: .81rem;
  }

  :where(.ws-module-surface) .conversations-contact-results small {
    color: #797280;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .conversations-contact-results > button > svg {
    width: 16px;
    height: 16px;
    color: var(--color-secondary);
  }

  @media (max-width: 1170px) {
    :where(.ws-module-surface) .conversations-shell {
      grid-template-columns: minmax(0, var(--conversations-left, 26%)) minmax(0, 1fr);
    }

    :where(.ws-module-surface) .conversations-context, :where(.ws-module-surface) .conversations-resize-handle.right {
      display: none;
    }
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .conversations-shell {
      grid-template-columns: 1fr;
      height: calc(100dvh - 170px);
      min-height: 450px;
    }

    :where(.ws-module-surface) .conversations-resize-handle.left {
      display: none;
    }

    :where(.ws-module-surface) .conversations-shell:has(.conversations-thread-header) .conversations-sidebar {
      display: none;
    }

    :where(.ws-module-surface) .conversations-shell:has(.conversations-thread-header) .conversations-center {
      border-right: 0;
    }

    :where(.ws-module-surface) .conversations-back {
      display: inline-flex;
    }

    :where(.ws-module-surface) .conversations-no-selection, :where(.ws-module-surface) .conversations-context-empty {
      display: none;
    }

    :where(.ws-module-surface) .conversations-thread-actions {
      justify-content: flex-start;
      width: 100%;
      margin-left: 0;
    }

    :where(.ws-module-surface) .conversations-bubble {
      max-width: 90%;
    }
  }

  :where(.ws-module-surface) .agenda-page {
    flex-direction: column;
    gap: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-page .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .agenda-toolbar, :where(.ws-module-surface) .agenda-navigation, :where(.ws-module-surface) .agenda-filters {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-toolbar {
    justify-content: space-between;
  }

  :where(.ws-module-surface) .agenda-navigation strong {
    color: var(--color-primary);
    text-transform: capitalize;
    margin-left: 3px;
    font-size: .88rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .agenda-page .contacts-button, :where(.ws-module-surface) .agenda-page .contacts-icon-button {
    max-height: 36px;
  }

  :where(.ws-module-surface) .agenda-tabs {
    margin: 0;
  }

  :where(.ws-module-surface) .agenda-page .agenda-filters {
    background: none;
    border: 0;
    align-items: center;
    padding: 0;
  }

  :where(.ws-module-surface) .agenda-page .agenda-filters .contacts-search {
    flex: 240px;
    max-width: 360px;
    min-height: 34px;
    padding: 6px 10px;
  }

  :where(.ws-module-surface) .agenda-page .agenda-filters .filterBtn {
    height: 34px;
  }

  :where(.ws-module-surface) .agenda-filter-popover {
    min-width: 230px;
    padding: 6px;
  }

  :where(.ws-module-surface) .agenda-filter-options {
    scrollbar-width: none;
    flex-direction: column;
    gap: 2px;
    max-height: 260px;
    display: flex;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .agenda-filter-options::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .agenda-filter-options .checkbox-label {
    color: var(--color-primary);
    cursor: pointer;
    flex: 1;
    padding: 0;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .agenda-filter-options > p {
    color: #807588;
    padding: 9px;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .agenda-filter-search {
    border-bottom: 1px solid var(--dashboard-panel-border);
    color: #8a8195;
    align-items: center;
    gap: 7px;
    padding: 5px 8px 9px;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-filter-search svg {
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .agenda-filter-search input {
    min-width: 0;
    font: inherit;
    background: none;
    border: 0;
    outline: 0;
    flex: 1;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .agenda-search {
    border: 1px solid var(--dashboard-filter-border);
    background: var(--dashboard-surface);
    color: #786b81;
    border-radius: 6px;
    align-items: center;
    gap: 7px;
    min-width: 170px;
    height: 34px;
    padding: 0 10px;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-search svg {
    flex: none;
    width: 15px;
    height: 15px;
  }

  :where(.ws-module-surface) .agenda-search input {
    width: 100%;
    min-width: 0;
    color: var(--color-primary);
    font: inherit;
    background: none;
    border: 0;
    outline: 0;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .agenda-panel {
    min-height: 300px;
    padding: 0;
    overflow: hidden;
  }

  :where(.ws-module-surface) .agenda-feedback {
    color: var(--dashboard-danger);
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 12px;
    font-size: .8rem;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-month-head, :where(.ws-module-surface) .agenda-month-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    display: grid;
  }

  :where(.ws-module-surface) .agenda-month-head {
    border-bottom: 1px solid var(--dashboard-panel-border);
  }

  :where(.ws-module-surface) .agenda-month-head span {
    color: #786b81;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 6px;
    font-size: .72rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .agenda-month-day {
    border-right: 1px solid var(--dashboard-panel-border);
    border-bottom: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    min-width: 0;
    min-height: 115px;
    padding: 6px;
  }

  :where(.ws-module-surface) .agenda-month-day:nth-child(7n) {
    border-right: 0;
  }

  :where(.ws-module-surface) .agenda-month-day.outside {
    background: #faf9fc;
  }

  :where(.ws-module-surface) .agenda-month-day > button:first-child {
    color: #51485e;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    margin-bottom: 4px;
    font-size: .76rem;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-month-day > button:first-child:hover {
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .agenda-month-day > button:first-child.today {
    background: var(--color-secondary);
    color: #fff;
  }

  :where(.ws-module-surface) .agenda-event {
    color: #624094;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f7f2fc;
    border: 1px solid #e2d8ed;
    border-radius: 5px;
    width: 100%;
    min-width: 0;
    margin-bottom: 3px;
    padding: 4px 6px;
    font-size: .72rem;
    line-height: 1.25;
    display: block;
    overflow: hidden;
  }

  :where(.ws-module-surface) .agenda-event:hover, :where(.ws-module-surface) .agenda-grid-event:hover {
    filter: brightness(.97);
  }

  :where(.ws-module-surface) .agenda-event span {
    font-weight: 600;
  }

  :where(.ws-module-surface) .agenda-more {
    color: var(--color-secondary);
    font-size: .72rem;
  }

  :where(.ws-module-surface) .agenda-grid-scroll {
    scrollbar-width: thin;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .agenda-grid {
    grid-template-columns: 58px repeat(var(--agenda-days), minmax(0, 1fr));
    min-width: 640px;
    display: grid;
  }

  :where(.ws-module-surface) .agenda-grid-corner, :where(.ws-module-surface) .agenda-grid-day-head {
    z-index: 2;
    border-bottom: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    height: 52px;
    position: sticky;
    top: 0;
  }

  :where(.ws-module-surface) .agenda-grid-day-head {
    border-left: 1px solid var(--dashboard-panel-border);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-grid-day-head span {
    color: #82788b;
    text-transform: uppercase;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .agenda-grid-day-head strong {
    color: var(--color-primary);
    font-size: .91rem;
  }

  :where(.ws-module-surface) .agenda-grid-day-head.today {
    background: var(--color-secondary);
  }

  :where(.ws-module-surface) .agenda-grid-day-head.today span, :where(.ws-module-surface) .agenda-grid-day-head.today strong {
    color: #fff;
  }

  :where(.ws-module-surface) .agenda-grid-time > div {
    color: #8a8090;
    text-align: right;
    border-bottom: 1px solid #f0edf3;
    height: 48px;
    padding: 0 7px;
    font-size: .69rem;
    transform: translateY(-6px);
  }

  :where(.ws-module-surface) .agenda-grid-column {
    border-left: 1px solid var(--dashboard-panel-border);
    min-width: 0;
    position: relative;
  }

  :where(.ws-module-surface) .agenda-grid-slot {
    background: none;
    border-bottom: 1px solid #f0edf3;
    width: 100%;
    height: 48px;
    display: block;
  }

  :where(.ws-module-surface) .agenda-grid-slot:hover {
    background: #f9f5fd;
  }

  :where(.ws-module-surface) .agenda-grid-event {
    z-index: 1;
    color: #624094;
    text-align: left;
    background: #f7f2fc;
    border: 1px solid #e2d8ed;
    border-radius: 5px;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 5px 6px;
    display: flex;
    position: absolute;
    left: 4px;
    right: 4px;
    overflow: hidden;
    box-shadow: 0 1px 3px #21162a0c;
  }

  :where(.ws-module-surface) .agenda-grid-event strong, :where(.ws-module-surface) .agenda-grid-event small {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  :where(.ws-module-surface) .agenda-grid-event strong {
    font-size: .74rem;
  }

  :where(.ws-module-surface) .agenda-grid-event small {
    font-size: .68rem;
  }

  :where(.ws-module-surface) .agenda-grid-event.cancelled {
    opacity: .6;
    text-decoration: line-through;
  }

  :where(.ws-module-surface) .agenda-event.tone-success, :where(.ws-module-surface) .agenda-grid-event.tone-success {
    color: #20734e;
    background: #edf9f1;
    border-color: #bee5d2;
  }

  :where(.ws-module-surface) .agenda-event.tone-info, :where(.ws-module-surface) .agenda-grid-event.tone-info {
    color: #246889;
    background: #eef7fd;
    border-color: #c7dff2;
  }

  :where(.ws-module-surface) .agenda-event.tone-warning, :where(.ws-module-surface) .agenda-grid-event.tone-warning {
    color: #8a641a;
    background: #fff9e9;
    border-color: #efdfb8;
  }

  :where(.ws-module-surface) .agenda-event.tone-danger, :where(.ws-module-surface) .agenda-grid-event.tone-danger {
    color: #ad3a4c;
    background: #fff0f1;
    border-color: #f2cbd1;
  }

  :where(.ws-module-surface) .agenda-event.tone-neutral, :where(.ws-module-surface) .agenda-grid-event.tone-neutral {
    color: #635d67;
    background: #f7f7f8;
    border-color: #e3e0e6;
  }

  :where(.ws-module-surface) .agenda-mobile-list {
    display: none;
  }

  :where(.ws-module-surface) .agenda-overlay {
    z-index: 2100;
    background: #1d142a70;
    justify-content: flex-end;
    display: flex;
    position: fixed;
    inset: 0;
  }

  :where(.ws-module-surface) .agenda-drawer {
    background: var(--dashboard-surface);
    flex-direction: column;
    width: min(560px, 100vw);
    height: 100%;
    display: flex;
    box-shadow: -12px 0 32px #1d142a22;
  }

  :where(.ws-module-surface) .agenda-drawer > header {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-height: 64px;
    padding: 14px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-drawer h2 {
    color: var(--color-primary);
    font-size: 1.08rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .agenda-drawer-body {
    scrollbar-width: none;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .agenda-drawer-body::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .agenda-detail, :where(.ws-module-surface) .agenda-form {
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-detail-badges, :where(.ws-module-surface) .agenda-detail-actions {
    flex-wrap: wrap;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-status {
    border: 1px solid var(--dashboard-panel-border);
    color: #625968;
    border-radius: 5px;
    padding: 4px 8px;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .agenda-status.tone-brand {
    color: #624094;
    background: #f7f2fc;
    border-color: #e2d8ed;
  }

  :where(.ws-module-surface) .agenda-detail-date {
    color: #625968;
    align-items: center;
    gap: 7px;
    font-size: .84rem;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-detail-date svg {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .agenda-detail dl {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 7px;
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 13px 10px;
    padding: 14px;
    font-size: .8rem;
    display: grid;
  }

  :where(.ws-module-surface) .agenda-detail dt {
    color: #82788b;
  }

  :where(.ws-module-surface) .agenda-detail dd {
    min-width: 0;
    color: var(--color-primary);
    overflow-wrap: anywhere;
    margin: 0;
  }

  :where(.ws-module-surface) .agenda-detail dd a {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .agenda-detail-actions {
    border-top: 1px solid var(--dashboard-panel-border);
    padding-top: 12px;
  }

  :where(.ws-module-surface) .agenda-form > p {
    color: #807588;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .agenda-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .agenda-span {
    grid-column: 1 / -1;
  }

  :where(.ws-module-surface) .agenda-all-day {
    min-height: 38px;
    color: var(--color-primary);
    align-self: end;
    align-items: center;
    font-size: .81rem;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-form footer {
    border-top: 1px solid var(--dashboard-panel-border);
    justify-content: flex-end;
    gap: 8px;
    padding-top: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .agenda-conflicts {
    color: #7b5d22;
    background: #fff9e9;
    border: 1px solid #efdfb8;
    border-radius: 6px;
    padding: 12px;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .agenda-conflicts p, :where(.ws-module-surface) .agenda-conflicts small {
    margin-top: 5px;
    display: block;
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .agenda-month-day {
      min-height: 83px;
      padding: 3px;
    }

    :where(.ws-module-surface) .agenda-month-head span {
      font-size: .62rem;
    }

    :where(.ws-module-surface) .agenda-event {
      font-size: .65rem;
    }

    :where(.ws-module-surface) .agenda-desktop-grid {
      display: none;
    }

    :where(.ws-module-surface) .agenda-mobile-list {
      display: block;
    }

    :where(.ws-module-surface) .agenda-mobile-list > div {
      border-bottom: 1px solid var(--dashboard-panel-border);
      flex-direction: column;
      gap: 6px;
      padding: 12px;
      display: flex;
    }

    :where(.ws-module-surface) .agenda-mobile-list strong {
      color: #756b7d;
      text-transform: capitalize;
      font-size: .78rem;
    }

    :where(.ws-module-surface) .agenda-mobile-list .agenda-event {
      margin: 0;
    }
  }

  @media (max-width: 520px) {
    :where(.ws-module-surface) .agenda-form-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .agenda-toolbar {
      align-items: flex-start;
    }

    :where(.ws-module-surface) .agenda-navigation {
      width: 100%;
    }

    :where(.ws-module-surface) .agenda-navigation strong {
      flex-basis: 100%;
    }
  }

  :where(.ws-module-surface) .projects-detail {
    flex-direction: column;
    gap: 18px;
    display: flex;
  }

  :where(.ws-module-surface) .projects-detail-top, :where(.ws-module-surface) .projects-detail-heading, :where(.ws-module-surface) .projects-detail-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .projects-detail-top {
    color: #81778a;
    justify-content: space-between;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .projects-detail-number {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-control-radius);
    background: var(--dashboard-surface);
    color: #756b7d;
    letter-spacing: .02em;
    padding: 6px 10px;
    font-weight: 600;
  }

  :where(.ws-module-surface) .projects-detail-heading {
    justify-content: space-between;
    gap: 16px;
  }

  :where(.ws-module-surface) .projects-detail-heading h1 {
    color: var(--color-primary);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .projects-detail-heading p {
    color: #756b7d;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    font-size: .82rem;
    display: flex;
  }

  :where(.ws-module-surface) .projects-detail-status {
    background: var(--dashboard-surface);
    border: 1px solid;
    border-radius: 20px;
    align-items: center;
    min-height: 23px;
    padding: 2px 8px;
    font-size: .73rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .projects-detail-tabs {
    flex-wrap: wrap;
    margin: 0;
  }

  :where(.ws-module-surface) .projects-detail-overview {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .projects-detail-highlights {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .projects-detail-highlight {
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 14px 16px;
    display: flex;
  }

  :where(.ws-module-surface) .projects-detail-highlight-icon, :where(.ws-module-surface) .projects-detail-section-icon {
    width: 34px;
    height: 34px;
    color: var(--color-secondary);
    background: #f3edfb;
    border-radius: 8px;
    flex: none;
    place-items: center;
    display: inline-grid;
  }

  :where(.ws-module-surface) .projects-detail-highlight-icon svg, :where(.ws-module-surface) .projects-detail-section-icon svg {
    width: 17px;
    height: 17px;
  }

  :where(.ws-module-surface) .projects-detail-highlight > div {
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .projects-detail-highlight small {
    color: #756b7d;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .projects-detail-highlight strong {
    overflow-wrap: anywhere;
    color: var(--color-primary);
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .projects-detail-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    align-items: start;
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .projects-detail-side {
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .projects-detail-panel {
    padding: 18px;
  }

  :where(.ws-module-surface) .projects-detail-panel h2 {
    color: var(--color-primary);
    align-items: center;
    gap: 6px;
    margin: 0 0 12px;
    font-size: .94rem;
    font-weight: 650;
    display: flex;
  }

  :where(.ws-module-surface) .projects-detail-panel h2:not(:first-child) {
    margin-top: 20px;
  }

  :where(.ws-module-surface) .projects-detail-panel > p, :where(.ws-module-surface) .projects-detail-row p {
    color: #746b7d;
    font-size: .79rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .projects-detail-panel dl {
    grid-template-columns: minmax(110px, 35%) 1fr;
    gap: 10px 12px;
    font-size: .8rem;
    display: grid;
  }

  :where(.ws-module-surface) .projects-detail-panel dt {
    color: #81778a;
  }

  :where(.ws-module-surface) .projects-detail-panel dd {
    color: var(--color-primary);
    overflow-wrap: anywhere;
    margin: 0;
  }

  :where(.ws-module-surface) .projects-detail-panel dd a {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .projects-detail-section-head {
    border-bottom: 1px solid var(--dashboard-panel-border);
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .projects-detail-section-head h2 {
    margin: 0;
  }

  :where(.ws-module-surface) .projects-detail-section-head p {
    color: #81778a;
    margin-top: 2px;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .projects-detail-panel .projects-detail-facts {
    grid-template-columns: minmax(115px, 34%) minmax(0, 1fr);
    gap: 0 12px;
  }

  :where(.ws-module-surface) .projects-detail-facts dt, :where(.ws-module-surface) .projects-detail-facts dd {
    border-bottom: 1px solid #f0edf3;
    padding: 9px 0;
  }

  :where(.ws-module-surface) .projects-detail-facts dt:last-of-type, :where(.ws-module-surface) .projects-detail-facts dd:last-of-type {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .projects-detail-facts dd {
    font-weight: 600;
  }

  :where(.ws-module-surface) .projects-detail-operations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .projects-detail-operations > div {
    background: #faf9fc;
    border: 1px solid #eeeaf3;
    border-radius: 7px;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    padding: 12px 14px;
    display: flex;
  }

  :where(.ws-module-surface) .projects-detail-operations span {
    color: #756b7d;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .projects-detail-operations strong {
    overflow-wrap: anywhere;
    color: var(--color-primary);
    font-size: .9rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .projects-detail-observation, :where(.ws-module-surface) .projects-detail-notes-list {
    border-bottom: 1px solid var(--dashboard-panel-border);
    padding-bottom: 14px;
  }

  :where(.ws-module-surface) .projects-detail-observation > strong, :where(.ws-module-surface) .projects-detail-notes-list > strong {
    color: var(--color-primary);
    margin-bottom: 8px;
    font-size: .8rem;
    display: block;
  }

  :where(.ws-module-surface) .projects-detail-observation > p {
    color: #746b7d;
    white-space: pre-wrap;
    font-size: .79rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .projects-detail-notes-list {
    padding-top: 14px;
  }

  :where(.ws-module-surface) .projects-detail-notes-list .projects-detail-note + .projects-detail-note {
    margin-top: 8px;
  }

  :where(.ws-module-surface) .projects-detail-form, :where(.ws-module-surface) .projects-detail-edit, :where(.ws-module-surface) .projects-detail-panel form {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    max-width: 460px;
    margin-top: 18px;
    padding-top: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .projects-detail-data .projects-detail-edit {
    flex-direction: row;
    align-items: flex-end;
    max-width: none;
  }

  :where(.ws-module-surface) .projects-detail-data .projects-detail-edit .form-group {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .projects-detail-data .projects-detail-edit .fieldSelectInputWrap {
    height: var(--dashboard-button-height);
    min-height: var(--dashboard-button-height);
  }

  :where(.ws-module-surface) .projects-detail-data .projects-detail-edit .contacts-button {
    flex: none;
  }

  :where(.ws-module-surface) .projects-detail-notes form {
    border-top: 0;
    max-width: none;
    margin-top: 0;
  }

  :where(.ws-module-surface) .projects-detail-form .form-group, :where(.ws-module-surface) .projects-detail-edit .form-group, :where(.ws-module-surface) .projects-detail-panel form .form-group {
    width: 100%;
    margin: 0;
  }

  :where(.ws-module-surface) .projects-detail-row {
    border-bottom: 1px solid var(--dashboard-panel-border);
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 12px 0;
    font-size: .79rem;
    display: flex;
  }

  :where(.ws-module-surface) .projects-detail-row:first-of-type {
    padding-top: 0;
  }

  :where(.ws-module-surface) .projects-detail-row strong {
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .projects-detail-row span, :where(.ws-module-surface) .projects-detail-note small {
    color: #81778a;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .projects-detail-row .form-group {
    width: min(100%, 300px);
    margin-top: 5px;
  }

  :where(.ws-module-surface) .projects-detail-note {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 6px;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
    display: flex;
  }

  @media (max-width: 1100px) {
    :where(.ws-module-surface) .projects-detail-highlights {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .projects-detail-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 520px) {
    :where(.ws-module-surface) .projects-detail-highlights {
      grid-template-columns: 1fr 1fr;
    }

    :where(.ws-module-surface) .projects-detail-highlight {
      gap: 8px;
      padding: 11px;
    }

    :where(.ws-module-surface) .projects-detail-highlight-icon {
      width: 30px;
      height: 30px;
    }

    :where(.ws-module-surface) .projects-detail-highlight strong {
      font-size: .93rem;
    }

    :where(.ws-module-surface) .projects-detail-data .projects-detail-edit {
      flex-direction: column;
      align-items: stretch;
    }
  }

  :where(.ws-module-surface) .operations-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .operations-page .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .operations-kpis {
    margin: 0;
  }

  :where(.ws-module-surface) .operations-notice {
    border-radius: var(--dashboard-panel-radius);
    color: #59466f;
    background: #f9f5ff;
    border: 1px solid #e7d9f5;
    align-items: center;
    gap: 8px;
    padding: 11px 13px;
    font-size: .79rem;
    display: flex;
  }

  :where(.ws-module-surface) .operations-notice svg {
    color: var(--color-secondary);
    flex: none;
  }

  :where(.ws-module-surface) .operations-section-head {
    align-items: center;
    gap: 12px;
  }

  :where(.ws-module-surface) .operations-section-head h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: .9rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .operations-section-head p {
    color: #746b7d;
    margin: 3px 0 0;
    font-size: .75rem;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .operations-section-head > span {
    flex: none;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .operations-project-link {
    color: var(--color-primary);
    align-items: center;
    gap: 5px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
  }

  :where(.ws-module-surface) .operations-project-link:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .operations-project-link svg {
    flex: none;
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .operations-reasons {
    flex-wrap: wrap;
    gap: 5px;
    min-width: 190px;
    display: flex;
  }

  :where(.ws-module-surface) .operations-reason {
    color: #9b3f50;
    white-space: nowrap;
    background: #fff4f5;
    border: 1px solid #e8cdd2;
    border-radius: 5px;
    padding: 3px 7px;
    font-size: .7rem;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .operations-reason.muted {
    border-color: var(--dashboard-panel-border);
    color: #756b7d;
    background: #f8f7f9;
  }

  :where(.ws-module-surface) .operations-stages-table th:not(:first-child), :where(.ws-module-surface) .operations-stages-table td:not(:first-child) {
    text-align: right;
  }

  :where(.ws-module-surface) .operations-stage-input {
    width: 110px;
    margin-left: auto;
  }

  :where(.ws-module-surface) .operations-stage-input .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .operations-stage-input .form-label {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .operations-stage-input .input-form {
    text-align: right;
    width: 100%;
    height: 34px;
    min-height: 34px;
    font-size: .79rem;
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .operations-page {
      gap: 12px;
    }

    :where(.ws-module-surface) .operations-section-head {
      align-items: flex-start;
    }

    :where(.ws-module-surface) .operations-section-head > span {
      align-self: flex-start;
    }
  }

  :where(.ws-module-surface) .campaigns-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-page .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .campaigns-page .filtersContacts {
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .campaigns-actions, :where(.ws-module-surface) .campaigns-detail-filters {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-kpis {
    margin: 0;
  }

  :where(.ws-module-surface) .campaigns-filters {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-filters .contacts-search {
    min-width: 190px;
    max-width: 360px;
    height: var(--dashboard-filter-height);
    min-height: var(--dashboard-filter-height);
    box-sizing: border-box;
    border-radius: var(--dashboard-control-radius);
    flex: 0 300px;
    padding: 0 11px;
  }

  :where(.ws-module-surface) .campaigns-filters .contacts-search:focus-within {
    box-shadow: none;
    border-color: #cbbcdf;
  }

  :where(.ws-module-surface) .campaigns-filters .contacts-search input:focus, :where(.ws-module-surface) .campaigns-filters .contacts-search input:focus-visible {
    box-shadow: none;
    outline: none;
  }

  :where(.ws-module-surface) .campaigns-filter-fields {
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-filter-fields .form-group, :where(.ws-module-surface) .campaigns-detail-filters .form-group {
    flex: 0 170px;
    min-width: 130px;
    max-width: 220px;
    margin: 0;
  }

  :where(.ws-module-surface) .campaigns-filter-fields .form-label, :where(.ws-module-surface) .campaigns-detail-filters .form-label {
    clip: rect(0,0,0,0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .campaigns-filter-fields .fieldSelectInputWrap, :where(.ws-module-surface) .campaigns-detail-filters .fieldSelectInputWrap {
    min-height: var(--dashboard-filter-height);
    height: var(--dashboard-filter-height);
    box-sizing: border-box;
    border: 1px solid var(--dashboard-filter-border);
    border-radius: var(--dashboard-control-radius);
    background: var(--dashboard-surface);
    color: var(--color-primary);
    padding: 0 34px 0 11px;
  }

  :where(.ws-module-surface) .campaigns-filter-fields .fieldSelectInputWrap:hover, :where(.ws-module-surface) .campaigns-filter-fields .fieldSelectInputWrap.focused, :where(.ws-module-surface) .campaigns-detail-filters .fieldSelectInputWrap:hover, :where(.ws-module-surface) .campaigns-detail-filters .fieldSelectInputWrap.focused {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
    border-color: #0000;
  }

  :where(.ws-module-surface) .campaigns-filter-fields .fieldSelectSelectedBadge, :where(.ws-module-surface) .campaigns-filter-fields .fieldSelectPlaceholder, :where(.ws-module-surface) .campaigns-detail-filters .fieldSelectSelectedBadge, :where(.ws-module-surface) .campaigns-detail-filters .fieldSelectPlaceholder {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .campaigns-filter-fields .actionSelect .arrowSelect, :where(.ws-module-surface) .campaigns-detail-filters .actionSelect .arrowSelect {
    width: 30px;
  }

  :where(.ws-module-surface) .campaigns-filter-fields .actionSelect .arrowSelect svg, :where(.ws-module-surface) .campaigns-detail-filters .actionSelect .arrowSelect svg {
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .campaigns-archived.active {
    color: var(--color-secondary);
    border-color: var(--dashboard-button-hover-border);
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .campaigns-name {
    color: var(--color-primary);
    flex-direction: column;
    gap: 2px;
    text-decoration: none;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-name:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .campaigns-name strong {
    font-size: .82rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .campaigns-name small {
    color: #766e80;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .campaigns-status {
    color: #675775;
    background: #f2eff6;
    border-radius: 5px;
    align-items: center;
    padding: 3px 7px;
    font-size: .73rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .campaigns-status.active {
    color: #24824e;
    background: #e7f6ec;
  }

  :where(.ws-module-surface) .campaigns-status.paused {
    color: #a07425;
    background: #fff2dc;
  }

  :where(.ws-module-surface) .campaigns-status.completed {
    color: #31659d;
    background: #e9f0fa;
  }

  :where(.ws-module-surface) .campaigns-overlay {
    z-index: 1200;
    background: #21133355;
    justify-content: flex-end;
    display: flex;
    position: fixed;
    inset: 0;
  }

  :where(.ws-module-surface) .campaigns-dialog {
    background: var(--ws-surface);
    flex-direction: column;
    width: min(540px, 100vw);
    height: 100%;
    min-height: 0;
    display: flex;
    box-shadow: 0 20px 60px #24103235;
  }

  :where(.ws-module-surface) .campaigns-dialog > header, :where(.ws-module-surface) .campaigns-dialog > footer {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-dialog > footer {
    border-bottom: 0;
    border-top: 1px solid var(--dashboard-panel-border);
    justify-content: flex-end;
  }

  :where(.ws-module-surface) .campaigns-dialog h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: 1.04rem;
  }

  :where(.ws-module-surface) .campaigns-dialog header p {
    color: #766e80;
    margin: 4px 0 0;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .campaigns-form {
    scrollbar-width: none;
    flex-direction: column;
    gap: 15px;
    min-height: 0;
    padding: 18px 20px;
    display: flex;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .campaigns-form::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .campaigns-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .campaigns-form .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .campaigns-tracked-url {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: #faf9fc;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 12px;
    font-size: .76rem;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-tracked-url code {
    overflow-wrap: anywhere;
    color: #675775;
  }

  :where(.ws-module-surface) .campaigns-insights {
    grid-template-columns: minmax(240px, .8fr) minmax(0, 1.6fr);
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .campaigns-panel {
    min-width: 0;
    padding: 16px;
  }

  :where(.ws-module-surface) .campaigns-panel h2 {
    color: var(--color-primary);
    margin: 0 0 14px;
    font-size: .9rem;
  }

  :where(.ws-module-surface) .campaigns-panel h3 {
    margin: 0 0 10px;
    font-size: .83rem;
  }

  :where(.ws-module-surface) .campaigns-muted {
    color: #766e80;
    margin: 12px 0;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .campaigns-funnel {
    flex-direction: column;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-funnel > span {
    border: 1px solid var(--ws-border);
    background: var(--ws-soft);
    min-height: 36px;
    color: var(--ws-muted);
    border-radius: 7px;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 8px 11px;
    font-size: 11px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-funnel > span:nth-child(2) {
    background: color-mix(in srgb, var(--ws-accent) 7%, var(--ws-surface));
    margin-left: 14px;
  }

  :where(.ws-module-surface) .campaigns-funnel > span:nth-child(3) {
    background: color-mix(in srgb, var(--ws-accent) 12%, var(--ws-surface));
    margin-left: 28px;
  }

  :where(.ws-module-surface) .campaigns-funnel strong {
    color: var(--ws-accent);
    font-variant-numeric: tabular-nums;
    font-size: 13px;
    font-weight: 650;
  }

  :where(.ws-module-surface) .campaigns-tabs {
    border-bottom: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-tabs button {
    color: #756b7d;
    min-height: 36px;
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    border-bottom: 2px solid #0000;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    font-size: .78rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .campaigns-tabs button:hover:not(.active) {
    color: var(--color-secondary);
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .campaigns-tabs button.active {
    color: var(--color-secondary);
    border-bottom-color: var(--color-secondary);
    font-weight: 650;
  }

  :where(.ws-module-surface) .campaigns-tabs svg {
    width: 15px;
    height: 15px;
  }

  :where(.ws-module-surface) .campaigns-revenue {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .campaigns-subsections {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .campaigns-subsections p {
    font-size: .78rem;
  }

  :where(.ws-module-surface) .campaigns-inline-form {
    flex-wrap: wrap;
    align-items: end;
    gap: 8px;
    margin-top: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-inline-form .form-group {
    flex: 110px;
    margin: 0;
  }

  @media (max-width: 900px) {
    :where(.ws-module-surface) .campaigns-insights, :where(.ws-module-surface) .campaigns-subsections {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .campaigns-form-grid, :where(.ws-module-surface) .campaigns-revenue {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .campaigns-filters .contacts-search {
      max-width: none;
    }
  }

  :where(.ws-module-surface) .marketing-performance-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .marketing-performance-page .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .marketing-performance-filters {
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .marketing-performance-filter-fields {
    flex: 750px;
  }

  :where(.ws-module-surface) .marketing-performance-filter-fields .form-group {
    flex-basis: 165px;
  }

  :where(.ws-module-surface) .marketing-performance-updating {
    color: var(--color-primary);
    opacity: .66;
    margin: 0;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .marketing-performance-notice {
    color: var(--color-primary);
    margin: 0;
    padding: 11px 14px;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .marketing-performance-kpis {
    margin: 0;
  }

  :where(.ws-module-surface) .marketing-performance-section {
    min-width: 0;
  }

  :where(.ws-module-surface) .marketing-performance-section > .marketing-performance-funnel, :where(.ws-module-surface) .marketing-performance-section > .contacts-table-scroll {
    width: calc(100% - 32px);
    margin: 16px;
  }

  :where(.ws-module-surface) .marketing-performance-section > .campaigns-muted {
    margin: 16px;
  }

  :where(.ws-module-surface) .marketing-performance-funnel {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .marketing-performance-funnel > div {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: #faf9fc;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .marketing-performance-funnel span, :where(.ws-module-surface) .marketing-performance-funnel small {
    color: #766e80;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .marketing-performance-funnel strong {
    color: var(--color-primary);
    font-size: 1.12rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .marketing-performance-funnel .marketing-performance-funnel-rate {
    color: #746b7e;
    align-items: center;
    gap: 2px;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .marketing-performance-funnel .marketing-performance-funnel-rate svg {
    flex: none;
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .marketing-performance-section .contacts-table-scroll {
    overflow-x: auto;
  }

  :where(.ws-module-surface) .marketing-performance-section .contacts-table {
    min-width: max-content;
  }

  :where(.ws-module-surface) .marketing-performance-section .contacts-table th, :where(.ws-module-surface) .marketing-performance-section .contacts-table td {
    white-space: nowrap;
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .marketing-performance-filter-fields .form-group {
      flex-basis: 100%;
      max-width: none;
    }
  }

  :where(.ws-module-surface) .landing-pages-page {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-pages-page .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .landing-pages-page .landing-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    margin: 0;
    display: grid;
  }

  :where(.ws-module-surface) .landing-pages-page .landing-tabs {
    margin: 0;
  }

  :where(.ws-module-surface) .landing-pages-page .filtersContacts {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding-bottom: 0;
    display: flex;
  }

  :where(.ws-module-surface) .landing-filters .contacts-search {
    min-width: 190px;
    max-width: 360px;
    height: var(--dashboard-filter-height);
    min-height: var(--dashboard-filter-height);
    box-sizing: border-box;
    flex: 0 300px;
    padding: 0 11px;
  }

  :where(.ws-module-surface) .landing-filters .contacts-search:focus-within {
    box-shadow: none;
    border-color: #cbbcdf;
  }

  :where(.ws-module-surface) .landing-filters .contacts-search input:focus, :where(.ws-module-surface) .landing-filters .contacts-search input:focus-visible {
    box-shadow: none;
    outline: none;
  }

  :where(.ws-module-surface) .landing-filters .form-group {
    flex: 0 170px;
    min-width: 140px;
    max-width: 220px;
    margin: 0;
  }

  :where(.ws-module-surface) .landing-filters .form-label {
    clip: rect(0,0,0,0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .landing-filters .fieldSelectInputWrap {
    min-height: var(--dashboard-filter-height);
    height: var(--dashboard-filter-height);
    box-sizing: border-box;
    border: 1px solid var(--dashboard-filter-border);
    border-radius: var(--dashboard-control-radius);
    background: var(--dashboard-surface);
    padding: 0 34px 0 11px;
  }

  :where(.ws-module-surface) .landing-filters .fieldSelectInputWrap:hover, :where(.ws-module-surface) .landing-filters .fieldSelectInputWrap.focused {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
    border-color: #0000;
  }

  :where(.ws-module-surface) .landing-filters .fieldSelectSelectedBadge, :where(.ws-module-surface) .landing-filters .fieldSelectPlaceholder {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .landing-filters .actionSelect .arrowSelect {
    width: 30px;
  }

  :where(.ws-module-surface) .landing-filters .actionSelect .arrowSelect svg {
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .landing-name {
    color: var(--color-primary);
    flex-direction: column;
    gap: 2px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-name small, :where(.ws-module-surface) .landing-unsaved {
    color: #786f82;
    font-size: .72rem;
    display: block;
  }

  :where(.ws-module-surface) .landing-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-actions .contacts-button {
    white-space: nowrap;
  }

  :where(.ws-module-surface) .landing-pages-table {
    table-layout: fixed;
    width: 100%;
    min-width: 790px;
  }

  :where(.ws-module-surface) .landing-pages-table th:first-child {
    width: 32%;
  }

  :where(.ws-module-surface) .landing-pages-table th:nth-child(2) {
    width: 19%;
  }

  :where(.ws-module-surface) .landing-pages-table th:nth-child(3) {
    width: 14%;
  }

  :where(.ws-module-surface) .landing-pages-table th:last-child {
    text-align: right;
    width: 35%;
  }

  :where(.ws-module-surface) .landing-pages-table td {
    padding: 12px 15px;
  }

  :where(.ws-module-surface) .landing-pages-table .landing-name {
    min-width: 0;
    text-decoration: none;
  }

  :where(.ws-module-surface) .landing-pages-table .landing-name strong, :where(.ws-module-surface) .landing-pages-table .landing-name small {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  :where(.ws-module-surface) .landing-pages-table .landing-name strong {
    font-size: .83rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .landing-pages-table .landing-name:hover strong {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .landing-pages-table .landing-updated {
    white-space: nowrap;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .landing-pages-table .landing-actions {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }

  :where(.ws-module-surface) .landing-pages-table .landing-actions .contacts-button {
    height: 32px;
    min-height: 32px;
    padding: 0 9px;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .landing-pages-table .landing-actions .contacts-button[aria-label] {
    justify-content: center;
    width: 32px;
    padding: 0;
  }

  :where(.ws-module-surface) .landing-status {
    color: #62408f;
    background: #f3eef9;
    border-radius: 5px;
    padding: 3px 8px;
    font-size: .72rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .landing-status.published {
    color: #167749;
    background: #e5f4eb;
  }

  :where(.ws-module-surface) .landing-status.archived {
    color: #726c77;
    background: #f0eef2;
  }

  :where(.ws-module-surface) .landing-domains {
    padding: 20px;
  }

  :where(.ws-module-surface) .landing-domains h2 {
    font-size: 1rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .landing-domains p {
    color: #716978;
    margin: 5px 0 16px;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .landing-domain-row {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    padding: 12px 0;
    font-size: .8rem;
    display: flex;
  }

  :where(.ws-module-surface) .landing-domain-row small {
    color: #766d7e;
  }

  :where(.ws-module-surface) .landing-domain-add {
    align-items: end;
    gap: 8px;
    max-width: 550px;
    margin-top: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-domain-add .form-group {
    flex: 1;
    margin: 0;
  }

  :where(.ws-module-surface) .landing-domain-add .input-form {
    box-sizing: border-box;
    height: 36px;
    min-height: 36px;
  }

  :where(.ws-module-surface) .landing-domains-stack {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-domain-note {
    border-radius: var(--dashboard-control-radius);
    background: #f6f3f9;
    padding: 11px 13px;
    line-height: 1.45;
    margin: 14px 0 0 !important;
  }

  :where(.ws-module-surface) .landing-domain-card {
    padding: 16px 20px;
  }

  :where(.ws-module-surface) .landing-domain-header, :where(.ws-module-surface) .landing-domain-header > div, :where(.ws-module-surface) .landing-domain-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-domain-header {
    justify-content: space-between;
  }

  :where(.ws-module-surface) .landing-domain-header strong {
    color: var(--color-primary);
    font-size: .85rem;
  }

  :where(.ws-module-surface) .landing-domain-dns {
    border-top: 1px solid var(--dashboard-panel-border);
    grid-template-columns: 80px repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
    padding-top: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .landing-domain-dns > div {
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .landing-domain-dns small, :where(.ws-module-surface) .landing-domain-checked {
    color: #766d7e;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .landing-domain-dns code {
    overflow-wrap: anywhere;
    color: var(--color-primary);
    font-size: .76rem;
  }

  :where(.ws-module-surface) .landing-domain-error {
    color: var(--dashboard-danger);
    margin: 12px 0 0;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .landing-domain-checked {
    margin-top: 10px;
    display: block;
  }

  :where(.ws-module-surface) .landing-modal-backdrop {
    z-index: 20000;
    background: #140e1b99;
    place-items: center;
    padding: 20px;
    display: grid;
    position: fixed;
    inset: 0;
  }

  :where(.ws-module-surface) .landing-create-dialog {
    background: #fff;
    border-radius: 12px;
    width: min(900px, 100%);
    max-height: min(90vh, 900px);
    padding: 22px;
    overflow: auto;
    box-shadow: 0 24px 80px #21133330;
  }

  :where(.ws-module-surface) .landing-dialog-head {
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    margin-bottom: 18px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-create-dialog h2 {
    font-size: 1.16rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .landing-create-dialog p {
    color: #716978;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .landing-template-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 18px 0;
    display: grid;
  }

  :where(.ws-module-surface) .landing-template {
    border: 1px solid var(--dashboard-panel-border);
    text-align: left;
    background: #fff;
    border-radius: 9px;
    min-width: 0;
    padding: 8px;
    transition: border-color .15s, background .15s;
  }

  :where(.ws-module-surface) .landing-template:hover:not(.selected) {
    border-color: var(--dashboard-button-hover-border);
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .landing-template.selected {
    border-color: var(--color-secondary);
    box-shadow: inset 0 0 0 1px var(--color-secondary);
  }

  :where(.ws-module-surface) .landing-template img, :where(.ws-module-surface) .landing-template-blank {
    object-fit: cover;
    background: #f5f0fb;
    border-radius: 6px;
    place-items: center;
    width: 100%;
    height: 110px;
    display: grid;
  }

  :where(.ws-module-surface) .landing-template-blank svg {
    width: 27px;
    height: 27px;
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .landing-template strong, :where(.ws-module-surface) .landing-template small {
    padding: 0 2px;
    display: block;
  }

  :where(.ws-module-surface) .landing-template strong {
    margin-top: 8px;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .landing-template small {
    color: #746c7b;
    margin-top: 3px;
    font-size: .71rem;
  }

  :where(.ws-module-surface) .landing-create-dialog footer {
    justify-content: end;
    gap: 8px;
    margin-top: 18px;
    display: flex;
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .landing-pages-page .landing-kpis {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .landing-template-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .landing-domain-add {
      flex-direction: column;
      align-items: stretch;
    }

    :where(.ws-module-surface) .landing-domain-dns {
      grid-template-columns: 1fr;
    }
  }

  :where(.ws-module-surface) .landing-editor {
    background: var(--dashboard-surface);
    width: 100%;
    height: 100dvh;
    min-height: 0;
    color: var(--color-primary);
    flex-direction: column;
    margin: 0;
    display: flex;
    overflow: hidden;
  }

  :where(.ws-module-surface) .landing-editor-loading {
    gap: 24px;
    padding: 20px;
  }

  :where(.ws-module-surface) .landing-editor-loading > .dashboard-back-link {
    align-self: flex-start;
  }

  :where(.ws-module-surface) .landing-editor-top {
    border-bottom: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    flex: none;
    align-items: center;
    gap: 18px;
    min-height: 76px;
    padding: 14px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-top .dashboard-back-link {
    flex: none;
  }

  :where(.ws-module-surface) .landing-editor-title {
    flex-direction: column;
    flex: 1;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-eyebrow {
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #81768e;
    font-size: .65rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .landing-editor-title > div {
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-title strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.3;
    overflow: hidden;
  }

  :where(.ws-module-surface) .landing-editor-title .landing-status {
    flex: none;
    padding: 2px 6px;
    font-size: .65rem;
  }

  :where(.ws-module-surface) .landing-editor-save-status {
    color: #756b80;
    align-items: center;
    gap: 5px;
    max-width: 185px;
    margin-right: 12px;
    font-size: .72rem;
    line-height: 1.35;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-save-status > svg {
    flex: none;
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .landing-editor-save-status.has-error {
    color: var(--dashboard-danger);
  }

  :where(.ws-module-surface) .landing-editor-devices, :where(.ws-module-surface) .landing-editor-top-actions, :where(.ws-module-surface) .landing-editor-history {
    flex: none;
    align-items: center;
    gap: 5px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-history {
    border-right: 1px solid var(--dashboard-panel-border);
    margin-right: 3px;
    padding-right: 8px;
  }

  :where(.ws-module-surface) .landing-editor-devices {
    border: 1px solid var(--dashboard-panel-border);
    background: #faf9fc;
    border-radius: 7px;
    padding: 3px;
  }

  :where(.ws-module-surface) .landing-editor-devices button {
    color: #756981;
    background: none;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 10px;
    font-size: .73rem;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-devices button:hover:not(.active) {
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .landing-editor-devices button.active {
    background: var(--ws-surface);
    color: var(--color-secondary);
    font-weight: 600;
    box-shadow: 0 1px 4px #30203e14;
  }

  :where(.ws-module-surface) .landing-editor-devices svg {
    width: 16px;
    height: 16px;
  }

  :where(.ws-module-surface) .landing-editor button:disabled {
    cursor: not-allowed;
    opacity: .45;
  }

  :where(.ws-module-surface) .landing-editor-contextbar {
    background: var(--ws-surface);
    border-bottom: 1px solid var(--dashboard-panel-border);
    flex: none;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding: 7px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-contextbar > div {
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-contextbar > .landing-editor-devices {
    gap: 3px;
  }

  :where(.ws-module-surface) .landing-editor-contextbar .contacts-button {
    background: none;
    border-color: #0000;
    height: 30px;
    min-height: 30px;
    padding: 0 8px;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .landing-editor-contextbar .contacts-button:hover:not([aria-pressed="true"]) {
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .landing-editor-contextbar .contacts-button[aria-pressed="true"] {
    color: var(--color-secondary);
    background: #f2ecfa;
  }

  :where(.ws-module-surface) .landing-editor-context-hint {
    color: #81758c;
    font-size: .71rem;
  }

  :where(.ws-module-surface) .landing-editor-workspace {
    flex: 1;
    grid-template-columns: 280px minmax(0, 1fr) 310px;
    min-height: 0;
    display: grid;
    position: relative;
  }

  :where(.ws-module-surface) .landing-editor-workspace.hide-structure {
    grid-template-columns: minmax(0, 1fr) 310px;
  }

  :where(.ws-module-surface) .landing-editor-workspace.hide-inspector {
    grid-template-columns: 280px minmax(0, 1fr);
  }

  :where(.ws-module-surface) .landing-editor-workspace.hide-structure.hide-inspector {
    grid-template-columns: minmax(0, 1fr);
  }

  :where(.ws-module-surface) .landing-editor-workspace.hide-structure > .landing-editor-sidebar, :where(.ws-module-surface) .landing-editor-workspace.hide-inspector > .landing-editor-inspector {
    display: none;
  }

  :where(.ws-module-surface) .landing-editor-sidebar, :where(.ws-module-surface) .landing-editor-inspector {
    background: var(--ws-surface);
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-sidebar {
    border-right: 1px solid var(--dashboard-panel-border);
  }

  :where(.ws-module-surface) .landing-editor-inspector {
    border-left: 1px solid var(--dashboard-panel-border);
  }

  :where(.ws-module-surface) .landing-editor-panel-tabs {
    border-bottom: 1px solid var(--dashboard-panel-border);
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 3px;
    padding: 8px;
    display: grid;
  }

  :where(.ws-module-surface) .landing-editor-panel-tabs button {
    color: #786f82;
    background: none;
    border-radius: 6px;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 7px 2px;
    font-size: .65rem;
    font-weight: 500;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-panel-tabs svg {
    width: 16px;
    height: 16px;
  }

  :where(.ws-module-surface) .landing-editor-panel-tabs button:hover:not(.active) {
    background: var(--dashboard-button-hover);
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .landing-editor-panel-tabs button.active {
    color: var(--color-secondary);
    background: #f0e9fa;
    font-weight: 650;
  }

  :where(.ws-module-surface) .landing-editor-side-scroll {
    overscroll-behavior: contain;
    scrollbar-width: none;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .landing-editor-side-scroll::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .landing-canvas-scroll::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .landing-editor-side-head {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-side-head h2, :where(.ws-module-surface) .landing-inspector h2 {
    color: var(--color-primary);
    font-size: .84rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .landing-editor-side-head small {
    color: #8a8093;
    margin-top: 3px;
    font-size: .69rem;
    display: block;
  }

  :where(.ws-module-surface) .landing-editor-side-head .contacts-icon-button {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 6px;
    flex: none;
  }

  :where(.ws-module-surface) .landing-section-list {
    flex-direction: column;
    gap: 6px;
    padding: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-section-item {
    background: var(--ws-surface);
    border: 1px solid #eeebf3;
    border-radius: 7px;
    align-items: center;
    gap: 7px;
    min-height: 53px;
    padding: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-section-item:hover:not(.selected) {
    border-color: var(--dashboard-button-hover-border);
    background: #fcfaff;
  }

  :where(.ws-module-surface) .landing-section-item.selected {
    background: #f5f0fc;
    border-color: #cbb5ea;
  }

  :where(.ws-module-surface) .landing-section-item.is-dragging {
    opacity: .45;
  }

  :where(.ws-module-surface) .landing-section-item.is-drop-target {
    border-top: 3px solid var(--color-secondary);
  }

  :where(.ws-module-surface) .landing-section-item > svg {
    color: #a299ad;
    cursor: grab;
    flex: none;
    width: 13px;
  }

  :where(.ws-module-surface) .landing-section-item > button {
    text-align: left;
    min-width: 0;
    color: var(--color-primary);
    background: none;
    flex: 1;
    font-size: .76rem;
    font-weight: 550;
  }

  :where(.ws-module-surface) .landing-section-item > button > span, :where(.ws-module-surface) .landing-section-item small {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

  :where(.ws-module-surface) .landing-section-item small {
    color: #91869c;
    margin-top: 3px;
    font-size: .65rem;
    font-weight: 400;
  }

  :where(.ws-module-surface) .landing-section-tools {
    flex-direction: column;
    gap: 2px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-section-tools button {
    color: #968b9f;
    background: none;
    border-radius: 3px;
    place-items: center;
    width: 20px;
    height: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .landing-section-tools button:hover:not(:disabled) {
    color: var(--color-secondary);
    background: #eae0f6;
  }

  :where(.ws-module-surface) .landing-section-tools svg {
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .landing-block-library {
    gap: 12px;
    padding: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .landing-library-category {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-panel-bg, #fff);
    width: 100%;
    color: var(--color-primary);
    text-align: left;
    border-radius: 9px;
    align-items: center;
    gap: 12px;
    padding: 14px 12px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-library-category:hover {
    background: #faf7ff;
    border-color: #c9b5e5;
  }

  :where(.ws-module-surface) .landing-library-category:focus-visible {
    outline: 2px solid var(--color-secondary);
    outline-offset: 2px;
  }

  :where(.ws-module-surface) .landing-library-category-icon {
    width: 34px;
    height: 34px;
    color: var(--color-secondary);
    background: #f4effb;
    border-radius: 8px;
    flex: 0 0 34px;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .landing-library-category-icon svg {
    width: 18px;
    height: 18px;
  }

  :where(.ws-module-surface) .landing-library-category > span:nth-child(2) {
    flex: 1;
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .landing-library-category strong {
    font-size: .8rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .landing-library-category small, :where(.ws-module-surface) .landing-library-heading small {
    color: #81758d;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .landing-library-category > svg {
    width: 14px;
    height: 14px;
    transform: rotate(-90deg);
  }

  :where(.ws-module-surface) .landing-library-heading {
    gap: 3px;
    padding: 3px 0;
    display: grid;
  }

  :where(.ws-module-surface) .landing-library-heading h3 {
    color: var(--color-primary);
    margin: 0;
    font-size: .88rem;
  }

  :where(.ws-module-surface) .landing-library-back {
    justify-self: start;
  }

  :where(.ws-module-surface) .landing-block-choice {
    border: 1px solid var(--dashboard-panel-border);
    text-align: left;
    background: #fff;
    border-radius: 9px;
    width: 100%;
    padding: 7px;
    display: block;
    position: relative;
    overflow: hidden;
  }

  :where(.ws-module-surface) .landing-block-choice:hover:not(:disabled) {
    background: #fcfaff;
    border-color: #b598de;
    box-shadow: 0 3px 12px #4424690a;
  }

  :where(.ws-module-surface) .landing-block-choice-title {
    width: 100%;
    color: var(--color-primary);
    text-align: left;
    background: none;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 9px 3px 0;
    display: flex;
  }

  :where(.ws-module-surface) .landing-block-choice-title:after {
    content: "";
    position: absolute;
    inset: 0;
  }

  :where(.ws-module-surface) .landing-block-choice:focus-within {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 1px var(--color-secondary);
  }

  :where(.ws-module-surface) .landing-block-choice-title strong {
    font-size: .79rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .landing-block-choice-title svg {
    width: 14px;
    height: 14px;
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .landing-block-choice > small {
    color: #81758d;
    margin: 4px 3px 3px;
    font-size: .71rem;
    line-height: 1.4;
    display: block;
  }

  :where(.ws-module-surface) .landing-block-mini {
    pointer-events: none;
    background: #f4f1f7;
    border-radius: 5px;
    height: 156px;
    position: relative;
    overflow: hidden;
  }

  :where(.ws-module-surface) .landing-block-mini-content {
    width: 900px;
    transform: translate(-50%, -50%) scale(var(--landing-mini-scale, .25));
    transform-origin: center;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  :where(.ws-module-surface) .landing-canvas-scroll {
    scrollbar-width: none;
    overscroll-behavior: contain;
    background: #f1f0f4 radial-gradient(#dad5e2 .65px, #0000 .65px) 0 0 / 16px 16px;
    min-width: 0;
    min-height: 0;
    padding: 16px 24px 32px;
    overflow: auto;
  }

  :where(.ws-module-surface) .landing-canvas-stage {
    width: 100%;
    min-width: 0;
  }

  :where(.ws-module-surface) .landing-canvas-caption {
    color: #766a82;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    max-width: 1440px;
    margin: 0 auto 12px;
    font-size: .73rem;
    display: flex;
  }

  :where(.ws-module-surface) .landing-canvas-caption > span, :where(.ws-module-surface) .landing-canvas-caption > div {
    align-items: center;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-canvas-caption svg {
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .landing-canvas-dimensions {
    color: #85798f;
    border-left: 1px solid #d8d1e0;
    padding-left: 7px;
    font-size: .68rem;
  }

  :where(.ws-module-surface) .landing-canvas-caption > div {
    border: 1px solid var(--dashboard-filter-border);
    background: #f8f7fa;
    border-radius: 6px;
    gap: 2px;
    padding: 2px;
  }

  :where(.ws-module-surface) .landing-canvas-caption button {
    color: #756981;
    background: none;
    border-radius: 4px;
    height: 26px;
    padding: 0 9px;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .landing-canvas-caption button[aria-pressed="true"] {
    background: var(--ws-surface);
    color: var(--color-secondary);
    box-shadow: 0 1px 3px #30203e12;
  }

  :where(.ws-module-surface) .landing-canvas-caption button:hover:not([aria-pressed="true"]) {
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .landing-canvas-frame {
    background: var(--ws-surface);
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 0 8px 30px #30203e0c, 0 0 0 1px #30203e12;
  }

  :where(.ws-module-surface) .landing-canvas-browser {
    border-bottom: 1px solid var(--dashboard-panel-border);
    background: #faf9fc;
    border-radius: 10px 10px 0 0;
    align-items: center;
    gap: 12px;
    height: 38px;
    padding: 0 12px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-canvas-browser-dots {
    flex: none;
    gap: 4px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-canvas-browser-dots i {
    background: #d9d2e2;
    border-radius: 50%;
    width: 6px;
    height: 6px;
  }

  :where(.ws-module-surface) .landing-canvas-address {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: #7d708a;
    flex: 1;
    min-width: 0;
    font-size: .7rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) .landing-canvas-browser-label {
    color: #8c8097;
    flex: none;
    font-size: .65rem;
  }

  :where(.ws-module-surface) .landing-canvas {
    background: var(--ws-surface);
    border-radius: 0 0 10px 10px;
    min-height: 480px;
  }

  :where(.ws-module-surface) .landing-canvas > .contacts-empty {
    min-height: 480px;
  }

  :where(.ws-module-surface) .landing-canvas > .landing-renderer {
    border-radius: inherit;
    overflow: clip;
  }

  :where(.ws-module-surface) .landing-renderer-section {
    cursor: pointer;
    outline: none;
    position: relative;
  }

  :where(.ws-module-surface) .landing-renderer-section:after {
    content: "";
    pointer-events: none;
    z-index: 2;
    position: absolute;
    inset: 0;
  }

  :where(.ws-module-surface) .landing-renderer-section:hover:not(.is-selected):after {
    box-shadow: inset 0 0 0 1px #9f77d7;
  }

  :where(.ws-module-surface) .landing-renderer-section.is-selected:after, :where(.ws-module-surface) .landing-renderer-section:focus-visible:after {
    box-shadow: inset 0 0 0 2px var(--color-secondary);
  }

  :where(.ws-module-surface) .landing-renderer-section.is-hidden {
    opacity: .4;
  }

  :where(.ws-module-surface) .landing-renderer-section-content {
    pointer-events: none;
  }

  :where(.ws-module-surface) .landing-renderer-section-label {
    z-index: 3;
    background: var(--color-secondary);
    color: #fff;
    font: 500 11px/1.3 var(--font-family);
    pointer-events: none;
    border-radius: 0 0 5px;
    padding: 4px 9px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
  }

  :where(.ws-module-surface) .landing-renderer-section.is-selected > .landing-renderer-section-label, :where(.ws-module-surface) .landing-renderer-section:hover > .landing-renderer-section-label {
    display: block;
  }

  :where(.ws-module-surface) .landing-inspector, :where(.ws-module-surface) .landing-inspector-fields {
    border: 0;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .landing-inspector {
    padding: 16px;
  }

  :where(.ws-module-surface) .landing-inspector .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .landing-inspector-tabs.contacts-tabs {
    border-bottom: 1px solid var(--dashboard-panel-border);
    flex: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0 12px;
    display: grid;
  }

  :where(.ws-module-surface) .landing-inspector-tabs.contacts-tabs button {
    justify-content: center;
    min-width: 0;
    padding-inline: 5px;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .landing-design-controls {
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .landing-design-device {
    border: 1px solid var(--dashboard-panel-border);
    background: #faf9fc;
    border-radius: 7px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3px;
    padding: 3px;
    display: grid;
  }

  :where(.ws-module-surface) .landing-design-device button {
    color: #786e83;
    background: none;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-width: 0;
    height: 30px;
    padding-inline: 4px;
    font-size: .65rem;
    display: flex;
  }

  :where(.ws-module-surface) .landing-design-device button svg {
    flex: none;
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .landing-design-device button[aria-pressed="true"] {
    background: var(--ws-surface);
    color: var(--color-secondary);
    font-weight: 600;
    box-shadow: 0 1px 4px #30203e14;
  }

  :where(.ws-module-surface) .landing-design-device button:hover:not([aria-pressed="true"]) {
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .landing-design-target {
    border: 1px solid var(--dashboard-panel-border);
    border-left: 3px solid var(--color-secondary);
    background: #faf8fd;
    border-radius: 6px;
    flex-direction: column;
    gap: 6px;
    padding: 11px 12px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-design-target small {
    color: #86778f;
    font-size: .66rem;
  }

  :where(.ws-module-surface) .landing-design-target p {
    -webkit-line-clamp: 3;
    color: #5a4c65;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    font-size: .79rem;
    line-height: 1.45;
    display: -webkit-box;
    overflow: hidden;
  }

  :where(.ws-module-surface) .landing-design-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    gap: 12px 10px;
    display: grid;
  }

  :where(.ws-module-surface) .landing-design-grid .form-label {
    align-items: end;
    min-height: 30px;
    font-size: .74rem;
    display: flex;
  }

  :where(.ws-module-surface) .landing-design-grid .input-form {
    width: 100%;
    min-width: 0;
    padding-inline: 10px;
  }

  :where(.ws-module-surface) .landing-design-color {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: end;
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .landing-design-color input[type="color"] {
    cursor: pointer;
    width: 100%;
    padding: 5px;
  }

  :where(.ws-module-surface) .landing-design-color > div:last-child {
    color: #85768e;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    min-height: 42px;
    font-size: .7rem;
    display: flex;
  }

  :where(.ws-module-surface) .landing-design-color .contacts-text-button {
    align-self: flex-start;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .landing-inspector > p, :where(.ws-module-surface) .landing-inspector-fields > p {
    color: #84788f;
    overflow-wrap: anywhere;
    font-size: .75rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .landing-editor-section-heading {
    align-items: center;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-section-heading > svg {
    width: 17px;
    height: 17px;
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .landing-theme-colors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .landing-theme-colors input[type="color"] {
    cursor: pointer;
    padding: 5px;
  }

  :where(.ws-module-surface) .landing-inspector-actions {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-field-group {
    border: 1px solid var(--dashboard-panel-border);
    background: #fcfbfe;
    border-radius: 8px;
    flex-direction: column;
    gap: 11px;
    padding: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-field-group h3 {
    color: var(--color-primary);
    justify-content: space-between;
    font-size: .76rem;
    font-weight: 650;
    display: flex;
  }

  :where(.ws-module-surface) .landing-field-group h3 span {
    color: #91829f;
    font-weight: 400;
  }

  :where(.ws-module-surface) .landing-list-entry {
    border: 1px solid var(--dashboard-panel-border);
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
  }

  :where(.ws-module-surface) .landing-list-entry > summary {
    cursor: pointer;
    color: #655471;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 10px;
    font-size: .75rem;
    font-weight: 550;
    list-style: none;
    display: flex;
  }

  :where(.ws-module-surface) .landing-list-entry > summary::-webkit-details-marker {
    display: none;
  }

  :where(.ws-module-surface) .landing-list-entry > summary > span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  :where(.ws-module-surface) .landing-list-entry > summary > svg {
    flex: none;
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .landing-list-entry[open] > summary > svg {
    transform: rotate(180deg);
  }

  :where(.ws-module-surface) .landing-list-entry-fields {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-direction: column;
    gap: 10px;
    padding: 11px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-image-field {
    flex-direction: column;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-image-upload-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-image-upload-actions .contacts-button {
    max-height: 36px;
  }

  :where(.ws-module-surface) .landing-image-upload-actions small {
    color: #81758d;
    font-size: .71rem;
  }

  :where(.ws-module-surface) .landing-image-field img {
    object-fit: cover;
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 6px;
    width: 100%;
    height: 120px;
  }

  :where(.ws-module-surface) .landing-editor-note {
    color: #887991;
    font-size: .71rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .landing-seo-preview {
    border: 1px solid var(--dashboard-panel-border);
    overflow-wrap: anywhere;
    border-radius: 7px;
    flex-direction: column;
    gap: 5px;
    padding: 13px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-seo-preview small {
    color: #92809f;
    font-size: .68rem;
  }

  :where(.ws-module-surface) .landing-seo-preview strong {
    color: var(--color-secondary);
    font-size: .95rem;
  }

  :where(.ws-module-surface) .landing-seo-preview span {
    color: #398767;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .landing-seo-preview p {
    color: #81758d;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .landing-version {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 7px;
    padding: 10px 0;
    display: flex;
  }

  :where(.ws-module-surface) .landing-version strong, :where(.ws-module-surface) .landing-version small {
    display: block;
  }

  :where(.ws-module-surface) .landing-version strong {
    color: var(--color-primary);
    font-size: .77rem;
  }

  :where(.ws-module-surface) .landing-version small {
    color: #887991;
    margin-top: 4px;
    font-size: .68rem;
  }

  :where(.ws-module-surface) .landing-editor-footer {
    border-top: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    color: #9b8da6;
    flex: none;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 7px 18px;
    font-size: .65rem;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-footer span {
    align-items: center;
    gap: 5px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-editor-footer svg {
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .landing-preview-bar {
    background: #f6f2fb;
    align-items: center;
    gap: 14px;
    padding: 10px 20px;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .landing-results {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-results .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .landing-results .dashboard-back-link {
    align-self: flex-start;
  }

  :where(.ws-module-surface) .landing-results .landing-results-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    margin: 0;
    display: grid;
  }

  :where(.ws-module-surface) .landing-results-period .form-group {
    width: 170px;
    margin: 0;
  }

  :where(.ws-module-surface) .landing-results-period .form-label {
    clip: rect(0,0,0,0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .landing-results-period .fieldSelectInputWrap {
    height: var(--dashboard-filter-height);
    min-height: var(--dashboard-filter-height);
    box-sizing: border-box;
    border: 1px solid var(--dashboard-filter-border);
    border-radius: var(--dashboard-control-radius);
    background: var(--dashboard-surface);
    color: var(--color-primary);
    padding: 0 34px 0 11px;
  }

  :where(.ws-module-surface) .landing-results-period .fieldSelectInputWrap:hover, :where(.ws-module-surface) .landing-results-period .fieldSelectInputWrap.focused {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
    border-color: #0000;
  }

  :where(.ws-module-surface) .landing-results-period .fieldSelectSelectedBadge {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .landing-results-period .actionSelect .arrowSelect {
    width: 30px;
  }

  :where(.ws-module-surface) .landing-results-period .actionSelect .arrowSelect svg {
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .landing-results-chart {
    padding: 16px;
  }

  :where(.ws-module-surface) .landing-results-section-head {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 5px 12px;
    margin-bottom: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .landing-results-section-head h2 {
    color: var(--color-primary);
    font-size: .84rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .landing-results-section-head p {
    color: #786f82;
    margin: 0;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .landing-results-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .landing-results-details .contacts-panel {
    padding: 16px;
  }

  :where(.ws-module-surface) .landing-results-row {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    gap: 10px;
    padding: 9px 0;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .landing-results-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .landing-results-row span {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  :where(.ws-module-surface) .landing-results-row strong {
    white-space: nowrap;
    color: var(--color-primary);
    font-weight: 650;
  }

  :where(.ws-module-surface) .landing-results-row small {
    color: #786f82;
    font-size: .72rem;
    font-weight: 400;
  }

  @media (max-width: 1200px) {
    :where(.ws-module-surface) .landing-editor-workspace {
      grid-template-columns: 250px minmax(0, 1fr) 285px;
    }

    :where(.ws-module-surface) .landing-editor-workspace.hide-structure {
      grid-template-columns: minmax(0, 1fr) 285px;
    }

    :where(.ws-module-surface) .landing-editor-workspace.hide-inspector {
      grid-template-columns: 250px minmax(0, 1fr);
    }

    :where(.ws-module-surface) .landing-editor-workspace.hide-structure.hide-inspector {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .landing-editor-top {
      flex-wrap: wrap;
      gap: 8px;
    }

    :where(.ws-module-surface) .landing-editor-title {
      min-width: 160px;
    }

    :where(.ws-module-surface) .landing-editor-top-actions {
      margin-left: auto;
    }

    :where(.ws-module-surface) .landing-editor-save-status {
      max-width: 140px;
      margin-right: 4px;
    }

    :where(.ws-module-surface) .landing-editor-context-hint {
      display: none;
    }

    :where(.ws-module-surface) .landing-canvas-scroll {
      padding: 14px 16px 24px;
    }
  }

  @media (max-width: 900px) {
    :where(.ws-module-surface) .landing-editor-workspace, :where(.ws-module-surface) .landing-editor-workspace.hide-structure, :where(.ws-module-surface) .landing-editor-workspace.hide-inspector {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .landing-editor-sidebar, :where(.ws-module-surface) .landing-editor-inspector {
      z-index: 5;
      width: min(310px, 90%);
      position: absolute;
      inset-block: 0;
      box-shadow: 0 8px 24px #35234220;
    }

    :where(.ws-module-surface) .landing-editor-sidebar {
      left: 0;
    }

    :where(.ws-module-surface) .landing-editor-inspector {
      right: 0;
    }

    :where(.ws-module-surface) .landing-editor-workspace:not(.hide-inspector) > .landing-editor-sidebar, :where(.ws-module-surface) .landing-editor-devices button span {
      display: none;
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .landing-editor-top {
      padding: 9px 10px;
    }

    :where(.ws-module-surface) .landing-editor-title {
      min-width: 0;
    }

    :where(.ws-module-surface) .landing-editor-title .landing-status {
      display: none;
    }

    :where(.ws-module-surface) .landing-editor-devices button {
      padding-inline: 7px;
    }

    :where(.ws-module-surface) .landing-editor-top-actions {
      flex-wrap: wrap;
      gap: 5px;
      width: 100%;
    }

    :where(.ws-module-surface) .landing-editor-save-status {
      flex: 1 0 100%;
      max-width: none;
      font-size: .68rem;
    }

    :where(.ws-module-surface) .landing-editor-history {
      display: none;
    }

    :where(.ws-module-surface) .landing-editor-top-actions .contacts-button {
      padding-inline: 8px;
      font-size: .7rem;
    }

    :where(.ws-module-surface) .landing-editor-contextbar {
      flex-wrap: wrap;
      gap: 6px;
      padding-inline: 8px;
    }

    :where(.ws-module-surface) .landing-editor-contextbar > div {
      gap: 2px;
    }

    :where(.ws-module-surface) .landing-editor-footer > span:last-child {
      display: none;
    }

    :where(.ws-module-surface) .landing-canvas-scroll {
      padding: 10px;
    }
  }

  @media (max-width: 900px) {
    :where(.ws-module-surface) .landing-results .landing-results-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .landing-results-details {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 520px) {
    :where(.ws-module-surface) .landing-results .landing-results-kpis {
      grid-template-columns: 1fr;
    }
  }

  :where(.ws-module-surface) .forms-page, :where(.ws-module-surface) .forms-editor {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-editor > .dashboard-back-link {
    align-self: flex-start;
  }

  :where(.ws-module-surface) .forms-page .dash-title-section, :where(.ws-module-surface) .forms-editor .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .forms-tabs {
    margin: 0;
  }

  :where(.ws-module-surface) .forms-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin: 0;
    display: grid;
  }

  :where(.ws-module-surface) .forms-page .filtersContacts {
    margin: 0;
  }

  :where(.ws-module-surface) .forms-table {
    table-layout: fixed;
    width: 100%;
    min-width: 790px;
  }

  :where(.ws-module-surface) .forms-table th:first-child {
    width: 35%;
  }

  :where(.ws-module-surface) .forms-table th:nth-child(2) {
    width: 16%;
  }

  :where(.ws-module-surface) .forms-table th:nth-child(3) {
    width: 12%;
  }

  :where(.ws-module-surface) .forms-table th:nth-child(4) {
    width: 14%;
  }

  :where(.ws-module-surface) .forms-table th:last-child {
    text-align: right;
    width: 23%;
  }

  :where(.ws-module-surface) .forms-table td {
    padding: 12px 15px;
  }

  :where(.ws-module-surface) .forms-table .landing-name {
    min-width: 0;
    text-decoration: none;
  }

  :where(.ws-module-surface) .forms-table .landing-name strong, :where(.ws-module-surface) .forms-table .landing-name small {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  :where(.ws-module-surface) .forms-table .landing-name strong {
    font-size: .9rem;
    font-weight: 650;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .forms-table .landing-name:hover strong {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .forms-table-updated {
    white-space: nowrap;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .forms-table .landing-actions {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }

  :where(.ws-module-surface) .forms-table .landing-actions .contacts-button {
    height: 32px;
    min-height: 32px;
    padding: 0 9px;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .forms-table .landing-actions .contacts-button[aria-label] {
    justify-content: center;
    width: 32px;
    padding: 0;
  }

  :where(.ws-module-surface) .forms-create-dialog {
    width: min(480px, 100%);
  }

  :where(.ws-module-surface) .forms-create-dialog .form-group {
    margin: 12px 0 0;
  }

  :where(.ws-module-surface) .forms-create-dialog > p {
    margin: 7px 0 0;
  }

  :where(.ws-module-surface) .forms-custom-fields {
    width: 100%;
    min-width: 0;
  }

  :where(.ws-module-surface) .forms-custom-list {
    width: 100%;
    min-width: 0;
    padding: 18px;
  }

  :where(.ws-module-surface) .forms-custom-heading {
    justify-content: space-between;
    align-items: start;
    gap: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-custom-heading h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: .9rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .forms-custom-heading p {
    color: #766e7e;
    margin: 4px 0 0;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .forms-custom-items {
    flex-direction: column;
    gap: 6px;
    margin-top: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-custom-item {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-control-radius);
    text-align: left;
    background: var(--ws-surface);
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 50px;
    padding: 7px 10px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-custom-item:hover:not(.selected) {
    border-color: var(--dashboard-button-hover-border);
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .forms-custom-item.selected {
    border-color: var(--color-secondary);
    background: #f7f2fd;
  }

  :where(.ws-module-surface) .forms-custom-item > span:nth-child(2) {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .forms-custom-item strong, :where(.ws-module-surface) .forms-custom-item small {
    display: block;
  }

  :where(.ws-module-surface) .forms-custom-item strong {
    font-size: .8rem;
  }

  :where(.ws-module-surface) .forms-custom-item small, :where(.ws-module-surface) .forms-custom-edit {
    color: #766e7e;
    font-size: .71rem;
  }

  :where(.ws-module-surface) .forms-custom-icon {
    width: 30px;
    height: 30px;
    color: var(--color-secondary);
    background: #f2ebfa;
    border-radius: 6px;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .forms-custom-editor-fields {
    gap: 13px;
    display: grid;
  }

  :where(.ws-module-surface) .forms-custom-editor-fields .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .forms-custom-checks {
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding-top: 2px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-custom-actions {
    justify-content: flex-end;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-custom-actions .danger {
    margin-right: auto;
  }

  :where(.ws-module-surface) .forms-editor-tabs {
    margin: 0;
  }

  :where(.ws-module-surface) .forms-editor-grid {
    grid-template-columns: minmax(235px, .82fr) minmax(390px, 1.65fr) minmax(260px, .9fr);
    align-items: start;
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .forms-editor-grid .contacts-panel, :where(.ws-module-surface) .forms-settings, :where(.ws-module-surface) .forms-settings-card {
    padding: 16px;
  }

  :where(.ws-module-surface) .forms-editor-grid h2, :where(.ws-module-surface) .forms-settings h2, :where(.ws-module-surface) .forms-settings-card h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: .86rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .forms-editor-pane-head {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: start;
    gap: 10px;
    min-height: 45px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-editor-pane-head p {
    color: #766e7e;
    margin: 3px 0 0;
    font-size: .71rem;
  }

  :where(.ws-module-surface) .forms-editor-field-list {
    scrollbar-width: thin;
    gap: 6px;
    max-height: min(67vh, 780px);
    display: grid;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .forms-field-row {
    border: 1px solid var(--dashboard-panel-border);
    background: #fff;
    border-radius: 8px;
    align-items: center;
    gap: 4px;
    min-height: 58px;
    padding: 6px 7px;
    transition: border-color .15s, background .15s;
    display: flex;
  }

  :where(.ws-module-surface) .forms-field-row:hover:not(.selected) {
    border-color: var(--dashboard-button-hover-border);
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .forms-field-row.selected {
    border-color: var(--color-secondary);
    background: #f8f3fd;
  }

  :where(.ws-module-surface) .forms-field-row.dragging {
    opacity: .5;
  }

  :where(.ws-module-surface) .forms-field-grip {
    color: #a49cab;
    cursor: grab;
    flex: none;
    place-items: center;
    width: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .forms-field-select {
    text-align: left;
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .forms-field-select strong, :where(.ws-module-surface) .forms-field-select small {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

  :where(.ws-module-surface) .forms-field-select strong {
    color: var(--color-primary);
    font-size: .77rem;
  }

  :where(.ws-module-surface) .forms-field-select small {
    color: #776f80;
    font-size: .68rem;
  }

  :where(.ws-module-surface) .forms-field-actions {
    flex: none;
    gap: 1px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-field-row .contacts-icon-button {
    flex: none;
    width: 22px;
    height: 24px;
    padding: 4px;
  }

  :where(.ws-module-surface) .forms-field-row .contacts-icon-button svg {
    width: 12px;
    height: 12px;
  }

  :where(.ws-module-surface) .forms-add-field {
    border-top: 1px solid var(--dashboard-panel-border);
    margin-top: 14px;
    padding-top: 12px;
  }

  :where(.ws-module-surface) .forms-add-field p {
    color: #766e7e;
    align-items: center;
    gap: 5px;
    margin: 8px 0 0;
    font-size: .7rem;
    display: flex;
  }

  :where(.ws-module-surface) .forms-editor-preview {
    min-width: 0;
  }

  :where(.ws-module-surface) .forms-preview-devices {
    background: #f3f0f6;
    border-radius: 7px;
    gap: 3px;
    padding: 3px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-preview-devices button {
    color: #776f80;
    border-radius: 5px;
    place-items: center;
    width: 29px;
    height: 27px;
    display: grid;
  }

  :where(.ws-module-surface) .forms-preview-devices button.active {
    color: var(--color-secondary);
    background: #fff;
    box-shadow: 0 1px 4px #24102c16;
  }

  :where(.ws-module-surface) .forms-preview-stage {
    background: #f8f6fa;
    border: 1px dashed #ded6e5;
    border-radius: 10px;
    justify-content: center;
    min-height: 390px;
    padding: 25px 16px;
    display: flex;
    overflow: auto;
  }

  :where(.ws-module-surface) .forms-preview-paper {
    color: #271c30;
    background: #fff;
    width: min(100%, 600px);
    height: fit-content;
    padding: 25px;
  }

  :where(.ws-module-surface) .forms-preview-paper.card {
    border: 1px solid #e9e4ed;
    border-radius: 11px;
    box-shadow: 0 8px 30px #291c3610;
  }

  :where(.ws-module-surface) .forms-preview-paper.plain {
    background: none;
  }

  :where(.ws-module-surface) .forms-preview-paper.mobile {
    max-width: 320px;
  }

  :where(.ws-module-surface) .forms-preview-title {
    margin-bottom: 18px;
  }

  :where(.ws-module-surface) .forms-preview-title h3 {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .forms-preview-title p {
    color: #746b7a;
    margin: 5px 0 0;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .forms-preview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 10px;
    display: grid;
  }

  :where(.ws-module-surface) .forms-preview-field {
    text-align: left;
    border: 1px solid #0000;
    border-radius: 7px;
    flex-direction: column;
    grid-column: span 2;
    gap: 5px;
    min-width: 0;
    margin: -7px;
    padding: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-preview-field.half {
    grid-column: span 1;
  }

  :where(.ws-module-surface) .forms-preview-paper.mobile .forms-preview-field {
    grid-column: span 2;
  }

  :where(.ws-module-surface) .forms-preview-field:hover:not(.selected) {
    background: #fbf9fd;
    border-color: #ded4e9;
  }

  :where(.ws-module-surface) .forms-preview-field.selected {
    border-color: var(--forms-accent);
    background: #f9f7fb;
  }

  :where(.ws-module-surface) .forms-preview-label {
    font-size: .73rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .forms-preview-label em {
    color: #b34750;
    font-style: normal;
  }

  :where(.ws-module-surface) .forms-preview-control {
    color: #aaa2af;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #ded8e3;
    border-radius: 6px;
    justify-content: space-between;
    align-items: center;
    min-height: 35px;
    padding: 7px 10px;
    font-size: .72rem;
    display: flex;
    overflow: hidden;
  }

  :where(.ws-module-surface) .forms-preview-textarea {
    align-items: start;
    min-height: 65px;
  }

  :where(.ws-module-surface) .forms-preview-field small {
    color: #867d8b;
    font-size: .67rem;
  }

  :where(.ws-module-surface) .forms-preview-choices {
    color: #5e5364;
    gap: 7px;
    font-size: .71rem;
    display: grid;
  }

  :where(.ws-module-surface) .forms-preview-choices span {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-preview-choices i, :where(.ws-module-surface) .forms-preview-consent i {
    background: #fff;
    border: 1px solid #bdb3c4;
    border-radius: 3px;
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .forms-preview-hidden {
    color: #867d8b;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .forms-preview-consent {
    color: #756b7d;
    align-items: center;
    gap: 7px;
    margin-top: 20px;
    font-size: .7rem;
    display: flex;
  }

  :where(.ws-module-surface) .forms-preview-submit {
    color: #fff;
    background: var(--forms-accent);
    text-align: center;
    border-radius: 6px;
    margin-top: 18px;
    padding: 9px 12px;
    font-size: .75rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .forms-property-fields {
    gap: 13px;
    display: grid;
  }

  :where(.ws-module-surface) .forms-property-fields .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .forms-property-hint {
    color: #766e7e;
    margin: -3px 0 3px;
    font-size: .71rem;
    line-height: 1.45;
  }

  :where(.ws-module-surface) .forms-appearance-link {
    justify-self: start;
    margin-top: 3px;
  }

  :where(.ws-module-surface) .forms-editor-properties input[type="color"] {
    cursor: pointer;
    height: 36px;
    padding: 3px;
  }

  :where(.ws-module-surface) .forms-settings-layout {
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, .9fr);
    align-items: start;
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .forms-settings-side {
    gap: 12px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .forms-settings-card {
    min-width: 0;
  }

  :where(.ws-module-surface) .forms-settings-stack {
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .forms-settings-stack .form-group, :where(.ws-module-surface) .forms-settings-consent .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .forms-settings-layout textarea.input-form {
    min-height: 72px;
  }

  :where(.ws-module-surface) .forms-settings-divider {
    border-top: 1px solid var(--dashboard-panel-border);
    margin: 20px 0 16px;
    padding-top: 17px;
  }

  :where(.ws-module-surface) .forms-settings-divider h3 {
    color: var(--color-primary);
    margin: 0;
    font-size: .8rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .forms-settings-divider p {
    color: #766e7e;
    margin: 4px 0 0;
    font-size: .75rem;
    line-height: 1.45;
  }

  :where(.ws-module-surface) .forms-settings > p {
    color: #766e7e;
    margin-top: 15px;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .forms-settings-intro {
    border-bottom: 1px solid var(--dashboard-panel-border);
    margin: 0 0 17px;
    padding-bottom: 12px;
  }

  :where(.ws-module-surface) .forms-settings-intro p, :where(.ws-module-surface) .forms-embed-block p {
    color: #766e7e;
    margin: 4px 0 0;
    font-size: .76rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .forms-settings-consent {
    margin-top: 14px;
  }

  :where(.ws-module-surface) .forms-embed-layout {
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    align-items: start;
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .forms-embed-heading, :where(.ws-module-surface) .forms-embed-notice {
    grid-column: 1 / -1;
  }

  :where(.ws-module-surface) .forms-embed-heading h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: .95rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .forms-embed-heading p {
    color: #766e7e;
    margin: 4px 0 0;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .forms-embed-notice {
    color: #74572b;
    background: #fffaf0;
    border: 1px solid #e8dbbc;
    border-radius: 8px;
    margin: 0;
    padding: 10px 12px;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .forms-embed-side {
    gap: 12px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .forms-embed-layout .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .forms-embed-modes {
    border: 1px solid var(--dashboard-panel-border);
    background: #f8f7f9;
    border-radius: 8px;
    gap: 3px;
    margin-bottom: 16px;
    padding: 3px;
    display: inline-flex;
  }

  :where(.ws-module-surface) .forms-embed-modes button {
    color: #625a69;
    min-width: 90px;
    height: 30px;
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 6px;
    padding: 0 12px;
    font-size: .76rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .forms-embed-modes button[aria-selected="true"] {
    background: var(--ws-surface);
    color: var(--color-primary);
    box-shadow: 0 1px 4px #21162a1a;
  }

  :where(.ws-module-surface) .forms-embed-modes button:not([aria-selected="true"]):hover {
    color: var(--color-primary);
    background: #eeeaf1;
  }

  :where(.ws-module-surface) .forms-embed-code-fields {
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .forms-embed-code-fields > .form-group:first-child:not(:last-child) {
    width: min(190px, 100%);
  }

  :where(.ws-module-surface) .forms-embed-code-fields > .form-group:last-child {
    width: 100%;
    min-width: 0;
  }

  :where(.ws-module-surface) .forms-embed-code-fields textarea.input-form {
    width: 100%;
    min-height: 105px;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .73rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .forms-embed-footer {
    border-top: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
    padding-top: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-embed-footer span {
    color: #766e7e;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .forms-embed-footer .contacts-button {
    flex: none;
  }

  :where(.ws-module-surface) .forms-embed-link-actions {
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-embed-guide h2 {
    margin-bottom: 12px;
  }

  :where(.ws-module-surface) .forms-embed-guide ol {
    counter-reset: embed-step;
    color: #625a69;
    gap: 12px;
    margin: 0;
    padding: 0;
    font-size: .75rem;
    line-height: 1.5;
    list-style: none;
    display: grid;
  }

  :where(.ws-module-surface) .forms-embed-guide li {
    counter-increment: embed-step;
    align-items: flex-start;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .forms-embed-guide li:before {
    content: counter(embed-step);
    background: var(--color-secondary);
    color: #fff;
    border-radius: 7px;
    flex: 0 0 23px;
    place-items: center;
    width: 23px;
    height: 23px;
    font-size: .72rem;
    font-weight: 700;
    display: grid;
  }

  @media (max-width: 1250px) {
    :where(.ws-module-surface) .forms-editor-grid {
      grid-template-columns: minmax(230px, .8fr) minmax(360px, 1.4fr);
    }

    :where(.ws-module-surface) .forms-editor-properties {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .forms-property-fields {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 950px) {
    :where(.ws-module-surface) .forms-settings-layout, :where(.ws-module-surface) .forms-embed-layout {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .forms-embed-heading, :where(.ws-module-surface) .forms-embed-notice {
      grid-column: auto;
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .forms-embed-footer {
      flex-direction: column;
      align-items: stretch;
    }

    :where(.ws-module-surface) .forms-embed-footer .contacts-button {
      align-self: flex-start;
    }
  }

  @media (max-width: 800px) {
    :where(.ws-module-surface) .forms-editor-grid, :where(.ws-module-surface) .forms-property-fields {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .forms-editor-properties {
      grid-column: auto;
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .forms-kpis {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .forms-filters {
      flex-wrap: wrap;
    }
  }

  :where(.ws-module-surface) .automations-page {
    flex-direction: column;
    gap: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .automations-page .dash-title-section, :where(.ws-module-surface) .automations-page .contacts-tabs {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .automations-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    margin: 0;
    display: grid;
  }

  :where(.ws-module-surface) .automations-page .automations-filters {
    margin: 0;
    padding: 0;
  }

  :where(.ws-module-surface) .automations-table {
    table-layout: fixed;
    width: 100%;
    min-width: 880px;
  }

  :where(.ws-module-surface) .automations-table td {
    padding: 12px 15px;
  }

  :where(.ws-module-surface) .automations-table th:first-child {
    width: 27%;
  }

  :where(.ws-module-surface) .automations-table th:nth-child(2) {
    width: 19%;
  }

  :where(.ws-module-surface) .automations-table th:nth-child(3) {
    width: 13%;
  }

  :where(.ws-module-surface) .automations-table th:nth-child(4) {
    width: 11%;
  }

  :where(.ws-module-surface) .automations-table th:nth-child(5) {
    width: 14%;
  }

  :where(.ws-module-surface) .automations-table th:last-child {
    text-align: right;
    width: 16%;
  }

  :where(.ws-module-surface) .automations-table .landing-name {
    min-width: 0;
    text-decoration: none;
  }

  :where(.ws-module-surface) .automations-table .landing-name strong, :where(.ws-module-surface) .automations-table .landing-name small {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  :where(.ws-module-surface) .automations-table .landing-name strong {
    font-size: .84rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .automations-table .landing-actions {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }

  :where(.ws-module-surface) .automations-table .landing-actions .contacts-button {
    height: 32px;
    min-height: 32px;
    padding: 0 8px;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .automations-table .landing-actions .contacts-button[aria-label] {
    justify-content: center;
    width: 32px;
    padding: 0;
  }

  :where(.ws-module-surface) .automations-failed {
    color: #b34a50;
    font-size: .7rem;
    display: block;
  }

  :where(.ws-module-surface) .automations-templates {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--ws-surface);
    padding: 18px;
  }

  :where(.ws-module-surface) .automations-templates h2, :where(.ws-module-surface) .automations-history h2 {
    margin: 0 0 12px;
    font-size: .9rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .automations-templates > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-templates button {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    text-align: left;
    border-radius: 8px;
    justify-items: start;
    gap: 5px;
    padding: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-templates button:hover {
    background: #faf7fd;
    border-color: #cbbcdf;
  }

  :where(.ws-module-surface) .automations-templates button > svg {
    width: 22px;
    height: 22px;
    color: var(--color-secondary);
    background: #f0e9f9;
    border-radius: 5px;
    padding: 4px;
  }

  :where(.ws-module-surface) .automations-templates button strong {
    font-size: .83rem;
  }

  :where(.ws-module-surface) .automations-templates button small {
    color: #776e80;
    font-size: .72rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .automations-templates button span {
    color: var(--color-secondary);
    margin-top: 3px;
    font-size: .71rem;
  }

  :where(.ws-module-surface) .automations-webhooks-intro {
    align-items: flex-start;
    gap: 13px;
    padding: 17px;
    display: flex;
  }

  :where(.ws-module-surface) .automations-webhooks-intro > svg {
    width: 32px;
    height: 32px;
    color: var(--color-secondary);
    background: #f1eaf9;
    border-radius: 7px;
    flex: none;
    padding: 7px;
  }

  :where(.ws-module-surface) .automations-webhooks-intro h2 {
    margin: 0 0 4px;
    font-size: .9rem;
  }

  :where(.ws-module-surface) .automations-webhooks-intro p, :where(.ws-module-surface) .automations-history > p {
    color: #746b7e;
    margin: 0;
    font-size: .76rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .automations-history {
    padding: 18px;
  }

  :where(.ws-module-surface) .automations-history > div:not(.contacts-empty) {
    border-top: 1px solid var(--dashboard-panel-border);
    grid-template-columns: minmax(140px, 1fr) minmax(130px, .75fr) 100px minmax(180px, 1.3fr);
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    font-size: .76rem;
    display: grid;
  }

  :where(.ws-module-surface) .automations-history small {
    color: #776e80;
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .automations-dialog {
    gap: 12px;
    width: min(540px, 100% - 24px);
    display: grid;
  }

  :where(.ws-module-surface) .automations-dialog h2 {
    margin: 0 0 5px;
  }

  :where(.ws-module-surface) .automations-dialog .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .automations-dialog p {
    color: #766e7e;
    margin: 0;
    font-size: .74rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .automations-dialog footer {
    margin-top: 5px;
  }

  :where(.ws-module-surface) .automations-secret {
    border: 1px solid var(--dashboard-panel-border);
    color: #342947;
    overflow-wrap: anywhere;
    -webkit-user-select: all;
    user-select: all;
    background: #f8f6fa;
    border-radius: 7px;
    padding: 11px;
    font-size: .73rem;
    display: block;
  }

  :where(.ws-module-surface) .automations-loading {
    gap: 20px;
    padding-top: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-loading > .dashboard-back-link {
    justify-self: start;
  }

  :where(.ws-module-surface) .automations-editor {
    height: 100dvh;
    min-height: 0;
    color: var(--color-primary);
    background: #f8f7fa;
    flex-direction: column;
    display: flex;
  }

  :where(.ws-module-surface) .automations-editor-top {
    border-bottom: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    flex: none;
    align-items: center;
    gap: 18px;
    min-height: 84px;
    padding: 12px 24px;
    display: flex;
    box-shadow: 0 2px 12px #32244808;
  }

  :where(.ws-module-surface) .automations-editor-back {
    border-right: 1px solid var(--dashboard-panel-border);
    align-self: stretch;
    align-items: center;
    padding-right: 18px;
    display: flex;
  }

  :where(.ws-module-surface) .automations-editor-back .dashboard-back-link {
    flex: none;
  }

  :where(.ws-module-surface) .automations-editor-brand {
    flex: 1;
    align-items: center;
    gap: 12px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .automations-editor-brand-icon {
    width: 38px;
    height: 38px;
    color: var(--color-secondary);
    background: #f4effb;
    border: 1px solid #e8dff3;
    border-radius: 10px;
    flex: none;
    place-items: center;
    font-size: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-editor-title {
    flex: 1;
    gap: 2px;
    min-width: 190px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-editor-title > span, :where(.ws-module-surface) .automations-inspector-head span {
    color: #84788f;
    letter-spacing: .07em;
    font-size: .62rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .automations-editor-title .form-label {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .automations-editor-title .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .automations-editor-title .input-form {
    letter-spacing: -.02em;
    background: none;
    border-color: #0000;
    width: min(500px, 100%);
    height: 31px;
    min-height: 31px;
    padding: 0 5px;
    font-size: 1.12rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .automations-editor-title .input-form:hover:not(:disabled), :where(.ws-module-surface) .automations-editor-title .input-form:focus {
    background: var(--ws-surface);
    box-shadow: none;
    border-color: #d6cae5;
    outline: none;
  }

  :where(.ws-module-surface) .automations-editor-title small {
    color: #7b7183;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .automations-editor-meta {
    color: #7b7183;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: .68rem;
    display: flex;
  }

  :where(.ws-module-surface) .automations-editor-meta > span {
    background: #f5f3f7;
    border-radius: 5px;
    align-items: center;
    min-height: 20px;
    padding: 2px 7px;
    display: inline-flex;
  }

  :where(.ws-module-surface) .automations-editor-status.active {
    color: #247749;
    background: #e8f6ed;
  }

  :where(.ws-module-surface) .automations-editor-status.paused {
    color: #946518;
    background: #fff4dc;
  }

  :where(.ws-module-surface) .automations-editor-meta .unsaved {
    color: #875b20;
    background: #fff5e4;
  }

  :where(.ws-module-surface) .automations-editor-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .automations-editor-subbar {
    border-bottom: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    flex: none;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    min-height: 43px;
    padding: 0 20px;
    display: flex;
  }

  :where(.ws-module-surface) .automations-editor-subbar .contacts-tabs {
    border: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .automations-editor-subbar .contacts-tabs button {
    height: 42px;
  }

  :where(.ws-module-surface) .automations-zoom {
    color: #6d6377;
    align-items: center;
    gap: 5px;
    font-size: .73rem;
    display: flex;
  }

  :where(.ws-module-surface) .automations-zoom button {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    border-radius: 5px;
    place-items: center;
    width: 27px;
    height: 27px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-zoom button:hover {
    background: #f2ecf8;
  }

  :where(.ws-module-surface) .automations-editor-workspace {
    flex: 1;
    grid-template-columns: 226px minmax(0, 1fr) 296px;
    min-height: 0;
    display: grid;
  }

  :where(.ws-module-surface) .automations-palette, :where(.ws-module-surface) .automations-inspector {
    background: var(--ws-surface);
    scrollbar-width: thin;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    padding: 17px;
    display: flex;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .automations-palette {
    border-right: 1px solid var(--dashboard-panel-border);
  }

  :where(.ws-module-surface) .automations-inspector {
    border-left: 1px solid var(--dashboard-panel-border);
  }

  :where(.ws-module-surface) .automations-palette > div:first-child {
    gap: 3px;
    margin-bottom: 7px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-palette > div:first-child strong {
    font-size: .86rem;
  }

  :where(.ws-module-surface) .automations-palette > div:first-child small {
    color: #786e81;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .automations-palette > button {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    text-align: left;
    border-radius: 8px;
    align-items: center;
    gap: 9px;
    padding: 11px;
    display: flex;
  }

  :where(.ws-module-surface) .automations-palette > button:hover:not(:disabled) {
    background: #faf7fd;
    border-color: #cbbcdf;
  }

  :where(.ws-module-surface) .automations-palette > button > svg:first-child {
    width: 24px;
    height: 24px;
    color: var(--color-secondary);
    background: #f1eaf9;
    border-radius: 6px;
    flex: none;
    padding: 5px;
  }

  :where(.ws-module-surface) .automations-palette > button > svg:last-child {
    color: #8c7c9d;
    width: 14px;
    margin-left: auto;
  }

  :where(.ws-module-surface) .automations-palette > button > span {
    gap: 2px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-palette strong {
    font-size: .78rem;
  }

  :where(.ws-module-surface) .automations-palette small, :where(.ws-module-surface) .automations-palette p {
    color: #7a7181;
    font-size: .7rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .automations-palette p {
    align-items: flex-start;
    gap: 7px;
    margin-top: auto;
    display: flex;
  }

  :where(.ws-module-surface) .automations-palette p svg {
    flex: none;
  }

  :where(.ws-module-surface) .automations-editor button:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  :where(.ws-module-surface) .automations-canvas {
    background-color: #f8f7fa;
    background-image: radial-gradient(#d9d1e1 1px, #0000 1px);
    background-size: 20px 20px;
    min-width: 0;
    overflow: auto;
  }

  :where(.ws-module-surface) .automations-flow {
    flex-direction: column;
    align-items: center;
    gap: 34px;
    width: 100%;
    min-height: 100%;
    padding: 45px 36px 90px;
    display: flex;
    position: relative;
  }

  :where(.ws-module-surface) .automations-flow-links {
    pointer-events: none;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    overflow: visible;
  }

  :where(.ws-module-surface) .automations-flow-links path:not(marker path) {
    fill: none;
    stroke: #ad9bc3;
    stroke-width: 1.6px;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  :where(.ws-module-surface) .automations-flow-links path.branch-yes {
    stroke: #82aa91;
  }

  :where(.ws-module-surface) .automations-flow-links path.branch-no {
    stroke: #bd9997;
  }

  :where(.ws-module-surface) .automations-flow > :not(svg) {
    z-index: 1;
    position: relative;
  }

  :where(.ws-module-surface) .automations-node {
    background: var(--ws-surface);
    text-align: left;
    border: 1px solid #ddd7e5;
    border-radius: 9px;
    flex: none;
    align-items: flex-start;
    gap: 10px;
    width: 240px;
    min-height: 108px;
    padding: 13px;
    display: flex;
    position: relative;
    box-shadow: 0 2px 7px #30203e0b;
  }

  :where(.ws-module-surface) .automations-node:hover:not(.selected) {
    border-color: #bca8d6;
    box-shadow: 0 3px 11px #39224e14;
  }

  :where(.ws-module-surface) .automations-node.selected {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 2px #7543ce1b, 0 3px 11px #39224e12;
  }

  :where(.ws-module-surface) .automations-node {
    cursor: grab;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
  }

  :where(.ws-module-surface) .automations-node:active {
    cursor: grabbing;
  }

  :where(.ws-module-surface) .automations-node.dragging {
    opacity: .8;
    z-index: 3;
  }

  :where(.ws-module-surface) .automations-node.drop-target {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 3px #7543ce30;
  }

  :where(.ws-module-surface) .automations-node.drop-before:before, :where(.ws-module-surface) .automations-node.drop-after:after {
    content: "";
    background: var(--color-secondary);
    border-radius: 3px;
    height: 3px;
    position: absolute;
    left: 6px;
    right: 6px;
    box-shadow: 0 0 0 3px #7543ce1b;
  }

  :where(.ws-module-surface) .automations-node.drop-before:before {
    top: -9px;
  }

  :where(.ws-module-surface) .automations-node.drop-after:after {
    bottom: -9px;
  }

  :where(.ws-module-surface) .automations-node > span:nth-child(2) {
    flex: 1;
    gap: 4px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .automations-drag-handle {
    color: #a397ad;
    flex: none;
    place-items: center;
    width: 18px;
    height: 22px;
    margin: -2px -5px 0 0;
    font-size: 15px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-node:hover .automations-drag-handle {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .automations-node small {
    color: #8a7d92;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: .62rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .automations-node strong {
    color: #2d2536;
    font-size: .81rem;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .automations-node em {
    color: #82798a;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .68rem;
    font-style: normal;
    overflow: hidden;
  }

  :where(.ws-module-surface) .automations-node-icon {
    width: 28px;
    height: 28px;
    color: var(--color-secondary);
    background: #f1eaf9;
    border-radius: 6px;
    flex: none;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .automations-node-icon.condition {
    color: #5574a9;
    background: #eaf0fb;
  }

  :where(.ws-module-surface) .automations-node-icon.delay {
    color: #b66c3f;
    background: #fff1e6;
  }

  :where(.ws-module-surface) .automations-connector {
    background: #c5b6db;
    flex: none;
    width: 2px;
    height: 34px;
    display: block;
    position: relative;
  }

  :where(.ws-module-surface) .automations-connector:after {
    content: "";
    border-bottom: 2px solid #9e87bf;
    border-right: 2px solid #9e87bf;
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 1px;
    left: -3px;
    transform: rotate(45deg);
  }

  :where(.ws-module-surface) .automations-branches {
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    min-width: 280px;
    padding: 14px 7px 0;
    display: flex;
  }

  :where(.ws-module-surface) .automations-branch {
    background: #fcfbfe;
    border: 1px dashed #d8cee4;
    border-radius: 8px;
    align-content: start;
    gap: 9px;
    min-width: 130px;
    max-width: 258px;
    padding: 9px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-branch.drop-target {
    border-color: var(--color-secondary);
    background: #f4eefb;
    box-shadow: 0 0 0 2px #7543ce1b;
  }

  :where(.ws-module-surface) .automations-branch > span {
    color: #73617e;
    overflow-wrap: anywhere;
    font-size: .7rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .automations-branch .automations-node {
    width: 220px;
    min-height: 84px;
  }

  :where(.ws-module-surface) .automations-branch-node {
    gap: 8px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-add-row button, :where(.ws-module-surface) .automations-flow-end button {
    background: var(--ws-surface);
    height: 30px;
    color: var(--color-secondary);
    border: 1px dashed #baa7d0;
    border-radius: 6px;
    align-items: center;
    gap: 5px;
    padding: 0 9px;
    font-size: .71rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .automations-add-row button:hover, :where(.ws-module-surface) .automations-flow-end button:hover {
    background: #f1eaf9;
  }

  :where(.ws-module-surface) .automations-flow-end {
    color: #aa97be;
    justify-items: center;
    gap: 8px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-flow-end button {
    cursor: grab;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
  }

  :where(.ws-module-surface) .automations-flow-end button:active {
    cursor: grabbing;
  }

  :where(.ws-module-surface) .automations-flow > .automations-flow-end.dragging {
    z-index: 3;
    opacity: .8;
  }

  :where(.ws-module-surface) .automations-flow-end.drop-target button {
    border-color: var(--color-secondary);
    background: #f1eaf9;
    box-shadow: 0 0 0 3px #7543ce1b;
  }

  :where(.ws-module-surface) .automations-inspector-head {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .automations-inspector-head > div {
    gap: 4px;
    display: grid;
  }

  :where(.ws-module-surface) .automations-inspector-head strong {
    font-size: .9rem;
  }

  :where(.ws-module-surface) .automations-inspector-fields {
    align-content: start;
    gap: 14px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .automations-inspector-fields .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .automations-inspector-fields > .automations-inspector-fields {
    border: 1px solid var(--dashboard-panel-border);
    background: #fcfbfe;
    border-radius: 8px;
    gap: 10px;
    padding: 12px;
  }

  :where(.ws-module-surface) .automations-inspector-fields textarea.input-form {
    min-height: 90px;
  }

  :where(.ws-module-surface) .automations-node-actions {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    padding-top: 13px;
    display: flex;
  }

  :where(.ws-module-surface) .automations-node-actions .contacts-button {
    font-size: .7rem;
  }

  :where(.ws-module-surface) .automations-run-view {
    flex: 1;
    align-content: start;
    gap: 10px;
    min-height: 0;
    padding: 20px;
    display: grid;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .automations-run-view article {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    border-radius: 8px;
    padding: 15px;
  }

  :where(.ws-module-surface) .automations-run-view article > div {
    align-items: center;
    gap: 12px;
    font-size: .82rem;
    display: flex;
  }

  :where(.ws-module-surface) .automations-run-view p {
    color: #b34a50;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .automations-run-view ol {
    color: #766d7e;
    margin-bottom: 0;
    font-size: .72rem;
  }

  @media (max-width: 1100px) {
    :where(.ws-module-surface) .automations-editor-workspace {
      grid-template-columns: 180px minmax(0, 1fr) 250px;
    }

    :where(.ws-module-surface) .automations-palette, :where(.ws-module-surface) .automations-inspector {
      padding: 12px;
    }
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .automations-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .automations-editor-workspace {
      grid-template-rows: auto minmax(0, 1fr);
      grid-template-columns: minmax(0, 1fr) 250px;
    }

    :where(.ws-module-surface) .automations-palette {
      border-right: 0;
      border-bottom: 1px solid var(--dashboard-panel-border);
      flex-direction: row;
      grid-column: 1 / -1;
      align-items: center;
      overflow-x: auto;
    }

    :where(.ws-module-surface) .automations-palette > div:first-child, :where(.ws-module-surface) .automations-palette p {
      display: none;
    }

    :where(.ws-module-surface) .automations-palette > button {
      flex: 1;
      min-width: 140px;
    }

    :where(.ws-module-surface) .automations-editor-top {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) .automations-editor-actions {
      justify-content: flex-end;
      width: 100%;
    }
  }

  @media (max-width: 650px) {
    :where(.ws-module-surface) .automations-templates > div, :where(.ws-module-surface) .automations-kpis {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .automations-history > div:not(.contacts-empty) {
      grid-template-columns: 1fr 1fr;
    }

    :where(.ws-module-surface) .automations-editor-workspace {
      flex-direction: column;
      display: flex;
    }

    :where(.ws-module-surface) .automations-palette {
      flex: none;
      padding: 9px;
    }

    :where(.ws-module-surface) .automations-palette > button {
      flex: none;
    }

    :where(.ws-module-surface) .automations-canvas {
      flex: 1;
      min-height: 250px;
    }

    :where(.ws-module-surface) .automations-inspector {
      border-left: 0;
      border-top: 1px solid var(--dashboard-panel-border);
      max-height: 42dvh;
    }

    :where(.ws-module-surface) .automations-flow {
      padding: 35px;
    }
  }

  :where(.ws-module-surface) .supplies-page {
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .supplies-page > .dash-title-section, :where(.ws-module-surface) .supplies-page > .kpis-card-container {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .supplies-page .filtersContacts {
    margin: 0;
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .supplies-page .proposals-filter-fields {
    flex: auto;
  }

  :where(.ws-module-surface) .supply-filter-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    display: flex;
  }

  :where(.ws-module-surface) .supplies-page .filtersContacts .contacts-button {
    height: var(--dashboard-filter-height);
  }

  :where(.ws-module-surface) .supplies-page .contacts-tabs {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .supplies-page .contacts-table td {
    vertical-align: middle;
  }

  :where(.ws-module-surface) .supply-cell-note {
    color: #7a7285;
    overflow-wrap: anywhere;
    margin-top: 3px;
    font-size: .74rem;
    display: block;
  }

  :where(.ws-module-surface) .supply-toolbar, :where(.ws-module-surface) .supply-row-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .supply-toolbar {
    justify-content: flex-end;
  }

  :where(.ws-module-surface) .supply-row-actions {
    flex-wrap: nowrap;
  }

  :where(.ws-module-surface) .supply-item-editor {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: #fcfbfd;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-dialog.contacts-drawer:has(.supply-form) {
    width: min(700px, 100vw);
  }

  :where(.ws-module-surface) .supply-form .contacts-form-body {
    background: var(--dashboard-bg);
    gap: 16px;
  }

  :where(.ws-module-surface) .supply-form-section > .contacts-section-heading {
    margin: 0;
  }

  :where(.ws-module-surface) .supply-form-section > .supply-form-action {
    justify-content: flex-end;
  }

  :where(.ws-module-surface) .supply-form-section .supply-item-editor + .supply-item-editor {
    margin-top: 0;
  }

  :where(.ws-module-surface) .supply-item-editor > .contacts-button {
    align-self: flex-end;
  }

  :where(.ws-module-surface) .supply-form h3, :where(.ws-module-surface) .supplies-page .contacts-panel h3 {
    margin: 0;
    font-size: .86rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .supply-form .contacts-section-heading {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .supply-total {
    border-top: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    font-size: .87rem;
    display: flex;
  }

  :where(.ws-module-surface) .supply-total strong {
    color: var(--color-secondary);
    font-size: 1.05rem;
  }

  :where(.ws-module-surface) .supply-settings {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .supply-setting-row {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    font-size: .82rem;
    display: flex;
  }

  :where(.ws-module-surface) .supply-setting-row > span {
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  :where(.ws-module-surface) .supply-setting-row > span > svg {
    width: 16px;
    height: 16px;
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .supply-overview {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
    padding: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .supply-overview > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .supply-overview > div > span:first-child {
    color: #7a7285;
    font-size: .74rem;
  }

  :where(.ws-module-surface) .supply-overview strong {
    overflow-wrap: anywhere;
    font-size: .88rem;
  }

  :where(.ws-module-surface) .supply-order-notes {
    grid-template-columns: minmax(0, 1fr) 270px;
    gap: 24px;
    padding: 20px;
    font-size: .82rem;
    display: grid;
  }

  :where(.ws-module-surface) .supply-order-notes p {
    white-space: pre-wrap;
    color: #736a7f;
    margin: 8px 0 16px;
  }

  :where(.ws-module-surface) .supply-order-notes dl > div {
    justify-content: space-between;
    gap: 16px;
    padding: 7px 0;
    display: flex;
  }

  :where(.ws-module-surface) .supply-order-notes dl > div:last-child {
    border-top: 1px solid var(--dashboard-panel-border);
    margin-top: 6px;
  }

  :where(.ws-module-surface) .supply-upload {
    padding: 20px;
  }

  :where(.ws-module-surface) .supply-history {
    padding: 8px 20px;
  }

  :where(.ws-module-surface) .supply-history article {
    border-bottom: 1px solid var(--dashboard-panel-border);
    gap: 12px;
    padding: 16px 0;
    display: flex;
  }

  :where(.ws-module-surface) .supply-history article:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .supply-history article > span {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .supply-history article strong {
    font-size: .82rem;
  }

  :where(.ws-module-surface) .supply-history article p {
    color: #7a7285;
    margin-top: 4px;
    font-size: .75rem;
  }

  @media (max-width: 900px) {
    :where(.ws-module-surface) .supply-overview {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .supply-settings {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .supply-overview {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      padding: 16px;
    }

    :where(.ws-module-surface) .supply-order-notes {
      grid-template-columns: 1fr;
      gap: 16px;
      padding: 16px;
    }

    :where(.ws-module-surface) .supply-item-editor, :where(.ws-module-surface) .supply-form-section, :where(.ws-module-surface) .supply-form .contacts-form-body {
      padding: 12px;
    }

    :where(.ws-module-surface) .supplies-page .proposals-filter-fields .form-group {
      flex: 145px;
      max-width: none;
    }
  }

  :where(.ws-module-surface) .production-page .production-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 18px;
  }

  :where(.ws-module-surface) .production-page .production-filters {
    margin-bottom: 14px;
  }

  :where(.ws-module-surface) .production-page .production-sessions {
    border-radius: var(--dashboard-panel-radius);
    background: #fffaf1;
    border: 1px solid #e7d8bb;
    flex-direction: column;
    gap: 9px;
    margin-bottom: 16px;
    padding: 13px 16px;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-sessions strong {
    align-items: center;
    gap: 7px;
    font-size: .82rem;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-sessions > div {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-sessions a {
    color: var(--color-primary);
    background: #fff;
    border: 1px solid #ecd7ac;
    border-radius: 6px;
    padding: 6px 9px;
    font-size: .77rem;
  }

  :where(.ws-module-surface) .production-page .production-order-link, :where(.ws-module-surface) .production-page .production-cell-note {
    display: block;
  }

  :where(.ws-module-surface) .production-page .production-order-link {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .production-page .production-order-link small, :where(.ws-module-surface) .production-page .production-cell-note {
    color: #81788d;
    margin-top: 3px;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .production-page .production-late {
    color: var(--dashboard-danger);
    margin-left: 6px;
    font-size: .72rem;
    font-weight: 600;
    display: inline-block;
  }

  :where(.ws-module-surface) .production-page .production-progress {
    min-width: 100px;
  }

  :where(.ws-module-surface) .production-page .production-progress > span {
    background: #eae5f0;
    border-radius: 999px;
    height: 5px;
    display: block;
    overflow: hidden;
  }

  :where(.ws-module-surface) .production-page .production-progress i {
    border-radius: inherit;
    background: var(--color-secondary);
    height: 100%;
    display: block;
  }

  :where(.ws-module-surface) .production-page .production-progress small {
    color: #81788d;
    margin-top: 4px;
    font-size: .7rem;
    display: block;
  }

  :where(.ws-module-surface) .production-page-board {
    flex-direction: column;
    min-height: calc(100dvh - 115px);
    padding-bottom: 0;
    display: flex;
  }

  :where(.ws-module-surface) .production-page-board > :not(.production-board) {
    flex-shrink: 0;
  }

  :where(.ws-module-surface) .production-page .production-board {
    min-height: 280px;
  }

  :where(.ws-module-surface) .production-page .production-board-column {
    flex-basis: 286px;
  }

  :where(.ws-module-surface) .production-page .production-board-column > header {
    border-top-color: #9072ba;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  :where(.ws-module-surface) .production-page .production-column-title {
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-column-title strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  :where(.ws-module-surface) .production-page .production-column-handle {
    color: #81778a;
    cursor: grab;
    background: none;
    border: 0;
    border-radius: 5px;
    flex: none;
    place-items: center;
    width: 28px;
    height: 28px;
    display: grid;
  }

  :where(.ws-module-surface) .production-page .production-column-handle:hover, :where(.ws-module-surface) .production-page .production-column-handle:focus-visible {
    background: var(--dashboard-button-hover);
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .production-page .production-column-handle:active {
    cursor: grabbing;
  }

  :where(.ws-module-surface) .production-page .production-board-column.is-drop-target {
    border-color: var(--color-secondary);
    background: #f2eafb;
  }

  :where(.ws-module-surface) .production-page .production-board-column.is-ready > header {
    border-top-color: #429475;
  }

  :where(.ws-module-surface) .production-page .production-board-column.is-in_progress > header {
    border-top-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .production-page .production-board-column.is-paused > header {
    border-top-color: #cb9a46;
  }

  :where(.ws-module-surface) .production-page .production-board-column.is-blocked > header, :where(.ws-module-surface) .production-page .production-board-column.is-cancelled > header {
    border-top-color: #c66a73;
  }

  :where(.ws-module-surface) .production-page .production-board-column.is-completed > header {
    border-top-color: #4e9d78;
  }

  :where(.ws-module-surface) .production-page .production-order-card {
    color: var(--color-primary);
    cursor: pointer;
    text-decoration: none;
    transition: border-color .15s, box-shadow .15s;
  }

  :where(.ws-module-surface) .production-page .production-order-card:hover {
    border-color: var(--dashboard-button-hover-border);
    box-shadow: 0 3px 12px #34145512;
  }

  :where(.ws-module-surface) .production-page .production-order-card:active {
    cursor: pointer;
  }

  :where(.ws-module-surface) .production-page .production-board .production-order-card {
    cursor: grab;
  }

  :where(.ws-module-surface) .production-page .production-board .production-order-card:active {
    cursor: grabbing;
  }

  :where(.ws-module-surface) .production-page .production-card-top, :where(.ws-module-surface) .production-page .production-order-card footer {
    color: #81778a;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    min-width: 0;
    font-size: .7rem;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-card-top > span:first-child {
    font-weight: 650;
  }

  :where(.ws-module-surface) .production-page .production-card-priority {
    color: #76578d;
    background: #f0eaf6;
    border-radius: 5px;
    padding: 3px 6px;
    font-size: .68rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .production-page .production-card-priority.is-high, :where(.ws-module-surface) .production-page .production-card-priority.is-urgent {
    color: #a96832;
    background: #fff0e6;
  }

  :where(.ws-module-surface) .production-page .production-card-priority.is-urgent {
    color: #a94752;
    background: #fbecee;
  }

  :where(.ws-module-surface) .production-page .production-card-name {
    overflow-wrap: anywhere;
    min-width: 0;
    font-size: .84rem;
    font-weight: 650;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .production-page .production-card-client {
    color: #746b7d;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .76rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) .production-page .production-card-stage {
    color: #665a71;
    align-items: center;
    gap: 5px;
    font-size: .75rem;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-card-stage svg {
    color: var(--color-secondary);
    flex: none;
  }

  :where(.ws-module-surface) .production-page .production-order-card footer {
    border-top: 1px solid var(--dashboard-panel-border);
    justify-content: flex-start;
    padding-top: 8px;
  }

  :where(.ws-module-surface) .production-page .production-order-card footer span, :where(.ws-module-surface) .production-page .production-order-card footer em {
    align-items: center;
    gap: 4px;
    font-style: normal;
    display: inline-flex;
  }

  :where(.ws-module-surface) .production-page .production-order-card footer em, :where(.ws-module-surface) .production-page .production-card-reworks {
    color: var(--dashboard-danger);
  }

  :where(.ws-module-surface) .production-page .production-board-pagination {
    margin-top: 8px;
  }

  :where(.ws-module-surface) .contacts-dialog.contacts-drawer:has(.production-board-form) {
    width: min(760px, 100vw);
  }

  :where(.ws-module-surface) .production-board-form .contacts-form-body {
    background: var(--dashboard-bg);
    gap: 16px;
  }

  :where(.ws-module-surface) .production-board-settings {
    gap: 8px;
    margin-bottom: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .production-board-setting {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--dashboard-surface);
    grid-template-columns: 26px 24px minmax(0, 1fr) 64px 38px;
    align-items: end;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    display: grid;
  }

  :where(.ws-module-surface) .production-board-setting.is-hidden {
    opacity: .62;
  }

  :where(.ws-module-surface) .production-board-setting.is-dragging {
    border-color: var(--color-secondary);
    background: #f5f0fb;
  }

  :where(.ws-module-surface) .production-board-drag-handle {
    color: #81778a;
    cursor: grab;
    background: none;
    border: 0;
    border-radius: 5px;
    align-self: center;
    place-items: center;
    width: 26px;
    height: 34px;
    display: grid;
  }

  :where(.ws-module-surface) .production-board-drag-handle:hover, :where(.ws-module-surface) .production-board-drag-handle:focus-visible {
    background: var(--dashboard-button-hover);
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .production-board-drag-handle:active {
    cursor: grabbing;
  }

  :where(.ws-module-surface) .production-board-setting-index {
    width: 24px;
    height: 24px;
    color: var(--color-secondary);
    background: #f1eaf9;
    border-radius: 5px;
    align-self: center;
    place-items: center;
    font-size: .73rem;
    font-weight: 650;
    display: grid;
  }

  :where(.ws-module-surface) .production-board-setting .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .production-board-setting-color {
    gap: 5px;
    display: grid;
  }

  :where(.ws-module-surface) .production-board-setting-color label {
    color: var(--color-primary);
    font-size: .8rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .production-board-setting-color input {
    border: 1px solid var(--dashboard-filter-border);
    border-radius: var(--dashboard-control-radius);
    cursor: pointer;
    background: #fff;
    width: 64px;
    height: 42px;
    padding: 3px;
  }

  :where(.ws-module-surface) .production-board-setting-actions {
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    padding-bottom: 4px;
    display: flex;
  }

  :where(.ws-module-surface) .production-board-setting-actions .contacts-icon-button {
    width: 34px;
    height: 34px;
  }

  :where(.ws-module-surface) .production-board-delete {
    color: var(--dashboard-danger);
  }

  :where(.ws-module-surface) .production-board-settings-footer {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .production-board-settings-note {
    color: #81778a;
    margin: 10px 0 0;
    font-size: .75rem;
    line-height: 1.4;
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .production-board-setting {
      grid-template-columns: 26px 24px minmax(0, 1fr) 64px;
      gap: 7px;
      padding: 9px;
    }

    :where(.ws-module-surface) .production-board-setting-actions {
      grid-column: 3 / -1;
      justify-content: flex-start;
      padding-bottom: 0;
    }
  }

  :where(.ws-module-surface) .production-page .production-plan {
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .production-page .production-plan > section {
    padding: 15px;
  }

  :where(.ws-module-surface) .production-page .production-plan h2 {
    justify-content: space-between;
    margin: 0 0 12px;
    font-size: .9rem;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-plan h2 span {
    color: #81788d;
  }

  :where(.ws-module-surface) .production-page .production-plan > section > div {
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
    gap: 8px;
    display: grid;
  }

  :where(.ws-module-surface) .production-page .production-plan .production-order-card {
    margin: 0;
  }

  :where(.ws-module-surface) .production-page .production-stage-settings {
    gap: 7px;
    display: grid;
  }

  :where(.ws-module-surface) .production-page .production-stage-settings > div {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 6px;
    align-items: center;
    gap: 7px;
    min-width: 0;
    padding: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-stage-settings > div > span {
    width: 22px;
    height: 22px;
    color: var(--color-secondary);
    background: #f1eaf9;
    border-radius: 5px;
    flex: none;
    place-items: center;
    font-size: .75rem;
    display: grid;
  }

  :where(.ws-module-surface) .production-page .production-stage-settings strong {
    flex: 1;
    min-width: 0;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .production-page .production-stage-settings small {
    color: #81788d;
  }

  :where(.ws-module-surface) .contacts-dialog.contacts-drawer:has(.production-form) {
    width: min(700px, 100vw);
  }

  :where(.ws-module-surface) .production-form .contacts-form-body, :where(.ws-module-surface) .production-settings-body {
    background: var(--dashboard-bg);
    gap: 16px;
  }

  :where(.ws-module-surface) .production-settings-body .dashboard-form-section {
    min-width: 0;
  }

  :where(.ws-module-surface) .production-settings-body .production-add-stage {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
    width: 100%;
    margin: 0;
    display: grid;
  }

  :where(.ws-module-surface) .production-settings-body .production-add-stage .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .production-settings-body .production-add-stage .contacts-button {
    align-self: end;
    margin-bottom: 3px;
  }

  :where(.ws-module-surface) .production-page .production-order-badges {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-detail-kpis {
    margin-bottom: 17px;
  }

  :where(.ws-module-surface) .production-page .production-detail-panel {
    padding: 18px;
  }

  :where(.ws-module-surface) .production-page .production-detail-panel h2 {
    margin: 0 0 15px;
    font-size: .94rem;
  }

  :where(.ws-module-surface) .production-page .production-detail-panel h3 {
    margin: 20px 0 8px;
    font-size: .83rem;
  }

  :where(.ws-module-surface) .production-page .production-detail-panel > p {
    color: #746b7d;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .production-page .production-overview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .production-page .production-overview-grid > div {
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-overview-grid small {
    color: #81788d;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .production-page .production-overview-grid strong, :where(.ws-module-surface) .production-page .production-overview-grid a {
    overflow-wrap: anywhere;
    color: var(--color-primary);
    font-size: .8rem;
  }

  :where(.ws-module-surface) .production-page .production-overview-grid a {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .production-page .production-stage-row, :where(.ws-module-surface) .production-page .production-detail-row {
    border-top: 1px solid var(--dashboard-panel-border);
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 11px 0;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-stage-row > div:nth-child(2) {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .production-page .production-stage-index {
    width: 26px;
    height: 26px;
    color: var(--color-secondary);
    background: #f0eafb;
    border-radius: 6px;
    flex: none;
    place-items: center;
    font-size: .78rem;
    font-weight: 650;
    display: grid;
  }

  :where(.ws-module-surface) .production-page .production-stage-row strong, :where(.ws-module-surface) .production-page .production-detail-row strong {
    font-size: .81rem;
    display: block;
  }

  :where(.ws-module-surface) .production-page .production-stage-row small, :where(.ws-module-surface) .production-page .production-detail-row small {
    color: #81788d;
    margin-top: 3px;
    font-size: .72rem;
    display: block;
  }

  :where(.ws-module-surface) .production-page .production-stage-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-section-heading {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-section-heading h2 {
    margin: 0;
  }

  :where(.ws-module-surface) .production-page .production-time-controls {
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-time-controls > div {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 7px;
    align-items: center;
    gap: 8px;
    padding: 7px;
    font-size: .76rem;
    display: flex;
  }

  :where(.ws-module-surface) .production-page .production-detail-row > div {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .production-page .production-detail-row p {
    margin: 5px 0;
    font-size: .77rem;
  }

  :where(.ws-module-surface) .production-page .production-detail-row > span:last-child {
    color: #81788d;
    margin-left: auto;
    font-size: .74rem;
  }

  :where(.ws-module-surface) .production-detail .production-order-badges {
    margin: 2px 0 14px;
  }

  :where(.ws-module-surface) .production-detail .production-detail-kpis {
    margin-bottom: 18px;
  }

  :where(.ws-module-surface) .production-detail .contacts-tabs {
    scrollbar-width: none;
    margin-bottom: 16px;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .production-detail .contacts-tabs::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .production-detail .production-detail-panel {
    min-width: 0;
    padding: 20px;
  }

  :where(.ws-module-surface) .production-detail .production-detail-panel h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: 1rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .production-detail .production-detail-panel h3 {
    color: var(--color-primary);
    margin: 0;
    font-size: .85rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .production-detail .production-section-heading {
    align-items: flex-start;
    margin-bottom: 18px;
  }

  :where(.ws-module-surface) .production-detail .production-section-heading p {
    color: #81788d;
    margin: 5px 0 0;
    font-size: .79rem;
    line-height: 1.45;
  }

  :where(.ws-module-surface) .production-detail .production-section-heading .contacts-button {
    flex: none;
  }

  :where(.ws-module-surface) .production-detail .production-overview-grid {
    gap: 10px;
    margin-bottom: 20px;
  }

  :where(.ws-module-surface) .production-detail .production-overview-grid > div {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: #fcfbfd;
    gap: 7px;
    min-height: 73px;
    padding: 13px 15px;
  }

  :where(.ws-module-surface) .production-detail .production-overview-grid small {
    color: #81788d;
    font-size: .75rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .production-detail .production-overview-grid strong, :where(.ws-module-surface) .production-detail .production-overview-grid a {
    font-size: .87rem;
    font-weight: 600;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .production-detail .production-overview-grid a:hover {
    text-decoration: underline;
  }

  :where(.ws-module-surface) .production-detail .production-detail-panel > h3 {
    border-top: 1px solid var(--dashboard-panel-border);
    margin: 18px 0 10px;
    padding-top: 17px;
  }

  :where(.ws-module-surface) .production-detail .production-detail-panel > h3:first-child {
    border: 0;
    padding-top: 0;
  }

  :where(.ws-module-surface) .production-detail .production-detail-panel > p {
    color: #675e71;
    overflow-wrap: anywhere;
    margin: 0;
    font-size: .83rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .production-detail .production-detail-panel > .contacts-empty {
    border: 1px dashed var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: #fcfbfd;
    min-height: 0;
    padding: 16px;
  }

  :where(.ws-module-surface) .production-detail .production-detail-panel > .contacts-empty .contacts-empty-icon {
    width: 38px;
    height: 38px;
    font-size: 17px;
  }

  :where(.ws-module-surface) .production-detail .production-detail-panel > .contacts-empty h3 {
    font-size: .84rem;
  }

  :where(.ws-module-surface) .production-detail .production-detail-panel > .contacts-empty p {
    font-size: .77rem;
  }

  :where(.ws-module-surface) .production-detail .production-stage-row {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--ws-surface);
    align-items: flex-start;
    gap: 13px;
    margin-top: 9px;
    padding: 14px;
  }

  :where(.ws-module-surface) .production-detail .production-stage-row:first-of-type {
    margin-top: 0;
  }

  :where(.ws-module-surface) .production-detail .production-stage-index {
    border-radius: 8px;
    width: 30px;
    height: 30px;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .production-detail .production-stage-row strong {
    padding-top: 3px;
    font-size: .88rem;
  }

  :where(.ws-module-surface) .production-detail .production-stage-row small {
    font-size: .75rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .production-detail .production-stage-row small:has(.production-stage-status) {
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .production-detail .production-stage-status {
    color: #645873;
    background: #f1edf6;
    border-radius: 5px;
    align-items: center;
    min-height: 21px;
    padding: 2px 7px;
    font-size: .72rem;
    font-weight: 600;
    line-height: 1.2;
    display: inline-flex;
  }

  :where(.ws-module-surface) .production-detail .production-stage-status.is-ready, :where(.ws-module-surface) .production-detail .production-stage-status.is-open {
    color: #386496;
    background: #eaf1fc;
  }

  :where(.ws-module-surface) .production-detail .production-stage-status.is-in_progress {
    color: var(--color-secondary);
    background: #f0eafb;
  }

  :where(.ws-module-surface) .production-detail .production-stage-status.is-completed, :where(.ws-module-surface) .production-detail .production-stage-status.is-resolved {
    color: #24824e;
    background: #e7f6ec;
  }

  :where(.ws-module-surface) .production-detail .production-stage-status.is-blocked, :where(.ws-module-surface) .production-detail .production-stage-status.is-cancelled {
    color: #aa4056;
    background: #fcebef;
  }

  :where(.ws-module-surface) .production-detail .production-stage-row.is-in_progress {
    background: #fdfbff;
    border-color: #cdb9e7;
  }

  :where(.ws-module-surface) .production-detail .production-stage-row.is-completed .production-stage-index {
    color: #24824e;
    background: #e7f6ec;
  }

  :where(.ws-module-surface) .production-detail .production-stage-row.is-blocked .production-stage-index {
    color: #aa4056;
    background: #fcebef;
  }

  :where(.ws-module-surface) .production-detail .production-stage-actions {
    align-self: center;
    gap: 6px;
    max-width: 55%;
  }

  :where(.ws-module-surface) .production-detail .production-time-controls {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-bottom: 17px;
    display: grid;
  }

  :where(.ws-module-surface) .production-detail .production-time-controls > div {
    background: #fcfbfd;
    justify-content: space-between;
    min-width: 0;
    padding: 10px 12px;
    font-size: .79rem;
  }

  :where(.ws-module-surface) .production-detail .production-time-controls strong {
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .production-detail .contacts-table-scroll {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
  }

  :where(.ws-module-surface) .production-detail .production-detail-row {
    padding: 13px 2px;
  }

  :where(.ws-module-surface) .production-detail .production-detail-row strong {
    font-size: .85rem;
  }

  :where(.ws-module-surface) .production-detail .production-detail-row p {
    color: #675e71;
    font-size: .8rem;
    line-height: 1.45;
  }

  :where(.ws-module-surface) .production-detail .production-detail-row small {
    font-size: .74rem;
  }

  :where(.ws-module-surface) .production-detail .production-history-row {
    border-top: 0;
    border-left: 1px solid var(--dashboard-panel-border);
    align-items: flex-start;
    gap: 13px;
    margin-left: 12px;
    padding: 13px 0 13px 20px;
    position: relative;
  }

  :where(.ws-module-surface) .production-detail .production-history-row:before {
    content: "";
    background: var(--color-secondary);
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 18px;
    left: -5px;
    box-shadow: 0 0 0 4px #f1ebfa;
  }

  :where(.ws-module-surface) .production-detail .production-history-row > span:last-child {
    white-space: nowrap;
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .production-detail .production-stage-actions {
      max-width: none;
      padding-left: 43px;
    }

    :where(.ws-module-surface) .production-detail .production-history-row > span:last-child {
      white-space: normal;
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .production-detail .production-detail-panel {
      padding: 15px;
    }

    :where(.ws-module-surface) .production-detail .production-overview-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .production-detail .production-stage-actions {
      padding-left: 0;
    }

    :where(.ws-module-surface) .production-detail .production-detail-row {
      flex-wrap: wrap;
      align-items: flex-start;
    }

    :where(.ws-module-surface) .production-detail .production-detail-row > span:last-child {
      width: 100%;
      margin-left: 0;
    }
  }

  @media (max-width: 420px) {
    :where(.ws-module-surface) .production-detail .production-overview-grid {
      grid-template-columns: 1fr;
    }
  }

  :where(.ws-module-surface) .projects-detail-panel .projects-production-links {
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
    display: flex;
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .production-page .production-kpis, :where(.ws-module-surface) .production-page .production-overview-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .production-page .production-stage-row {
      flex-wrap: wrap;
      align-items: flex-start;
    }

    :where(.ws-module-surface) .production-page .production-stage-actions {
      justify-content: flex-start;
      width: 100%;
      padding-left: 38px;
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .production-page .production-kpis, :where(.ws-module-surface) .production-page .production-overview-grid, :where(.ws-module-surface) .production-settings-body .production-add-stage {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .production-settings-body .production-add-stage .contacts-button {
      justify-self: end;
      margin-bottom: 0;
    }

    :where(.ws-module-surface) .production-page .production-section-heading {
      flex-direction: column;
      align-items: flex-start;
    }

    :where(.ws-module-surface) .production-page .production-stage-settings > div {
      flex-wrap: wrap;
    }
  }

  :where(.ws-module-surface) .installations-page {
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .installations-page > .dash-title-section, :where(.ws-module-surface) .installations-page > .kpis-card-container, :where(.ws-module-surface) .installations-page > .contacts-tabs {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .installations-page .filtersContacts {
    margin: 0;
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .installations-page .kpis-card-container.one-dash.installations-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .installations-kpis > button {
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    min-width: 0;
    padding: 0;
    display: block;
  }

  :where(.ws-module-surface) .installations-filters {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .installations-page .contacts-table td {
    vertical-align: middle;
  }

  :where(.ws-module-surface) .installations-page .production-order-link {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .installations-agenda {
    flex-direction: column;
    gap: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .installations-agenda > section {
    padding: 16px;
  }

  :where(.ws-module-surface) .installations-agenda h2 {
    text-transform: capitalize;
    margin: 0 0 12px;
    font-size: .9rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .installations-agenda > section > div:not(.contacts-empty) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .installations-agenda-card {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    min-width: 0;
    color: var(--color-primary);
    flex-direction: column;
    gap: 5px;
    padding: 12px;
    font-size: .79rem;
    display: flex;
  }

  :where(.ws-module-surface) .installations-agenda-card:hover {
    border-color: var(--dashboard-button-hover-border);
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .installations-agenda-card strong {
    overflow-wrap: anywhere;
    font-size: .85rem;
  }

  :where(.ws-module-surface) .installations-agenda-card span {
    color: #746a80;
  }

  :where(.ws-module-surface) .installations-member-picker {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    display: flex;
  }

  :where(.ws-module-surface) .installations-member-picker > strong {
    flex-basis: 100%;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .installations-item-picker {
    flex-direction: column;
    gap: 8px;
    max-height: 220px;
    display: flex;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .installations-item-picker > p {
    color: #81788d;
    margin: 0;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .installation-detail > .projects-detail-top {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .installations-action-bar {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--dashboard-surface);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    display: flex;
  }

  :where(.ws-module-surface) .installations-action-bar > div {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
    margin-left: auto;
    display: flex;
  }

  :where(.ws-module-surface) .installations-notice {
    border-radius: var(--dashboard-panel-radius);
    background: #faf6ff;
    border: 1px solid #d9c5ee;
    padding: 10px 14px;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .installations-notice a, :where(.ws-module-surface) .installations-facts a {
    color: var(--color-secondary);
    text-decoration: underline;
  }

  :where(.ws-module-surface) .installations-detail-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .installations-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .installations-facts {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 12px 16px;
    margin: 18px 0 0;
    font-size: .82rem;
    display: grid;
  }

  :where(.ws-module-surface) .installations-facts dt {
    color: #81788d;
  }

  :where(.ws-module-surface) .installations-facts dd {
    overflow-wrap: anywhere;
    margin: 0;
  }

  :where(.ws-module-surface) .installations-facts dd a {
    margin-left: 8px;
    display: inline-block;
  }

  :where(.ws-module-surface) .installations-returns {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-direction: column;
    gap: 6px;
    margin-top: 18px;
    padding-top: 12px;
    font-size: .8rem;
    display: flex;
  }

  :where(.ws-module-surface) .installations-returns a {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .installations-checklist {
    border-top: 1px solid var(--dashboard-panel-border);
    padding: 14px 0;
  }

  :where(.ws-module-surface) .installations-checklist h3 {
    margin-bottom: 8px;
  }

  :where(.ws-module-surface) .installations-checklist-item {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    font-size: .8rem;
    display: flex;
  }

  :where(.ws-module-surface) .installations-checklist-item em {
    color: #a56a25;
    font-size: .72rem;
    font-style: normal;
  }

  :where(.ws-module-surface) .installations-checklist-item > span {
    color: #81788d;
  }

  :where(.ws-module-surface) .installations-blockers {
    border-radius: var(--dashboard-panel-radius);
    background: #fffaf1;
    border: 1px solid #ecd7ac;
    padding: 12px;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .installations-blockers ul {
    margin: 7px 0 0 18px;
    padding: 0;
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .installations-page .kpis-card-container.one-dash.installations-kpis, :where(.ws-module-surface) .installations-agenda > section > div:not(.contacts-empty) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .installations-page .kpis-card-container.one-dash.installations-kpis, :where(.ws-module-surface) .installations-detail-kpis, :where(.ws-module-surface) .installations-overview, :where(.ws-module-surface) .installations-agenda > section > div:not(.contacts-empty) {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .installations-action-bar > div {
      justify-content: flex-start;
      width: 100%;
      margin-left: 0;
    }

    :where(.ws-module-surface) .installations-facts {
      grid-template-columns: 75px minmax(0, 1fr);
      gap: 10px;
    }
  }

  :where(.ws-module-surface) .service-page {
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .service-page.service-page-board {
    flex: 1;
    height: 100%;
    min-height: 0;
    margin: 0 auto;
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .service-page-board > :not(.service-board) {
    flex-shrink: 0;
  }

  :where(.ws-module-surface) .service-page > .dash-title-section, :where(.ws-module-surface) .service-page > .kpis-card-container, :where(.ws-module-surface) .service-page > .contacts-tabs {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .service-page .filtersContacts {
    margin: 0;
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .service-page .kpis-card-container.one-dash.service-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .service-kpis > button {
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    min-width: 0;
    padding: 0;
    display: block;
  }

  :where(.ws-module-surface) .service-page .contacts-table td {
    vertical-align: middle;
  }

  :where(.ws-module-surface) .service-page .production-order-link {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .service-page .service-filters {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .service-page .service-filters .contacts-search {
    flex: 250px;
    max-width: 340px;
  }

  :where(.ws-module-surface) .service-page .service-filters .deals-filter-selects {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .service-page .service-filters .service-advanced-filters {
    border-top: 1px solid var(--dashboard-panel-border);
    flex: 1 0 100%;
    padding-top: 8px;
  }

  :where(.ws-module-surface) .service-page .service-more-filters {
    height: var(--dashboard-filter-height);
  }

  :where(.ws-module-surface) .service-page .service-more-filters.is-active {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .service-page .service-board {
    scrollbar-width: none;
    flex: auto;
    min-width: 0;
    min-height: 0;
  }

  :where(.ws-module-surface) .service-board::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .service-detail-tabs::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .service-page .service-column {
    flex: 0 0 286px;
    min-height: 0;
  }

  :where(.ws-module-surface) .service-page .service-column.is-drop-target {
    border-color: var(--color-secondary);
    background: #f2eafb;
  }

  :where(.ws-module-surface) .service-page .service-column > header {
    border-top-width: 3px;
  }

  :where(.ws-module-surface) .service-page .service-column > header span {
    background: #eee8f4;
    border-radius: 6px;
    place-items: center;
    min-width: 22px;
    height: 22px;
    font-size: .73rem;
    display: grid;
  }

  :where(.ws-module-surface) .service-page .service-column .deals-cards {
    flex: 1;
    min-height: 0;
  }

  :where(.ws-module-surface) .service-column-empty {
    color: #81788d;
    text-align: center;
    padding: 18px 9px;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .service-ticket-card {
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .service-ticket-card[draggable="true"] {
    cursor: grab;
  }

  :where(.ws-module-surface) .service-ticket-card[draggable="true"]:active {
    cursor: grabbing;
  }

  :where(.ws-module-surface) .service-ticket-card > a {
    color: inherit;
    flex-direction: column;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .service-ticket-card:hover {
    border-color: var(--dashboard-button-hover-border);
  }

  :where(.ws-module-surface) .service-ticket-card > a > span:first-child, :where(.ws-module-surface) .service-ticket-card small {
    color: #81788d;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .service-ticket-card strong {
    font-size: .88rem;
  }

  :where(.ws-module-surface) .service-config-row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
    display: grid;
  }

  :where(.ws-module-surface) .service-config-row > div {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .service-config-row .contacts-button {
    margin-bottom: 3px;
  }

  :where(.ws-module-surface) .service-config-form .contacts-form-body {
    background: var(--dashboard-bg);
    gap: 16px;
  }

  :where(.ws-module-surface) .service-config-form .dashboard-form-section {
    min-width: 0;
  }

  :where(.ws-module-surface) .service-config-form .service-sla-grid, :where(.ws-module-surface) .service-config-form .dashboard-form-section:nth-child(4) > .contacts-form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .service-config-form .service-config-actions {
    justify-content: flex-end;
    margin-top: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .service-config-form .service-config-actions .contacts-button {
    flex: none;
  }

  :where(.ws-module-surface) .service-board-form .production-board-setting {
    grid-template-columns: 26px 24px minmax(0, 1fr) 64px minmax(90px, auto);
  }

  :where(.ws-module-surface) .service-board-form .production-board-setting-actions {
    justify-content: flex-end;
    align-self: center;
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .service-config-form .service-sla-grid, :where(.ws-module-surface) .service-config-form .dashboard-form-section:nth-child(4) > .contacts-form-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .service-page .service-filters .contacts-search {
      max-width: none;
    }

    :where(.ws-module-surface) .service-board-form .production-board-setting {
      grid-template-columns: 26px 24px minmax(0, 1fr) 64px;
    }

    :where(.ws-module-surface) .service-board-form .production-board-setting-actions {
      grid-column: 3 / -1;
    }

    :where(.ws-module-surface) .service-config-row, :where(.ws-module-surface) .service-config-form .service-sla-grid, :where(.ws-module-surface) .service-config-form .dashboard-form-section:nth-child(4) > .contacts-form-grid {
      grid-template-columns: 1fr;
    }
  }

  :where(.ws-module-surface) .service-detail > .projects-detail-top {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .service-detail-summary {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .service-detail-summary > div {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--ws-surface);
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding: 13px 15px;
    display: flex;
  }

  :where(.ws-module-surface) .service-detail-summary span {
    color: #81788d;
    font-size: .74rem;
  }

  :where(.ws-module-surface) .service-detail-summary strong {
    overflow-wrap: anywhere;
    font-size: .85rem;
  }

  :where(.ws-module-surface) .service-detail-tabs {
    scrollbar-width: none;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .service-detail-tabs button {
    white-space: nowrap;
  }

  :where(.ws-module-surface) .service-action-bar {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--ws-surface);
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    padding: 10px 14px;
    display: flex;
  }

  :where(.ws-module-surface) .service-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .service-section {
    min-width: 0;
    padding: 18px;
  }

  :where(.ws-module-surface) .service-section h2 {
    color: var(--color-primary);
    align-items: center;
    gap: 7px;
    margin: 0 0 14px;
    font-size: .95rem;
    font-weight: 650;
    display: flex;
  }

  :where(.ws-module-surface) .service-section > p {
    color: #675e71;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 0 0 15px;
    font-size: .83rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .service-section dl {
    gap: 10px;
    margin: 0;
    display: grid;
  }

  :where(.ws-module-surface) .service-section dl > div {
    grid-template-columns: 125px minmax(0, 1fr);
    gap: 10px;
    font-size: .8rem;
    display: grid;
  }

  :where(.ws-module-surface) .service-section dt {
    color: #81788d;
  }

  :where(.ws-module-surface) .service-section dd {
    overflow-wrap: anywhere;
    margin: 0;
  }

  :where(.ws-module-surface) .service-section dd a, :where(.ws-module-surface) .service-event-list a {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .service-section-head {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    display: flex;
  }

  :where(.ws-module-surface) .service-section-head h2 {
    margin: 0;
  }

  :where(.ws-module-surface) .service-actions {
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 15px;
    display: flex;
  }

  :where(.ws-module-surface) .service-section-head .service-actions {
    margin: 0;
  }

  :where(.ws-module-surface) .service-event-list {
    flex-direction: column;
    gap: 9px;
    display: flex;
  }

  :where(.ws-module-surface) .service-event-list article {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: #fcfbfd;
    padding: 12px 14px;
    font-size: .81rem;
  }

  :where(.ws-module-surface) .service-event-list article > span {
    color: #81788d;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .service-event-list article p {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 7px 0 0;
  }

  :where(.ws-module-surface) .service-checklist {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .service-section .contacts-table .form-group {
    min-width: 150px;
    margin: 0;
  }

  :where(.ws-module-surface) .service-upload {
    flex-direction: column;
    gap: 7px;
    font-size: .8rem;
    display: flex;
  }

  :where(.ws-module-surface) .service-upload input {
    max-width: 100%;
  }

  :where(.ws-module-surface) .service-detail .service-detail-summary > div {
    border-left: 3px solid #ddd0ee;
    box-shadow: 0 2px 9px #24173508;
  }

  :where(.ws-module-surface) .service-detail .service-detail-summary > div:first-child {
    border-left-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .service-detail .service-detail-summary strong {
    font-size: .9rem;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .service-detail .service-detail-tabs {
    gap: 5px;
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .service-detail .service-detail-tabs button {
    align-items: center;
    gap: 6px;
    display: inline-flex;
  }

  :where(.ws-module-surface) .service-tab-count {
    color: #71677d;
    background: #f0ecf5;
    border-radius: 5px;
    place-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    font-size: .68rem;
    font-weight: 650;
    display: inline-grid;
  }

  :where(.ws-module-surface) .service-detail-tabs button[aria-selected="true"] .service-tab-count {
    color: var(--color-secondary);
    background: #eee4fb;
  }

  :where(.ws-module-surface) .service-tab-intro {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--dashboard-surface);
    align-items: center;
    gap: 11px;
    min-width: 0;
    margin-top: -4px;
    padding: 12px 16px;
    display: flex;
  }

  :where(.ws-module-surface) .service-tab-intro-icon {
    width: 34px;
    height: 34px;
    color: var(--color-secondary);
    background: #f1eafb;
    border-radius: 8px;
    flex: none;
    place-items: center;
    font-size: 17px;
    display: grid;
  }

  :where(.ws-module-surface) .service-tab-intro h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: .89rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .service-tab-intro p {
    color: #81788d;
    margin: 3px 0 0;
    font-size: .76rem;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .service-tab-intro > strong {
    white-space: nowrap;
    color: var(--color-secondary);
    margin-left: auto;
    font-size: 1rem;
  }

  :where(.ws-module-surface) .service-detail .service-section {
    padding: 18px 20px;
  }

  :where(.ws-module-surface) .service-detail .service-section-head {
    border-bottom: 1px solid var(--dashboard-panel-border);
    padding-bottom: 13px;
  }

  :where(.ws-module-surface) .service-detail .service-section h2 {
    letter-spacing: -.01em;
  }

  :where(.ws-module-surface) .service-detail .service-section > p {
    border-radius: var(--dashboard-control-radius);
    background: #faf8fd;
    border: 1px solid #ece7f2;
    padding: 12px 14px;
  }

  :where(.ws-module-surface) .service-detail .service-section dl {
    gap: 0;
  }

  :where(.ws-module-surface) .service-detail .service-section dl > div {
    border-bottom: 1px solid #f0edf3;
    align-items: start;
    padding: 9px 0;
  }

  :where(.ws-module-surface) .service-detail .service-section dl > div:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .service-detail .service-section dd {
    font-weight: 550;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .service-detail .service-section .contacts-table {
    min-width: 620px;
  }

  :where(.ws-module-surface) .service-detail .service-section .contacts-table th {
    white-space: nowrap;
  }

  :where(.ws-module-surface) .service-detail .service-section .contacts-table td {
    line-height: 1.4;
  }

  :where(.ws-module-surface) .service-detail .service-section .contacts-table td:first-child {
    color: var(--color-primary);
    font-weight: 600;
  }

  :where(.ws-module-surface) .service-detail .service-section .contacts-table .form-group {
    min-width: 155px;
  }

  :where(.ws-module-surface) .service-detail .service-event-list {
    gap: 10px;
    position: relative;
  }

  :where(.ws-module-surface) .service-detail .service-event-list article {
    background: var(--ws-surface);
    border-left: 3px solid #c8afe9;
    min-width: 0;
    padding: 13px 15px;
  }

  :where(.ws-module-surface) .service-detail .service-event-list article > span {
    margin-bottom: 4px;
    display: block;
  }

  :where(.ws-module-surface) .service-detail .service-event-list article p {
    line-height: 1.45;
  }

  :where(.ws-module-surface) .service-detail .service-event-list article .contacts-button {
    margin-top: 10px;
  }

  :where(.ws-module-surface) .service-detail .service-checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  :where(.ws-module-surface) .service-action-form .contacts-form-body {
    background: var(--dashboard-bg);
  }

  :where(.ws-module-surface) .service-status-form {
    gap: 14px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .service-status-current {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: #fff;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    display: flex;
  }

  :where(.ws-module-surface) .service-status-current span {
    color: #81788d;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .service-status-current strong {
    color: var(--color-secondary);
    background: #f0e8fa;
    border-radius: 5px;
    padding: 5px 9px;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .service-status-form .dashboard-form-section {
    min-width: 0;
  }

  :where(.ws-module-surface) .service-status-form .contacts-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  :where(.ws-module-surface) .service-status-hint {
    border-radius: var(--dashboard-control-radius);
    color: #675277;
    background: #f1eafb;
    margin: 0;
    padding: 10px 12px;
    font-size: .76rem;
    line-height: 1.45;
  }

  @media (max-width: 1000px) {
    :where(.ws-module-surface) .service-detail-summary {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .service-page .kpis-card-container.one-dash.service-kpis, :where(.ws-module-surface) .service-detail-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .service-page .kpis-card-container.one-dash.service-kpis, :where(.ws-module-surface) .service-detail-grid, :where(.ws-module-surface) .service-detail-summary {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .service-section dl > div {
      grid-template-columns: 90px minmax(0, 1fr);
    }

    :where(.ws-module-surface) .service-config-row {
      flex-direction: column;
      align-items: stretch;
    }
  }

  :where(.ws-module-surface) .financial-overview-page {
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .financial-overview-page > .dash-title-section, :where(.ws-module-surface) .financial-overview-page > .kpis-card-container {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .financial-overview-filters {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding-bottom: 0;
    display: flex;
  }

  :where(.ws-module-surface) .financial-period-label {
    color: #71677c;
    margin-left: 4px;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .financial-updating {
    color: var(--color-secondary);
    margin-left: auto;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .financial-overview-page .kpis-card-container.one-dash.financial-overview-kpis {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .financial-overview-grid {
    grid-template-columns: minmax(0, 2fr) minmax(270px, 1fr);
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .financial-overview-section {
    min-width: 0;
    overflow: hidden;
  }

  :where(.ws-module-surface) .financial-overview-section .dashboard-panel-header {
    padding: 14px 17px 10px;
  }

  :where(.ws-module-surface) .financial-overview-section .dashboard-panel-header h2, :where(.ws-module-surface) .financial-receivables-heading h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: .93rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .financial-overview-section .dashboard-panel-header p, :where(.ws-module-surface) .financial-receivables-heading p {
    color: #766d80;
    margin: 3px 0 0;
    font-size: .74rem;
  }

  :where(.ws-module-surface) .financial-chart {
    height: 290px;
    padding: 0 12px 8px;
  }

  :where(.ws-module-surface) .financial-overdue-buckets {
    gap: 0;
    padding: 0 17px 12px;
    display: grid;
  }

  :where(.ws-module-surface) .financial-overdue-buckets > div {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    display: flex;
  }

  :where(.ws-module-surface) .financial-overdue-buckets > div:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .financial-overdue-buckets strong, :where(.ws-module-surface) .financial-overdue-buckets b {
    color: var(--color-primary);
    font-size: .82rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .financial-overdue-buckets small {
    color: #796f82;
    margin-top: 2px;
    font-size: .72rem;
    display: block;
  }

  :where(.ws-module-surface) .financial-overdue-buckets b {
    text-align: right;
    white-space: nowrap;
  }

  :where(.ws-module-surface) .financial-receivables-heading {
    min-height: 58px;
  }

  :where(.ws-module-surface) .financial-receivables-heading .contacts-button {
    flex-shrink: 0;
  }

  :where(.ws-module-surface) .financial-overdue-badge {
    color: #a84043;
    background: #fff2f0;
    border-radius: 5px;
    align-items: center;
    padding: 3px 7px;
    font-size: .72rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .financial-overview-section .contacts-empty {
    min-height: 220px;
  }

  @media (max-width: 1100px) {
    :where(.ws-module-surface) .financial-overview-page .kpis-card-container.one-dash.financial-overview-kpis {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .financial-overview-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .financial-overview-page .kpis-card-container.one-dash.financial-overview-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .financial-period-label {
      width: 100%;
      margin-left: 0;
    }

    :where(.ws-module-surface) .service-tab-intro {
      align-items: flex-start;
    }

    :where(.ws-module-surface) .service-tab-intro > strong {
      align-self: center;
    }

    :where(.ws-module-surface) .service-detail .service-checklist {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .service-detail .service-section {
      padding: 15px;
    }
  }

  :where(.ws-module-surface) .financial-report-page {
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .financial-report-page > .dash-title-section, :where(.ws-module-surface) .financial-report-page > .contacts-tabs, :where(.ws-module-surface) .financial-report-page > .kpis-card-container {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .financial-report-filters {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding-bottom: 0;
    display: flex;
  }

  :where(.ws-module-surface) .financial-report-filters .contacts-search {
    flex: 0 260px;
    min-width: 180px;
  }

  :where(.ws-module-surface) .financial-report-filters .deals-filter-selects {
    flex: auto;
  }

  :where(.ws-module-surface) .financial-report-page .kpis-card-container.one-dash.financial-report-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .financial-report-page .kpis-card-container.one-dash.reconciliation-kpis {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .financial-report-context {
    color: #796f82;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px 16px;
    font-size: .77rem;
    display: flex;
  }

  :where(.ws-module-surface) .financial-report-context strong {
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .financial-report-panel {
    min-width: 0;
  }

  :where(.ws-module-surface) .financial-report-panel > .dashboard-panel-header {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 0;
    display: flex;
  }

  :where(.ws-module-surface) .financial-report-panel > .contacts-table-scroll {
    padding-top: 6px;
  }

  :where(.ws-module-surface) .financial-report-inset {
    padding: 0 16px 16px;
  }

  :where(.ws-module-surface) .financial-report-footnote {
    color: #796f82;
    margin: 0;
    padding: 14px 16px;
    font-size: .76rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .financial-report-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .financial-report-chart {
    min-width: 0;
    padding: 16px 12px 8px;
    overflow: hidden;
  }

  :where(.ws-module-surface) .financial-horizon-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    padding: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .financial-kpi-drill {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .financial-kpi-drill > button {
    color: var(--color-secondary);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    align-self: flex-start;
    padding: 5px 2px;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .financial-positive {
    color: #298467;
  }

  :where(.ws-module-surface) .financial-negative {
    color: #ad4654;
  }

  :where(.ws-module-surface) .reconciliation-table td:first-child {
    overflow-wrap: anywhere;
    white-space: normal;
    min-width: 160px;
    max-width: 280px;
  }

  :where(.ws-module-surface) .reconciliation-suggestions {
    gap: 10px;
    min-width: 210px;
    max-width: 300px;
    display: grid;
  }

  :where(.ws-module-surface) .reconciliation-suggestions > div {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 7px;
    justify-items: start;
    gap: 5px;
    padding: 9px 10px;
    display: grid;
  }

  :where(.ws-module-surface) .reconciliation-suggestions small {
    color: #796f82;
    white-space: normal;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .reconciliation-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .dre-table td:not(:first-child), :where(.ws-module-surface) .dre-table th:not(:first-child) {
    text-align: right;
    white-space: nowrap;
  }

  :where(.ws-module-surface) .dre-total-row td {
    color: var(--color-primary);
    background: #f8f5fc;
  }

  :where(.ws-module-surface) .dre-expand {
    color: inherit;
    text-align: left;
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    align-items: center;
    gap: 7px;
    padding: 4px 0;
    display: inline-flex;
  }

  :where(.ws-module-surface) .dre-expand > svg {
    width: 14px;
    height: 14px;
    transition: transform .15s;
    transform: rotate(-90deg);
  }

  :where(.ws-module-surface) .dre-expand > svg.expanded {
    transform: rotate(0);
  }

  :where(.ws-module-surface) .dre-category-row td:first-child {
    padding-left: 36px;
  }

  :where(.ws-module-surface) .dre-category-row .dre-expand {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .dre-classification .form-group {
    min-width: 205px;
    max-width: 290px;
    margin: 0;
  }

  :where(.ws-module-surface) .dre-classification .form-label {
    clip: rect(0,0,0,0);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  @media (max-width: 1200px) {
    :where(.ws-module-surface) .financial-horizon-grid, :where(.ws-module-surface) .financial-report-page .kpis-card-container.one-dash.reconciliation-kpis {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .financial-report-columns {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .financial-report-page .kpis-card-container.one-dash.financial-report-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .financial-horizon-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .financial-report-filters .contacts-search {
      flex-basis: 100%;
    }

    :where(.ws-module-surface) .financial-report-page .treasury-notice {
      flex-wrap: wrap;
    }
  }

  :where(.ws-module-surface) .invoices-filters .deals-filter-selects {
    flex: 0 190px;
  }

  :where(.ws-module-surface) .invoices-filters .deals-filter-selects .form-group {
    min-width: 170px;
    margin: 0;
  }

  :where(.ws-module-surface) .contacts-dialog.contacts-drawer:has(.invoices-form-body) {
    width: min(640px, 100vw);
  }

  :where(.ws-module-surface) .invoices-form-body {
    background: var(--dashboard-bg);
    gap: 16px;
  }

  :where(.ws-module-surface) .invoices-form-body .dashboard-form-section {
    min-width: 0;
  }

  :where(.ws-module-surface) .invoices-form-body .dashboard-form-section > .contacts-button {
    align-self: flex-start;
  }

  :where(.ws-module-surface) .invoices-table td {
    white-space: nowrap;
  }

  :where(.ws-module-surface) .invoices-table th, :where(.ws-module-surface) .entries-table th {
    font-size: .76rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .invoices-table td, :where(.ws-module-surface) .entries-table td {
    font-size: .84rem;
  }

  :where(.ws-module-surface) .invoices-table td:nth-child(2) {
    text-overflow: ellipsis;
    max-width: 210px;
    overflow: hidden;
  }

  :where(.ws-module-surface) .invoices-link {
    color: var(--color-secondary);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    font-size: .88rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .invoices-link:hover {
    text-decoration: underline;
  }

  :where(.ws-module-surface) .invoices-customer {
    color: var(--color-primary);
    font-size: .86rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .invoices-form-body .contacts-form-grid {
    align-items: start;
  }

  :where(.ws-module-surface) .invoices-form-list {
    gap: 10px;
    margin-bottom: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .invoices-item-row {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-control-radius);
    grid-template-columns: minmax(0, 1fr) minmax(110px, 1.2fr) minmax(90px, 1fr) 34px;
    align-items: end;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .invoices-item-description {
    grid-column: 1 / -1;
  }

  :where(.ws-module-surface) .invoices-item-total {
    white-space: nowrap;
    align-content: end;
    gap: 8px;
    min-height: 62px;
    display: grid;
  }

  :where(.ws-module-surface) .invoices-item-total span {
    color: #776584;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .invoices-item-total strong {
    color: var(--color-primary);
    font-size: .92rem;
  }

  :where(.ws-module-surface) .invoices-item-remove {
    border: 1px solid var(--dashboard-filter-border);
    margin-bottom: 4px;
  }

  :where(.ws-module-surface) .invoices-totals {
    border-top: 1px solid var(--dashboard-panel-border);
    grid-template-columns: minmax(0, 1fr) minmax(130px, 1.3fr) minmax(0, 1fr);
    align-items: end;
    gap: 12px;
    margin-top: 14px;
    padding-top: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .invoices-totals > span {
    color: #796f82;
    gap: 6px;
    padding-bottom: 7px;
    font-size: .78rem;
    display: grid;
  }

  :where(.ws-module-surface) .invoices-totals strong {
    color: var(--color-primary);
    font-size: .93rem;
  }

  :where(.ws-module-surface) .invoices-totals > .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .invoices-totals .invoices-total-final {
    text-align: right;
  }

  :where(.ws-module-surface) .invoices-totals .invoices-total-final strong {
    font-size: 1.05rem;
  }

  :where(.ws-module-surface) .invoices-installments {
    gap: 10px;
    margin-top: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .invoices-installment-row {
    grid-template-columns: minmax(130px, 1.5fr) minmax(125px, 1fr) minmax(105px, 1fr);
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .invoices-installment-balance {
    text-align: right;
    color: #796f82;
    margin: 2px 0 0;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .invoices-installment-balance strong {
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .invoices-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .invoices-summary > span {
    border: 1px solid var(--dashboard-panel-border);
    color: #796f82;
    border-radius: 7px;
    gap: 5px;
    padding: 10px;
    font-size: .74rem;
    display: grid;
  }

  :where(.ws-module-surface) .invoices-summary strong {
    color: var(--color-primary);
    font-size: .88rem;
  }

  :where(.ws-module-surface) .invoices-cancel-reason {
    color: #a84043;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .entries-filters .deals-filter-selects {
    flex: auto;
    justify-content: flex-start;
  }

  :where(.ws-module-surface) .entries-filters .deals-filter-selects .form-group {
    flex: 0 180px;
    min-width: 155px;
    margin: 0;
  }

  :where(.ws-module-surface) .entries-table td {
    white-space: nowrap;
  }

  :where(.ws-module-surface) .entries-table td:first-child {
    white-space: normal;
    min-width: 170px;
    max-width: 270px;
  }

  :where(.ws-module-surface) .entries-table td:first-child strong {
    color: var(--color-primary);
    font-size: .9rem;
    font-weight: 650;
    line-height: 1.35;
    display: block;
  }

  :where(.ws-module-surface) .invoices-table th:last-child, :where(.ws-module-surface) .invoices-table td:last-child, :where(.ws-module-surface) .entries-table th:last-child, :where(.ws-module-surface) .entries-table td:last-child {
    text-align: right;
  }

  :where(.ws-module-surface) .invoices-table td:last-child, :where(.ws-module-surface) .entries-table td:last-child {
    min-width: 92px;
  }

  :where(.ws-module-surface) .invoices-table .centers-actions, :where(.ws-module-surface) .entries-table .centers-actions {
    white-space: nowrap;
    gap: 4px;
  }

  :where(.ws-module-surface) .invoices-table .centers-actions .contacts-icon-button, :where(.ws-module-surface) .entries-table .centers-actions .contacts-icon-button {
    border: 1px solid var(--dashboard-filter-border);
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
  }

  :where(.ws-module-surface) .entries-overdue {
    color: #a84043;
    font-size: .7rem;
    display: block;
  }

  :where(.ws-module-surface) .entries-aging-grid {
    align-items: stretch;
  }

  :where(.ws-module-surface) .entries-aging-grid > .financial-report-panel {
    min-height: 190px;
  }

  :where(.ws-module-surface) .entries-aging-list, :where(.ws-module-surface) .entries-counterparties {
    gap: 0;
    padding: 5px 16px 12px;
    display: grid;
  }

  :where(.ws-module-surface) .entries-aging-list > div {
    color: #796f82;
    grid-template-columns: 78px minmax(40px, 1fr) minmax(105px, auto);
    align-items: center;
    gap: 10px;
    min-height: 28px;
    font-size: .76rem;
    display: grid;
  }

  :where(.ws-module-surface) .entries-aging-list strong {
    color: var(--color-primary);
    text-align: right;
    white-space: nowrap;
    font-weight: 650;
  }

  :where(.ws-module-surface) .entries-aging-list small {
    color: #796f82;
    font-weight: 400;
  }

  :where(.ws-module-surface) .entries-aging-track {
    background: #f1ebf7;
    border-radius: 10px;
    height: 6px;
    overflow: hidden;
  }

  :where(.ws-module-surface) .entries-aging-track > span {
    background: var(--color-secondary);
    border-radius: inherit;
    height: 100%;
    display: block;
  }

  :where(.ws-module-surface) .entries-aging-list > div:not(:first-child) .entries-aging-track > span {
    background: #cf8f9b;
  }

  :where(.ws-module-surface) .entries-counterparties > div {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    display: flex;
  }

  :where(.ws-module-surface) .entries-counterparties > div:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .entries-counterparties span {
    gap: 2px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .entries-counterparties strong {
    color: var(--color-primary);
    font-size: .8rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .entries-counterparties > div > strong {
    white-space: nowrap;
  }

  :where(.ws-module-surface) .entries-counterparties small, :where(.ws-module-surface) .entries-counterparties p {
    color: #796f82;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .entries-payments {
    display: grid;
  }

  :where(.ws-module-surface) .entries-payments > div {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    display: flex;
  }

  :where(.ws-module-surface) .entries-payments > div:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .entries-payments span {
    gap: 2px;
    display: grid;
  }

  :where(.ws-module-surface) .entries-payments strong {
    color: var(--color-primary);
    font-size: .83rem;
  }

  :where(.ws-module-surface) .entries-payments small {
    color: #796f82;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .commercial-page > .dash-title-section, :where(.ws-module-surface) .commercial-page > .contacts-tabs {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .commercial-filters .deals-filter-selects {
    flex: auto;
    justify-content: flex-start;
  }

  :where(.ws-module-surface) .commercial-filters .deals-filter-selects .form-group {
    flex: 0 190px;
    min-width: 155px;
    margin: 0;
  }

  :where(.ws-module-surface) .commercial-updating {
    color: #796f82;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .commercial-tab-content {
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .commercial-page .commercial-tab-content > .kpis-card-container {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .commercial-page .financial-report-panel {
    overflow: hidden;
  }

  :where(.ws-module-surface) .commercial-goal {
    gap: 14px;
    padding: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .commercial-goal > div:first-child, :where(.ws-module-surface) .commercial-goal > div:last-child {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .commercial-goal strong {
    color: var(--color-primary);
    font-size: 1.28rem;
  }

  :where(.ws-module-surface) .commercial-goal span {
    color: #796f82;
    font-size: .81rem;
  }

  :where(.ws-module-surface) .commercial-goal-list {
    gap: 0;
    display: grid;
  }

  :where(.ws-module-surface) .commercial-goal-row {
    border-top: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 12px 16px;
    display: flex;
  }

  :where(.ws-module-surface) .commercial-goal-row:first-child {
    border-top: 0;
  }

  :where(.ws-module-surface) .commercial-goal-row > div:first-child {
    gap: 4px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .commercial-goal-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .commercial-goal-row strong {
    color: var(--color-primary);
    font-size: .86rem;
  }

  :where(.ws-module-surface) .commercial-goal-row span {
    color: #796f82;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .commercial-goal-row .contacts-button {
    flex: none;
  }

  :where(.ws-module-surface) .commercial-goal-form {
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .commercial-goal-form .dashboard-form-section {
    min-width: 0;
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .commercial-goal-form .contacts-form-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .commercial-goal-row {
      flex-direction: column;
      align-items: flex-start;
    }
  }

  :where(.ws-module-surface) .commercial-progress {
    background: #eee6f7;
    border-radius: 10px;
    height: 8px;
    overflow: hidden;
  }

  :where(.ws-module-surface) .commercial-progress > span {
    border-radius: inherit;
    background: var(--color-secondary);
    height: 100%;
    display: block;
  }

  :where(.ws-module-surface) .commercial-forecast-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .commercial-forecast-grid > div {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--dashboard-surface);
    gap: 7px;
    min-width: 0;
    padding: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .commercial-forecast-grid span {
    color: #796f82;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .commercial-forecast-grid strong {
    color: var(--color-primary);
    font-size: 1.18rem;
  }

  :where(.ws-module-surface) .commercial-forecast-grid small {
    color: #796f82;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .commercial-quality {
    color: #665d70;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 16px;
    font-size: .82rem;
    display: grid;
  }

  :where(.ws-module-surface) .commercial-quality > span {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-control-radius);
    padding: 10px 12px;
  }

  :where(.ws-module-surface) .commercial-quality strong {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .commercial-two-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    display: grid;
  }

  :where(.ws-module-surface) .commercial-two-columns > .financial-report-panel {
    flex-direction: column;
    min-height: 235px;
    display: flex;
  }

  :where(.ws-module-surface) .commercial-two-columns > .financial-report-panel > :not(.dashboard-panel-header) {
    flex: 1;
  }

  :where(.ws-module-surface) .commercial-table {
    min-width: 640px;
  }

  :where(.ws-module-surface) .commercial-table th {
    font-size: .76rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .commercial-table td {
    font-size: .84rem;
  }

  :where(.ws-module-surface) .commercial-table td:first-child {
    color: var(--color-primary);
    font-weight: 600;
  }

  :where(.ws-module-surface) .commercial-table td:first-child a {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .commercial-reasons {
    flex-wrap: wrap;
    gap: 5px;
    min-width: 200px;
    display: flex;
  }

  :where(.ws-module-surface) .performance-page .financial-report-panel {
    min-width: 0;
  }

  :where(.ws-module-surface) .performance-page .financial-report-panel > .contacts-table-scroll {
    width: 100%;
  }

  :where(.ws-module-surface) .performance-page .commercial-table {
    min-width: 900px;
  }

  :where(.ws-module-surface) .performance-teams-panel {
    margin-top: 16px;
  }

  :where(.ws-module-surface) .performance-progress {
    align-items: center;
    gap: 8px;
    min-width: 130px;
    display: flex;
  }

  :where(.ws-module-surface) .performance-progress .commercial-progress {
    flex: 1;
    min-width: 70px;
    height: 6px;
  }

  :where(.ws-module-surface) .performance-progress > span {
    color: #665d70;
    flex: none;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .performance-form-wide {
    grid-column: 1 / -1;
    min-width: 0;
  }

  :where(.ws-module-surface) .performance-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .performance-detail-grid > div {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-control-radius);
    gap: 4px;
    padding: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .performance-detail-grid span {
    color: #796f82;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .performance-detail-grid strong {
    color: var(--color-primary);
    font-size: .89rem;
  }

  :where(.ws-module-surface) .performance-history {
    color: #665d70;
    gap: 8px;
    font-size: .8rem;
    display: grid;
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .performance-detail-grid {
      grid-template-columns: 1fr;
    }
  }

  :where(.ws-module-surface) .indicators-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .indicators-page .filtersContacts {
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .indicators-page .financial-report-panel {
    min-width: 0;
    overflow: hidden;
  }

  :where(.ws-module-surface) .indicators-panels {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .indicators-panels > .financial-report-panel {
    min-width: 0;
  }

  :where(.ws-module-surface) .indicators-summary {
    gap: 0;
    padding: 8px 16px 12px;
    display: grid;
  }

  :where(.ws-module-surface) .indicators-summary > div {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    display: flex;
  }

  :where(.ws-module-surface) .indicators-summary > div:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .indicators-summary span {
    color: #756b80;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .indicators-summary strong {
    color: var(--color-primary);
    text-align: right;
    font-size: .9rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .indicators-chart {
    min-width: 0;
    padding: 8px 16px 16px;
  }

  :where(.ws-module-surface) .indicators-page .financial-report-panel > .contacts-empty {
    margin: 12px 16px 16px;
  }

  :where(.ws-module-surface) .indicators-scope-note {
    color: #756b80;
    margin: 0;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .indicators-page .financial-report-kpis:has( > :nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .indicators-page .financial-report-kpis:has( > :nth-child(5):last-child) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .indicators-page .financial-report-kpis:has( > :nth-child(5):last-child) > :nth-last-child(-n+2) {
    grid-column: span 3;
  }

  @media (max-width: 850px) {
    :is(:where(.ws-module-surface) .indicators-page .financial-report-kpis:has( > :nth-child(3):last-child), :where(.ws-module-surface) .indicators-page .financial-report-kpis:has( > :nth-child(5):last-child)) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 600px) {
    :is(:where(.ws-module-surface) .indicators-page .financial-report-kpis:has( > :nth-child(3):last-child), :where(.ws-module-surface) .indicators-page .financial-report-kpis:has( > :nth-child(5):last-child)) {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .indicators-summary > div {
      flex-direction: column;
      align-items: flex-start;
      gap: 3px;
    }

    :where(.ws-module-surface) .indicators-summary strong {
      text-align: left;
    }
  }

  @media (max-width: 900px) {
    :where(.ws-module-surface) .commercial-forecast-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .commercial-two-columns {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .commercial-forecast-grid, :where(.ws-module-surface) .commercial-quality {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .commercial-filters .deals-filter-selects {
      flex-basis: 100%;
    }

    :where(.ws-module-surface) .commercial-filters .deals-filter-selects .form-group {
      flex: 145px;
    }
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .invoices-installment-row, :where(.ws-module-surface) .invoices-summary {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 480px) {
    :where(.ws-module-surface) .invoices-form-body {
      padding: 12px;
    }

    :where(.ws-module-surface) .invoices-form-body .contacts-form-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .invoices-item-row {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    :where(.ws-module-surface) .invoices-item-description {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .invoices-item-total {
      min-height: 0;
    }

    :where(.ws-module-surface) .invoices-item-remove {
      justify-self: end;
    }

    :where(.ws-module-surface) .invoices-totals {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .invoices-totals > .form-group {
      grid-area: 1 / 2 / 3;
    }

    :where(.ws-module-surface) .invoices-totals .invoices-total-final {
      text-align: left;
    }

    :where(.ws-module-surface) .contacts-dialog:has(.invoices-form-body) .contacts-form-footer {
      flex-wrap: wrap;
      padding: 12px;
    }
  }

  :where(.ws-module-surface) .budget-current-bar {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .budget-current-bar > div:first-child {
    flex-wrap: wrap;
    align-items: baseline;
    gap: 7px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .budget-current-bar strong {
    color: var(--color-primary);
    font-size: .94rem;
  }

  :where(.ws-module-surface) .budget-current-bar span {
    color: #786e82;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .budget-current-actions, :where(.ws-module-surface) .budget-panel-actions, :where(.ws-module-surface) .budget-panel-buttons {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .budget-panel-actions {
    justify-content: flex-end;
    min-width: 0;
  }

  :where(.ws-module-surface) .budget-panel-filters.deals-filter-selects {
    flex: 0 auto;
    min-width: 0;
  }

  :where(.ws-module-surface) .budget-panel-filters .form-group {
    flex: 0 185px;
    min-width: 170px;
    margin: 0;
  }

  :where(.ws-module-surface) .budget-actual-filters.deals-filter-selects {
    scrollbar-width: none;
    flex-wrap: nowrap;
    flex: 0 0 100%;
    justify-content: flex-end;
    width: 100%;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .budget-actual-filters.deals-filter-selects::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .budget-actual-filters .form-group {
    flex: 0 0 185px;
  }

  :where(.ws-module-surface) .budget-panel-actions .contacts-button {
    height: var(--dashboard-filter-height);
    max-height: var(--dashboard-filter-height);
  }

  :where(.ws-module-surface) .budget-version-choice {
    color: var(--color-secondary);
    font: inherit;
    cursor: pointer;
    text-align: left;
    background: none;
    border: 0;
    padding: 0;
    font-weight: 600;
  }

  :where(.ws-module-surface) .budget-version-choice:hover {
    text-decoration: underline;
  }

  :where(.ws-module-surface) .budget-status {
    white-space: nowrap;
    border-radius: 6px;
    padding: 4px 7px;
    font-size: .72rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .budget-status.neutral {
    color: #665b71;
    background: #f1eef5;
  }

  :where(.ws-module-surface) .budget-status.success {
    color: #24805c;
    background: #e8f6ef;
  }

  :where(.ws-module-surface) .budget-status.info {
    color: #52649b;
    background: #edf0fa;
  }

  :where(.ws-module-surface) .budget-grid-scroll {
    max-width: 100%;
  }

  :where(.ws-module-surface) .budget-grid {
    min-width: 1200px;
  }

  :where(.ws-module-surface) .budget-grid th:first-child, :where(.ws-module-surface) .budget-grid td:first-child {
    z-index: 1;
    background: var(--dashboard-surface);
    min-width: 190px;
    position: sticky;
    left: 0;
  }

  :where(.ws-module-surface) .budget-grid th:not(:first-child), :where(.ws-module-surface) .budget-grid td:not(:first-child), :where(.ws-module-surface) .budget-actual-table td:nth-child(n+3), :where(.ws-module-surface) .budget-actual-table th:nth-child(n+3) {
    text-align: right;
    white-space: nowrap;
  }

  :where(.ws-module-surface) .budget-grid .budget-section-row td {
    color: var(--color-primary);
    background: #f8f5fc;
    font-weight: 650;
    position: static;
  }

  :where(.ws-module-surface) .budget-grid .form-group {
    width: 96px;
    margin: 0;
  }

  :where(.ws-module-surface) .budget-grid .form-label {
    clip: rect(0,0,0,0);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .budget-grid .budget-money-input {
    text-align: right;
    width: 100%;
    min-width: 0;
    height: 32px;
    padding: 4px 6px;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .budget-alert-settings {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    padding: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .budget-alert-fields {
    grid-template-columns: repeat(2, minmax(140px, 180px));
    gap: 12px;
    max-width: 100%;
    display: grid;
  }

  :where(.ws-module-surface) .budget-alert-fields .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .budget-alert-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .budget-delete-copy {
    color: #665d70;
    margin: 0;
    font-size: .82rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .centers-table th:last-child, :where(.ws-module-surface) .centers-table td:last-child {
    text-align: right;
  }

  :where(.ws-module-surface) .centers-name {
    flex-wrap: wrap;
    align-items: baseline;
    gap: 3px;
    display: flex;
  }

  :where(.ws-module-surface) .centers-name span {
    color: #786e82;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .centers-name strong {
    color: var(--color-primary);
    font-weight: 600;
  }

  :where(.ws-module-surface) .centers-actions {
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    display: flex;
  }

  :where(.ws-module-surface) .centers-page .contacts-form-grid .form-group {
    min-width: 0;
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .budget-current-actions, :where(.ws-module-surface) .budget-panel-actions {
      width: 100%;
    }

    :where(.ws-module-surface) .budget-panel-filters.deals-filter-selects {
      flex: 100%;
    }

    :where(.ws-module-surface) .budget-panel-filters .form-group {
      flex: 150px;
    }

    :where(.ws-module-surface) .budget-alert-fields {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      width: 100%;
    }
  }

  :where(.ws-module-surface) .treasury-page {
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .treasury-page > .dash-title-section, :where(.ws-module-surface) .treasury-page > .kpis-card-container {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .treasury-filters {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin: 0;
    padding-bottom: 0;
    display: flex;
  }

  :where(.ws-module-surface) .treasury-scenario-menu {
    z-index: 50;
    border: 1px solid var(--dashboard-filter-border);
    background: var(--dashboard-surface);
    border-radius: 8px;
    min-width: 170px;
    padding: 5px;
    display: grid;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    box-shadow: 0 12px 28px #26163f21;
  }

  :where(.ws-module-surface) .treasury-scenario-menu button {
    color: var(--color-primary);
    text-align: left;
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 5px;
    padding: 8px 10px;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .treasury-scenario-menu button:hover:not(.active) {
    background: color-mix(in srgb,var(--color-secondary) 8%,transparent);
  }

  :where(.ws-module-surface) .treasury-scenario-menu button.active {
    background: var(--color-secondary);
    color: #fff;
  }

  :where(.ws-module-surface) .treasury-quality {
    border-radius: 7px;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    font-size: .74rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .treasury-quality.complete {
    color: #25805d;
    background: #eaf7f0;
  }

  :where(.ws-module-surface) .treasury-quality.partial {
    color: #936b23;
    background: #fff5e2;
  }

  :where(.ws-module-surface) .treasury-quality.incomplete {
    color: #a84447;
    background: #fff0ef;
  }

  :where(.ws-module-surface) .treasury-page .kpis-card-container.one-dash.treasury-main-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .treasury-forecast-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    padding: 14px 16px 16px;
    display: grid;
  }

  :where(.ws-module-surface) .treasury-forecast-item {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    text-align: left;
    border-radius: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
    padding: 12px;
    display: flex;
  }

  :where(.ws-module-surface) button.treasury-forecast-item {
    cursor: pointer;
  }

  :where(.ws-module-surface) button.treasury-forecast-item:hover {
    border-color: var(--color-secondary);
    background: #faf7fe;
  }

  :where(.ws-module-surface) .treasury-forecast-item small, :where(.ws-module-surface) .treasury-forecast-item span {
    color: #776d80;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .treasury-forecast-item strong {
    color: var(--color-primary);
    overflow-wrap: anywhere;
    font-size: .98rem;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .treasury-forecast-item span {
    margin-top: auto;
  }

  :where(.ws-module-surface) .treasury-notice {
    border: 1px solid var(--dashboard-panel-border);
    color: var(--color-primary);
    background: var(--dashboard-surface);
    border-radius: 8px;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .treasury-notice svg {
    flex: none;
  }

  :where(.ws-module-surface) .treasury-notice.warning {
    color: #785b29;
    background: #fff9ed;
    border-color: #f1ddaf;
  }

  :where(.ws-module-surface) .treasury-notice.danger {
    color: #9c4144;
    background: #fff5f4;
    border-color: #eec5c6;
  }

  :where(.ws-module-surface) .treasury-notice.success {
    color: #216746;
    background: #edf9f1;
    border-color: #b5e2ca;
  }

  :where(.ws-module-surface) .treasury-account-meta {
    color: #796f82;
    margin-top: 2px;
    font-size: .7rem;
    display: block;
  }

  :where(.ws-module-surface) .treasury-inactive {
    opacity: .6;
  }

  :where(.ws-module-surface) .treasury-row-actions {
    white-space: nowrap;
    align-items: center;
    gap: 5px;
    display: flex;
  }

  :where(.ws-module-surface) .treasury-row-actions .contacts-button {
    padding-inline: 8px;
  }

  :where(.ws-module-surface) .treasury-bottom-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .treasury-month-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    padding: 0 16px 16px;
    display: grid;
  }

  :where(.ws-module-surface) .treasury-month-grid > div {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 7px;
    min-width: 0;
    padding: 10px;
  }

  :where(.ws-module-surface) .treasury-month-grid small {
    color: #796f82;
    font-size: .72rem;
    display: block;
  }

  :where(.ws-module-surface) .treasury-month-grid strong {
    color: var(--color-primary);
    overflow-wrap: anywhere;
    margin-top: 5px;
    font-size: .89rem;
    display: block;
  }

  :where(.ws-module-surface) .treasury-transfer-list {
    padding: 0 16px 12px;
  }

  :where(.ws-module-surface) .treasury-transfer-list > div, :where(.ws-module-surface) .treasury-drill > div {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    display: flex;
  }

  :where(.ws-module-surface) .treasury-transfer-list > div > div, :where(.ws-module-surface) .treasury-drill > div > span {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .treasury-transfer-list strong, :where(.ws-module-surface) .treasury-drill strong {
    color: var(--color-primary);
    font-size: .8rem;
  }

  :where(.ws-module-surface) .treasury-transfer-list small, :where(.ws-module-surface) .treasury-drill small {
    color: #796f82;
    font-size: .71rem;
  }

  :where(.ws-module-surface) .treasury-transfer-list > div > div:last-child {
    align-items: flex-end;
  }

  :where(.ws-module-surface) .treasury-drill {
    max-height: 70vh;
    padding: 14px;
    overflow: auto;
  }

  :where(.ws-module-surface) .treasury-adjust-current {
    color: #756b80;
    flex-direction: column;
    gap: 5px;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .treasury-adjust-current strong {
    color: var(--color-primary);
    font-size: 1rem;
  }

  @media (max-width: 1200px) {
    :where(.ws-module-surface) .treasury-forecast-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .treasury-bottom-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .treasury-forecast-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .treasury-page .kpis-card-container.one-dash.treasury-main-kpis, :where(.ws-module-surface) .treasury-month-grid, :where(.ws-module-surface) .treasury-forecast-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .treasury-row-actions {
      flex-wrap: wrap;
    }
  }

  :where(.ws-module-surface) .profitability-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .profitability-page .filtersContacts {
    margin: 0;
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .profitability-page .contacts-search {
    flex: 0 260px;
    min-width: min(100%, 230px);
    max-width: 300px;
  }

  :where(.ws-module-surface) .profitability-filters .deals-filter-selects {
    flex: none;
    width: 175px;
    min-width: 0;
  }

  :where(.ws-module-surface) .profitability-filters .deals-filter-selects .form-group {
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .profitability-filters .contacts-date-popover {
    flex: none;
  }

  :where(.ws-module-surface) .profitability-page .contacts-table-scroll {
    width: 100%;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .profitability-page .contacts-table {
    min-width: 1040px;
  }

  :where(.ws-module-surface) .profitability-page .contacts-table td {
    white-space: nowrap;
  }

  :where(.ws-module-surface) .profitability-page .contacts-table td:first-child small {
    text-overflow: ellipsis;
    color: #85818a;
    max-width: 185px;
    display: block;
    overflow: hidden;
  }

  :where(.ws-module-surface) .profitability-row {
    cursor: pointer;
  }

  :where(.ws-module-surface) .profitability-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .profitability-quality {
    white-space: nowrap;
    border-radius: 6px;
    align-items: center;
    padding: 3px 8px;
    font-size: .75rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .profitability-quality.complete {
    color: #247857;
    background: #e8f7f0;
  }

  :where(.ws-module-surface) .profitability-quality.partial {
    color: #8d6927;
    background: #f8f1df;
  }

  :where(.ws-module-surface) .profitability-quality.incomplete {
    color: #ad4050;
    background: #fbe9eb;
  }

  :where(.ws-module-surface) .profitability-caption {
    color: #756f7c;
    font-size: .78rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .profitability-issues {
    padding: 16px;
  }

  :where(.ws-module-surface) .profitability-issues h2 {
    color: var(--color-primary);
    align-items: center;
    gap: 7px;
    font-size: .93rem;
    display: flex;
  }

  :where(.ws-module-surface) .profitability-issues ul {
    color: #756f7c;
    margin: 8px 0 0 20px;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .profitability-editor {
    padding: 16px;
  }

  :where(.ws-module-surface) .profitability-form {
    flex-direction: column;
    gap: 14px;
    margin-top: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .profitability-form-grid {
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .profitability-form-actions {
    justify-content: flex-end;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-dialog.contacts-drawer:has(.profitability-drawer) {
    width: min(620px, 100vw);
  }

  :where(.ws-module-surface) .profitability-drawer .contacts-form-body {
    background: var(--dashboard-bg);
    gap: 14px;
  }

  :where(.ws-module-surface) .profitability-drawer-section {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--dashboard-surface);
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 18px;
    display: flex;
  }

  :where(.ws-module-surface) .profitability-drawer-heading {
    align-items: flex-start;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .profitability-drawer-heading > span {
    width: 27px;
    height: 27px;
    color: var(--color-secondary);
    background: #f0eafb;
    border-radius: 6px;
    flex: none;
    place-items: center;
    font-size: .75rem;
    font-weight: 700;
    display: grid;
  }

  :where(.ws-module-surface) .profitability-drawer-heading h3 {
    color: var(--color-primary);
    margin: 0;
    font-size: .9rem;
    line-height: 1.3;
  }

  :where(.ws-module-surface) .profitability-drawer-heading p {
    color: #7b7185;
    margin-top: 3px;
    font-size: .78rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .profitability-drawer .profitability-form {
    align-items: flex-start;
    gap: 14px;
    margin: 0;
  }

  :where(.ws-module-surface) .profitability-drawer .profitability-form > .form-group {
    width: 100%;
    margin: 0;
  }

  :where(.ws-module-surface) .profitability-drawer .profitability-form > .contacts-button {
    align-self: flex-end;
  }

  :where(.ws-module-surface) .profitability-drawer-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    display: grid;
  }

  :where(.ws-module-surface) .profitability-drawer-fields .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .profitability-drawer input[type="number"] {
    appearance: textfield;
  }

  :where(.ws-module-surface) .profitability-drawer input[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
  }

  :where(.ws-module-surface) .profitability-drawer input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
  }

  :where(.ws-module-surface) .profitability-rate-list {
    gap: 8px;
    display: grid;
  }

  :where(.ws-module-surface) .profitability-rate-list > div {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 7px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 10px;
    padding: 10px 12px;
    display: grid;
  }

  :where(.ws-module-surface) .profitability-rate-list strong, :where(.ws-module-surface) .profitability-rate-list span {
    color: var(--color-primary);
    font-size: .82rem;
  }

  :where(.ws-module-surface) .profitability-rate-list span {
    font-weight: 600;
  }

  :where(.ws-module-surface) .profitability-rate-list small {
    color: #7b7185;
    grid-column: 1 / -1;
    font-size: .72rem;
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .profitability-page .contacts-search {
      flex-basis: 100%;
      max-width: none;
    }

    :where(.ws-module-surface) .profitability-filters .deals-filter-selects {
      flex: 160px;
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .profitability-drawer-fields {
      grid-template-columns: 1fr;
    }
  }

  :where(.ws-module-surface) .reports-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .reports-page > .dash-title-section, :where(.ws-module-surface) .reports-page > .contacts-tabs {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .reports-page .filtersContacts {
    margin: 0;
    padding-bottom: 0;
  }

  :where(.ws-module-surface) .reports-tabs {
    scrollbar-width: none;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .reports-tabs::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) .reports-tabs > button {
    white-space: nowrap;
    flex: none;
  }

  :where(.ws-module-surface) .reports-export-actions {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .reports-filters .contacts-search {
    flex: 0 260px;
    min-width: min(100%, 220px);
    max-width: 300px;
  }

  :where(.ws-module-surface) .reports-filters .deals-filter-selects {
    flex: none;
    width: 190px;
    min-width: 0;
  }

  :where(.ws-module-surface) .reports-filters .deals-filter-selects .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .reports-intro {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--dashboard-surface);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .reports-intro > div {
    align-items: center;
    gap: 12px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .reports-intro-icon {
    width: 38px;
    height: 38px;
    color: var(--color-secondary);
    background: #f1ebfa;
    border-radius: 9px;
    flex: none;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .reports-intro-icon svg {
    width: 19px;
    height: 19px;
  }

  :where(.ws-module-surface) .reports-intro h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: .99rem;
  }

  :where(.ws-module-surface) .reports-intro p {
    color: #756f7c;
    margin: 3px 0 0;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .reports-page .kpis-card-container.one-dash.financial-report-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .reports-insights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .reports-insights:has( > :only-child) {
    grid-template-columns: 1fr;
  }

  :where(.ws-module-surface) .reports-insights > .financial-report-panel {
    min-width: 0;
  }

  :where(.ws-module-surface) .reports-status-list {
    align-content: center;
    gap: 13px;
    min-height: 220px;
    padding: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .reports-status-list > div {
    color: var(--color-primary);
    grid-template-columns: minmax(80px, 1fr) minmax(80px, 2fr) 35px;
    align-items: center;
    gap: 12px;
    font-size: .8rem;
    display: grid;
  }

  :where(.ws-module-surface) .reports-status-list > div > div {
    background: #f1ebfa;
    border-radius: 5px;
    height: 7px;
    overflow: hidden;
  }

  :where(.ws-module-surface) .reports-status-list > div > div > span {
    border-radius: inherit;
    background: var(--color-secondary);
    height: 100%;
    display: block;
  }

  :where(.ws-module-surface) .reports-status-list strong {
    text-align: right;
  }

  :where(.ws-module-surface) .reports-page .contacts-table-scroll {
    width: 100%;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .reports-table {
    min-width: 900px;
  }

  :where(.ws-module-surface) .reports-table td {
    white-space: nowrap;
  }

  :where(.ws-module-surface) .reports-table td:nth-child(2) a {
    color: var(--color-primary);
    font-weight: 650;
    text-decoration: none;
  }

  :where(.ws-module-surface) .reports-table td:nth-child(2) a:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .reports-status {
    color: #5c4379;
    background: #f1ebfa;
    border-radius: 6px;
    padding: 3px 8px;
    font-size: .75rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .reports-number {
    font-variant-numeric: tabular-nums;
    font-weight: 650;
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .reports-insights {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .reports-page .kpis-card-container.one-dash.financial-report-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .reports-filters .contacts-search {
      flex-basis: 100%;
      max-width: none;
    }

    :where(.ws-module-surface) .reports-filters .deals-filter-selects {
      flex: 160px;
    }

    :where(.ws-module-surface) .reports-intro {
      flex-direction: column;
      align-items: flex-start;
    }

    :where(.ws-module-surface) .reports-page .kpis-card-container.one-dash.financial-report-kpis {
      grid-template-columns: 1fr;
    }
  }

  :where(.ws-module-surface) .api-keys-page {
    align-content: start;
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .api-keys-page > .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .api-keys-page .kpis-card-container.one-dash {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .api-keys-workspace {
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, .8fr);
    align-items: start;
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .api-keys-create, :where(.ws-module-surface) .api-keys-guide, :where(.ws-module-surface) .api-keys-secret {
    min-width: 0;
    padding: 20px;
  }

  :where(.ws-module-surface) .api-keys-panel-heading {
    align-items: center;
    gap: 11px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .api-keys-panel-heading > div {
    min-width: 0;
  }

  :where(.ws-module-surface) .api-keys-feature-icon {
    background: color-mix(in srgb, var(--color-secondary) 11%, var(--dashboard-surface));
    width: 38px;
    height: 38px;
    color: var(--color-secondary);
    border-radius: 9px;
    flex: none;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .api-keys-feature-icon svg {
    width: 19px;
    height: 19px;
  }

  :where(.ws-module-surface) .api-keys-panel-heading h2, :where(.ws-module-surface) .api-keys-unavailable h2 {
    color: var(--color-primary);
    font-size: .96rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .api-keys-panel-heading p, :where(.ws-module-surface) .api-keys-unavailable p {
    color: var(--dashboard-button-text);
    margin-top: 3px;
    font-size: .76rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .api-keys-create form {
    gap: 18px;
    margin-top: 22px;
    display: grid;
  }

  :where(.ws-module-surface) .api-keys-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .api-keys-fields .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .api-keys-permissions-heading {
    color: var(--color-primary);
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    font-size: .81rem;
    display: flex;
  }

  :where(.ws-module-surface) .api-keys-permissions-heading span {
    color: var(--dashboard-button-text);
    font-size: .73rem;
  }

  :where(.ws-module-surface) .api-keys-permission-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .api-keys-scope-group {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 8px;
    min-width: 0;
    padding: 12px;
  }

  :where(.ws-module-surface) .api-keys-scope-group legend {
    color: var(--color-primary);
    padding-inline: 4px;
    font-size: .79rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .api-keys-scope-group > p {
    color: var(--dashboard-button-text);
    margin-bottom: 10px;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .api-keys-scope-group > div {
    gap: 5px;
    display: grid;
  }

  :where(.ws-module-surface) .api-keys-scope-option {
    min-height: 34px;
    color: var(--color-primary);
    background: color-mix(in srgb, var(--color-secondary) 3%, var(--dashboard-surface));
    cursor: pointer;
    border: 1px solid #0000;
    border-radius: 6px;
    align-items: center;
    gap: 9px;
    padding: 6px 8px;
    font-size: .76rem;
    display: flex;
  }

  :where(.ws-module-surface) .api-keys-scope-option:has(input:checked) {
    border-color: color-mix(in srgb, var(--color-secondary) 30%, var(--dashboard-panel-border));
    background: color-mix(in srgb, var(--color-secondary) 9%, var(--dashboard-surface));
  }

  :where(.ws-module-surface) .api-keys-scope-option input {
    width: 15px;
    height: 15px;
    accent-color: var(--color-secondary);
    flex: none;
  }

  :where(.ws-module-surface) .api-keys-form-footer {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-top: 15px;
    display: flex;
  }

  :where(.ws-module-surface) .api-keys-form-footer > span {
    color: var(--dashboard-button-text);
    font-size: .73rem;
  }

  :where(.ws-module-surface) .api-keys-guide {
    gap: 18px;
    display: grid;
  }

  :where(.ws-module-surface) .api-keys-guide ol {
    gap: 0;
    list-style: none;
    display: grid;
  }

  :where(.ws-module-surface) .api-keys-guide li {
    border-top: 1px solid var(--dashboard-panel-border);
    gap: 12px;
    padding: 13px 0;
    display: flex;
  }

  :where(.ws-module-surface) .api-keys-guide li > span {
    color: var(--color-secondary);
    flex: none;
    font-size: .74rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .api-keys-guide li strong {
    color: var(--color-primary);
    font-size: .78rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .api-keys-guide li p {
    color: var(--dashboard-button-text);
    margin-top: 4px;
    font-size: .74rem;
    line-height: 1.45;
  }

  :where(.ws-module-surface) .api-keys-guide-link {
    color: var(--color-secondary);
    justify-self: start;
    align-items: center;
    gap: 7px;
    font-size: .76rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .api-keys-guide-link:hover {
    text-decoration: underline;
  }

  :where(.ws-module-surface) .api-keys-secret {
    border-color: var(--color-secondary);
    background: color-mix(in srgb, var(--color-secondary) 4%, var(--dashboard-surface));
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .api-keys-secret code {
    overflow-wrap: anywhere;
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    max-width: 100%;
    color: var(--color-primary);
    border-radius: 6px;
    padding: 12px;
    font-size: .78rem;
    display: block;
  }

  :where(.ws-module-surface) .api-keys-secret-actions {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .api-keys-list {
    overflow: hidden;
  }

  :where(.ws-module-surface) .api-keys-list-heading > div {
    align-items: baseline;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .api-keys-list-heading strong {
    color: var(--color-primary);
    font-size: .86rem;
  }

  :where(.ws-module-surface) .api-keys-list-heading span {
    color: var(--dashboard-button-text);
    font-size: .73rem;
  }

  :where(.ws-module-surface) .api-keys-list .contacts-table {
    min-width: 900px;
  }

  :where(.ws-module-surface) .api-keys-list .contacts-table td {
    font-size: .75rem;
  }

  :where(.ws-module-surface) .api-keys-list .contacts-table td:first-child {
    min-width: 210px;
  }

  :where(.ws-module-surface) .api-keys-name {
    align-items: center;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .api-keys-name > svg {
    width: 17px;
    height: 17px;
    color: var(--color-secondary);
    flex: none;
  }

  :where(.ws-module-surface) .api-keys-name > div {
    gap: 4px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .api-keys-name strong {
    color: var(--color-primary);
    font-size: .78rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .api-keys-name code {
    color: var(--dashboard-button-text);
    overflow-wrap: anywhere;
    font-size: .69rem;
  }

  :where(.ws-module-surface) .api-keys-scope-tags {
    flex-wrap: wrap;
    gap: 4px;
    display: flex;
  }

  :where(.ws-module-surface) .api-keys-scope-tags span, :where(.ws-module-surface) .api-keys-status {
    border-radius: 5px;
    padding: 4px 7px;
    font-size: .68rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .api-keys-scope-tags span {
    color: var(--dashboard-button-text);
    background: color-mix(in srgb, var(--color-secondary) 7%, var(--dashboard-surface));
  }

  :where(.ws-module-surface) .api-keys-status.ativa {
    color: var(--color-secondary);
    background: color-mix(in srgb, var(--color-secondary) 11%, var(--dashboard-surface));
  }

  :where(.ws-module-surface) .api-keys-status.expirada {
    color: var(--dashboard-button-text);
    background: var(--dashboard-bg);
  }

  :where(.ws-module-surface) .api-keys-status.revogada {
    color: var(--dashboard-danger);
    background: color-mix(in srgb, var(--dashboard-danger) 10%, var(--dashboard-surface));
  }

  :where(.ws-module-surface) .api-keys-unavailable {
    align-items: center;
    gap: 14px;
    padding: 20px;
    display: flex;
  }

  :where(.ws-module-surface) .api-keys-unavailable > div {
    flex: 1;
  }

  @media (max-width: 1100px) {
    :where(.ws-module-surface) .api-keys-workspace {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .api-keys-guide ol {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .api-keys-guide ol {
      grid-template-columns: 1fr;
      gap: 0;
    }

    :where(.ws-module-surface) .api-keys-page .kpis-card-container.one-dash {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .api-keys-fields, :where(.ws-module-surface) .api-keys-permission-grid, :where(.ws-module-surface) .api-keys-page .kpis-card-container.one-dash {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .api-keys-create, :where(.ws-module-surface) .api-keys-guide, :where(.ws-module-surface) .api-keys-secret {
      padding: 16px;
    }

    :where(.ws-module-surface) .api-keys-form-footer {
      flex-direction: column;
      align-items: stretch;
    }

    :where(.ws-module-surface) .api-keys-form-footer .contacts-button, :where(.ws-module-surface) .api-keys-unavailable .contacts-button {
      width: 100%;
    }

    :where(.ws-module-surface) .api-keys-unavailable {
      flex-wrap: wrap;
      align-items: flex-start;
    }
  }

  :where(.ws-module-surface) .integrations-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-form {
    border-top: 1px solid #eee9f3;
    gap: 12px;
    width: 100%;
    padding-top: 8px;
    display: grid;
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-upload {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 12px 16px;
    width: 100%;
    max-width: 900px;
    display: grid;
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-upload > .contacts-button {
    grid-column: 1 / -1;
    justify-self: end;
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-form .form-group, :where(.ws-module-surface) .integrations-page .integrations-signature-upload .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-upload .input-form[type="file"] {
    min-width: 0;
    padding: 5px 8px;
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-upload .input-form[type="file"]::file-selector-button {
    background: var(--ws-surface);
    min-height: 30px;
    color: var(--color-primary);
    font: inherit;
    cursor: pointer;
    border: 1px solid #d9cdea;
    border-radius: 5px;
    margin-right: 10px;
    padding: 0 10px;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-upload .input-form[type="file"]:hover::file-selector-button {
    border-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-model {
    padding: 18px;
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-model pre {
    white-space: pre-wrap;
    font: inherit;
    max-height: 420px;
    font-size: .84rem;
    line-height: 1.7;
    overflow: auto;
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-files {
    gap: 8px;
    width: 100%;
    display: grid;
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-files > div {
    border-top: 1px solid #eee9f3;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-files span {
    overflow-wrap: anywhere;
    flex: 1;
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .integrations-page .integrations-signature-files small {
    color: #756f7c;
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .integrations-page .integrations-signature-upload {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .integrations-page .integrations-signature-files > div {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) .integrations-page .integrations-signature-files span {
      flex-basis: 100%;
    }
  }

  :where(.ws-module-surface) .integrations-page > .dash-title-section, :where(.ws-module-surface) .integrations-page > .contacts-tabs {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .integrations-section-heading {
    justify-content: space-between;
    align-items: end;
    gap: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-section-heading h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: .96rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .integrations-section-heading p {
    color: #756f7c;
    margin: 3px 0 0;
    font-size: .78rem;
  }

  :where(.ws-module-surface) .integrations-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .integrations-signature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .integrations-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-card-heading {
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-card-icon {
    width: 34px;
    height: 34px;
    color: var(--color-secondary);
    background: none;
    border-radius: 8px;
    flex: none;
    place-items: center;
    font-size: 17px;
    display: grid;
  }

  :where(.ws-module-surface) .integrations-card-icon img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    display: block;
  }

  :where(.ws-module-surface) .integrations-card-icon-wide {
    justify-items: start;
    width: 128px;
    height: 38px;
    padding: 5px 8px;
  }

  :where(.ws-module-surface) .integrations-signature-card .integrations-card-heading {
    justify-content: space-between;
  }

  :where(.ws-module-surface) .integrations-signature-card .integrations-card-heading .sr-only {
    flex: none;
  }

  :where(.ws-module-surface) .integrations-card h3 {
    min-width: 0;
    color: var(--color-primary);
    flex: 1;
    margin: 0;
    font-size: .92rem;
    font-weight: 650;
    line-height: 1.25;
  }

  :where(.ws-module-surface) .integrations-card p {
    color: #756f7c;
    margin: 0;
    font-size: .79rem;
    line-height: 1.45;
  }

  :where(.ws-module-surface) .integrations-status {
    white-space: nowrap;
    border-radius: 6px;
    align-items: center;
    padding: 4px 8px;
    font-size: .73rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .integrations-status.connected {
    color: #247857;
    background: #e8f7f0;
  }

  :where(.ws-module-surface) .integrations-status.attention {
    color: #8d6927;
    background: #f8f1df;
  }

  :where(.ws-module-surface) .integrations-status.idle {
    color: #756f7c;
    background: #f3f1f5;
  }

  :where(.ws-module-surface) .integrations-card-body {
    color: #756f7c;
    overflow-wrap: anywhere;
    background: #f7f5fa;
    border-radius: 7px;
    flex-direction: column;
    gap: 3px;
    width: 100%;
    padding: 9px 10px;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-card-body strong {
    color: var(--color-primary);
    font-size: .8rem;
  }

  :where(.ws-module-surface) .integrations-card-body small {
    color: #756f7c;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .integrations-card-body .integrations-error {
    color: #ad4050;
  }

  :where(.ws-module-surface) .integrations-card > .contacts-button {
    margin-top: auto;
  }

  :where(.ws-module-surface) .integrations-notice {
    color: #ad4050;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    font-size: .8rem;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-channel-content {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-channel-content > .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-provider-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-provider-card {
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 82px;
    padding: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-provider-card:has(.conversations-business-number) {
    flex-wrap: wrap;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-business-number {
    color: var(--text-muted, #64748b);
    flex: 1 0 100%;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    display: grid;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-business-number input {
    border: 1px solid var(--border, #d5dce5);
    background: var(--surface, #fff);
    width: 100%;
    min-height: 38px;
    color: inherit;
    font: inherit;
    border-radius: 8px;
    padding: 8px 11px;
    font-size: 14px;
  }

  :where(.ws-module-surface) .integrations-whatsapp-connect {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-whatsapp-connect .conversations-business-number {
    width: 100%;
    color: var(--ws-text-muted, #64748b);
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    display: grid;
  }

  :where(.ws-module-surface) .integrations-whatsapp-connect :is(input, select) {
    border: 1px solid var(--ws-border);
    background: var(--ws-surface, #fff);
    width: 100%;
    min-height: 34px;
    color: var(--ws-text);
    font: inherit;
    border-radius: 8px;
    padding: 7px 10px;
  }

  :where(.ws-module-surface) .integrations-whatsapp-connect > small {
    flex-basis: 100%;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-provider-icon {
    width: 38px;
    height: 38px;
    color: var(--color-secondary);
    background: none;
    border-radius: 9px;
    flex: none;
    place-items: center;
    font-size: 18px;
    display: grid;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-provider-icon img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    display: block;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-provider-copy {
    flex-direction: column;
    flex: 1;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-provider-copy strong {
    color: var(--color-primary);
    font-size: .88rem;
    font-weight: 650;
    line-height: 1.25;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-provider-copy small {
    color: #756f7c;
    font-size: .75rem;
    line-height: 1.3;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-provider-indicator {
    background: #c9c5ce;
    border-radius: 50%;
    flex: none;
    width: 8px;
    height: 8px;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-provider-indicator.is-connected {
    background: #2f9a70;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-setup-panel {
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    padding: 18px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-setup-copy {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-setup-copy h2 {
    color: var(--color-primary);
    margin: 0 0 6px;
    font-size: .9rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-setup-copy p {
    color: #756f7c;
    max-width: 740px;
    margin: 0;
    font-size: .78rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-setup-copy code {
    color: var(--color-secondary);
    overflow-wrap: anywhere;
    background: #f1ebfa;
    border-radius: 4px;
    padding: 2px 5px;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-setup-status {
    flex-direction: column;
    flex: none;
    align-items: flex-start;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-setup-status span {
    border-radius: 6px;
    align-items: center;
    gap: 7px;
    min-height: 28px;
    padding: 5px 9px;
    font-size: .74rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-setup-status svg {
    flex: none;
    font-size: 13px;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-setup-status .is-ready {
    color: #247857;
    background: #e8f7f0;
  }

  :where(.ws-module-surface) .conversations-channels-page .conversations-setup-status .is-pending {
    color: #8d6927;
    background: #f8f1df;
  }

  @media (max-width: 1000px) {
    :where(.ws-module-surface) .conversations-channels-page .conversations-provider-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .conversations-channels-page .conversations-provider-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .conversations-channels-page .conversations-setup-panel {
      flex-direction: column;
      align-items: flex-start;
      gap: 14px;
    }

    :where(.ws-module-surface) .conversations-channels-page .conversations-setup-status {
      flex-flow: wrap;
    }
  }

  :where(.ws-module-surface) .integrations-calendar-card {
    align-items: stretch;
    gap: 0;
    width: 100%;
    padding: 18px 20px;
  }

  :where(.ws-module-surface) .integrations-calendar-card > .integrations-card-heading {
    margin-bottom: 7px;
  }

  :where(.ws-module-surface) .integrations-calendar-card > p, :where(.ws-module-surface) .integrations-calendar-card > .integrations-card-body {
    margin-bottom: 16px;
  }

  :where(.ws-module-surface) .integrations-calendar-panel {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 11px;
    width: 100%;
    overflow: hidden;
  }

  :where(.ws-module-surface) .integrations-calendar-account {
    background: #faf9fc;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 14px 16px;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-calendar-account-icon {
    color: #247857;
    background: #e8f7f0;
    border-radius: 9px;
    flex: none;
    place-items: center;
    width: 34px;
    height: 34px;
    display: grid;
  }

  :where(.ws-module-surface) .integrations-calendar-account-icon svg {
    width: 18px;
    height: 18px;
  }

  :where(.ws-module-surface) .integrations-calendar-account > div {
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-calendar-account > div > span {
    color: #756f7c;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .integrations-calendar-account strong {
    color: var(--color-primary);
    overflow-wrap: anywhere;
    font-size: .84rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .integrations-calendar-account small {
    color: #756f7c;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .integrations-calendar-choice {
    border-top: 1px solid var(--dashboard-panel-border);
    grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
    align-items: center;
    gap: 20px;
    padding: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .integrations-calendar-choice-copy {
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-calendar-choice-copy strong {
    color: var(--color-primary);
    font-size: .81rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .integrations-calendar-choice-copy span {
    color: #756f7c;
    font-size: .75rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .integrations-calendar-selection {
    width: 100%;
    min-width: 0;
  }

  :where(.ws-module-surface) .integrations-calendar-selection > strong {
    color: var(--color-primary);
    overflow-wrap: anywhere;
    font-size: .82rem;
    font-weight: 600;
    display: block;
  }

  :where(.ws-module-surface) .integrations-calendar-selection .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .integrations-calendar-selection .form-label {
    font-size: .71rem;
  }

  :where(.ws-module-surface) .integrations-calendar-actions {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-top: 14px;
    padding-top: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-calendar-actions .integrations-calendar-disconnect {
    color: #a73d50;
    background: none;
    border-color: #ead5da;
  }

  :where(.ws-module-surface) .integrations-calendar-actions .integrations-calendar-disconnect:hover:not(:disabled) {
    color: #922c42;
    background: #fff5f6;
    border-color: #dbaeb8;
  }

  @media (max-width: 1100px) {
    :where(.ws-module-surface) .integrations-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .integrations-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .integrations-calendar-choice {
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
    }

    :where(.ws-module-surface) .integrations-calendar-actions {
      justify-content: flex-start;
    }

    :where(.ws-module-surface) .integrations-card-heading {
      flex-wrap: wrap;
    }
  }

  @media (max-width: 480px) {
    :where(.ws-module-surface) .integrations-calendar-card {
      padding: 16px;
    }

    :where(.ws-module-surface) .integrations-calendar-actions > button {
      flex: auto;
    }
  }

  :where(.ws-module-surface) .users-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .users-page > .dash-title-section, :where(.ws-module-surface) .users-page > .contacts-tabs {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .users-page .users-filters {
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    display: flex;
  }

  :where(.ws-module-surface) .users-filters .contacts-search {
    width: 270px;
    min-width: 190px;
    max-width: 270px;
    height: var(--dashboard-filter-height);
    border-radius: var(--dashboard-control-radius);
    flex: 0 270px;
    padding: 0 11px;
  }

  :where(.ws-module-surface) .users-filters .contacts-search:focus-within {
    box-shadow: none;
    border-color: #cbbcdf;
  }

  :where(.ws-module-surface) .users-filters .contacts-search input:focus, :where(.ws-module-surface) .users-filters .contacts-search input:focus-visible {
    box-shadow: none;
    outline: none;
  }

  :where(.ws-module-surface) .users-filters .users-filter-selects {
    flex: 0 auto;
    gap: 8px;
    min-width: 0;
  }

  :where(.ws-module-surface) .users-filters .users-filter-selects .form-group {
    flex: 0 170px;
    width: 170px;
    min-width: 150px;
    max-width: 190px;
    margin: 0;
  }

  :where(.ws-module-surface) .users-filters .users-filter-selects .fieldSelectSelectedBadge {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  :where(.ws-module-surface) .users-page .contacts-panel {
    overflow: hidden;
  }

  :where(.ws-module-surface) .users-page .users-table {
    min-width: 830px;
  }

  :where(.ws-module-surface) .users-page .users-table td {
    vertical-align: middle;
  }

  :where(.ws-module-surface) .users-page .users-table td:first-child {
    width: 36%;
    min-width: 250px;
  }

  :where(.ws-module-surface) .users-page .users-table td:last-child {
    min-width: 155px;
  }

  :where(.ws-module-surface) .users-page .contacts-table-top {
    min-height: 48px;
  }

  :where(.ws-module-surface) .users-page .contacts-table-top strong {
    font-size: .83rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .users-page .contacts-tabs button[aria-selected="false"] span {
    color: #797181;
    background: #f0edf3;
  }

  :where(.ws-module-surface) .users-identity {
    align-items: center;
    gap: 10px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .users-identity > span:last-child {
    gap: 0;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .users-identity strong, :where(.ws-module-surface) .users-identity small {
    line-height: 1.2;
  }

  :where(.ws-module-surface) .users-invite-identity {
    gap: 0;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .users-invite-identity strong, :where(.ws-module-surface) .users-invite-identity small {
    text-overflow: ellipsis;
    line-height: 1.2;
    overflow: hidden;
  }

  :where(.ws-module-surface) .users-invite-identity small {
    color: #85818a;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .users-identity strong, :where(.ws-module-surface) .users-table td > strong {
    color: var(--color-primary);
    font-size: .86rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .users-identity small {
    color: #85818a;
    text-overflow: ellipsis;
    font-size: .75rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) .users-avatar {
    background: color-mix(in srgb, var(--color-secondary) 12%, white);
    width: 34px;
    height: 34px;
    color: var(--color-secondary);
    border: 1px solid #e7def5;
    border-radius: 50%;
    flex: 0 0 34px;
    place-items: center;
    font-size: .75rem;
    font-weight: 700;
    display: grid;
  }

  :where(.ws-module-surface) .users-role, :where(.ws-module-surface) .users-status {
    white-space: nowrap;
    color: #605b63;
    background: #f2f0f2;
    border-radius: 999px;
    align-items: center;
    padding: 4px 9px;
    font-size: .74rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .users-status.is-active {
    color: #277a49;
    background: #e8f6ec;
  }

  :where(.ws-module-surface) .users-status.is-inactive {
    color: #a34a4a;
    background: #f7e9e9;
  }

  :where(.ws-module-surface) .users-status.is-pending {
    color: #9a6417;
    background: #fff2da;
  }

  :where(.ws-module-surface) .users-actions {
    white-space: nowrap;
    align-items: center;
    gap: 6px;
    display: flex;
  }

  :where(.ws-module-surface) .users-actions .contacts-button {
    padding-inline: 10px;
  }

  :where(.ws-module-surface) .users-self-note {
    color: #918a99;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .users-dialog {
    width: min(640px, 100vw - 28px);
    max-height: min(88vh, 900px);
    overflow-y: auto;
  }

  :where(.ws-module-surface) .users-dialog .catalog-form {
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .users-dialog .catalog-form > p {
    color: #77717b;
    margin: 0;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .users-module-selector {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 12px;
    min-width: 0;
    margin: 0;
    padding: 14px;
  }

  :where(.ws-module-surface) .users-module-selector legend {
    color: var(--color-primary);
    padding: 0 4px;
    font-size: .85rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .users-module-selector > p {
    color: #77717b;
    margin: 0 0 14px;
    font-size: .78rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .users-module-groups {
    gap: 16px;
    margin-top: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .users-module-group {
    gap: 9px;
    display: grid;
  }

  :where(.ws-module-surface) .users-module-group > strong {
    color: var(--color-primary);
    font-size: .78rem;
  }

  :where(.ws-module-surface) .users-module-group > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
    display: grid;
  }

  :where(.ws-module-surface) .users-error {
    color: #a33d3d;
  }

  @media (max-width: 560px) {
    :where(.ws-module-surface) .users-module-group > div {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 650px) {
    :where(.ws-module-surface) .users-filters .contacts-search {
      flex: 100%;
      width: 100%;
      max-width: none;
    }

    :where(.ws-module-surface) .users-filters .users-filter-selects {
      flex: 100%;
    }

    :where(.ws-module-surface) .users-filters .users-filter-selects .form-group {
      flex: 145px;
      width: auto;
    }
  }

  :where(.ws-module-surface) .implantacao-page {
    flex-direction: column;
    gap: 16px;
    padding-bottom: 28px;
    display: flex;
  }

  :where(.ws-module-surface) .implantacao-page > .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .implantacao-page .contacts-panel {
    min-width: 0;
  }

  :where(.ws-module-surface) .implantacao-panel {
    overflow: hidden;
  }

  :where(.ws-module-surface) .implantacao-panel-head, :where(.ws-module-surface) .implantacao-list-heading {
    border-bottom: 1px solid var(--dashboard-panel-border);
    padding: 20px 22px 16px;
  }

  :where(.ws-module-surface) .implantacao-panel h2, :where(.ws-module-surface) .implantacao-progress-panel h2, :where(.ws-module-surface) .implantacao-demo h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .implantacao-panel p, :where(.ws-module-surface) .implantacao-progress-panel p, :where(.ws-module-surface) .implantacao-demo p {
    color: #79737e;
    margin: 5px 0 0;
    font-size: .82rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .implantacao-eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: .7rem;
    font-weight: 750;
    display: block;
  }

  :where(.ws-module-surface) .implantacao-form {
    gap: 18px;
    padding: 20px 22px 22px;
    display: grid;
  }

  :where(.ws-module-surface) .implantacao-fields {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) minmax(100px, .4fr);
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .implantacao-selects {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .implantacao-fields .form-group, :where(.ws-module-surface) .implantacao-selects .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .implantacao-form-actions, :where(.ws-module-surface) .implantacao-footer {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .implantacao-form-actions .contacts-button, :where(.ws-module-surface) .implantacao-footer .contacts-button, :where(.ws-module-surface) .implantacao-step-actions .contacts-button, :where(.ws-module-surface) .implantacao-demo .contacts-button {
    max-height: 36px;
    text-decoration: none;
  }

  :where(.ws-module-surface) .implantacao-progress-panel {
    padding: 20px 22px;
  }

  :where(.ws-module-surface) .implantacao-progress-header {
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    display: flex;
  }

  :where(.ws-module-surface) .implantacao-progress-header > strong {
    color: var(--color-secondary);
    font-variant-numeric: tabular-nums;
    font-size: 1.35rem;
    font-weight: 750;
  }

  :where(.ws-module-surface) .implantacao-progress-track {
    background: #eee9f3;
    border-radius: 999px;
    height: 8px;
    margin-top: 16px;
    overflow: hidden;
  }

  :where(.ws-module-surface) .implantacao-progress-track > span {
    border-radius: inherit;
    background: var(--color-secondary);
    height: 100%;
    transition: width .25s;
    display: block;
  }

  :where(.ws-module-surface) .implantacao-list-heading {
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .implantacao-list-heading > span {
    color: #89828e;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .implantacao-step {
    border-bottom: 1px solid var(--dashboard-panel-border);
    align-items: center;
    gap: 13px;
    min-height: 76px;
    padding: 13px 22px;
    display: flex;
  }

  :where(.ws-module-surface) .implantacao-step:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .implantacao-step-number {
    width: 34px;
    height: 34px;
    color: var(--color-secondary);
    background: #faf8fc;
    border: 1px solid #e5ddec;
    border-radius: 10px;
    flex: 0 0 34px;
    place-items: center;
    font-size: .77rem;
    font-weight: 750;
    display: grid;
  }

  :where(.ws-module-surface) .implantacao-step.is-done .implantacao-step-number {
    color: #2b8752;
    background: #eaf7ed;
    border-color: #d4ecd9;
  }

  :where(.ws-module-surface) .implantacao-step-copy {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .implantacao-step-copy > div {
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .implantacao-step-copy strong {
    color: var(--color-primary);
    font-size: .84rem;
    font-weight: 680;
  }

  :where(.ws-module-surface) .implantacao-step-copy p {
    margin-top: 2px;
  }

  :where(.ws-module-surface) .implantacao-badge {
    color: var(--color-secondary);
    background: #eee9f4;
    border-radius: 5px;
    padding: 3px 7px;
    font-size: .67rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .implantacao-badge.is-muted {
    color: #817b86;
    background: #f1eff2;
  }

  :where(.ws-module-surface) .implantacao-step-actions {
    flex: none;
    align-items: center;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .implantacao-step-actions .contacts-button {
    justify-content: center;
    align-items: center;
    gap: 6px;
    display: inline-flex;
  }

  :where(.ws-module-surface) .implantacao-complete {
    color: #348252;
    align-items: center;
    gap: 5px;
    font-size: .78rem;
    font-weight: 650;
    display: inline-flex;
  }

  :where(.ws-module-surface) .implantacao-footer {
    padding: 2px 0;
  }

  :where(.ws-module-surface) .implantacao-demo {
    align-items: center;
    gap: 14px;
    padding: 20px 22px;
    display: flex;
  }

  :where(.ws-module-surface) .implantacao-demo-icon {
    width: 38px;
    height: 38px;
    color: var(--color-secondary);
    background: #f0e9f7;
    border-radius: 11px;
    flex: 0 0 38px;
    place-items: center;
    font-size: 1.1rem;
    display: grid;
  }

  :where(.ws-module-surface) .implantacao-demo > div:nth-child(2) {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .implantacao-demo small {
    color: var(--color-secondary);
    margin-top: 7px;
    font-size: .73rem;
    font-weight: 650;
    display: block;
  }

  :where(.ws-module-surface) .implantacao-error {
    color: #a33d3d;
    align-items: center;
    gap: 12px;
    padding: 18px;
    display: flex;
  }

  @media (max-width: 880px) {
    :where(.ws-module-surface) .implantacao-selects {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .implantacao-selects > :last-child {
      grid-column: 1 / -1;
    }
  }

  @media (max-width: 650px) {
    :where(.ws-module-surface) .implantacao-fields, :where(.ws-module-surface) .implantacao-selects {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .implantacao-selects > :last-child {
      grid-column: auto;
    }

    :where(.ws-module-surface) .implantacao-panel-head, :where(.ws-module-surface) .implantacao-list-heading, :where(.ws-module-surface) .implantacao-form, :where(.ws-module-surface) .implantacao-progress-panel, :where(.ws-module-surface) .implantacao-demo {
      padding: 16px;
    }

    :where(.ws-module-surface) .implantacao-list-heading, :where(.ws-module-surface) .implantacao-demo {
      flex-direction: column;
      align-items: flex-start;
    }

    :where(.ws-module-surface) .implantacao-step {
      flex-wrap: wrap;
      padding: 13px 16px;
    }

    :where(.ws-module-surface) .implantacao-step-actions {
      flex-basis: 100%;
      padding-left: 47px;
    }

    :where(.ws-module-surface) .implantacao-demo .contacts-button {
      align-self: stretch;
    }
  }

  :where(.ws-module-surface) .settings-page {
    flex-direction: column;
    gap: 16px;
    padding-bottom: 28px;
    display: flex;
  }

  :where(.ws-module-surface) .settings-page > .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .settings-layout {
    grid-template-columns: 238px minmax(0, 1fr);
    align-items: start;
    gap: 18px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-navigation {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--dashboard-surface);
    gap: 0;
    padding: 10px;
    display: grid;
    position: sticky;
    top: 20px;
    box-shadow: 0 8px 24px #2d173c0a;
  }

  :where(.ws-module-surface) .settings-nav-group {
    border-bottom: 1px solid var(--dashboard-panel-border);
    gap: 3px;
    padding: 10px 0;
    display: grid;
  }

  :where(.ws-module-surface) .settings-nav-group:first-child {
    padding-top: 2px;
  }

  :where(.ws-module-surface) .settings-nav-group:last-child {
    border-bottom: 0;
    padding-bottom: 2px;
  }

  :where(.ws-module-surface) .settings-nav-group > strong {
    color: #8a8390;
    letter-spacing: .07em;
    text-transform: uppercase;
    padding: 3px 10px 6px;
    font-size: .66rem;
    font-weight: 750;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .settings-nav-group > button {
    color: #69616e;
    width: 100%;
    min-height: 36px;
    font: 500 .78rem/1.2 var(--font-family);
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 7px;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    transition: background .16s, color .16s;
    display: grid;
    position: relative;
  }

  :where(.ws-module-surface) .settings-nav-group > button > svg {
    justify-self: center;
    width: 16px;
    height: 16px;
    font-size: 16px;
  }

  :where(.ws-module-surface) .settings-nav-group > button > span {
    min-width: 0;
  }

  :where(.ws-module-surface) .settings-nav-group > button:not(.is-active):hover {
    background: var(--dashboard-button-hover);
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .settings-nav-group > button.is-active {
    background: color-mix(in srgb, var(--color-secondary) 11%, white);
    box-shadow: inset 3px 0 0 var(--color-secondary);
    color: var(--color-secondary);
    font-weight: 650;
  }

  :where(.ws-module-surface) .settings-content, :where(.ws-module-surface) .settings-stack {
    gap: 16px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .settings-panel {
    min-width: 0;
    overflow: visible;
  }

  :where(.ws-module-surface) .settings-panel-head {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    min-height: 74px;
    padding: 16px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .settings-panel-copy {
    align-content: center;
    gap: 4px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .settings-panel-head h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: .96rem;
    font-weight: 700;
    line-height: 1.3;
  }

  :where(.ws-module-surface) .settings-panel-head p {
    color: #7d7682;
    margin: 0;
    font-size: .78rem;
    line-height: 1.45;
  }

  :where(.ws-module-surface) .settings-panel-actions {
    flex: none;
    align-items: center;
    display: flex;
  }

  :where(.ws-module-surface) .settings-panel-head .contacts-button {
    justify-content: center;
    min-width: 92px;
  }

  :where(.ws-module-surface) .settings-panel-body {
    min-width: 0;
    padding: 20px;
  }

  :where(.ws-module-surface) .settings-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-form-grid > .contacts-full {
    grid-column: 1 / -1;
  }

  :where(.ws-module-surface) .settings-form-grid > .form-group, :where(.ws-module-surface) .settings-address-grid > .form-group, :where(.ws-module-surface) .settings-logo-row .form-group {
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .settings-address-grid {
    grid-template-columns: minmax(120px, .55fr) minmax(220px, 1.5fr) minmax(100px, .45fr);
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-address-grid > :nth-child(4), :where(.ws-module-surface) .settings-address-grid > :nth-child(5), :where(.ws-module-surface) .settings-address-grid > :nth-child(6) {
    min-width: 0;
  }

  :where(.ws-module-surface) .settings-preference-fields {
    align-items: end;
  }

  :where(.ws-module-surface) .settings-related-link {
    border-top: 1px solid var(--dashboard-panel-border);
    color: #716a76;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding-top: 16px;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .settings-numbering-list {
    gap: 9px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-numbering-list > article {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    border-radius: 8px;
    grid-template-columns: minmax(145px, 1fr) 112px 92px 118px auto;
    align-items: end;
    gap: 12px;
    min-height: 68px;
    padding: 12px 14px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-numbering-list > article > div:first-child {
    align-self: center;
    gap: 3px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-numbering-list strong, :where(.ws-module-surface) .settings-record-list strong, :where(.ws-module-surface) .settings-link-grid strong, :where(.ws-module-surface) .settings-toggle-list strong {
    color: var(--color-primary);
    font-size: .82rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .settings-numbering-list span, :where(.ws-module-surface) .settings-record-list small, :where(.ws-module-surface) .settings-toggle-list span {
    color: #837c87;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .settings-toggle-list {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 8px;
    overflow: hidden;
  }

  :where(.ws-module-surface) .settings-toggle-list > div {
    border-bottom: 1px solid var(--dashboard-panel-border);
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    min-height: 62px;
    padding: 10px 14px;
    display: flex;
  }

  :where(.ws-module-surface) .settings-toggle-list > div:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .settings-toggle-list > div > div:first-child {
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .settings-link-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-link-grid > article {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 9px;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 92px;
    padding: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-link-grid > article > span {
    background: color-mix(in srgb, var(--color-secondary) 11%, white);
    width: 38px;
    height: 38px;
    color: var(--color-secondary);
    border-radius: 9px;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .settings-link-grid p {
    color: #7f7883;
    margin: 3px 0 0;
    font-size: .75rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .settings-link-grid small {
    color: #928a96;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .settings-record-list {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 8px;
    display: grid;
    overflow: hidden;
  }

  :where(.ws-module-surface) .settings-record-list > div {
    border-bottom: 1px solid var(--dashboard-panel-border);
    align-items: center;
    gap: 11px;
    min-height: 58px;
    padding: 9px 12px;
    display: flex;
  }

  :where(.ws-module-surface) .settings-record-list > div:last-child {
    border-bottom: 0;
  }

  :where(.ws-module-surface) .settings-record-list > div > div:nth-child(2) {
    flex: 1;
    gap: 2px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .settings-record-icon {
    background: color-mix(in srgb, var(--color-secondary) 10%, white);
    width: 28px;
    height: 28px;
    color: var(--color-secondary);
    border-radius: 7px;
    flex: 0 0 28px;
    place-items: center;
    font-size: 13px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-row-actions, :where(.ws-module-surface) .settings-check-row {
    align-items: center;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .settings-check-row {
    border: 1px solid var(--dashboard-panel-border);
    background: #fbfafc;
    border-radius: 8px;
    flex-wrap: wrap;
    min-height: 42px;
    padding: 10px 12px;
  }

  :where(.ws-module-surface) .settings-inline-filter {
    width: min(260px, 100%);
    margin-bottom: 14px;
  }

  :where(.ws-module-surface) .settings-dialog {
    width: min(500px, 100vw - 28px);
    max-height: min(88vh, 900px);
  }

  :where(.ws-module-surface) .settings-dialog.is-wide {
    width: min(760px, 100vw - 28px);
  }

  :where(.ws-module-surface) .settings-dialog-form {
    gap: 16px;
    padding: 18px 20px 20px;
    display: grid;
    overflow-y: auto;
  }

  :where(.ws-module-surface) .settings-dialog-form > footer {
    justify-content: flex-end;
    gap: 8px;
    padding-top: 4px;
    display: flex;
  }

  :where(.ws-module-surface) .settings-dialog-form input[type="color"] {
    cursor: pointer;
    min-height: 42px;
    padding: 5px 8px;
  }

  :where(.ws-module-surface) .settings-checklist-editor {
    border: 1px solid var(--dashboard-panel-border);
    background: #faf9fb;
    border-radius: 9px;
    gap: 9px;
    padding: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-checklist-editor .contacts-section-heading {
    padding: 0 0 4px;
  }

  :where(.ws-module-surface) .settings-checklist-editor .contacts-section-heading > div {
    gap: 2px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-checklist-editor .contacts-section-heading span {
    color: #827b86;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .settings-checklist-editor > div:not(.contacts-section-heading) {
    grid-template-columns: minmax(0, 1fr) 115px 34px;
    align-items: end;
    gap: 9px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-error {
    color: #a33d3d;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 18px;
    display: flex;
  }

  :where(.ws-module-surface) .settings-logo-row {
    grid-template-columns: minmax(180px, .55fr) minmax(240px, 1fr);
    align-items: center;
    gap: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-logo-preview, :where(.ws-module-surface) .settings-logo-empty {
    background: #faf9fb;
    border: 1px dashed #dcd4e3;
    border-radius: 9px;
    place-items: center;
    width: 100%;
    min-height: 92px;
    padding: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .settings-logo-preview img {
    object-fit: contain;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 72px;
    display: block;
  }

  :where(.ws-module-surface) .settings-logo-empty {
    color: #948b9b;
    align-content: center;
    gap: 5px;
    font-size: .74rem;
  }

  :where(.ws-module-surface) .settings-logo-empty svg {
    color: var(--color-secondary);
    font-size: 1.25rem;
  }

  @media (max-width: 1050px) {
    :where(.ws-module-surface) .settings-numbering-list > article {
      grid-template-columns: minmax(150px, 1fr) 110px 90px;
    }

    :where(.ws-module-surface) .settings-numbering-list > article > button {
      grid-area: 2 / 3;
    }
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .settings-layout {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .settings-navigation {
      scrollbar-width: none;
      gap: 7px;
      padding: 8px;
      display: flex;
      position: static;
      overflow-x: auto;
    }

    :where(.ws-module-surface) .settings-navigation::-webkit-scrollbar {
      display: none;
    }

    :where(.ws-module-surface) .settings-nav-group {
      display: contents;
    }

    :where(.ws-module-surface) .settings-nav-group > strong {
      display: none;
    }

    :where(.ws-module-surface) .settings-nav-group > button {
      white-space: nowrap;
      flex: none;
      width: auto;
    }

    :where(.ws-module-surface) .settings-address-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .settings-link-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 620px) {
    :where(.ws-module-surface) .settings-panel-head, :where(.ws-module-surface) .settings-panel-body, :where(.ws-module-surface) .settings-dialog-form {
      padding: 16px;
    }

    :where(.ws-module-surface) .settings-panel-head {
      flex-direction: column;
    }

    :where(.ws-module-surface) .settings-form-grid, :where(.ws-module-surface) .settings-address-grid, :where(.ws-module-surface) .settings-logo-row {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .settings-numbering-list > article {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .settings-numbering-list > article > div:first-child {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .settings-numbering-list > article > button {
      grid-area: auto;
    }

    :where(.ws-module-surface) .settings-related-link, :where(.ws-module-surface) .settings-link-grid > article {
      align-items: flex-start;
    }

    :where(.ws-module-surface) .settings-related-link {
      flex-direction: column;
    }

    :where(.ws-module-surface) .settings-link-grid > article {
      grid-template-columns: 34px minmax(0, 1fr);
    }

    :where(.ws-module-surface) .settings-link-grid > article > a, :where(.ws-module-surface) .settings-link-grid > article > small {
      grid-column: 2;
      justify-self: start;
    }

    :where(.ws-module-surface) .settings-row-actions {
      flex: none;
    }

    :where(.ws-module-surface) .settings-record-list > div {
      flex-wrap: wrap;
      align-items: flex-start;
    }

    :where(.ws-module-surface) .settings-row-actions {
      justify-content: flex-end;
      width: 100%;
    }

    :where(.ws-module-surface) .settings-checklist-editor > div:not(.contacts-section-heading) {
      grid-template-columns: minmax(0, 1fr) 34px;
    }
  }

  :where(.ws-module-surface) .profile-page {
    flex-direction: column;
    gap: 18px;
    padding-bottom: 32px;
    display: flex;
  }

  :where(.ws-module-surface) .profile-page > .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .profile-hero {
    isolation: isolate;
    border-radius: var(--dashboard-panel-radius);
    color: #fff;
    background: linear-gradient(112deg, #211338 0%, #43216d 55%, #7044a8 100%);
    border: 1px solid #4e2b82;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
    min-height: 224px;
    padding: 28px 32px;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: 0 16px 34px #391b6024;
  }

  :where(.ws-module-surface) .profile-hero:before, :where(.ws-module-surface) .profile-hero:after {
    z-index: -1;
    content: "";
    pointer-events: none;
    border: 1px solid #ffffff21;
    border-radius: 50%;
    position: absolute;
  }

  :where(.ws-module-surface) .profile-hero:before {
    width: 430px;
    height: 430px;
    top: -180px;
    right: 70px;
    box-shadow: 0 0 0 62px #ffffff08, 0 0 0 126px #ffffff05;
  }

  :where(.ws-module-surface) .profile-hero:after {
    width: 360px;
    height: 360px;
    bottom: -240px;
    left: 22%;
  }

  :where(.ws-module-surface) .profile-hero-main {
    align-items: center;
    gap: 22px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .profile-hero-avatar {
    color: #fff;
    letter-spacing: -.04em;
    background: linear-gradient(145deg, #b995ed, #7e54b9);
    border: 3px solid #ffffff8c;
    border-radius: 26px;
    flex: 0 0 104px;
    place-items: center;
    width: 104px;
    height: 104px;
    font-size: 2.5rem;
    font-weight: 750;
    display: grid;
    box-shadow: 0 10px 28px #0d04233d, inset 0 1px 8px #ffffff3d;
  }

  :where(.ws-module-surface) .profile-hero-identity {
    min-width: 0;
  }

  :where(.ws-module-surface) .profile-eyebrow {
    color: #d5bdf0;
    letter-spacing: .16em;
    font-size: .65rem;
    font-weight: 750;
  }

  :where(.ws-module-surface) .profile-hero-identity h2 {
    overflow-wrap: anywhere;
    color: #fff;
    letter-spacing: -.035em;
    margin: 10px 0 5px;
    font-size: clamp(1.55rem, 2.4vw, 2.1rem);
    font-weight: 750;
    line-height: 1.08;
  }

  :where(.ws-module-surface) .profile-hero-identity > p {
    overflow-wrap: anywhere;
    color: #e3d6ef;
    align-items: center;
    gap: 7px;
    margin: 0;
    font-size: .88rem;
    display: flex;
  }

  :where(.ws-module-surface) .profile-hero-identity > p svg {
    flex: none;
    font-size: 15px;
  }

  :where(.ws-module-surface) .profile-hero-badges {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
    display: flex;
  }

  :where(.ws-module-surface) .profile-hero-badges > span {
    color: #f7f1fc;
    background: #ffffff1a;
    border: 1px solid #ffffff29;
    border-radius: 999px;
    align-items: center;
    gap: 6px;
    min-height: 27px;
    padding: 4px 10px;
    font-size: .72rem;
    font-weight: 550;
    display: inline-flex;
  }

  :where(.ws-module-surface) .profile-hero-badges > span.is-verified {
    color: #e2ffe9;
    background: #3689574d;
    border-color: #aaf5c64d;
  }

  :where(.ws-module-surface) .profile-hero-badges > span.is-pending {
    color: #fff0cc;
    background: #935e164d;
    border-color: #ffe19d57;
  }

  :where(.ws-module-surface) .profile-hero-badges svg {
    font-size: 13px;
  }

  :where(.ws-module-surface) .profile-hero-aside {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: #ffffff17;
    border: 1px solid #ffffff2e;
    border-radius: 12px;
    flex-direction: column;
    flex: 0 0 255px;
    justify-content: center;
    align-items: flex-start;
    padding: 17px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .profile-hero-aside-icon {
    color: #fff;
    background: #ffffff2b;
    border-radius: 8px;
    place-items: center;
    width: 31px;
    height: 31px;
    margin-bottom: 11px;
    font-size: 18px;
    display: grid;
  }

  :where(.ws-module-surface) .profile-hero-aside strong {
    font-size: .95rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .profile-hero-aside p {
    color: #e4d8f0;
    margin: 5px 0 11px;
    font-size: .75rem;
    line-height: 1.42;
  }

  :where(.ws-module-surface) .profile-hero-link {
    color: #fff;
    align-items: center;
    gap: 6px;
    font-size: .76rem;
    font-weight: 650;
    text-decoration: none;
    display: inline-flex;
  }

  :where(.ws-module-surface) .profile-hero-link:hover {
    text-decoration: underline;
  }

  :where(.ws-module-surface) .profile-hero-link:focus-visible {
    outline-offset: 4px;
    border-radius: 2px;
    outline: 2px solid #fff;
  }

  :where(.ws-module-surface) .profile-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(350px, .92fr);
    align-items: start;
    gap: 18px;
    display: grid;
  }

  :where(.ws-module-surface) .profile-security {
    gap: 18px;
    min-width: 0;
    scroll-margin-top: 100px;
    display: grid;
  }

  :where(.ws-module-surface) .profile-panel {
    min-width: 0;
    scroll-margin-top: 100px;
    overflow: hidden;
  }

  :where(.ws-module-surface) .profile-panel-head {
    border-bottom: 1px solid var(--dashboard-panel-border);
    background: linear-gradient(#fff, #fdfbff);
    align-items: flex-start;
    gap: 13px;
    padding: 22px 24px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .profile-panel-icon {
    width: 38px;
    height: 38px;
    color: var(--color-secondary);
    background: #f5eefa;
    border: 1px solid #e8dbf4;
    border-radius: 10px;
    flex: 0 0 38px;
    place-items: center;
    font-size: 19px;
    display: grid;
  }

  :where(.ws-module-surface) .profile-section-index {
    color: #8968ad;
    letter-spacing: .12em;
    font-size: .63rem;
    font-weight: 750;
  }

  :where(.ws-module-surface) .profile-panel-head h2 {
    color: var(--color-primary);
    margin: 3px 0;
    font-size: 1.08rem;
    font-weight: 720;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .profile-panel-head p {
    color: #77717f;
    margin: 0;
    font-size: .78rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .profile-form {
    display: grid;
  }

  :where(.ws-module-surface) .profile-form-fields {
    gap: 16px;
    padding: 24px;
    display: grid;
  }

  :where(.ws-module-surface) .profile-form-fields > .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .profile-password-field {
    min-width: 0;
    position: relative;
  }

  :where(.ws-module-surface) .profile-password-field .form-group .input-form {
    padding-right: 46px;
  }

  :where(.ws-module-surface) .profile-password-toggle {
    color: #766688;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 6px;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 17px;
    display: grid;
    position: absolute;
    top: 25px;
    right: 7px;
  }

  :where(.ws-module-surface) .profile-password-toggle:hover {
    color: var(--color-secondary);
    background: #eae1f3;
  }

  :where(.ws-module-surface) .profile-password-toggle:focus-visible {
    outline: 2px solid var(--color-secondary);
    outline-offset: 1px;
  }

  :where(.ws-module-surface) .profile-form input[readonly] {
    color: #716a76;
    background: #f8f6fa;
  }

  :where(.ws-module-surface) .profile-form-footer {
    border-top: 1px solid var(--dashboard-panel-border);
    background: #fdfcfe;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 14px 24px;
    display: flex;
  }

  :where(.ws-module-surface) .profile-form-footer > span {
    color: #817989;
    font-size: .74rem;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .profile-form-footer .contacts-button {
    flex: none;
  }

  :where(.ws-module-surface) .profile-action-row {
    border-top: 1px solid var(--dashboard-panel-border);
    align-items: center;
    gap: 12px;
    padding: 18px 24px;
    display: flex;
  }

  :where(.ws-module-surface) .profile-form + .profile-action-row {
    background: #fdfcfe;
  }

  :where(.ws-module-surface) .profile-action-icon {
    width: 34px;
    height: 34px;
    color: var(--color-secondary);
    background: #f4eff9;
    border-radius: 8px;
    flex: 0 0 34px;
    place-items: center;
    font-size: 17px;
    display: grid;
  }

  :where(.ws-module-surface) .profile-action-row > div {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .profile-action-row strong {
    color: var(--color-primary);
    font-size: .83rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .profile-action-row p {
    color: #837c87;
    margin: 3px 0 0;
    font-size: .74rem;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .profile-action-row .contacts-button {
    flex: none;
  }

  :where(.ws-module-surface) .profile-session-list {
    display: grid;
  }

  :where(.ws-module-surface) .profile-session-item {
    border-bottom: 1px solid var(--dashboard-panel-border);
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 15px 24px;
    display: flex;
  }

  :where(.ws-module-surface) .profile-session-item.is-current {
    background: #fbf8ff;
  }

  :where(.ws-module-surface) .profile-session-item > .profile-action-icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
  }

  :where(.ws-module-surface) .profile-session-info {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .profile-session-info > div {
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .profile-session-info strong {
    color: var(--color-primary);
    font-size: .83rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .profile-session-info p, :where(.ws-module-surface) .profile-session-info small {
    color: #837c87;
    margin: 3px 0 0;
    font-size: .72rem;
    line-height: 1.35;
    display: block;
  }

  :where(.ws-module-surface) .profile-session-current {
    color: #6134a3;
    background: #eae1f7;
    border-radius: 999px;
    padding: 3px 7px;
    font-size: .65rem;
    font-weight: 700;
    display: inline-flex;
  }

  :where(.ws-module-surface) .profile-session-item > .contacts-button {
    flex: none;
  }

  :where(.ws-module-surface) .profile-session-feedback {
    color: #746d7b;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 16px 24px;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .profile-session-row {
    background: #fdfcfe;
    border-top: 0;
  }

  @media (max-width: 1080px) {
    :where(.ws-module-surface) .profile-hero-aside {
      flex-basis: 220px;
    }

    :where(.ws-module-surface) .profile-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .profile-hero {
      flex-direction: column;
      padding: 24px;
    }

    :where(.ws-module-surface) .profile-hero-aside {
      flex: none;
      max-width: none;
    }
  }

  @media (max-width: 560px) {
    :where(.ws-module-surface) .profile-hero {
      padding: 22px 18px;
    }

    :where(.ws-module-surface) .profile-hero-main {
      align-items: flex-start;
      gap: 14px;
    }

    :where(.ws-module-surface) .profile-hero-avatar {
      border-radius: 18px;
      flex-basis: 68px;
      width: 68px;
      height: 68px;
      font-size: 1.65rem;
    }

    :where(.ws-module-surface) .profile-hero-identity h2 {
      margin-top: 5px;
      font-size: 1.55rem;
    }

    :where(.ws-module-surface) .profile-hero-badges {
      margin-top: 15px;
    }

    :where(.ws-module-surface) .profile-panel-head, :where(.ws-module-surface) .profile-form-fields {
      padding: 18px;
    }

    :where(.ws-module-surface) .profile-form-footer {
      flex-direction: column;
      align-items: stretch;
      padding: 14px 18px;
    }

    :where(.ws-module-surface) .profile-action-row, :where(.ws-module-surface) .profile-session-item {
      flex-wrap: wrap;
      align-items: flex-start;
      padding: 16px 18px;
    }

    :where(.ws-module-surface) .profile-action-row .contacts-button, :where(.ws-module-surface) .profile-session-item > .contacts-button {
      width: 100%;
    }

    :where(.ws-module-surface) .profile-session-feedback {
      padding: 16px 18px;
    }
  }

  :where(.ws-module-surface) .subscription-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-page > .dash-title-section, :where(.ws-module-surface) .subscription-page > .kpis-card-container, :where(.ws-module-surface) .subscription-page > .contacts-panel {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .subscription-page .kpis-card-container.one-dash.subscription-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .subscription-notice {
    border-radius: var(--dashboard-panel-radius);
    color: #765b12;
    background: #fffaf0;
    border: 1px solid #e6d8ae;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 11px 14px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-notice.danger {
    color: #9f3040;
    background: #fff7f8;
    border-color: #efc8ce;
  }

  :where(.ws-module-surface) .subscription-notice > svg {
    flex: none;
    width: 20px;
    height: 20px;
  }

  :where(.ws-module-surface) .subscription-notice > div {
    flex-direction: column;
    flex: 1;
    gap: 2px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-notice strong {
    font-size: .84rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .subscription-notice span {
    font-size: .76rem;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .subscription-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .85fr);
    align-items: start;
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-panel {
    min-width: 0;
    padding: 0;
    overflow: hidden;
  }

  :where(.ws-module-surface) .subscription-panel > .contacts-section-heading {
    border-bottom: 1px solid var(--dashboard-panel-border);
    min-height: 68px;
    margin: 0;
    padding: 14px 16px;
  }

  :where(.ws-module-surface) .subscription-panel > .contacts-section-heading > div {
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-panel > .contacts-section-heading h2 {
    color: var(--color-primary);
    margin: 0;
    font-size: .9rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .subscription-panel > .contacts-section-heading p {
    color: #756e7d;
    margin: 0;
    font-size: .74rem;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .subscription-panel > .contacts-section-heading > svg {
    width: 18px;
    height: 18px;
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .subscription-limits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    padding: 24px 20px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-limit {
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-limit > div:first-child {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-limit strong {
    color: var(--color-primary);
    font-size: .78rem;
    font-weight: 620;
  }

  :where(.ws-module-surface) .subscription-limit span {
    color: #746c7c;
    align-items: center;
    gap: 3px;
    font-size: .72rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .subscription-limit span svg {
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .subscription-progress {
    background: #eeeaf2;
    border-radius: 999px;
    height: 6px;
    overflow: hidden;
  }

  :where(.ws-module-surface) .subscription-progress > span {
    border-radius: inherit;
    background: linear-gradient(90deg, #7543ce, #a98ae0);
    height: 100%;
    display: block;
  }

  :where(.ws-module-surface) .subscription-integration-limits {
    border-top: 1px solid var(--dashboard-panel-border);
  }

  :where(.ws-module-surface) .subscription-integration-limits summary {
    cursor: pointer;
    color: #655b70;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 13px 20px;
    font-size: .75rem;
    font-weight: 650;
    list-style: none;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-integration-limits summary::-webkit-details-marker {
    display: none;
  }

  :where(.ws-module-surface) .subscription-integration-limits summary:hover {
    background: #faf7fe;
  }

  :where(.ws-module-surface) .subscription-integration-limits summary:focus-visible {
    outline: 2px solid var(--color-secondary);
    outline-offset: -2px;
  }

  :where(.ws-module-surface) .subscription-integration-limits summary svg {
    width: 14px;
    height: 14px;
    transition: transform .15s;
  }

  :where(.ws-module-surface) .subscription-integration-limits[open] summary svg {
    transform: rotate(180deg);
  }

  :where(.ws-module-surface) .subscription-integration-values {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding: 8px 20px 16px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-integration-values > div {
    gap: 3px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-integration-values strong {
    color: var(--color-primary);
    font-size: .74rem;
    font-weight: 620;
  }

  :where(.ws-module-surface) .subscription-integration-values span {
    color: #746c7c;
    font-size: .71rem;
  }

  :where(.ws-module-surface) .subscription-features {
    border-top: 1px solid var(--dashboard-panel-border);
    gap: 12px;
    padding: 16px 20px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-features span {
    color: #605769;
    background: #faf8fc;
    border: 1px solid #ded7e8;
    border-radius: 999px;
    align-items: center;
    gap: 5px;
    min-height: 27px;
    padding: 4px 8px;
    font-size: .72rem;
    font-weight: 550;
    display: inline-flex;
  }

  :where(.ws-module-surface) .subscription-features span.enabled {
    color: #217548;
    background: #f1faf4;
    border-color: #cbe4d5;
  }

  :where(.ws-module-surface) .subscription-features span.disabled {
    opacity: .65;
  }

  :where(.ws-module-surface) .subscription-features svg {
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .subscription-payment {
    flex-direction: column;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-methods {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 16px 18px 0;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-methods button {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-panel-bg, #fff);
    min-width: 0;
    min-height: 65px;
    color: var(--color-primary);
    text-align: left;
    font: inherit;
    cursor: pointer;
    border-radius: 9px;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-methods button.selected {
    background: #f7f2fd;
    border-color: #8150c6;
    box-shadow: 0 0 0 1px #8150c633;
  }

  :where(.ws-module-surface) .subscription-methods button:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #8150c6;
  }

  :where(.ws-module-surface) .subscription-methods button:disabled {
    opacity: .6;
    cursor: wait;
  }

  :where(.ws-module-surface) .subscription-methods svg {
    width: 19px;
    height: 19px;
    color: var(--ws-accent);
    flex: none;
  }

  :where(.ws-module-surface) .subscription-methods span {
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-methods strong {
    font-size: .75rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .subscription-methods small {
    color: #756e7d;
    font-size: .67rem;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .subscription-payment-content {
    justify-content: center;
    align-items: center;
    gap: 18px;
    min-height: 190px;
    padding: 22px 18px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-payment-content.no-qr {
    justify-content: flex-start;
    min-height: 156px;
  }

  :where(.ws-module-surface) .subscription-qr {
    border: 1px solid var(--dashboard-panel-border);
    background: #fff;
    border-radius: 9px;
    flex: none;
    place-items: center;
    width: 164px;
    height: 164px;
    padding: 5px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-qr img {
    width: 154px;
    height: 154px;
    display: block;
  }

  :where(.ws-module-surface) .subscription-invoice-detail {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-invoice-detail > strong {
    color: var(--color-primary);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.1;
  }

  :where(.ws-module-surface) .subscription-invoice-detail > span:not(.subscription-badge), :where(.ws-module-surface) .subscription-invoice-detail > small {
    color: #756e7d;
    font-size: .74rem;
  }

  :where(.ws-module-surface) .subscription-invoice-detail > .subscription-invoice-label {
    color: #657;
    text-transform: uppercase;
    letter-spacing: .045em;
    font-size: .69rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .subscription-invoice-detail .contacts-button {
    margin-top: 5px;
  }

  :where(.ws-module-surface) .subscription-payment-empty {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    min-height: 162px;
    padding: 22px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-payment-check {
    color: #278056;
    background: #edf8f1;
    border-radius: 50%;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 6px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-payment-check > svg {
    width: 26px;
    height: 26px;
  }

  :where(.ws-module-surface) .subscription-payment-empty strong {
    color: var(--color-primary);
    font-size: .86rem;
  }

  :where(.ws-module-surface) .subscription-payment-empty > span:not(.subscription-payment-check) {
    color: #756e7d;
    max-width: 270px;
    font-size: .74rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .subscription-payment-actions {
    border-top: 1px solid var(--dashboard-panel-border);
    background: #fcfbfd;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-config-note {
    color: #8a6620;
    background: #fff7e8;
    border-radius: 6px;
    flex-basis: 100%;
    align-items: flex-start;
    gap: 7px;
    padding: 10px 12px;
    font-size: .74rem;
    line-height: 1.45;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-config-note svg {
    flex: none;
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .subscription-email-form {
    gap: 12px;
    padding: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-email-form .contacts-button {
    justify-self: end;
  }

  :where(.ws-module-surface) .subscription-email-form .form-group {
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .subscription-history .contacts-table-top > div {
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-history .contacts-table-top span {
    color: #7a7282;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .subscription-fiscal-actions {
    flex-wrap: wrap;
    gap: 6px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-fiscal-actions .contacts-button {
    white-space: nowrap;
  }

  :where(.ws-module-surface) .subscription-badge {
    white-space: nowrap;
    border-radius: 999px;
    align-items: center;
    width: max-content;
    min-height: 24px;
    padding: 3px 8px;
    font-size: .68rem;
    font-weight: 620;
    display: inline-flex;
  }

  :where(.ws-module-surface) .subscription-badge.success {
    color: #24784c;
    background: #e8f6ee;
  }

  :where(.ws-module-surface) .subscription-badge.info {
    color: #6638b7;
    background: #eee8fa;
  }

  :where(.ws-module-surface) .subscription-badge.warning {
    color: #8b641c;
    background: #fff3dc;
  }

  :where(.ws-module-surface) .subscription-badge.danger {
    color: #a23444;
    background: #fdecef;
  }

  :where(.ws-module-surface) .subscription-badge.neutral {
    color: #68616f;
    background: #efedf1;
  }

  :where(.ws-module-surface) .subscription-cancel {
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 14px 16px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-cancel > div {
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-cancel strong {
    color: var(--color-primary);
    font-size: .82rem;
  }

  :where(.ws-module-surface) .subscription-cancel p {
    color: #756e7d;
    margin: 0;
    font-size: .73rem;
    line-height: 1.35;
  }

  :where(.ws-module-surface) .subscription-dialog {
    width: min(520px, 100vw - 32px);
  }

  :where(.ws-module-surface) .subscription-dialog > header > div {
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-dialog > header p {
    color: #756e7d;
    margin: 0;
    font-size: .74rem;
  }

  :where(.ws-module-surface) .subscription-dialog-body {
    padding: 16px;
  }

  :where(.ws-module-surface) .subscription-dialog > footer {
    border-top: 1px solid var(--dashboard-panel-border);
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-column {
    align-content: start;
    gap: 16px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-plan-overview {
    background: linear-gradient(110deg, #f4eefc, #fff 80%);
    border-color: #e1d5f0;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 24px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-plan-identity {
    align-items: center;
    gap: 16px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-plan-icon {
    background: var(--ws-surface);
    width: 54px;
    height: 54px;
    color: var(--color-secondary);
    border: 1px solid #e1d2f5;
    border-radius: 14px;
    flex: none;
    place-items: center;
    font-size: 26px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-eyebrow {
    color: #7b5d9d;
    letter-spacing: .12em;
    font-size: .65rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .subscription-plan-identity h2 {
    color: #332143;
    margin: 3px 0 5px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
  }

  :where(.ws-module-surface) .subscription-plan-identity p {
    color: #776a83;
    margin: 0;
    font-size: .81rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .subscription-plan-action {
    flex: none;
    justify-items: end;
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-plan-action > span {
    color: #756084;
    align-items: center;
    gap: 6px;
    font-size: .76rem;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-features > strong {
    color: #655b70;
    font-size: .76rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .subscription-features > div {
    flex-wrap: wrap;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-payment-footnote {
    color: #817686;
    margin: 0;
    padding: 0 18px 16px;
    font-size: .73rem;
    line-height: 1.45;
  }

  :where(.ws-module-surface) .subscription-recurring-choice {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 16px 18px;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-recurring-choice > strong {
    color: var(--color-primary);
    flex-basis: 100%;
    font-size: .78rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .subscription-recurring-choice > p {
    color: #756e7d;
    flex-basis: 100%;
    margin: 0;
    font-size: .73rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .subscription-recurring-choice .checkbox-label {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .subscription-card-checkout {
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-card-checkout > strong, :where(.ws-module-surface) .subscription-card-checkout > p {
    min-width: 0;
  }

  :where(.ws-module-surface) .subscription-card-checkout .sales-card-form, :where(.ws-module-surface) .subscription-card-checkout .sales-card-form-fields {
    gap: 14px;
  }

  :where(.ws-module-surface) .subscription-card-checkout .sales-card-field label {
    color: #657;
    font-family: var(--font-family, inherit);
    font-size: .72rem;
  }

  :where(.ws-module-surface) .subscription-card-checkout .sales-card-field :is(input, select), :where(.ws-module-surface) .subscription-card-checkout .sales-card-secure-field, :where(.ws-module-surface) .subscription-card-checkout .sales-card-document-trigger {
    font-family: var(--font-family, inherit);
    font-size: .78rem;
  }

  :where(.ws-module-surface) .subscription-card-checkout .sales-card-security-note {
    font-family: var(--font-family, inherit);
    font-size: .68rem;
  }

  :where(.ws-module-surface) .subscription-card-checkout .subscription-card-submit {
    justify-self: start;
    min-height: 38px;
  }

  :where(.ws-module-surface) .subscription-card-checkout .sales-message.error {
    color: #a23444;
    margin: 0;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .subscription-recurring-choice small {
    color: var(--color-primary);
    opacity: .7;
    flex-basis: 100%;
  }

  :where(.ws-module-surface) .subscription-recurring-status {
    color: var(--color-primary);
    align-items: center;
    gap: 6px;
    font-size: .78rem;
    display: inline-flex;
  }

  @media (max-width: 580px) {
    :where(.ws-module-surface) .subscription-methods, :where(.ws-module-surface) .subscription-card-checkout .sales-card-field-row {
      grid-template-columns: 1fr;
    }
  }

  :where(.ws-module-surface) .subscription-module-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 10px;
    padding: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-module-group {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--ws-surface);
    border-radius: 7px;
    min-width: 0;
    overflow: hidden;
  }

  :where(.ws-module-surface) .subscription-module-group summary {
    cursor: pointer;
    align-items: center;
    gap: 8px;
    min-height: 64px;
    padding: 12px;
    list-style: none;
    transition: background .15s;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-module-group summary::-webkit-details-marker {
    display: none;
  }

  :where(.ws-module-surface) .subscription-module-group summary:hover, :where(.ws-module-surface) .subscription-module-group[open] summary {
    background: #faf7fe;
  }

  :where(.ws-module-surface) .subscription-module-group summary:focus-visible {
    outline: 2px solid var(--color-secondary);
    outline-offset: -2px;
  }

  :where(.ws-module-surface) .subscription-module-category {
    flex: 1;
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-module-category strong {
    color: var(--color-primary);
    font-size: .82rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .subscription-module-category > span {
    color: #837a8c;
    font-size: .71rem;
  }

  :where(.ws-module-surface) .subscription-module-count {
    color: #8a65b9;
    background: #f2ecfa;
    border-radius: 50%;
    flex: none;
    place-items: center;
    width: 24px;
    height: 24px;
    font-size: 13px;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-module-count.complete {
    color: #2c8256;
    background: #eaf6ef;
  }

  :where(.ws-module-surface) .subscription-module-chevron {
    color: #918698;
    flex: none;
    font-size: 13px;
    transition: transform .15s;
  }

  :where(.ws-module-surface) .subscription-module-group[open] .subscription-module-chevron {
    transform: rotate(180deg);
  }

  :where(.ws-module-surface) .subscription-module-group ul {
    border-top: 1px solid var(--dashboard-panel-border);
    gap: 9px;
    margin: 0;
    padding: 14px 12px;
    list-style: none;
    display: grid;
  }

  :where(.ws-module-surface) .subscription-module-group li {
    color: #62596c;
    align-items: center;
    gap: 7px;
    font-size: .75rem;
    display: flex;
  }

  :where(.ws-module-surface) .subscription-module-group li > svg {
    color: #298057;
    flex: none;
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .subscription-module-group li.disabled, :where(.ws-module-surface) .subscription-module-group li.disabled > svg {
    color: #9988ad;
  }

  :where(.ws-module-surface) .subscription-module-group li small {
    white-space: nowrap;
    margin-left: auto;
    font-size: .65rem;
  }

  @media (max-width: 1000px) {
    :where(.ws-module-surface) .subscription-page .kpis-card-container.one-dash.subscription-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .subscription-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 650px) {
    :where(.ws-module-surface) .subscription-page .kpis-card-container.one-dash.subscription-kpis, :where(.ws-module-surface) .subscription-limits, :where(.ws-module-surface) .subscription-integration-values {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .subscription-notice, :where(.ws-module-surface) .subscription-cancel, :where(.ws-module-surface) .subscription-plan-overview {
      flex-direction: column;
      align-items: flex-start;
    }

    :where(.ws-module-surface) .subscription-plan-overview {
      padding: 20px;
    }

    :where(.ws-module-surface) .subscription-plan-action {
      justify-items: start;
    }

    :where(.ws-module-surface) .subscription-module-groups {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .subscription-payment-content {
      flex-direction: column;
    }

    :where(.ws-module-surface) .subscription-email-form {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .subscription-email-form .contacts-button {
      width: 100%;
      margin: 0;
    }
  }

  :where(.ws-module-surface) .platform-mail-create {
    border: 1px solid var(--dashboard-panel-border);
    background: #fcfbfe;
    border-radius: 12px;
    grid-template-columns: minmax(280px, 1.15fr) minmax(220px, 1fr) auto;
    align-items: end;
    gap: 14px;
    padding: 18px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-mail-create .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .platform-mail-create .input-form, :where(.ws-module-surface) .platform-mail-create .contacts-button {
    height: 42px;
    min-height: 42px;
  }

  :where(.ws-module-surface) .platform-mail-create .contacts-button {
    white-space: nowrap;
  }

  :where(.ws-module-surface) .platform-mail-address-field {
    min-width: 0;
  }

  :where(.ws-module-surface) .platform-mail-address-field .form-label {
    color: var(--color-primary);
    align-items: center;
    gap: 3px;
    margin-bottom: .3rem;
    font-size: .8rem;
    font-weight: 500;
    display: flex;
  }

  :where(.ws-module-surface) .platform-mail-address-field .form-label span {
    color: #ef4444;
    font-weight: 300;
  }

  :where(.ws-module-surface) .platform-mail-address-control {
    background: var(--ws-surface);
    border: 1px solid #e9e3f1;
    border-radius: 7px;
    min-width: 0;
    height: 42px;
    display: flex;
    overflow: hidden;
  }

  :where(.ws-module-surface) .platform-mail-address-control:focus-within {
    border-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .platform-mail-address-control .input-form {
    background: color-mix(in srgb,var(--color-secondary) 5%,transparent);
    width: 100%;
    min-width: 70px;
    color: var(--color-primary);
    font: inherit;
    border: 0;
    border-radius: 0;
    outline: none;
    flex: 1;
    padding: 5px 12px;
    font-size: .82rem;
    font-weight: 500;
  }

  :where(.ws-module-surface) .platform-mail-address-control > span {
    color: #756f7c;
    white-space: nowrap;
    background: #f6f3fa;
    border-left: 1px solid #e9e3f1;
    flex: none;
    align-items: center;
    padding: 0 12px;
    font-size: .8rem;
    display: flex;
  }

  :where(.ws-module-surface) .platform-mail-list {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 12px;
    display: grid;
    overflow: hidden;
  }

  :where(.ws-module-surface) .platform-mail-row {
    background: var(--ws-surface);
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-mail-row + .platform-mail-row {
    border-top: 1px solid var(--dashboard-panel-border);
  }

  :where(.ws-module-surface) .platform-mail-identity, :where(.ws-module-surface) .platform-mail-actions {
    align-items: center;
    gap: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-mail-identity {
    min-width: 0;
  }

  :where(.ws-module-surface) .platform-mail-identity > div {
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .platform-mail-identity strong {
    text-overflow: ellipsis;
    color: var(--color-primary);
    font-size: .85rem;
    overflow: hidden;
  }

  :where(.ws-module-surface) .platform-mail-identity small, :where(.ws-module-surface) .platform-mail-note {
    color: #756f7c;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .platform-mail-icon {
    width: 38px;
    height: 38px;
    color: var(--color-secondary);
    background: #f1ebfa;
    border-radius: 10px;
    flex: none;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .platform-mail-reset {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    grid-column: 1 / -1;
    align-items: end;
    gap: 10px;
    padding-top: 14px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-mail-reset .form-group {
    flex: 230px;
    margin: 0;
  }

  :where(.ws-module-surface) .platform-mail-note {
    margin: 0;
  }

  @media (max-width: 680px) {
    :where(.ws-module-surface) .platform-mail-row {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .platform-mail-actions {
      justify-content: flex-end;
    }
  }

  :where(.ws-module-surface) .platform-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-page > .dash-title-section, :where(.ws-module-surface) .platform-page > .contacts-tabs {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .platform-page .contacts-panel {
    padding: 20px;
  }

  :where(.ws-module-surface) .platform-page .kpis-card-container.one-dash.platform-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .platform-section {
    gap: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-section-heading {
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-section-heading h2 {
    color: var(--color-primary);
    align-items: center;
    gap: 8px;
    margin: 4px 0;
    font-size: 1.12rem;
    font-weight: 650;
    display: flex;
  }

  :where(.ws-module-surface) .platform-section-heading p {
    color: #756f7c;
    margin: 0;
    font-size: .79rem;
  }

  :where(.ws-module-surface) .platform-eyebrow {
    color: var(--color-secondary);
    letter-spacing: .12em;
    font-size: .66rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .platform-section-actions {
    align-items: end;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-search {
    width: 280px;
    max-width: 100%;
  }

  :where(.ws-module-surface) .platform-search .input-form {
    height: 36px;
    min-height: 36px;
  }

  :where(.ws-module-surface) .platform-search .form-group, :where(.ws-module-surface) .platform-client-plan .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .platform-client-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-client-card, :where(.ws-module-surface) .platform-plan-card {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-panel-radius);
    background: var(--ws-surface);
    min-width: 0;
  }

  :where(.ws-module-surface) .platform-client-card {
    border-left: 3px solid #cbb6e9;
    display: grid;
    overflow: hidden;
  }

  :where(.ws-module-surface) .platform-client-identity {
    align-items: center;
    gap: 10px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .platform-client-identity > div {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .platform-client-identity h3 {
    color: var(--color-primary);
    margin: 0 0 4px;
    font-size: 1rem;
  }

  :where(.ws-module-surface) .platform-client-identity > div > span {
    color: #77717b;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .76rem;
    display: block;
    overflow: hidden;
  }

  :where(.ws-module-surface) .platform-client-avatar {
    width: 40px;
    height: 40px;
    color: var(--color-secondary);
    background: #f1ebfa;
    border-radius: 10px;
    flex: none;
    place-items: center;
    font-size: .82rem;
    font-weight: 700;
    display: grid;
  }

  :where(.ws-module-surface) .platform-state {
    border-radius: 999px;
    flex: none;
    align-items: center;
    min-height: 24px;
    padding: 3px 8px;
    font-size: .7rem;
    font-weight: 650;
    display: inline-flex;
  }

  :where(.ws-module-surface) .platform-state.is-active {
    color: #247857;
    background: #e8f7f0;
  }

  :where(.ws-module-surface) .platform-state.is-inactive {
    color: #756f7c;
    background: #f3f1f5;
  }

  :where(.ws-module-surface) .platform-client-meta {
    border-left: 1px solid var(--dashboard-panel-border);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    padding-left: 24px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-client-meta > div {
    gap: 4px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .platform-client-meta span {
    color: #837c89;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .platform-client-meta strong {
    color: var(--color-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .76rem;
    font-weight: 650;
    overflow: hidden;
  }

  :where(.ws-module-surface) .platform-client-controls {
    border-top: 1px solid var(--dashboard-panel-border);
    background: #fcfbfd;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 14px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-client-plan {
    flex: 0 320px;
    min-width: 180px;
  }

  :where(.ws-module-surface) .platform-client-plan .form-group {
    grid-template-columns: auto minmax(140px, 1fr);
    align-items: center;
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-client-plan .form-label {
    white-space: nowrap;
    margin: 0;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .platform-card-actions, :where(.ws-module-surface) .platform-plan-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-card-actions .contacts-button {
    padding-inline: 8px;
  }

  :where(.ws-module-surface) .platform-plan-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-plan-card {
    background: linear-gradient(#faf7fe 0, #fff 130px);
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    padding: 22px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-plan-top {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
    display: flex;
  }

  :where(.ws-module-surface) .platform-plan-code {
    color: #847e8a;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .platform-plan-card h3 {
    color: var(--color-primary);
    margin: 0;
    font-size: 1.15rem;
  }

  :where(.ws-module-surface) .platform-plan-card > p {
    color: #756f7c;
    min-height: 34px;
    margin: 0;
    font-size: .77rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .platform-plan-price {
    align-items: baseline;
    gap: 3px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-plan-price strong {
    color: var(--color-primary);
    font-size: 1.46rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .platform-plan-price span {
    color: #756f7c;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .platform-plan-facts {
    border-block: 1px solid var(--dashboard-panel-border);
    color: #665f6c;
    gap: 7px;
    width: 100%;
    padding-block: 12px;
    font-size: .75rem;
    display: grid;
  }

  :where(.ws-module-surface) .platform-plan-facts span {
    align-items: center;
    gap: 7px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-plan-facts svg {
    color: var(--color-secondary);
    font-size: 14px;
  }

  :where(.ws-module-surface) .platform-plan-actions {
    width: 100%;
    margin-top: auto;
  }

  :where(.ws-module-surface) .platform-plan-actions > .contacts-button {
    flex: 1;
  }

  :where(.ws-module-surface) .platform-footnote {
    color: #817a86;
    margin: 0;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .platform-company-dialog {
    width: min(540px, 100vw - 30px);
  }

  :where(.ws-module-surface) .platform-company-form {
    gap: 14px;
    padding: 18px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-company-form .form-group {
    margin: 0;
  }

  :where(.ws-module-surface) .platform-company-form footer, :where(.ws-module-surface) .platform-plan-dialog footer {
    justify-content: flex-end;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-payment-panel {
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-payment-status {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-payment-status span {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: var(--dashboard-control-radius);
    padding: 9px 12px;
    font-size: .77rem;
  }

  :where(.ws-module-surface) .platform-payment-status strong {
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .platform-payment-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-payment-form > .form-group {
    grid-column: 1 / -1;
  }

  :where(.ws-module-surface) .platform-payment-form .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .platform-payment-form > .contacts-button {
    justify-self: start;
  }

  :where(.ws-module-surface) .platform-secret-field {
    align-items: end;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-secret-field .form-group {
    flex: 1;
  }

  :where(.ws-module-surface) .platform-plan-dialog {
    width: min(920px, 100vw - 30px);
    max-height: min(92vh, 980px);
    overflow-y: auto;
  }

  :where(.ws-module-surface) .platform-plan-dialog form {
    gap: 22px;
    padding: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-plan-fields, :where(.ws-module-surface) .platform-limit-grid, :where(.ws-module-surface) .platform-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-plan-dialog .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .platform-editor-section {
    border-bottom: 1px solid var(--dashboard-panel-border);
    gap: 14px;
    padding-bottom: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-editor-section-heading {
    gap: 3px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-editor-section-heading strong {
    color: var(--color-primary);
    font-size: .9rem;
  }

  :where(.ws-module-surface) .platform-editor-section-heading span {
    color: #79727e;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .platform-toggle {
    border: 1px solid var(--dashboard-panel-border);
    cursor: pointer;
    border-radius: 7px;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    padding: 8px 10px;
    display: flex;
  }

  :where(.ws-module-surface) .platform-toggle:has(input:checked) {
    background: #faf7fe;
    border-color: #d9cbea;
  }

  :where(.ws-module-surface) .platform-toggle:has(input:disabled) {
    cursor: default;
  }

  :where(.ws-module-surface) .platform-toggle input {
    accent-color: var(--color-secondary);
    flex: none;
  }

  :where(.ws-module-surface) .platform-toggle span {
    gap: 2px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-toggle strong {
    color: var(--color-primary);
    font-size: .76rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .platform-toggle small {
    color: #8b8490;
    font-size: .68rem;
  }

  :where(.ws-module-surface) .platform-module-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-module-group {
    align-content: start;
    gap: 8px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .platform-module-group-title {
    color: var(--color-primary);
    justify-content: space-between;
    font-size: .78rem;
    display: flex;
  }

  :where(.ws-module-surface) .platform-module-group-title span {
    color: #857e8b;
  }

  :where(.ws-module-surface) .platform-module-list {
    gap: 6px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-heading-count {
    min-width: 24px;
    height: 24px;
    color: var(--color-secondary);
    background: #f1ebfa;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 0 7px;
    font-size: .73rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .platform-client-overview {
    grid-template-columns: minmax(240px, .8fr) minmax(0, 1.6fr);
    align-items: center;
    gap: 24px;
    padding: 24px 20px;
    display: grid;
  }

  :where(.ws-module-surface) .platform-client-meta small {
    color: #958a9e;
    margin-left: 3px;
    font-size: .68rem;
    font-weight: 400;
  }

  :where(.ws-module-surface) .platform-plan-limits {
    gap: 10px;
    width: 100%;
    margin: 0 0 6px;
    padding: 0;
    list-style: none;
    display: grid;
  }

  :where(.ws-module-surface) .platform-plan-limits li {
    color: #786c84;
    align-items: center;
    gap: 7px;
    font-size: .76rem;
    display: flex;
  }

  :where(.ws-module-surface) .platform-plan-limits svg {
    color: #8c70ae;
    flex: none;
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .platform-plan-limits strong {
    color: #53435f;
    margin-left: auto;
    font-size: .75rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .platform-payment-panel > p {
    color: #817a86;
    margin: 0;
    font-size: .75rem;
    line-height: 1.45;
  }

  @media (max-width: 1200px) {
    :where(.ws-module-surface) .platform-page .kpis-card-container.one-dash.platform-kpis, :where(.ws-module-surface) .platform-mail-create {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .platform-mail-create .contacts-button {
      grid-column: 1 / -1;
      justify-self: end;
    }

    :where(.ws-module-surface) .platform-plan-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .platform-client-overview {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .platform-client-meta {
      border-left: 0;
      padding: 0;
    }
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .platform-mail-create {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .platform-mail-create .contacts-button {
      justify-self: stretch;
      width: 100%;
    }

    :where(.ws-module-surface) .platform-page .kpis-card-container.one-dash.platform-kpis, :where(.ws-module-surface) .platform-plan-grid, :where(.ws-module-surface) .platform-module-groups {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .platform-page .contacts-panel {
      padding: 16px;
    }

    :where(.ws-module-surface) .platform-section-heading, :where(.ws-module-surface) .platform-section-actions, :where(.ws-module-surface) .platform-client-controls {
      flex-direction: column;
      align-items: stretch;
    }

    :where(.ws-module-surface) .platform-search {
      width: 100%;
    }

    :where(.ws-module-surface) .platform-client-overview {
      grid-template-columns: minmax(0, 1fr);
      padding: 18px 14px;
    }

    :where(.ws-module-surface) .platform-client-controls {
      padding: 14px;
    }

    :where(.ws-module-surface) .platform-client-plan {
      flex: none;
      width: 100%;
      min-width: 0;
    }

    :where(.ws-module-surface) .platform-client-plan .form-group {
      grid-template-columns: minmax(0, 1fr);
      gap: 6px;
    }

    :where(.ws-module-surface) .platform-client-meta {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .platform-card-actions {
      justify-content: flex-start;
    }

    :where(.ws-module-surface) .platform-plan-fields, :where(.ws-module-surface) .platform-limit-grid, :where(.ws-module-surface) .platform-feature-grid, :where(.ws-module-surface) .platform-payment-form {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  :where(.ws-module-surface) .upgrade-page {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .upgrade-page > .dash-title-section {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .upgrade-hero {
    background: linear-gradient(110deg, #fbf8ff, #fff);
    align-items: center;
    gap: 18px;
    padding: 24px;
    display: flex;
  }

  :where(.ws-module-surface) .upgrade-hero-icon {
    width: 52px;
    height: 52px;
    color: var(--color-secondary);
    background: #ece2fb;
    border-radius: 14px;
    flex: none;
    place-items: center;
    font-size: 25px;
    display: grid;
  }

  :where(.ws-module-surface) .upgrade-eyebrow {
    color: var(--color-secondary);
    letter-spacing: .05em;
    font-size: .71rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .upgrade-hero h2 {
    color: var(--color-primary);
    margin: 5px 0;
    font-size: 1.32rem;
  }

  :where(.ws-module-surface) .upgrade-hero p {
    color: #756f7c;
    margin: 0;
    font-size: .83rem;
  }

  :where(.ws-module-surface) .upgrade-plan-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .upgrade-plan-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
    padding: 20px;
    display: flex;
  }

  :where(.ws-module-surface) .upgrade-plan-card.is-available {
    border-color: #d6c3ee;
    box-shadow: 0 10px 28px #7543ce12;
  }

  :where(.ws-module-surface) .upgrade-plan-top {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  :where(.ws-module-surface) .upgrade-plan-badge {
    color: var(--color-secondary);
    background: #f1ebfa;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .upgrade-plan-card h3 {
    color: var(--color-primary);
    margin: 0;
    font-size: 1.03rem;
  }

  :where(.ws-module-surface) .upgrade-plan-card > p {
    color: #756f7c;
    min-height: 44px;
    margin: 0;
    font-size: .79rem;
    line-height: 1.45;
  }

  :where(.ws-module-surface) .upgrade-plan-price {
    align-items: baseline;
    gap: 4px;
    display: flex;
  }

  :where(.ws-module-surface) .upgrade-plan-price strong {
    color: var(--color-primary);
    font-size: 1.52rem;
  }

  :where(.ws-module-surface) .upgrade-plan-price span {
    color: #756f7c;
    font-size: .77rem;
  }

  :where(.ws-module-surface) .upgrade-plan-details {
    border-block: 1px solid var(--dashboard-panel-border);
    color: #605967;
    gap: 8px;
    width: 100%;
    padding-block: 14px;
    font-size: .78rem;
    display: grid;
  }

  :where(.ws-module-surface) .upgrade-plan-details span, :where(.ws-module-surface) .upgrade-module-state {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .upgrade-plan-details svg, :where(.ws-module-surface) .upgrade-module-state.included svg {
    color: #298260;
  }

  :where(.ws-module-surface) .upgrade-module-state {
    font-size: .76rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .upgrade-module-state.excluded {
    color: #8e7c94;
  }

  :where(.ws-module-surface) .upgrade-plan-card > .contacts-button, :where(.ws-module-surface) .upgrade-plan-unavailable {
    width: 100%;
    margin-top: auto;
  }

  :where(.ws-module-surface) .upgrade-plan-unavailable {
    color: #8c8490;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .upgrade-message {
    color: #615868;
    padding: 18px;
    font-size: .84rem;
  }

  :where(.ws-module-surface) .upgrade-footnote {
    color: #756f7c;
    margin: 0;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .upgrade-footnote a {
    color: var(--color-secondary);
    text-decoration: underline;
  }

  @media (max-width: 1050px) {
    :where(.ws-module-surface) .upgrade-plan-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .upgrade-plan-grid {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .upgrade-hero {
      flex-direction: column;
      align-items: flex-start;
    }
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) button.header-search {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) button.header-search .atalho {
    background: var(--ws-surface);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .notification-dropdown, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .user-menu-dropdown {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .notification-dropdown .drop-footer a.link-drop:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .user-menu .user-menu-avatar {
    background: var(--ws-soft);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .user-menu .user-menu-dropdown .user-menu-item.danger:hover, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .company-selector-trigger, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .company-selector-dropdown {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .company-selector-option[aria-pressed="true"] {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dash-sidebar-note {
    background: linear-gradient(135deg, #392a4b, #243c31);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dash-sidebar-note p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dash-sidebar-footer {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .modalForm .contentModalForm .headerModalForm {
    border-bottom: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .modalForm .contentModalForm .headerModalForm span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .stepOneImport .text p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .progressUpload .barProgress {
    background-color: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .progressUpload span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .mapeamentoSection .map .titleCol {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .mapeamentoSection .map .fieldsMap {
    border-bottom: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .avisoMap {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .btnActionImport.btnCancel {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .btnActionImport.btnContinuar:disabled {
    background-color: var(--ws-surface);
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .actionSelect .arrowSelect, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .actionSelect .fieldSelectClear {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .fieldSelectWrap .fieldSelectDropdown {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .fieldSelectGroup span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .fieldSelectGroup span.fieldSelectGroupCount {
    background-color: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .fieldSelectEmpty {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .importConfigSelect {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .iconHelp .toolTipTag {
    border: 1px solid #4b3f59a6;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .iconHelp .text {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .btnAddTag {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .btnAddTag:hover {
    background-color: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .tagSelectDropdown, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .tagSelectOptions {
    border: 1px solid #4b3f59a6;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .tagSelectActions .btnTagCancel {
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .tagSelectActions .btnTagCancel:hover {
    background-color: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .previewHeader p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) p.previewInfo {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) table thead th {
    background-color: var(--ws-surface);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) table tbody td {
    border-top: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .selectSearchDropdown {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .selectSearchBox {
    color: var(--ws-muted);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-action, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-overview .btnFilter, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-period-menu {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-period-presets {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-period-presets button {
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-period-presets button[aria-current="true"], .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-overview .filterDatePresetItem:hover, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-overview .filterDatePresetItem.active, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-overview .calDay.inRange {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-overview .calDayHeader {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-inbox-grid a {
    background: var(--ws-soft);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-inbox-grid span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-inbox-note {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-panel-header {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-panel-header h2 {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-panel-header p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-goal span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-goal small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-start {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-start a {
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-apex-chart .apexcharts-tooltip, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-apex-chart .apexcharts-xaxistooltip {
    border: 1px solid #4b3f59 !important;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-apex-chart .apexcharts-tooltip-title {
    border-bottom-color: var(--ws-border) !important;
    background: var(--ws-soft) !important;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-funnel > div > span {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-stalled li {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-stalled small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-small-metric span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-small-metric strong {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-small-metric small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-compact-list li {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-compact-list strong {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-compact-list small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-compact-list b {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-overview .dashboard-subsections h3 {
    color: #f0eaf8;
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .app-select-trigger {
    color: var(--color-primary, #9ac7ff);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .app-select-chevron {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .app-select-dropdown {
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .app-select-search-wrap {
    color: var(--ws-muted);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .app-select-search {
    color: var(--color-primary, #9ac7ff);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .app-select-search::placeholder {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .app-select-option {
    color: var(--color-primary, #9ac7ff);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .app-select-option:hover, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .app-select-active {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .app-select-option[aria-selected="true"] {
    color: var(--color-secondary, #d3b4ff);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .app-select-empty {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-page .miniCheckbox span {
    background-color: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-page .filterDrop {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-page .filterDropFooter {
    border-top: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-page .filterTagSearch {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-page .filterDatePresets {
    border-right: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-page .calNavBtn {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-page .filterMaisSelect, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-row-actions > button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-snooze summary, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-link, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-group-head button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-form-actions > button {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-icon-button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-icon-button:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-tabs {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-tabs button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-tabs > a {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-tabs button span {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-search > svg, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-extra-filters label {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-extra-filters input, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-extra-filters select {
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-saved-views button:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-active-filters {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-skeleton-line {
    background: linear-gradient(100deg, #392a4b 30% 50%, #392a4b 70%);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-skeleton-board > .dashboard-skeleton-panel {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-table-top {
    color: var(--ws-muted);
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-table-top strong {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-sort select {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-table th {
    color: var(--ws-muted);
    background: var(--ws-soft);
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-table td {
    color: var(--ws-muted);
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-table tr:hover td, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-table tr.selected td {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-table small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-table td > a {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-person strong {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-avatar, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-status.lead {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-status.customer {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-status.prospect {
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-status.inactive {
    background: var(--ws-soft);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-menu > button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-menu > a {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-menu > button:hover, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-menu > a:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-bulk-actions > button {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-text-danger {
    color: #ffafbb !important;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-pagination {
    color: var(--ws-muted);
    border-top: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-pagination button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-pagination button:hover:not(:disabled):not([aria-current="page"]) {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-pagination button[aria-current="page"] {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-empty {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-empty > .contacts-empty-icon {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-form-section-heading p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .supply-form-section-heading p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-dialog-inner > header {
    border-bottom: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-dialog h2 {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-dialog header p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-dialog h3 {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-dialog footer {
    border-top: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-form label:not(.form-label), .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-form legend {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-form input:not(.input-form):not([type="checkbox"]):not([type="hidden"]), .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-form textarea:not(.input-form), .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-form select, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-mapping select {
    color: #f0eaf8;
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-muted {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-error {
    background: var(--ws-surface);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-settings-list button {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-settings-list button span {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-import-steps {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-upload {
    background: var(--ws-soft);
    color: var(--ws-muted);
    border: 1px dashed #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-mapping label, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-mapping p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-import-errors {
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-profile {
    border-bottom: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-profile > strong {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-detail-fields > div, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-detail-fields small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-detail-fields a, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-detail-fields span {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-facts dt, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-facts dd {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-detail-section h3 {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-detail-section p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-note {
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-note strong, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-note small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-note footer button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-timeline li, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-timeline strong {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-state-notice {
    background: var(--ws-surface);
    color: #ffd491;
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-detail-page .contacts-detail-fields > div + div {
    border-top: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-detail-page .contacts-detail-fields small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-detail-page .contacts-facts dt {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-detail-page .contacts-facts > div {
    border-bottom: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-detail-page .contacts-section-heading h3 span {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-summary, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-summary {
    color: var(--ws-muted);
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-summary strong, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-summary strong {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-filters .contacts-search:focus-within, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-filters .contacts-search:focus-within, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-filters .contacts-search:focus-within {
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-name strong {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-value {
    color: #d3b4ff !important;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-stage {
    color: var(--ws-muted);
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-status.open {
    color: #d3b4ff;
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-status.won {
    color: #93ddb4;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-status.lost {
    color: #ffafbb;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-column {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-column > header {
    color: #f0eaf8;
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-column > header span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-cards > p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-card {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-card-tag-more {
    color: #d3b4ff;
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-card-contact-avatar .contacts-avatar-icon, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-card-owner {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-card-owner:hover:not(:disabled) {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-card-main .deals-card-name {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-card-main .deals-card-title {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-card-main b {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-card-main span.deals-card-name {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-card-footer {
    color: var(--ws-muted);
    border-top: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-card-person a, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-card-action-disabled {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-detail-section > h2, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-section-heading h2 {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-facts {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-facts div {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-facts div:nth-child(odd) {
    border-right: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-facts dt {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-facts dd {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-detail-section .contacts-preserve-lines {
    background: var(--ws-soft);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-note-form {
    background: var(--ws-soft);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-note {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-note small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-note p {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-settings-toolbar {
    border-color: var(--ws-border);
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-settings-toolbar .fieldSelectInputWrap {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-settings-table th {
    color: #f0eaf8;
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-settings-table td {
    color: #f0eaf8;
    border-bottom-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-settings-table td:nth-child(2) {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-section-heading p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-probability {
    background: var(--ws-soft);
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-drag-handle {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-drag-handle:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-editor-heading {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-editor-heading h1 {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-eyebrow, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-description {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-default {
    color: #d3b4ff;
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-board-caption {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-stage-card {
    background: var(--ws-soft);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-stage-card > header {
    background: var(--ws-soft);
    border-bottom: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-stage-card > header strong {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-grip, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-stage-actions button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-grip:hover, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-stage-actions button:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-stage-meta {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-activity-count {
    color: var(--ws-muted);
    border-bottom: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-activity-list button {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-activity-list button:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-activity-list small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-activity-number {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-add-stage {
    background: var(--ws-soft);
    border: 2px dashed #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-add-stage:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-add-stage > span {
    background: var(--ws-surface);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-type-field legend {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-type-options button {
    color: var(--ws-muted);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-type-options button.selected {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-activity-hint {
    color: var(--ws-muted);
    border-left: 2px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .pipeline-delete-activity {
    color: #ffafbb;
  }

  @media (max-width: 850px) {
    .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deals-facts div:nth-last-child(-n+2) {
      border-bottom: 1px solid #4b3f59;
    }
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-breadcrumb {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-breadcrumb strong {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-company-label, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-workspace-subtitle {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-detail-owner, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-stage-track li:after {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-stage-track button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-stage-number {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-days small {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-days button {
    background: var(--ws-surface);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-days button.active {
    background: var(--ws-soft);
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-list h2 {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-list h2 small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-list header {
    color: var(--ws-muted);
    border-bottom: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-select {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-select > span:first-child, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-select svg, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-template-label, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-detail h2, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-context {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-placeholder {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-activity-placeholder > svg {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-contact-fields > header {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-contact-fields > header h2 {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-contact-fields summary {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-workspace-fields > div {
    border-bottom: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-workspace-fields dt {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-workspace-fields dd, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-workspace-fields dd.empty, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-conversation-panel {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .deal-conversation-panel h2, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-link, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-link:hover {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-link small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-status {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-status.approved {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-status.rejected, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-status.cancelled, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-status.expired {
    background: var(--ws-surface);
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-status.sent, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-status.viewed {
    background: var(--ws-surface);
    color: #9ac7ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-dialog {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-dialog header {
    border-bottom: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-dialog footer {
    border-top: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-dialog h2, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-block h2, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-block h3 {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-block h4, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-block dt {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-block dd {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-block a {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-preline {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-section {
    background: var(--ws-soft);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-item {
    border-top: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-total {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-total strong {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-history-row {
    color: var(--ws-muted);
    border-bottom: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-history-row strong, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-document-button {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-signature-dialog > header {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-signature-dialog > header p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-signature-content p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-signature-content small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-signature-content .proposals-signature-notice {
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-signature-preview {
    background: var(--ws-soft);
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-signature-confirm {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-status.signed {
    color: #93ddb4;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-status-filter {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-group h2 {
    color: #f0eaf8;
    background: var(--ws-soft);
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-group h2 span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-row {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-row:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-row-main p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-badge {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-badge.priority-low {
    color: var(--ws-muted);
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-badge.priority-high {
    color: #ffd491;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-badge.priority-urgent, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-overdue {
    color: #ffafbb;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-done {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-snooze > div {
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-snooze > div button:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-limit {
    color: var(--ws-muted);
    border-top: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-group-head {
    background: var(--ws-soft);
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-group-head button.active {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-unread {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-cell-description, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-simple-row small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-price-row small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-badge {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-badge.success {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-badge.warning {
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-badge.muted {
    background: var(--ws-surface);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-section-heading p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-simple-row {
    border-top: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-price-card > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-price-meta {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-price-actions {
    border-top: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-form p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-check {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-check small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-dialog-footer {
    border-top: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-price-rows {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-prices-intro, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-prices-intro > span {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-price-list-head, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-price-list-head small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-price-loading {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-prices-dialog .catalog-price-rows:has( > .contacts-empty) {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-price-row {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-price-row > span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-preview, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-picker-list {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-picker-row {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .catalog-picker-row small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-resize-handle > span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-list-count {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-list-count strong {
    background: color-mix(in srgb, var(--color-secondary) 10%, #211b2b);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-list-item:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-list-item.selected {
    background: color-mix(in srgb, var(--color-secondary) 7%, #211b2b);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-list-line small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-list-line .conversations-row-status {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-preview, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-preview.is-empty, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-list-meta {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-channel {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-pagination, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-no-selection p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-thread-person small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-status {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-status.resolved {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-status.pending {
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-status.archived {
    background: var(--ws-surface);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-thread {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-day span {
    background: var(--ws-soft);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-bubble {
    background: var(--ws-surface);
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-message-row.outbound .conversations-bubble {
    background: var(--ws-soft);
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-bubble.internal {
    background: var(--ws-surface);
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-bubble-author {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-reply-reference {
    color: var(--ws-muted);
    border-left: 2px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-bubble-bottom, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-bubble-bottom button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-composer, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-editor, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-editor-text .input-form {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-editor-file {
    background: var(--ws-soft);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-editor-file button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-editor-tools > button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-schedule-button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-editor-tools > button:hover:not(:disabled), .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-schedule-button:hover:not(:disabled), .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-editor-tools > button[aria-expanded="true"], .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-schedule-button[aria-expanded="true"] {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-editor-tools > button.is-recording {
    color: #ffafbb;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-emoji-picker {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-emoji-picker button:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-composer > p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-replying {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-context {
    background: var(--dashboard-page-background, #25364b);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-context-empty, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-context-header small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-context-section h3, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-context-section a:not(.contacts-button) {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-context-section p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-deal {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-deal small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-contact-feedback {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-contact-results > button {
    background: var(--ws-surface);
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-contact-results > button:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-contact-results small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-filter-options > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-filter-search, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-search, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-month-head span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-month-day.outside {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-month-day > button:first-child {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-event {
    background: var(--ws-soft);
    color: #d3b4ff;
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-grid-day-head span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-grid-time > div {
    color: var(--ws-muted);
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-grid-slot {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-grid-slot:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-grid-event {
    background: var(--ws-soft);
    color: #d3b4ff;
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-event.tone-success, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-grid-event.tone-success {
    border-color: var(--ws-border);
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-event.tone-info, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-grid-event.tone-info {
    border-color: var(--ws-border);
    background: var(--ws-surface);
    color: #9ac7ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-event.tone-warning, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-grid-event.tone-warning {
    border-color: var(--ws-border);
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-event.tone-danger, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-grid-event.tone-danger {
    border-color: var(--ws-border);
    background: var(--ws-surface);
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-event.tone-neutral, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-grid-event.tone-neutral {
    border-color: var(--ws-border);
    background: var(--ws-surface);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-status {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-status.tone-brand {
    border-color: var(--ws-border);
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-detail-date, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-detail dt, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-form > p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-conflicts {
    background: var(--ws-surface);
    color: #ffd491;
    border: 1px solid #614b77;
  }

  @media (max-width: 760px) {
    .ws-shell[data-theme="dark"] :where(.ws-module-surface) .agenda-mobile-list strong {
      color: var(--ws-muted);
    }
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-card-top, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-board-card footer {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-card-top span {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-card-contact {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-card-value {
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-board-card footer em {
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-name small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-overdue {
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-top, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-number, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-heading p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-highlight-icon, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-section-icon {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-highlight small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-panel > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-row p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-panel dt, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-section-head p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-facts dt, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-facts dd {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-operations > div {
    background: var(--ws-soft);
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-operations span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-observation > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-row span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-detail-note small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-form > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-zip-field > small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-rooms > span button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-settings-heading p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-settings-caption, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-settings-grip, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-settings-info small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .projects-settings-actions button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .operations-notice {
    background: var(--ws-soft);
    color: #d3b4ff;
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .operations-section-head p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .operations-reason {
    background: var(--ws-surface);
    color: #ffafbb;
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .operations-reason.muted {
    background: var(--ws-surface);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .campaigns-filters .contacts-search:focus-within {
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .campaigns-name small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .campaigns-status {
    background: var(--ws-soft);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .campaigns-status.active {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .campaigns-status.paused {
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .campaigns-status.completed {
    background: var(--ws-surface);
    color: #9ac7ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .campaigns-dialog {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .campaigns-dialog header p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .campaigns-tracked-url {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .campaigns-tracked-url code, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .campaigns-muted, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .campaigns-tabs button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .marketing-performance-funnel > div {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .marketing-performance-funnel span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .marketing-performance-funnel small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .marketing-performance-funnel .marketing-performance-funnel-rate {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-filters .contacts-search:focus-within {
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-name small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-unsaved {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-status {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-status.published {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-status.archived {
    background: var(--ws-surface);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-domains p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-domain-row small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-domain-note {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-domain-dns small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-domain-checked {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-create-dialog {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-create-dialog p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-template {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-template img, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-template-blank {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-template small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-top {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-eyebrow, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-save-status {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-devices {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-devices button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-devices button.active, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-contextbar {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-contextbar .contacts-button[aria-pressed="true"] {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-context-hint {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-sidebar, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-inspector {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-panel-tabs button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-panel-tabs button.active {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-side-head small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-section-item {
    background: var(--ws-surface);
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-section-item:hover:not(.selected) {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-section-item.selected {
    border-color: var(--ws-border);
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-section-item > svg, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-section-item small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-section-tools button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-section-tools button:hover:not(:disabled) {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-library-category {
    background: var(--dashboard-panel-bg, #211b2b);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-library-category:hover {
    background: var(--ws-soft);
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-library-category-icon {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-library-category small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-library-heading small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-block-choice {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-block-choice:hover:not(:disabled) {
    border-color: var(--ws-border);
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-block-choice > small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-block-mini {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-canvas-scroll {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-canvas-caption {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-canvas-dimensions {
    color: var(--ws-muted);
    border-left: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-canvas-caption > div {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-canvas-caption button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-canvas-caption button[aria-pressed="true"], .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-canvas-frame {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-canvas-browser, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-canvas-browser-dots i {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-canvas-address, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-canvas-browser-label {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-canvas {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-design-device {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-design-device button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-design-device button[aria-pressed="true"] {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-design-target {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-design-target small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-design-target p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-design-color > div:last-child, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-inspector > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-inspector-fields > p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-field-group {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-field-group h3 span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-list-entry {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-list-entry > summary, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-image-upload-actions small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-note, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-seo-preview small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-seo-preview span {
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-seo-preview p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-version small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-editor-footer {
    background: var(--ws-surface);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-preview-bar {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-results-section-head p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .landing-results-row small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-custom-heading p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-custom-item {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-custom-item.selected {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-custom-item small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-custom-edit {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-custom-icon {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-editor-pane-head p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-field-row {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-field-row.selected {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-field-grip, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-field-select small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-add-field p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-devices {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-devices button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-devices button.active {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-stage {
    background: var(--ws-soft);
    border: 1px dashed #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-paper {
    color: #d3b4ff;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-paper.card {
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-title p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-field:hover:not(.selected) {
    border-color: var(--ws-border);
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-field.selected {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-label em {
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-control {
    color: var(--ws-muted);
    background: var(--ws-surface);
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-field small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-choices {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-choices i, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-consent i {
    background: var(--ws-surface);
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-hidden, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-preview-consent, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-property-hint, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-settings-divider p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-settings > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-settings-intro p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-embed-block p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-embed-heading p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-embed-notice {
    color: #ffd491;
    background: var(--ws-surface);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-embed-modes {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-embed-modes button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-embed-modes button[aria-selected="true"] {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-embed-modes button:not([aria-selected="true"]):hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-embed-footer span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-embed-guide ol {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-failed {
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-templates, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-templates button {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-templates button:hover {
    border-color: var(--ws-border);
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-templates button > svg {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-templates button small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-webhooks-intro > svg {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-webhooks-intro p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-history > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-history small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-dialog p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-secret {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor-top {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor-brand-icon {
    background: var(--ws-soft);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor-title > span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-inspector-head span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor-title .input-form:hover:not(:disabled), .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor-title .input-form:focus {
    border-color: var(--ws-border);
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor-title small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor-meta {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor-meta > span {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor-status.active {
    color: #93ddb4;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor-status.paused, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor-meta .unsaved {
    color: #ffd491;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-editor-subbar {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-zoom {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-zoom button {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-zoom button:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-palette, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-inspector {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-palette > div:first-child small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-palette > button {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-palette > button:hover:not(:disabled) {
    border-color: var(--ws-border);
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-palette > button > svg:first-child {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-palette > button > svg:last-child, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-palette small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-palette p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-canvas {
    background-color: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-node {
    background: var(--ws-surface);
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-node:hover:not(.selected) {
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-drag-handle, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-node small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-node strong {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-node em {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-node-icon {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-node-icon.condition {
    background: var(--ws-surface);
    color: #9ac7ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-node-icon.delay {
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-connector {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-connector:after {
    border-bottom: 2px solid #614b77;
    border-right: 2px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-branch {
    background: var(--ws-soft);
    border: 1px dashed #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-branch.drop-target {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-branch > span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-add-row button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-flow-end button {
    background: var(--ws-surface);
    border: 1px dashed #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-add-row button:hover, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-flow-end button:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-flow-end {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-flow-end.drop-target button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-inspector-fields > .automations-inspector-fields {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-run-view article {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-run-view p {
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .automations-run-view ol, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .supply-cell-note {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .supply-item-editor {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .supply-overview > div > span:first-child, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .supply-order-notes p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .supply-history article p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-sessions, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-sessions a {
    background: var(--ws-surface);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-order-link small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-cell-note {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-progress > span {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-progress small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-board-column > header {
    border-top-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-column-handle {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-board-column.is-drop-target {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-board-column.is-blocked > header, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-board-column.is-cancelled > header {
    border-top-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-card-top, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-order-card footer {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-card-priority {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-card-priority.is-high, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-card-priority.is-urgent {
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-card-priority.is-urgent {
    background: var(--ws-surface);
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-card-client, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-card-stage {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-board-setting.is-dragging {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-board-drag-handle {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-board-setting-index {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-board-setting-color input {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-board-settings-note, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-plan h2 span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-stage-settings > div > span {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-stage-settings small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-detail-panel > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-overview-grid small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-stage-index {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-stage-row small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-detail-row small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-page .production-detail-row > span:last-child, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-section-heading p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-overview-grid > div {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-overview-grid small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-detail-panel > p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-detail-panel > .contacts-empty {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-stage-row {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-stage-status {
    background: var(--ws-soft);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-stage-status.is-ready, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-stage-status.is-open {
    background: var(--ws-surface);
    color: #9ac7ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-stage-status.is-in_progress {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-stage-status.is-completed, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-stage-status.is-resolved {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-stage-status.is-blocked, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-stage-status.is-cancelled {
    background: var(--ws-surface);
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-stage-row.is-in_progress {
    border-color: var(--ws-border);
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-stage-row.is-completed .production-stage-index {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-stage-row.is-blocked .production-stage-index {
    background: var(--ws-surface);
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-time-controls > div {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .production-detail .production-detail-row p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .installations-agenda-card span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .installations-item-picker > p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .installations-notice {
    background: var(--ws-soft);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .installations-facts dt {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .installations-checklist-item em {
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .installations-checklist-item > span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .installations-blockers {
    background: var(--ws-surface);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-page .service-column.is-drop-target, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-page .service-column > header span {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-column-empty, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-ticket-card > a > span:first-child, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-ticket-card small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-detail-summary > div {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-detail-summary span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-action-bar {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-section > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-section dt {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-event-list article {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-event-list article > span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-detail .service-detail-summary > div {
    border-left: 3px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-tab-count {
    background: var(--ws-soft);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-detail-tabs button[aria-selected="true"] .service-tab-count, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-tab-intro-icon {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-tab-intro p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-detail .service-section > p {
    background: var(--ws-soft);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-detail .service-section dl > div {
    border-bottom: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-detail .service-event-list article {
    background: var(--ws-surface);
    border-left: 3px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-status-current {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-status-current span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-status-current strong {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .service-status-hint {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .financial-period-label, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .financial-overview-section .dashboard-panel-header p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .financial-receivables-heading p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .financial-overdue-buckets small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .financial-overdue-badge {
    background: var(--ws-surface);
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .financial-report-context, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .financial-report-footnote {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .financial-positive {
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .financial-negative {
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .reconciliation-suggestions small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dre-total-row td {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .invoices-item-total span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .invoices-totals > span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .invoices-installment-balance, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .invoices-summary > span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .invoices-cancel-reason, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .entries-overdue {
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .entries-aging-list > div, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .entries-aging-list small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .entries-aging-track {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .entries-aging-list > div:not(:first-child) .entries-aging-track > span {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .entries-counterparties small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .entries-counterparties p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .entries-payments small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .commercial-updating, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .commercial-goal span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .commercial-goal-row span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .commercial-progress {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .commercial-forecast-grid span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .commercial-forecast-grid small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .commercial-quality, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .performance-progress > span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .performance-detail-grid span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .performance-history, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .indicators-summary span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .indicators-scope-note, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .budget-current-bar span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .budget-status.neutral {
    background: var(--ws-soft);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .budget-status.success {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .budget-status.info {
    background: var(--ws-surface);
    color: #9ac7ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .budget-grid .budget-section-row td {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .budget-delete-copy, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .centers-name span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-quality.complete {
    color: #93ddb4;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-quality.partial {
    color: #ffd491;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-quality.incomplete {
    color: #ffafbb;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) button.treasury-forecast-item:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-forecast-item small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-forecast-item span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-notice.warning {
    border-color: var(--ws-border);
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-notice.danger {
    border-color: var(--ws-border);
    background: var(--ws-surface);
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-notice.success {
    border-color: var(--ws-border);
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-account-meta, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-month-grid small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-transfer-list small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-drill small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .treasury-adjust-current, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profitability-page .contacts-table td:first-child small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profitability-quality.complete {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profitability-quality.partial {
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profitability-quality.incomplete {
    background: var(--ws-surface);
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profitability-caption, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profitability-issues ul {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profitability-drawer-heading > span {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profitability-drawer-heading p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profitability-rate-list small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .reports-intro-icon {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .reports-intro p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .reports-status-list > div > div {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .reports-status {
    color: #d3b4ff;
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-page .integrations-signature-form {
    border-top: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-page .integrations-signature-upload .input-form[type="file"]::file-selector-button {
    background: var(--ws-surface);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-page .integrations-signature-files > div {
    border-top: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-page .integrations-signature-files small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-section-heading p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-card p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-calendar-panel {
    border-color: var(--ws-border);
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-calendar-account {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-calendar-account-icon {
    color: #93ddb4;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-calendar-account > div > span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-calendar-account small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-calendar-choice-copy span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-calendar-choice, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-calendar-actions {
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-calendar-actions .integrations-calendar-disconnect {
    color: #ffafbb;
    border-color: var(--ws-border);
    background: none;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-calendar-actions .integrations-calendar-disconnect:hover:not(:disabled) {
    color: #ffd3da;
    border-color: var(--ws-border);
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-status.connected {
    color: #93ddb4;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-status.attention {
    color: #ffd491;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-status.idle {
    color: var(--ws-muted);
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-notice {
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-channels-page .conversations-provider-copy small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-channels-page .conversations-provider-indicator {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-channels-page .conversations-setup-copy p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-channels-page .conversations-setup-copy code {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-channels-page .conversations-setup-status .is-ready {
    color: #93ddb4;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .conversations-channels-page .conversations-setup-status .is-pending {
    color: #ffd491;
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-filters .contacts-search:focus-within {
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-page .contacts-tabs button[aria-selected="false"] span {
    background: var(--ws-soft);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-invite-identity small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-identity small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-avatar {
    background: color-mix(in srgb, var(--color-secondary) 12%, #211b2b);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-role, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-status {
    background: var(--ws-surface);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-status.is-active {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-status.is-inactive {
    background: var(--ws-surface);
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-status.is-pending {
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-self-note, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-dialog .catalog-form > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-module-selector > p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .users-error {
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .implantacao-panel p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .implantacao-progress-panel p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .implantacao-demo p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .implantacao-progress-track {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .implantacao-list-heading > span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .implantacao-step-number {
    background: var(--ws-soft);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .implantacao-step.is-done .implantacao-step-number {
    border-color: var(--ws-border);
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .implantacao-badge {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .implantacao-badge.is-muted {
    background: var(--ws-surface);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .implantacao-complete {
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .implantacao-demo-icon {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .implantacao-error {
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-nav-group > strong, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-nav-group > button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-nav-group > button.is-active {
    background: color-mix(in srgb, var(--color-secondary) 11%, #211b2b);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-panel-head p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-related-link {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-numbering-list > article {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-numbering-list span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-record-list small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-toggle-list span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-link-grid > article > span {
    background: color-mix(in srgb, var(--color-secondary) 11%, #211b2b);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-link-grid p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-link-grid small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-record-icon {
    background: color-mix(in srgb, var(--color-secondary) 10%, #211b2b);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-check-row, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-checklist-editor {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-checklist-editor .contacts-section-heading span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-error {
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-logo-preview, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-logo-empty {
    background: var(--ws-soft);
    border: 1px dashed #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .settings-logo-empty {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-hero-avatar {
    background: linear-gradient(145deg, #392a4b, #7e54b9);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-panel-head {
    background: linear-gradient(#211b2b, #392a4b);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-panel-icon {
    background: var(--ws-soft);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-section-index {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-panel-head p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-password-toggle {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-password-toggle:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-form input[readonly] {
    background: var(--ws-soft);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-form-footer {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-form-footer > span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-form + .profile-action-row, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-action-icon {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-action-row p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-session-item.is-current {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-session-info p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-session-info small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-session-current {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-session-feedback {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .profile-session-row {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-notice {
    background: var(--ws-surface);
    color: #ffd491;
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-notice.danger {
    border-color: var(--ws-border);
    background: var(--ws-surface);
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-panel > .contacts-section-heading p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-limit span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-progress {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-progress > span {
    background: linear-gradient(90deg, #7543ce, #392a4b);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-features span {
    background: var(--ws-soft);
    color: var(--ws-muted);
    border: 1px solid #4b3f59;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-features span.enabled {
    border-color: var(--ws-border);
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-qr {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-invoice-detail > span:not(.subscription-badge), .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-invoice-detail > small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-payment-check {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-payment-empty > span:not(.subscription-payment-check) {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-payment-actions, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-integration-limits summary:hover {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-integration-limits summary, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-recurring-choice > p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-config-note {
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-history .contacts-table-top span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-badge.success {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-badge.info {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-badge.warning {
    background: var(--ws-surface);
    color: #ffd491;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-badge.danger {
    background: var(--ws-surface);
    color: #ffafbb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-badge.neutral {
    background: var(--ws-surface);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-cancel p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-dialog > header p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-plan-overview {
    border-color: var(--ws-border);
    background: linear-gradient(110deg, #392a4b, #211b2b 80%);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-plan-icon {
    background: var(--ws-surface);
    border: 1px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-eyebrow, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-plan-identity h2 {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-plan-identity p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-plan-action > span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-features > strong, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-payment-footnote {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-module-group {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-module-group summary:hover, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-module-group[open] summary {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-module-category > span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-module-count {
    background: var(--ws-soft);
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-module-count.complete {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-module-chevron, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-module-group li {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-module-group li > svg {
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-module-group li.disabled, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .subscription-module-group li.disabled > svg {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-section-heading p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-client-card, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-plan-card {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-client-card {
    border-left: 3px solid #614b77;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-client-identity > div > span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-client-avatar {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-state.is-active {
    background: var(--ws-surface);
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-state.is-inactive {
    background: var(--ws-surface);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-client-meta span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-client-controls {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-plan-card {
    background: linear-gradient(#392a4b 0, #211b2b 130px);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-plan-code, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-plan-card > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-plan-price span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-plan-facts, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-footnote, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-editor-section-heading span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-toggle:has(input:checked) {
    border-color: var(--ws-border);
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-toggle small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-module-group-title span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-heading-count {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-client-meta small, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-plan-limits li {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-plan-limits svg, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-plan-limits strong {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-payment-panel > p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-hero {
    background: linear-gradient(110deg, #392a4b, #211b2b);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-hero-icon {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-hero p {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-plan-card.is-available {
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-plan-badge {
    background: var(--ws-soft);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-plan-card > p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-plan-price span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-plan-details {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-plan-details svg, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-module-state.included svg {
    color: #93ddb4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-module-state.excluded, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-plan-unavailable, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-message, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .upgrade-footnote {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface), .ws-shell[data-theme="dark"] :where(.ws-module-surface) {
    --color-primary: #f0eaf8;
    --color-secondary: #ae85f4;
    --dashboard-bg: #14111b;
    --dashboard-surface: var(--ws-surface);
    --dashboard-panel-border: #40354d;
    --dashboard-filter-border: #4b3f59;
    --dashboard-button-text: #ded2eb;
    --dashboard-button-hover: #32263f;
    --dashboard-button-hover-border: #695080;
    --dashboard-danger: #ff8999;
    color: var(--color-primary);
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) {
    background: var(--ws-surface);
    background: var(--dashboard-bg);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) header.dashboard-header {
    --header-muted: var(--ws-muted);
    border-color: var(--dashboard-panel-border);
    background: #1d1826;
    box-shadow: 0 8px 28px #09061035;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dash-sidebar-note .small-label {
    color: #c9a9f3;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dash-sidebar-note p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dash-sidebar-footer {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dash-sidebar-note a {
    color: #d3b4ff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .tooltip {
    color: #fff;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) button.header-search, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .company-selector-trigger, .ws-shell[data-theme="dark"] :where(.ws-module-surface) button.header-search .atalho, .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.notification-dropdown, .user-menu-dropdown, .company-selector-dropdown) {
    background: var(--dashboard-surface);
    border-color: var(--dashboard-panel-border);
    color: var(--dashboard-button-text);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.user-menu-avatar, .company-selector-option[aria-pressed="true"]) {
    background: #382747;
    border-color: #654b7f;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .notification-dropdown .drop-footer a.link-drop {
    background: #382747;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .notification-dropdown .drop-footer a.link-drop:hover, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .user-menu .user-menu-dropdown .user-menu-item.danger:hover {
    background: #513550;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .user-menu .user-menu-dropdown .user-menu-item:disabled {
    opacity: .55;
    cursor: wait;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-inbox-grid a, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-subsections > div {
    background: var(--dashboard-surface);
    border-color: var(--dashboard-panel-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.dashboard-panel-header, .dashboard-overview .dashboard-subsections h3), .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.dashboard-stalled li, .dashboard-compact-list li) {
    border-color: var(--dashboard-panel-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.dashboard-funnel > div > span, .dashboard-start, .dashboard-overview .calDayHeader) {
    color: #c7b9d6;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-progress {
    background: #473752;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-action {
    border-color: var(--dashboard-panel-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-action-primary {
    color: #fff;
    background: #8352ca;
    border-color: #8352ca;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-action-primary:hover {
    background: #9568d7;
    border-color: #9568d7;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-attention {
    color: #ffcf8a;
    background: #44321e;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-stage-list small {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-start a {
    border-color: #68527f;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-period-menu, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-period-presets button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-owner-filter .fieldSelectInputWrap {
    background: var(--dashboard-surface);
    border-color: var(--dashboard-panel-border);
    color: var(--color-primary);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-period-presets {
    border-color: var(--dashboard-panel-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.dashboard-period-presets button[aria-current="true"], .dashboard-overview .filterDatePresetItem:hover, .dashboard-overview .filterDatePresetItem.active, .dashboard-overview .calDay.inRange) {
    color: #e5d0ff;
    background: #453157;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-overview :is(.fieldSelectDropdown, .selectSearchDropdown, .filterDrop) {
    background: var(--dashboard-surface);
    border-color: var(--dashboard-panel-border);
    color: var(--color-primary);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-apex-chart :is(.apexcharts-tooltip, .apexcharts-xaxistooltip) {
    color: #f0eaf8 !important;
    background: #2d2439 !important;
    border-color: #574567 !important;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-apex-chart .apexcharts-tooltip-title {
    background: #382b46 !important;
    border-color: #574567 !important;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-overview .contacts-empty {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-overview .contacts-empty h3 {
    color: #eee5f8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-overview .contacts-empty-icon {
    color: #cfafff;
    background: #3a2b4c;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-skeleton-line {
    background-image: linear-gradient(100deg, #372d43 30%, #51415f 50%, #372d43 70%);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-skeleton-tabs, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dashboard-skeleton-row {
    border-color: var(--dashboard-panel-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) > .selectSearchDropdown {
    background: var(--ws-surface);
    border-color: var(--ws-border);
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) > .selectSearchDropdown .selectSearchBox {
    border-color: var(--ws-border);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) > .selectSearchDropdown .fieldSelectEmpty, .ws-shell[data-theme="dark"] :where(.ws-module-surface) > .selectSearchDropdown .fieldSelectGroup span {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) > .selectSearchDropdown .fieldSelectGroup span.fieldSelectGroupCount {
    background: var(--ws-surface);
    color: #f0eaf8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-summary {
    border-color: var(--dashboard-panel-border);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-summary strong {
    color: #f2ebfb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .contacts-tabs {
    border-color: var(--dashboard-panel-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .contacts-tabs button {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .contacts-tabs button[aria-selected="true"] {
    color: #d3b4ff;
    border-color: #ae85f4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .contacts-tabs button span {
    background: var(--ws-soft);
    color: #ddc9f4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .contacts-search > svg, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-status-filter {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .contacts-search input::placeholder {
    color: #a99bb9;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-filters .fieldSelectInputWrap, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-status-filter, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .contacts-button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-row-actions > button, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-snooze summary, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-link, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-group-head button {
    background: var(--dashboard-surface);
    border-color: var(--dashboard-panel-border);
    color: var(--dashboard-button-text);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .contacts-button.primary {
    color: #fff;
    background: #8352ca;
    border-color: #8352ca;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page :is(.contacts-button, .inbox-row-actions > button, .inbox-snooze summary, .inbox-link, .inbox-group-head button):hover:not(:disabled) {
    background: var(--dashboard-button-hover);
    border-color: var(--dashboard-button-hover-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .contacts-button.primary:hover:not(:disabled) {
    background: #9568d7;
    border-color: #9568d7;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-group {
    border-color: var(--dashboard-panel-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page :is(.inbox-group > h2, .inbox-group-head) {
    border-color: var(--dashboard-panel-border);
    background: #2a2234;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-group h2 {
    color: #f2ebfb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-group h2 span, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-row-main p, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-limit {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-row, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-limit {
    border-color: var(--dashboard-panel-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-row:hover {
    background: #2c2337;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-unread {
    background: #30233f;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-unread:hover {
    background: #3a2b4b;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-done {
    color: #a99bb9;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-badge {
    color: #d7b8ff;
    background: #3d2b55;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-badge.priority-low {
    color: #becbdb;
    background: #303844;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-badge.priority-high {
    color: #ffd491;
    background: #46351e;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page :is(.inbox-badge.priority-urgent, .inbox-overdue) {
    color: #ffafbb;
    background: #4b2935;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-group-head button.active, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-status-filter.active {
    color: #e5d0ff;
    background: #453157;
    border-color: #695080;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-snooze > div {
    border-color: var(--dashboard-panel-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .inbox-snooze > div button:hover {
    background: #382a49;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page :is(.contacts-table-top, .contacts-pagination) {
    border-color: var(--dashboard-panel-border);
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .contacts-table-top strong {
    color: #f2ebfb;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .contacts-empty {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .inbox-page .contacts-empty-icon {
    color: #cfafff;
    background: #3a2b4c;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .date-time-popover {
    background: var(--dashboard-surface);
    border-color: var(--dashboard-panel-border);
    color: var(--color-primary);
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .date-time-popover :is(.date-time-popover-head, .date-time-clock) {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .date-time-popover :is(.date-time-calendar-select-search, .date-time-calendar-select-menu) {
    background: var(--ws-surface);
    color: #f0eaf8;
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .date-time-popover :is(.date-time-weekday, .date-time-calendar-select-empty, .date-time-clock-inputs > span) {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .date-time-popover :is(.date-time-calendar > button:hover:not(:disabled):not(.selected), .date-time-calendar > button.today:not(.selected), .date-time-calendar-select-options > button:hover, .date-time-calendar-select-options > button.highlighted), .ws-shell[data-theme="dark"] :where(.ws-module-surface) .date-time-popover .date-time-calendar-select-options > button[aria-selected="true"] {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .date-time-popover .date-time-popover-actions .contacts-button:hover:not(:disabled), .ws-shell[data-theme="dark"] :where(.ws-module-surface) .date-time-popover .date-time-popover-actions .contacts-button.primary:hover:not(:disabled) {
    background: var(--ws-surface);
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.apexcharts-tooltip, .apexcharts-xaxistooltip) {
    background: var(--ws-surface) !important;
    border-color: var(--ws-border) !important;
    color: #f0eaf8 !important;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .apexcharts-tooltip-title {
    background: var(--ws-surface) !important;
    border-color: var(--ws-border) !important;
  }

  :where(.ws-module-surface) .integrations-shortcuts {
    flex-wrap: wrap;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-ads-section {
    gap: 16px;
    scroll-margin-top: 100px;
    display: grid;
  }

  :where(.ws-module-surface) #assinaturas {
    scroll-margin-top: 100px;
  }

  :where(.ws-module-surface) .integrations-grid.integrations-ads-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .integrations-connect-steps {
    color: #756f7c;
    gap: 7px;
    margin: 2px 0 8px;
    padding-left: 19px;
    font-size: .78rem;
    line-height: 1.6;
    display: grid;
  }

  :where(.ws-module-surface) .integrations-setup-note {
    background: #f9f6fd;
    border: 1px solid #e9dff5;
    border-radius: 10px;
    padding: 12px 14px;
  }

  :where(.ws-module-surface) .integrations-ads-note {
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-ads-note p {
    color: #756f7c;
    max-width: 75ch;
    margin: 0;
    font-size: .76rem;
    line-height: 1.6;
  }

  :where(.ws-module-surface) .integrations-ads-note .contacts-button {
    flex-shrink: 0;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-setup-note {
    background: var(--ws-surface);
    border-color: var(--ws-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-connect-steps, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .integrations-ads-note p {
    color: #bdb3c9;
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) .integrations-grid.integrations-ads-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .integrations-ads-note {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface), .ws-shell[data-theme="dark"] :where(.ws-module-surface) {
    --color-primary: #f6f5f8;
    --color-secondary: #a67cf4;
    --dashboard-bg: #101012;
    --dashboard-surface: #19191b;
    --dashboard-panel-border: #333337;
    --dashboard-filter-border: #414145;
    --dashboard-button-text: #f0eff3;
    --dashboard-button-hover: #252529;
    --dashboard-button-hover-border: #67616e;
    --dashboard-muted: #aaa9b0;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) {
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) header.dashboard-header {
    background: #151517;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .dash-sidebar-note {
    background: #222024;
    border-color: #3a343f;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.form-group .input-form, .fieldSelectInputWrap, .selectSearchTrigger, .app-select-trigger, .contacts-button:not(.primary)) {
    color: #f6f5f8;
    background: #202023;
    border-color: #414145;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.fieldSelectInput, .fieldSelectOption, .app-select-option) {
    color: #f6f5f8;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.form-group .input-form, .selectSearchTrigger, .app-select-trigger)::placeholder {
    color: #a5a4ab;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.form-group .input-form, .selectSearchTrigger, .app-select-trigger):focus-visible {
    outline-offset: 1px;
    outline: 2px solid #a67cf4;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-button.primary {
    color: #fff;
    background: #7950d1;
    border-color: #7950d1;
  }

  :where(.ws-module-surface) .contacts-dialog:has(.contacts-settings) {
    border-radius: 16px;
    width: min(660px, 100vw - 32px);
    max-height: calc(100dvh - 24px);
  }

  :where(.ws-module-surface) .contacts-dialog:has(.contacts-settings) .contacts-dialog-inner > header {
    border-color: var(--dashboard-panel-border);
    padding: 24px 28px 20px;
  }

  :where(.ws-module-surface) .contacts-dialog:has(.contacts-settings) h2 {
    color: var(--color-primary);
    font-size: 1.15rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .contacts-settings.contacts-form-body {
    gap: 18px;
    padding: 20px 28px 28px;
  }

  :where(.ws-module-surface) .contacts-settings .contacts-settings-tabs {
    border: 1px solid var(--dashboard-panel-border);
    background: color-mix(in srgb, var(--color-secondary) 4%, var(--dashboard-surface));
    border-radius: 11px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    margin: 0;
    padding: 5px;
    display: grid;
    overflow: visible;
  }

  :where(.ws-module-surface) .contacts-settings .contacts-settings-tabs button {
    width: 100%;
    height: 42px;
    max-height: none;
    color: var(--dashboard-button-text);
    border: 0;
    border-radius: 7px;
    justify-content: center;
    padding: 7px 10px;
    font-weight: 550;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-settings .contacts-settings-tabs button[aria-pressed="true"] {
    border: 1px solid color-mix(in srgb, var(--color-secondary) 22%, var(--dashboard-panel-border));
    background: var(--dashboard-surface);
    color: var(--color-secondary);
    box-shadow: 0 2px 8px #2411380d;
  }

  :where(.ws-module-surface) .contacts-settings-panel {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 12px;
    min-width: 0;
    padding: 17px 18px 18px;
  }

  :where(.ws-module-surface) .contacts-settings-section-heading {
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 15px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-settings-section-heading > div {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .contacts-dialog .contacts-settings-section-heading h3 {
    color: var(--color-primary);
    margin: 0;
    font-size: .9rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .contacts-settings-section-heading p {
    color: var(--dashboard-muted, #746c7e);
    margin: 4px 0 0;
    font-size: .73rem;
    line-height: 1.45;
  }

  :where(.ws-module-surface) .contacts-settings-count {
    background: color-mix(in srgb, var(--color-secondary) 9%, var(--dashboard-surface));
    min-width: 25px;
    height: 25px;
    color: var(--color-secondary);
    border-radius: 7px;
    place-items: center;
    padding: 0 7px;
    font-size: .72rem;
    font-weight: 700;
    display: inline-grid;
  }

  :where(.ws-module-surface) .contacts-settings .contacts-settings-list {
    gap: 7px;
    max-height: 184px;
    margin: 0;
  }

  :where(.ws-module-surface) .contacts-settings .contacts-settings-list button {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    min-height: 49px;
    color: var(--color-primary);
    border-radius: 8px;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    transition: border-color .18s, background .18s;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-settings .contacts-settings-list button:hover, :where(.ws-module-surface) .contacts-settings .contacts-settings-list button[aria-pressed="true"] {
    border-color: color-mix(in srgb, var(--color-secondary) 45%, var(--dashboard-panel-border));
    background: color-mix(in srgb, var(--color-secondary) 5%, var(--dashboard-surface));
  }

  :where(.ws-module-surface) .contacts-settings-item-icon, :where(.ws-module-surface) .contacts-settings-editor-icon {
    background: color-mix(in srgb, var(--color-secondary) 9%, var(--dashboard-surface));
    width: 32px;
    height: 32px;
    color: var(--color-secondary);
    border-radius: 8px;
    flex: none;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-settings .contacts-settings-list button .contacts-settings-item-icon {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .contacts-settings-item-icon svg, :where(.ws-module-surface) .contacts-settings-editor-icon svg {
    width: 16px;
    height: 16px;
  }

  :where(.ws-module-surface) .contacts-settings-item-text {
    flex: 1;
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .contacts-settings .contacts-settings-list button .contacts-settings-item-text {
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .contacts-settings-item-text strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .79rem;
    font-weight: 600;
    overflow: hidden;
  }

  :where(.ws-module-surface) .contacts-settings-item-text small {
    color: var(--dashboard-muted, #746c7e);
    font-size: .69rem;
  }

  :where(.ws-module-surface) .contacts-settings .contacts-settings-list .contacts-settings-item-action {
    color: var(--color-secondary);
    flex: none;
    align-items: center;
    gap: 6px;
    font-size: .72rem;
    font-weight: 600;
    display: inline-flex;
  }

  :where(.ws-module-surface) .contacts-settings-item-action svg {
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .contacts-settings-empty {
    border: 1px dashed var(--dashboard-panel-border);
    color: var(--dashboard-muted, #746c7e);
    text-align: center;
    border-radius: 8px;
    margin: 0;
    padding: 15px;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .contacts-settings-editor {
    background: color-mix(in srgb, var(--color-secondary) 2%, var(--dashboard-surface));
  }

  :where(.ws-module-surface) .contacts-settings-editor .contacts-form-grid {
    gap: 16px;
  }

  :where(.ws-module-surface) .contacts-settings-editor .form-group .form-label {
    margin-bottom: 6px;
  }

  :where(.ws-module-surface) .contacts-settings-editor .form-group .input-form, :where(.ws-module-surface) .contacts-settings-editor .form-group .selectSearchTrigger {
    border-radius: 8px;
    min-height: 44px;
  }

  :where(.ws-module-surface) .contacts-settings-color-control {
    background: color-mix(in srgb, var(--color-secondary) 5%, var(--dashboard-surface));
    border: 1px solid #0000;
    border-radius: 8px;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 4px 9px 4px 5px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-settings .contacts-form .contacts-settings-color-control input[type="color"] {
    border: 1px solid color-mix(in srgb, var(--color-secondary) 20%, var(--dashboard-panel-border));
    background: var(--dashboard-surface);
    cursor: pointer;
    border-radius: 6px;
    flex: none;
    width: 38px;
    height: 34px;
    min-height: 34px;
    padding: 2px;
  }

  :where(.ws-module-surface) .contacts-settings-color-value {
    color: var(--color-primary);
    font-size: .77rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .contacts-settings-color-hint {
    color: var(--dashboard-muted, #746c7e);
    margin-left: auto;
    font-size: .68rem;
  }

  :where(.ws-module-surface) .contacts-settings-required {
    align-items: end;
    min-height: 68px;
    padding-bottom: 11px;
    display: flex;
  }

  :where(.ws-module-surface) .contacts-settings .contacts-form-actions {
    border-top: 1px solid var(--dashboard-panel-border);
    align-items: center;
    margin-top: 2px;
    padding-top: 16px;
  }

  :where(.ws-module-surface) .contacts-settings .contacts-form-actions .contacts-button.primary {
    min-width: 118px;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-settings .contacts-settings-list button {
    background: var(--dashboard-surface);
    border-color: var(--dashboard-panel-border);
    color: var(--color-primary);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-settings .contacts-settings-list button:hover, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-settings .contacts-settings-list button[aria-pressed="true"] {
    border-color: var(--color-secondary);
    background: var(--ws-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-settings .contacts-settings-list button .contacts-settings-item-text {
    color: var(--color-primary);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-settings .contacts-settings-list button .contacts-settings-item-icon, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-settings .contacts-settings-list .contacts-settings-item-action {
    color: var(--color-secondary);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-settings .contacts-settings-tabs button[aria-pressed="true"] {
    background: var(--ws-surface);
    color: var(--color-secondary);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-dialog:has(.contacts-settings) .contacts-dialog-inner > header {
    border-color: var(--dashboard-panel-border);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-dialog .contacts-settings-section-heading h3 {
    color: var(--color-primary);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-dialog:has(.contacts-settings) h2 {
    color: var(--color-primary);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-settings .contacts-form .contacts-settings-color-control input[type="color"] {
    border-color: var(--dashboard-panel-border);
    color: var(--color-primary);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-settings .contacts-form .form-group :is(.input-form, .selectSearchTrigger) {
    background: var(--ws-surface);
    border-color: var(--ws-border);
    color: var(--color-primary);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .contacts-settings .contacts-form-actions .contacts-button.primary {
    background: var(--ws-surface);
    border-color: var(--ws-border);
    color: #fff;
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .contacts-dialog:has(.contacts-settings) {
      width: calc(100vw - 20px);
    }

    :where(.ws-module-surface) .contacts-dialog:has(.contacts-settings) .contacts-dialog-inner > header {
      padding: 19px 18px;
    }

    :where(.ws-module-surface) .contacts-settings.contacts-form-body {
      padding: 17px;
    }

    :where(.ws-module-surface) .contacts-settings-panel {
      padding: 15px;
    }

    :where(.ws-module-surface) .contacts-settings .contacts-settings-tabs button {
      white-space: normal;
      text-align: center;
      height: auto;
      min-height: 44px;
      font-size: .75rem;
    }

    :where(.ws-module-surface) .contacts-settings-color-hint {
      display: none;
    }

    :where(.ws-module-surface) .contacts-settings-required {
      min-height: 0;
      padding-bottom: 0;
    }
  }

  :where(.ws-module-surface) :scope, :where(.ws-module-surface) :scope .container-dash, :where(.ws-module-surface) :scope .dashboard-panel, :where(.ws-module-surface) :scope .contacts-panel {
    min-width: 0;
  }

  :where(.ws-module-surface) :scope .dash-title-section {
    gap: 12px;
    min-width: 0;
  }

  :where(.ws-module-surface) :scope .dash-title-section .title-section {
    min-width: 0;
  }

  :where(.ws-module-surface) :scope .dash-title-section .title-section :is(h1, p) {
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) :scope .dashboard-panel-header, :where(.ws-module-surface) :scope .contacts-table-top, :where(.ws-module-surface) :scope .dashboard-form-section, :where(.ws-module-surface) :scope .contacts-form-grid, :where(.ws-module-surface) :scope .form-group, :where(.ws-module-surface) :scope .fieldSelectInputWrap {
    min-width: 0;
  }

  :where(.ws-module-surface) :scope .contacts-table-scroll {
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    display: block;
    overflow-x: auto;
  }

  :where(.ws-module-surface) :scope .contacts-table thead th {
    font-size: .68rem;
    line-height: 1.3;
  }

  :where(.ws-module-surface) :scope .contacts-table tbody td {
    font-size: .76rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) :scope .contacts-table tbody :is(.invoices-link, .invoices-customer, .landing-name strong, .users-identity strong, td > strong, td > a > strong) {
    font-size: .78rem;
  }

  :where(.ws-module-surface) :scope .marketing-performance-section > .contacts-table-scroll {
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
  }

  :where(.ws-module-surface) :scope .operations-stage-input {
    position: relative;
  }

  :where(.ws-module-surface) :scope .operations-stage-input .form-label {
    top: 0;
    left: 0;
  }

  :where(.ws-module-surface) :scope .dashboard-skeleton, :where(.ws-module-surface) :scope .dashboard-skeleton-columns, :where(.ws-module-surface) :scope .dashboard-skeleton-board, :where(.ws-module-surface) :scope .dashboard-skeleton-metrics {
    min-width: 0;
    max-width: 100%;
  }

  @media (min-width: 1200px) {
    :where(.ws-module-surface) :scope .container-dash {
      max-width: 1500px;
    }
  }

  @media (max-width: 1199px) {
    :where(.ws-module-surface) :scope .container-dash {
      padding-inline: 10px;
    }

    :where(.ws-module-surface) :scope .kpis-card-container, :where(.ws-module-surface) :scope .dashboard-metric-grid {
      gap: 9px;
    }

    :where(.ws-module-surface) :scope .dash-title-section .title-section h1 {
      font-size: clamp(1.14rem, 1.04rem + .3vw, 1.2rem);
    }

    :where(.ws-module-surface) :scope .container-dash {
      max-width: none;
      padding-inline: 6px;
    }

    :where(.ws-module-surface) :scope .dashboard-skeleton-columns.editor {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) :scope .dashboard-skeleton-columns.editor > :last-child {
      grid-column: 1 / -1;
    }
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) :scope .kpis-card-container.one-dash, :where(.ws-module-surface) :scope .dashboard-metric-grid, :where(.ws-module-surface) :scope .dashboard-metric-grid.five, :where(.ws-module-surface) :scope .dashboard-metric-grid.six, :where(.ws-module-surface) :scope .dashboard-metric-grid.seven, :where(.ws-module-surface) :scope .dashboard-skeleton-metrics {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) :scope .dashboard-skeleton-columns, :where(.ws-module-surface) :scope .dashboard-skeleton-columns.editor {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) :scope .dashboard-skeleton-columns.editor > :last-child {
      grid-column: auto;
    }

    :where(.ws-module-surface) :scope .dashboard-skeleton-board {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) :scope .container-dash {
      padding-inline: 2px;
    }

    :where(.ws-module-surface) :scope .dash-title-section {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 12px;
      padding-inline: 2px;
    }

    :where(.ws-module-surface) :scope .dash-title-section .actions-title {
      justify-content: flex-start;
      width: 100%;
    }

    :where(.ws-module-surface) :scope .contacts-button, :where(.ws-module-surface) :scope .inbox-row-actions > button, :where(.ws-module-surface) :scope .contacts-page .filterBtn, :where(.ws-module-surface) :scope .contacts-icon-button, :where(.ws-module-surface) :scope .dashboard-action, :where(.ws-module-surface) :scope .dashboard-overview .btnFilter {
      height: auto;
      min-height: 42px;
      max-height: none;
    }

    :where(.ws-module-surface) :scope .contacts-page .filtersContacts, :where(.ws-module-surface) :scope .financial-report-filters {
      min-width: 0;
    }

    :where(.ws-module-surface) :scope .contacts-form-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) :scope .contacts-form-body {
      padding: 16px;
    }

    :where(.ws-module-surface) :scope .contacts-dialog-inner > header, :where(.ws-module-surface) :scope .contacts-dialog footer {
      padding: 14px 16px;
    }

    :where(.ws-module-surface) :scope .contacts-dialog footer {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) :scope .contacts-dialog footer > button {
      flex: auto;
    }

    :where(.ws-module-surface) :scope .contacts-form :is(input:not([type="checkbox"]):not([type="hidden"]), textarea, select), :where(.ws-module-surface) :scope .contacts-page :is(input:not([type="checkbox"]):not([type="hidden"]), textarea, select) {
      font-size: 16px;
    }

    :where(.ws-module-surface) :scope .dashboard-skeleton-board {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @media (max-width: 390px) {
    :where(.ws-module-surface) :scope .kpis-card-container.one-dash, :where(.ws-module-surface) :scope .dashboard-metric-grid, :where(.ws-module-surface) :scope .dashboard-metric-grid.five, :where(.ws-module-surface) :scope .dashboard-metric-grid.six, :where(.ws-module-surface) :scope .dashboard-metric-grid.seven, :where(.ws-module-surface) :scope .dashboard-skeleton-metrics {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) :scope .contacts-dialog:not(.contacts-drawer) {
      width: calc(100vw - 16px);
    }
  }

  :where(.ws-module-surface) .contacts-mobile-select-all, :where(.ws-module-surface) .conversations-context-toggle, :where(.ws-module-surface) .conversations-context-close, :where(.ws-module-surface) .conversations-context-scrim {
    display: none;
  }

  :where(.ws-module-surface) :is(.contacts-list-page, .contacts-detail-page, .deals-page, .deal-workspace, .proposals-page, .catalog-page, .inbox-page, .conversations-page, .conversations-channels-page), :where(.ws-module-surface) :is(.contacts-list-page, .deals-page, .proposals-page, .catalog-page, .inbox-page, .conversations-channels-page) .contacts-search {
    min-width: 0;
  }

  :where(.ws-module-surface) :is(.contacts-list-page, .deals-page, .proposals-page, .catalog-page, .inbox-page, .conversations-channels-page) .contacts-tabs {
    scrollbar-width: thin;
    max-width: 100%;
  }

  :where(.ws-module-surface) .crm-responsive-table td {
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .crm-responsive-table :is(.deals-name, .proposals-link) {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  :where(.ws-module-surface) .catalog-page .catalog-simple-row > div, :where(.ws-module-surface) .catalog-page .catalog-price-name, :where(.ws-module-surface) .catalog-page .catalog-price-card, :where(.ws-module-surface) .conversations-page .conversations-thread-actions, :where(.ws-module-surface) .conversations-page .conversations-context-section {
    min-width: 0;
  }

  @media (min-width: 901px) {
    :where(.ws-module-surface) .contacts-list-page .contacts-table-scroll {
      contain: layout;
    }
  }

  @media (max-width: 1170px) {
    :where(.ws-module-surface) .conversations-page .conversations-shell {
      grid-template-columns: minmax(290px, 31%) minmax(0, 1fr);
    }

    :where(.ws-module-surface) .conversations-page .conversations-resize-handle, :where(.ws-module-surface) .conversations-page .conversations-context {
      display: none;
    }

    :where(.ws-module-surface) .conversations-page .conversations-context-toggle {
      display: inline-flex;
    }

    :where(.ws-module-surface) .conversations-page .conversations-context-scrim {
      z-index: 5;
      background: #17121a55;
      border: 0;
      width: 100%;
      display: block;
      position: absolute;
      inset: 0;
    }

    :where(.ws-module-surface) .conversations-page .conversations-context.is-open {
      z-index: 6;
      border-left: 1px solid var(--dashboard-panel-border);
      width: min(360px, 100%);
      padding-top: 4px;
      display: flex;
      position: absolute;
      inset: 0 0 0 auto;
      box-shadow: -16px 0 38px #21132b24;
    }

    :where(.ws-module-surface) .conversations-page .conversations-context-close {
      flex: none;
      align-self: flex-end;
      min-width: 38px;
      min-height: 38px;
      display: inline-flex;
    }
  }

  @media (max-width: 1100px) {
    :where(.ws-module-surface) .deals-page .deals-summary, :where(.ws-module-surface) .inbox-page .inbox-summary {
      box-shadow: none;
      background: none;
      border: 0;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      padding: 0;
      display: grid;
    }

    :where(.ws-module-surface) .deals-page .deals-summary > span, :where(.ws-module-surface) .inbox-page .inbox-summary > span {
      border: 1px solid var(--dashboard-panel-border);
      background: var(--dashboard-surface);
      white-space: normal;
      overflow-wrap: anywhere;
      border-radius: 8px;
      min-width: 0;
      padding: 10px 12px;
    }

    :where(.ws-module-surface) .deals-page .deals-summary strong, :where(.ws-module-surface) .inbox-page .inbox-summary strong {
      font-size: clamp(.88rem, .8rem + .35vw, 1.03rem);
      line-height: 1.35;
      display: block;
    }

    :where(.ws-module-surface) .proposals-page .proposals-overview, :where(.ws-module-surface) .catalog-page .catalog-price-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 980px) {
    :where(.ws-module-surface) .conversations-page .conversations-shell {
      grid-template-columns: minmax(0, 1fr);
      height: max(440px, 100dvh - 205px);
    }

    :is(:where(.ws-module-surface) .conversations-page .conversations-shell:not(:has(.conversations-thread-header)) .conversations-center, :where(.ws-module-surface) .conversations-page .conversations-shell:has(.conversations-thread-header) .conversations-sidebar) {
      display: none;
    }

    :where(.ws-module-surface) .conversations-page .conversations-back {
      flex: none;
      display: inline-flex;
    }

    :where(.ws-module-surface) .conversations-page .conversations-no-selection {
      display: none;
    }

    :where(.ws-module-surface) .conversations-page .conversations-thread-actions {
      justify-content: flex-start;
      width: 100%;
      margin-left: 0;
    }
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) .contacts-detail-page .contacts-detail-grid, :where(.ws-module-surface) .deals-page .deals-detail-grid, :where(.ws-module-surface) .deal-workspace .deal-activity-workspace, :where(.ws-module-surface) .deal-workspace .deal-commercial-sections, :where(.ws-module-surface) .proposals-page .proposals-columns, :where(.ws-module-surface) .catalog-page .catalog-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .deals-page .deals-filter-selects, :where(.ws-module-surface) .proposals-page .proposals-filter-fields {
      flex-basis: 100%;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      width: 100%;
      display: grid;
    }

    :where(.ws-module-surface) .deals-page .deals-filter-selects .form-group, :where(.ws-module-surface) .proposals-page .proposals-filter-fields .form-group {
      width: 100%;
      min-width: 0;
      max-width: none;
    }

    :where(.ws-module-surface) .deals-page .deals-filters .contacts-search, :where(.ws-module-surface) .proposals-page .proposals-filters .contacts-search, :where(.ws-module-surface) .catalog-page .proposals-filters .contacts-search {
      flex: 100%;
      width: 100%;
      max-width: none;
    }

    :where(.ws-module-surface) .proposals-page .proposals-filter-fields > .filterDropWrap {
      min-width: 0;
    }

    :where(.ws-module-surface) .proposals-page .proposals-filter-fields > .filterDropWrap .filterBtn {
      justify-content: space-between;
      width: 100%;
    }

    :where(.ws-module-surface) .catalog-page .catalog-price-row {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    :where(.ws-module-surface) .catalog-page .catalog-price-row > div:first-child {
      grid-column: 1 / -1;
    }
  }

  @media (max-width: 900px) {
    :where(.ws-module-surface) .contacts-page .dash-title-section, :where(.ws-module-surface) .conversations-page .dash-title-section {
      align-items: flex-start;
      gap: 10px;
    }

    :where(.ws-module-surface) .contacts-page .dash-title-section .actions-title, :where(.ws-module-surface) .contacts-page .dash-title-section .proposals-actions {
      justify-content: flex-start;
      width: 100%;
    }

    :where(.ws-module-surface) :is(.contacts-list-page, .deals-page, .proposals-page, .catalog-page, .inbox-page, .conversations-channels-page) .contacts-tabs > :is(button, a) {
      flex: none;
      height: auto;
      min-height: 42px;
      max-height: none;
      padding-inline: 10px;
    }

    :where(.ws-module-surface) .contacts-list-page .filtersContacts {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: start;
      gap: 8px;
      display: grid;
    }

    :where(.ws-module-surface) .contacts-list-page .filtersContacts > .contacts-search, :where(.ws-module-surface) .contacts-list-page .filtersContacts > .contacts-toolbar-end {
      grid-column: 1 / -1;
      width: 100%;
      max-width: none;
    }

    :where(.ws-module-surface) .contacts-list-page .filtersContacts > .filterDropWrap, :where(.ws-module-surface) .contacts-list-page .filtersContacts > .filterDropWrap > .filterBtn {
      width: 100%;
      min-width: 0;
    }

    :where(.ws-module-surface) .contacts-list-page .filtersContacts > .filterDropWrap > .filterBtn {
      white-space: normal;
      text-align: left;
      justify-content: flex-start;
      height: auto;
      min-height: 42px;
    }

    :where(.ws-module-surface) .contacts-list-page .filtersContacts > .filterDropWrap > .filterBtn > svg:last-child {
      flex: none;
      margin-left: auto;
    }

    :where(.ws-module-surface) .contacts-list-page .filtersContacts > .filterDropWrap:nth-child(odd) .filterDrop {
      left: auto;
      right: 0;
    }

    :where(.ws-module-surface) .contacts-list-page .filtersContacts .filterDrop {
      width: min(300px, 100vw - 32px);
      min-width: 0;
      max-width: calc(100vw - 32px);
      max-height: min(76dvh, 620px);
      overflow-y: auto;
    }

    :where(.ws-module-surface) .contacts-list-page .filtersContacts .filterDateDrop {
      width: min(480px, 100vw - 32px);
    }

    :where(.ws-module-surface) .contacts-list-page .contacts-toolbar-end {
      flex-wrap: wrap;
      justify-content: flex-start;
    }

    :where(.ws-module-surface) .contacts-list-page .contacts-mobile-select-all {
      color: var(--color-primary);
      align-items: center;
      font-size: .78rem;
      display: flex;
    }

    :where(.ws-module-surface) .contacts-list-page .contacts-table-top {
      justify-content: space-between;
    }

    :where(.ws-module-surface) .contacts-list-page .contacts-bulk-actions {
      flex-basis: 100%;
      gap: 6px 12px;
    }

    :where(.ws-module-surface) .contacts-list-page .contacts-bulk-actions > button, :where(.ws-module-surface) .contacts-list-page .contacts-bulk-actions .filterBtn {
      min-height: 36px;
    }

    :where(.ws-module-surface) .contacts-table-scroll:has( > .crm-responsive-table) {
      overflow: visible;
    }

    :where(.ws-module-surface) .crm-responsive-table {
      border-collapse: separate;
      width: 100%;
      min-width: 0;
      display: block;
    }

    :where(.ws-module-surface) .crm-responsive-table thead {
      clip-path: inset(50%);
      white-space: nowrap;
      width: 1px;
      height: 1px;
      position: absolute;
      overflow: hidden;
    }

    :where(.ws-module-surface) .crm-responsive-table tbody {
      gap: 10px;
      padding: 10px;
      display: grid;
    }

    :where(.ws-module-surface) .crm-responsive-table tbody tr {
      border: 1px solid var(--dashboard-panel-border);
      background: var(--dashboard-surface);
      border-radius: 9px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: start;
      gap: 10px 14px;
      width: 100%;
      min-width: 0;
      padding: 14px;
      display: grid;
      position: relative;
      box-shadow: 0 2px 8px #21152a0a;
    }

    :where(.ws-module-surface) .crm-responsive-table tbody td, :where(.ws-module-surface) .crm-responsive-table tbody td:first-child, :where(.ws-module-surface) .crm-responsive-table tbody td:last-child {
      overflow-wrap: anywhere;
      white-space: normal;
      background: none;
      border: 0;
      width: auto;
      min-width: 0;
      height: auto;
      padding: 0;
      line-height: 1.4;
      display: block;
    }

    :where(.ws-module-surface) .crm-responsive-table tbody td:before {
      content: attr(data-label);
      color: #81778b;
      letter-spacing: .015em;
      margin-bottom: 3px;
      font-size: .68rem;
      font-weight: 650;
      display: block;
    }

    :where(.ws-module-surface) .crm-responsive-table tbody td:first-child {
      grid-column: 1 / -1;
      font-size: .87rem;
    }

    :where(.ws-module-surface) .crm-responsive-table tbody td:first-child:before {
      display: none;
    }

    :where(.ws-module-surface) .crm-responsive-table tbody td > :is(a, strong, span, div) {
      max-width: 100%;
    }

    :where(.ws-module-surface) .crm-responsive-table tbody tr:is(:hover, .selected) > td {
      background: none;
    }

    :where(.ws-module-surface) .contacts-list-table tbody tr {
      padding-top: 17px;
    }

    :where(.ws-module-surface) .contacts-list-table.crm-responsive-table tbody td, :where(.ws-module-surface) .contacts-list-table.crm-responsive-table tbody td:not(:first-child):not(:last-child) {
      min-width: 0;
    }

    :where(.ws-module-surface) .contacts-list-table tbody td:first-child {
      z-index: 1;
      width: 22px;
      position: absolute;
      top: 21px;
      left: 14px;
    }

    :where(.ws-module-surface) .contacts-list-table tbody td:nth-child(2) {
      grid-column: 1 / -1;
      min-height: 38px;
      padding: 0 35px;
    }

    :where(.ws-module-surface) .contacts-list-table tbody td:nth-child(2):before {
      display: none;
    }

    :where(.ws-module-surface) .contacts-list-table tbody td:last-child {
      position: absolute;
      top: 11px;
      right: 9px;
    }

    :where(.ws-module-surface) .contacts-list-table tbody td:last-child:before {
      display: none;
    }

    :where(.ws-module-surface) .contacts-list-table .contacts-person {
      overflow-wrap: anywhere;
      min-width: 0;
    }

    :where(.ws-module-surface) .contacts-list-table .contacts-person > span {
      min-width: 0;
    }

    :where(.ws-module-surface) .contacts-list-table tbody td[data-label="E-mail / telefone"], :where(.ws-module-surface) .contacts-list-table tbody td[data-label="Etiquetas"], :where(.ws-module-surface) .contacts-list-table tbody td[data-label="Campos personalizados"] {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .contacts-list-table .contacts-row-menu .filterBtn {
      justify-content: center;
      width: 38px;
      min-height: 38px;
      padding: 0;
    }

    :where(.ws-module-surface) .contacts-list-table .contacts-row-menu .filterBtn svg {
      flex: none;
    }

    :where(.ws-module-surface) .contacts-list-table tbody tr.selected {
      border-color: color-mix(in srgb, var(--color-secondary) 55%, var(--dashboard-panel-border));
    }

    :where(.ws-module-surface) .catalog-page .crm-responsive-table tbody td:last-child {
      border-top: 1px solid var(--dashboard-panel-border);
      grid-column: 1 / -1;
      padding-top: 8px;
    }

    :where(.ws-module-surface) .catalog-page .crm-responsive-table tbody td:last-child:before {
      display: none;
    }

    :where(.ws-module-surface) .catalog-page .catalog-row-actions > :is(button, a) {
      min-height: 38px;
    }

    :where(.ws-module-surface) .contacts-page .contacts-pagination {
      text-align: center;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 8px;
      padding: 10px 12px;
    }

    :where(.ws-module-surface) .contacts-page .contacts-pagination nav {
      max-width: 100%;
      overflow-x: auto;
    }

    :where(.ws-module-surface) .contacts-page .contacts-pagination button {
      min-width: 38px;
      min-height: 38px;
    }

    :where(.ws-module-surface) .deals-page .deals-board, :where(.ws-module-surface) .deals-page .pipeline-editor-board, :where(.ws-module-surface) .deal-workspace .deal-stage-track {
      overscroll-behavior-inline: contain;
      -webkit-overflow-scrolling: touch;
    }

    :where(.ws-module-surface) .deals-page .deals-column {
      scroll-snap-align: start;
      flex-basis: min(280px, 100vw - 48px);
    }

    :where(.ws-module-surface) .deals-page .deals-board {
      contain: layout;
      scroll-snap-type: x proximity;
      flex: none;
      height: min(65dvh, 540px);
      min-height: 360px;
    }

    :where(.ws-module-surface) .deals-page.deals-page-board {
      padding-bottom: 24px;
    }

    :where(.ws-module-surface) .deal-workspace .deal-workspace-heading, :where(.ws-module-surface) .deal-workspace .pipeline-editor-heading {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) .deal-workspace .deal-workspace-actions, :where(.ws-module-surface) .deal-workspace .pipeline-toolbar-actions {
      justify-content: flex-start;
    }

    :where(.ws-module-surface) .proposals-page .proposals-actionbar {
      scrollbar-width: thin;
      -webkit-overflow-scrolling: touch;
      flex-wrap: nowrap;
      max-width: 100%;
      padding: 4px 0 8px;
      overflow-x: auto;
    }

    :where(.ws-module-surface) .proposals-page .proposals-actionbar > .contacts-button {
      flex: none;
    }

    :where(.ws-module-surface) .proposals-page .proposals-block, :where(.ws-module-surface) .deals-page .deals-detail-section, :where(.ws-module-surface) .contacts-detail-page .contacts-detail-section {
      padding: 16px;
    }

    :where(.ws-module-surface) .proposals-overlay {
      padding: 8px;
    }

    :where(.ws-module-surface) .proposals-dialog, :where(.ws-module-surface) .catalog-dialog.wide, :where(.ws-module-surface) .catalog-dialog.catalog-prices-dialog {
      width: min(100%, 100vw - 16px);
      max-width: none;
      max-height: calc(100dvh - 16px);
    }

    :where(.ws-module-surface) .proposals-dialog header, :where(.ws-module-surface) .proposals-dialog footer {
      flex-wrap: wrap;
      padding: 13px 14px;
    }

    :where(.ws-module-surface) .proposals-dialog .proposals-form, :where(.ws-module-surface) .catalog-dialog .catalog-form {
      padding: 14px;
    }

    :where(.ws-module-surface) .catalog-page .catalog-simple-row {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) .catalog-page .catalog-simple-row > div {
      flex: calc(100% - 40px);
    }

    :where(.ws-module-surface) .catalog-page .catalog-section-heading {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) .catalog-page .catalog-price-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .catalog-page .catalog-price-card > p {
      min-height: 0;
    }

    :where(.ws-module-surface) .inbox-page .inbox-filters {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
      gap: 8px;
      display: grid;
    }

    :where(.ws-module-surface) .inbox-page .inbox-filters > .contacts-search {
      grid-column: 1 / -1;
      width: 100%;
      min-width: 0;
      max-width: none;
    }

    :where(.ws-module-surface) .inbox-page .inbox-filters .form-group {
      width: 100%;
      min-width: 0;
      max-width: none;
    }

    :where(.ws-module-surface) .inbox-page .inbox-filters > .contacts-button {
      grid-column: 1 / -1;
      justify-self: start;
    }

    :where(.ws-module-surface) .inbox-page .inbox-row {
      align-items: flex-start;
      padding: 13px;
    }

    :where(.ws-module-surface) .inbox-page .inbox-row-main {
      flex-basis: 100%;
      min-width: 0;
    }

    :where(.ws-module-surface) .inbox-page .inbox-row-actions {
      flex-wrap: wrap;
      width: 100%;
    }

    :where(.ws-module-surface) .inbox-page .inbox-snooze > div {
      left: 0;
      right: auto;
    }

    :where(.ws-module-surface) .inbox-page .inbox-group-head {
      flex-direction: column;
      align-items: flex-start;
      padding: 10px 13px;
    }

    :where(.ws-module-surface) .inbox-page .inbox-group-head h2 {
      padding: 0;
    }

    :where(.ws-module-surface) .inbox-page .inbox-group-head > div {
      width: 100%;
    }

    :where(.ws-module-surface) .conversations-channels-page .conversations-provider-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .conversations-channels-page .conversations-setup-panel {
      flex-direction: column;
      align-items: flex-start;
    }

    :where(.ws-module-surface) .conversations-channels-page .conversations-setup-status {
      flex-wrap: wrap;
      max-width: 100%;
    }
  }

  @media (max-width: 560px) {
    :where(.ws-module-surface) .contacts-page .dash-title-section .actions-title, :where(.ws-module-surface) .contacts-page .dash-title-section .proposals-actions {
      gap: 7px;
    }

    :where(.ws-module-surface) .contacts-page .dash-title-section .contacts-button {
      white-space: normal;
      height: auto;
      min-height: 40px;
      max-height: none;
    }

    :where(.ws-module-surface) .deals-page .deals-filter-selects, :where(.ws-module-surface) .proposals-page .proposals-filter-fields, :where(.ws-module-surface) .inbox-page .inbox-filters {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .contacts-list-page .filtersContacts .filterDrop {
      width: min(280px, 100vw - 32px);
    }

    :where(.ws-module-surface) .contacts-page .contacts-tabs > :is(button, a) {
      font-size: .78rem;
    }

    :where(.ws-module-surface) .catalog-page .catalog-price-row, :where(.ws-module-surface) .catalog-page .catalog-picker-filters, :where(.ws-module-surface) .catalog-page .catalog-picker-row {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .catalog-page .catalog-price-row > div:first-child {
      grid-column: auto;
    }

    :where(.ws-module-surface) .catalog-page .catalog-price-row > .contacts-button {
      width: 100%;
    }

    :where(.ws-module-surface) .catalog-page .catalog-price-actions {
      gap: 6px;
    }

    :where(.ws-module-surface) .proposals-page .proposals-form, :where(.ws-module-surface) .proposals-dialog .proposals-form, :where(.ws-module-surface) .catalog-page .catalog-form-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .proposals-page .proposals-block dl {
      grid-template-columns: minmax(0, 1fr);
      gap: 3px;
    }

    :where(.ws-module-surface) .proposals-page .proposals-block dd {
      overflow-wrap: anywhere;
      margin-bottom: 9px;
    }

    :where(.ws-module-surface) .inbox-page .inbox-row-actions > :is(button, .inbox-snooze), :where(.ws-module-surface) .inbox-page .inbox-link, :where(.ws-module-surface) .inbox-page .inbox-group-head button {
      min-height: 40px;
    }

    :where(.ws-module-surface) .conversations-page {
      gap: 10px;
      padding: 0 12px 16px;
    }

    :where(.ws-module-surface) .conversations-page .conversations-shell {
      height: max(400px, 100dvh - 195px);
      min-height: 400px;
    }

    :where(.ws-module-surface) .conversations-page .conversations-sidebar-top, :where(.ws-module-surface) .conversations-page .conversations-thread {
      padding: 10px;
    }

    :where(.ws-module-surface) .conversations-page .conversations-filters {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .conversations-page .conversations-list-item {
      min-height: 72px;
      padding: 10px;
    }

    :where(.ws-module-surface) .conversations-page .conversations-thread-header {
      gap: 7px;
      padding: 9px;
    }

    :where(.ws-module-surface) .conversations-page .conversations-thread-person {
      flex-basis: calc(100% - 50px);
    }

    :where(.ws-module-surface) .conversations-page .conversations-thread-actions .form-group {
      flex: 155px;
      max-width: none;
    }

    :where(.ws-module-surface) .conversations-page .conversations-bubble {
      overflow-wrap: anywhere;
      min-width: 0;
      max-width: 92%;
    }

    :where(.ws-module-surface) .conversations-page .conversations-composer {
      padding: 8px;
    }

    :where(.ws-module-surface) .conversations-page .conversations-editor-text .input-form {
      min-height: 64px;
      font-size: .84rem;
    }

    :where(.ws-module-surface) .conversations-page .conversations-editor-toolbar {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) .conversations-page .conversations-editor-tools > button, :where(.ws-module-surface) .conversations-page .conversations-schedule-button {
      width: 36px;
      height: 36px;
    }

    :where(.ws-module-surface) .conversations-page .conversations-editor-actions {
      margin-left: auto;
    }

    :where(.ws-module-surface) .conversations-page .conversations-emoji-picker {
      grid-template-columns: repeat(4, 34px);
    }

    :where(.ws-module-surface) .conversations-page .conversations-emoji-picker button {
      width: 34px;
      height: 34px;
    }
  }

  @media (max-width: 380px) {
    :where(.ws-module-surface) .deals-page .deals-summary, :where(.ws-module-surface) .inbox-page .inbox-summary, :where(.ws-module-surface) .proposals-page .proposals-overview, :where(.ws-module-surface) .contacts-list-page .filtersContacts {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .contacts-list-page .filtersContacts > .contacts-search, :where(.ws-module-surface) .contacts-list-page .filtersContacts > .contacts-toolbar-end {
      grid-column: auto;
    }

    :where(.ws-module-surface) .contacts-list-page .filtersContacts > .filterDropWrap > .filterBtn {
      min-height: 38px;
    }

    :where(.ws-module-surface) .crm-responsive-table tbody tr {
      gap: 9px 10px;
      padding: 12px;
    }

    :where(.ws-module-surface) .contacts-list-table tbody td:nth-child(2) {
      padding-inline: 33px;
    }

    :where(.ws-module-surface) .contacts-page .dash-title-section .actions-title .contacts-button.primary {
      flex: 100%;
    }
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .crm-responsive-table tbody td:before {
    color: var(--ws-muted);
  }

  @media (max-width: 900px) {
    .ws-shell[data-theme="dark"] :where(.ws-module-surface) .crm-responsive-table tbody tr {
      border-color: var(--dashboard-panel-border);
      background: var(--dashboard-surface);
      box-shadow: none;
    }

    .ws-shell[data-theme="dark"] :where(.ws-module-surface) .crm-responsive-table tbody tr > td {
      background: none;
      border: 0;
    }
  }

  :where(.ws-module-surface) :scope :is(.financial-overview-page, .financial-report-page, .treasury-page) {
    min-width: 0;
  }

  :where(.ws-module-surface) :scope :is(.financial-overview-grid, .financial-report-columns, .financial-report-panel, .financial-report-chart, .financial-overview-section, .entries-aging-grid, .budget-grid-scroll) {
    min-width: 0;
    max-width: 100%;
  }

  :where(.ws-module-surface) :scope .financial-report-panel, :where(.ws-module-surface) :scope .financial-overview-section {
    overflow: hidden;
  }

  :where(.ws-module-surface) :scope .financial-report-panel .contacts-table-scroll, :where(.ws-module-surface) :scope .financial-overview-section .contacts-table-scroll {
    max-width: 100%;
  }

  :where(.ws-module-surface) :scope .financial-report-panel .contacts-table-scroll:after {
    content: none;
  }

  :where(.ws-module-surface) :scope .financial-chart, :where(.ws-module-surface) :scope .financial-report-chart {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  :where(.ws-module-surface) :scope .financial-overdue-buckets > div, :where(.ws-module-surface) :scope .entries-counterparties > div, :where(.ws-module-surface) :scope .treasury-transfer-list > div {
    min-width: 0;
  }

  :where(.ws-module-surface) :scope .financial-overdue-buckets > div > div, :where(.ws-module-surface) :scope .entries-counterparties > div > span, :where(.ws-module-surface) :scope .treasury-transfer-list > div > div {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  :where(.ws-module-surface) :scope .financial-overdue-buckets b, :where(.ws-module-surface) :scope .entries-counterparties > div > strong {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  @media (max-width: 1366px) {
    :where(.ws-module-surface) :scope .financial-overview-grid, :where(.ws-module-surface) :scope .financial-report-columns, :where(.ws-module-surface) :scope .treasury-bottom-grid {
      gap: 12px;
    }

    :where(.ws-module-surface) :scope .financial-overview-page .kpis-card-container.one-dash.financial-overview-kpis {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (max-width: 1199px) {
    :where(.ws-module-surface) :scope .financial-report-page .kpis-card-container.one-dash.reconciliation-kpis {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :where(.ws-module-surface) :scope .financial-report-page .kpis-card-container.one-dash.financial-report-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) :scope .financial-overview-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) :scope .financial-report-filters .deals-filter-selects {
      flex-wrap: wrap;
      min-width: 0;
    }
  }

  @media (max-width: 850px) {
    :where(.ws-module-surface) :scope .financial-overview-page .kpis-card-container.one-dash.financial-overview-kpis, :where(.ws-module-surface) :scope .financial-report-page .kpis-card-container.one-dash.reconciliation-kpis, :where(.ws-module-surface) :scope .treasury-page .kpis-card-container.one-dash.treasury-main-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) :scope .financial-report-columns, :where(.ws-module-surface) :scope .treasury-bottom-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) :scope .financial-report-filters {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
      display: grid;
    }

    :where(.ws-module-surface) :scope .financial-report-filters > .contacts-search, :where(.ws-module-surface) :scope .financial-report-filters > .deals-filter-selects {
      grid-column: 1 / -1;
      width: 100%;
      min-width: 0;
      max-width: none;
    }

    :where(.ws-module-surface) :scope .financial-report-filters > .deals-filter-selects {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      display: grid;
    }

    :where(.ws-module-surface) :scope .financial-report-filters .deals-filter-selects .form-group, :where(.ws-module-surface) :scope .financial-report-filters .deals-filter-selects .fieldSelectInputWrap {
      width: 100%;
      min-width: 0;
      max-width: none;
      margin: 0;
    }

    :where(.ws-module-surface) :scope .financial-report-page .contacts-tabs {
      overscroll-behavior-x: contain;
      scrollbar-width: thin;
      max-width: 100%;
      overflow-x: auto;
    }

    :where(.ws-module-surface) :scope .financial-report-page .contacts-tabs > :is(a, button) {
      flex: none;
    }

    :where(.ws-module-surface) :scope .budget-current-actions, :where(.ws-module-surface) :scope .budget-panel-actions {
      justify-content: flex-start;
      width: 100%;
    }

    :where(.ws-module-surface) :scope .budget-panel-filters.deals-filter-selects {
      flex: 100%;
    }
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) :scope :is(.financial-overview-page, .financial-report-page, .treasury-page) {
      gap: 12px;
    }

    :where(.ws-module-surface) :scope .financial-overview-filters, :where(.ws-module-surface) :scope .treasury-filters {
      align-items: flex-start;
      gap: 8px;
    }

    :where(.ws-module-surface) :scope .financial-period-label {
      width: 100%;
      margin: 0;
      line-height: 1.35;
    }

    :where(.ws-module-surface) :scope .financial-chart {
      height: 270px;
      padding-inline: 2px;
    }

    :where(.ws-module-surface) :scope .financial-overview-section .dashboard-panel-header, :where(.ws-module-surface) :scope .financial-report-panel > .dashboard-panel-header {
      padding: 14px;
    }

    :where(.ws-module-surface) :scope .financial-report-filters .contacts-search {
      flex: auto;
    }

    :where(.ws-module-surface) :scope .financial-report-filters > .contacts-button {
      width: 100%;
    }

    :where(.ws-module-surface) :scope .financial-report-context {
      flex-direction: column;
      align-items: flex-start;
      line-height: 1.45;
    }

    :where(.ws-module-surface) :scope .financial-report-context > span {
      overflow-wrap: anywhere;
      max-width: 100%;
    }

    :where(.ws-module-surface) :scope .financial-horizon-grid, :where(.ws-module-surface) :scope .treasury-forecast-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      padding: 12px;
    }

    :where(.ws-module-surface) :scope .treasury-month-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      padding: 0 12px 12px;
    }

    :where(.ws-module-surface) :scope .treasury-notice {
      align-items: flex-start;
      line-height: 1.45;
    }

    :where(.ws-module-surface) :scope .entries-aging-list > div {
      grid-template-columns: minmax(68px, .7fr) minmax(30px, 1fr) minmax(90px, auto);
      gap: 6px;
    }

    :where(.ws-module-surface) :scope .entries-counterparties > div {
      align-items: flex-start;
    }

    :where(.ws-module-surface) :scope .invoices-item-row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) :scope .invoices-item-description {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) :scope .invoices-item-total {
      min-height: 0;
    }

    :where(.ws-module-surface) :scope .invoices-item-remove {
      justify-self: end;
      width: 42px;
      height: 42px;
    }

    :where(.ws-module-surface) :scope .invoices-form-body .contacts-form-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) :scope .invoices-summary {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) :scope .invoices-installment-row {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) :scope .budget-actual-filters.deals-filter-selects {
      justify-content: flex-start;
    }
  }

  @media (max-width: 1100px) {
    :where(.ws-module-surface) :scope :is(.financial-overview-page > .contacts-panel, .entries-page > .contacts-panel, .invoices-page > .contacts-panel) > .contacts-table-scroll {
      overflow: visible;
    }

    :where(.ws-module-surface) :scope :is(.financial-overview-page > .contacts-panel .contacts-table, .entries-page .entries-table, .invoices-page .invoices-table) {
      width: 100%;
      min-width: 0;
      display: block;
    }

    :where(.ws-module-surface) :scope :is(.financial-overview-page > .contacts-panel .contacts-table, .entries-page .entries-table, .invoices-page .invoices-table) thead {
      clip-path: inset(50%);
      white-space: nowrap;
      width: 1px;
      height: 1px;
      position: absolute;
      overflow: hidden;
    }

    :where(.ws-module-surface) :scope :is(.financial-overview-page > .contacts-panel .contacts-table, .entries-page .entries-table, .invoices-page .invoices-table) tbody {
      gap: 10px;
      padding: 10px;
      display: grid;
    }

    :where(.ws-module-surface) :scope :is(.financial-overview-page > .contacts-panel .contacts-table, .entries-page .entries-table, .invoices-page .invoices-table) tbody tr {
      border: 1px solid var(--dashboard-panel-border);
      background: var(--dashboard-surface);
      border-radius: 10px;
      min-width: 0;
      padding: 5px 10px;
      display: grid;
    }

    :where(.ws-module-surface) :scope :is(.financial-overview-page > .contacts-panel .contacts-table, .entries-page .entries-table, .invoices-page .invoices-table) tbody td {
      border-bottom: 1px solid var(--dashboard-panel-border);
      white-space: normal;
      text-align: left;
      overflow-wrap: anywhere;
      grid-template-columns: minmax(84px, 38%) minmax(0, 1fr);
      align-items: start;
      gap: 8px;
      min-width: 0;
      max-width: none;
      padding: 8px 0;
      display: grid;
      overflow: visible;
    }

    :where(.ws-module-surface) :scope :is(.financial-overview-page > .contacts-panel .contacts-table, .entries-page .entries-table, .invoices-page .invoices-table) tbody td:last-child {
      text-align: left;
      border-bottom: 0;
    }

    :where(.ws-module-surface) :scope :is(.financial-overview-page > .contacts-panel .contacts-table, .entries-page .entries-table, .invoices-page .invoices-table) tbody td:before {
      color: #786e82;
      font-size: .73rem;
      font-weight: 600;
      line-height: 1.35;
      display: block;
    }

    :where(.ws-module-surface) :scope .financial-overview-page > .contacts-panel .contacts-table td:first-child:before {
      content: "Descrição";
    }

    :where(.ws-module-surface) :scope .financial-overview-page > .contacts-panel .contacts-table td:nth-child(2):before {
      content: "Cliente";
    }

    :where(.ws-module-surface) :scope .financial-overview-page > .contacts-panel .contacts-table td:nth-child(3):before {
      content: "Vencimento";
    }

    :where(.ws-module-surface) :scope .financial-overview-page > .contacts-panel .contacts-table td:nth-child(4):before {
      content: "Em atraso";
    }

    :where(.ws-module-surface) :scope .financial-overview-page > .contacts-panel .contacts-table td:nth-child(5):before {
      content: "Saldo";
    }

    :where(.ws-module-surface) :scope .invoices-page .invoices-table td:first-child:before {
      content: "Fatura";
    }

    :where(.ws-module-surface) :scope .invoices-page .invoices-table td:nth-child(2):before {
      content: "Cliente";
    }

    :where(.ws-module-surface) :scope .invoices-page .invoices-table td:nth-child(3):before {
      content: "Emissão";
    }

    :where(.ws-module-surface) :scope .invoices-page .invoices-table td:nth-child(4):before {
      content: "Vencimento";
    }

    :where(.ws-module-surface) :scope .invoices-page .invoices-table td:nth-child(5):before {
      content: "Parcelas";
    }

    :where(.ws-module-surface) :scope .invoices-page .invoices-table td:nth-child(6):before {
      content: "Total";
    }

    :where(.ws-module-surface) :scope .invoices-page .invoices-table td:nth-child(7):before {
      content: "Recebido";
    }

    :where(.ws-module-surface) :scope .invoices-page .invoices-table td:nth-child(8):before {
      content: "Saldo";
    }

    :where(.ws-module-surface) :scope .invoices-page .invoices-table td:nth-child(9):before {
      content: "Situação";
    }

    :where(.ws-module-surface) :scope .invoices-page .invoices-table td:nth-child(10):before {
      content: "Ações";
    }

    :where(.ws-module-surface) :scope .entries-page .entries-table td:first-child:before {
      content: "Descrição";
    }

    :where(.ws-module-surface) :scope .entries-page:has(.dash-title-section h1) .entries-table td:nth-child(2):before {
      content: "Cliente / beneficiário";
    }

    :where(.ws-module-surface) :scope .entries-page .entries-table td:nth-child(3):before {
      content: "Negócio / categoria";
    }

    :where(.ws-module-surface) :scope .entries-page .entries-table td:nth-child(4):before {
      content: "Vencimento";
    }

    :where(.ws-module-surface) :scope .entries-page .entries-table td:nth-child(5):before {
      content: "Valor";
    }

    :where(.ws-module-surface) :scope .entries-page .entries-table td:nth-child(6):before {
      content: "Baixado";
    }

    :where(.ws-module-surface) :scope .entries-page .entries-table td:nth-child(7):before {
      content: "Saldo";
    }

    :where(.ws-module-surface) :scope .entries-page .entries-table td:nth-child(8):before {
      content: "Situação";
    }

    :where(.ws-module-surface) :scope .entries-page .entries-table td:nth-child(9):before {
      content: "Ações";
    }

    :where(.ws-module-surface) :scope :is(.invoices-page .invoices-table, .entries-page .entries-table) .centers-actions {
      white-space: normal;
      flex-wrap: wrap;
      justify-content: flex-start;
    }

    :where(.ws-module-surface) :scope :is(.invoices-page .invoices-table, .entries-page .entries-table) .centers-actions .contacts-icon-button {
      flex: 0 0 42px;
      width: 42px;
      height: 42px;
    }
  }

  @media (min-width: 701px) and (max-width: 1100px) {
    :where(.ws-module-surface) :scope :is(.financial-overview-page > .contacts-panel .contacts-table, .entries-page .entries-table, .invoices-page .invoices-table) tbody tr {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 18px;
    }
  }

  @media (min-width: 701px) and (max-width: 850px) {
    :where(.ws-module-surface) :scope .invoices-filters > .deals-filter-selects {
      grid-column: auto;
      width: 100%;
      display: block;
    }

    :where(.ws-module-surface) :scope .invoices-filters > .contacts-button {
      width: 100%;
    }
  }

  @media (max-width: 480px) {
    :where(.ws-module-surface) :scope .financial-report-filters, :where(.ws-module-surface) :scope .financial-report-filters > .deals-filter-selects {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) :scope .financial-report-filters > :is(.contacts-search, .deals-filter-selects) {
      grid-column: auto;
    }

    :where(.ws-module-surface) :scope .invoices-filters .deals-filter-selects .form-group, :where(.ws-module-surface) :scope .entries-filters .deals-filter-selects .form-group {
      min-width: 0;
    }

    :where(.ws-module-surface) :scope .financial-report-filters > .contacts-button {
      grid-column: auto;
    }

    :where(.ws-module-surface) :scope .invoices-totals {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) :scope .invoices-totals > .form-group {
      grid-area: auto;
    }

    :where(.ws-module-surface) :scope .invoices-summary {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) :scope .entries-counterparties > div, :where(.ws-module-surface) :scope .entries-payments > div, :where(.ws-module-surface) :scope .treasury-transfer-list > div {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) :scope .entries-counterparties > div > strong {
      text-align: left;
      width: 100%;
    }
  }

  @media (max-width: 390px) {
    :where(.ws-module-surface) :scope .financial-overview-page .kpis-card-container.one-dash.financial-overview-kpis, :where(.ws-module-surface) :scope .financial-report-page .kpis-card-container.one-dash.financial-report-kpis, :where(.ws-module-surface) :scope .financial-report-page .kpis-card-container.one-dash.reconciliation-kpis, :where(.ws-module-surface) :scope .treasury-page .kpis-card-container.one-dash.treasury-main-kpis, :where(.ws-module-surface) :scope .financial-horizon-grid, :where(.ws-module-surface) :scope .treasury-forecast-grid, :where(.ws-module-surface) :scope .treasury-month-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) :scope .entries-aging-list > div {
      grid-template-columns: minmax(68px, 1fr) minmax(90px, auto);
    }

    :where(.ws-module-surface) :scope .entries-aging-track {
      display: none;
    }
  }

  :where(.ws-module-surface) .projects-detail {
    gap: 20px;
  }

  :where(.ws-module-surface) .projects-detail-tabs {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    scrollbar-width: thin;
    border-radius: 12px;
    flex-wrap: nowrap;
    gap: 4px;
    max-width: 100%;
    margin: 2px 0 0;
    padding: 5px;
    display: flex;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .projects-detail-tabs button {
    white-space: nowrap;
    min-height: 39px;
    color: var(--dashboard-muted, #746c7e);
    border-radius: 8px;
    flex: none;
    padding: 8px 13px;
  }

  :where(.ws-module-surface) .projects-detail-tabs button[aria-selected="true"] {
    background: color-mix(in srgb, var(--color-secondary) 11%, var(--dashboard-surface));
    color: var(--color-secondary);
    box-shadow: none;
  }

  :where(.ws-module-surface) .projects-detail-tabs button:hover {
    background: color-mix(in srgb, var(--color-secondary) 7%, var(--dashboard-surface));
  }

  :where(.ws-module-surface) .projects-detail .projects-detail-panel, :where(.ws-module-surface) .projects-detail .projects-detail-highlight, :where(.ws-module-surface) .project-portal-panel {
    border-radius: 12px;
  }

  :where(.ws-module-surface) .project-workspace, :where(.ws-module-surface) .project-portal-panel {
    padding: clamp(18px, 2vw, 28px);
  }

  :where(.ws-module-surface) .project-section-heading {
    border-bottom: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px 20px;
    margin-bottom: 22px;
    padding-bottom: 19px;
    display: flex;
  }

  :where(.ws-module-surface) .project-section-eyebrow {
    color: var(--color-secondary);
    letter-spacing: .1em;
    margin-bottom: 6px;
    font-size: .65rem;
    font-weight: 750;
    display: block;
  }

  :where(.ws-module-surface) .project-section-heading h2, :where(.ws-module-surface) .projects-detail-panel .project-section-heading h2 {
    color: var(--color-primary);
    align-items: center;
    gap: 9px;
    margin: 0;
    font-size: 1.11rem;
    font-weight: 700;
    line-height: 1.3;
    display: flex;
  }

  :where(.ws-module-surface) .project-section-heading p, :where(.ws-module-surface) .projects-detail-panel .project-section-heading p {
    max-width: 620px;
    color: var(--dashboard-muted, #746c7e);
    margin: 6px 0 0;
    font-size: .77rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .project-section-count {
    background: color-mix(in srgb, var(--color-secondary) 10%, var(--dashboard-surface));
    min-width: 24px;
    height: 24px;
    color: var(--color-secondary);
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    padding: 0 7px;
    font-size: .72rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .project-workspace-grid, :where(.ws-module-surface) .project-materials-grid, :where(.ws-module-surface) .project-portal-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    align-items: start;
    gap: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .project-workspace-grid:has( > :only-child) {
    grid-template-columns: minmax(0, 1fr);
  }

  :where(.ws-module-surface) .project-workspace-list {
    align-content: start;
    gap: 10px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .project-workspace-list-wide {
    max-width: 920px;
  }

  :where(.ws-module-surface) .project-section-empty {
    border: 1px dashed color-mix(in srgb, var(--color-secondary) 24%, var(--dashboard-panel-border));
    background: color-mix(in srgb, var(--color-secondary) 3%, var(--dashboard-surface));
    border-radius: 11px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 194px;
    padding: 24px;
    display: flex;
  }

  :where(.ws-module-surface) .project-section-empty-icon, :where(.ws-module-surface) .project-row-icon {
    background: color-mix(in srgb, var(--color-secondary) 11%, var(--dashboard-surface));
    width: 37px;
    height: 37px;
    color: var(--color-secondary);
    border-radius: 10px;
    flex: none;
    place-items: center;
    display: inline-grid;
  }

  :where(.ws-module-surface) .project-section-empty-icon {
    border-radius: 13px;
    width: 44px;
    height: 44px;
    margin-bottom: 13px;
  }

  :where(.ws-module-surface) .project-section-empty-icon svg, :where(.ws-module-surface) .project-row-icon svg {
    width: 18px;
    height: 18px;
  }

  :where(.ws-module-surface) .project-section-empty strong {
    color: var(--color-primary);
    font-size: .85rem;
  }

  :where(.ws-module-surface) .project-section-empty p {
    max-width: 360px;
    color: var(--dashboard-muted, #746c7e);
    margin: 6px 0 0;
    font-size: .76rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .project-workspace-list .projects-detail-row, :where(.ws-module-surface) .project-history-list .projects-detail-row {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 10px;
    flex-direction: row;
    align-items: flex-start;
    gap: 13px;
    padding: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .project-workspace-list .projects-detail-row > div, :where(.ws-module-surface) .project-history-list .projects-detail-row > div {
    gap: 4px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .project-workspace-list .projects-detail-row strong, :where(.ws-module-surface) .project-history-list .projects-detail-row strong {
    font-size: .83rem;
  }

  :where(.ws-module-surface) .project-workspace-list .projects-detail-row p, :where(.ws-module-surface) .project-history-list .projects-detail-row p {
    white-space: pre-wrap;
    margin: 3px 0 0;
  }

  :where(.ws-module-surface) .projects-detail .project-workspace-form, :where(.ws-module-surface) .projects-detail-panel form.project-workspace-form {
    border: 1px solid var(--dashboard-panel-border);
    background: color-mix(in srgb, var(--color-secondary) 3%, var(--dashboard-surface));
    border-radius: 11px;
    align-items: stretch;
    gap: 12px;
    max-width: none;
    margin: 0;
    padding: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .project-workspace-form h3, :where(.ws-module-surface) .project-materials h3, :where(.ws-module-surface) .project-portal-panel h3 {
    color: var(--color-primary);
    margin: 0;
    font-size: .89rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .project-workspace-form > p, :where(.ws-module-surface) .project-materials h3 + p, :where(.ws-module-surface) .project-portal-panel h3 + p {
    color: var(--dashboard-muted, #746c7e);
    margin: -6px 0 3px;
    font-size: .74rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .project-workspace-form .contacts-button {
    justify-self: start;
    margin-top: 3px;
  }

  :where(.ws-module-surface) .project-production-state {
    border: 1px solid var(--dashboard-panel-border);
    background: color-mix(in srgb, var(--color-secondary) 3%, var(--dashboard-surface));
    border-radius: 11px;
    gap: 15px;
    min-height: 170px;
    padding: 22px;
    display: flex;
  }

  :where(.ws-module-surface) .project-production-state > div {
    align-content: start;
    gap: 6px;
    display: grid;
  }

  :where(.ws-module-surface) .project-production-state small {
    color: var(--color-secondary);
    letter-spacing: .08em;
    font-size: .64rem;
    font-weight: 750;
  }

  :where(.ws-module-surface) .project-production-state strong {
    color: var(--color-primary);
    font-size: 1rem;
  }

  :where(.ws-module-surface) .project-production-state p {
    color: var(--dashboard-muted, #746c7e);
    margin: 3px 0 0;
    font-size: .77rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .project-section-heading .projects-production-links {
    margin: 0;
  }

  :where(.ws-module-surface) .project-history-list {
    gap: 11px;
    max-width: 920px;
    display: grid;
  }

  :where(.ws-module-surface) .project-history-list .projects-detail-row {
    position: relative;
  }

  :where(.ws-module-surface) .project-history-dot {
    border: 3px solid var(--color-secondary);
    background: var(--dashboard-surface);
    border-radius: 50%;
    flex: none;
    width: 11px;
    height: 11px;
    margin: 6px 13px 0 7px;
  }

  :where(.ws-module-surface) .project-materials-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, .65fr);
  }

  :where(.ws-module-surface) .project-materials-form, :where(.ws-module-surface) .project-material-side > section, :where(.ws-module-surface) .project-material-needs, :where(.ws-module-surface) .project-portal-card {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 11px;
    min-width: 0;
    padding: 20px;
  }

  :where(.ws-module-surface) .projects-detail-panel form.project-materials-form {
    border-top: 1px solid var(--dashboard-panel-border);
    align-items: stretch;
    gap: 14px;
    max-width: none;
    margin: 0;
    padding: 20px;
    display: grid;
  }

  :where(.ws-module-surface) .project-materials-subheading {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .project-materials-subheading p {
    color: var(--dashboard-muted, #746c7e);
    margin: 5px 0 0;
    font-size: .74rem;
  }

  :where(.ws-module-surface) .project-materials-form .project-material-line {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 9px;
    grid-template-columns: minmax(180px, 1.5fr) minmax(105px, .6fr) minmax(105px, .6fr) auto;
    align-items: end;
    gap: 11px;
    min-width: 0;
    margin: 0;
    padding: 15px;
    display: grid;
  }

  :where(.ws-module-surface) .project-material-line legend {
    color: var(--color-secondary);
    padding: 0 5px;
    font-size: .72rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .project-material-line .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .project-material-remove {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    width: 36px;
    height: 36px;
    color: var(--dashboard-muted, #746c7e);
    cursor: pointer;
    border-radius: 8px;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .project-material-remove:hover {
    color: #b8475c;
    border-color: #b8475c;
  }

  :where(.ws-module-surface) .project-material-publish {
    border-top: 1px solid var(--dashboard-panel-border);
    align-items: end;
    gap: 11px;
    padding-top: 15px;
    display: flex;
  }

  :where(.ws-module-surface) .project-material-publish .form-group {
    flex: 1;
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .project-material-publish .contacts-button {
    flex: none;
  }

  :where(.ws-module-surface) .project-material-side {
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .project-material-side > section {
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .project-material-side > section > p, :where(.ws-module-surface) .project-material-revision p {
    color: var(--dashboard-muted, #746c7e);
    margin: 0;
    font-size: .75rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .project-material-side .contacts-button {
    justify-self: start;
  }

  :where(.ws-module-surface) .project-material-revision {
    border-top: 1px solid var(--dashboard-panel-border);
    padding: 11px 0;
  }

  :where(.ws-module-surface) .project-material-revision strong {
    color: var(--color-primary);
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-size: .76rem;
    display: flex;
  }

  :where(.ws-module-surface) .project-material-revision small {
    background: color-mix(in srgb, var(--color-secondary) 10%, var(--dashboard-surface));
    color: var(--color-secondary);
    border-radius: 20px;
    padding: 3px 7px;
    font-size: .65rem;
  }

  :where(.ws-module-surface) .project-material-needs {
    grid-column: 1 / -1;
  }

  :where(.ws-module-surface) .project-material-needs > p {
    color: var(--dashboard-muted, #746c7e);
    font-size: .76rem;
  }

  :where(.ws-module-surface) .project-portal-panel {
    margin-top: 2px;
  }

  :where(.ws-module-surface) .project-portal-panel .project-section-heading {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .project-portal-grid {
    padding-top: 20px;
  }

  :where(.ws-module-surface) .project-portal-main {
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .project-portal-card {
    align-content: start;
    gap: 13px;
    display: grid;
  }

  :where(.ws-module-surface) .project-portal-card-heading {
    align-items: start;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .project-portal-card-heading > div {
    gap: 4px;
    display: grid;
  }

  :where(.ws-module-surface) .project-portal-card-heading p {
    color: var(--dashboard-muted, #746c7e);
    margin: 0;
    font-size: .74rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .project-portal-email {
    color: var(--color-primary);
    overflow-wrap: anywhere;
    margin: 0;
    font-size: .8rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .project-portal-card .contacts-button {
    justify-self: start;
  }

  :where(.ws-module-surface) .project-portal-accesses {
    border-top: 1px solid var(--dashboard-panel-border);
    padding-top: 5px;
  }

  :where(.ws-module-surface) .project-portal-accesses .projects-detail-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    display: flex;
  }

  :where(.ws-module-surface) .project-portal-accesses .projects-detail-row > div {
    gap: 4px;
    display: grid;
  }

  :where(.ws-module-surface) .project-portal-muted {
    color: var(--dashboard-muted, #746c7e);
    margin: 8px 0 0;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .project-portal-panel .project-portal-upload {
    border: 1px dashed var(--dashboard-panel-border);
    background: color-mix(in srgb, var(--color-secondary) 3%, var(--dashboard-surface));
    border-radius: 9px;
    justify-self: stretch;
    gap: 8px;
    padding: 13px;
    font-size: .75rem;
    font-weight: 650;
    display: grid;
  }

  :where(.ws-module-surface) .project-portal-upload input {
    width: 100%;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .project-portal-upload input::file-selector-button {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    color: var(--color-secondary);
    cursor: pointer;
    border-radius: 7px;
    margin-right: 9px;
    padding: 7px 10px;
  }

  :where(.ws-module-surface) .project-portal-messages h3 {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .project-portal-messages h3 span {
    color: var(--color-secondary);
    font-size: .73rem;
  }

  :where(.ws-module-surface) .project-portal-empty {
    justify-items: start;
    gap: 6px;
    padding: 15px 0;
    display: grid;
  }

  :where(.ws-module-surface) .project-portal-empty svg {
    width: 23px;
    height: 23px;
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .project-portal-empty strong {
    color: var(--color-primary);
    font-size: .77rem;
  }

  :where(.ws-module-surface) .project-portal-empty p {
    color: var(--dashboard-muted, #746c7e);
    margin: 0;
    font-size: .73rem;
  }

  @media (max-width: 1100px) {
    :where(.ws-module-surface) .project-workspace-grid, :where(.ws-module-surface) .project-materials-grid, :where(.ws-module-surface) .project-portal-grid {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .project-workspace, :where(.ws-module-surface) .project-portal-panel {
      padding: 16px;
    }

    :where(.ws-module-surface) .project-materials-form .project-material-line {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .project-material-line .form-group:first-of-type {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .project-material-publish {
      flex-direction: column;
      align-items: stretch;
    }

    :where(.ws-module-surface) .project-material-publish .contacts-button {
      align-self: flex-start;
    }

    :where(.ws-module-surface) .project-section-heading {
      margin-bottom: 16px;
    }
  }

  @media (max-width: 480px) {
    :where(.ws-module-surface) .project-materials-form .project-material-line {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .project-material-line .form-group:first-of-type {
      grid-column: auto;
    }

    :where(.ws-module-surface) .project-material-remove {
      justify-self: end;
    }
  }

  :where(.ws-module-surface) :is(.operations-page, .campaigns-page, .marketing-performance-page, .landing-pages-page, .landing-results, .forms-page, .forms-editor, .automations-page, .supplies-page, .production-page, .installations-page, .service-page, .platform-page, .subscription-page, .upgrade-page, .api-keys-page, .integrations-page, .users-page, .implantacao-page, .settings-page, .commercial-page, .performance-page, .indicators-page, .profitability-page, .reports-page) {
    min-width: 0;
    container: dashboard-module / inline-size;
  }

  :where(.ws-module-surface) :is(.operations-page, .campaigns-page, .marketing-performance-page, .landing-pages-page, .landing-results, .forms-page, .forms-editor, .automations-page, .supplies-page, .production-page, .installations-page, .service-page, .platform-page, .subscription-page, .upgrade-page, .api-keys-page, .integrations-page, .users-page, .implantacao-page, .settings-page, .commercial-page, .performance-page, .indicators-page, .profitability-page, .reports-page) :is(.contacts-panel, .dashboard-panel, .contacts-table-scroll, .filtersContacts) {
    min-width: 0;
    max-width: 100%;
  }

  :where(.ws-module-surface) :is(.campaigns-page, .marketing-performance-page, .landing-pages-page, .forms-page, .forms-editor, .automations-page, .supplies-page, .production-page, .installations-page, .service-page, .platform-page, .subscription-page, .api-keys-page, .users-page, .commercial-page, .performance-page, .indicators-page, .profitability-page, .reports-page) .contacts-table-scroll {
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  :where(.ws-module-surface) :is(.campaigns-page, .landing-pages-page, .forms-page, .forms-editor, .automations-page, .supplies-page, .production-page, .installations-page, .service-page, .platform-page, .subscription-page, .commercial-page, .performance-page, .indicators-page, .reports-page) .contacts-tabs {
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
  }

  :where(.ws-module-surface) :is(.campaigns-page, .landing-pages-page, .forms-page, .forms-editor, .automations-page, .supplies-page, .production-page, .installations-page, .service-page, .platform-page, .subscription-page, .commercial-page, .performance-page, .indicators-page, .reports-page) .contacts-tabs::-webkit-scrollbar {
    display: none;
  }

  :where(.ws-module-surface) :is(.campaigns-page, .landing-pages-page, .forms-page, .forms-editor, .automations-page, .supplies-page, .production-page, .installations-page, .service-page, .platform-page, .subscription-page, .commercial-page, .performance-page, .indicators-page, .reports-page) .contacts-tabs > :is(button, a) {
    scroll-snap-align: start;
    flex: none;
  }

  :where(.ws-module-surface) :is(.production-page, .service-page) .deals-board {
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    min-width: 0;
    max-width: 100%;
  }

  @container dashboard-module (max-width: 780px) {
    :where(.ws-module-surface) .campaigns-page .campaigns-kpis, :where(.ws-module-surface) .marketing-performance-page .marketing-performance-kpis, :where(.ws-module-surface) .landing-pages-page .landing-kpis, :where(.ws-module-surface) .automations-page .automations-kpis, :where(.ws-module-surface) .production-page .production-kpis, :where(.ws-module-surface) .installations-page .installations-kpis, :where(.ws-module-surface) .service-page .service-kpis, :where(.ws-module-surface) .platform-page .platform-kpis, :where(.ws-module-surface) .subscription-page .subscription-kpis, :where(.ws-module-surface) .commercial-page .kpis-card-container.one-dash, :where(.ws-module-surface) .performance-page .kpis-card-container.one-dash, :where(.ws-module-surface) .indicators-page .kpis-card-container.one-dash, :where(.ws-module-surface) .reports-page .kpis-card-container.one-dash, :where(.ws-module-surface) .api-keys-page .kpis-card-container.one-dash {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container dashboard-module (max-width: 1120px) {
    :where(.ws-module-surface) .campaigns-insights, :where(.ws-module-surface) .campaigns-subsections, :where(.ws-module-surface) .reports-insights, :where(.ws-module-surface) .commercial-two-columns, :where(.ws-module-surface) .platform-client-overview, :where(.ws-module-surface) .subscription-grid, :where(.ws-module-surface) .api-keys-workspace {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .platform-client-meta {
      border-left: 0;
      padding-left: 0;
    }

    :where(.ws-module-surface) .platform-plan-grid, :where(.ws-module-surface) .platform-mail-create {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .platform-mail-create .contacts-button {
      grid-column: 1 / -1;
      justify-self: end;
    }

    :where(.ws-module-surface) .forms-editor-grid {
      grid-template-columns: minmax(220px, .8fr) minmax(0, 1.4fr);
    }

    :where(.ws-module-surface) .forms-editor-properties {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .forms-property-fields {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .supply-overview {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .installations-agenda > section > div:not(.contacts-empty) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .service-detail-summary {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .reports-page .reports-status-list > div {
      grid-template-columns: minmax(70px, 1fr) minmax(80px, 2fr) auto;
    }
  }

  @container dashboard-module (min-width: 861px) and (max-width: 1120px) {
    :where(.ws-module-surface) .campaigns-list-table :is(th, td) {
      padding-inline: 6px;
    }

    :where(.ws-module-surface) .campaigns-list-table :is(th, td):first-child {
      padding-left: 10px;
    }

    :where(.ws-module-surface) .campaigns-list-table :is(th, td):last-child {
      padding-right: 10px;
    }

    :where(.ws-module-surface) .campaigns-list-table th {
      font-size: .65rem;
    }

    :where(.ws-module-surface) .campaigns-list-table td {
      font-size: .74rem;
    }

    :where(.ws-module-surface) .campaigns-list-table .campaigns-name {
      overflow-wrap: anywhere;
      max-width: 210px;
    }

    :where(.ws-module-surface) .campaigns-list-table .campaigns-name strong {
      white-space: normal;
      overflow-wrap: anywhere;
      min-width: 0;
    }

    :where(.ws-module-surface) .campaigns-list-table .contacts-button {
      padding-inline: 7px;
    }
  }

  @container dashboard-module (max-width: 780px) {
    :where(.ws-module-surface) .campaigns-page .campaigns-filters .contacts-search, :where(.ws-module-surface) .marketing-performance-page .contacts-search, :where(.ws-module-surface) .landing-pages-page .landing-filters .contacts-search, :where(.ws-module-surface) .forms-page .forms-filters .contacts-search, :where(.ws-module-surface) .automations-page .automations-filters .contacts-search, :where(.ws-module-surface) .supplies-page .contacts-search, :where(.ws-module-surface) .production-page .contacts-search, :where(.ws-module-surface) .installations-page .contacts-search, :where(.ws-module-surface) .service-page .service-filters .contacts-search, :where(.ws-module-surface) .users-page .users-filters .contacts-search, :where(.ws-module-surface) .commercial-page .contacts-search, :where(.ws-module-surface) .performance-page .contacts-search, :where(.ws-module-surface) .indicators-page .contacts-search, :where(.ws-module-surface) .reports-page .reports-filters .contacts-search, :where(.ws-module-surface) .profitability-page .contacts-search {
      flex: 100%;
      width: 100%;
      min-width: 0;
      max-width: none;
    }

    :where(.ws-module-surface) .campaigns-filter-fields, :where(.ws-module-surface) .marketing-performance-filter-fields, :where(.ws-module-surface) .supplies-page .proposals-filter-fields, :where(.ws-module-surface) .service-page .service-filters .deals-filter-selects, :where(.ws-module-surface) .users-page .users-filter-selects, :where(.ws-module-surface) .commercial-page .deals-filter-selects, :where(.ws-module-surface) .reports-page .deals-filter-selects, :where(.ws-module-surface) .profitability-page .deals-filter-selects {
      flex: 100%;
      width: 100%;
      min-width: 0;
    }

    :where(.ws-module-surface) .campaigns-filter-fields .form-group, :where(.ws-module-surface) .marketing-performance-filter-fields .form-group, :where(.ws-module-surface) .supplies-page .proposals-filter-fields .form-group, :where(.ws-module-surface) .service-page .service-filters .form-group, :where(.ws-module-surface) .users-page .users-filter-selects .form-group, :where(.ws-module-surface) .commercial-page .deals-filter-selects .form-group, :where(.ws-module-surface) .reports-page .deals-filter-selects .form-group, :where(.ws-module-surface) .profitability-page .deals-filter-selects .form-group {
      flex: calc(50% - 8px);
      min-width: min(100%, 150px);
      max-width: none;
    }

    :where(.ws-module-surface) .forms-editor-grid, :where(.ws-module-surface) .forms-property-fields, :where(.ws-module-surface) .forms-settings-layout, :where(.ws-module-surface) .forms-embed-layout, :where(.ws-module-surface) .settings-layout, :where(.ws-module-surface) .supply-settings, :where(.ws-module-surface) .installations-overview, :where(.ws-module-surface) .service-detail-grid, :where(.ws-module-surface) .performance-detail-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .forms-editor-properties, :where(.ws-module-surface) .forms-embed-heading, :where(.ws-module-surface) .forms-embed-notice {
      grid-column: auto;
    }

    :where(.ws-module-surface) .platform-mail-create, :where(.ws-module-surface) .platform-payment-form, :where(.ws-module-surface) .platform-plan-fields, :where(.ws-module-surface) .platform-limit-grid, :where(.ws-module-surface) .platform-feature-grid, :where(.ws-module-surface) .platform-module-groups {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .platform-mail-create .contacts-button {
      justify-self: stretch;
      width: 100%;
    }

    :where(.ws-module-surface) .platform-section-heading, :where(.ws-module-surface) .platform-section-actions, :where(.ws-module-surface) .platform-client-controls {
      flex-direction: column;
      align-items: stretch;
    }

    :where(.ws-module-surface) .platform-section-heading > .contacts-button {
      align-self: flex-start;
    }

    :where(.ws-module-surface) .platform-search, :where(.ws-module-surface) .platform-client-plan {
      width: 100%;
      min-width: 0;
    }

    :where(.ws-module-surface) .platform-client-plan {
      flex: none;
    }

    :where(.ws-module-surface) .platform-client-plan .form-group {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .platform-payment-form > .form-group {
      grid-column: auto;
    }

    :where(.ws-module-surface) .platform-plan-grid, :where(.ws-module-surface) .subscription-module-groups, :where(.ws-module-surface) .api-keys-fields, :where(.ws-module-surface) .api-keys-permission-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .reports-intro {
      flex-direction: column;
      align-items: flex-start;
    }

    :where(.ws-module-surface) .production-detail .production-stage-row {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) .production-detail .production-stage-actions {
      justify-content: flex-start;
      width: 100%;
      max-width: none;
      padding-left: 43px;
    }

    :where(.ws-module-surface) .installations-action-bar > div {
      justify-content: flex-start;
      width: 100%;
      margin-left: 0;
    }
  }

  @container dashboard-module (max-width: 580px) {
    :where(.ws-module-surface) .campaigns-page .campaigns-kpis, :where(.ws-module-surface) .marketing-performance-page .marketing-performance-kpis, :where(.ws-module-surface) .landing-pages-page .landing-kpis, :where(.ws-module-surface) .forms-page .forms-kpis, :where(.ws-module-surface) .automations-page .automations-kpis, :where(.ws-module-surface) .production-page .production-kpis, :where(.ws-module-surface) .installations-page .installations-kpis, :where(.ws-module-surface) .service-page .service-kpis, :where(.ws-module-surface) .platform-page .platform-kpis, :where(.ws-module-surface) .subscription-page .subscription-kpis, :where(.ws-module-surface) .commercial-page .kpis-card-container.one-dash, :where(.ws-module-surface) .performance-page .kpis-card-container.one-dash, :where(.ws-module-surface) .indicators-page .kpis-card-container.one-dash, :where(.ws-module-surface) .reports-page .kpis-card-container.one-dash, :where(.ws-module-surface) .api-keys-page .kpis-card-container.one-dash {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .campaigns-filter-fields .form-group, :where(.ws-module-surface) .marketing-performance-filter-fields .form-group, :where(.ws-module-surface) .supplies-page .proposals-filter-fields .form-group, :where(.ws-module-surface) .service-page .service-filters .form-group, :where(.ws-module-surface) .users-page .users-filter-selects .form-group, :where(.ws-module-surface) .commercial-page .deals-filter-selects .form-group, :where(.ws-module-surface) .reports-page .deals-filter-selects .form-group, :where(.ws-module-surface) .profitability-page .deals-filter-selects .form-group {
      flex-basis: 100%;
      min-width: 0;
    }

    :where(.ws-module-surface) .campaigns-page .campaigns-form-grid, :where(.ws-module-surface) .campaigns-page .campaigns-revenue, :where(.ws-module-surface) .supply-overview, :where(.ws-module-surface) .production-page .production-overview-grid, :where(.ws-module-surface) .installations-agenda > section > div:not(.contacts-empty), :where(.ws-module-surface) .service-detail-summary, :where(.ws-module-surface) .service-detail .service-checklist, :where(.ws-module-surface) .commercial-forecast-grid, :where(.ws-module-surface) .commercial-quality, :where(.ws-module-surface) .settings-form-grid, :where(.ws-module-surface) .settings-address-grid, :where(.ws-module-surface) .implantacao-fields, :where(.ws-module-surface) .implantacao-selects, :where(.ws-module-surface) .profitability-drawer-fields {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .platform-page .contacts-panel, :where(.ws-module-surface) .platform-client-overview {
      padding: 14px;
    }

    :where(.ws-module-surface) .platform-client-controls {
      padding: 12px 14px;
    }

    :where(.ws-module-surface) .platform-client-meta {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 11px;
    }

    :where(.ws-module-surface) .platform-mail-create {
      gap: 11px;
      padding: 13px;
    }

    :where(.ws-module-surface) .platform-mail-row {
      grid-template-columns: minmax(0, 1fr);
      gap: 11px;
      padding: 13px;
    }

    :where(.ws-module-surface) .platform-mail-actions {
      flex-wrap: wrap;
      justify-content: flex-start;
    }

    :where(.ws-module-surface) .platform-mail-identity strong {
      text-overflow: clip;
      overflow-wrap: anywhere;
      overflow: visible;
    }

    :where(.ws-module-surface) .platform-mail-reset {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      display: grid;
    }

    :where(.ws-module-surface) .platform-mail-reset .form-group {
      grid-column: 1 / -1;
      min-width: 0;
    }

    :where(.ws-module-surface) .platform-mail-reset .contacts-button {
      width: 100%;
    }

    :where(.ws-module-surface) .platform-mail-address-control > span {
      padding-inline: 8px;
      font-size: .72rem;
    }

    :where(.ws-module-surface) .platform-plan-card {
      padding: 16px;
    }

    :where(.ws-module-surface) .platform-plan-dialog form {
      padding: 14px;
    }

    :where(.ws-module-surface) .forms-editor-grid .contacts-panel, :where(.ws-module-surface) .forms-settings, :where(.ws-module-surface) .forms-settings-card {
      padding: 13px;
    }

    :where(.ws-module-surface) .forms-preview-stage {
      min-height: 280px;
      padding: 12px;
    }

    :where(.ws-module-surface) .forms-preview-paper {
      padding: 16px;
    }

    :where(.ws-module-surface) .forms-preview-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .forms-preview-field, :where(.ws-module-surface) .forms-preview-field.half {
      grid-column: 1;
    }

    :where(.ws-module-surface) .forms-editor-field-list {
      max-height: 300px;
    }

    :where(.ws-module-surface) .landing-domain-card, :where(.ws-module-surface) .landing-domains {
      padding: 14px;
    }

    :where(.ws-module-surface) .landing-domain-dns {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .landing-domain-add {
      flex-direction: column;
      align-items: stretch;
    }

    :where(.ws-module-surface) .landing-domain-add .contacts-button {
      width: 100%;
    }

    :where(.ws-module-surface) .landing-template-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .landing-create-dialog {
      max-height: calc(100dvh - 20px);
      padding: 15px;
    }

    :where(.ws-module-surface) .production-page .production-plan > section > div {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .production-detail .production-detail-panel, :where(.ws-module-surface) .service-detail .service-section {
      padding: 13px;
    }

    :where(.ws-module-surface) .production-detail .production-stage-actions {
      padding-left: 0;
    }

    :where(.ws-module-surface) .production-detail .production-overview-grid, :where(.ws-module-surface) .installations-detail-kpis {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .service-action-bar .contacts-button, :where(.ws-module-surface) .installations-action-bar .contacts-button {
      white-space: normal;
      height: auto;
      min-height: 38px;
      max-height: none;
    }

    :where(.ws-module-surface) .service-section dl > div {
      grid-template-columns: minmax(0, 1fr);
      gap: 3px;
    }

    :where(.ws-module-surface) .service-status-current {
      flex-direction: column;
      align-items: flex-start;
    }

    :where(.ws-module-surface) .supply-order-notes {
      grid-template-columns: minmax(0, 1fr);
      padding: 14px;
    }

    :where(.ws-module-surface) .supply-row-actions {
      flex-wrap: wrap;
    }

    :where(.ws-module-surface) .subscription-plan-overview, :where(.ws-module-surface) .subscription-notice, :where(.ws-module-surface) .subscription-cancel {
      flex-direction: column;
      align-items: flex-start;
    }

    :where(.ws-module-surface) .subscription-plan-overview {
      padding: 16px;
    }

    :where(.ws-module-surface) .subscription-plan-identity h2 {
      font-size: clamp(1.18rem, 5vw, 1.5rem);
    }

    :where(.ws-module-surface) .subscription-plan-action {
      justify-items: start;
      width: 100%;
    }

    :where(.ws-module-surface) .subscription-payment-content {
      flex-direction: column;
    }

    :where(.ws-module-surface) .subscription-email-form {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .subscription-email-form .contacts-button {
      width: 100%;
    }

    :where(.ws-module-surface) .api-keys-create, :where(.ws-module-surface) .api-keys-guide, :where(.ws-module-surface) .api-keys-secret {
      padding: 14px;
    }

    :where(.ws-module-surface) .api-keys-form-footer {
      flex-direction: column;
      align-items: stretch;
    }

    :where(.ws-module-surface) .api-keys-form-footer .contacts-button {
      width: 100%;
    }

    :where(.ws-module-surface) .settings-panel-body, :where(.ws-module-surface) .settings-dialog-form {
      padding: 14px;
    }

    :where(.ws-module-surface) .implantacao-step-actions {
      flex-basis: 100%;
      padding-left: 0;
    }

    :where(.ws-module-surface) .reports-status-list {
      padding: 12px;
    }

    :where(.ws-module-surface) .reports-status-list > div {
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 6px;
    }

    :where(.ws-module-surface) .reports-status-list > div > div {
      grid-area: 2 / 1 / auto / -1;
    }

    :where(.ws-module-surface) .landing-pages-page .landing-filters > .form-group, :where(.ws-module-surface) .forms-page .forms-filters > .form-group, :where(.ws-module-surface) .automations-page .automations-filters > .form-group, :where(.ws-module-surface) .reports-page .contacts-date-popover, :where(.ws-module-surface) .performance-page .contacts-date-popover, :where(.ws-module-surface) .indicators-page .contacts-date-popover, :where(.ws-module-surface) .commercial-page .contacts-date-popover {
      flex: 100%;
      width: 100%;
      min-width: 0;
      max-width: none;
    }

    :where(.ws-module-surface) .reports-page .contacts-date-popover .filterBtn, :where(.ws-module-surface) .performance-page .contacts-date-popover .filterBtn, :where(.ws-module-surface) .indicators-page .contacts-date-popover .filterBtn, :where(.ws-module-surface) .commercial-page .contacts-date-popover .filterBtn {
      width: 100%;
    }
  }

  @container dashboard-module (max-width: 380px) {
    :where(.ws-module-surface) .landing-template-grid, :where(.ws-module-surface) .platform-client-meta {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .platform-mail-identity strong {
      font-size: .78rem;
    }

    :where(.ws-module-surface) .platform-mail-address-control .input-form {
      padding-inline: 7px;
    }

    :where(.ws-module-surface) .platform-mail-address-control > span {
      padding-inline: 6px;
      font-size: .68rem;
    }

    :where(.ws-module-surface) .platform-mail-reset {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .campaigns-dialog > :is(header, footer), :where(.ws-module-surface) .campaigns-form {
      padding-inline: 12px;
    }

    :where(.ws-module-surface) .forms-embed-modes {
      width: 100%;
      display: flex;
    }

    :where(.ws-module-surface) .forms-embed-modes button {
      flex: 1;
      min-width: 0;
      padding-inline: 5px;
    }

    :where(.ws-module-surface) .production-board-setting, :where(.ws-module-surface) .service-board-form .production-board-setting {
      grid-template-columns: 26px 24px minmax(0, 1fr);
    }

    :where(.ws-module-surface) .production-board-setting-color {
      grid-column: 3;
    }

    :where(.ws-module-surface) .production-board-setting-actions, :where(.ws-module-surface) .service-board-form .production-board-setting-actions {
      grid-column: 3;
      justify-content: flex-start;
    }
  }

  @container dashboard-module (max-width: 860px) {
    :where(.ws-module-surface) .contacts-table-scroll:has( > .module-card-table) {
      overflow: visible;
    }

    :where(.ws-module-surface) .module-card-table {
      table-layout: auto;
      width: 100%;
      min-width: 0;
      display: block;
    }

    :where(.ws-module-surface) .module-card-table thead {
      clip-path: inset(50%);
      white-space: nowrap;
      width: 1px;
      height: 1px;
      position: absolute;
      overflow: hidden;
    }

    :where(.ws-module-surface) .module-card-table tbody {
      gap: 10px;
      padding: 11px;
      display: grid;
    }

    :where(.ws-module-surface) .module-card-table tbody tr {
      border: 1px solid var(--dashboard-panel-border);
      border-radius: var(--dashboard-panel-radius);
      background: var(--dashboard-surface);
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0 12px;
      min-width: 0;
      padding: 10px 12px;
      display: grid;
    }

    :where(.ws-module-surface) .module-card-table tbody tr:hover td {
      background: none;
    }

    :where(.ws-module-surface) .module-card-table td {
      min-width: 0;
      color: var(--color-primary);
      white-space: normal;
      overflow-wrap: anywhere;
      border: 0;
      flex-direction: column;
      align-items: flex-start;
      gap: 3px;
      padding: 8px 0;
      font-size: .82rem;
      line-height: 1.4;
      display: flex;
    }

    :where(.ws-module-surface) .module-card-table td:empty {
      display: none;
    }

    :where(.ws-module-surface) .module-card-table td:first-child {
      border-bottom: 1px solid var(--dashboard-panel-border);
      grid-column: 1 / -1;
      padding-block: 3px 10px;
      font-weight: 650;
    }

    :where(.ws-module-surface) .module-card-table td:not(:first-child):before {
      content: var(--cell-label, "");
      color: var(--dashboard-button-text);
      font-size: .68rem;
      font-weight: 600;
      line-height: 1.25;
    }

    :where(.ws-module-surface) .users-page .module-card-table {
      width: 100%;
      min-width: 0;
    }

    :where(.ws-module-surface) .users-page .module-card-table td:first-child, :where(.ws-module-surface) .users-page .module-card-table td:last-child {
      width: auto;
      min-width: 0;
    }

    :where(.ws-module-surface) .module-card-table .landing-name {
      width: 100%;
      min-width: 0;
      max-width: 100%;
    }

    :where(.ws-module-surface) .module-card-table .landing-name :is(strong, small) {
      overflow-wrap: anywhere;
      white-space: normal;
      text-overflow: clip;
      max-width: 100%;
    }

    :where(.ws-module-surface) .campaigns-list-table td:last-child {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .module-card-table td:has(.landing-actions) {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .module-card-table td:has(.users-actions) {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .module-card-table :is(.landing-actions, .users-actions) {
      flex-wrap: wrap;
      justify-content: flex-start;
      width: 100%;
    }

    :where(.ws-module-surface) .module-card-table :is(.landing-actions, .users-actions) .contacts-button {
      height: auto;
      min-height: 36px;
      max-height: none;
    }

    :where(.ws-module-surface) .module-card-table :is(.users-identity, .users-invite-identity) {
      min-width: 0;
    }

    :where(.ws-module-surface) .module-card-table :is(.users-identity, .users-invite-identity) small {
      white-space: normal;
      overflow-wrap: anywhere;
    }

    :where(.ws-module-surface) .campaigns-list-table td:nth-child(2), :where(.ws-module-surface) .forms-table td:nth-child(2), :where(.ws-module-surface) .automations-flow-table td:nth-child(3), :where(.ws-module-surface) .automations-webhooks-table td:nth-child(3), :where(.ws-module-surface) .production-list-table td:nth-child(3), :where(.ws-module-surface) .installations-list-table td:nth-child(5), :where(.ws-module-surface) .service-list-table td:nth-child(6), :where(.ws-module-surface) .users-members-table td:nth-child(3), :where(.ws-module-surface) .users-invitations-table td:nth-child(3), :where(.ws-module-surface) .subscription-invoices-table td:nth-child(5) {
      --cell-label: "Situação";
    }

    :where(.ws-module-surface) .campaigns-list-table td:nth-child(3) {
      --cell-label: "Investimento";
    }

    :where(.ws-module-surface) .platform-invoices-table td:nth-child(3) {
      --cell-label: "Valor";
    }

    :where(.ws-module-surface) .campaigns-list-table td:nth-child(4) {
      --cell-label: "Leads";
    }

    :where(.ws-module-surface) .campaigns-list-table td:nth-child(5) {
      --cell-label: "CPL";
    }

    :where(.ws-module-surface) .campaigns-list-table td:nth-child(6) {
      --cell-label: "Oportunidades";
    }

    :where(.ws-module-surface) .campaigns-list-table td:nth-child(7) {
      --cell-label: "Vendas";
    }

    :where(.ws-module-surface) .campaigns-list-table td:nth-child(8) {
      --cell-label: "Receita vendida";
    }

    :where(.ws-module-surface) .campaigns-list-table td:nth-child(9) {
      --cell-label: "ROAS";
    }

    :where(.ws-module-surface) .campaigns-list-table td:nth-child(10), :where(.ws-module-surface) .landing-pages-table td:nth-child(4), :where(.ws-module-surface) .forms-table td:nth-child(5), :where(.ws-module-surface) .automations-flow-table td:nth-child(6), :where(.ws-module-surface) .automations-webhooks-table td:nth-child(5), :where(.ws-module-surface) .users-members-table td:nth-child(5), :where(.ws-module-surface) .users-invitations-table td:nth-child(6) {
      --cell-label: "Ações";
    }

    :where(.ws-module-surface) .landing-pages-table td:nth-child(2) {
      --cell-label: "Situação";
    }

    :where(.ws-module-surface) .landing-pages-table td:nth-child(3), :where(.ws-module-surface) .forms-table td:nth-child(4), :where(.ws-module-surface) .automations-flow-table td:nth-child(5) {
      --cell-label: "Atualização";
    }

    :where(.ws-module-surface) .forms-table td:nth-child(3) {
      --cell-label: "Respostas";
    }

    :where(.ws-module-surface) .automations-flow-table td:nth-child(2) {
      --cell-label: "Gatilho";
    }

    :where(.ws-module-surface) .automations-flow-table td:nth-child(4) {
      --cell-label: "Execuções";
    }

    :where(.ws-module-surface) .automations-webhooks-table td:nth-child(2) {
      --cell-label: "Eventos";
    }

    :where(.ws-module-surface) .automations-webhooks-table td:nth-child(4) {
      --cell-label: "Entregas";
    }

    :where(.ws-module-surface) .production-list-table td:nth-child(2), :where(.ws-module-surface) .installations-list-table td:nth-child(2) {
      --cell-label: "Projeto / cliente";
    }

    :where(.ws-module-surface) .production-list-table td:nth-child(4), :where(.ws-module-surface) .service-list-table td:nth-child(4) {
      --cell-label: "Prioridade";
    }

    :where(.ws-module-surface) .production-list-table td:nth-child(5) {
      --cell-label: "Etapa";
    }

    :where(.ws-module-surface) .production-list-table td:nth-child(6) {
      --cell-label: "Progresso";
    }

    :where(.ws-module-surface) .production-list-table td:nth-child(7) {
      --cell-label: "Conclusão prevista";
    }

    :where(.ws-module-surface) .installations-list-table td:nth-child(3) {
      --cell-label: "Agendamento";
    }

    :where(.ws-module-surface) .installations-list-table td:nth-child(4) {
      --cell-label: "Equipe";
    }

    :where(.ws-module-surface) .installations-list-table td:nth-child(6) {
      --cell-label: "Itens";
    }

    :where(.ws-module-surface) .installations-list-table td:nth-child(7) {
      --cell-label: "Ocorrências";
    }

    :where(.ws-module-surface) .installations-list-table td:nth-child(8) {
      --cell-label: "Aceite";
    }

    :where(.ws-module-surface) .service-list-table td:nth-child(2) {
      --cell-label: "Cliente / projeto";
    }

    :where(.ws-module-surface) .service-list-table td:nth-child(3) {
      --cell-label: "Assunto";
    }

    :where(.ws-module-surface) .service-list-table td:nth-child(5) {
      --cell-label: "Responsável";
    }

    :where(.ws-module-surface) .service-list-table td:nth-child(7) {
      --cell-label: "Prazo SLA";
    }

    :where(.ws-module-surface) .platform-invoices-table td:nth-child(2) {
      --cell-label: "Empresa";
    }

    :where(.ws-module-surface) .platform-invoices-table td:nth-child(4), :where(.ws-module-surface) .subscription-invoices-table td:nth-child(3) {
      --cell-label: "Vencimento";
    }

    :where(.ws-module-surface) .platform-invoices-table td:nth-child(5) {
      --cell-label: "Estado";
    }

    :where(.ws-module-surface) .platform-invoices-table td:nth-child(6) {
      --cell-label: "Meio";
    }

    :where(.ws-module-surface) .subscription-invoices-table td:nth-child(2) {
      --cell-label: "Emissão";
    }

    :where(.ws-module-surface) .subscription-invoices-table td:nth-child(4) {
      --cell-label: "Valor";
    }

    :where(.ws-module-surface) .subscription-invoices-table td:nth-child(6) {
      --cell-label: "NFS-e";
    }

    :where(.ws-module-surface) .users-members-table td:nth-child(2), :where(.ws-module-surface) .users-invitations-table td:nth-child(2) {
      --cell-label: "Papel";
    }

    :where(.ws-module-surface) .users-members-table td:nth-child(4) {
      --cell-label: "Na equipe desde";
    }

    :where(.ws-module-surface) .users-invitations-table td:nth-child(4) {
      --cell-label: "Enviado por";
    }

    :where(.ws-module-surface) .users-invitations-table td:nth-child(5) {
      --cell-label: "Validade";
    }
  }

  @container dashboard-module (max-width: 380px) {
    :where(.ws-module-surface) .module-card-table tbody {
      padding: 8px;
    }

    :where(.ws-module-surface) .module-card-table tbody tr {
      grid-template-columns: minmax(0, 1fr);
      padding: 9px 11px;
    }

    :where(.ws-module-surface) .module-card-table td:first-child {
      grid-column: 1;
    }

    :where(.ws-module-surface) .module-card-table td {
      padding-block: 6px;
    }
  }

  @media (max-width: 1024px) {
    :where(.ws-module-surface) .landing-editor-workspace, :where(.ws-module-surface) .landing-editor-workspace.hide-structure, :where(.ws-module-surface) .landing-editor-workspace.hide-inspector {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .landing-editor-sidebar, :where(.ws-module-surface) .landing-editor-inspector {
      z-index: 5;
      width: min(320px, 90vw);
      position: absolute;
      inset-block: 0;
      box-shadow: 0 8px 24px #35234220;
    }

    :where(.ws-module-surface) .landing-editor-sidebar {
      left: 0;
    }

    :where(.ws-module-surface) .landing-editor-inspector {
      right: 0;
    }

    :where(.ws-module-surface) .landing-editor-workspace:not(.hide-inspector) > .landing-editor-sidebar {
      display: none;
    }

    :where(.ws-module-surface) .automations-editor-workspace {
      grid-template-columns: minmax(0, 1fr) minmax(220px, 270px);
    }

    :where(.ws-module-surface) .automations-palette {
      border-right: 0;
      border-bottom: 1px solid var(--dashboard-panel-border);
      flex-direction: row;
      grid-column: 1 / -1;
      align-items: center;
      overflow-x: auto;
    }

    :where(.ws-module-surface) .automations-palette > div:first-child, :where(.ws-module-surface) .automations-palette p {
      display: none;
    }

    :where(.ws-module-surface) .automations-palette > button {
      flex: 0 0 155px;
    }
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .landing-editor-top {
      gap: 8px;
      padding: 8px 10px;
    }

    :where(.ws-module-surface) .landing-editor-title {
      min-width: 0;
    }

    :where(.ws-module-surface) .landing-editor-top-actions {
      justify-content: flex-end;
      gap: 5px;
    }

    :where(.ws-module-surface) .landing-editor-contextbar {
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 7px;
      padding: 7px 10px;
      display: grid;
    }

    :where(.ws-module-surface) .landing-editor-contextbar > div:first-child {
      flex-wrap: wrap;
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .landing-editor-contextbar > .contacts-button {
      justify-self: end;
    }

    :where(.ws-module-surface) .landing-editor-contextbar :is(button, a) {
      min-height: 36px;
    }

    :where(.ws-module-surface) .landing-editor-devices button {
      min-width: 36px;
      min-height: 36px;
    }

    :where(.ws-module-surface) .landing-editor-context-hint {
      display: none;
    }

    :where(.ws-module-surface) .landing-editor-workspace {
      min-height: 0;
    }

    :where(.ws-module-surface) .landing-editor-sidebar, :where(.ws-module-surface) .landing-editor-inspector {
      width: min(340px, 94vw);
    }

    :where(.ws-module-surface) .landing-canvas-scroll {
      padding: 8px;
    }

    :where(.ws-module-surface) .automations-editor-top {
      gap: 8px;
      padding: 9px 10px;
    }

    :where(.ws-module-surface) .automations-editor-back {
      padding-right: 7px;
    }

    :where(.ws-module-surface) .automations-editor-brand {
      gap: 6px;
    }

    :where(.ws-module-surface) .automations-editor-brand-icon {
      width: 32px;
      height: 32px;
    }

    :where(.ws-module-surface) .automations-editor-title {
      min-width: 0;
    }

    :where(.ws-module-surface) .automations-editor-actions {
      justify-content: flex-start;
      width: 100%;
    }

    :where(.ws-module-surface) .automations-editor-actions .contacts-button {
      height: auto;
      min-height: 36px;
      max-height: none;
    }

    :where(.ws-module-surface) .automations-editor-subbar {
      padding-inline: 10px;
    }

    :where(.ws-module-surface) .automations-editor-workspace {
      flex-direction: column;
      display: flex;
    }

    :where(.ws-module-surface) .automations-palette {
      flex: none;
      min-height: 0;
      padding: 7px;
    }

    :where(.ws-module-surface) .automations-palette > button {
      min-width: 140px;
      min-height: 42px;
    }

    :where(.ws-module-surface) .automations-canvas {
      flex: auto;
      min-height: 160px;
    }

    :where(.ws-module-surface) .automations-inspector {
      border-left: 0;
      border-top: 1px solid var(--dashboard-panel-border);
      flex: 0 auto;
      min-height: 0;
      max-height: 34dvh;
    }

    :where(.ws-module-surface) .automations-flow {
      padding: 20px 12px 50px;
    }

    :where(.ws-module-surface) .automations-history > div:not(.contacts-empty) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 430px) {
    :where(.ws-module-surface) .landing-editor-top-actions {
      width: 100%;
    }

    :where(.ws-module-surface) .landing-editor-save-status {
      flex: 100%;
      max-width: none;
    }

    :where(.ws-module-surface) .landing-editor-top-actions > .contacts-button:nth-of-type(-n+2) {
      min-width: 40px;
      padding-inline: 9px;
      font-size: 0;
    }

    :where(.ws-module-surface) .landing-editor-top-actions > .contacts-button:nth-of-type(-n+2) svg {
      width: 17px;
      height: 17px;
    }

    :where(.ws-module-surface) .landing-editor-contextbar > .contacts-button {
      padding-inline: 8px;
      font-size: .7rem;
    }

    :where(.ws-module-surface) .landing-editor-footer {
      padding-inline: 10px;
    }

    :where(.ws-module-surface) .automations-editor-subbar .contacts-tabs button {
      padding-inline: 8px;
      font-size: .72rem;
    }

    :where(.ws-module-surface) .automations-zoom {
      gap: 3px;
    }

    :where(.ws-module-surface) .automations-zoom button {
      width: 32px;
      height: 32px;
    }

    :where(.ws-module-surface) .platform-company-dialog > header {
      padding: 16px 52px 16px 16px;
      display: block;
      position: relative;
    }

    :where(.ws-module-surface) .platform-company-dialog > header > div {
      min-width: 0;
    }

    :where(.ws-module-surface) .platform-company-dialog > header h2 {
      margin: 0 0 4px;
    }

    :where(.ws-module-surface) .platform-company-dialog > header p {
      margin: 0;
      line-height: 1.4;
    }

    :where(.ws-module-surface) .platform-company-dialog > header > .contacts-icon-button {
      position: absolute;
      top: 12px;
      right: 12px;
    }

    :where(.ws-module-surface) .platform-company-form {
      padding: 14px;
    }
  }

  @media (pointer: coarse) {
    :where(.ws-module-surface) :is(.campaigns-page, .marketing-performance-page, .landing-pages-page, .landing-results, .forms-page, .forms-editor, .automations-page, .supplies-page, .production-page, .installations-page, .service-page, .platform-page, .subscription-page, .upgrade-page, .api-keys-page, .integrations-page, .users-page, .implantacao-page, .settings-page, .commercial-page, .performance-page, .indicators-page, .profitability-page, .reports-page, .landing-editor, .automations-editor) :is(.contacts-button, .contacts-icon-button, .contacts-tabs > button, .contacts-tabs > a) {
      min-height: 42px;
      max-height: none;
    }

    :where(.ws-module-surface) :is(.landing-editor, .automations-editor) :is(.contacts-icon-button, .contacts-tabs > button) {
      min-width: 42px;
    }

    :where(.ws-module-surface) .forms-field-row .contacts-icon-button {
      width: 36px;
      min-width: 36px;
      height: 36px;
    }

    :where(.ws-module-surface) .production-board-drag-handle {
      min-width: 38px;
      min-height: 42px;
    }

    :where(.ws-module-surface) .api-keys-scope-option, :where(.ws-module-surface) .platform-toggle {
      min-height: 42px;
    }
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.platform-mail-create, .platform-mail-row) {
    background: var(--dashboard-surface);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-mail-address-control, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-mail-create .input-form, .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-mail-reset .input-form {
    border-color: var(--dashboard-panel-border);
    color: var(--color-primary);
    background: #30263d;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-mail-address-control .input-form {
    background: none;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-mail-address-control > span {
    border-color: var(--dashboard-panel-border);
    color: #cbbfd7;
    background: #392d46;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) :is(.platform-mail-identity small, .platform-mail-note) {
    color: var(--ws-muted);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .platform-mail-icon {
    background: #392d46;
  }

  :where(.ws-module-surface) .alfa-copilot {
    gap: 18px;
    max-width: 1200px;
    margin-inline: auto;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-hero {
    color: #fff;
    background: radial-gradient(circle at 87% 20%, #ad86f4 0, #0000 34%), linear-gradient(120deg, #412071, #7543ce 72%, #8f62e0);
    border-radius: 16px;
    align-items: center;
    gap: 20px;
    min-height: 152px;
    padding: 24px 30px;
    display: flex;
    box-shadow: 0 12px 30px #4c2b8520;
  }

  :where(.ws-module-surface) .alfa-hero-mark svg {
    width: 29px;
    height: 29px;
  }

  :where(.ws-module-surface) .alfa-hero-eyebrow {
    color: #e6d9ff;
    letter-spacing: .15em;
    margin-bottom: 7px;
    font-size: .66rem;
    font-weight: 750;
    display: block;
  }

  :where(.ws-module-surface) .alfa-hero h1 {
    color: #fff;
    margin: 0 0 5px;
    font-size: clamp(1.3rem, 2.1vw, 1.8rem);
    line-height: 1.2;
  }

  :where(.ws-module-surface) .alfa-hero p {
    color: #f3edff;
    max-width: 680px;
    margin: 0;
    font-size: .82rem;
    line-height: 1.55;
  }

  :where(.ws-module-surface) .alfa-hero-status {
    color: #fff;
    white-space: nowrap;
    background: #fff2;
    border: 1px solid #ffffff70;
    border-radius: 30px;
    align-self: flex-start;
    margin-left: auto;
    padding: 7px 11px;
    font-size: .68rem;
  }

  :where(.ws-module-surface) .alfa-hero-status:before {
    content: "";
    background: #80f0ba;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    margin-right: 6px;
    display: inline-block;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-workspace {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 16px;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: min(720px, 100dvh - 315px);
    min-height: 540px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 5px 24px #20112f0b;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-workspace-header {
    border-bottom: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    flex: none;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-workspace-identity {
    align-items: center;
    gap: 11px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-workspace-avatar svg {
    width: 20px;
    height: 20px;
  }

  :where(.ws-module-surface) .alfa-workspace-identity strong {
    color: var(--color-primary);
    font-size: .9rem;
    line-height: 1.25;
    display: block;
  }

  :where(.ws-module-surface) .alfa-workspace-identity small {
    color: var(--dashboard-muted, #746c7e);
    margin-top: 3px;
    font-size: .7rem;
    display: block;
  }

  :where(.ws-module-surface) .alfa-workspace-tools {
    align-items: center;
    gap: 13px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-workspace-limit {
    color: var(--dashboard-muted, #746c7e);
    white-space: nowrap;
    font-size: .68rem;
  }

  :where(.ws-module-surface) .alfa-workspace-clear {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    min-height: 34px;
    color: var(--color-primary);
    cursor: pointer;
    border-radius: 8px;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    font-size: .72rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .alfa-workspace-clear svg {
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .alfa-workspace-clear:disabled {
    opacity: .5;
    cursor: default;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-messages {
    background: color-mix(in srgb, var(--dashboard-bg) 56%, var(--dashboard-surface));
    flex: 1;
    gap: 16px;
    min-height: 0;
    padding: 24px clamp(16px, 4vw, 54px);
  }

  :where(.ws-module-surface) .alfa-empty-state {
    text-align: center;
    width: 100%;
    max-width: 640px;
    margin: auto;
    padding: 16px 0;
  }

  :where(.ws-module-surface) .alfa-empty-icon svg {
    width: 27px;
    height: 27px;
  }

  :where(.ws-module-surface) .alfa-empty-state h2 {
    color: var(--color-primary);
    margin: 0 0 8px;
    font-size: clamp(1.14rem, 2vw, 1.5rem);
  }

  :where(.ws-module-surface) .alfa-empty-state p {
    max-width: 470px;
    color: var(--dashboard-muted, #746c7e);
    margin: 0 auto;
    font-size: .82rem;
    line-height: 1.6;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-suggestions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 10px;
    margin-top: 24px;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-internal-suggestions button {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    min-height: 67px;
    color: var(--color-primary);
    text-align: left;
    cursor: pointer;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    gap: 9px;
    padding: 12px 13px;
    font-size: .73rem;
    line-height: 1.4;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-internal-suggestions button:hover {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .alfa-internal-suggestions button svg {
    width: 15px;
    height: 15px;
    color: var(--color-secondary);
    flex: none;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-message {
    border-radius: 13px;
    max-width: min(78%, 720px);
    padding: 14px 17px;
    font-size: .8rem;
    line-height: 1.58;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-message.from-alfa {
    background: var(--dashboard-surface);
    border-bottom-left-radius: 4px;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-message.from-user {
    background: var(--ws-accent);
    color: #fff;
    border: 0;
    border-bottom-right-radius: 4px;
  }

  :where(.ws-module-surface) .alfa-message-sources {
    border-top: 1px solid var(--dashboard-panel-border);
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 11px;
    padding-top: 9px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-message-sources span {
    width: 100%;
    font-size: .67rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .alfa-message-sources small {
    background: color-mix(in srgb, var(--color-secondary) 10%, var(--dashboard-surface));
    border-radius: 5px;
    margin: 0;
    padding: 3px 7px;
  }

  :where(.ws-module-surface) .alfa-loading {
    color: var(--dashboard-muted, #746c7e);
    align-items: center;
    gap: 7px;
    font-size: .76rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .alfa-loading svg {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .alfa-composer-wrap {
    border-top: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    flex: none;
    padding: 14px 20px 12px;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-composer {
    border: 0;
    align-items: flex-end;
    gap: 10px;
    padding: 0;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-internal-composer textarea {
    field-sizing: content;
    resize: none;
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    min-width: 0;
    min-height: 48px;
    max-height: 130px;
    color: var(--color-primary);
    font: inherit;
    border-radius: 10px;
    flex: 1;
    padding: 12px 14px;
    font-size: .78rem;
    line-height: 1.45;
  }

  :where(.ws-module-surface) .alfa-internal-composer textarea:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--color-secondary) 35%, transparent);
    outline-offset: 1px;
    border-color: var(--color-secondary);
  }

  :where(.ws-module-surface) .alfa-internal-composer button[type="submit"] {
    background: var(--ws-accent);
    color: #fff;
    min-width: 96px;
    height: 48px;
    font: inherit;
    cursor: pointer;
    border: 0;
    border-radius: 10px;
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 0 16px;
    font-size: .76rem;
    font-weight: 650;
    display: inline-flex;
  }

  :where(.ws-module-surface) .alfa-internal-composer button[type="submit"]:disabled {
    opacity: .48;
    cursor: default;
  }

  :where(.ws-module-surface) .alfa-internal-composer button[type="submit"] svg {
    width: 17px;
    height: 17px;
  }

  :where(.ws-module-surface) .alfa-internal-composer .alfa-stop-button {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    min-width: 106px;
    height: 48px;
    color: var(--color-primary);
    font: inherit;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 10px;
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    font-size: .76rem;
    font-weight: 650;
    display: inline-flex;
  }

  :where(.ws-module-surface) .alfa-internal-composer .alfa-stop-button svg {
    fill: currentColor;
    flex: none;
    width: 15px;
    height: 15px;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-workspace-note {
    color: var(--dashboard-muted, #746c7e);
    margin: 8px 0 0;
    padding: 0;
    font-size: .66rem;
  }

  :where(.ws-module-surface) .alfa-sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  :where(.ws-module-surface) .alfa-context-entry {
    border: 1px solid color-mix(in srgb, var(--color-secondary) 20%, var(--dashboard-panel-border));
    background: color-mix(in srgb, var(--color-secondary) 5%, var(--dashboard-surface));
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    max-width: 1500px;
    margin: 0 auto 16px;
    padding: 10px 15px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-context-entry > div {
    align-items: center;
    gap: 10px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-context-entry p {
    gap: 1px;
    margin: 0;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-context-entry strong {
    color: var(--color-primary);
    font-size: .76rem;
  }

  :where(.ws-module-surface) .alfa-context-entry small {
    color: var(--dashboard-muted, #746c7e);
    font-size: .69rem;
  }

  :where(.ws-module-surface) .alfa-context-entry button {
    border: 1px solid color-mix(in srgb, var(--color-secondary) 28%, var(--dashboard-panel-border));
    background: var(--dashboard-surface);
    min-height: 34px;
    color: var(--color-secondary);
    cursor: pointer;
    border-radius: 8px;
    flex: none;
    align-items: center;
    gap: 6px;
    padding: 6px 11px;
    font-size: .72rem;
    font-weight: 650;
    display: inline-flex;
  }

  :where(.ws-module-surface) .alfa-dashboard-launcher {
    z-index: 80;
    right: 20px;
    bottom: max(20px, env(safe-area-inset-bottom));
    background: var(--ws-accent);
    color: #fff;
    min-height: 45px;
    font: inherit;
    cursor: pointer;
    border: 1px solid #ffffff5c;
    border-radius: 24px;
    align-items: center;
    gap: 9px;
    padding: 10px 15px;
    font-size: .75rem;
    font-weight: 700;
    display: inline-flex;
    position: fixed;
    box-shadow: 0 8px 24px #48277542;
  }

  .alfa-assistant-host {
    z-index: 3000;
    pointer-events: none;
    position: fixed;
    inset: 0;
  }

  .alfa-assistant-host :is(.alfa-dashboard-launcher, .alfa-dashboard-overlay) {
    pointer-events: auto;
  }

  :where(.ws-module-surface) .alfa-dashboard-launcher svg {
    width: 20px;
    height: 20px;
  }

  :where(.ws-module-surface) .alfa-dashboard-launcher:hover {
    background: #6335b5;
  }

  :where(.ws-module-surface) .alfa-dashboard-overlay {
    z-index: 2200;
    justify-content: flex-end;
    display: flex;
    position: fixed;
    inset: 0;
  }

  :where(.ws-module-surface) .alfa-dashboard-scrim {
    cursor: default;
    background: #160e2666;
    border: 0;
    position: absolute;
    inset: 0;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer {
    border-left: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    flex-direction: column;
    width: min(480px, 100vw);
    height: 100dvh;
    min-height: 0;
    display: flex;
    position: relative;
    box-shadow: -12px 0 40px #2110352d;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer-header {
    border-bottom: 1px solid var(--dashboard-panel-border);
    flex: none;
    align-items: center;
    gap: 10px;
    padding: 16px 18px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer-header strong {
    color: var(--color-primary);
    font-size: .9rem;
    display: block;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer-header small {
    color: var(--dashboard-muted, #746c7e);
    font-size: .7rem;
    display: block;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer-header button {
    width: 34px;
    height: 34px;
    color: var(--color-primary);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 8px;
    place-items: center;
    margin-left: auto;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer-header button:hover {
    background: var(--dashboard-bg);
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-copilot {
    flex: 1;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-workspace {
    height: auto;
    min-height: 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    flex: 1;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-workspace-header, :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-workspace-limit {
    display: none;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-internal-messages {
    padding: 16px;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-internal-suggestions {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-internal-suggestions button {
    min-height: 46px;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-internal-message {
    max-width: 94%;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-composer-wrap {
    padding: 12px 15px;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-internal-composer button[type="submit"] {
    width: 48px;
    min-width: 48px;
    padding: 0;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-internal-composer button[type="submit"] span {
    display: none;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-internal-composer .alfa-stop-button {
    width: 48px;
    min-width: 48px;
    padding: 0;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-internal-composer .alfa-stop-button span {
    display: none;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer-footer {
    border-top: 1px solid var(--dashboard-panel-border);
    flex: none;
    justify-content: center;
    padding: 10px 16px 14px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer-footer a {
    color: var(--color-secondary);
    align-items: center;
    gap: 7px;
    font-size: .72rem;
    font-weight: 650;
    text-decoration: none;
    display: inline-flex;
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .alfa-hero {
      align-items: flex-start;
      gap: 13px;
      min-height: 0;
      padding: 19px;
    }

    :where(.ws-module-surface) .alfa-hero-mark svg {
      width: 21px;
      height: 21px;
    }

    :where(.ws-module-surface) .alfa-hero-status {
      display: none;
    }

    :where(.ws-module-surface) .alfa-copilot .alfa-workspace {
      height: clamp(360px, 100dvh - 425px, 560px);
      min-height: 360px;
    }

    :where(.ws-module-surface) .alfa-copilot .alfa-internal-suggestions {
      grid-template-columns: 1fr;
      gap: 7px;
    }

    :where(.ws-module-surface) .alfa-internal-suggestions button {
      min-height: 47px;
    }

    :where(.ws-module-surface) .alfa-copilot .alfa-internal-messages {
      padding: 14px;
    }

    :where(.ws-module-surface) .alfa-copilot .alfa-internal-message {
      max-width: 96%;
    }

    :where(.ws-module-surface) .alfa-workspace-limit {
      display: none;
    }

    :where(.ws-module-surface) .alfa-context-entry {
      margin-inline: 10px;
      padding: 9px 10px;
    }

    :where(.ws-module-surface) .alfa-context-entry small {
      display: none;
    }

    :where(.ws-module-surface) .alfa-dashboard-launcher {
      right: 14px;
      bottom: max(14px, env(safe-area-inset-bottom));
      min-height: 44px;
      padding: 9px 12px;
    }

    :where(.ws-module-surface) .alfa-dashboard-launcher .alfa-launcher-label {
      display: none;
    }

    :where(.ws-module-surface) .alfa-dashboard-drawer {
      border: 0;
      width: 100vw;
    }

    :where(.ws-module-surface) .alfa-dashboard-drawer .alfa-workspace {
      height: auto;
      min-height: 0;
    }

    :where(.ws-module-surface) .alfa-internal-composer textarea {
      font-size: 16px;
    }
  }

  @media (max-width: 390px) {
    :where(.ws-module-surface) .alfa-context-entry button {
      padding: 6px 8px;
      font-size: .66rem;
    }

    :where(.ws-module-surface) .alfa-workspace-clear span {
      display: none;
    }
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-answer-content {
    font: inherit;
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-answer-content p {
    white-space: normal;
    margin: 0 0 10px;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-answer-content strong {
    font: inherit;
    color: inherit;
    margin: 0;
    font-weight: 650;
    display: inline;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-answer-content ul {
    margin: 8px 0 12px;
    padding-left: 20px;
    list-style: outside;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-answer-content li {
    margin: 5px 0;
    padding-left: 2px;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-answer-content > :last-child {
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .alfa-composer-actions {
    margin-bottom: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-composer-actions .contacts-button {
    gap: 6px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: .73rem;
  }

  :where(.ws-module-surface) .alfa-conversation-action {
    border: 1px solid color-mix(in srgb, var(--color-secondary) 25%, var(--dashboard-panel-border));
    background: var(--dashboard-surface);
    width: 100%;
    max-width: 640px;
    color: var(--color-primary);
    font: inherit;
    border-radius: 14px;
    gap: 18px;
    padding: 18px;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-action-heading {
    align-items: flex-start;
    gap: 10px;
    display: flex;
  }

  :where(.ws-module-surface) .alfa-action-heading > div {
    flex: 1;
    min-width: 0;
  }

  :where(.ws-module-surface) .alfa-action-heading strong {
    font-size: .83rem;
    font-weight: 650;
    display: block;
  }

  :where(.ws-module-surface) .alfa-action-heading p {
    color: var(--dashboard-muted, #746c7e);
    margin: 5px 0 0;
    font-size: .74rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .alfa-action-icon {
    width: 32px;
    height: 32px;
    color: var(--color-secondary);
    background: color-mix(in srgb, var(--color-secondary) 10%, var(--dashboard-surface));
    border-radius: 10px;
    flex: none;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-action-dismiss {
    width: 30px;
    height: 30px;
    color: var(--dashboard-muted, #746c7e);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 8px;
    flex: none;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-action-dismiss:hover {
    background: var(--dashboard-bg);
  }

  :where(.ws-module-surface) .alfa-action-dismiss:focus-visible {
    outline: 2px solid var(--color-secondary);
  }

  :where(.ws-module-surface) .alfa-action-fields {
    border: 0;
    gap: 16px;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: grid;
  }

  :where(.ws-module-surface) .alfa-conversation-action .form-group {
    gap: 7px;
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .alfa-conversation-action .form-label {
    font-size: .75rem;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .alfa-conversation-action .input-form {
    width: 100%;
    min-height: 42px;
    padding: 11px 12px;
    font-family: inherit;
    font-size: .8rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .alfa-conversation-action textarea.input-form {
    resize: vertical;
    min-height: 88px;
  }

  :where(.ws-module-surface) .alfa-conversation-action .selectSearchTrigger {
    width: 100%;
    min-height: 42px;
    font-size: .8rem;
  }

  :where(.ws-module-surface) .alfa-conversation-action .fieldSelectSelectedBadge, :where(.ws-module-surface) .alfa-conversation-action .fieldSelectPlaceholder {
    font-size: .8rem;
  }

  :where(.ws-module-surface) .alfa-conversation-action .alfa-action-preview {
    gap: 16px;
  }

  :where(.ws-module-surface) .alfa-conversation-action .alfa-action-preview dl {
    background: var(--dashboard-bg);
    border-radius: 10px;
    gap: 12px;
    margin: 0;
    padding: 14px;
  }

  :where(.ws-module-surface) .alfa-conversation-action .alfa-action-preview dd {
    font-size: .8rem;
  }

  :where(.ws-module-surface) .alfa-conversation-action .checkbox-label {
    font-size: .76rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .alfa-conversation-action .alfa-action-buttons {
    padding-top: 2px;
  }

  :where(.ws-module-surface) .alfa-conversation-action .alfa-action-expiry {
    color: var(--dashboard-muted, #746c7e);
    margin: 0;
    font-size: .7rem;
  }

  :where(.ws-module-surface) .alfa-action-success {
    color: var(--color-secondary);
    align-items: center;
    gap: 7px;
    margin: 0;
    font-size: .8rem;
    display: flex;
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .alfa-conversation-action {
      padding: 14px;
    }

    :where(.ws-module-surface) .alfa-conversation-action .alfa-action-buttons > button {
      flex: 1;
      justify-content: center;
    }
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .alfa-copilot .alfa-workspace-header {
      flex-direction: row;
      gap: 10px;
    }

    :where(.ws-module-surface) .alfa-copilot:not(.alfa-copilot-compact):has(.alfa-conversation-action) .alfa-workspace {
      height: calc(100dvh - 90px);
      min-height: 560px;
    }
  }

  :where(.ws-module-surface) .alfa-hero {
    border: 1px solid var(--dashboard-panel-border);
    background: radial-gradient(circle at 85% 20%, #aa73ed20, transparent 45%), var(--dashboard-surface);
    color: var(--color-primary);
    box-shadow: 0 12px 30px #4c2b8510;
  }

  :where(.ws-module-surface) .alfa-hero h1 {
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .alfa-hero p {
    color: var(--dashboard-muted, #746c7e);
  }

  :where(.ws-module-surface) .alfa-hero-eyebrow {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .alfa-hero-status {
    border-color: var(--dashboard-panel-border);
    background: var(--dashboard-bg);
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .alfa-hero-mark {
    --alfa-mark-size: 56px;
  }

  :where(.ws-module-surface) .alfa-workspace-avatar {
    --alfa-mark-size: 38px;
  }

  :where(.ws-module-surface) .alfa-empty-icon {
    --alfa-mark-size: 56px;
    margin: 0 auto 18px;
    display: block;
  }

  :where(.ws-module-surface) .alfa-context-icon {
    --alfa-mark-size: 30px;
  }

  :where(.ws-module-surface) .alfa-dashboard-drawer-mark {
    --alfa-mark-size: 34px;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-workspace {
    border-radius: 20px;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-message {
    border-radius: 16px;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-message.from-alfa {
    border: 1px solid var(--dashboard-panel-border);
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-message.from-user {
    background: color-mix(in srgb, var(--color-secondary) 15%, var(--dashboard-surface));
    color: var(--color-primary);
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-message.from-user strong {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .alfa-internal-suggestions button, :where(.ws-module-surface) .alfa-internal-composer textarea, :where(.ws-module-surface) .alfa-workspace-clear {
    border-radius: 12px;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-composer textarea {
    box-sizing: border-box;
    min-height: 52px;
    max-height: 160px;
    padding: 15px 16px;
    font-size: 14px;
    line-height: 20px;
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-composer textarea::placeholder {
    color: var(--dashboard-muted, #746c7e);
  }

  :where(.ws-module-surface) .alfa-copilot .alfa-internal-composer button[type="submit"], :where(.ws-module-surface) .alfa-copilot .alfa-internal-composer .alfa-stop-button {
    box-sizing: border-box;
    height: 52px;
  }

  :where(.ws-module-surface) .alfa-dashboard-launcher {
    background: linear-gradient(var(--dashboard-surface), var(--dashboard-surface)) padding-box,
    linear-gradient(115deg, #e486d4, #9764ed 48%, #bda0ff) border-box;
    min-height: 46px;
    color: var(--color-primary);
    border: 1px solid #0000;
    border-radius: 999px;
    gap: 12px;
    padding: 8px 18px 8px 10px;
    font-weight: 500;
    transition: box-shadow .2s;
    box-shadow: 0 0 18px #ae63e523, 0 6px 20px #30144c14;
  }

  :where(.ws-module-surface) .alfa-dashboard-launcher:hover {
    background: linear-gradient(var(--dashboard-surface), var(--dashboard-surface)) padding-box, linear-gradient(115deg, #d553bd, #9764ed 48%, #a47aff) border-box;
    box-shadow: 0 0 24px #ae63e540, 0 6px 20px #30144c20;
  }

  :where(.ws-module-surface) .alfa-dashboard-launcher:focus-visible {
    outline: 2px solid var(--color-secondary);
    outline-offset: 4px;
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .alfa-hero-mark {
      --alfa-mark-size: 40px;
    }

    :where(.ws-module-surface) .alfa-dashboard-launcher {
      padding: 8px;
    }

    :where(.ws-module-surface) .alfa-copilot .alfa-internal-composer textarea {
      padding: 13px 14px;
      font-size: 16px;
      line-height: 24px;
    }
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-results {
    padding: 0;
    overflow: hidden;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-results-tabs {
    border-bottom: 1px solid var(--dashboard-panel-border);
    background: color-mix(in srgb, var(--color-secondary) 2%, var(--dashboard-surface));
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    padding: 12px 16px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-results-tabs button {
    min-height: 38px;
    color: var(--dashboard-button-text);
    border: 1px solid #0000;
    border-radius: 7px;
    padding: 0 13px;
    font-weight: 550;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-results-tabs button.active {
    border-color: color-mix(in srgb, var(--color-secondary) 17%, var(--dashboard-panel-border));
    background: color-mix(in srgb, var(--color-secondary) 10%, var(--dashboard-surface));
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-results-tabs button:focus-visible, :where(.ws-module-surface) .campaigns-detail .campaign-result-link:focus-visible {
    outline: 2px solid var(--color-secondary);
    outline-offset: 2px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-results-body {
    min-width: 0;
    padding: 24px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-heading {
    margin-bottom: 18px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-heading > div > span {
    color: var(--color-secondary);
    letter-spacing: .09em;
    margin-bottom: 6px;
    font-size: .68rem;
    font-weight: 700;
    display: block;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-heading h2 {
    color: var(--color-primary);
    align-items: center;
    gap: 9px;
    margin: 0;
    font-size: 1.08rem;
    font-weight: 680;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-heading h2 small {
    background: color-mix(in srgb, var(--color-secondary) 11%, var(--dashboard-surface));
    min-height: 23px;
    color: var(--color-secondary);
    border-radius: 99px;
    align-items: center;
    padding: 2px 8px;
    font-size: .72rem;
    font-weight: 650;
    display: inline-flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-heading p {
    color: var(--dashboard-muted, #746c7e);
    margin: 5px 0 0;
    font-size: .78rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-summary {
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 17px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-summary > span {
    border: 1px solid var(--dashboard-panel-border);
    background: color-mix(in srgb, var(--color-secondary) 2%, var(--dashboard-surface));
    color: var(--dashboard-muted, #746c7e);
    border-radius: 8px;
    align-items: baseline;
    gap: 5px;
    padding: 9px 12px;
    font-size: .73rem;
    display: inline-flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-summary strong {
    color: var(--color-primary);
    font-size: .84rem;
    font-weight: 680;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-table {
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 9px;
    overflow-x: auto;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-table .contacts-table {
    min-width: 620px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-table .contacts-table th {
    background: color-mix(in srgb, var(--color-secondary) 3%, var(--dashboard-surface));
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-table .contacts-table td {
    color: var(--dashboard-muted, #746c7e);
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-table .contacts-table td strong {
    color: var(--color-primary);
    font-weight: 650;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-link {
    color: var(--color-primary);
    align-items: center;
    gap: 5px;
    font-weight: 650;
    text-decoration: none;
    display: inline-flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-link:hover {
    color: var(--color-secondary);
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-link svg {
    flex: none;
    width: 13px;
    height: 13px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-deal-status {
    background: color-mix(in srgb, var(--color-secondary) 9%, var(--dashboard-surface));
    color: var(--color-secondary);
    border-radius: 99px;
    padding: 4px 8px;
    font-size: .7rem;
    font-weight: 650;
    display: inline-flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-deal-status.won {
    color: #24824e;
    background: #e7f6ec;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-deal-status.lost {
    color: #b34b5b;
    background: #fcebec;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-metric {
    border: 1px solid var(--dashboard-panel-border);
    background: color-mix(in srgb, var(--color-secondary) 2%, var(--dashboard-surface));
    border-radius: 10px;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
    min-height: 128px;
    padding: 19px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-metric-icon, :where(.ws-module-surface) .campaigns-detail .campaign-result-subsection-icon, :where(.ws-module-surface) .campaigns-detail .campaign-result-empty-icon {
    background: color-mix(in srgb, var(--color-secondary) 11%, var(--dashboard-surface));
    width: 40px;
    height: 40px;
    color: var(--color-secondary);
    border-radius: 10px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-metric-icon svg, :where(.ws-module-surface) .campaigns-detail .campaign-result-subsection-icon svg, :where(.ws-module-surface) .campaigns-detail .campaign-result-empty-icon svg {
    width: 19px;
    height: 19px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-metric > div {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-metric > div > span {
    color: var(--dashboard-muted, #746c7e);
    font-size: .74rem;
    font-weight: 550;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-metric strong {
    color: var(--color-primary);
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
    margin: 5px 0 3px;
    font-size: clamp(1.24rem, 2vw, 1.65rem);
    font-weight: 700;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-metric small {
    color: var(--dashboard-muted, #746c7e);
    font-size: .7rem;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-note {
    color: var(--dashboard-muted, #746c7e);
    margin: 14px 0 0;
    font-size: .77rem;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 14px;
    display: grid;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-subsection {
    border: 1px solid var(--dashboard-panel-border);
    background: color-mix(in srgb, var(--color-secondary) 2%, var(--dashboard-surface));
    border-radius: 10px;
    min-width: 0;
    padding: 19px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-subsection > header {
    align-items: center;
    gap: 11px;
    margin-bottom: 17px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-subsection h3 {
    color: var(--color-primary);
    margin: 0;
    font-size: .86rem;
    font-weight: 680;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-subsection header p {
    color: var(--dashboard-muted, #746c7e);
    margin: 3px 0 0;
    font-size: .72rem;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-records {
    gap: 7px;
    margin-bottom: 15px;
    display: grid;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-record {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 7px;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 12px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-record > div {
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-record strong {
    color: var(--color-primary);
    font-size: .81rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-record span, :where(.ws-module-surface) .campaigns-detail .campaign-result-record time {
    color: var(--dashboard-muted, #746c7e);
    overflow-wrap: anywhere;
    font-size: .71rem;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-record time {
    flex: none;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-record > svg {
    color: var(--color-secondary);
    flex: none;
    width: 16px;
    height: 16px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-empty {
    border: 1px dashed var(--dashboard-panel-border);
    background: color-mix(in srgb, var(--color-secondary) 2%, var(--dashboard-surface));
    text-align: center;
    border-radius: 9px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 180px;
    padding: 25px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-empty-icon {
    margin-bottom: 11px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-empty strong {
    color: var(--color-primary);
    font-size: .83rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-empty p {
    max-width: 370px;
    color: var(--dashboard-muted, #746c7e);
    margin: 5px 0 0;
    font-size: .75rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-empty .contacts-button {
    margin-top: 15px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-subsection .campaign-result-empty {
    min-height: 158px;
    margin-bottom: 15px;
    padding: 17px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-form {
    border-top: 1px solid var(--dashboard-panel-border);
    padding-top: 15px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-form h4 {
    color: var(--color-primary);
    margin: 0 0 12px;
    font-size: .77rem;
    font-weight: 650;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-form-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
    display: grid;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-form-fields .form-group {
    min-width: 0;
    margin: 0;
  }

  :where(.ws-module-surface) .campaigns-detail .campaign-result-form > .contacts-button {
    min-height: 36px;
  }

  @media (max-width: 900px) {
    :where(.ws-module-surface) .campaigns-detail .campaign-result-columns {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 600px) {
    :where(.ws-module-surface) .campaigns-detail .campaign-results-tabs {
      flex-wrap: nowrap;
      padding: 10px 12px;
      overflow-x: auto;
    }

    :where(.ws-module-surface) .campaigns-detail .campaign-results-tabs button {
      white-space: nowrap;
      flex: none;
    }

    :where(.ws-module-surface) .campaigns-detail .campaign-results-body {
      padding: 17px 14px;
    }

    :where(.ws-module-surface) .campaigns-detail .campaign-result-metrics {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .campaigns-detail .campaign-result-metric {
      min-height: 105px;
      padding: 16px;
    }

    :where(.ws-module-surface) .campaigns-detail .campaign-result-subsection {
      padding: 15px;
    }

    :where(.ws-module-surface) .campaigns-detail .campaign-result-form-fields {
      grid-template-columns: 1fr;
    }
  }

  :where(.ws-module-surface) .forms-page, :where(.ws-module-surface) .forms-editor {
    min-width: 0;
  }

  :where(.ws-module-surface) .forms-editor .forms-editor-tabs, :where(.ws-module-surface) .forms-page .forms-tabs {
    flex-wrap: wrap;
    row-gap: 3px;
    overflow: visible;
  }

  :where(.ws-module-surface) .forms-editor .forms-editor-tabs > button, :where(.ws-module-surface) .forms-page .forms-tabs > button {
    white-space: normal;
    text-align: left;
    flex: 0 auto;
    height: auto;
    min-height: 38px;
    max-height: none;
    line-height: 1.25;
  }

  :where(.ws-module-surface) .forms-editor .forms-editor-tabs > button:focus-visible, :where(.ws-module-surface) .forms-page .forms-tabs > button:focus-visible, :where(.ws-module-surface) .forms-editor .forms-field-row button:focus-visible, :where(.ws-module-surface) .forms-editor .forms-preview-devices button:focus-visible {
    outline: 2px solid var(--color-secondary);
    outline-offset: -2px;
  }

  :where(.ws-module-surface) .forms-editor .forms-editor-grid {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.6fr) minmax(0, .9fr);
  }

  :where(.ws-module-surface) .forms-editor .forms-editor-fields, :where(.ws-module-surface) .forms-editor .forms-editor-preview, :where(.ws-module-surface) .forms-editor .forms-editor-properties {
    overflow: visible;
  }

  :where(.ws-module-surface) .forms-editor .forms-editor-field-list {
    max-height: none;
    overflow: visible;
  }

  :where(.ws-module-surface) .forms-editor .forms-field-row {
    background: var(--dashboard-surface);
    gap: 6px;
    min-width: 0;
    min-height: 66px;
    padding: 8px;
  }

  :where(.ws-module-surface) .forms-editor .forms-field-select {
    min-width: 0;
    padding: 2px 0;
  }

  :where(.ws-module-surface) .forms-editor .forms-field-select strong, :where(.ws-module-surface) .forms-editor .forms-field-select small {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  :where(.ws-module-surface) .forms-editor .forms-field-select strong {
    font-size: .79rem;
  }

  :where(.ws-module-surface) .forms-editor .forms-field-actions {
    align-items: center;
    gap: 2px;
  }

  :where(.ws-module-surface) .forms-editor .forms-field-row .contacts-icon-button {
    border-radius: 6px;
    width: 28px;
    height: 28px;
    padding: 6px;
  }

  :where(.ws-module-surface) .forms-editor .forms-field-row .contacts-icon-button svg {
    width: 14px;
    height: 14px;
  }

  :where(.ws-module-surface) .forms-editor .forms-field-row .contacts-icon-button:hover:not(:disabled) {
    background: var(--dashboard-button-hover);
  }

  :where(.ws-module-surface) .forms-editor .forms-field-row.selected {
    background: color-mix(in srgb, var(--color-secondary) 6%, var(--dashboard-surface));
  }

  :where(.ws-module-surface) .forms-editor .forms-field-select, :where(.ws-module-surface) .forms-editor .forms-preview-field {
    font: inherit;
    color: inherit;
    cursor: pointer;
  }

  :where(.ws-module-surface) .forms-editor .forms-preview-stage {
    min-width: 0;
    padding: clamp(12px, 2vw, 25px);
  }

  :where(.ws-module-surface) .forms-editor .forms-preview-paper {
    min-width: 0;
  }

  :where(.ws-module-surface) .forms-editor .forms-preview-title h3, :where(.ws-module-surface) .forms-editor .forms-preview-title p, :where(.ws-module-surface) .forms-editor .forms-preview-consent {
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .forms-editor .forms-preview-control {
    min-width: 0;
  }

  :where(.ws-module-surface) .forms-editor .forms-preview-devices {
    flex: none;
  }

  :where(.ws-module-surface) .forms-editor .forms-settings-card, :where(.ws-module-surface) .forms-editor .forms-settings-content, :where(.ws-module-surface) .forms-editor .forms-embed-code, :where(.ws-module-surface) .forms-editor .forms-embed-code-fields, :where(.ws-module-surface) .forms-editor .forms-embed-code-fields .form-group, :where(.ws-module-surface) .forms-editor .forms-settings-stack .form-group {
    min-width: 0;
  }

  :where(.ws-module-surface) .forms-editor .forms-embed-code-fields textarea.input-form {
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .forms-editor .forms-embed-footer {
    flex-wrap: wrap;
  }

  :where(.ws-module-surface) .forms-editor .forms-embed-footer span {
    flex: 220px;
  }

  :where(.ws-module-surface) .forms-editor .forms-embed-heading p, :where(.ws-module-surface) .forms-editor .forms-embed-notice, :where(.ws-module-surface) .forms-editor .forms-embed-guide li {
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .forms-page .forms-custom-heading {
    flex-wrap: wrap;
    align-items: center;
  }

  :where(.ws-module-surface) .forms-page .forms-custom-heading > div {
    min-width: 0;
  }

  :where(.ws-module-surface) .forms-page .forms-custom-item {
    background: var(--dashboard-surface);
    min-width: 0;
  }

  :where(.ws-module-surface) .forms-page .forms-custom-item > span:nth-child(2), :where(.ws-module-surface) .forms-page .forms-custom-item strong, :where(.ws-module-surface) .forms-page .forms-custom-item small {
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .forms-page .forms-table .landing-name {
    flex-direction: column;
    display: flex;
  }

  :where(.ws-module-surface) .forms-editor .forms-submissions {
    overflow: hidden;
  }

  :where(.ws-module-surface) .forms-editor .forms-submissions .contacts-table {
    min-width: 680px;
  }

  :where(.ws-module-surface) .forms-editor .forms-submissions .contacts-table td {
    vertical-align: top;
  }

  :where(.ws-module-surface) .forms-editor .forms-submissions .forms-submission-responses {
    white-space: normal;
    overflow-wrap: anywhere;
    max-width: 480px;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .forms-editor .forms-submission-values {
    gap: 5px;
    margin: 0;
    display: grid;
  }

  :where(.ws-module-surface) .forms-editor .forms-submission-values > div {
    gap: 5px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .forms-editor .forms-submission-values dt {
    color: var(--dashboard-muted, #746c7e);
    flex: none;
    font-size: .7rem;
    font-weight: 600;
  }

  :where(.ws-module-surface) .forms-editor .forms-submission-values dt:after {
    content: ":";
  }

  :where(.ws-module-surface) .forms-editor .forms-submission-values dd {
    min-width: 0;
    color: var(--color-primary);
    overflow-wrap: anywhere;
    font-size: .74rem;
  }

  :where(.ws-module-surface) .forms-editor .forms-submission-link {
    color: var(--color-secondary);
    font-weight: 600;
    text-decoration: none;
  }

  :where(.ws-module-surface) .forms-editor .forms-submission-link:hover {
    text-decoration: underline;
  }

  :where(.ws-module-surface) .forms-editor .forms-submission-status {
    white-space: nowrap;
    border-radius: 99px;
    padding: 4px 8px;
    font-size: .7rem;
    font-weight: 650;
    display: inline-flex;
  }

  :where(.ws-module-surface) .forms-editor .forms-submission-status.processed {
    background: color-mix(in srgb, #24824e 12%, var(--dashboard-surface));
    color: #24824e;
  }

  :where(.ws-module-surface) .forms-editor .forms-submission-status.review {
    background: color-mix(in srgb, #ab7620 14%, var(--dashboard-surface));
    color: #956316;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-editor .forms-submission-status.processed {
    color: #72d6a0;
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .forms-editor .forms-submission-status.review {
    color: #f0c67b;
  }

  @container dashboard-module (max-width: 1180px) {
    :where(.ws-module-surface) .forms-editor .forms-editor-grid {
      grid-template-columns: minmax(0, .9fr) minmax(0, 1.5fr);
    }

    :where(.ws-module-surface) .forms-editor .forms-editor-properties {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .forms-editor .forms-property-fields {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .forms-editor .forms-field-row {
      grid-template-columns: 16px minmax(0, 1fr);
      display: grid;
    }

    :where(.ws-module-surface) .forms-editor .forms-field-actions {
      grid-column: 2;
      justify-content: flex-end;
    }
  }

  @container dashboard-module (max-width: 900px) {
    :where(.ws-module-surface) .forms-editor .forms-editor-grid, :where(.ws-module-surface) .forms-editor .forms-settings-layout, :where(.ws-module-surface) .forms-editor .forms-embed-layout {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .forms-editor .forms-editor-properties, :where(.ws-module-surface) .forms-editor .forms-embed-heading, :where(.ws-module-surface) .forms-editor .forms-embed-notice {
      grid-column: auto;
    }

    :where(.ws-module-surface) .forms-editor .forms-field-row {
      display: flex;
    }
  }

  @container dashboard-module (max-width: 600px) {
    :where(.ws-module-surface) .forms-editor .forms-property-fields, :where(.ws-module-surface) .forms-editor .forms-preview-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .forms-editor .forms-preview-field, :where(.ws-module-surface) .forms-editor .forms-preview-field.half {
      grid-column: 1;
    }

    :where(.ws-module-surface) .forms-editor .forms-editor-grid .contacts-panel, :where(.ws-module-surface) .forms-editor .forms-settings-card {
      padding: 14px;
    }

    :where(.ws-module-surface) .forms-editor .forms-preview-paper {
      padding: 16px;
    }

    :where(.ws-module-surface) .forms-editor .forms-field-row .contacts-icon-button {
      width: 32px;
      height: 32px;
    }
  }

  @container dashboard-module (max-width: 420px) {
    :where(.ws-module-surface) .forms-editor .forms-field-row {
      grid-template-columns: 16px minmax(0, 1fr);
      display: grid;
    }

    :where(.ws-module-surface) .forms-editor .forms-field-actions {
      grid-column: 2;
      justify-content: flex-start;
    }

    :where(.ws-module-surface) .forms-editor .forms-editor-tabs > button {
      flex: calc(50% - 5px);
    }

    :where(.ws-module-surface) .forms-editor .forms-embed-modes {
      width: 100%;
      display: flex;
    }

    :where(.ws-module-surface) .forms-editor .forms-embed-modes button {
      flex: 1;
      min-width: 0;
    }

    :where(.ws-module-surface) .forms-page .forms-tabs > button {
      flex: calc(50% - 5px);
    }
  }

  @media (pointer: coarse) {
    :where(.ws-module-surface) .forms-editor .forms-field-row .contacts-icon-button {
      width: 40px;
      min-width: 40px;
      height: 40px;
    }

    :where(.ws-module-surface) .forms-editor .forms-field-row .contacts-icon-button svg {
      width: 16px;
      height: 16px;
    }
  }

  :where(.ws-module-surface) .contacts-page {
    container: dashboard-module / inline-size;
  }

  @container dashboard-module (max-width: 980px) {
    :where(.ws-module-surface) .contacts-page .contacts-tabs:not(.landing-inspector-tabs) {
      scroll-snap-type: none;
      flex-wrap: wrap;
      row-gap: 3px;
      overflow: visible;
    }

    :where(.ws-module-surface) .contacts-page .contacts-tabs:not(.landing-inspector-tabs) > :is(button, a) {
      white-space: normal;
      flex: 0 auto;
      height: auto;
      min-height: 38px;
      max-height: none;
      line-height: 1.25;
    }
  }

  @container dashboard-module (max-width: 780px) {
    :where(.ws-module-surface) :is(.operations-page, .campaigns-page, .marketing-performance-page, .landing-pages-page, .landing-results, .forms-page, .forms-editor, .automations-page, .supplies-page, .production-page, .installations-page, .service-page, .platform-page, .subscription-page, .api-keys-page, .integrations-page, .users-page, .implantacao-page, .settings-page, .commercial-page, .performance-page, .indicators-page, .profitability-page, .reports-page) .contacts-tabs {
      scroll-snap-type: none;
      flex-wrap: wrap;
      row-gap: 3px;
      overflow: visible;
    }

    :where(.ws-module-surface) :is(.operations-page, .campaigns-page, .marketing-performance-page, .landing-pages-page, .landing-results, .forms-page, .forms-editor, .automations-page, .supplies-page, .production-page, .installations-page, .service-page, .platform-page, .subscription-page, .api-keys-page, .integrations-page, .users-page, .implantacao-page, .settings-page, .commercial-page, .performance-page, .indicators-page, .profitability-page, .reports-page) .contacts-tabs > :is(button, a) {
      white-space: normal;
      flex: 0 auto;
      height: auto;
      min-height: 38px;
      max-height: none;
      line-height: 1.25;
    }
  }

  @media (max-width: 760px) {
    :where(.ws-module-surface) :is(.deals-page, .projects-detail, .financial-report-page, .financial-overview-page, .inbox-page, .contacts-page) .contacts-tabs {
      flex-wrap: wrap;
      row-gap: 3px;
      overflow: visible;
    }

    :where(.ws-module-surface) :is(.deals-page, .projects-detail, .financial-report-page, .financial-overview-page, .inbox-page, .contacts-page) .contacts-tabs > :is(button, a) {
      white-space: normal;
      flex: 0 auto;
      height: auto;
      min-height: 38px;
      max-height: none;
      line-height: 1.25;
    }
  }

  :where(.ws-module-surface) .proposals-workspace .proposals-history-row {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 9px;
    min-width: 0;
    padding: 13px 14px;
  }

  :where(.ws-module-surface) .proposals-workspace .proposals-history-row > strong {
    overflow-wrap: anywhere;
    flex: 145px;
    min-width: 0;
  }

  :where(.ws-module-surface) .proposals-workspace .proposals-history-row > .proposals-status, :where(.ws-module-surface) .proposals-workspace .proposals-history-row > .contacts-button {
    flex: none;
  }

  :where(.ws-module-surface) .proposals-workspace .proposals-history-row > span:not(.proposals-status) {
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .proposals-workspace .proposals-history-row:last-child {
    border-bottom: 1px solid var(--dashboard-panel-border);
  }

  :where(.ws-module-surface) .proposals-status.generated, :where(.ws-module-surface) .proposals-status.signed, :where(.ws-module-surface) .proposals-status.signed_externally {
    background: color-mix(in srgb, #258557 12%, var(--dashboard-surface));
    color: #23734d;
  }

  :where(.ws-module-surface) .proposals-status.draft {
    background: color-mix(in srgb, var(--color-secondary) 10%, var(--dashboard-surface));
    color: var(--color-secondary);
  }

  .ws-shell[data-theme="dark"] :where(.ws-module-surface) .proposals-status:is(.generated, .signed, .signed_externally) {
    color: #7bd4a2;
  }

  @container dashboard-module (max-width: 620px) {
    :where(.ws-module-surface) .proposals-workspace .proposals-history-row {
      align-items: flex-start;
    }

    :where(.ws-module-surface) .proposals-workspace .proposals-history-row > strong {
      flex-basis: 100%;
    }
  }

  :where(.ws-module-surface) .marketing-performance-section:has( > .contacts-table-scroll) {
    overflow: hidden;
  }

  :where(.ws-module-surface) .platform-page .platform-section:has( > .contacts-table-scroll) {
    overflow: hidden;
  }

  :where(.ws-module-surface) .service-detail .service-section:has( > .contacts-table-scroll) {
    overflow: hidden;
  }

  :where(.ws-module-surface) :scope .marketing-performance-section > .contacts-table-scroll {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  :is(:where(.ws-module-surface) .platform-page .platform-section:has( > .contacts-table-scroll), :where(.ws-module-surface) .service-detail .service-section:has( > .contacts-table-scroll)) {
    gap: 0;
    padding: 0;
  }

  :where(.ws-module-surface) .platform-page .platform-section:has( > .contacts-table-scroll) > .platform-section-heading {
    border-bottom: 1px solid var(--dashboard-panel-border);
    padding: 20px;
  }

  :where(.ws-module-surface) .service-detail .service-section:has( > .contacts-table-scroll) > .service-section-head {
    border-bottom: 1px solid var(--dashboard-panel-border);
    margin: 0;
    padding: 18px 20px;
  }

  @media (max-width: 600px) {
    :is(:where(.ws-module-surface) .platform-page .platform-section:has( > .contacts-table-scroll) > .platform-section-heading, :where(.ws-module-surface) .service-detail .service-section:has( > .contacts-table-scroll) > .service-section-head) {
      padding: 15px;
    }
  }

  :where(.ws-module-surface) .integrations-ad-card {
    align-items: stretch;
    gap: 14px;
    padding: 20px;
    scroll-margin-top: 100px;
  }

  :where(.ws-module-surface) .integrations-ad-card .integrations-card-heading, :where(.ws-module-surface) .integrations-calendar-card .integrations-card-heading {
    gap: 12px;
  }

  :where(.ws-module-surface) .integrations-ad-card .integrations-card-icon, :where(.ws-module-surface) .integrations-calendar-card .integrations-card-icon {
    border: 1px solid var(--dashboard-panel-border);
    background: var(--dashboard-surface);
    border-radius: 11px;
    width: 42px;
    height: 42px;
    padding: 5px;
  }

  :where(.ws-module-surface) .integrations-ad-card .integrations-card-heading h3, :where(.ws-module-surface) .integrations-calendar-card .integrations-card-heading h3 {
    font-size: 1rem;
  }

  :where(.ws-module-surface) .integrations-ad-card > p, :where(.ws-module-surface) .integrations-calendar-card > p {
    max-width: 60ch;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .integrations-connection-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    display: grid;
  }

  :where(.ws-module-surface) .integrations-connection-summary > div {
    border: 1px solid var(--dashboard-panel-border);
    background: color-mix(in srgb, var(--color-secondary) 2%, var(--dashboard-surface));
    border-radius: 9px;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 13px 14px;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-connection-summary span, :where(.ws-module-surface) .integrations-connection-summary small {
    color: var(--dashboard-muted, #756f7c);
    font-size: .72rem;
  }

  :where(.ws-module-surface) .integrations-connection-summary strong {
    color: var(--color-primary);
    overflow-wrap: anywhere;
    font-size: .82rem;
  }

  :where(.ws-module-surface) .integrations-connection-intro {
    flex-wrap: wrap;
    gap: 9px;
    width: 100%;
    display: flex;
  }

  :where(.ws-module-surface) .integrations-connection-intro span {
    border: 1px solid var(--dashboard-panel-border);
    color: var(--dashboard-muted, #756f7c);
    background: color-mix(in srgb, var(--color-secondary) 2%, var(--dashboard-surface));
    border-radius: 7px;
    padding: 8px 11px;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .integrations-ad-card .integrations-calendar-actions {
    margin-top: auto;
  }

  :where(.ws-module-surface) .integrations-ad-card .integrations-sync-meta {
    color: #247857;
    font-size: .74rem;
  }

  :where(.ws-module-surface) .integrations-ad-card .integrations-error {
    background: color-mix(in srgb, #b34454 9%, var(--dashboard-surface));
    color: #a13a4c;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .integrations-calendar-card .integrations-connection-intro {
    margin-top: 2px;
  }

  :where(.ws-module-surface) .integration-sync-card {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px 20px;
    padding: 17px 20px;
    display: flex;
  }

  :where(.ws-module-surface) .integration-sync-main {
    flex: 320px;
    align-items: center;
    gap: 13px;
    min-width: 0;
    display: flex;
  }

  :where(.ws-module-surface) .integration-sync-icon {
    border: 1px solid var(--dashboard-panel-border);
    background: color-mix(in srgb, var(--color-secondary) 7%, var(--dashboard-surface));
    width: 43px;
    height: 43px;
    color: var(--color-secondary);
    border-radius: 11px;
    flex: none;
    place-items: center;
    font-size: .92rem;
    font-weight: 750;
    display: grid;
  }

  :where(.ws-module-surface) .integration-sync-copy {
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  :where(.ws-module-surface) .integration-sync-title {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .integration-sync-title > strong {
    color: var(--color-primary);
    font-size: .9rem;
  }

  :where(.ws-module-surface) .integration-sync-copy p, :where(.ws-module-surface) .integration-sync-copy small {
    color: var(--dashboard-muted, #756f7c);
    overflow-wrap: anywhere;
    margin: 0;
    font-size: .75rem;
  }

  :where(.ws-module-surface) .integration-sync-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :where(.ws-module-surface) .integration-sync-error {
    background: color-mix(in srgb, #b34454 9%, var(--dashboard-surface));
    color: #a13a4c;
    border-radius: 8px;
    flex-basis: 100%;
    order: 3;
    margin: 0;
    padding: 9px 11px;
    font-size: .76rem;
  }

  :where(.ws-module-surface) .campaigns-google-results {
    padding: 20px;
  }

  :where(.ws-module-surface) .campaigns-google-heading {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px 20px;
    margin-bottom: 16px;
    display: flex;
  }

  :where(.ws-module-surface) .campaigns-google-eyebrow {
    color: var(--color-secondary);
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: .7rem;
    font-weight: 700;
  }

  :where(.ws-module-surface) .campaigns-google-results .campaigns-google-heading h2 {
    margin: 4px 0;
    font-size: 1.05rem;
  }

  :where(.ws-module-surface) .campaigns-google-heading p, :where(.ws-module-surface) .campaigns-google-updated, :where(.ws-module-surface) .campaigns-google-footnote {
    color: var(--dashboard-muted, #756f7c);
    margin: 0;
    font-size: .74rem;
    line-height: 1.5;
  }

  :where(.ws-module-surface) .campaigns-google-updated {
    background: color-mix(in srgb, var(--color-secondary) 5%, var(--dashboard-surface));
    border-radius: 7px;
    padding: 6px 10px;
  }

  :where(.ws-module-surface) .campaigns-detail .campaigns-google-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    display: grid;
  }

  :where(.ws-module-surface) .campaigns-google-footnote {
    margin-top: 13px;
  }

  @media (max-width: 1100px) {
    :where(.ws-module-surface) .campaigns-detail .campaigns-google-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 640px) {
    :where(.ws-module-surface) .integrations-connection-summary {
      grid-template-columns: 1fr;
    }

    :where(.ws-module-surface) .integrations-ad-card {
      padding: 16px;
    }

    :where(.ws-module-surface) .integration-sync-card {
      align-items: stretch;
      padding: 16px;
    }

    :where(.ws-module-surface) .integration-sync-actions {
      width: 100%;
    }

    :where(.ws-module-surface) .integration-sync-actions .contacts-button {
      flex: auto;
      justify-content: center;
    }

    :where(.ws-module-surface) .campaigns-detail .campaigns-google-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .campaigns-google-results {
      padding: 16px;
    }
  }

  @media (max-width: 420px) {
    :where(.ws-module-surface) .campaigns-detail .campaigns-google-kpis {
      grid-template-columns: 1fr;
    }
  }

  :where(.ws-module-surface) .dashboard-overview {
    min-width: 0;
    padding-inline: clamp(10px, 1.25vw, 20px);
    container: dashboard-overview / inline-size;
  }

  :where(.ws-module-surface) .dashboard-overview .dash-title-section {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px 20px;
    margin-bottom: clamp(14px, 1.4vw, 22px);
    padding: 0;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-overview .title-section, :where(.ws-module-surface) .dashboard-overview .actions-title, :where(.ws-module-surface) .dashboard-overview .dashboard-controls, :where(.ws-module-surface) .dashboard-overview .dashboard-owner-filter {
    min-width: 0;
  }

  :where(.ws-module-surface) .dashboard-overview .title-section h1 {
    overflow-wrap: anywhere;
    font-size: clamp(1.2rem, 1.08rem + .38vw, 1.55rem);
    line-height: 1.22;
  }

  :where(.ws-module-surface) .dashboard-overview .title-section p {
    overflow-wrap: anywhere;
    max-width: 72ch;
    margin-top: 5px;
    font-size: clamp(.79rem, .75rem + .12vw, .9rem);
    line-height: 1.45;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-content {
    gap: clamp(12px, 1.1vw, 18px);
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-controls {
    justify-content: flex-end;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-owner-filter .form-group {
    width: clamp(160px, 14vw, 200px);
    min-width: 0;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-owner-filter .fieldSelectInputWrap, :where(.ws-module-surface) .dashboard-overview .dashboard-controls .dashboard-action, :where(.ws-module-surface) .dashboard-overview .dashboard-controls .btnFilter {
    box-sizing: border-box;
    height: 40px;
    min-height: 40px;
    max-height: none;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-owner-filter .fieldSelectInputWrap {
    width: 100%;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-controls .dashboard-action, :where(.ws-module-surface) .dashboard-overview .dashboard-controls .btnFilter {
    padding-inline: 12px;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-period-menu {
    overscroll-behavior: contain;
    max-width: calc(100vw - 24px);
    max-height: min(72dvh, 590px);
    overflow-y: auto;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-period-backdrop, :where(.ws-module-surface) .dashboard-overview .dashboard-period-sheet-header {
    display: none;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-period-presets button {
    height: auto;
    min-height: 38px;
    max-height: none;
    padding-block: 7px;
  }

  :where(.ws-module-surface) .dashboard-overview .filterDatePresetItem {
    width: 100%;
    min-height: 36px;
    color: var(--color-primary);
    text-align: left;
    font: inherit;
    background: none;
    border: 0;
    align-items: center;
    display: flex;
  }

  :where(.ws-module-surface) .dashboard-overview .calDay {
    width: 100%;
    min-height: 34px;
    color: var(--color-primary);
    font: inherit;
    background: none;
    border: 0;
    place-items: center;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-overview .calNavBtn {
    z-index: 1;
    place-items: center;
    width: 32px;
    height: 32px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-overview :is(.dashboard-action, .btnFilter, .dashboard-period-menu button, .dashboard-inbox-grid a, .dashboard-panel-header a, .dashboard-start a):focus-visible {
    outline: 2px solid var(--color-secondary);
    outline-offset: 2px;
  }

  :where(.ws-module-surface) .dashboard-overview .kpis-card-container.one-dash, :where(.ws-module-surface) .dashboard-overview .kpis-card-container.dashboard-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(8px, .75vw, 14px);
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-inbox-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(8px, .75vw, 12px);
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-inbox-grid a {
    align-content: center;
    min-width: 0;
    min-height: 80px;
    padding: 12px clamp(10px, 1vw, 16px);
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-inbox-grid strong {
    font-variant-numeric: tabular-nums;
    font-size: clamp(1.2rem, 1.1rem + .3cqi, 1.5rem);
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-panel, :where(.ws-module-surface) .dashboard-overview .dashboard-panel-header > div, :where(.ws-module-surface) .dashboard-overview .dashboard-panel-body {
    min-width: 0;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-panel-header {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 7px 18px;
    padding: clamp(13px, 1vw, 18px) clamp(13px, 1.2vw, 20px);
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-panel-header > div {
    flex: 175px;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-panel-header h2 {
    overflow-wrap: anywhere;
    font-size: clamp(.88rem, .82rem + .18cqi, 1.06rem);
    line-height: 1.3;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-panel-header p {
    overflow-wrap: anywhere;
    line-height: 1.4;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-panel-header a {
    white-space: normal;
    overflow-wrap: anywhere;
    align-items: center;
    max-width: 100%;
    min-height: 30px;
    display: inline-flex;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-panel-body {
    padding: clamp(12px, 1.2vw, 20px);
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-marketing-panel > .dashboard-panel-body {
    gap: clamp(16px, 1.5vw, 24px);
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-two-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(12px, 1.1vw, 18px);
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-three-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.1vw, 18px);
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-goal > div:first-child, :where(.ws-module-surface) .dashboard-overview .dashboard-goal-progress {
    min-width: 0;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-goal strong {
    overflow-wrap: anywhere;
    font-size: clamp(1.18rem, 1.05rem + .36cqi, 1.55rem);
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-goal span, :where(.ws-module-surface) .dashboard-overview .dashboard-goal small, :where(.ws-module-surface) .dashboard-overview .dashboard-goal-progress b {
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-apex-chart, :where(.ws-module-surface) .dashboard-overview .financial-report-chart {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-stage-list li > div:first-child {
    flex-wrap: wrap;
    align-items: baseline;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-stage-list li > div:first-child > span {
    overflow-wrap: anywhere;
    flex: 130px;
    min-width: 0;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-stage-list strong {
    white-space: normal;
    text-align: right;
    overflow-wrap: anywhere;
    max-width: 100%;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-funnel > div {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 0 8px;
    display: grid;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-funnel > div > strong {
    float: none;
    text-align: right;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-funnel > div > .dashboard-progress {
    grid-column: 1 / -1;
  }

  :where(.ws-module-surface) .dashboard-overview :is(.dashboard-stalled, .dashboard-compact-list) li {
    min-width: 0;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-stalled li div, :where(.ws-module-surface) .dashboard-overview .dashboard-compact-list li > div, :where(.ws-module-surface) .dashboard-overview .dashboard-compact-list li > div > span {
    flex: auto;
    min-width: 0;
  }

  :where(.ws-module-surface) .dashboard-overview :is(.dashboard-stalled, .dashboard-compact-list) :is(strong, small) {
    white-space: normal;
    text-overflow: clip;
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-metric-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(8px, .75vw, 12px);
    margin-bottom: 0;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-metric-grid.five {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-metric-grid.six {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-metric-grid.seven {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-small-metric {
    align-content: start;
    min-width: 0;
    padding: clamp(11px, 1vw, 16px);
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-small-metric strong {
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
    font-size: clamp(1.02rem, .95rem + .27cqi, 1.3rem);
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-small-metric :is(span, small) {
    overflow-wrap: anywhere;
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-service-summary, :where(.ws-module-surface) .dashboard-overview .dashboard-automation-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where(.ws-module-surface) .dashboard-overview .dashboard-subsections > div {
    min-width: 0;
  }

  @container dashboard-overview (max-width: 1260px) {
    :where(.ws-module-surface) .dashboard-overview .dashboard-three-columns {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-metric-grid:is(.five, .six, .seven) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @container dashboard-overview (max-width: 1050px) {
    :where(.ws-module-surface) .dashboard-overview .dash-title-section {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .dashboard-overview .actions-title {
      width: 100%;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-controls {
      justify-content: flex-start;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-period-menu {
      left: 0;
      right: auto;
    }
  }

  @container dashboard-overview (max-width: 1020px) {
    :where(.ws-module-surface) .dashboard-overview .kpis-card-container.one-dash, :where(.ws-module-surface) .dashboard-overview .kpis-card-container.dashboard-four {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container dashboard-overview (max-width: 860px) {
    :where(.ws-module-surface) .dashboard-overview .dashboard-controls {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      width: 100%;
      display: grid;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-owner-filter, :where(.ws-module-surface) .dashboard-overview .dashboard-controls > .filterDropWrap, :where(.ws-module-surface) .dashboard-overview .dashboard-controls > .dashboard-action {
      width: 100%;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-owner-filter .form-group {
      flex: auto;
      width: auto;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-controls > .filterDropWrap {
      grid-column: 2;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-controls:not(:has(.dashboard-owner-filter)) > .filterDropWrap {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-controls .btnFilter {
      width: 100%;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-period-menu {
      left: auto;
      right: 0;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-two-columns {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-metric-grid, :where(.ws-module-surface) .dashboard-overview .dashboard-metric-grid:is(.five, .six, .seven) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-inbox-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container dashboard-overview (max-width: 620px) {
    :where(.ws-module-surface) .dashboard-overview .dashboard-three-columns {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-metric-grid, :where(.ws-module-surface) .dashboard-overview .dashboard-metric-grid:is(.five, .six, .seven) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container dashboard-overview (max-width: 500px) {
    :where(.ws-module-surface) .dashboard-overview .dashboard-controls > .dashboard-owner-filter, :where(.ws-module-surface) .dashboard-overview .dashboard-controls > .filterDropWrap {
      grid-column: 1 / -1;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-controls .dashboard-action, :where(.ws-module-surface) .dashboard-overview .dashboard-controls .btnFilter, :where(.ws-module-surface) .dashboard-overview .dashboard-owner-filter .fieldSelectInputWrap {
      height: 44px;
      min-height: 44px;
    }

    :where(.ws-module-surface) .dashboard-overview .kpis-card-container.one-dash, :where(.ws-module-surface) .dashboard-overview .kpis-card-container.dashboard-four {
      grid-template-columns: minmax(0, 1fr);
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-panel-header a {
      min-height: 38px;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-stage-list strong {
      text-align: left;
      flex-basis: 100%;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-stalled li, :where(.ws-module-surface) .dashboard-overview .dashboard-compact-list li {
      flex-wrap: wrap;
      align-items: flex-start;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-stalled b, :where(.ws-module-surface) .dashboard-overview .dashboard-compact-list b {
      white-space: normal;
      overflow-wrap: anywhere;
      flex-basis: 100%;
      padding-left: 0;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-goal {
      flex-direction: column;
      align-items: stretch;
      gap: 14px;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-goal-progress {
      width: 100%;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-start div {
      flex-wrap: wrap;
      width: 100%;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-start a {
      flex: 125px;
      height: auto;
      min-height: 42px;
      max-height: none;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-attention {
      flex-wrap: wrap;
    }
  }

  @container dashboard-overview (max-width: 430px) {
    :where(.ws-module-surface) .dashboard-overview .dashboard-metric-grid, :where(.ws-module-surface) .dashboard-overview .dashboard-metric-grid:is(.five, .six, .seven) {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @media (min-width: 701px) and (max-width: 900px) {
    :where(.ws-module-surface) .dashboard-overview .calMonth:last-child {
      display: none;
    }

    :where(.ws-module-surface) .dashboard-overview .calDay {
      min-height: 40px;
    }

    :where(.ws-module-surface) .dashboard-overview .calNavBtn {
      width: 40px;
      height: 40px;
    }
  }

  @media (max-width: 700px) {
    :where(.ws-module-surface) .dashboard-overview .dashboard-period-backdrop {
      z-index: 1300;
      background: #21153085;
      width: 100%;
      height: 100%;
      display: block;
      position: fixed;
      inset: 0;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-period-menu {
      z-index: 1301;
      border-radius: 16px;
      width: auto;
      max-width: none;
      max-height: min(78dvh, 610px);
      padding: 14px;
      position: fixed;
      inset: auto 10px 10px;
      box-shadow: 0 16px 48px #17102042;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-period-sheet-header {
      border-bottom: 1px solid var(--dashboard-panel-border);
      min-height: 44px;
      color: var(--color-primary);
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
      padding-bottom: 10px;
      font-size: .93rem;
      display: flex;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-period-sheet-header button {
      background: color-mix(in srgb, var(--color-secondary) 8%, var(--dashboard-surface));
      width: 40px;
      height: 40px;
      color: var(--color-primary);
      border: 0;
      border-radius: 9px;
      flex: 0 0 40px;
      place-items: center;
      display: grid;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-period-sheet-header svg {
      width: 18px;
      height: 18px;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-period-presets, :where(.ws-module-surface) .dashboard-overview .filterDatePresets {
      flex-wrap: nowrap;
      gap: 7px;
      padding-bottom: 10px;
      display: flex;
      overflow-x: auto;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-period-presets button, :where(.ws-module-surface) .dashboard-overview .filterDatePresetItem {
      white-space: nowrap;
      flex: none;
      width: auto;
      min-height: 44px;
      padding: 8px 11px;
    }

    :where(.ws-module-surface) .dashboard-overview .filterDateWrap {
      grid-template-columns: minmax(0, 1fr);
      display: grid;
    }

    :where(.ws-module-surface) .dashboard-overview .filterCalendars {
      display: block;
    }

    :where(.ws-module-surface) .dashboard-overview .calMonth {
      width: 100%;
      min-width: 0;
    }

    :where(.ws-module-surface) .dashboard-overview .calMonth:last-child {
      display: none;
    }

    :where(.ws-module-surface) .dashboard-overview .calDay {
      min-height: 42px;
      font-size: .82rem;
    }

    :where(.ws-module-surface) .dashboard-overview .calDayHeader {
      min-height: 30px;
    }

    :where(.ws-module-surface) .dashboard-overview .calNavBtn {
      width: 40px;
      height: 40px;
    }
  }

  @media (max-width: 360px) {
    :where(.ws-module-surface) .dashboard-overview .dashboard-period-menu {
      inset-inline: 6px;
      padding: 11px;
      bottom: 6px;
    }

    :where(.ws-module-surface) .dashboard-overview .calDay, :where(.ws-module-surface) .dashboard-overview .calDayHeader {
      padding-inline: 0;
    }
  }

  @media (min-width: 1200px) {
    :where(.ws-module-surface) .dashboard-overview {
      padding-inline: 0;
    }

    :where(.ws-module-surface) .dashboard-overview .title-section h1 {
      font-size: 1.2rem;
    }

    :where(.ws-module-surface) .dashboard-overview .title-section p {
      font-size: .85rem;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-small-metric strong {
      font-size: 1.13rem;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-inbox-grid strong {
      font-size: 1.15rem;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-panel-header {
      padding: 13px 16px;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-panel-header h2 {
      font-size: .88rem;
    }

    :where(.ws-module-surface) .dashboard-overview .dashboard-goal strong {
      font-size: 1.3rem;
    }
  }

  .client-portal {
    color: #282233;
    min-height: 100vh;
    font-family: var(--font-sales), "Sora", sans-serif;
    background: #f7f5fa;
  }

  .client-portal-header {
    color: #776f80;
    background: #fff;
    border-bottom: 1px solid #ebe6f0;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 20px max(24px, 50vw - 580px);
    font-size: .8rem;
    display: flex;
  }

  .client-portal-brand {
    color: #282233;
    align-items: center;
    gap: 12px;
    font-size: 1rem;
    display: flex;
  }

  .client-portal-brand img {
    object-fit: contain;
    max-width: 120px;
    max-height: 38px;
  }

  .client-portal-content {
    max-width: 1208px;
    margin: auto;
    padding: 42px 24px 80px;
  }

  .client-portal-intro {
    margin-bottom: 26px;
  }

  .client-portal-intro small, .client-portal-main > small {
    color: #7543ce;
    letter-spacing: .09em;
    font-size: .7rem;
    font-weight: 700;
  }

  .client-portal-intro h1 {
    margin: 10px 0;
    font-size: clamp(1.7rem, 4vw, 2.6rem);
    line-height: 1.2;
  }

  .client-portal p {
    color: #736a7c;
    font-size: .86rem;
    line-height: 1.55;
  }

  .client-portal-projects {
    gap: 8px;
    margin-bottom: 18px;
    display: flex;
    overflow-x: auto;
  }

  .client-portal-projects button {
    color: #493c55;
    text-align: left;
    cursor: pointer;
    background: #fff;
    border: 1px solid #e7ddec;
    border-radius: 9px;
    gap: 3px;
    min-width: 160px;
    padding: 12px 16px;
    font-family: inherit;
    font-size: .82rem;
    font-weight: 600;
    display: grid;
  }

  .client-portal-projects button.active {
    color: #6233ad;
    background: #f3edfc;
    border-color: #7543ce;
  }

  .client-portal-projects small {
    font-size: .68rem;
    font-weight: 400;
  }

  .client-portal-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(290px, 1fr);
    align-items: start;
    gap: 18px;
    display: grid;
  }

  .client-portal-card {
    background: #fff;
    border: 1px solid #e9e2ee;
    border-radius: 14px;
    padding: 25px;
    box-shadow: 0 8px 28px #30174108;
  }

  .client-portal-card h2 {
    margin: 5px 0 16px;
    font-size: 1.25rem;
  }

  .client-portal-card h3 {
    margin: 25px 0 10px;
    font-size: .92rem;
  }

  .client-portal-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  .client-portal-facts > div {
    background: #f8f6fa;
    border-radius: 8px;
    gap: 4px;
    padding: 14px;
    display: grid;
  }

  .client-portal-facts span, .client-portal-row small {
    color: #756a7d;
    font-size: .72rem;
  }

  .client-portal-facts strong {
    font-size: .86rem;
  }

  .client-portal-approval {
    background: #f8f3ff;
    border: 1px solid #d7c6ed;
    border-radius: 10px;
    margin-top: 24px;
    padding: 18px;
  }

  .client-portal-approval h3 {
    margin-top: 0;
  }

  .client-portal textarea {
    color: #282233;
    width: 100%;
    min-height: 95px;
    font: inherit;
    resize: vertical;
    background: #fff;
    border: 1px solid #d9d2e0;
    border-radius: 8px;
    margin: 14px 0;
    padding: 12px;
    font-size: .8rem;
    display: block;
  }

  .client-portal button:not(.client-portal-projects button) {
    color: #fff;
    cursor: pointer;
    background: #7543ce;
    border: 1px solid #7543ce;
    border-radius: 6px;
    min-height: 36px;
    padding: 8px 13px;
    font-family: inherit;
    font-size: .75rem;
    font-weight: 600;
  }

  .client-portal button.secondary {
    color: #7543ce;
    background: #fff;
    margin-left: 7px;
  }

  .client-portal button:disabled {
    opacity: .55;
    cursor: not-allowed;
  }

  .client-portal-row {
    border-bottom: 1px solid #eee9f1;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    font-size: .8rem;
    display: flex;
  }

  .client-portal-row a {
    color: #7543ce;
    text-decoration: underline;
  }

  .client-portal-message {
    border-bottom: 1px solid #eee9f1;
    padding: 10px 0;
  }

  .client-portal-message p {
    overflow-wrap: anywhere;
    margin: 0 0 3px;
  }

  .client-portal-message small, .client-portal-status {
    color: #6233ad;
    font-size: .72rem;
  }

  @media (max-width: 760px) {
    .client-portal-grid {
      grid-template-columns: 1fr;
    }

    .client-portal-card {
      padding: 18px;
    }

    .client-portal-header {
      padding: 16px 24px;
    }
  }

  body [data-sonner-toaster] {
    font-family: var(--font-jakarta-display), Arial, Helvetica, sans-serif;
  }

  .date-time-field {
    min-width: 0;
  }

  .date-time-field-control {
    min-width: 0;
    position: relative;
  }

  .date-time-field-control > .input-form {
    cursor: pointer;
    caret-color: #0000;
    width: 100%;
    padding-right: 38px;
  }

  .date-time-field-control > .input-form:focus:not(:focus-visible) {
    box-shadow: none;
    border-color: #0000;
    outline: none;
  }

  .date-time-field-control > .input-form[data-open="true"]:not(.input-error):focus {
    border-color: color-mix(in srgb, var(--color-secondary, #7543ce) 35%, transparent);
    box-shadow: none;
    outline: none;
  }

  .date-time-field-control > span {
    color: #81788d;
    pointer-events: none;
    display: flex;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
  }

  .date-time-field-control > span svg {
    width: 16px;
    height: 16px;
  }

  .date-time-field-control > .date-time-validation {
    opacity: 0;
    pointer-events: none;
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .public-date-time-field {
    flex-direction: column;
    gap: 4px;
    font-size: .875rem;
    display: flex;
  }

  .public-date-time-field .form-label {
    font-weight: 600;
  }

  .public-date-time-field .input-form {
    color: #171717;
    min-height: 44px;
    font: inherit;
    background: #fff;
    border: 1px solid #d4d4d8;
    border-radius: 8px;
    padding: 8px 38px 8px 12px;
  }

  .public-date-time-field .date-time-field-control > .input-form:focus:not(:focus-visible) {
    border-color: #d4d4d8;
  }

  .public-date-time-field .form-helper {
    opacity: .7;
    font-size: .75rem;
    font-weight: 400;
  }

  .date-time-popover {
    z-index: 100100;
    border: 1px solid var(--dashboard-panel-border, #e5dfea);
    background: var(--dashboard-surface, #fff);
    width: min(350px, 100vw - 24px);
    max-height: calc(100vh - 24px);
    color: var(--color-primary, #312a3a);
    font: 400 .82rem var(--font-family, Arial, sans-serif);
    border-radius: 12px;
    margin: 0;
    padding: 14px;
    position: fixed;
    inset: auto;
    overflow-y: auto;
    box-shadow: 0 18px 46px #21132e29;
  }

  .date-time-popover::backdrop {
    background: none;
  }

  .date-time-popover:has(.date-time-calendar-select-menu) {
    overflow: visible;
  }

  .date-time-popover-title {
    margin-bottom: 9px;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.3;
  }

  .date-time-popover-head {
    background: color-mix(in srgb, var(--color-secondary, #7543ce) 4%, white);
    border-radius: 8px;
    grid-template-columns: 30px minmax(0, 1fr) 78px 30px;
    align-items: center;
    gap: 4px;
    padding: 4px;
    display: grid;
  }

  .date-time-popover-head > button {
    width: 30px;
    height: 30px;
    color: var(--color-primary, #312a3a);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 6px;
    place-items: center;
    display: grid;
  }

  .date-time-calendar-select {
    min-width: 0;
    position: relative;
  }

  .date-time-calendar-select-trigger {
    border: 1px solid var(--dashboard-panel-border, #e5dfea);
    background: var(--dashboard-surface, #fff);
    width: 100%;
    height: 32px;
    color: var(--color-primary, #312a3a);
    font: 600 .78rem var(--font-family, Arial, sans-serif);
    cursor: pointer;
    border-radius: 7px;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    padding: 0 7px;
    display: flex;
  }

  .date-time-calendar-select-trigger > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .date-time-calendar-select-trigger > svg {
    color: #81788d;
    flex: none;
    width: 13px;
    height: 13px;
  }

  .date-time-calendar-select-trigger[aria-expanded="true"] {
    border-color: var(--color-secondary, #7543ce);
    color: var(--color-secondary, #7543ce);
  }

  .date-time-calendar-select-menu {
    z-index: 3;
    border: 1px solid var(--dashboard-panel-border, #e5dfea);
    background: var(--dashboard-surface, #fff);
    width: max(100%, 150px);
    max-width: 190px;
    font-family: var(--font-family, Arial, sans-serif);
    border-radius: 8px;
    padding: 5px;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    box-shadow: 0 12px 28px #21132e24;
  }

  .date-time-calendar-select.align-end .date-time-calendar-select-menu {
    left: auto;
    right: 0;
  }

  .date-time-calendar-select.open-up .date-time-calendar-select-menu {
    top: auto;
    bottom: calc(100% + 4px);
  }

  .date-time-calendar-select-search {
    border: 1px solid var(--dashboard-panel-border, #e5dfea);
    width: 100%;
    height: 30px;
    color: var(--color-primary, #312a3a);
    font: 400 .76rem var(--font-family, Arial, sans-serif);
    background: #faf8fc;
    border-radius: 6px;
    outline: none;
    margin-bottom: 4px;
    padding: 0 8px;
    display: block;
  }

  .date-time-calendar-select-search:focus {
    border-color: var(--color-secondary, #7543ce);
  }

  .date-time-calendar-select-options {
    gap: 2px;
    max-height: 170px;
    display: grid;
    overflow-y: auto;
  }

  .date-time-calendar-select-options > button {
    width: 100%;
    min-height: 30px;
    color: var(--color-primary, #312a3a);
    font: 400 .78rem var(--font-family, Arial, sans-serif);
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 5px;
    padding: 4px 8px;
  }

  .date-time-calendar-select-options > button:hover, .date-time-calendar-select-options > button.highlighted {
    background: color-mix(in srgb, var(--color-secondary, #7543ce) 8%, white);
  }

  .date-time-calendar-select-options > button[aria-selected="true"] {
    background: color-mix(in srgb, var(--color-secondary, #7543ce) 13%, white);
    color: var(--color-secondary, #7543ce);
    font-weight: 600;
  }

  .date-time-calendar-select-empty {
    color: #756b80;
    padding: 7px 8px;
    font-size: .76rem;
  }

  .date-time-clock .date-time-calendar-select {
    width: 58px;
  }

  .date-time-clock .date-time-calendar-select-menu {
    width: 105px;
    min-width: 105px;
  }

  .date-time-popover :is(button, select):focus-visible {
    outline: 2px solid var(--color-secondary, #7543ce);
    outline-offset: 2px;
  }

  .date-time-popover .date-time-calendar-select-trigger:focus-visible, .date-time-popover .date-time-calendar-select-options > button:focus-visible {
    box-shadow: inset 0 0 0 1px var(--color-secondary, #7543ce);
    outline: none;
  }

  .date-time-calendar {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 2px;
    margin-top: 8px;
    display: grid;
  }

  .date-time-weekday {
    color: #756b80;
    place-items: center;
    height: 25px;
    font-size: .69rem;
    font-weight: 650;
    display: grid;
  }

  .date-time-calendar > button {
    width: 100%;
    height: 32px;
    color: var(--color-primary, #312a3a);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 7px;
    place-items: center;
    font-size: .78rem;
    font-weight: 500;
    display: grid;
  }

  .date-time-calendar > button:hover:not(:disabled):not(.selected) {
    background: color-mix(in srgb, var(--color-secondary, #7543ce) 9%, white);
  }

  .date-time-calendar > button.today:not(.selected) {
    background: color-mix(in srgb, var(--color-secondary, #7543ce) 9%, white);
    color: var(--color-secondary, #7543ce);
    font-weight: 700;
  }

  .date-time-calendar > button.selected {
    background: var(--color-secondary, #7543ce);
    color: #fff;
    font-weight: 700;
  }

  .date-time-calendar > button:disabled {
    opacity: .3;
    cursor: not-allowed;
  }

  .date-time-clock {
    background: color-mix(in srgb, var(--color-secondary, #7543ce) 4%, white);
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 8px;
    display: flex;
  }

  .date-time-clock-label, .date-time-clock-inputs {
    align-items: center;
    gap: 7px;
    display: inline-flex;
  }

  .date-time-clock-label {
    font-weight: 650;
  }

  .date-time-clock-inputs {
    gap: 5px;
  }

  .date-time-clock-inputs > span {
    color: #756b80;
    font-weight: 700;
  }

  .date-time-popover-actions {
    border-top: 1px solid var(--dashboard-panel-border, #e5dfea);
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    padding-top: 10px;
    display: flex;
  }

  .date-time-popover-actions .contacts-button {
    border: 1px solid var(--dashboard-panel-border, #e5dfea);
    background: var(--dashboard-surface, #fff);
    min-height: 34px;
    max-height: 36px;
    color: var(--color-primary, #312a3a);
    font: inherit;
    cursor: pointer;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 0 11px;
    font-weight: 600;
    display: inline-flex;
  }

  .date-time-popover-actions .contacts-button:hover:not(:disabled) {
    border-color: color-mix(in srgb, var(--color-secondary, #7543ce) 35%, white);
    background: color-mix(in srgb, var(--color-secondary, #7543ce) 6%, white);
  }

  .date-time-popover-actions .contacts-button.primary {
    border-color: var(--color-secondary, #7543ce);
    background: var(--color-secondary, #7543ce);
    color: #fff;
  }

  .date-time-popover-actions .contacts-button.primary:hover:not(:disabled) {
    background: color-mix(in srgb, var(--color-secondary, #7543ce) 85%, black);
    color: #fff;
  }

  .date-time-popover-actions .contacts-button:disabled {
    opacity: .5;
    cursor: not-allowed;
  }

  .date-time-popover-actions > button:first-child {
    margin-right: auto;
  }

  .date-time-popover {
    border: 1px solid var(--ws-border, #e9e3ee);
    background: var(--ws-surface, #fff);
    width: min(302px, 100vw - 20px);
    max-height: calc(100dvh - 20px);
    color: var(--ws-text, #251c33);
    border-radius: 12px;
    padding: 12px;
    font-size: 12px;
    box-shadow: 0 18px 50px #160c262e;
  }

  .date-time-popover-title {
    color: var(--ws-text, #251c33);
    margin: 0 0 9px;
    font-size: 12px;
    font-weight: 650;
  }

  .date-time-popover-head {
    background: none;
    grid-template-columns: 30px minmax(0, 1fr) 69px 30px;
    gap: 4px;
    padding: 0;
  }

  .date-time-popover-head > button {
    width: 30px;
    height: 30px;
    color: var(--ws-muted, #756d80);
    border-radius: 7px;
  }

  .date-time-popover-head > button:hover {
    background: var(--ws-accent-soft, #f1eaff);
    color: var(--ws-accent, #6c2bff);
  }

  .date-time-current-month {
    color: var(--ws-text, #251c33);
    text-align: center;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 650;
    overflow: hidden;
  }

  .date-time-popover-head .date-time-calendar-select-trigger {
    background: none;
    border: 0;
    height: 30px;
    padding: 0 5px;
    font-size: 12px;
  }

  .date-time-popover-head .date-time-calendar-select-trigger:hover {
    background: var(--ws-soft, #faf9fc);
  }

  .date-time-calendar {
    gap: 1px;
    margin-top: 6px;
  }

  .date-time-weekday {
    height: 23px;
    color: var(--ws-muted, #756d80);
    font-size: 10px;
  }

  .date-time-calendar > button {
    box-sizing: border-box;
    min-width: 0;
    height: 30px;
    color: var(--ws-text, #251c33);
    text-align: center;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 11px;
    line-height: 1;
    display: flex;
  }

  .date-time-calendar > button:hover:not(:disabled):not(.selected), .date-time-calendar > button.today:not(.selected) {
    background: var(--ws-accent-soft, #f1eaff);
    color: var(--ws-accent, #6c2bff);
  }

  .date-time-calendar > button.selected {
    background: var(--planejalfa-gradient, #6c2bff);
    color: #fff;
  }

  .date-time-clock {
    border-top: 1px solid var(--ws-border, #e9e3ee);
    background: none;
    border-radius: 0;
    margin-top: 8px;
    padding: 9px 0 0;
  }

  .date-time-clock-label {
    color: var(--ws-muted, #756d80);
    font-size: 11px;
    font-weight: 600;
  }

  .date-time-clock-label svg {
    width: 14px;
    height: 14px;
    color: var(--ws-accent, #6c2bff);
  }

  .date-time-time-input {
    border: 1px solid var(--ws-border, #e9e3ee);
    background: var(--ws-control, #fbfaff);
    width: 104px;
    height: 32px;
    color: var(--ws-text, #251c33);
    border-radius: 7px;
    outline: none;
    padding: 0 8px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
  }

  .date-time-time-input:focus {
    border-color: var(--ws-accent, #6c2bff);
    box-shadow: 0 0 0 2px var(--ws-accent-soft, #f1eaff);
  }

  .date-time-popover-actions {
    border-color: var(--ws-border, #e9e3ee);
    gap: 6px;
    margin-top: 9px;
    padding-top: 9px;
  }

  .ws-module-surface .date-time-popover .date-time-popover-actions > .contacts-button {
    border-color: var(--ws-border, #e9e3ee);
    background: var(--ws-control, #fbfaff);
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    color: var(--ws-text, #251c33);
    border-radius: 7px;
    padding: 0 9px;
    font-size: 11px;
    font-weight: 600;
  }

  .date-time-popover-actions .contacts-button.primary, .date-time-popover-actions .contacts-button.primary:hover:not(:disabled) {
    background: var(--planejalfa-gradient, #6c2bff);
    color: #fff;
    border: 0;
  }

  .sales-page {
    --sales-ink: #282137;
    --sales-muted: #706a7a;
    --sales-purple: #7543ce;
    --sales-mint: #b6f4d9;
    min-height: 100vh;
    color: var(--sales-ink);
    font-family: var(--font-sales), Arial, sans-serif;
    background: #fff;
    font-size: 14px;
    line-height: 1.65;
    overflow-x: clip;
  }

  .sales-page *, .sales-page :before, .sales-page :after {
    box-sizing: border-box;
  }

  .sales-page :is(h1, h2, h3, h4, p, ul, ol) {
    margin: 0;
  }

  .sales-page :is(ul, ol) {
    padding: 0;
    list-style: none;
  }

  .sales-page a {
    color: inherit;
    text-decoration: none;
  }

  .sales-page button, .sales-page input {
    font: inherit;
  }

  .sales-page button, .sales-page summary, .sales-page a {
    -webkit-tap-highlight-color: transparent;
  }

  .sales-page button {
    cursor: pointer;
  }

  .sales-page :is(a, button, input, summary):focus-visible {
    outline-offset: 4px;
    outline: 3px solid #9769e7;
  }

  .sales-page :is(section, main)[id] {
    scroll-margin-top: 92px;
  }

  .sales-page button:disabled {
    opacity: .55;
    cursor: not-allowed;
  }

  .sales-page em {
    color: var(--sales-purple);
    font-style: normal;
  }

  .sales-container {
    width: min(1180px, 100% - 64px);
    margin-inline: auto;
  }

  .sales-page .sales-button {
    background: var(--sales-purple);
    color: #fff;
    white-space: nowrap;
    border: 1px solid #0000;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    height: 36px;
    padding: 0 17px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    transition: background .2s, transform .2s;
    display: inline-flex;
  }

  .sales-page .sales-button:hover:not(:disabled) {
    background: #6032b2;
    transform: translateY(-1px);
  }

  .sales-page .sales-button svg {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
  }

  .sales-page .sales-button.outline {
    color: var(--sales-purple);
    background: none;
    border-color: #d6ccdf;
  }

  .sales-page .sales-button.outline:hover:not(:disabled) {
    background: #f7f3fc;
  }

  .sales-page .sales-text-link {
    color: var(--sales-purple);
    background: none;
    border: 0;
    align-items: center;
    gap: 9px;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
  }

  .sales-text-link svg {
    width: 16px;
    height: 16px;
  }

  .sales-eyebrow {
    color: var(--sales-purple);
    letter-spacing: 1.8px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.7;
    display: block;
  }

  .sales-purchase-page {
    background: #f8f6fb;
  }

  .sales-checkout-header {
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding-block: 30px;
    display: flex;
  }

  .sales-checkout-header img {
    width: 185px;
    height: auto;
  }

  .sales-checkout-header > span {
    color: #9a83ab;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    display: flex;
  }

  .sales-checkout-grid {
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 100px;
    padding-block: 44px;
    display: grid;
  }

  .sales-order > .sales-eyebrow {
    margin-top: 38px;
  }

  .sales-order h1 {
    letter-spacing: -1.8px;
    margin-top: 15px;
    font-size: 39px;
    font-weight: 500;
    line-height: 1.3;
  }

  .sales-order-plan {
    border-top: 1px solid #e4d9ed;
    border-bottom: 1px solid #e4d9ed;
    margin-top: 30px;
    padding: 25px 0;
  }

  .sales-order-plan > span {
    color: #9d81b1;
    letter-spacing: 1.3px;
    font-size: 9px;
  }

  .sales-order-plan h2 {
    letter-spacing: -.7px;
    margin-top: 8px;
    font-size: 25px;
  }

  .sales-order-plan p {
    color: #816c8e;
    margin-top: 9px;
    font-size: 11px;
  }

  .sales-order-plan > div {
    align-items: baseline;
    gap: 6px;
    margin: 20px 0 5px;
    display: flex;
  }

  .sales-order-plan strong {
    letter-spacing: -1.8px;
    font-size: 38px;
    font-weight: 500;
  }

  .sales-order-plan > div > span {
    color: #816c8e;
    font-size: 11px;
  }

  .sales-order-plan small {
    color: #816c8e;
    font-size: 9px;
  }

  .sales-order ul {
    gap: 12px;
    margin-top: 25px;
    display: grid;
  }

  .sales-order li {
    color: #755a84;
    align-items: center;
    gap: 9px;
    font-size: 10px;
    display: flex;
  }

  .sales-order li svg {
    color: #9d7fb3;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
  }

  .sales-order-note {
    color: #816c8e;
    font-size: 9px;
    line-height: 1.9;
    margin-top: 24px !important;
  }

  .sales-checkout-panel {
    background: #fff;
    border: 1px solid #e8deef;
    border-radius: 14px;
    padding: 32px;
    box-shadow: 0 15px 60px #38224308;
  }

  .sales-checkout-progress {
    border-bottom: 1px solid #eee7f4;
    justify-content: space-between;
    gap: 16px;
    display: flex;
    margin-bottom: 28px !important;
    padding-bottom: 25px !important;
  }

  .sales-checkout-progress li {
    color: #b3a2c0;
    align-items: center;
    gap: 6px;
    font-size: 9px;
    display: flex;
  }

  .sales-checkout-progress li > span {
    border: 1px solid #e5dceb;
    border-radius: 50%;
    place-items: center;
    width: 23px;
    height: 23px;
    font-size: 9px;
    display: grid;
  }

  .sales-checkout-progress li.current {
    color: #7543ce;
  }

  .sales-checkout-progress li.current > span {
    color: #fff;
    background: #7543ce;
    border-color: #7543ce;
  }

  .sales-checkout-progress li.done {
    color: #589b7b;
  }

  .sales-checkout-progress li.done > span {
    background: #e9f7ef;
    border-color: #e9f7ef;
  }

  .sales-checkout-copy {
    margin-bottom: 26px;
  }

  .sales-checkout-copy h2 {
    letter-spacing: -1px;
    margin: 12px 0;
    font-size: 27px;
  }

  .sales-checkout-copy p {
    color: #786486;
    font-size: 11px;
    line-height: 1.9;
  }

  .sales-checkout-copy > .sales-button {
    margin-top: 20px;
  }

  .sales-checkout-form {
    gap: 19px;
    display: grid;
  }

  .sales-checkout-panel .form-group {
    gap: 7px;
    min-width: 0;
    display: grid;
  }

  .sales-checkout-panel .form-label {
    color: #785a8c;
    font-size: 10px;
    font-weight: 500;
  }

  .sales-checkout-panel .input-form {
    color: #53336a;
    cursor: text;
    background: #fdfcfe;
    border: 1px solid #e2d7ec;
    border-radius: 6px;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 10px 12px;
    font-size: 11px;
  }

  .sales-checkout-panel .input-form::placeholder {
    color: #b9a7c6;
  }

  .sales-purchase-page input:focus, .sales-purchase-page input:focus-visible {
    box-shadow: none;
    outline: none;
  }

  .sales-checkout-panel .input-form:focus, .sales-payment-options label:focus-within {
    border-color: #7543ce;
  }

  .sales-checkout-panel .form-helper {
    color: #816c8e;
    font-size: 9px;
  }

  .sales-password {
    position: relative;
  }

  .sales-password .input-form {
    padding-right: 40px;
  }

  .sales-password > button {
    color: #ac91bc;
    background: none;
    border: 0;
    place-items: center;
    width: 28px;
    height: 28px;
    display: grid;
    position: absolute;
    top: 32px;
    right: 8px;
  }

  .sales-checkout-login {
    text-align: center;
    color: #816c8e;
    overflow-wrap: anywhere;
    font-size: 10px;
    margin-top: 22px !important;
  }

  .sales-checkout-login a {
    color: #7543ce;
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  .sales-message {
    color: #967445;
    background: #fffaf0;
    border: 1px solid #eadfc6;
    border-radius: 7px;
    margin-bottom: 22px;
    padding: 13px 15px;
    font-size: 11px;
    line-height: 1.8;
  }

  .sales-message.error {
    color: #a04659;
    background: #fff5f6;
    border-color: #efd4d9;
  }

  .sales-message.success {
    color: #42775b;
    background: #f1faf4;
    border-color: #d4ebdd;
  }

  .sales-card-details {
    background: #fff;
    border: 1px solid #e5d9ee;
    border-radius: 8px;
    gap: 20px;
    margin-top: 16px;
    padding: 22px;
    display: grid;
  }

  .sales-card-details > .sales-recurring-consent {
    border-bottom: 1px solid #eee7f4;
    padding-bottom: 18px;
  }

  .sales-card-brick {
    min-width: 0;
  }

  .sales-card-hint {
    color: #785a8c;
    margin: 0;
    font-size: 11px;
    line-height: 1.6;
  }

  .sales-card-form, .sales-card-form-fields {
    gap: 18px;
    display: grid;
  }

  .sales-card-field, .sales-card-field-row {
    gap: 8px;
    min-width: 0;
    display: grid;
  }

  .sales-card-field-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .sales-card-document-row {
    grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  }

  .sales-card-field label {
    color: #785a8c;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
  }

  .sales-card-field :is(input, select), .sales-card-secure-field, .sales-card-document-trigger {
    color: #53336a;
    width: 100%;
    min-width: 0;
    height: 41px;
    font-family: var(--font-sales), "Sora", sans-serif;
    background: #fdfcfe;
    border: 1px solid #e2d7ec;
    border-radius: 6px;
    font-size: 12px;
  }

  .sales-card-field :is(input, select) {
    padding: 0 11px;
  }

  .sales-card-field input::placeholder {
    color: #b9a7c6;
  }

  .sales-card-field :is(input, select):focus, .sales-card-secure-field:focus-within, .sales-card-document-trigger:focus-visible {
    border-color: #7543ce;
    outline: 2px solid #7543ce22;
  }

  .sales-card-secure-field {
    padding-inline: 11px;
    overflow: hidden;
  }

  .sales-card-secure-field iframe {
    border: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
  }

  .sales-card-document-select {
    position: relative;
  }

  .sales-card-field .sales-card-document-native {
    opacity: 0;
    pointer-events: none;
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
  }

  .sales-card-document-trigger {
    text-align: left;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding: 0 11px;
    display: flex;
  }

  .sales-card-document-trigger svg {
    color: #927ba5;
    width: 15px;
    height: 15px;
    transition: transform .15s;
  }

  .sales-card-document-trigger[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }

  .sales-card-document-options {
    z-index: 10;
    background: #fff;
    border: 1px solid #e2d7ec;
    border-radius: 7px;
    padding: 4px;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    box-shadow: 0 10px 24px #3e1f521a;
  }

  .sales-card-document-options button {
    color: #53336a;
    width: 100%;
    font: inherit;
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 4px;
    padding: 9px 8px;
    font-size: 12px;
    display: block;
  }

  .sales-card-document-options button:is(:hover, :focus-visible), .sales-card-document-options button[aria-selected="true"] {
    color: #7543ce;
    background: #f3edfc;
    outline: none;
  }

  .sales-card-sdk-select {
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
    position: absolute;
  }

  .sales-page .sales-card-pay {
    width: 100%;
    height: 42px;
    margin-top: 4px;
  }

  .sales-card-security-note {
    color: #816c8e;
    text-align: center;
    font-size: 9px;
  }

  .sales-checkout-success {
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding-block: 24px;
    display: flex;
  }

  .sales-checkout-success > svg {
    color: #74b592;
    width: 46px;
    height: 46px;
  }

  .sales-checkout-success h2 {
    letter-spacing: -1px;
    font-size: 26px;
  }

  .sales-checkout-success p {
    color: #786486;
    overflow-wrap: anywhere;
    font-size: 11px;
    line-height: 1.9;
  }

  .sales-payment-options {
    border: 0;
    gap: 10px;
    margin: 0;
    padding: 0;
    display: grid;
  }

  .sales-payment-options legend {
    color: #785a8c;
    padding-bottom: 10px;
    font-size: 10px;
  }

  .sales-payment-options label {
    cursor: pointer;
    border: 1px solid #e5d9ee;
    border-radius: 8px;
    align-items: center;
    gap: 12px;
    padding: 14px;
    display: flex;
  }

  .sales-payment-options label.selected {
    background: #faf6fe;
    border-color: #9a6ec7;
  }

  .sales-payment-options input {
    accent-color: #7543ce;
  }

  .sales-payment-options label > svg {
    color: #9777ac;
    width: 24px;
    height: 24px;
  }

  .sales-payment-options label:has(input:disabled) {
    cursor: not-allowed;
    opacity: .6;
  }

  .sales-recurring-consent {
    color: #695b78;
    font-size: 11px;
    line-height: 1.6;
  }

  .sales-recurring-consent .checkbox-native {
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
    position: absolute;
  }

  .sales-recurring-consent .checkbox-label {
    cursor: pointer;
    flex: 1;
  }

  .sales-payment-options strong {
    color: #80608f;
    font-size: 11px;
    font-weight: 500;
    display: block;
  }

  .sales-payment-options small {
    color: #816c8e;
    margin-top: 3px;
    font-size: 9px;
    display: block;
  }

  .sales-checkout-total {
    color: #8c729c;
    border-top: 1px solid #eee6f4;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-top: 15px;
    font-size: 11px;
    display: flex;
  }

  .sales-checkout-total strong {
    color: #5a356f;
    letter-spacing: -.8px;
    font-size: 22px;
    font-weight: 500;
  }

  .sales-payment-disclaimer {
    text-align: center;
    color: #816c8e;
    font-size: 9px;
    line-height: 1.8;
  }

  .sales-checkout-panel > .sales-payment-disclaimer {
    margin-top: 18px;
    display: block;
  }

  .sales-pix-box {
    background: #f6faf7;
    border: 1px solid #dcece1;
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 22px;
    display: flex;
  }

  .sales-pix-box > strong {
    color: #668671;
    font-size: 12px;
    font-weight: 500;
  }

  .sales-pix-box > .form-group {
    width: 100%;
  }

  .sales-pix-box small {
    color: #8aa293;
    text-align: center;
    font-size: 9px;
  }

  .sales-pix-box > p {
    color: #74947e;
    text-align: center;
    gap: 7px;
    font-size: 10px;
    display: flex;
  }

  .sales-checkout-footer {
    text-align: center;
    color: #ad96bb;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 15px 24px 35px;
    font-size: 9px;
    display: flex;
  }

  @media (max-width: 1100px) {
    .sales-checkout-grid {
      gap: 50px;
    }
  }

  @media (max-width: 760px) {
    .sales-container {
      width: calc(100% - 36px);
    }

    .sales-checkout-header {
      gap: 15px;
      padding-block: 25px;
    }

    .sales-checkout-header img {
      width: 150px;
    }

    .sales-checkout-header > span {
      font-size: 8px;
    }

    .sales-checkout-grid {
      grid-template-columns: 1fr;
      gap: 30px;
      padding-top: 10px;
    }

    .sales-order > .sales-eyebrow {
      margin-top: 23px;
    }

    .sales-order h1 {
      font-size: 30px;
    }

    .sales-order-plan {
      margin-top: 20px;
      padding-block: 20px;
    }

    .sales-order-plan > div {
      margin-top: 13px;
    }

    .sales-order ul {
      gap: 9px;
      margin-top: 20px;
    }

    .sales-order-note {
      margin-top: 16px !important;
    }

    .sales-checkout-panel {
      padding: 24px 20px;
    }

    .sales-checkout-copy h2 {
      font-size: 25px;
    }

    .sales-checkout-progress {
      gap: 10px;
    }

    .sales-checkout-progress li {
      gap: 5px;
      font-size: 8px;
    }

    .sales-checkout-panel .input-form {
      font-size: 16px;
    }

    .sales-card-details {
      padding: 18px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .sales-page *, .sales-page :before, .sales-page :after {
      scroll-behavior: auto !important;
      transition: none !important;
      animation: none !important;
    }
  }

  .lp-gallery {
    min-width: 0;
    margin-top: 40px;
  }

  .lp-gallery-track {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    display: grid;
  }

  .lp-gallery-photo {
    min-width: 0;
    margin: 0;
  }

  .lp-gallery-image {
    border-radius: var(--lp-radius);
    background: color-mix(in srgb, var(--lp-text) 7%, var(--lp-bg));
    aspect-ratio: 4 / 3;
    overflow: hidden;
  }

  .lp-gallery-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .lp-gallery-placeholder {
    width: 100%;
    height: 100%;
    min-height: 120px;
  }

  .lp-gallery-photo figcaption {
    overflow-wrap: anywhere;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
  }

  .lp-gallery--masonry .lp-gallery-track {
    columns: 1;
    column-gap: 20px;
    display: block;
  }

  .lp-gallery--masonry .lp-gallery-photo {
    break-inside: avoid;
    margin-bottom: 24px;
  }

  .lp-gallery--masonry .lp-gallery-image {
    aspect-ratio: auto;
  }

  .lp-gallery--masonry img {
    height: auto;
  }

  .lp-gallery--masonry .lp-gallery-placeholder {
    aspect-ratio: 4 / 5;
  }

  .lp-gallery--spotlight .lp-gallery-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lp-gallery--spotlight .lp-gallery-photo:first-child {
    grid-column: 1 / -1;
  }

  .lp-gallery--spotlight .lp-gallery-photo:first-child .lp-gallery-image {
    aspect-ratio: 16 / 10;
  }

  .lp-gallery--carousel .lp-gallery-track {
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: var(--lp-muted) transparent;
    padding-bottom: 12px;
    display: flex;
    overflow-x: auto;
  }

  .lp-gallery--carousel .lp-gallery-photo {
    scroll-snap-align: start;
    flex: 0 0 86%;
  }

  .lp-gallery--carousel .lp-gallery-image {
    aspect-ratio: 4 / 5;
  }

  .lp-gallery-navigation {
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 20px;
    display: flex;
  }

  .lp-gallery-navigation > span {
    color: var(--lp-muted);
    font-size: 13px;
  }

  .lp-gallery-navigation > div {
    gap: 10px;
    display: flex;
  }

  .lp-gallery-navigation button {
    border: 1px solid color-mix(in srgb, var(--lp-text) 20%, transparent);
    background: var(--lp-bg);
    width: 44px;
    height: 44px;
    color: var(--lp-text);
    cursor: pointer;
    border-radius: 50%;
    place-items: center;
    transition: background .15s, color .15s;
    display: grid;
  }

  .lp-gallery-navigation button:hover:not(:disabled) {
    background: var(--lp-primary);
    color: var(--lp-primary-text);
    border-color: var(--lp-primary);
  }

  .lp-gallery-navigation button:disabled {
    opacity: .3;
    cursor: default;
  }

  .lp-gallery-navigation button:focus-visible, .lp-gallery-track:focus-visible {
    outline: 2px solid var(--lp-primary);
    outline-offset: 4px;
  }

  @container (min-width: 540px) {
    .lp-gallery-track {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lp-gallery--masonry .lp-gallery-track {
      columns: 2;
    }

    .lp-gallery--spotlight .lp-gallery-photo:first-child {
      grid-column: 1 / -1;
    }

    .lp-gallery--spotlight .lp-gallery-photo:first-child .lp-gallery-image {
      aspect-ratio: 2;
    }

    .lp-gallery--carousel .lp-gallery-photo {
      flex-basis: 46%;
    }
  }

  @container (min-width: 900px) {
    .lp-gallery--mosaic .lp-gallery-track {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-auto-flow: dense;
    }

    .lp-gallery--mosaic .lp-gallery-photo {
      flex-direction: column;
      display: flex;
    }

    .lp-gallery--mosaic .lp-gallery-image {
      flex: 1;
    }

    .lp-gallery--mosaic .lp-gallery-photo:nth-child(6n+1) {
      grid-area: span 2 / span 2;
    }

    .lp-gallery--mosaic .lp-gallery-photo:nth-child(6n+1) .lp-gallery-image {
      aspect-ratio: 1;
    }

    .lp-gallery--mosaic .lp-gallery-photo:only-child {
      grid-area: auto / 1 / auto / -1;
    }

    .lp-gallery--mosaic .lp-gallery-photo:only-child .lp-gallery-image {
      aspect-ratio: 2;
    }

    .lp-gallery--masonry .lp-gallery-track {
      columns: 3;
    }

    .lp-gallery--spotlight .lp-gallery-track {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lp-gallery--spotlight .lp-gallery-photo:first-child .lp-gallery-image {
      aspect-ratio: 5 / 2;
    }

    .lp-gallery--carousel .lp-gallery-photo {
      flex-basis: 32%;
    }
  }

  .alfa-brand-mark {
    width: var(--alfa-mark-size, 28px);
    height: var(--alfa-mark-size, 28px);
    box-sizing: border-box;
    vertical-align: middle;
    background: radial-gradient(circle at 28% 76%, #ffeaa0 0, #ffb787 17%, #0000 40%), radial-gradient(circle at 75% 24%, #6cf2ff 0, #64a4ff 20%, #0000 43%), conic-gradient(from 20deg, #914bff, #b747ff, #ff72d4, #d935f0, #7952ff, #914bff);
    border: 1.5px solid #fff;
    border-radius: 50%;
    flex: none;
    display: inline-block;
    position: relative;
    box-shadow: 0 0 0 2px #9e67ee50, 0 0 13px #b54ff266, inset 0 0 5px #fff9;
  }

  .alfa-brand-mark:before {
    content: "";
    clip-path: polygon(50% 0, 65% 33%, 100% 50%, 65% 66%, 50% 100%, 34% 66%, 0 50%, 34% 33%);
    filter: drop-shadow(0 0 3px #fff);
    background: #fff;
    position: absolute;
    inset: 19%;
    transform: rotate(-12deg);
  }

  .alfa-brand-mark:after {
    content: "";
    border-radius: inherit;
    border-top: 1px solid #ffffffb3;
    position: absolute;
    inset: 8%;
    transform: rotate(-35deg);
  }
}

.ws-module-surface {
  --color-primary: var(--ws-text);
  --color-secondary: var(--ws-accent);
  --font-family: var(--font-jakarta-display), Arial, Helvetica, sans-serif;
  --dashboard-bg: var(--ws-bg);
  --dashboard-surface: var(--ws-surface);
  --dashboard-panel-border: var(--ws-border);
  --dashboard-filter-border: var(--ws-border);
  --dashboard-button-text: var(--ws-text);
  --dashboard-button-hover: var(--ws-soft);
  --dashboard-button-hover-border: var(--ws-accent);
  --dashboard-danger: #df5265;
  --bg-button: #6c2bff;
  --bg-button-hover: #8b3dff;
  --dashboard-button-height: 44px;
  --dashboard-filter-height: 36px;
  --dashboard-action-height: 34px;
  --dashboard-field-height: 44px;
  --dashboard-text-control: 12px;
  --dashboard-text-label: 13px;
  --dashboard-control-radius: 8px;
  --dashboard-panel-radius: 12px;
  --deal-soft: var(--ws-soft);
  --deal-border: var(--ws-border);
  color: var(--ws-text);
  font-family: var(--font-family);
  width: 100%;
  min-width: 0;
  font-size: 13px;
}

.ws-module-surface *, .ws-module-surface :before, .ws-module-surface :after {
  box-sizing: border-box;
}

.ws-module-surface :is(h1, h2, h3, h4, h5, h6, p) {
  margin: 0;
}

.ws-module-surface :is(button, input, textarea, select) {
  font-family: inherit;
}

.ws-module-surface .container-dash {
  background: none;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.ws-module-surface .adm-page-heading {
  margin: 0 0 16px;
  padding: 0;
}

.ws-module-surface .adm-page-heading h1 {
  letter-spacing: -.035em;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
}

.ws-module-surface .adm-page-heading p {
  color: var(--ws-muted);
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.45;
}

.ws-module-surface .container-dash a {
  text-decoration: none;
}

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

.ds-empty-icon {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  width: 44px;
  height: 44px;
  color: var(--ws-muted);
  border-radius: 11px;
  place-items: center;
  display: grid;
}

.ds-empty-icon svg {
  width: 21px;
  height: 21px;
}

.ws-module-surface .adm-empty {
  gap: 8px;
  min-height: 230px;
}

.ws-module-surface .adm-empty-compact {
  min-height: 170px;
}

.ws-module-surface .adm-empty p {
  max-width: 380px;
  font-size: 12px;
  line-height: 1.6;
}

.ws-module-surface .adm-empty .adm-button {
  margin-top: 9px;
}

.ws-module-surface .kpis-card-container {
  box-shadow: none;
  background: none;
  border: 0;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
  gap: 12px;
  margin: 0 0 20px;
  padding: 0;
  display: grid;
}

.ws-module-surface .adm-panel {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  box-shadow: var(--ws-shadow);
  border-radius: 12px;
}

.ws-module-surface .dashboard-panel {
  padding: 16px;
}

.ws-module-surface .contacts-panel {
  padding: 16px;
  overflow: visible;
}

.ws-module-surface .contacts-panel:has( > .adm-table-scroll,  > .contacts-table-top,  > .adm-empty,  > .contacts-pagination) {
  padding: 0;
}

.ws-module-surface .adm-panel:has( > .adm-table-scroll) {
  padding: 0;
}

.ws-module-surface :is(.dashboard-panel-header, .contacts-table-top) {
  color: var(--ws-muted);
  border-bottom: 1px solid var(--ws-border);
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 16px 20px;
  font-size: 12px;
  display: flex;
}

.ws-module-surface .dashboard-panel > .dashboard-panel-header {
  margin-bottom: 12px;
  padding: 0 0 12px;
}

.ws-module-surface .dashboard-panel > .dashboard-panel-body {
  padding: 0;
}

.ws-module-surface .dashboard-panel:has( > .adm-table-scroll) > .dashboard-panel-header {
  margin: 0;
  padding: 16px 20px;
}

.ws-module-surface :is(.dashboard-panel-header, .contacts-table-top) :is(h2, h3) {
  letter-spacing: -.02em;
  color: var(--ws-text);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.ws-module-surface :is(.dashboard-panel-header, .contacts-table-top) p {
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.5;
}

.ws-module-surface .adm-table {
  border-collapse: collapse;
  border: 0;
  min-width: 640px;
}

.ws-module-surface .adm-table th {
  border-block: 1px solid var(--ws-border);
  background: var(--ws-soft);
  height: 36px;
  color: var(--ws-muted);
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 8px 13px;
  font-size: 10px;
  font-weight: 500;
}

.ws-module-surface .adm-table td {
  border-bottom: 1px solid var(--ws-border);
  height: 56px;
  color: var(--ws-muted);
  vertical-align: middle;
  background: none;
  padding: 9px 13px;
  font-size: 12px;
}

.ws-module-surface .adm-table :is(.contacts-status, .contacts-tag, .deals-stage, .deals-status) {
  white-space: nowrap;
  border-radius: 5px;
  align-items: center;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
  display: inline-flex;
}

.ws-module-surface .adm-table td :is(strong, a) {
  color: var(--ws-text);
  font-weight: 500;
}

.ws-module-surface .adm-table td small {
  color: var(--ws-muted);
  font-size: 10px;
}

.ws-module-surface .adm-table tr:last-child td {
  border-bottom: 0;
}

.ws-module-surface .adm-table tr:hover td {
  background: var(--ws-soft);
}

.ws-module-surface .adm-table tr.selected td {
  background: var(--ws-accent-soft);
}

.ws-module-surface .adm-table-scroll {
  border-radius: 0 0 11px 11px;
  width: 100%;
  overflow-x: auto;
}

.ws-module-surface :is(.contacts-pagination, .contacts-table-footer) {
  border-top: 1px solid var(--ws-border);
  color: var(--ws-muted);
  background: none;
  padding: 14px 20px;
  font-size: 11px;
}

.ws-module-surface .contacts-pagination nav :is(button, a) {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  width: 30px;
  height: 30px;
  color: var(--ws-text);
  border-radius: 6px;
  flex: none;
  place-items: center;
  padding: 0;
  font-size: 11px;
  text-decoration: none;
  display: inline-grid;
}

.ws-module-surface .contacts-pagination nav :is(button, a):hover:not(:disabled):not([aria-current="page"]) {
  background: var(--ws-soft);
  text-decoration: none;
}

.ws-module-surface .contacts-pagination nav :is(button, a)[aria-current="page"] {
  border-color: var(--ws-accent);
  color: var(--ws-accent);
  background: var(--ws-accent-soft);
}

.ws-module-surface .conversations-sidebar .conversations-pagination {
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  padding: 9px 10px;
}

.ws-module-surface .conversations-sidebar .conversations-pagination nav {
  gap: 4px;
  max-width: 100%;
  overflow-x: auto;
}

.ws-module-surface .conversations-sidebar .conversations-pagination nav > span {
  min-width: 16px;
}

.ws-module-surface .projects-detail {
  gap: 12px;
}

.ws-module-surface .projects-detail-top {
  min-height: 28px;
}

.ws-module-surface .projects-detail-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  display: flex;
}

.ws-module-surface .projects-detail-top .projects-detail-number {
  padding: 4px 8px;
}

.ws-module-surface .projects-detail > .adm-page-heading {
  margin-bottom: 2px;
}

.ws-module-surface .contacts-table-top:has(.ds-bulk-actions) {
  background: var(--ws-accent-soft);
  border-radius: 11px 11px 0 0;
}

.ds-bulk-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ws-module-surface .ds-bulk-actions button {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  min-height: 38px;
  color: var(--ws-text);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
}

.ws-module-surface .contacts-tabs {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 9px;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 18px;
  padding: 4px;
  display: flex;
}

.ws-module-surface .contacts-tabs > :is(button, a) {
  min-height: 34px;
  color: var(--ws-muted);
  box-shadow: none;
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.ws-module-surface .contacts-tabs :is(button[aria-selected="true"], button[aria-pressed="true"], a[aria-current="page"]) {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-accent);
  box-shadow: var(--ws-shadow);
}

.ws-module-surface .contacts-tabs :is(button, a):after {
  display: none;
}

.ws-module-surface .contacts-tabs svg {
  width: 15px;
  height: 15px;
}

.ws-module-surface .contacts-tabs button span {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 10px;
}

.ws-module-surface .filtersContacts {
  background: none;
  border: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
}

.ws-module-surface .filtersContacts:has( + .contacts-active-filters) {
  margin-bottom: 0;
}

.ws-module-surface .filtersContacts + .contacts-active-filters {
  min-height: 34px;
  margin-bottom: 12px;
}

.ws-module-surface .contacts-search {
  height: var(--dashboard-filter-height);
  min-height: var(--dashboard-filter-height);
  border: 1px solid var(--ws-border);
  border-radius: var(--dashboard-control-radius);
  background: var(--ws-control);
  color: var(--ws-muted);
  flex: 220px;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  display: flex;
}

.ws-module-surface .contacts-search input {
  width: 100%;
  min-width: 0;
  height: calc(var(--dashboard-filter-height) - 2px);
  min-height: 0;
  color: var(--ws-text);
  font-size: var(--dashboard-text-control);
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-weight: 500;
}

.ws-module-surface .contacts-search > svg {
  flex: none;
  width: 16px;
  height: 16px;
}

.ws-module-surface :is(.filtersContacts, .contacts-sort) .adm-field > .form-label {
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.ws-module-surface .filtersContacts :is(.adm-button, .filterBtn, .lab-select-trigger, .app-select-trigger, .ds-control, .adm-icon-button) {
  height: var(--dashboard-filter-height);
  min-height: var(--dashboard-filter-height);
}

.ws-module-surface .filterBtn {
  min-height: var(--dashboard-filter-height);
  border: 1px solid var(--ws-border);
  border-radius: var(--dashboard-control-radius);
  background: var(--ws-control);
  color: var(--ws-text);
  font-size: var(--dashboard-text-control);
  box-shadow: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
}

.ws-module-surface .filterBtn svg {
  flex: none;
  width: 15px;
  height: 15px;
}

.ws-module-surface .filterBtn:is(.opened, .filterActive) {
  border-color: var(--ws-accent);
  color: var(--ws-accent);
  background: var(--ws-control);
}

.ws-module-surface .adm-button.primary {
  background: var(--planejalfa-gradient);
  color: #fff;
  border: 0;
}

.ws-module-surface .adm-button {
  height: var(--dashboard-action-height);
  min-height: var(--dashboard-action-height);
  font-size: var(--dashboard-text-control);
  text-shadow: none;
  box-shadow: none;
  padding-inline: 12px;
  font-weight: 500;
  line-height: 1.2;
  transform: none;
}

.ws-module-surface .adm-button:is(:hover, :focus-visible) {
  text-decoration: none;
}

.ws-module-surface .adm-field {
  gap: 8px;
  margin: 0;
}

.ws-module-surface .form-label {
  color: var(--ws-text);
  font-size: var(--dashboard-text-label);
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1.4;
  display: block;
}

.ws-module-surface .form-label > span {
  color: var(--ws-accent);
}

.ws-module-surface .ds-control {
  width: 100%;
  min-width: 0;
  height: var(--dashboard-field-height);
  min-height: var(--dashboard-field-height);
  border: 1px solid var(--ws-border);
  border-radius: var(--dashboard-control-radius);
  background: var(--ws-control);
  color: var(--ws-text);
  font-size: var(--dashboard-text-control);
  padding: 0 13px;
  font-weight: 500;
  line-height: normal;
}

.ws-module-surface textarea.ds-control {
  height: auto;
  min-height: 100px;
  padding: 12px 13px;
  line-height: 1.6;
}

.ws-module-surface .fieldSelectInputWrap {
  cursor: pointer;
  min-height: 44px;
  margin: 0;
}

.ws-module-surface .fieldSelectInputWrap .fieldSelectInput {
  width: 100%;
  min-width: 0;
  height: 100%;
  color: var(--ws-text);
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
  font-size: 12px;
  line-height: normal;
}

.ws-module-surface .fieldSelectSelectedBadge {
  color: var(--ws-text);
  background: none;
  border: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
}

.ws-module-surface .fieldSelectPlaceholder {
  color: var(--ws-muted);
  font-weight: 500;
}

.ws-module-surface .ds-select-menu, .ws-module-surface .filterDrop {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-text);
  border-radius: 9px;
  padding: 5px;
  box-shadow: 0 12px 30px #00000029;
}

.ws-module-surface .ds-select-option {
  width: 100%;
  min-height: 38px;
  color: var(--ws-text);
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.ws-module-surface .ds-select-option:is(:hover, .active, [aria-selected="true"]) {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-module-surface .contacts-menu :is(button, a) {
  width: 100%;
  min-height: 38px;
  color: var(--ws-text);
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.ws-module-surface .contacts-menu :is(button, a):hover {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-module-surface .contacts-text-danger {
  color: #d95b68;
}

.ws-module-surface :is(input, button, textarea, select):is(:focus, :focus-visible) {
  box-shadow: none;
  outline: none;
}

.ws-module-surface :is(.ds-control, .lab-select-trigger, .filterBtn):is(:focus, :focus-visible, :focus-within, .focused), .ws-module-surface .contacts-search:focus-within {
  border-color: var(--ws-accent);
  box-shadow: none;
  outline: none;
}

.ws-module-surface :is(button, input, textarea):disabled {
  opacity: .5;
  cursor: not-allowed;
}

.ws-module-surface input::placeholder {
  color: var(--ws-muted);
  opacity: .8;
}

.adm-checkbox input:indeterminate + span {
  background: var(--planejalfa-gradient);
  border-color: #0000;
}

.adm-checkbox input:indeterminate + span svg {
  opacity: 1;
}

.adm-checkbox:has(input:disabled) {
  opacity: .5;
  cursor: not-allowed;
}

.ws-module-surface .adm-checkbox input {
  min-height: 0;
  padding: 0;
}

.ws-module-surface .adm-checkbox > strong {
  font-size: 12px;
}

.ds-form-section {
  border-bottom: 1px solid var(--ws-border);
  gap: 18px;
  padding: 18px 0;
  display: grid;
}

.ds-form-section > .adm-section-header {
  margin: 0;
  display: block;
}

.ds-form-section h3 {
  font-size: 14px;
  font-weight: 600;
}

.ds-form-section p {
  color: var(--ws-muted);
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.5;
}

.ws-module-surface .contacts-dialog {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-text);
  border-radius: 12px;
  padding: 0;
  box-shadow: 0 24px 80px #00000040;
}

.ws-module-surface .contacts-dialog-inner > header {
  border-bottom: 1px solid var(--ws-border);
  background: var(--ws-surface);
  padding: 20px 24px;
}

.ws-module-surface .contacts-dialog-inner > header h2 {
  letter-spacing: -.025em;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.ws-module-surface .contacts-dialog-inner > header p {
  color: var(--ws-muted);
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.6;
}

.ws-module-surface .contacts-form-body {
  padding: 22px 24px;
}

.ws-module-surface .contacts-form > footer {
  border-top: 1px solid var(--ws-border);
  background: var(--ws-surface);
  padding: 16px 24px;
}

.ws-module-surface .contacts-floating-menu {
  z-index: 100;
  width: auto;
}

.ws-module-surface .deals-board {
  contain: layout inline-size;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  position: relative;
  overflow-x: auto;
}

@media (min-width: 901px) and (min-height: 640px) {
  .ws-shell:has(.deals-page-board, .pipeline-editor-board) {
    height: 100dvh;
    overflow: hidden;
  }

  .ws-shell:has(.deals-page-board, .pipeline-editor-board) .ws-frame {
    height: 100%;
    min-height: 0;
  }

  .ws-shell:has(.deals-page-board, .pipeline-editor-board) .ws-content {
    flex-direction: column;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .ws-shell:has(.deals-page-board, .pipeline-editor-board) .ws-content > .ws-module-surface {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
  }

  .ws-shell:has(.deals-page-board) .deals-page-board {
    flex: 1;
    min-height: 0;
  }

  .ws-shell:has(.deals-page-board) .deals-board {
    flex: auto;
    min-height: 0;
  }

  .ws-shell:has(.pipeline-editor-board) .pipeline-editor {
    flex: 1;
    min-height: 0;
  }

  .ws-shell:has(.pipeline-editor-board) .pipeline-editor-board {
    flex: auto;
    min-height: 0;
    overflow-y: hidden;
  }

  .ws-shell:has(.pipeline-editor-board) .pipeline-stage-card {
    flex-direction: column;
    min-height: 0;
    display: flex;
  }

  .ws-shell:has(.pipeline-editor-board) .pipeline-stage-content {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }
}

@media (max-width: 900px), (max-height: 639px) {
  .ws-module-surface .deals-page.deals-page-board {
    min-height: calc(100dvh - 122px);
    padding-bottom: 0;
  }

  .ws-module-surface .deals-page .deals-board {
    flex: auto;
    height: auto;
    min-height: 360px;
  }

  .ws-module-surface .pipeline-editor:has(.pipeline-editor-board) {
    min-height: calc(100dvh - 122px);
    padding-bottom: 0;
  }

  .ws-module-surface .pipeline-editor-board {
    flex: auto;
    min-height: 360px;
  }
}

.ws-module-surface .deals-page {
  gap: 12px;
}

.ws-module-surface .deals-page > .adm-page-heading h1 {
  font-size: 23px;
}

.ws-module-surface .deals-page > .adm-page-heading p {
  margin-top: 3px;
  line-height: 1.45;
}

.ws-module-surface .deals-page > .adm-page-heading .adm-button {
  height: 34px;
  min-height: 34px;
  padding-inline: 11px;
  text-decoration: none;
}

.ws-module-surface .deals-page > .adm-page-heading .adm-button.primary {
  border: 0;
}

.ws-module-surface .deals-page .deals-summary {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  min-height: 36px;
  color: var(--ws-muted);
  box-shadow: var(--ws-shadow);
  gap: 6px 20px;
  padding: 7px 12px;
  font-size: 11px;
}

.ws-module-surface .deals-page .deals-summary strong {
  color: var(--ws-text);
}

.ws-module-surface .deals-page .deals-filters {
  gap: 8px;
}

.ws-module-surface .deals-page .deals-filters .contacts-search, .ws-module-surface .deals-page .deals-filter-selects .fieldSelectInputWrap {
  border-color: var(--ws-border);
  background: var(--ws-control);
  height: 36px;
  min-height: 36px;
}

.ws-module-surface .deals-page .deals-filter-selects .fieldSelectInputWrap:is(:hover, .focused) {
  border-color: var(--ws-accent);
  background: var(--ws-control);
}

.ws-module-surface .deals-page .deals-column {
  border-color: var(--ws-border);
  background: var(--ws-soft);
}

.ws-module-surface .deals-page .deals-column > header {
  border-bottom-color: var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-text);
  padding: 10px 12px;
}

.ws-module-surface .deals-page .deals-column > header strong {
  font-size: 12px;
}

.ws-module-surface .deals-page .deals-column > header span {
  color: var(--ws-muted);
  font-size: 10px;
}

.ws-module-surface .deals-page .deals-card {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  box-shadow: var(--ws-shadow);
  gap: 8px;
}

.ws-module-surface .deals-page .deals-card-footer {
  border-top-color: var(--ws-border);
  color: var(--ws-muted);
}

.ws-module-surface .deals-page .deals-card-main :is(.deals-card-name, b) {
  color: var(--ws-text);
}

.ws-module-surface .deals-page .deals-card-main .deals-card-title {
  color: var(--ws-muted);
}

.ws-module-surface .deals-page .deals-card a:is(:hover, :focus-visible) {
  text-decoration: none;
}

.ws-module-surface .deals-column {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 10px;
}

.ws-module-surface .deal-card {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  box-shadow: var(--ws-shadow);
  border-radius: 8px;
}

.subscription-operations .subscription-grid {
  display: block;
}

.subscription-operations .subscription-panel {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 12px;
  margin-bottom: 18px;
  padding: 20px;
}

.subscription-operations .subscription-history {
  padding: 0;
}

.subscription-operations .subscription-email-form {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
  display: grid;
}

.subscription-operations .subscription-email-form .form-group {
  min-width: 0;
  margin: 0;
}

@media (max-width: 900px) {
  .ws-module-surface .adm-page-heading {
    flex-wrap: wrap;
  }

  .ds-page-actions {
    justify-content: start;
  }
}

@media (max-width: 600px) {
  .ws-module-surface .adm-page-heading {
    gap: 14px;
  }

  .ws-module-surface .adm-page-heading h1 {
    font-size: 22px;
  }

  .ws-module-surface .kpis-card-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .ws-module-surface .filtersContacts > .contacts-search {
    flex-basis: 100%;
  }

  .ws-module-surface .contacts-table-top {
    flex-wrap: wrap;
    padding: 14px 16px;
  }

  .ws-module-surface .contacts-tabs {
    width: 100%;
  }

  .ws-module-surface .contacts-tabs > button {
    flex: 1;
  }

  .ws-module-surface .contacts-form-body {
    padding: 18px 16px;
  }

  .subscription-operations .subscription-email-form {
    grid-template-columns: 1fr;
  }
}

.ws-module-surface button {
  text-shadow: none;
}

.ws-module-surface button:not(:disabled):hover {
  box-shadow: none;
  transform: none;
}

.ws-module-surface :is(.projects-page, .financial-overview-page, .integrations-page, .deals-page, .supplies-page) {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.ws-module-surface :is(.projects-page, .financial-overview-page, .integrations-page, .deals-page, .supplies-page) > :is(.adm-page-heading, .kpis-card-container, .contacts-tabs, .filtersContacts, .deals-summary) {
  margin: 0;
}

.ws-module-surface .selectSearchTrigger {
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0 12px;
  display: flex;
  overflow: hidden;
}

.ws-module-surface .fieldSelectWrap {
  width: 100%;
  min-width: 0;
}

.ws-module-surface .fieldSelectSelectedBadge, .ws-module-surface .fieldSelectPlaceholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ws-module-surface .contacts-form .selectSearchTrigger > :is(.fieldSelectSelectedBadge, .fieldSelectPlaceholder) {
  opacity: 1;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.ws-module-surface .contacts-form .selectSearchTrigger > .fieldSelectPlaceholder {
  color: var(--ws-muted);
}

.ws-module-surface .selectSearchIcon {
  flex: none;
  place-items: center;
  display: grid;
}

.ws-module-surface .selectSearchTrigger .actionSelect {
  flex: none;
  width: 12px;
  height: auto;
  margin-left: auto;
  position: static;
}

.ws-module-surface .selectSearchTrigger .arrowSelect {
  width: 12px;
  height: auto;
  color: var(--ws-muted);
  opacity: 1;
}

.ws-module-surface .actionSelect svg {
  width: 13px;
  height: 13px;
}

.ws-module-surface .ds-inline-select > span, .ws-module-surface .ds-inline-select .form-label {
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.ws-module-surface .contacts-sort {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ws-module-surface .contacts-sort .lab-select-trigger {
  height: 38px;
  min-height: 38px;
}

.ws-module-surface .contacts-sort .ds-inline-select {
  min-width: 155px;
}

.ws-module-surface .integrations-card {
  gap: 14px;
  padding: 20px;
}

.ws-module-surface :is(.integrations-card, .integrations-section-heading) p {
  color: var(--ws-muted);
  font-size: 12px;
  line-height: 1.6;
}

.ws-module-surface .integrations-section-heading {
  margin-top: 8px;
}

.ws-module-surface .integrations-section-heading h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.ws-module-surface .integrations-card-body {
  background: var(--ws-soft);
  color: var(--ws-muted);
  border: 1px solid var(--ws-border);
}

.ws-module-surface .integrations-card h3 {
  font-size: 15px;
  font-weight: 600;
}

.ws-module-surface .integrations-status {
  border-radius: 5px;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 500;
}

.ws-module-surface .integrations-card > :is(.integrations-calendar-actions, .integrations-card-actions) {
  margin: 0;
  padding: 14px 0 0;
}

.ws-module-surface .subscription-cancel {
  background: var(--ws-surface);
  border: 1px solid var(--ws-border);
  border-radius: 12px;
  padding: 18px 20px;
}

.ws-shell[data-theme] .ws-module-surface .container-dash {
  background: none;
}

.ws-shell .lab-table-menu a {
  width: 100%;
  min-height: 38px;
  color: var(--ws-text);
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.ws-shell .lab-table-menu a svg {
  width: 16px;
  height: 16px;
  color: var(--ws-muted);
}

.ws-shell .lab-table-menu a:is(:hover, :focus-visible) {
  border-color: var(--ws-accent);
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  outline: none;
}

.ws-module-surface .kpis-card-container:has( > :nth-child(6)) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ws-module-surface .campaigns-filter-fields {
  display: contents;
}

.ws-module-surface .filtersContacts > .adm-field {
  flex: 0 170px;
  min-width: 0;
}

.ws-module-surface .dashboard-action {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  color: var(--ws-text);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

.ws-module-surface .dashboard-action-primary {
  background: var(--planejalfa-gradient);
  color: #fff;
  border-color: #0000;
}

.ws-module-surface .dashboard-metric-grid {
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: 12px;
}

.ws-module-surface .dashboard-small-metric {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 8px;
  padding: 14px 16px;
}

.ws-module-surface .dashboard-small-metric strong {
  letter-spacing: -.035em;
  color: var(--ws-text);
  margin-top: 0;
  font-size: 21px;
  font-weight: 700;
}

.ws-module-surface .dashboard-small-metric > span {
  color: var(--ws-muted);
  font-size: 12px;
  font-weight: 500;
}

.ws-module-surface .dashboard-small-metric small {
  color: var(--ws-muted);
  font-size: 11px;
}

@media (max-width: 700px) {
  .ws-module-surface .kpis-card-container:has( > :nth-child(6)) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ws-module-surface .filtersContacts > .adm-field {
    flex: 145px;
  }
}

.ws-module-surface {
  background: none;
}

.ws-module-surface fieldset {
  border-color: var(--ws-border);
}

.ws-module-surface :is(.catalog-page, .proposals-page, .agenda-page, .campaigns-page, .automations-page, .installations-page, .financial-report-page, .landing-pages-page, .forms-page) {
  gap: 12px;
}

.ws-module-surface :is(.catalog-page, .proposals-page, .agenda-page, .campaigns-page, .automations-page, .installations-page, .financial-report-page, .landing-pages-page, .forms-page) > :is(.adm-page-heading, .contacts-tabs, .filtersContacts, .contacts-active-filters, .kpis-card-container) {
  margin: 0;
}

.ws-module-surface .catalog-page .catalog-section {
  padding: 14px 16px;
}

.ws-module-surface .catalog-page .catalog-simple-row:first-of-type {
  margin-top: 10px;
}

.ws-module-surface .catalog-page .catalog-price-card {
  flex-direction: column;
  padding: 14px 16px;
  display: flex;
}

.ws-module-surface .catalog-page .catalog-price-card > p {
  flex: 1;
  min-height: 0;
  margin: 5px 0 10px;
}

.ws-module-surface .catalog-page .catalog-price-actions {
  margin-top: 10px;
  padding-top: 10px;
}

.ws-module-surface :is(.catalog-badge, .proposals-status, .campaigns-status, .landing-status, .integrations-status) {
  white-space: nowrap;
  border-radius: 5px;
  align-items: center;
  width: fit-content;
  padding: 3px 8px;
  font-size: .72rem;
  font-weight: 500;
  line-height: 1.35;
  display: inline-flex;
}

.ws-shell .lab-table-menu {
  width: 190px;
  padding: 4px;
}

.ws-shell .lab-table-menu :is(button, a) {
  border-color: #0000;
  gap: 8px;
  min-height: 34px;
  padding: 0 9px;
  font-size: 11px;
}

.ws-shell .lab-table-menu :is(button, a):is(:hover, :focus-visible) {
  border-color: #0000;
}

.ws-shell .lab-table-menu button.is-danger {
  border-top-color: var(--ws-border);
  margin-top: 3px;
}

@media (max-width: 900px) {
  .ws-module-surface .adm-table.crm-responsive-table {
    min-width: 0;
  }

  .ws-module-surface .crm-responsive-table td {
    border-bottom: 0;
    height: auto;
    padding: 0;
  }
}

@container dashboard-module (max-width: 860px) {
  .ws-module-surface .adm-table.module-card-table {
    min-width: 0;
  }

  .ws-module-surface .module-card-table td {
    border-bottom: 0;
    height: auto;
    padding: 8px 0;
  }
}

.ws-module-surface legend {
  color: var(--ws-muted);
  font-size: 12px;
  font-weight: 500;
}

.ws-module-surface .contacts-dialog::backdrop {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #0000007a;
}

.ws-module-surface .btnAddTag {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  min-height: 32px;
  color: var(--ws-accent);
  border-radius: 7px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.ws-module-surface .ds-section-panel {
  padding: 0;
  overflow: hidden;
}

.ws-module-surface .ds-section-panel > .dashboard-panel-header {
  padding: 12px 16px;
}

.ws-module-surface .ds-panel-body {
  min-width: 0;
  padding: 16px;
}

.ws-module-surface .ds-panel-body:has( > .adm-table-scroll,  > .adm-empty) {
  padding: 0;
}

.ws-module-surface .ds-panel-body > .adm-table-scroll {
  border-radius: 0;
}

.ws-module-surface .implantacao-panel {
  padding: 0;
  overflow: hidden;
}

.ws-module-surface .implantacao-steps {
  min-width: 0;
  display: grid;
}

.ws-module-surface .implantacao-step {
  min-height: 72px;
  padding: 12px 16px;
}

.ws-module-surface .implantacao-list-heading {
  align-items: center;
  padding: 14px 16px;
}

.ws-module-surface .implantacao-progress-panel {
  padding: 16px;
}

.ws-module-surface .implantacao-progress-track {
  background: var(--ws-soft);
  border-radius: 6px;
  height: 6px;
  overflow: visible;
}

.ws-module-surface .implantacao-progress-track > span {
  background: var(--planejalfa-gradient);
  border-radius: 6px;
  height: 8px;
  position: relative;
  top: -1px;
}

.ws-module-surface.modalForm {
  z-index: 30000;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #0000007a;
  border: 0;
  place-items: center;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}

.ws-module-surface.modalForm::backdrop {
  background: none;
}

.ws-overlay-host {
  display: contents;
}

.ws-module-surface .dialog-draft-hint {
  border-bottom: 1px solid var(--ws-border);
  background: var(--ws-accent-soft);
  color: var(--ws-text);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 9px 20px;
  font-size: 12px;
  display: flex;
}

.ws-module-surface .dialog-draft-hint button {
  color: var(--ws-accent);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 5px 8px;
  font-weight: 650;
}

.ws-module-surface .contentModalForm {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: 100%;
  max-height: calc(100dvh - 40px);
  color: var(--ws-text);
  border-radius: 12px;
  outline: none;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 80px #00000040;
}

.ws-module-surface .headerModalForm {
  border-bottom: 1px solid var(--ws-border);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  display: flex;
}

.ws-module-surface .titleModalForm {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.ws-module-surface .closeModalForm {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  width: 30px;
  height: 30px;
  color: var(--ws-muted);
  border-radius: 7px;
  flex: none;
  place-items: center;
  padding: 0;
  display: grid;
}

.ws-module-surface .bodyModalForm {
  min-height: 0;
  padding: 20px;
  overflow-y: auto;
}

.ws-module-surface .bodyModalForm > form {
  padding: 0;
}

.ws-module-surface .contacts-form-body > .ds-form-section:first-child {
  padding-top: 0;
}

.ws-module-surface .contacts-form-body > .ds-form-section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.ws-module-surface .agenda-overlay {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #0000007a;
}

.ws-module-surface .agenda-drawer {
  background: var(--ws-surface);
  color: var(--ws-text);
  border-left: 1px solid var(--ws-border);
}

.ws-module-surface .agenda-drawer > header {
  border-color: var(--ws-border);
  padding: 16px 20px;
}

.ws-module-surface .agenda-drawer h2 {
  font-size: 18px;
  font-weight: 600;
}

.ws-module-surface .agenda-drawer-body {
  padding: 20px;
}

.ws-module-surface .agenda-drawer-body > :is(.agenda-form, .agenda-detail) {
  padding: 0;
}

.ws-module-surface .agenda-form > .ds-form-section {
  border-bottom: 0;
  padding-block: 0;
}

.ws-module-surface .agenda-drawer .ds-form-section:first-child {
  padding-top: 0;
}

.ws-module-surface .agenda-panel {
  padding: 0;
  overflow: hidden;
}

.ws-module-surface :is(.inbox-task-form, .inbox-form-grid) {
  gap: 16px;
  display: grid;
}

.ws-module-surface .inbox-form-actions {
  justify-content: flex-end;
  gap: 8px;
  padding-top: 4px;
  display: flex;
}

.ws-module-surface .adm-table th {
  vertical-align: middle;
  text-align: left;
  line-height: 1.3;
}

.ws-module-surface .adm-table :is(th, td):has( > .adm-checkbox) {
  width: 50px;
  padding-inline: 16px;
}

.ws-module-surface .adm-table .adm-checkbox {
  vertical-align: middle;
  min-height: 18px;
  display: inline-flex;
}

.ws-module-surface .adm-table thead :is(th:first-child, th:last-child) {
  border-radius: 0;
}

.ws-module-surface .dashboard-controls, .ws-module-surface .dashboard-owner-filter {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ws-module-surface .dashboard-owner-filter {
  margin: 0;
}

.ws-module-surface .dashboard-owner-filter .adm-field {
  width: 170px;
}

.ws-module-surface .dashboard-owner-filter .form-label {
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.ws-module-surface .dashboard-controls :is(.lab-select-trigger, .btnFilter) {
  background: var(--ws-control);
  border: 1px solid var(--ws-border);
  height: 38px;
  min-height: 38px;
  color: var(--ws-text);
  border-radius: 8px;
  font-size: 12px;
}

.ws-module-surface .dashboard-panel-header a, .ws-module-surface .inbox-link {
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.ws-module-surface :is(a, button) > svg {
  flex-shrink: 0;
}

.ws-module-surface :is(a, button) > svg:where([data-icon]) {
  width: 14px;
  height: 14px;
}

.ws-module-surface .dashboard-panel-header a svg, .ws-module-surface .inbox-link svg {
  width: 12px;
  height: 12px;
}

.ws-module-surface .dashboard-inbox-grid a {
  background: var(--ws-control);
  border-color: var(--ws-border);
  min-height: 66px;
  color: var(--ws-text);
  padding: 10px 12px;
}

.ws-module-surface .dashboard-inbox-grid strong {
  color: var(--ws-text);
  font-size: 21px;
  line-height: 1.2;
}

.ws-module-surface .dashboard-inbox-grid span {
  color: var(--ws-muted);
  font-size: 12px;
}

.ws-module-surface .dashboard-inbox-grid {
  gap: 10px;
}

.ws-module-surface .inbox-page {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.ws-module-surface .inbox-page > :is(.adm-page-heading, .inbox-summary, .contacts-tabs, .filtersContacts) {
  margin: 0;
}

.ws-module-surface .inbox-group {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
}

.ws-module-surface .inbox-group > h2, .ws-module-surface .inbox-group-head {
  background: var(--ws-soft);
  border-bottom: 1px solid var(--ws-border);
  padding: 12px 16px;
}

.ws-module-surface .inbox-group h2 {
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

.ws-module-surface .inbox-group h2 span {
  color: var(--ws-muted);
  font-weight: 500;
}

.ws-module-surface .inbox-group-head {
  gap: 12px;
}

.ws-module-surface .inbox-group-head h2 {
  background: none;
  border: 0;
  padding: 0;
}

.ws-module-surface :is(.inbox-group-head, .inbox-row-actions) button, .ws-module-surface .inbox-status-filter {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  height: 38px;
  min-height: 38px;
  color: var(--ws-text);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
}

.ws-module-surface .inbox-group-head button.active, .ws-module-surface .inbox-status-filter.active {
  border-color: var(--ws-accent);
  color: var(--ws-accent);
  background: var(--ws-control);
}

.ws-module-surface .inbox-filters > .adm-field {
  flex: 0 180px;
}

.ws-module-surface :is(.inbox-summary, .deals-summary) {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-muted);
  border-radius: 9px;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  padding: 12px 16px;
  font-size: 12px;
  display: flex;
}

.ws-module-surface :is(.inbox-summary, .deals-summary) strong {
  color: var(--ws-text);
  font-weight: 500;
}

.ws-module-surface .deals-filters .deals-filter-selects {
  flex: 2 700px;
  grid-template-columns: repeat(4, minmax(155px, 1fr));
  gap: 8px;
  min-width: 0;
  display: grid;
}

.ws-module-surface .deals-filter-selects .adm-field {
  width: 100%;
  min-width: 0;
}

.ws-module-surface .upgrade-page > .adm-page-heading {
  margin: 0;
}

.ws-module-surface .upgrade-hero {
  background: var(--ws-surface);
  gap: 14px;
  padding: 18px;
}

.ws-module-surface .upgrade-hero-icon {
  background: var(--ws-accent-soft);
  width: 44px;
  height: 44px;
  color: var(--ws-accent);
  border-radius: 10px;
  font-size: 20px;
}

.ws-module-surface .upgrade-hero h2 {
  margin: 3px 0;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
}

.ws-module-surface .upgrade-eyebrow {
  color: var(--ws-accent);
  font-size: 11px;
  font-weight: 500;
}

.ws-module-surface .upgrade-plan-card {
  gap: 12px;
  padding: 18px;
}

.ws-module-surface .upgrade-plan-card.is-current {
  border-color: var(--ws-accent);
}

.ws-module-surface .upgrade-plan-card h3 {
  font-size: 17px;
  font-weight: 600;
}

.ws-module-surface .upgrade-plan-price strong {
  font-size: 25px;
  font-weight: 600;
}

.ws-module-surface .upgrade-plan-badge {
  color: var(--ws-accent);
  background: var(--ws-accent-soft);
}

.ws-module-surface :is(.upgrade-hero p, .upgrade-plan-card > p, .upgrade-plan-details, .upgrade-plan-price span, .upgrade-plan-unavailable, .upgrade-module-state.excluded, .upgrade-message, .upgrade-footnote) {
  color: var(--ws-muted);
  font-size: 12px;
  line-height: 1.6;
}

.ws-module-surface .dashboard-back-link {
  align-self: flex-start;
  gap: 8px;
  width: fit-content;
}

.ws-module-surface .dashboard-back-link svg {
  width: 13px;
  height: 13px;
}

.ws-module-surface .profitability-filters {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.ws-module-surface .profitability-filters > .deals-filter-selects {
  flex: 0 175px;
  width: 175px;
  display: block;
}

@media (max-width: 1050px) {
  .ws-module-surface .deals-filters .deals-filter-selects {
    flex-basis: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .ws-module-surface .dashboard-inbox-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ws-module-surface .inbox-group-head {
    align-items: flex-start;
  }

  .ws-module-surface .inbox-group-head > div {
    gap: 8px;
  }

  .ws-module-surface .inbox-filters > .adm-field {
    flex: 140px;
  }
}

.ws-module-surface .crm-import {
  z-index: 30000;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #1810268c;
  padding: 18px;
}

.ws-module-surface .crm-import .modalImport {
  border: 1px solid var(--ws-border, #e9e5f1);
  background: var(--ws-surface, #fff);
  border-radius: 16px;
  flex-direction: column;
  width: min(760px, 100%);
  max-width: 760px;
  max-height: min(780px, 100dvh - 36px);
  animation: .2s ease-out both crmImportEnter;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 70px #1a10312e;
}

@keyframes crmImportEnter {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ws-module-surface .crm-import .headerModalForm.crm-import-header {
  border-bottom: 0;
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 0;
  padding: 20px 24px 16px;
  display: flex;
}

.ws-module-surface .crm-import .crm-import-header h2 {
  color: var(--color-primary);
  letter-spacing: -.025em;
  margin: 2px 0 0;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.3;
}

.ws-module-surface .crm-import .headerModalForm.crm-import-header span {
  position: static;
  transform: none;
}

.ws-module-surface .crm-import .crm-import-eyebrow {
  color: var(--ws-accent, #7847c8);
  letter-spacing: .11em;
  font-size: 10px;
  font-weight: 700;
  display: block;
}

.ws-module-surface .crm-import .crm-import-header-actions {
  flex: none;
  align-items: center;
  gap: 16px;
  display: flex;
}

.ws-module-surface .crm-import .headerModalForm .crm-import-step {
  color: var(--ws-muted, #747185);
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
}

.ws-module-surface .crm-import .headerModalForm .closeModalForm {
  width: 30px;
  height: 30px;
  color: var(--ws-muted, #747185);
  border-radius: 8px;
}

.ws-module-surface .crm-import .headerModalForm .closeModalForm:hover {
  background: var(--ws-accent-soft, #f4effb);
  color: var(--color-primary);
}

.ws-module-surface .crm-import .crm-import-steps {
  border-bottom: 1px solid var(--ws-border, #eeeaf3);
  flex: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 0 24px 18px;
  display: grid;
}

.ws-module-surface .crm-import .crm-import-steps > div {
  color: var(--ws-muted, #747185);
  white-space: nowrap;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 550;
  display: flex;
}

.ws-module-surface .crm-import .crm-import-steps > div:after {
  content: "";
  background: var(--ws-border, #e8e3ee);
  border-radius: 3px;
  flex: 1;
  height: 2px;
}

.ws-module-surface .crm-import .crm-import-steps > div:last-child:after {
  display: none;
}

.ws-module-surface .crm-import .crm-import-steps span {
  background: var(--ws-accent-soft, #f4effb);
  width: 21px;
  height: 21px;
  color: var(--ws-muted, #747185);
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 10px;
  font-weight: 700;
  display: grid;
  position: static;
  transform: none;
}

.ws-module-surface .crm-import .crm-import-steps :is(.active, .done) {
  color: var(--color-primary);
}

.ws-module-surface .crm-import .crm-import-steps :is(.active, .done) span {
  background: var(--ws-accent, #7744c7);
  color: #fff;
}

.ws-module-surface .crm-import .crm-import-steps .done:after {
  background: var(--ws-accent, #7744c7);
}

.ws-module-surface .crm-import .bodyModalForm, .ws-module-surface .crm-import .modalImport .bodyModalForm {
  flex: 1;
  min-height: 0;
  padding: 22px 24px 24px;
  overflow-y: auto;
}

.ws-module-surface .crm-import .crm-import-upload {
  border: 1.5px dashed var(--ws-border, #dcd3ea);
  background: color-mix(in srgb, var(--ws-accent, #7744c7) 3%, var(--ws-surface, #fff));
  text-align: center;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 290px;
  padding: 28px 20px;
  display: flex;
}

.ws-module-surface .crm-import .crm-import-upload-icon {
  background: var(--ws-accent-soft, #f4effb);
  width: 54px;
  height: 54px;
  color: var(--ws-accent, #7744c7);
  border-radius: 14px;
  place-items: center;
  margin-bottom: 13px;
  display: grid;
}

.ws-module-surface .crm-import .crm-import-upload h3 {
  color: var(--color-primary);
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 650;
}

.ws-module-surface .crm-import .crm-import-upload p {
  max-width: 390px;
  color: var(--ws-muted, #747185);
  margin: 0 0 18px;
  font-size: 12px;
  line-height: 1.5;
}

.ws-module-surface .crm-import .btnImportGo {
  color: #fff;
  background: linear-gradient(110deg, var(--color-primary), var(--color-secondary));
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-width: 160px;
  height: 34px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 650;
  display: inline-flex;
}

.ws-module-surface .crm-import .downloadExemple {
  min-height: 28px;
  color: var(--ws-accent, #7744c7);
  background: none;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.ws-module-surface .crm-import .progressUpload {
  margin: 30px 0;
}

.ws-module-surface .crm-import .progressUpload .barProgress {
  height: 10px;
  padding: 0;
  overflow: hidden;
}

.ws-module-surface .crm-import .progressUpload .barProgress .porcentage {
  display: none;
}

.ws-module-surface .crm-import .progressUpload .barProgress .progress {
  background: linear-gradient(110deg, var(--color-primary), var(--color-secondary));
}

.ws-module-surface .crm-import .previewHeader h3 {
  text-align: left;
  color: var(--color-primary);
  margin: 0;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.3;
}

.ws-module-surface .crm-import .previewHeader p {
  text-align: left;
  color: var(--ws-muted, #747185);
  margin: 3px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

.ws-module-surface .crm-import hr.previewDivider {
  border-color: var(--ws-border, #eeeaf3);
  opacity: 1;
  margin: 16px 0;
}

.ws-module-surface .crm-import .mapeamentoSection .map .fieldsMap {
  border-color: var(--ws-border, #eeeaf3);
  padding: 9px 0;
}

.ws-module-surface .crm-import .mapeamentoSection .map .titleCol {
  letter-spacing: .055em;
  color: var(--ws-muted, #747185);
  font-size: 10px;
}

.ws-module-surface .crm-import .mapeamentoSection .map .fieldsMap .titleHeader {
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 550;
}

.ws-module-surface .crm-import .map .fieldSelectWrap.fieldSelectWrap .fieldSelectInputWrap {
  border: 1px solid var(--ws-border, #e8e3ee);
  background: var(--ws-surface, #fff);
  border-radius: 8px;
  height: 34px;
}

.ws-module-surface .crm-import .map .fieldSelectWrap.fieldSelectWrap .fieldSelectInputWrap .actionSelect .arrowSelect, .ws-module-surface .crm-import .actionSelect .fieldSelectClear {
  height: 34px;
}

.ws-module-surface .crm-import .fieldSelectDropdown {
  border-radius: 9px;
  box-shadow: 0 12px 34px #1a103121;
}

.ws-module-surface .crm-import .tagSelectWrap .btnAddTag {
  border-radius: 8px;
  gap: 5px;
  height: 32px;
  min-height: 32px;
  padding: 0 12px;
  font-size: 11px;
}

.ws-module-surface .crm-import .avisoMap {
  color: var(--ws-muted, #747185);
  margin: 18px 0 12px;
  font-size: 11px;
}

.ws-module-surface .crm-import .actionsImport {
  border-top: 1px solid var(--ws-border, #eeeaf3);
  margin-top: 18px;
  padding-top: 15px;
}

.ws-module-surface .crm-import .btnActionImport {
  border-radius: 8px;
  min-width: 86px;
  height: 34px;
  padding: 0 14px;
  font-size: 11px;
  font-weight: 650;
}

.ws-module-surface .crm-import .btnActionImport.btnCancel {
  border: 1px solid var(--ws-border, #ddd5e8);
  background: var(--ws-surface, #fff);
  color: var(--color-primary);
}

.ws-module-surface .crm-import .btnActionImport.btnContinuar {
  background: linear-gradient(110deg, var(--color-primary), var(--color-secondary));
  color: #fff;
  border: 0;
}

.ws-module-surface .crm-import .btnActionImport.btnContinuar:hover {
  filter: brightness(1.1);
  border: 0;
}

.ws-module-surface .crm-import .btnActionImport.btnContinuar:disabled {
  background: var(--ws-accent-soft, #f4effb);
  color: var(--ws-muted, #747185);
  filter: none;
  border: 0;
}

.ws-module-surface .crm-import .previewInfo {
  margin: 0 0 12px;
  font-size: 12px;
}

.ws-module-surface .crm-import .previewTableWrap {
  border: 1px solid var(--ws-border, #eeeaf3);
  border-radius: 10px;
}

.ws-module-surface .crm-import .previewTable th, .ws-module-surface .crm-import .previewTable td {
  white-space: nowrap;
  padding: 10px 12px;
  font-size: 11px;
}

.ws-module-surface .crm-import .crm-import-error {
  color: #bd3434;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ws-module-surface .crm-import .crm-import-error button {
  color: var(--ws-accent, #7744c7);
  font-weight: 650;
  text-decoration: none;
}

@media (max-width: 620px) {
  .ws-module-surface .crm-import {
    padding: 8px;
  }

  .ws-module-surface .crm-import .modalImport {
    max-height: calc(100dvh - 16px);
  }

  .ws-module-surface .crm-import .headerModalForm.crm-import-header {
    padding: 16px 16px 12px;
  }

  .ws-module-surface .crm-import .crm-import-steps {
    padding: 0 16px 14px;
  }

  .ws-module-surface .crm-import .crm-import-steps > div {
    gap: 0;
    font-size: 0;
  }

  .ws-module-surface .crm-import .crm-import-steps span {
    font-size: 10px;
  }

  .ws-module-surface .crm-import .bodyModalForm, .ws-module-surface .crm-import .modalImport .bodyModalForm {
    padding: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-module-surface .crm-import .modalImport {
    animation: none;
  }
}

.ws-module-surface .crm-import .previewTable th span {
  color: var(--color-primary);
  letter-spacing: 0;
  text-transform: none;
  font-size: 11px;
  font-weight: 650;
  display: block;
}

.ws-module-surface .crm-import .previewTable th small {
  color: var(--ws-muted, #747185);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 2px;
  font-size: 10px;
  font-weight: 450;
  display: block;
}

.import-dropdown-portal, .import-dropdown-portal.import-field-portal > .fieldSelectWrap {
  display: contents;
}

.import-dropdown-portal.import-field-portal .fieldSelectDropdown {
  border: 1px solid var(--ws-border, #e9e3ee);
  background: var(--ws-surface, #fff);
  width: auto;
  max-height: min(300px, 100dvh - 16px);
  color: var(--ws-text, #251c33);
  border-radius: 9px;
  padding: 5px;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  box-shadow: 0 14px 38px #1a10312b;
}

.import-dropdown-portal.import-field-portal .fieldSelectGroup {
  margin: 0;
  padding: 6px 9px 3px;
}

.import-dropdown-portal.import-field-portal .fieldSelectGroup span {
  color: var(--ws-muted, #756d80);
  font-size: 10px;
}

.import-dropdown-portal.import-field-portal .fieldSelectOption, .import-dropdown-portal.import-field-portal .fieldSelectNone {
  min-height: 32px;
  color: var(--ws-text, #251c33);
  border-radius: 6px;
  align-items: center;
  padding: 7px 9px;
  font-size: 11px;
  line-height: 1.35;
  display: flex;
}

.import-dropdown-portal.import-field-portal .fieldSelectOption:hover, .import-dropdown-portal.import-field-portal .fieldSelectOption.active, .import-dropdown-portal.import-field-portal .fieldSelectNone:hover {
  background: var(--ws-accent-soft, #f1eaff);
  color: var(--ws-accent, #6c2bff);
}

.import-dropdown-portal.import-field-portal .fieldSelectEmpty {
  color: var(--ws-muted, #756d80);
  padding: 10px;
  font-size: 11px;
}

.import-dropdown-portal.import-tag-portal .tagSelectDropdown {
  border: 1px solid var(--ws-border, #e9e3ee);
  background: var(--ws-surface, #fff);
  border-radius: 10px;
  gap: 9px;
  width: auto;
  max-height: min(300px, 100dvh - 16px);
  padding: 12px;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  box-shadow: 0 14px 38px #1a10312b;
}

.import-dropdown-portal.import-tag-portal .tagSelectDropdown .form-group {
  margin: 0;
}

.import-dropdown-portal.import-tag-portal .tagSelectDropdown .form-label, .import-dropdown-portal.import-tag-portal .tagColorLabel {
  color: var(--ws-muted, #756d80);
  font-size: 11px;
  font-weight: 600;
}

.import-dropdown-portal.import-tag-portal .tagSelectDropdown .seletor {
  border: 1px solid var(--ws-border, #e9e3ee);
  background: var(--ws-control, #fbfaff);
  border-radius: 7px;
  min-height: 34px;
}

.import-dropdown-portal.import-tag-portal .tagSelectDropdown .seletor .arrowSelect {
  height: 32px;
}

.import-dropdown-portal.import-tag-portal .tagSelectOptions {
  border: 1px solid var(--ws-border, #e9e3ee);
  background: var(--ws-surface, #fff);
  max-height: 132px;
  box-shadow: none;
  border-radius: 7px;
  margin-top: 5px;
  padding: 3px 0;
  position: static;
  overflow-y: auto;
}

.import-dropdown-portal.import-tag-portal .tagSelectActions {
  border-top: 1px solid var(--ws-border, #e9e3ee);
  padding-top: 9px;
}

.import-dropdown-portal.import-tag-portal .tagSelectActions :is(.btnTagCancel, .btnTagSave) {
  border-radius: 7px;
  height: 32px;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 600;
}

.import-dropdown-portal.import-tag-portal .tagSelectActions .btnTagSave {
  background: linear-gradient(110deg, var(--color-primary), var(--color-secondary));
  color: #fff;
  border: 0;
}

.ws-module-surface .crm-import .crm-import-config-row {
  min-height: 57px;
}

.ws-module-surface .crm-import .crm-import-config-row .crm-import-field-label small {
  color: var(--ws-muted, #756d80);
  font-size: 10px;
  line-height: 1.35;
}

.ws-module-surface .crm-import .crm-import-config-row .tagSelectWrap {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.ws-module-surface .crm-import .crm-import-config-row .tagsSelecionadas {
  flex-wrap: wrap;
}

.ws-module-surface .crm-import .crm-import-config-row .fieldSelectInputWrap {
  padding-right: 42px;
}

.ws-module-surface .crm-import .crm-import-config-row .fieldSelectInputWrap input {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 620px) {
  .ws-module-surface .crm-import .crm-import-config-row {
    gap: 6px;
    padding: 11px 0;
  }
}

.ws-module-surface .crm-import .headerModalForm.crm-import-header {
  padding: 18px 24px 12px;
}

.ws-module-surface .crm-import .crm-import-header h2 {
  margin-top: 1px;
}

.ws-module-surface .crm-import .crm-import-header-actions {
  gap: 0;
}

.ws-module-surface .crm-import .crm-import-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
  padding: 0 24px 16px;
  list-style: none;
  display: grid;
}

.ws-module-surface .crm-import .crm-import-steps li {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  min-width: 0;
  min-height: 39px;
  color: var(--ws-muted);
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
}

.ws-module-surface .crm-import .crm-import-steps li:after {
  display: none;
}

.ws-module-surface .crm-import .crm-import-steps li.active {
  border-color: color-mix(in srgb, var(--ws-accent) 38%, var(--ws-border));
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-module-surface .crm-import .crm-import-steps li.done {
  border-color: color-mix(in srgb, var(--ws-accent) 18%, var(--ws-border));
  background: color-mix(in srgb, var(--ws-accent) 4%, var(--ws-surface));
  color: var(--ws-text);
}

.ws-module-surface .crm-import .crm-import-steps .crm-import-step-number {
  background: var(--ws-surface);
  width: 22px;
  height: 22px;
  color: var(--ws-muted);
  border-radius: 6px;
  flex: none;
  place-items: center;
  font-size: 11px;
  font-weight: 700;
  display: grid;
  position: static;
  transform: none;
}

.ws-module-surface .crm-import .crm-import-steps .active .crm-import-step-number {
  background: var(--ws-accent);
  color: #fff;
}

.ws-module-surface .crm-import .crm-import-steps .done .crm-import-step-number {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-module-surface .crm-import .crm-import-steps li .crm-import-step-label {
  width: auto;
  min-width: 0;
  height: auto;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border-radius: 0;
  flex: 1;
  display: block;
  position: static;
  overflow: hidden;
  transform: none;
}

.ws-module-surface .crm-import .bodyModalForm, .ws-module-surface .crm-import .modalImport .bodyModalForm {
  padding-top: 18px;
}

.ws-module-surface .crm-import .crm-import-upload {
  min-height: 270px;
}

.ws-module-surface .crm-import hr.previewDivider {
  margin: 15px 0 10px;
}

.ws-module-surface .crm-import .map .crm-import-map-heading {
  border-bottom: 1px solid var(--ws-border);
  padding: 7px 2px 10px;
}

.ws-module-surface .crm-import .map .crm-import-map-heading .titleCol {
  letter-spacing: .035em;
  font-size: 10px;
}

.ws-module-surface .crm-import .map .crm-import-map-row {
  min-height: 53px;
}

.ws-module-surface .crm-import .map .fieldsMap:last-child {
  border-bottom: 0;
}

.ws-module-surface .crm-import .map .fieldSelectInputWrap {
  min-height: 34px;
  padding-right: 38px;
}

.ws-module-surface .crm-import .map .fieldSelectInputWrap:is(:hover, .focused) {
  border-color: var(--ws-accent);
  background: var(--ws-surface);
}

.ws-module-surface .crm-import .map .fieldSelectInputWrap input {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.ws-module-surface .crm-import .avisoMap {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 18px 0 0;
  padding: 9px 11px;
  line-height: 1.45;
  display: flex;
}

.ws-module-surface .crm-import .actionsImport {
  margin-top: 16px;
}

.ws-module-surface .crm-import .previewInfo {
  color: var(--ws-muted);
  margin: 0 0 12px;
  font-size: 11px;
}

.ws-module-surface .crm-import .previewTableWrap {
  overflow: auto;
}

.ws-module-surface .crm-import .previewTable th {
  background: var(--ws-soft);
}

.ws-module-surface .crm-import .previewTable tbody tr:nth-child(2n) {
  background: color-mix(in srgb, var(--ws-accent) 2%, var(--ws-surface));
}

.import-dropdown-portal.import-field-portal .fieldSelectOptions, .import-dropdown-portal.import-field-portal .fieldSelectOptions > div {
  width: 100%;
  display: block;
}

.import-dropdown-portal.import-field-portal .fieldSelectGroup {
  margin: 4px 0 2px;
}

.import-dropdown-portal.import-field-portal .fieldSelectGroup span.fieldSelectGroupCount {
  color: var(--ws-accent);
  background: var(--ws-accent-soft);
}

.import-dropdown-portal.import-field-portal .fieldSelectOption, .import-dropdown-portal.import-field-portal .fieldSelectNone {
  width: 100%;
  min-height: 32px;
  padding: 7px 9px;
}

@media (max-width: 620px) {
  .ws-module-surface .crm-import .headerModalForm.crm-import-header {
    padding: 15px 16px 11px;
  }

  .ws-module-surface .crm-import .crm-import-steps {
    gap: 5px;
    padding: 0 16px 12px;
  }

  .ws-module-surface .crm-import .crm-import-steps li {
    justify-content: center;
    min-height: 35px;
    padding: 0 4px;
  }

  .ws-module-surface .crm-import .crm-import-steps li .crm-import-step-label {
    display: none;
  }

  .ws-module-surface .crm-import .crm-import-steps .crm-import-step-number {
    font-size: 11px;
  }

  .ws-module-surface .crm-import .map .crm-import-map-heading {
    display: none;
  }

  .ws-module-surface .crm-import .map .crm-import-map-row {
    min-height: 0;
  }
}

.ws-module-surface .crm-import .map .crm-import-field-row {
  border-bottom: 1px solid var(--ws-border);
  grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
  align-items: center;
  column-gap: 18px;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 9px 0;
  display: grid;
}

.ws-module-surface .crm-import .map .crm-import-field-row > .crm-import-field-label {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: flex;
}

.ws-module-surface .crm-import .map .crm-import-field-row > .crm-import-field-control {
  text-align: left;
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: block;
}

.ws-module-surface .crm-import .map .crm-import-field-row .titleHeader {
  text-align: left;
  width: 100%;
  line-height: 1.35;
  display: block;
}

.ws-module-surface .crm-import .map .crm-import-map-heading {
  min-height: 34px;
  padding: 4px 0 9px;
}

.ws-module-surface .crm-import .map .crm-import-map-heading .titleCol {
  text-align: left;
  display: block;
}

.ws-module-surface .crm-import .map .crm-import-field-row .fieldSelectWrap, .ws-module-surface .crm-import .map .crm-import-field-row .fieldSelectInputWrap {
  width: 100%;
}

.ws-module-surface .crm-import .map .crm-import-config-row .tagSelectWrap {
  justify-content: flex-start;
}

.ws-module-surface .crm-import .map .crm-import-config-row .tagsSelecionadas:empty {
  display: none;
}

.ws-module-surface .crm-import .map .crm-import-config-row .tagsSelecionadas {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  min-width: 0;
  display: flex;
}

.ws-module-surface .crm-import .map .crm-import-config-row .tagSelected {
  white-space: nowrap;
  border-radius: 7px;
  flex: 0 auto;
  align-items: center;
  gap: 5px;
  min-width: 0;
  max-width: 100%;
  height: 28px;
  padding: 0 5px 0 10px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.ws-module-surface .crm-import .map .crm-import-config-row .tagSelected > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.ws-module-surface .crm-import .map .crm-import-config-row .tagSelected .tagOptionRemove {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  box-shadow: none;
  text-shadow: none;
  background: none;
  border: 0;
  border-radius: 5px;
  flex: none;
  place-items: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: grid;
}

.ws-module-surface .crm-import .map .crm-import-config-row .tagSelected .tagOptionRemove:hover {
  background: color-mix(in srgb, currentColor 12%, transparent);
  box-shadow: none;
  background-image: none;
  transform: none;
  color: inherit !important;
}

.ws-module-surface .crm-import .map .crm-import-config-row .tagSelected .tagOptionRemove svg {
  width: 11px;
  height: 11px;
  display: block;
}

.ws-module-surface .crm-import .map .crm-import-config-row .btnAddTag {
  background: var(--ws-control);
  box-shadow: none;
  text-shadow: none;
  background-image: none;
}

.ws-module-surface .crm-import .map .crm-import-config-row .btnAddTag:hover {
  background: var(--ws-accent-soft);
  box-shadow: none;
  transform: none;
}

.ws-module-surface .crm-import .fieldSelectClear {
  width: 28px;
  height: 32px;
  color: var(--ws-muted);
  box-shadow: none;
  text-shadow: none;
  opacity: 1;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 0;
}

.ws-module-surface .crm-import .fieldSelectClear:hover {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.ws-module-surface .crm-import .fieldSelectClear svg {
  fill: currentColor;
  width: 15px;
  height: 15px;
}

.import-dropdown-portal.import-tag-portal .tagSelectDropdown {
  align-items: stretch;
}

.import-dropdown-portal.import-tag-portal .tagSelectDropdown .form-label {
  color: var(--ws-text);
  margin-bottom: 5px;
}

.import-dropdown-portal.import-tag-portal .tagSelectDropdown .seletor {
  background: var(--ws-control);
}

.import-dropdown-portal.import-tag-portal .tagSelectDropdown .arrowSelect:before {
  display: none;
}

.import-dropdown-portal.import-tag-portal .tagSelectEmpty {
  color: var(--ws-muted);
  padding: 9px 10px;
  font-size: 11px;
  line-height: 1.4;
  display: block;
}

.import-dropdown-portal.import-tag-portal .tagSelectOptions .tagOption, .import-dropdown-portal.import-tag-portal .tagSelectOptions .tagCreateOption {
  border-radius: 6px;
  min-height: 32px;
  padding: 5px 8px;
}

.import-dropdown-portal.import-tag-portal .tagSelectActions .btnTagCancel {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-text);
  box-shadow: none;
  text-shadow: none;
  background-image: none;
}

.import-dropdown-portal.import-tag-portal .tagSelectActions .btnTagCancel:hover {
  border-color: var(--ws-accent);
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.import-dropdown-portal.import-tag-portal .tagSelectActions .btnTagSave {
  background: var(--planejalfa-gradient);
  color: #fff;
  box-shadow: none;
  text-shadow: none;
  border: 0;
}

.import-dropdown-portal.import-tag-portal .tagSelectActions .btnTagSave:hover {
  box-shadow: none;
  border: 0;
  transform: none;
}

@media (max-width: 620px) {
  .ws-module-surface .crm-import .map .crm-import-field-row {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 7px;
    padding: 10px 0;
  }

  .ws-module-surface .crm-import .map .crm-import-map-heading {
    display: none;
  }
}

.ws-module-surface.contacts-floating-menu {
  z-index: 1400;
  background: none;
  padding: 0;
}

.ws-module-surface.contacts-floating-menu .filterDrop {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 10px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  position: static;
  box-shadow: 0 16px 38px #1b0d2d29;
}

.ws-module-surface.contacts-floating-menu .filterDateDrop {
  padding: 12px;
}

.ws-module-surface.contacts-floating-menu .filterDateWrap {
  grid-template-columns: 146px minmax(0, 1fr);
  align-items: start;
  gap: 13px;
  display: grid;
}

.ws-module-surface.contacts-floating-menu .filterDatePresets {
  border-right: 1px solid var(--ws-border);
  gap: 3px;
  width: auto;
  padding: 0 12px 0 0;
  display: grid;
}

.ws-module-surface.contacts-floating-menu .filterDatePresetItem {
  width: 100%;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  color: var(--ws-muted);
  text-align: left;
  white-space: nowrap;
  box-shadow: none;
  text-shadow: none;
  background: none;
  border: 0;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  transform: none;
}

.ws-module-surface.contacts-floating-menu .filterDatePresetItem:hover, .ws-module-surface.contacts-floating-menu .filterDatePresetItem.active {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-module-surface.contacts-floating-menu .filterCalendarArea {
  min-width: 0;
}

.ws-module-surface.contacts-floating-menu .filterCalendars {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  display: grid;
  position: relative;
}

.ws-module-surface.contacts-floating-menu .calMonth {
  min-width: 0;
}

.ws-module-surface.contacts-floating-menu .calMonthTitle {
  height: 31px;
  color: var(--ws-text);
  place-items: center;
  font-size: 11px;
  font-weight: 650;
  display: grid;
}

.ws-module-surface.contacts-floating-menu .calGrid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 2px;
  width: 100%;
  padding: 4px 0 0;
  display: grid;
}

.ws-module-surface.contacts-floating-menu .calDayHeader {
  height: 22px;
  color: var(--ws-muted);
  place-items: center;
  padding: 0;
  font-size: 9px;
  font-weight: 600;
  display: grid;
}

.ws-module-surface.contacts-floating-menu .calDay {
  width: 100%;
  height: 30px;
  min-height: 30px;
  color: var(--ws-text);
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 6px;
  place-items: center;
  padding: 0;
  font-size: 11px;
  font-weight: 550;
  display: grid;
}

.ws-module-surface.contacts-floating-menu .calDay:hover {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-module-surface.contacts-floating-menu .calDay:is(.selected, .startRange, .endRange) {
  background: var(--planejalfa-gradient);
  color: #fff;
}

.ws-module-surface.contacts-floating-menu .calDay.inRange {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  border-radius: 3px;
}

.ws-module-surface.contacts-floating-menu .calNavBtn {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  width: 30px;
  height: 30px;
  color: var(--ws-text);
  box-shadow: none;
  background-image: none;
  border-radius: 6px;
  place-items: center;
  padding: 0;
  display: grid;
  position: absolute;
  top: 0;
}

.ws-module-surface.contacts-floating-menu .calNavBtn svg {
  width: 12px;
  height: 12px;
}

.ws-module-surface.contacts-floating-menu .calNavBtn.navLeft {
  left: 0;
}

.ws-module-surface.contacts-floating-menu .calNavBtn.navRight {
  right: 0;
}

.ws-module-surface.contacts-floating-menu .calNavBtn:hover {
  border-color: var(--ws-accent);
  color: var(--ws-accent);
}

@media (max-width: 850px) {
  .ws-module-surface.contacts-floating-menu .filterCalendars {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-module-surface.contacts-floating-menu .calMonth:nth-of-type(2) {
    display: none;
  }
}

@media (max-width: 600px) {
  .ws-module-surface.contacts-floating-menu .filterDateWrap {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-module-surface.contacts-floating-menu .filterDatePresets {
    border-right: 0;
    border-bottom: 1px solid var(--ws-border);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
    padding: 0 0 8px;
  }

  .ws-module-surface.contacts-floating-menu .filterDatePresetItem {
    justify-content: flex-start;
    padding: 0 10px;
  }
}

.ws-shell .ws-module-surface a, .ws-shell .ws-module-surface :is(a, button):is(:hover, :focus-visible) {
  text-decoration: none;
}

.ws-shell[data-workspace="conversations"] {
  column-gap: 0;
  height: 100dvh;
  overflow: hidden;
}

.ws-shell[data-workspace="conversations"] .ws-frame {
  height: 100dvh;
  min-height: 0;
  padding: 8px 18px 18px;
  overflow: hidden;
}

.ws-shell[data-workspace="conversations"] .ws-header {
  flex: none;
}

.ws-shell[data-workspace="conversations"] .ws-content {
  flex-direction: column;
  min-height: 0;
  padding: 18px 0 0;
  display: flex;
  overflow: hidden;
}

.ws-shell[data-workspace="conversations"] .ws-content > .ws-module-surface {
  flex: 1;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: flex;
}

.ws-shell[data-workspace="conversations"] .ws-footer {
  display: none;
}

.ws-module-surface .conversations-page {
  flex: 1;
  gap: 0;
  min-height: 0;
  padding: 0;
}

.ws-module-surface .conversations-page .adm-page-heading {
  text-align: left;
  flex-flow: row;
  flex: none;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
}

.ws-module-surface .conversations-page .adm-page-heading .ds-page-actions {
  flex: none;
}

.ws-module-surface .conversations-page .conversations-new-trigger {
  width: 34px;
  height: 34px;
  padding: 0;
}

.ws-module-surface .conversations-page .conversations-shell {
  border: 1px solid var(--ws-border);
  height: auto;
  min-height: 0;
  box-shadow: none;
  border-radius: 12px;
  flex: 1;
  grid-template-rows: minmax(0, 1fr);
  padding: 0;
}

.ws-module-surface .conversations-page .conversations-sidebar-top {
  flex: 0 auto;
  min-height: 0;
  max-height: 65%;
  padding: 14px 12px 10px;
  overflow-y: auto;
}

.ws-module-surface .conversations-page .conversations-sidebar {
  container-type: inline-size;
}

.ws-module-surface .conversations-page .conversations-search {
  min-width: 0;
}

.ws-module-surface .conversations-page .conversations-quick {
  scrollbar-width: none;
  -ms-overflow-style: none;
  background: none;
  border: 0;
  flex-wrap: nowrap;
  gap: 5px;
  width: 100%;
  min-width: 0;
  margin: 10px 0;
  padding: 3px 0;
  display: flex;
  overflow: auto hidden;
}

.ws-module-surface .conversations-page .conversations-quick button {
  min-width: 0;
  height: 30px;
  color: var(--ws-muted);
  box-shadow: none;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 7px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  transition: background .15s, color .15s;
  display: flex;
}

.ws-module-surface .conversations-page .conversations-quick button > svg {
  flex: none;
  width: 14px;
  height: 14px;
}

.ws-module-surface .conversations-page .conversations-quick button:hover {
  background: var(--ws-soft);
  color: var(--ws-text);
}

.ws-module-surface .conversations-page .conversations-quick button[aria-pressed="true"] {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  font-weight: 600;
}

.ws-module-surface .conversations-page :is(.conversations-quick button, .conversations-filter-toggle):focus-visible {
  outline: 2px solid var(--ws-accent);
  outline-offset: 2px;
}

.ws-module-surface .conversations-page .conversations-list-count {
  border-top-color: var(--ws-border);
  color: var(--ws-muted);
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding: 8px 0 0;
  font-size: 11px;
}

.ws-module-surface .conversations-page .conversations-filter-toggle {
  height: 28px;
  min-height: 28px;
  color: var(--ws-muted);
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 0 7px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
}

.ws-module-surface .conversations-page .conversations-filter-toggle:is(:hover, [aria-expanded="true"]) {
  background: var(--ws-soft);
  color: var(--ws-accent);
}

.ws-module-surface .conversations-page .conversations-filter-toggle svg {
  width: 13px;
  height: 13px;
}

.ws-module-surface .conversations-page .conversations-filter-toggle[aria-expanded="true"] .conversations-filter-chevron {
  transform: rotate(180deg);
}

.ws-module-surface .conversations-page .conversations-filter-count {
  background: var(--ws-accent-soft);
  min-width: 17px;
  height: 17px;
  color: var(--ws-accent);
  border-radius: 5px;
  place-items: center;
  padding: 0 4px;
  font-size: 10px;
  display: inline-grid;
}

.ws-module-surface .conversations-page .conversations-filters {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: 10px 0 2px;
  display: grid;
}

.ws-module-surface .conversations-page .conversations-filters[hidden] {
  display: none;
}

.ws-module-surface .conversations-page .conversations-filters .form-group {
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: none;
  margin: 0;
  display: grid;
}

.ws-module-surface .conversations-page .conversations-filters .form-label {
  clip: auto;
  width: auto;
  height: auto;
  color: var(--ws-muted);
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  position: static;
  overflow: visible;
}

.ws-module-surface .conversations-page .conversations-filters .fieldSelectWrap {
  min-width: 0;
}

.ws-module-surface .conversations-page .conversations-filters .fieldSelectInputWrap {
  height: 34px;
  min-height: 34px;
}

.ws-module-surface .conversations-page .conversations-filters .selectSearchIcon {
  display: none;
}

.ws-module-surface .conversations-page .conversations-active-filters {
  justify-content: space-between;
  gap: 6px;
  margin: 8px 0 0;
  padding: 0;
  font-size: 10px;
}

.ws-module-surface .conversations-page .conversations-active-filters button {
  min-height: 26px;
  padding: 0 3px;
  font-size: 10px;
}

@container (max-width: 260px) {
  .ws-module-surface .conversations-page .conversations-filters .form-group {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }
}

.ws-module-surface .conversations-page .conversations-compose-tabs {
  margin: 0 0 8px;
}

.ws-module-surface .conversations-page .conversations-pagination {
  flex: none;
}

.ws-module-surface .conversations-page :is(.conversations-back, .conversations-context-toggle, .conversations-context-close, .conversations-context-scrim) {
  display: none;
}

.ws-module-surface .conversations-page .conversations-thread-header {
  flex: none;
}

.ws-module-surface .conversations-page .conversations-thread-person {
  flex: 170px;
}

.ws-module-surface .conversations-page .conversations-thread-actions .fieldSelectInputWrap {
  height: 34px;
  min-height: 34px;
}

.ws-module-surface .conversations-page .conversations-bubble-bottom button {
  border: 0;
  border-radius: 5px;
  width: 24px;
  height: 24px;
  min-height: 24px;
  padding: 0;
}

.ws-module-surface .conversations-page .conversations-bubble-bottom button:hover {
  background: var(--ws-accent-soft);
}

.ws-module-surface .conversations-page .conversations-list-item {
  border-width: 0 0 1px;
  border-radius: 0;
  font-weight: 400;
}

.ws-module-surface .conversations-page .conversations-quick button {
  min-height: 30px;
}

.ws-module-surface .conversations-page .conversations-list-item {
  min-height: 74px;
  padding: 9px 12px;
}

.ws-module-surface .conversations-page .conversations-list-item:hover {
  background: var(--ws-soft);
}

.ws-module-surface .conversations-page .conversations-list-item.selected {
  background: var(--ws-accent-soft);
}

.ws-module-surface .conversations-page .conversations-list-count strong, .ws-module-surface .conversations-page .conversations-channel, .ws-module-surface .conversations-page .conversations-list-line .conversations-row-status {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-module-surface .conversations-page .conversations-filters .fieldSelectInputWrap, .ws-module-surface .conversations-page .conversations-thread-actions .fieldSelectInputWrap {
  background: var(--ws-control);
  border-color: var(--ws-border);
}

.ws-module-surface .conversations-page .conversations-filters .fieldSelectInputWrap:is(:hover, .focused), .ws-module-surface .conversations-page .conversations-thread-actions .fieldSelectInputWrap:is(:hover, .focused) {
  background: var(--ws-control);
  border-color: var(--ws-accent);
}

.ws-module-surface .conversations-page .conversations-list-line .conversations-row-status, .ws-module-surface .conversations-page .conversations-channel, .ws-module-surface .conversations-page .conversations-status {
  border-radius: 6px;
  font-size: 10px;
  line-height: 1.35;
}

.ws-module-surface .conversations-page .conversations-thread-header {
  padding: 10px 14px;
}

.ws-module-surface .conversations-page .conversations-context-section {
  padding: 11px;
}

.ws-module-surface .conversations-page .conversations-context-section a:not(.contacts-button) {
  text-decoration: none;
}

.ws-module-surface .conversations-page .conversations-message-attachment a {
  font-weight: 600;
  text-decoration: none;
}

.ws-module-surface .conversations-page .conversations-thread {
  background: var(--ws-bg);
}

.ws-module-surface .conversations-page .conversations-day span {
  background: var(--ws-soft);
  color: var(--ws-muted);
}

.ws-module-surface .conversations-page .conversations-bubble {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-text);
}

.ws-module-surface .conversations-page .conversations-message-row.outbound .conversations-bubble {
  border-color: var(--ws-border);
  background: var(--ws-accent-soft);
}

.ws-module-surface .conversations-page .conversations-bubble.internal {
  border-color: color-mix(in srgb, #bd8a35 25%, var(--ws-border));
  background: color-mix(in srgb, #bd8a35 9%, var(--ws-surface));
}

.ws-module-surface .conversations-page .conversations-bubble-author, .ws-module-surface .conversations-page .conversations-bubble-bottom {
  color: var(--ws-muted);
}

.ws-module-surface .conversations-page .conversations-editor-text .input-form {
  background: var(--ws-control);
  min-height: 68px;
  color: var(--ws-text);
}

.ws-module-surface .conversations-page .conversations-editor-file, .ws-module-surface .conversations-page .conversations-replying {
  background: var(--ws-accent-soft);
  color: var(--ws-text);
}

.ws-module-surface .conversations-page .conversations-context {
  background: var(--ws-bg);
}

.ws-module-surface .conversations-page .conversations-context-section h3 {
  color: var(--ws-text);
}

.ws-module-surface .conversations-page .conversations-context-section :is(p, small) {
  color: var(--ws-muted);
}

.ws-module-surface .conversations-page .conversations-context-section a:not(.contacts-button) {
  color: var(--ws-text);
}

.ws-module-surface .conversations-page .conversations-tags span {
  background: color-mix(in srgb, currentColor 7%, var(--ws-surface));
  border-radius: 6px;
  align-items: center;
  min-height: 22px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
}

.ws-module-surface .conversations-page .conversations-deal {
  border-color: var(--ws-border);
  background: var(--ws-control);
  border-radius: 8px;
}

.ws-module-surface .conversations-page .conversations-center {
  container: conversation-center / inline-size;
}

.ws-module-surface .conversations-page .conversations-thread-header {
  gap: 10px;
  padding: 12px 14px;
}

.ws-module-surface .conversations-page .conversations-thread-person {
  flex: 180px;
  gap: 9px;
}

.ws-module-surface .conversations-page .conversations-thread-person > div {
  gap: 3px;
}

.ws-module-surface .conversations-page .conversations-thread-title {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 8px;
  min-width: 0;
  display: flex;
}

.ws-module-surface .conversations-page .conversations-thread-title strong {
  flex: 0 auto;
  font-size: 13px;
  line-height: 1.4;
}

.ws-module-surface .conversations-page .conversations-thread-identity > small {
  font-size: 11px;
}

.ws-module-surface .conversations-page .conversations-status {
  align-items: center;
  gap: 5px;
  min-height: 22px;
  padding: 3px 7px;
  font-weight: 600;
  display: inline-flex;
}

.ws-module-surface .conversations-page .conversations-status:before {
  content: "";
  background: currentColor;
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
}

.ws-module-surface .conversations-page .conversations-thread-actions {
  flex-wrap: nowrap;
  flex: 100%;
  justify-content: flex-start;
  gap: 8px;
  margin: 0;
}

.ws-module-surface .conversations-page .conversations-thread-actions .form-group {
  flex: 160px;
  min-width: 0;
  max-width: 240px;
}

.ws-module-surface .conversations-page .conversations-thread-actions :is(.contacts-button, .contacts-icon-button) {
  flex: none;
  font-size: 11px;
}

.ws-module-surface .conversations-page .conversations-thread-actions .contacts-icon-button {
  background: var(--ws-control);
  width: 34px;
  color: var(--ws-muted);
}

.ws-module-surface .conversations-page .conversations-thread-actions .fieldSelectSelectedBadge {
  font-size: 11px;
}

.ws-module-surface .conversations-page .conversations-thread-actions .fieldSelectInputWrap {
  background: var(--ws-soft);
  border-color: #0000;
  border-radius: 8px;
  padding-inline: 6px 9px;
}

.ws-module-surface .conversations-page .conversations-thread-actions .fieldSelectInputWrap:is(:hover, .focused) {
  border-color: color-mix(in srgb, var(--ws-accent) 25%, transparent);
  background: var(--ws-soft);
}

.ws-module-surface .conversations-page .conversations-thread-actions .selectSearchIcon {
  background: var(--ws-surface);
  width: 23px;
  height: 23px;
  color: var(--ws-accent);
  border-radius: 6px;
  flex: none;
  place-items: center;
  display: inline-grid;
}

.ws-module-surface .conversations-page .conversations-thread-actions .selectSearchIcon svg {
  width: 13px;
  height: 13px;
}

.ws-module-surface .conversations-page .conversations-resolution-actions {
  flex: none;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  display: flex;
}

.ws-module-surface .conversations-page .conversations-resolve-button {
  border: 0;
  border-radius: 8px;
  gap: 6px;
  height: 34px;
  min-height: 34px;
  padding-inline: 11px;
  box-shadow: 0 2px 5px #6c2bff14;
}

.ws-module-surface .conversations-page .conversations-resolve-button svg {
  width: 15px;
  height: 15px;
}

.ws-module-surface .conversations-page .conversations-thread-actions .conversations-archive-button {
  width: 32px;
  height: 34px;
  color: var(--ws-muted);
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 7px;
}

.ws-module-surface .conversations-page .conversations-thread-actions .conversations-archive-button:hover:not(:disabled) {
  background: var(--ws-soft);
  color: var(--ws-accent);
}

.ws-module-surface .conversations-page .conversations-archive-button svg {
  width: 15px;
  height: 15px;
}

.ws-module-surface .conversations-page .conversations-archive-button:focus-visible {
  outline: 2px solid var(--ws-accent);
  outline-offset: 2px;
}

.ws-module-surface .conversations-page .conversations-thread {
  background: color-mix(in srgb, var(--ws-bg) 65%, var(--ws-surface));
  padding: 12px 18px;
}

.ws-module-surface .conversations-page .conversations-day {
  align-items: center;
  gap: 12px;
  margin: 6px 0 16px;
}

.ws-module-surface .conversations-page .conversations-day:before, .ws-module-surface .conversations-page .conversations-day:after {
  content: "";
  background: var(--ws-border);
  width: 44px;
  height: 1px;
}

.ws-module-surface .conversations-page .conversations-day span {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  padding: 3px 9px;
  font-size: 10px;
}

.ws-module-surface .conversations-page .conversations-bubble {
  border-color: color-mix(in srgb, var(--ws-border) 80%, var(--ws-surface));
  border-radius: 14px 14px 14px 6px;
  min-width: 0;
  max-width: min(86%, 540px);
  padding: 11px 14px 7px;
  font-size: 12px;
  line-height: 1.65;
  box-shadow: 0 2px 5px #21103205;
}

.ws-module-surface .conversations-page .conversations-message-row.outbound .conversations-bubble {
  border-color: color-mix(in srgb, var(--ws-accent) 9%, var(--ws-border));
  background: linear-gradient(135deg, color-mix(in srgb, var(--ws-accent) 8%, var(--ws-surface)), color-mix(in srgb, var(--ws-accent) 5%, var(--ws-surface)));
  border-radius: 14px 14px 6px;
}

.ws-module-surface .conversations-page .conversations-bubble-author {
  color: color-mix(in srgb, var(--ws-text) 65%, var(--ws-muted));
  gap: 5px;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
}

.ws-module-surface .conversations-page .conversations-message-row.outbound .conversations-bubble-author {
  color: color-mix(in srgb, var(--ws-accent) 55%, var(--ws-text));
}

.ws-module-surface .conversations-page .conversations-bubble p {
  margin: 0;
  line-height: 1.65;
}

.ws-module-surface .conversations-page .conversations-bubble-bottom {
  color: var(--ws-muted);
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.3;
}

.ws-module-surface .conversations-page .conversations-bubble-bottom time {
  font-variant-numeric: tabular-nums;
}

.ws-module-surface .conversations-page .conversations-bubble-bottom button {
  color: var(--ws-muted);
  margin-left: 5px;
  transition: background .15s, color .15s;
}

.ws-module-surface .conversations-page .conversations-bubble-bottom button:is(:hover, :focus-visible) {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-module-surface .conversations-page .conversations-message-row.outbound .conversations-bubble.internal {
  border-color: color-mix(in srgb, #bd8a35 25%, var(--ws-border));
  background: color-mix(in srgb, #bd8a35 9%, var(--ws-surface));
}

.ws-module-surface .conversations-page .conversations-bubble.internal .conversations-bubble-author {
  color: var(--ws-text);
}

.ws-module-surface .conversations-page .conversations-message-status {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.ws-module-surface .conversations-page .conversations-message-status.read {
  color: var(--ws-accent);
}

.ws-module-surface .conversations-page .conversations-message-status.failed {
  color: #bd354b;
}

.ws-module-surface .conversations-page .conversations-message-row {
  margin: 16px 0;
}

.ws-module-surface .conversations-page .conversations-message-group {
  flex-direction: column;
  gap: 6px;
  width: fit-content;
  min-width: 0;
  max-width: min(88%, 560px);
  display: flex;
}

.ws-module-surface .conversations-page .conversations-message-sender {
  min-width: 0;
  color: var(--ws-text);
  align-items: center;
  gap: 6px;
  padding: 0 3px;
  display: flex;
}

.ws-module-surface .conversations-page .conversations-message-sender strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.4;
  overflow: hidden;
}

.ws-module-surface .conversations-page .conversations-message-sender > :is(.contacts-avatar, .contacts-avatar-photo) {
  flex: none;
}

.ws-module-surface .conversations-page .conversations-sender-icon {
  color: #fff;
  background: linear-gradient(135deg, #762ff0, #5e21ce);
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  display: inline-grid;
}

.ws-module-surface .conversations-page .conversations-sender-icon svg {
  width: 13px;
  height: 13px;
}

.ws-module-surface .conversations-page .conversations-sender-self {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  border-radius: 5px;
  padding: 2px 6px;
  font-size: 9px;
  line-height: 1.4;
}

.ws-module-surface .conversations-page .conversations-note-label {
  color: var(--ws-muted);
  align-items: center;
  gap: 4px;
  font-size: 10px;
  line-height: 1.4;
  display: inline-flex;
}

.ws-module-surface .conversations-page .conversations-note-label svg {
  width: 11px;
  height: 11px;
}

.ws-module-surface .conversations-page .conversations-message-group .conversations-bubble {
  border-color: color-mix(in srgb, var(--ws-border) 70%, var(--ws-surface));
  background: var(--ws-surface);
  border-radius: 18px 18px 18px 5px;
  max-width: none;
  padding: 13px 16px;
  box-shadow: 0 3px 12px #21103207;
}

.ws-module-surface .conversations-page .conversations-message-row.outbound .conversations-message-sender {
  justify-content: flex-end;
}

.ws-module-surface .conversations-page .conversations-message-row.outbound .conversations-message-group .conversations-bubble {
  background: linear-gradient(135deg, #762ff0, #5e21ce);
  border: 0;
  border-radius: 18px 18px 5px;
  box-shadow: 0 3px 12px #6c2bff16;
}

.ws-module-surface .conversations-page .conversations-message-group .conversations-bubble.internal {
  border: 1px solid color-mix(in srgb, #bd8a35 25%, var(--ws-border));
  background: color-mix(in srgb, #bd8a35 9%, var(--ws-surface));
  box-shadow: 0 3px 12px #21103207;
}

.ws-module-surface .conversations-page .conversations-message-group .conversations-message-text {
  color: var(--ws-text);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
}

.ws-module-surface .conversations-page .conversations-message-row.outbound .conversations-bubble:not(.internal) .conversations-message-text {
  color: #fff;
}

.ws-module-surface .conversations-page .conversations-message-row.outbound .conversations-bubble:not(.internal) .conversations-reply-reference {
  color: #ffffffe0;
  border-color: #ffffff60;
}

.ws-module-surface .conversations-page .conversations-message-row.outbound .conversations-bubble:not(.internal) .conversations-message-attachment a {
  color: #fff;
}

.ws-module-surface .conversations-page .conversations-message-footer {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 24px;
  margin-top: -2px;
  padding: 0 2px;
  display: flex;
}

.ws-module-surface .conversations-page .conversations-message-meta {
  color: var(--ws-muted);
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4px 8px;
  font-size: 10px;
  line-height: 1.5;
  display: flex;
}

.ws-module-surface .conversations-page .conversations-message-meta time {
  background: var(--ws-soft);
  min-height: 22px;
  color: var(--ws-muted);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  font-size: 10px;
  display: inline-flex;
}

.ws-module-surface .conversations-page .conversations-message-meta time svg {
  flex: none;
  width: 12px;
  height: 12px;
}

.ws-module-surface .conversations-page .conversations-message-meta .conversations-message-status {
  gap: 4px;
  min-height: 22px;
}

.ws-module-surface .conversations-page .conversations-message-status svg {
  flex: none;
  width: 14px;
  height: 14px;
}

.ws-module-surface .conversations-page .conversations-message-status.read {
  color: #16867f;
  font-weight: 600;
}

.ws-module-surface .conversations-page .conversations-message-reply {
  width: 24px;
  height: 24px;
  min-height: 24px;
  color: var(--ws-muted);
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: none;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.ws-module-surface .conversations-page .conversations-message-reply svg {
  width: 14px;
  height: 14px;
}

.ws-module-surface .conversations-page .conversations-message-reply:hover {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-module-surface .conversations-page .conversations-message-reply:focus-visible {
  outline: 2px solid var(--ws-accent);
  outline-offset: 2px;
}

.ws-module-surface .conversations-page .conversations-message-group .conversations-reply-reference {
  border-left: 2px solid var(--ws-accent);
  color: var(--ws-muted);
  align-items: center;
  gap: 5px;
  margin: 0 0 8px;
  padding: 4px 0 4px 8px;
  font-size: 11px;
  line-height: 1.4;
  display: flex;
}

@container conversation-center (max-width: 360px) {
  .ws-module-surface .conversations-page .conversations-message-group {
    max-width: 94%;
  }

  .ws-module-surface .conversations-page .conversations-message-sender {
    flex-wrap: wrap;
  }
}

.ws-module-surface .conversations-page .conversations-context:not(.conversations-context-empty) {
  background: var(--ws-surface);
  gap: 0;
  padding: 0 14px 12px;
}

.ws-module-surface .conversations-page .conversations-context-header {
  border-color: var(--ws-border);
  background: none;
  flex: none;
  gap: 10px;
  margin: 0;
  padding: 16px 0;
}

.ws-module-surface .conversations-page .conversations-context-header > div {
  align-items: flex-start;
  gap: 5px;
}

.ws-module-surface .conversations-page .conversations-context-header strong {
  font-size: 13px;
  line-height: 1.4;
}

.ws-module-surface .conversations-page .conversations-context-header .contacts-status {
  min-height: 21px;
  padding: 2px 7px;
  font-size: 10px;
}

.ws-module-surface .conversations-page .conversations-context-section {
  border: 0;
  border-bottom: 1px solid var(--ws-border);
  background: none;
  border-radius: 0;
  gap: 10px;
  padding: 14px 0;
}

.ws-module-surface .conversations-page .conversations-context-section:last-child {
  border-bottom: 0;
}

.ws-module-surface .conversations-page .conversations-context-section h3 {
  gap: 7px;
  width: 100%;
  margin: 0 0 1px;
  font-size: 12px;
  line-height: 1.4;
}

.ws-module-surface .conversations-page .conversations-context-section h3 > svg {
  color: var(--ws-muted);
}

.ws-module-surface .conversations-page .conversations-section-count {
  background: var(--ws-soft);
  min-width: 20px;
  height: 20px;
  color: var(--ws-muted);
  border-radius: 5px;
  place-items: center;
  margin-left: auto;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 500;
  display: inline-grid;
}

.ws-module-surface .conversations-page .conversations-context-section :is(p, a:not(.contacts-button)) {
  font-size: 11px;
  line-height: 1.5;
}

.ws-module-surface .conversations-page .conversations-context-section > a:not(.contacts-button) > svg {
  color: var(--ws-muted);
}

.ws-module-surface .conversations-page .conversations-contact-source {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  display: flex;
}

.ws-module-surface .conversations-page .conversations-contact-source strong {
  color: var(--ws-text);
  font-weight: 500;
}

.ws-module-surface .conversations-page .conversations-context-section .conversations-context-link {
  min-height: 26px;
  color: var(--ws-accent);
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 4px;
  align-items: center;
  gap: 6px;
  padding: 0;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.ws-module-surface .conversations-page .conversations-context-link:hover {
  color: var(--ws-text);
}

.ws-module-surface .conversations-page .conversations-context-link svg {
  width: 14px;
  height: 14px;
}

.ws-module-surface .conversations-page .conversations-tags span {
  border-color: color-mix(in srgb, var(--tag-color) 20%, transparent);
  background: color-mix(in srgb, var(--tag-color) 8%, var(--ws-surface));
  min-height: 22px;
  color: var(--tag-color);
  padding: 3px 7px;
  font-weight: 500;
}

.ws-module-surface .conversations-page .conversations-deal {
  gap: 8px;
  padding: 10px;
}

.ws-module-surface .conversations-page .conversations-deal:hover {
  border-color: color-mix(in srgb, var(--ws-accent) 35%, var(--ws-border));
}

.ws-module-surface .conversations-page .conversations-deal-title {
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  display: flex;
}

.ws-module-surface .conversations-page .conversations-deal-title strong {
  flex: 1;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
}

.ws-module-surface .conversations-page .conversations-deal-title svg {
  width: 14px;
  height: 14px;
  color: var(--ws-muted);
  flex: none;
  margin-top: 1px;
}

.ws-module-surface .conversations-page .conversations-deal-meta {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 5px 10px;
  width: 100%;
  display: flex;
}

.ws-module-surface .conversations-page .conversations-deal-meta small {
  font-size: 10px;
}

.ws-module-surface .conversations-page .conversations-deal-meta > span {
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  font-weight: 600;
}

.ws-module-surface .conversations-page .conversations-history-count {
  align-items: baseline;
  gap: 7px;
  margin: 0;
  display: flex;
}

.ws-module-surface .conversations-page .conversations-history-count strong {
  color: var(--ws-text);
  font-size: 16px;
  font-weight: 600;
}

.ws-module-surface .conversations-page .conversations-composer {
  flex: none;
  padding: 10px 12px 8px;
}

.ws-module-surface .conversations-page .conversations-compose-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.ws-module-surface .conversations-page .conversations-compose-tabs {
  align-items: center;
  gap: 4px;
  margin: 0;
  display: inline-flex;
}

.ws-module-surface .conversations-page .conversations-compose-tabs button {
  height: 30px;
  min-height: 30px;
  color: var(--ws-muted);
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 0 9px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
}

.ws-module-surface .conversations-page .conversations-compose-tabs button[aria-pressed="true"] {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-module-surface .conversations-page .conversations-compose-tabs button svg {
  width: 14px;
  height: 14px;
}

.ws-module-surface .conversations-page .conversations-internal-label {
  color: var(--ws-muted);
  align-items: center;
  gap: 4px;
  font-size: 10px;
  display: inline-flex;
}

.ws-module-surface .conversations-page .conversations-internal-label svg {
  width: 12px;
  height: 12px;
}

.ws-module-surface .conversations-page .conversations-editor {
  border-color: var(--ws-border);
  background: var(--ws-control);
  box-shadow: none;
  border-radius: 10px;
}

.ws-module-surface .conversations-page .conversations-editor:focus-within {
  border-color: color-mix(in srgb, var(--ws-accent) 50%, var(--ws-border));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ws-accent) 6%, transparent);
}

.ws-module-surface .conversations-page .conversations-editor-text {
  padding: 0;
}

.ws-module-surface .conversations-page .conversations-editor-text .form-group {
  margin: 0;
}

.ws-module-surface .conversations-page .conversations-editor-text .input-form {
  min-height: 72px;
  max-height: 160px;
  box-shadow: none;
  resize: vertical;
  background: none;
  border: 0;
  border-radius: 10px 10px 0 0;
  padding: 11px 12px 5px;
  font-size: 12px;
  line-height: 1.6;
  display: block;
}

.ws-module-surface .conversations-page .conversations-editor-toolbar {
  border-top: 0;
  gap: 6px;
  min-height: 43px;
  padding: 5px 7px;
}

.ws-module-surface .conversations-page .conversations-editor-tools {
  gap: 1px;
}

.ws-module-surface .conversations-page .conversations-editor-actions {
  gap: 5px;
}

.ws-module-surface .conversations-page .conversations-editor-tools > button, .ws-module-surface .conversations-page .conversations-schedule-button {
  width: 28px;
  height: 30px;
  min-height: 30px;
  color: var(--ws-muted);
  border: 0;
  padding: 0;
}

.ws-module-surface .conversations-page .conversations-editor-actions .contacts-button {
  border: 0;
  height: 34px;
  min-height: 34px;
  font-size: 11px;
}

.ws-module-surface .conversations-page .conversations-composer-footer {
  color: var(--ws-muted);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 4px 10px;
  margin-top: 6px;
  font-size: 10px;
  line-height: 1.4;
  display: flex;
}

.ws-module-surface .conversations-page .conversations-composer-footer p {
  margin: 0 0 0 auto;
}

.ws-module-surface .conversations-page .conversations-composer-footer kbd {
  font: inherit;
}

.ws-module-surface .conversations-page .conversations-composer[data-mode="note"] .conversations-editor {
  background: color-mix(in srgb, #bd8a35 5%, var(--ws-surface));
}

.ws-module-surface .conversations-page .conversations-replying {
  border-left: 2px solid var(--ws-accent);
  border-radius: 6px;
  padding: 7px 9px;
}

.ws-module-surface .conversations-page :is(.conversations-context-link, .conversations-compose-tabs button, .conversations-editor-tools button, .conversations-schedule-button):focus-visible {
  outline: 2px solid var(--ws-accent);
  outline-offset: 2px;
}

@container conversation-center (min-width: 760px) {
  .ws-module-surface .conversations-page .conversations-thread-actions {
    flex: 0 auto;
  }

  .ws-module-surface .conversations-page .conversations-thread-actions .form-group {
    min-width: 170px;
    max-width: 210px;
  }
}

@media (max-width: 600px) {
  .ws-module-surface .conversations-page .conversations-thread-actions .conversations-context-toggle {
    width: 34px;
    padding: 0;
  }

  .ws-module-surface .conversations-page .conversations-context-toggle > span {
    display: none;
  }

  .ws-module-surface .conversations-page .conversations-thread-actions .form-group {
    flex-basis: 110px;
    max-width: none;
  }

  .ws-module-surface .conversations-page .conversations-thread-actions {
    gap: 6px;
  }
}

@media (max-width: 980px) {
  .ws-module-surface .conversations-page .conversations-shell {
    height: auto;
    min-height: 0;
  }
}

@media (max-width: 1170px) {
  .ws-module-surface .conversations-page .conversations-context-toggle, .ws-module-surface .conversations-page .conversations-context.is-open .conversations-context-close {
    display: inline-flex;
  }

  .ws-module-surface .conversations-page .conversations-context-scrim {
    display: block;
  }
}

@media (max-width: 600px) {
  .ws-module-surface .conversations-page {
    gap: 0;
    padding: 0;
  }

  .ws-module-surface .conversations-page .conversations-shell {
    height: auto;
    min-height: 0;
  }
}

@media (max-width: 980px) {
  .ws-module-surface .conversations-page .conversations-back {
    display: inline-flex;
  }

  .ws-module-surface .conversations-page[data-selected="true"] .conversations-sidebar {
    display: none;
  }

  .ws-module-surface .conversations-page[data-selected="true"] .conversations-center {
    display: flex;
  }
}

.ws-module-surface .agenda-drawer-body:has(.agenda-detail) {
  padding: 18px 20px 24px;
}

.ws-module-surface .agenda-drawer-body > .agenda-detail {
  color: var(--ws-text);
  gap: 0;
  padding: 0;
}

.ws-module-surface .agenda-detail-summary {
  border: 1px solid color-mix(in srgb, var(--ws-accent) 16%, var(--ws-border));
  background: linear-gradient(125deg, var(--ws-accent-soft), color-mix(in srgb, var(--ws-accent-soft) 25%, var(--ws-surface)));
  border-radius: 10px;
  align-items: flex-start;
  gap: 13px;
  padding: 15px;
  display: flex;
}

.ws-module-surface .agenda-detail-summary-icon {
  background: var(--ws-surface);
  width: 34px;
  height: 34px;
  color: var(--ws-accent);
  border-radius: 8px;
  flex: none;
  place-items: center;
  display: grid;
  box-shadow: 0 1px 3px #180d2c14;
}

.ws-module-surface .agenda-detail-summary-icon svg {
  width: 17px;
  height: 17px;
}

.ws-module-surface .agenda-detail-summary-content {
  min-width: 0;
  padding-top: 1px;
}

.ws-module-surface .agenda-detail-date {
  color: var(--ws-text);
  margin: 0;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
  display: block;
}

.ws-module-surface .agenda-detail-badges {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
  display: flex;
}

.ws-module-surface .agenda-detail .agenda-status {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  min-height: 22px;
  color: var(--ws-muted);
  border-radius: 5px;
  align-items: center;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.25;
  display: inline-flex;
}

.ws-module-surface .agenda-detail .agenda-status.tone-brand {
  border-color: color-mix(in srgb, var(--ws-accent) 18%, var(--ws-border));
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-module-surface .agenda-detail .agenda-status.tone-success, .ws-module-surface .agenda-detail .agenda-status.status-completed {
  border-color: color-mix(in srgb, #238558 22%, var(--ws-border));
  background: color-mix(in srgb, #238558 9%, var(--ws-surface));
  color: #238558;
}

.ws-module-surface .agenda-detail .agenda-status.tone-info, .ws-module-surface .agenda-detail .agenda-status.status-confirmed, .ws-module-surface .agenda-detail .agenda-status.status-in_progress {
  border-color: color-mix(in srgb, #2877a9 22%, var(--ws-border));
  background: color-mix(in srgb, #2877a9 9%, var(--ws-surface));
  color: #2877a9;
}

.ws-module-surface .agenda-detail .agenda-status.tone-warning {
  border-color: color-mix(in srgb, #9d6b1c 22%, var(--ws-border));
  background: color-mix(in srgb, #9d6b1c 9%, var(--ws-surface));
  color: #8d601a;
}

.ws-module-surface .agenda-detail .agenda-status.tone-danger, .ws-module-surface .agenda-detail .agenda-status.status-cancelled, .ws-module-surface .agenda-detail .agenda-status.status-no_show {
  border-color: color-mix(in srgb, #b84b5b 22%, var(--ws-border));
  background: color-mix(in srgb, #b84b5b 8%, var(--ws-surface));
  color: #b84b5b;
}

.ws-module-surface .agenda-detail-section {
  padding: 18px 0 0;
}

.ws-module-surface .agenda-detail-section h3 {
  color: var(--ws-text);
  margin: 0 0 9px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
}

.ws-module-surface .agenda-detail .agenda-detail-list {
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  font-size: 12px;
  display: block;
}

.ws-module-surface .agenda-detail-row {
  border-bottom: 1px solid var(--ws-border);
  grid-template-columns: minmax(100px, 28%) minmax(0, 1fr);
  align-items: baseline;
  gap: 12px;
  padding: 9px 0;
  line-height: 1.45;
  display: grid;
}

.ws-module-surface .agenda-detail-row:first-child {
  border-top: 1px solid var(--ws-border);
}

.ws-module-surface .agenda-detail-row dt {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .agenda-detail-row dd {
  min-width: 0;
  color: var(--ws-text);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 12px;
  font-weight: 550;
}

.ws-module-surface .agenda-detail-row dd a {
  color: var(--ws-accent);
  text-decoration: none;
}

.ws-module-surface .agenda-detail-row dd a:hover {
  color: var(--ws-text);
}

.ws-module-surface .agenda-detail-description p {
  color: var(--ws-text);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.ws-module-surface .agenda-detail-created {
  color: var(--ws-muted);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 6px;
  margin: 16px 0 0;
  font-size: 11px;
  line-height: 1.5;
  display: flex;
}

.ws-module-surface .agenda-detail-created strong {
  color: var(--ws-text);
  font-weight: 600;
}

.ws-module-surface .agenda-detail .agenda-detail-actions {
  border-top: 1px solid var(--ws-border);
  flex-direction: column;
  gap: 9px;
  margin-top: 18px;
  padding-top: 16px;
  display: flex;
}

.ws-module-surface .agenda-detail-actions-main, .ws-module-surface .agenda-detail-actions-secondary {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  display: flex;
}

.ws-module-surface .agenda-detail-actions-main .contacts-button {
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 34px;
  min-height: 34px;
  padding: 0 11px;
  font-size: 11px;
  display: inline-flex;
}

.ws-module-surface .agenda-detail-actions-main .contacts-button svg, .ws-module-surface .agenda-detail-quiet-action svg {
  width: 14px;
  height: 14px;
}

.ws-module-surface .agenda-detail-actions-main .contacts-button.primary {
  border: 0;
}

.ws-module-surface .agenda-detail-actions-secondary {
  gap: 3px 15px;
}

.ws-module-surface .agenda-detail-quiet-action {
  min-height: 30px;
  color: var(--ws-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  align-items: center;
  gap: 6px;
  padding: 0 2px;
  font-size: 11px;
  font-weight: 550;
  text-decoration: none;
  display: inline-flex;
}

.ws-module-surface .agenda-detail-quiet-action:hover:not(:disabled) {
  color: var(--ws-accent);
}

.ws-module-surface .agenda-detail-quiet-action.danger:hover:not(:disabled) {
  color: #b84b5b;
}

.ws-module-surface .agenda-detail-quiet-action:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.ws-module-surface .agenda-detail :is(button, a):focus-visible {
  outline: 2px solid var(--ws-accent);
  outline-offset: 2px;
}

@media (max-width: 520px) {
  .ws-module-surface .agenda-drawer-body:has(.agenda-detail) {
    padding: 16px;
  }

  .ws-module-surface .agenda-detail-row {
    grid-template-columns: minmax(82px, 30%) minmax(0, 1fr);
  }

  .ws-module-surface .agenda-detail-actions-main .contacts-button {
    flex: auto;
  }
}

.ws-module-surface .projects-page .projects-filters .deals-filter-selects {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ws-module-surface .projects-page .projects-filters .filterBtn {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  height: 36px;
  min-height: 36px;
  color: var(--ws-text);
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  font-size: 12px;
  display: inline-flex;
}

.ws-module-surface .projects-page .projects-filters .filterBtn.filterActive {
  border-color: color-mix(in srgb, var(--ws-accent) 30%, var(--ws-border));
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-module-surface .projects-page .projects-filters .filterBtn svg {
  width: 14px;
  height: 14px;
}

.ws-module-surface .projects-page .projects-filters .selectSearchValues {
  display: none;
}

.ws-module-surface .projects-page .contacts-active-filters {
  margin: 0;
}

.ws-module-surface .projects-page .projects-board {
  padding-top: 0;
}

.ws-module-surface .projects-page .projects-column {
  flex-basis: 286px;
}

.ws-module-surface .projects-page .projects-column > header {
  border-bottom: 1px solid var(--ws-border);
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  min-height: 63px;
  padding: 10px 12px;
  display: flex;
}

.ws-module-surface .projects-column .deals-column-heading {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.ws-module-surface .projects-column .deals-column-heading strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.ws-module-surface .projects-column .deals-column-count {
  background: var(--ws-soft);
  min-width: 22px;
  height: 21px;
  color: var(--ws-muted);
  font-variant-numeric: tabular-nums;
  border-radius: 5px;
  flex: none;
  place-items: center;
  padding: 0 5px;
  font-size: 10px;
  display: grid;
}

.ws-module-surface .projects-column .deals-column-value {
  color: var(--ws-muted);
  font-size: 10px;
}

.ws-module-surface .projects-page .projects-board-card {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  box-shadow: var(--ws-shadow);
  gap: 8px;
}

.ws-module-surface .projects-board-card .projects-card-top {
  min-height: 28px;
}

.ws-module-surface .projects-board-card .projects-card-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: flex;
}

.ws-module-surface .projects-board-card .projects-card-number {
  color: var(--ws-muted);
  font-variant-numeric: tabular-nums;
  font-size: 10px;
  font-weight: 600;
}

.ws-module-surface .projects-board-card .projects-card-main {
  gap: 3px;
}

.ws-module-surface .projects-board-card .projects-card-main .projects-card-name {
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
  text-decoration: none;
}

.ws-module-surface .projects-board-card .projects-card-main .projects-card-name:hover {
  color: var(--ws-accent);
}

.ws-module-surface .projects-board-card .projects-card-main .projects-card-contact {
  color: var(--ws-muted);
  font-size: 11px;
  font-weight: 500;
}

.ws-module-surface .projects-board-card .projects-card-main b {
  color: var(--ws-text);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  font-weight: 650;
}

.ws-module-surface .projects-priority {
  background: var(--ws-soft);
  min-height: 21px;
  color: var(--ws-muted);
  white-space: nowrap;
  border-radius: 5px;
  align-items: center;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.ws-module-surface .projects-priority.priority-high, .ws-module-surface .projects-priority.priority-urgent {
  background: color-mix(in srgb, #b84b5b 10%, var(--ws-surface));
  color: #a83d50;
}

.ws-module-surface .projects-page .projects-board-card .projects-card-footer {
  border-top: 1px solid var(--ws-border);
  min-height: 0;
  color: var(--ws-muted);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px 10px;
  padding-top: 9px;
  font-size: 10px;
  display: flex;
}

.ws-module-surface .projects-card-footer > span, .ws-module-surface .projects-card-footer em {
  align-items: center;
  gap: 4px;
  min-width: 0;
  font-style: normal;
  display: inline-flex;
}

.ws-module-surface .projects-card-footer .projects-card-owner {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 100%;
  overflow: hidden;
}

.ws-module-surface .projects-card-footer svg {
  flex: none;
  width: 12px;
  height: 12px;
}

.ws-module-surface .projects-card-footer em {
  color: #a83d50;
  margin-left: auto;
  font-weight: 650;
}

.ws-module-surface .projects-page .projects-overdue {
  color: #a83d50;
  font-weight: 650;
}

.ws-module-surface .projects-table .projects-name {
  min-width: 190px;
  color: var(--ws-text);
  flex-direction: column;
  gap: 2px;
  text-decoration: none;
  display: flex;
}

.ws-module-surface .projects-table .projects-name strong {
  font-weight: 600;
}

.ws-module-surface .projects-table .projects-name small {
  color: var(--ws-muted);
  font-size: 10px;
}

.ws-module-surface .projects-table .projects-status {
  border: 1px solid color-mix(in srgb, var(--project-status-color) 25%, var(--ws-border));
  background: color-mix(in srgb, var(--project-status-color) 8%, var(--ws-surface));
  min-height: 23px;
  color: var(--project-status-color);
  white-space: nowrap;
  border-radius: 5px;
  align-items: center;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
}

.ws-module-surface .projects-table .projects-table-value {
  color: var(--ws-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-weight: 600;
}

.ws-module-surface .projects-issue-count {
  color: #a83d50;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  display: inline-flex;
}

.ws-module-surface .projects-issue-count svg {
  width: 12px;
  height: 12px;
}

@media (max-width: 1100px) {
  .ws-module-surface .projects-page .projects-filters .deals-filter-selects {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 850px) {
  .ws-module-surface .projects-page .projects-filters .deals-filter-selects {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ws-module-surface .projects-page .projects-filters .filterBtn {
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 520px) {
  .ws-module-surface .projects-page .projects-filters .deals-filter-selects {
    grid-template-columns: 1fr;
  }
}

.ws-module-surface :is(form:not(.filtersContacts, .filterDrop, .dashboard-owner-filter, .contacts-search), .contacts-dialog, .projects-detail-edit) .form-group :is(.input-form, .fieldSelectInputWrap, .selectSearchTrigger, .app-select-trigger), .ws-shell[data-theme="dark"] .ws-module-surface :is(form:not(.filtersContacts, .filterDrop, .dashboard-owner-filter, .contacts-search), .contacts-dialog, .projects-detail-edit) .form-group :is(.input-form, .fieldSelectInputWrap, .selectSearchTrigger, .app-select-trigger) {
  border-color: var(--ws-field-border);
  background-color: var(--ws-field-surface);
  color: var(--ws-text);
}

.ws-module-surface :is(form:not(.filtersContacts, .filterDrop, .dashboard-owner-filter, .contacts-search), .contacts-dialog, .projects-detail-edit) .form-group :is(.input-form, .fieldSelectInputWrap, .selectSearchTrigger, .app-select-trigger):is(:focus, :focus-visible, .focused, .app-select-open) {
  border-color: var(--ws-accent);
}

.ws-module-surface :is(form:not(.filtersContacts, .filterDrop, .dashboard-owner-filter, .contacts-search), .contacts-dialog, .projects-detail-edit) .form-group :is(.input-form, .fieldSelectInputWrap, .selectSearchTrigger, .app-select-trigger).input-error {
  border-color: #dc2626;
}

.ws-module-surface .campaigns-page .campaigns-muted {
  color: var(--ws-muted);
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}

.ws-module-surface .campaigns-page .campaigns-kpis {
  margin: 0;
}

.ws-module-surface .campaigns-page .integration-sync-icon {
  background: var(--ws-field-surface);
  border-color: var(--ws-border);
}

.ws-module-surface .campaigns-page .integration-sync-icon img {
  object-fit: contain;
  width: 28px;
  height: 28px;
  display: block;
}

.ws-module-surface .campaigns-page .integration-sync-card .integrations-status {
  white-space: nowrap;
  border-radius: 5px;
  align-items: center;
  width: fit-content;
  min-height: 0;
  padding: 3px 8px;
  font-size: .72rem;
  font-weight: 500;
  line-height: 1.35;
  display: inline-flex;
}

.ws-module-surface .adm-table :is(.contacts-status, .contacts-tag, .deals-stage, .deals-status, .proposals-status, .catalog-badge, .campaigns-status, .landing-status, .budget-status, .api-keys-status, .integrations-status, .conversations-status, .projects-status) {
  white-space: nowrap;
  border: 0;
  border-radius: 5px;
  align-items: center;
  width: fit-content;
  min-height: 0;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 500;
  line-height: normal;
  display: inline-flex;
}

.ws-module-surface .campaigns-page .campaigns-filter-fields .fieldSelectInputWrap:is(:hover, .focused), .ws-module-surface .campaigns-page .campaigns-detail-filters .fieldSelectInputWrap:is(:hover, .focused) {
  border-color: var(--ws-accent);
  background: var(--dashboard-surface);
}

.ws-module-surface .campaigns-page .campaigns-list-table td:last-child, .ws-module-surface .campaigns-page .campaigns-list-table th:last-child {
  text-align: center;
}

.ws-module-surface .campaigns-status.archived {
  background: var(--ws-soft);
  color: var(--ws-muted);
}

.ws-module-surface .campaigns-dialog {
  border-left: 1px solid var(--ws-border);
  color: var(--ws-text);
}

.ws-module-surface .campaigns-dialog > header, .ws-module-surface .campaigns-dialog > footer {
  border-color: var(--ws-border);
  padding: 14px 20px;
}

.ws-module-surface .campaigns-dialog header p {
  color: var(--ws-muted);
  margin-top: 3px;
  line-height: 1.45;
}

.ws-module-surface .campaigns-dialog-close {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  width: 30px;
  height: 30px;
  color: var(--ws-muted);
  cursor: pointer;
  border-radius: 7px;
  flex: none;
  place-items: center;
  padding: 0;
  display: grid;
}

.ws-module-surface .campaigns-dialog-close:hover {
  color: var(--ws-accent);
  border-color: var(--ws-accent);
}

.ws-module-surface .campaigns-dialog-close svg {
  width: 16px;
  height: 16px;
}

.ws-module-surface .campaigns-form {
  gap: 0;
  padding: 16px 20px;
}

.ws-module-surface .campaigns-form > .ds-form-section {
  gap: 13px;
  padding: 15px 0;
}

.ws-module-surface .campaigns-form > .ds-form-section:first-child {
  padding-top: 0;
}

.ws-module-surface .campaigns-form > .ds-form-section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.ws-module-surface .campaigns-form-grid {
  gap: 12px 10px;
}

.ws-module-surface .campaigns-form .form-group :is(.input-form, .fieldSelectInputWrap, .selectSearchTrigger, .app-select-trigger) {
  border-color: var(--ws-field-border);
  background-color: var(--ws-field-surface);
  color: var(--ws-text);
}

.ws-module-surface .campaigns-form .form-group :is(.input-form, .fieldSelectInputWrap, .selectSearchTrigger, .app-select-trigger):is(:focus, :focus-visible, .focused, .app-select-open) {
  border-color: var(--ws-accent);
}

.ws-module-surface .campaigns-tracked-url {
  border-color: var(--ws-border);
  background: var(--ws-control);
  padding: 10px 12px;
}

.ws-module-surface .campaigns-tracked-url code {
  color: var(--ws-text);
  flex: 100%;
  font-size: 11px;
}

.ws-module-surface .campaigns-tracked-url > .contacts-button {
  margin-left: auto;
}

.ws-module-surface .campaigns-dialog > footer .contacts-button {
  min-height: 34px;
}

@media (max-width: 600px) {
  .ws-module-surface .campaigns-dialog > :is(header, footer), .ws-module-surface .campaigns-form {
    padding-inline: 16px;
  }
}

.ws-module-surface .campaigns-detail {
  gap: 12px;
}

.ws-module-surface .campaigns-detail-back {
  margin-bottom: -6px;
  display: flex;
}

.ws-module-surface .campaigns-detail-back .dashboard-back-link {
  height: 26px;
  min-height: 26px;
  box-shadow: none;
  color: var(--ws-muted);
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 0;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.ws-module-surface .campaigns-detail-back .dashboard-back-link:hover {
  color: var(--ws-accent);
  background: none;
  text-decoration: none;
}

.ws-module-surface .campaigns-detail-back svg {
  width: 12px;
  height: 12px;
}

.ws-module-surface .campaigns-detail > .adm-page-heading .adm-button {
  height: 34px;
  min-height: 34px;
  padding-inline: 11px;
}

.ws-module-surface .campaigns-detail > .adm-page-heading .adm-button.primary {
  border: 0;
}

.ws-module-surface .campaigns-detail-filters {
  gap: 8px;
  margin: 0;
  padding: 0;
}

.ws-module-surface .campaigns-detail-filters .fieldSelectInputWrap {
  border-color: var(--ws-border);
  background: var(--ws-control);
  height: 36px;
  min-height: 36px;
}

.ws-module-surface .campaigns-detail-filters .contacts-button {
  min-height: 36px;
}

.ws-module-surface .campaigns-detail .campaigns-google-results {
  box-shadow: none;
  background: none;
  border: 0;
  gap: 12px;
  padding: 0;
  display: grid;
}

.ws-module-surface .campaigns-detail .campaigns-google-heading {
  align-items: center;
  gap: 6px 18px;
  margin: 0;
}

.ws-module-surface .campaigns-detail .campaigns-google-eyebrow {
  letter-spacing: .06em;
  font-size: 10px;
  font-weight: 600;
}

.ws-module-surface .campaigns-detail .campaigns-google-heading h2 {
  color: var(--ws-text);
  margin: 2px 0;
  font-size: 15px;
  font-weight: 650;
}

.ws-module-surface .campaigns-detail .campaigns-google-heading p, .ws-module-surface .campaigns-detail .campaigns-google-footnote {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .campaigns-detail .campaigns-google-updated {
  background: var(--ws-soft);
  color: var(--ws-muted);
  border-radius: 5px;
  padding: 5px 8px;
  font-size: 10px;
}

.ws-module-surface .campaigns-detail .campaigns-google-kpis, .ws-module-surface .campaigns-detail .campaigns-google-footnote {
  margin: 0;
}

.ws-module-surface .campaigns-detail .campaigns-insights {
  grid-template-columns: minmax(230px, .72fr) minmax(0, 1.5fr);
  gap: 12px;
}

.ws-module-surface .campaigns-detail .campaigns-insights > .campaigns-panel {
  border-color: var(--ws-border);
  padding: 12px;
}

.ws-module-surface .campaigns-detail .campaigns-insights > .campaigns-panel h2 {
  color: var(--ws-text);
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 650;
}

.ws-module-surface .campaigns-detail .campaign-results {
  border-color: var(--ws-border);
  padding: 0;
  overflow: hidden;
}

.ws-module-surface .campaigns-detail .campaign-results-tabs {
  border-bottom-color: var(--ws-border);
  background: var(--ws-surface);
  gap: 4px;
  padding: 8px 12px;
}

.ws-module-surface .campaigns-detail .campaign-results-tabs button {
  min-height: 32px;
  color: var(--ws-muted);
  border: 0;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 500;
}

.ws-module-surface .campaigns-detail .campaign-results-tabs button:is(:hover, .active) {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  border: 0;
}

.ws-module-surface .campaigns-detail .campaign-results-tabs button.active {
  font-weight: 650;
}

.ws-module-surface .campaigns-detail .campaign-results-tabs svg {
  width: 14px;
  height: 14px;
}

.ws-module-surface .campaigns-detail .campaign-results-body {
  padding: 12px 14px;
}

.ws-module-surface .campaigns-detail .campaign-result-heading {
  margin-bottom: 12px;
}

.ws-module-surface .campaigns-detail .campaign-result-heading > div > span {
  letter-spacing: .06em;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 600;
}

.ws-module-surface .campaigns-detail .campaign-result-heading h2 {
  color: var(--ws-text);
  gap: 7px;
  font-size: 14px;
  font-weight: 650;
}

.ws-module-surface .campaigns-detail .campaign-result-heading h2 small {
  border-radius: 5px;
  min-height: 19px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 500;
}

.ws-module-surface .campaigns-detail .campaign-result-heading p {
  color: var(--ws-muted);
  margin-top: 3px;
  font-size: 11px;
}

.ws-module-surface .campaigns-detail .campaign-result-summary {
  gap: 6px;
  margin-bottom: 12px;
}

.ws-module-surface .campaigns-detail .campaign-result-summary > span {
  background: var(--ws-soft);
  color: var(--ws-muted);
  border: 0;
  border-radius: 6px;
  gap: 4px;
  padding: 6px 9px;
  font-size: 11px;
}

.ws-module-surface .campaigns-detail .campaign-result-summary strong {
  color: var(--ws-text);
  font-size: 11px;
  font-weight: 650;
}

.ws-module-surface .campaigns-detail .campaign-result-table {
  border-color: var(--ws-border);
  border-radius: 8px;
}

.ws-module-surface .campaigns-detail .campaign-result-table .contacts-table th {
  background: var(--ws-soft);
}

.ws-module-surface .campaigns-detail .campaign-result-table .contacts-table td {
  color: var(--ws-muted);
}

.ws-module-surface .campaigns-detail .campaign-result-link {
  color: var(--ws-text);
  font-weight: 600;
  text-decoration: none;
}

.ws-module-surface .campaigns-detail .campaign-result-link:hover {
  color: var(--ws-accent);
  text-decoration: none;
}

.ws-module-surface .campaigns-detail .campaign-result-table .campaign-deal-status {
  border-radius: 5px;
  align-items: center;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 500;
  line-height: normal;
}

.ws-module-surface .campaigns-detail .campaign-result-metrics {
  gap: 10px;
}

.ws-module-surface .campaigns-detail .campaign-result-metric {
  border-color: var(--ws-border);
  background: var(--ws-soft);
  border-radius: 8px;
  gap: 10px;
  min-height: 98px;
  padding: 13px;
}

.ws-module-surface .campaigns-detail .campaign-result-metric-icon, .ws-module-surface .campaigns-detail .campaign-result-subsection-icon {
  background: var(--ws-accent-soft);
  width: 32px;
  height: 32px;
  color: var(--ws-accent);
  border-radius: 7px;
}

.ws-module-surface .campaigns-detail .campaign-result-metric-icon svg, .ws-module-surface .campaigns-detail .campaign-result-subsection-icon svg {
  width: 16px;
  height: 16px;
}

.ws-module-surface .campaigns-detail .campaign-result-metric > div > span, .ws-module-surface .campaigns-detail .campaign-result-metric small {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .campaigns-detail .campaign-result-metric strong {
  color: var(--ws-text);
  margin: 3px 0 2px;
  font-size: 17px;
  font-weight: 650;
}

.ws-module-surface .campaigns-detail .campaign-result-columns {
  gap: 16px;
}

.ws-module-surface .campaigns-detail .campaign-result-subsection {
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.ws-module-surface .campaigns-detail .campaign-result-subsection > header {
  gap: 9px;
  margin-bottom: 12px;
}

.ws-module-surface .campaigns-detail .campaign-result-subsection h3 {
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 650;
}

.ws-module-surface .campaigns-detail .campaign-result-subsection header p {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .campaigns-detail .campaign-result-records {
  gap: 6px;
  margin-bottom: 12px;
}

.ws-module-surface .campaigns-detail .campaign-result-record {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  padding: 9px 10px;
}

.ws-module-surface .campaigns-detail .campaign-result-record strong {
  color: var(--ws-text);
  font-size: 11px;
  font-weight: 600;
}

.ws-module-surface .campaigns-detail .campaign-result-empty {
  border-color: var(--ws-border);
  background: var(--ws-soft);
  min-height: 108px;
  padding: 12px;
}

.ws-module-surface .campaigns-detail .campaign-result-subsection .campaign-result-empty {
  min-height: 130px;
  margin-bottom: 12px;
}

.ws-module-surface .campaigns-detail .campaign-result-empty-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 7px;
}

.ws-module-surface .campaigns-detail .campaign-result-empty-icon svg {
  width: 16px;
  height: 16px;
}

.ws-module-surface .campaigns-detail .campaign-result-form {
  border-top-color: var(--ws-border);
  padding-top: 12px;
}

.ws-module-surface .campaigns-detail .campaign-result-form h4 {
  color: var(--ws-text);
  margin-bottom: 10px;
  font-size: 12px;
}

.ws-module-surface .campaigns-detail .campaign-result-form-fields .form-group :is(.input-form, .fieldSelectInputWrap) {
  border-color: var(--ws-field-border);
  background: var(--ws-field-surface);
}

.ws-module-surface .campaigns-detail .campaign-result-form > .contacts-button {
  min-height: 34px;
}

.ws-module-surface .campaigns-detail .campaign-result-form > .contacts-button.primary {
  border: 0;
}

@media (max-width: 900px) {
  .ws-module-surface .campaigns-detail .campaigns-insights {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .ws-module-surface .campaigns-detail .campaign-results-tabs {
    scrollbar-width: none;
    flex-wrap: nowrap;
    padding: 7px 10px;
    overflow-x: auto;
  }

  .ws-module-surface .campaigns-detail .campaign-results-tabs::-webkit-scrollbar {
    display: none;
  }

  .ws-module-surface .campaigns-detail .campaign-results-body {
    padding: 12px;
  }

  .ws-module-surface .campaigns-detail .campaign-result-metric {
    min-height: 0;
  }
}

.ws-module-surface .marketing-performance-page {
  gap: 12px;
}

.ws-module-surface .marketing-performance-filters {
  gap: 8px;
  margin: 0;
  padding: 0;
}

.ws-module-surface .marketing-performance-filter-fields {
  gap: 8px;
}

.ws-module-surface .marketing-performance-filter-fields .form-group {
  flex: 155px;
  min-width: 145px;
  max-width: 220px;
  margin: 0;
}

.ws-module-surface .marketing-performance-filter-fields .fieldSelectInputWrap {
  border-color: var(--ws-border);
  background: var(--ws-control);
  height: 36px;
  min-height: 36px;
}

.ws-module-surface .marketing-performance-filters .contacts-button {
  min-height: 36px;
}

.ws-module-surface .marketing-performance-updating {
  color: var(--ws-muted);
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  margin: 0;
  font-size: 11px;
  display: inline-flex;
}

.ws-module-surface .marketing-performance-updating svg {
  width: 13px;
  height: 13px;
  animation: 1s linear infinite marketing-performance-spin;
}

@keyframes marketing-performance-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-module-surface .marketing-performance-updating svg {
    animation: none;
  }
}

.ws-module-surface .marketing-performance-notice, .ws-module-surface .marketing-performance-unattributed {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  color: var(--ws-muted);
  border-radius: 8px;
  margin: 0;
  padding: 9px 12px;
  font-size: 11px;
  line-height: 1.45;
}

.ws-module-surface .marketing-performance-kpis {
  gap: 10px;
  margin: 0;
}

.ws-module-surface .marketing-performance-kpis .ds-metric-kpi {
  padding: 12px 13px;
}

.ws-module-surface .marketing-performance-kpis .ds-metric-value {
  font-size: clamp(16px, 1.6vw, 20px);
}

.ws-module-surface .marketing-performance-section {
  min-width: 0;
  padding: 0;
  overflow: hidden;
}

.ws-module-surface .marketing-performance-section > .marketing-performance-heading {
  border-bottom: 1px solid var(--ws-border);
  margin: 0;
  padding: 13px 16px;
}

.ws-module-surface .marketing-performance-heading h2 {
  color: var(--ws-text);
  font-size: 13px;
  font-weight: 650;
}

.ws-module-surface .marketing-performance-heading p {
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 11px;
}

.ws-module-surface .marketing-performance-section > .marketing-performance-funnel {
  width: auto;
  margin: 12px 16px 16px;
}

.ws-module-surface .marketing-performance-funnel {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 155px), 1fr));
  gap: 8px;
}

.ws-module-surface .marketing-performance-funnel > div {
  border-color: var(--ws-border);
  background: var(--ws-soft);
  border-radius: 8px;
  gap: 4px;
  min-height: 88px;
  padding: 11px 12px;
}

.ws-module-surface .marketing-performance-funnel span {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .marketing-performance-funnel strong {
  color: var(--ws-text);
  font-variant-numeric: tabular-nums;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.2;
}

.ws-module-surface .marketing-performance-funnel .marketing-performance-funnel-rate {
  color: var(--ws-accent);
  gap: 4px;
  margin-top: auto;
  font-size: 10px;
  font-weight: 600;
}

.ws-module-surface .marketing-performance-funnel .marketing-performance-funnel-rate svg {
  width: 12px;
  height: 12px;
}

.ws-module-surface .marketing-performance-section > .contacts-table-scroll {
  border: 0;
  border-radius: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.ws-module-surface .marketing-performance-section > .adm-empty {
  min-height: 140px;
  margin: 12px 16px 16px;
}

.ws-module-surface .marketing-performance-section .contacts-table th {
  background: var(--ws-soft);
}

.ws-module-surface .marketing-performance-section .contacts-table td {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .marketing-performance-section .contacts-table td :is(strong, a) {
  color: var(--ws-text);
  font-weight: 600;
  text-decoration: none;
}

.ws-module-surface .marketing-performance-section .contacts-table td a:hover {
  color: var(--ws-accent);
}

@media (max-width: 700px) {
  .ws-module-surface .marketing-performance-filter-fields .form-group {
    flex: calc(50% - 8px);
    min-width: min(100%, 145px);
    max-width: none;
  }
}

@media (max-width: 480px) {
  .ws-module-surface .marketing-performance-filter-fields .form-group {
    flex-basis: 100%;
  }

  .ws-module-surface .marketing-performance-section > .marketing-performance-heading {
    padding-inline: 12px;
  }

  .ws-module-surface .marketing-performance-section > .marketing-performance-funnel {
    margin-inline: 12px;
  }
}

.ws-module-surface .landing-pages-page {
  gap: 12px;
}

.ws-module-surface .landing-pages-page .landing-kpis {
  gap: 10px;
  margin: 0;
}

.ws-module-surface .landing-pages-page .landing-kpis .ds-metric-kpi {
  padding: 12px 14px;
}

.ws-module-surface .landing-pages-page .landing-kpis .ds-metric-value {
  font-size: clamp(17px, 1.7vw, 21px);
}

.ws-module-surface .landing-pages-page .landing-filters {
  gap: 8px;
  padding: 0;
}

.ws-module-surface .landing-pages-page .landing-filters .contacts-search, .ws-module-surface .landing-pages-page .landing-filters .fieldSelectInputWrap {
  border-color: var(--ws-border);
  background: var(--ws-control);
  height: 36px;
  min-height: 36px;
}

.ws-module-surface .landing-pages-page .landing-filters .fieldSelectInputWrap:is(:hover, .focused) {
  border-color: var(--ws-accent);
  background: var(--ws-control);
}

.ws-module-surface .landing-pages-list {
  overflow: hidden;
}

.ws-module-surface .landing-pages-list > .contacts-table-top {
  padding: 12px 16px;
}

.ws-module-surface .landing-pages-table {
  min-width: 650px;
}

.ws-module-surface .landing-pages-table th:first-child {
  width: 44%;
}

.ws-module-surface .landing-pages-table th:nth-child(2) {
  width: 24%;
}

.ws-module-surface .landing-pages-table th:nth-child(3) {
  width: 20%;
}

.ws-module-surface .landing-pages-table th:last-child {
  text-align: center;
  width: 12%;
}

.ws-module-surface .landing-pages-table td {
  padding: 10px 16px;
}

.ws-module-surface .landing-pages-table td:last-child {
  text-align: center;
}

.ws-module-surface .landing-pages-table .landing-name {
  color: var(--ws-text);
  gap: 2px;
}

.ws-module-surface .landing-pages-table .landing-name strong {
  font-size: 12px;
  font-weight: 600;
}

.ws-module-surface .landing-pages-table .landing-name small, .ws-module-surface .landing-pages-table .landing-unsaved, .ws-module-surface .landing-pages-table .landing-updated {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .landing-pages-table .landing-name:hover strong {
  color: var(--ws-accent);
}

.ws-module-surface .landing-pages-table .landing-unsaved {
  margin-top: 4px;
}

.ws-module-surface .landing-domains-stack {
  gap: 12px;
}

.ws-module-surface .landing-domains {
  padding: 16px;
}

.ws-module-surface .landing-domains h2 {
  color: var(--ws-text);
  margin: 0;
  font-size: 13px;
}

.ws-module-surface .landing-domains > p {
  color: var(--ws-muted);
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.5;
}

.ws-module-surface .landing-domain-add {
  max-width: 620px;
  margin-top: 12px;
}

.ws-module-surface .landing-domain-add .input-form {
  box-sizing: border-box;
  border-color: var(--ws-field-border);
  background: var(--ws-field-surface);
  height: 34px;
  min-height: 34px;
}

.ws-module-surface .landing-domain-add .contacts-button {
  box-sizing: border-box;
  border: 0;
  height: 34px;
  min-height: 34px;
}

.ws-module-surface .landing-domains .landing-domain-note {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 7px;
  padding: 9px 11px;
  margin-top: 12px !important;
}

.ws-module-surface .landing-domain-card {
  padding: 13px 16px;
}

.ws-module-surface .landing-domain-header strong {
  color: var(--ws-text);
  font-size: 12px;
}

.ws-module-surface .landing-domain-actions .contacts-button, .ws-module-surface .landing-domain-actions .contacts-icon-button {
  min-height: 32px;
}

.ws-module-surface .landing-domain-dns {
  border-color: var(--ws-border);
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
}

.ws-module-surface .landing-domain-dns small, .ws-module-surface .landing-domain-checked {
  color: var(--ws-muted);
  font-size: 10px;
}

.ws-module-surface .landing-domain-dns code {
  color: var(--ws-text);
  font-size: 11px;
}

.ws-module-surface .landing-domain-card {
  padding: 0;
  overflow: hidden;
}

.ws-module-surface .landing-domain-header {
  border-bottom: 1px solid var(--ws-border);
  gap: 12px;
  padding: 13px 16px;
}

.ws-module-surface .landing-domain-identity {
  gap: 10px;
  min-width: 0;
}

.ws-module-surface .landing-domain-identity > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.ws-module-surface .landing-domain-identity strong {
  overflow-wrap: anywhere;
  font-size: 12px;
}

.ws-module-surface .landing-domain-identity small {
  color: var(--ws-muted);
  font-size: 10px;
}

.ws-module-surface .landing-domain-icon {
  background: var(--ws-accent-soft);
  width: 32px;
  height: 32px;
  color: var(--ws-accent);
  border-radius: 8px;
  flex: none;
  place-items: center;
  display: grid;
}

.ws-module-surface .landing-domain-icon svg {
  width: 15px;
  height: 15px;
}

.ws-module-surface .landing-domain-actions {
  margin-left: auto;
}

.ws-module-surface .landing-domain-setup {
  grid-template-columns: minmax(0, 1.35fr) minmax(270px, 1fr);
  display: grid;
}

.ws-module-surface .landing-domain-step {
  min-width: 0;
  padding: 16px;
}

.ws-module-surface .landing-domain-activation {
  border-left: 1px solid var(--ws-border);
  background: var(--ws-soft);
}

.ws-module-surface .landing-domain-step-heading {
  align-items: flex-start;
  gap: 9px;
  display: flex;
}

.ws-module-surface .landing-domain-step-heading > div {
  min-width: 0;
}

.ws-module-surface .landing-domain-step-number {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: 21px;
  height: 21px;
  color: var(--ws-accent);
  border-radius: 6px;
  flex: none;
  place-items: center;
  font-size: 10px;
  font-weight: 700;
  display: grid;
}

.ws-module-surface .landing-domain-step-number.is-complete {
  background: var(--ws-accent-soft);
  border: 0;
}

.ws-module-surface .landing-domain-step-number svg {
  width: 12px;
  height: 12px;
}

.ws-module-surface .landing-domain-step h3 {
  color: var(--ws-text);
  margin: 2px 0 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.ws-module-surface .landing-domain-step-heading p {
  color: var(--ws-muted);
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.45;
}

.ws-module-surface .landing-domain-dns {
  grid-template-columns: 52px minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin: 14px 0 0 30px;
  padding: 11px 0 0;
}

.ws-module-surface .landing-domain-dns > div {
  gap: 5px;
}

.ws-module-surface .landing-domain-dns small {
  line-height: 16px;
}

.ws-module-surface .landing-domain-dns-value {
  grid-template-columns: minmax(0, 1fr) 23px;
  align-items: center;
  gap: 5px;
  min-width: 0;
  min-height: 23px;
  display: grid;
}

.ws-module-surface .landing-domain-dns code {
  align-items: center;
  min-height: 23px;
  font-size: 10px;
  line-height: 1.4;
  display: flex;
}

.ws-module-surface .landing-domain-dns-value code {
  min-width: 0;
}

.ws-module-surface .landing-domain-dns-value button {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: 23px;
  height: 23px;
  color: var(--ws-muted);
  cursor: pointer;
  border-radius: 6px;
  flex: none;
  place-items: center;
  padding: 0;
  display: grid;
}

.ws-module-surface .landing-domain-dns-value button:hover {
  border-color: var(--ws-accent);
  color: var(--ws-accent);
}

.ws-module-surface .landing-domain-dns-value button svg {
  width: 12px;
  height: 12px;
}

.ws-module-surface .landing-domain-dns-hint {
  color: var(--ws-muted);
  margin: 8px 0 0 30px;
  font-size: 10px;
  line-height: 1.45;
}

.ws-module-surface .landing-domain-activation ol {
  color: var(--ws-text);
  gap: 7px;
  margin: 13px 0 0 30px;
  padding-left: 17px;
  font-size: 11px;
  line-height: 1.5;
  display: grid;
}

.ws-module-surface .landing-domain-activation li {
  padding-left: 2px;
}

.ws-module-surface .landing-domain-activation li::marker {
  color: var(--ws-accent);
  font-weight: 700;
}

.ws-module-surface .landing-domain-activation strong {
  overflow-wrap: anywhere;
}

.ws-module-surface .landing-domain-address-record {
  margin-left: 30px;
}

.ws-module-surface .landing-domain-activation-note {
  color: var(--ws-muted);
  margin: 10px 0 0 30px;
  font-size: 10px;
  line-height: 1.5;
}

.ws-module-surface .landing-domain-error, .ws-module-surface .landing-domain-checked {
  margin-left: 30px;
}

@media (max-width: 1050px) {
  .ws-module-surface .landing-domain-setup {
    grid-template-columns: 1fr;
  }

  .ws-module-surface .landing-domain-activation {
    border-top: 1px solid var(--ws-border);
    border-left: 0;
  }
}

@media (max-width: 600px) {
  .ws-module-surface .landing-domain-header {
    align-items: flex-start;
  }

  .ws-module-surface .landing-domain-identity {
    flex-wrap: wrap;
  }

  .ws-module-surface .landing-domain-actions {
    width: 100%;
    margin-left: 0;
  }

  .ws-module-surface .landing-domain-dns {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ws-module-surface .landing-create-dialog {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-text);
  padding: 18px;
}

.ws-module-surface .landing-dialog-head {
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.ws-module-surface .landing-create-dialog h2 {
  color: var(--ws-text);
  margin: 0;
  font-size: 16px;
}

.ws-module-surface .landing-create-dialog p {
  color: var(--ws-muted);
  margin: 3px 0 0;
  font-size: 11px;
}

.ws-module-surface .landing-create-dialog > .form-group {
  margin: 0;
}

.ws-module-surface .landing-create-dialog .input-form {
  border-color: var(--ws-field-border);
  background: var(--ws-field-surface);
}

.ws-module-surface .landing-template-grid {
  gap: 9px;
  margin: 14px 0;
}

.ws-module-surface .landing-template {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  color: var(--ws-text);
  border-radius: 8px;
  padding: 7px;
}

.ws-module-surface .landing-template:hover:not(.selected) {
  border-color: var(--ws-accent);
  background: var(--ws-soft);
}

.ws-module-surface .landing-template.selected {
  border-color: var(--ws-accent);
  background: var(--ws-accent-soft);
  box-shadow: none;
}

.ws-module-surface .landing-template img, .ws-module-surface .landing-template-blank {
  background: var(--ws-soft);
  height: 96px;
}

.ws-module-surface .landing-template strong {
  color: var(--ws-text);
  margin-top: 7px;
  font-size: 12px;
  font-weight: 600;
}

.ws-module-surface .landing-template small {
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.4;
}

.ws-module-surface .landing-create-dialog footer {
  border-top: 1px solid var(--ws-border);
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
}

.ws-module-surface .landing-create-dialog footer .contacts-button {
  min-height: 34px;
}

.ws-module-surface .landing-create-dialog footer .contacts-button.primary {
  border: 0;
}

.ws-module-surface .landing-results {
  gap: 12px;
}

.ws-module-surface .landing-results > .dashboard-back-link {
  min-height: 26px;
  color: var(--ws-muted);
  background: none;
  border: 0;
  padding: 0;
  font-size: 11px;
  text-decoration: none;
}

.ws-module-surface .landing-results > .dashboard-back-link:hover {
  color: var(--ws-accent);
  background: none;
  text-decoration: none;
}

.ws-module-surface .landing-results .landing-results-kpis {
  gap: 10px;
  margin: 0;
}

.ws-module-surface .landing-results-kpis .ds-metric-kpi {
  padding: 12px 14px;
}

.ws-module-surface .landing-results-kpis .ds-metric-value {
  font-size: clamp(17px, 1.7vw, 21px);
}

.ws-module-surface .landing-results-period .fieldSelectInputWrap {
  border-color: var(--ws-border);
  background: var(--ws-control);
  height: 36px;
  min-height: 36px;
}

.ws-module-surface .landing-results-chart {
  padding: 14px 16px;
}

.ws-module-surface .landing-results-section-head {
  margin-bottom: 10px;
}

.ws-module-surface .landing-results-section-head h2 {
  color: var(--ws-text);
  margin: 0;
  font-size: 13px;
}

.ws-module-surface .landing-results-section-head p {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .landing-results-details .contacts-panel {
  padding: 14px 16px;
}

.ws-module-surface .landing-results-row {
  border-color: var(--ws-border);
  color: var(--ws-muted);
  padding: 8px 0;
  font-size: 11px;
}

.ws-module-surface .landing-results-row strong {
  color: var(--ws-text);
  font-weight: 600;
}

.ws-module-surface .landing-results-row small {
  color: var(--ws-muted);
  font-size: 10px;
}

.ws-module-surface .landing-editor-top {
  border-color: var(--ws-border);
  gap: 12px;
  min-height: 62px;
  padding: 10px 16px;
}

.ws-module-surface .landing-editor-contextbar {
  border-color: var(--ws-border);
  min-height: 44px;
  padding: 6px 16px;
}

.ws-module-surface .landing-editor-top-actions > .contacts-button {
  min-height: 34px;
}

.ws-module-surface .landing-editor-top-actions > .contacts-button.primary {
  border: 0;
}

.ws-module-surface .landing-editor-side-head {
  border-color: var(--ws-border);
  padding: 11px 12px;
}

.ws-module-surface .landing-inspector {
  gap: 12px;
  padding: 12px;
}

.ws-module-surface .landing-inspector-fields {
  gap: 12px;
}

.ws-module-surface .landing-inspector .form-group :is(.input-form, .fieldSelectInputWrap) {
  border-color: var(--ws-field-border);
  background: var(--ws-field-surface);
}

.ws-module-surface .landing-editor-footer {
  border-color: var(--ws-border);
}

@media (max-width: 700px) {
  .ws-module-surface .landing-pages-page .landing-kpis, .ws-module-surface .landing-template-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ws-module-surface .landing-editor-top, .ws-module-surface .landing-editor-contextbar {
    padding-inline: 10px;
  }
}

@media (max-width: 480px) {
  .ws-module-surface .landing-pages-page .landing-kpis {
    grid-template-columns: 1fr;
  }

  .ws-module-surface .landing-create-dialog {
    padding: 14px;
  }
}

.ws-module-surface .purchases-page {
  gap: 12px;
}

.ws-module-surface .purchases-page > :is(.adm-page-heading, .contacts-tabs, .filtersContacts, .contacts-active-filters, .kpis-card-container) {
  margin: 0;
}

.ws-module-surface .purchases-page .contacts-tabs {
  scrollbar-width: none;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.ws-module-surface .purchases-page .contacts-tabs::-webkit-scrollbar {
  display: none;
}

.ws-module-surface .purchases-page .contacts-tabs > button {
  flex: none;
}

.ws-module-surface .purchases-page .contacts-table td {
  line-height: 1.4;
}

.ws-module-surface .purchases-page .proposals-link {
  gap: 2px;
  text-decoration: none;
  display: grid;
}

.ws-module-surface .purchases-page .proposals-link small {
  color: var(--ws-muted);
  font-size: 11px;
  font-weight: 400;
}

.ws-module-surface .purchases-page .contacts-text-button {
  text-align: left;
  text-decoration: none;
}

.ws-module-surface .purchases-page .supply-cell-note {
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 11px;
}

.ws-module-surface .purchases-page .supply-actions-cell {
  text-align: center;
  width: 64px;
}

.ws-module-surface .purchases-page .supply-actions-cell .filterDropWrap {
  display: inline-flex;
}

.ws-module-surface .purchases-page .supply-amount-cell {
  white-space: nowrap;
  font-weight: 600;
}

.ws-module-surface .purchases-page .supply-receipt-progress {
  width: 92px;
  color: var(--ws-text);
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  display: grid;
}

.ws-module-surface .purchases-page .supply-receipt-progress .dashboard-progress {
  width: 100%;
  margin: 0;
}

.ws-module-surface .supply-form .contacts-form-body {
  background: var(--ws-surface);
  gap: 0;
}

.ws-module-surface .supply-form .supply-form-section {
  border: 0;
  border-bottom: 1px solid var(--ws-border);
  background: none;
  border-radius: 0;
  gap: 13px;
  padding: 16px 0;
}

.ws-module-surface .supply-form .supply-form-section:first-child {
  padding-top: 0;
}

.ws-module-surface .supply-form .supply-form-section-heading {
  border: 0;
  gap: 2px;
  padding: 0;
}

.ws-module-surface .supply-form .supply-form-section-heading h3, .ws-module-surface .supply-form .ds-form-section h3 {
  color: var(--ws-text);
  font-size: 13px;
  font-weight: 600;
}

.ws-module-surface .supply-form .supply-form-section-heading p, .ws-module-surface .supply-form .ds-form-section p {
  color: var(--ws-muted);
  margin: 0;
  font-size: 11px;
}

.ws-module-surface .supply-form .ds-form-section {
  gap: 13px;
  padding: 16px 0;
}

.ws-module-surface .supply-form .contacts-form-grid {
  align-items: start;
  gap: 12px;
}

.ws-module-surface .supply-form .form-group {
  min-width: 0;
}

.ws-module-surface .supply-form .form-group :is(.input-form, .fieldSelectInputWrap, textarea) {
  border-color: var(--ws-field-border);
  background: var(--ws-field-surface);
}

.ws-module-surface .supply-form .supply-form-action {
  margin: 0;
}

.ws-module-surface .supply-form .supply-form-action .contacts-button {
  min-height: 34px;
}

.ws-module-surface .supply-form .supply-item-editor {
  border-color: var(--ws-border);
  background: var(--ws-soft);
  border-radius: 9px;
  gap: 12px;
  padding: 14px;
}

.ws-module-surface .supply-form .supply-item-editor + .supply-item-editor {
  margin-top: 10px;
}

.ws-module-surface .supply-form .supply-receipt-item-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 6px 12px;
  font-size: 12px;
  display: flex;
}

.ws-module-surface .supply-form .supply-receipt-item-heading span {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .supply-form .supply-total {
  color: var(--ws-muted);
  padding: 10px 0 0;
  font-size: 12px;
}

.ws-module-surface .supply-form .supply-total strong {
  color: var(--ws-text);
  font-size: 15px;
}

.ws-module-surface .supply-form footer .contacts-button.primary {
  border: 0;
}

@media (max-width: 600px) {
  .ws-module-surface .purchases-page .contacts-tabs {
    width: 100%;
  }

  .ws-module-surface .supply-form .contacts-form-body {
    padding: 16px;
  }

  .ws-module-surface .supply-form .supply-item-editor {
    padding: 12px;
  }
}

.ws-module-surface .supply-suppliers-table .contacts-table-top {
  min-height: 46px;
  padding: 10px 16px;
}

.ws-module-surface .supply-table-heading {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  display: flex;
}

.ws-module-surface .supply-table-heading strong {
  color: var(--ws-text);
  font-size: 13px;
  font-weight: 600;
}

.ws-module-surface .supply-table-heading span {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .supply-suppliers-table .adm-table {
  table-layout: fixed;
  min-width: 700px;
}

.ws-module-surface .supply-suppliers-table .adm-table :is(th, td):first-child {
  width: 34%;
}

.ws-module-surface .supply-suppliers-table .adm-table :is(th, td):nth-child(2) {
  width: 17%;
}

.ws-module-surface .supply-suppliers-table .adm-table :is(th, td):nth-child(3) {
  width: 29%;
}

.ws-module-surface .supply-suppliers-table .adm-table :is(th, td):nth-child(4) {
  width: 13%;
}

.ws-module-surface .supply-suppliers-table .adm-table :is(th, td):nth-child(5) {
  text-align: center;
  width: 7%;
}

.ws-module-surface .supply-suppliers-table .adm-table td {
  height: 48px;
  padding: 6px 14px;
}

.ws-module-surface .supply-suppliers-table .adm-table tbody tr:nth-child(2n) td {
  background: none;
}

.ws-module-surface .supply-suppliers-table .adm-table tbody tr:hover td {
  background: var(--ws-soft);
}

.ws-module-surface .supply-supplier-name {
  text-align: left;
  border: 0;
  align-items: center;
  gap: 9px;
  max-width: 100%;
  min-height: 30px;
  margin: 0;
  padding: 0;
  display: inline-flex;
}

.ws-module-surface .supply-supplier-name > span:last-child {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.ws-module-surface .supply-supplier-name strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.ws-module-surface .supply-supplier-name small {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
}

.ws-module-surface .supply-supplier-icon {
  border: 1px solid var(--ws-border);
  background: var(--ws-accent-soft);
  width: 30px;
  height: 30px;
  color: var(--ws-accent);
  border-radius: 7px;
  flex: none;
  place-items: center;
  display: grid;
}

.ws-module-surface .supply-supplier-icon svg {
  width: 16px;
  height: 16px;
}

.ws-module-surface .supply-supplier-contact {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.ws-module-surface .supply-supplier-contact a {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ws-text);
  overflow: hidden;
}

.ws-module-surface .supply-supplier-contact small {
  margin: 0;
}

.ws-module-surface .supply-suppliers-table .contacts-pagination {
  padding: 10px 16px;
}

@media (max-width: 700px) {
  .ws-module-surface .supply-suppliers-table .adm-table {
    min-width: 640px;
  }

  .ws-module-surface .supply-suppliers-table .adm-table td {
    padding-inline: 12px;
  }
}

.ws-module-surface .inventory-page {
  gap: 12px;
}

.ws-module-surface .inventory-page > :is(.adm-page-heading, .contacts-tabs, .filtersContacts, .contacts-active-filters, .kpis-card-container) {
  margin: 0;
}

.ws-module-surface .inventory-page .contacts-tabs {
  scrollbar-width: none;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.ws-module-surface .inventory-page .contacts-tabs::-webkit-scrollbar {
  display: none;
}

.ws-module-surface .inventory-page .contacts-tabs > button {
  flex: none;
}

.ws-module-surface .inventory-page .supply-filter-actions {
  flex-wrap: nowrap;
}

.ws-module-surface .inventory-page .supply-filter-actions .contacts-button {
  white-space: nowrap;
}

.ws-module-surface .inventory-table .contacts-table-top {
  min-height: 46px;
  padding: 10px 16px;
}

.ws-module-surface .inventory-table .adm-table {
  min-width: 900px;
}

.ws-module-surface .inventory-table .adm-table td {
  height: 49px;
  padding: 7px 13px;
  line-height: 1.4;
}

.ws-module-surface .inventory-table .adm-table tbody tr:nth-child(2n) td {
  background: none;
}

.ws-module-surface .inventory-table .adm-table tbody tr:hover td {
  background: var(--ws-soft);
}

.ws-module-surface .inventory-table .adm-table td strong {
  font-size: 12px;
  font-weight: 600;
}

.ws-module-surface .inventory-table .supply-cell-note {
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 11px;
}

.ws-module-surface .inventory-table .supply-quantity-strong {
  white-space: nowrap;
}

.ws-module-surface .inventory-table .supply-actions-cell {
  text-align: center;
  width: 64px;
}

.ws-module-surface .inventory-table .supply-actions-cell .filterDropWrap {
  display: inline-flex;
}

.ws-module-surface .inventory-table .contacts-pagination {
  padding: 10px 16px;
}

.ws-module-surface .supply-material-name {
  text-align: left;
  border: 0;
  align-items: center;
  gap: 9px;
  max-width: 100%;
  min-height: 30px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
}

.ws-module-surface .supply-material-name > span:last-child {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.ws-module-surface .supply-material-name strong, .ws-module-surface .supply-material-name small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ws-module-surface .supply-material-name small {
  color: var(--ws-muted);
  margin: 0;
  font-size: 11px;
}

.ws-module-surface .supply-material-icon, .ws-module-surface .supply-setting-icon {
  border: 1px solid var(--ws-border);
  background: var(--ws-accent-soft);
  width: 30px;
  height: 30px;
  color: var(--ws-accent);
  border-radius: 7px;
  flex: none;
  place-items: center;
  display: grid;
}

.ws-module-surface .supply-material-icon svg, .ws-module-surface .supply-setting-icon svg {
  width: 16px;
  height: 16px;
}

.ws-module-surface .inventory-page .supply-settings {
  gap: 12px;
}

.ws-module-surface .inventory-page .supply-settings-panel .contacts-table-top {
  min-height: 58px;
  padding: 11px 16px;
}

.ws-module-surface .inventory-page .supply-settings-panel .supply-table-heading {
  gap: 2px;
  display: grid;
}

.ws-module-surface .inventory-page .supply-setting-row {
  border-color: var(--ws-border);
  min-height: 48px;
  padding: 8px 16px;
}

.ws-module-surface .inventory-page .supply-setting-name {
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: inline-flex;
}

.ws-module-surface .inventory-page .supply-setting-name > span:nth-child(2) {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.ws-module-surface .inventory-page .supply-setting-name strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.ws-module-surface .inventory-page .supply-setting-name small {
  color: var(--ws-muted);
  font-size: 10px;
}

.ws-module-surface .inventory-page .supply-setting-row > .contacts-button {
  min-height: 32px;
  padding-inline: 10px;
}

.ws-module-surface .supply-detail {
  background: var(--ws-surface);
  gap: 0;
}

.ws-module-surface .supply-detail-description {
  color: var(--ws-muted);
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 1.5;
}

.ws-module-surface .supply-detail-section {
  border-bottom: 1px solid var(--ws-border);
  padding: 16px 0;
}

.ws-module-surface .supply-detail-section:last-child {
  border-bottom: 0;
}

.ws-module-surface .supply-detail-section h3 {
  color: var(--ws-text);
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
}

.ws-module-surface .supply-detail-row {
  min-height: 37px;
  color: var(--ws-muted);
  justify-content: space-between;
  align-items: center;
  gap: 8px 14px;
  padding: 7px 0;
  font-size: 12px;
  display: flex;
}

.ws-module-surface .supply-detail-row + .supply-detail-row {
  border-top: 1px solid var(--ws-border);
}

.ws-module-surface .supply-detail-row strong {
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 600;
}

.ws-module-surface .supply-detail-row .proposals-link {
  color: var(--ws-text);
  text-decoration: none;
}

.ws-module-surface .supply-detail-warehouse {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.ws-module-surface .supply-detail-warehouse svg {
  color: var(--ws-accent);
}

.ws-module-surface .supply-detail-empty {
  color: var(--ws-muted);
  margin: 0;
  padding: 9px 0;
  font-size: 12px;
}

.ws-module-surface .contacts-form .adm-checkbox {
  color: var(--ws-text);
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 0;
  display: inline-flex;
}

.ws-module-surface .contacts-form .adm-checkbox input {
  width: 18px;
  height: 18px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.ws-module-surface .contacts-form .adm-checkbox > strong {
  min-width: 0;
  color: var(--ws-text);
  gap: 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  display: grid;
}

.ws-module-surface .contacts-form .adm-checkbox > strong small {
  color: var(--ws-muted);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
}

.ws-module-surface .supply-form .supply-field-toggle {
  border: 1px solid var(--ws-field-border);
  background: var(--ws-field-surface);
  border-radius: 8px;
  align-items: center;
  min-width: 0;
  min-height: 58px;
  padding: 10px 12px;
  display: flex;
}

.ws-module-surface .supply-form .supply-field-toggle:has(input:checked) {
  border-color: color-mix(in srgb, var(--ws-accent) 35%, var(--ws-field-border));
  background: color-mix(in srgb, var(--ws-accent-soft) 45%, var(--ws-field-surface));
}

.ws-module-surface .supply-form .supply-field-toggle .adm-checkbox {
  width: 100%;
  min-height: 34px;
}

.ws-module-surface .supply-form .supply-field-toggle .adm-checkbox > span {
  width: 18px;
  height: 18px;
}

.ws-module-surface .supply-form--settings .contacts-form-grid {
  grid-template-columns: minmax(0, 1fr);
}

.ws-module-surface .supply-form--settings .supply-form-section {
  padding-block: 14px;
}

.ws-module-surface .supply-form--settings .supply-form-section-heading {
  margin-bottom: 1px;
}

.ws-module-surface .supply-form--settings .form-group, .ws-module-surface .supply-form--settings .contacts-form-grid > div {
  min-width: 0;
}

.ws-module-surface .supply-form--warehouse .contacts-form-grid, .ws-module-surface .supply-form--category .contacts-form-grid {
  gap: 12px;
}

.ws-module-surface .supply-form--warehouse .supply-field-toggle {
  min-height: 62px;
}

.ws-module-surface .supply-form--category .supply-field-toggle {
  min-height: 54px;
}

@media (max-width: 600px) {
  .ws-module-surface .supply-form--warehouse .contacts-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-module-surface .supply-form--warehouse .contacts-form-grid > div {
    grid-column: 1;
  }
}

@media (max-width: 700px) {
  .ws-module-surface .inventory-table .adm-table {
    min-width: 780px;
  }

  .ws-module-surface .inventory-page .supply-filter-actions {
    scrollbar-width: none;
    width: 100%;
    overflow-x: auto;
  }

  .ws-module-surface .inventory-page .supply-filter-actions::-webkit-scrollbar {
    display: none;
  }

  .ws-module-surface .inventory-page .supply-settings-panel .contacts-table-top {
    flex-wrap: wrap;
  }
}

.ws-module-surface .alfa-copilot:not(.alfa-copilot-compact) {
  flex-direction: column;
  gap: 14px;
  max-width: none;
  display: flex;
}

.ws-module-surface .alfa-copilot:not(.alfa-copilot-compact) > .adm-page-heading {
  margin: 0;
}

.ws-module-surface .alfa-copilot:not(.alfa-copilot-compact) .alfa-workspace {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: 100%;
  max-width: none;
  height: calc(100dvh - 265px);
  min-height: 440px;
  box-shadow: var(--ws-shadow);
  border-radius: 12px;
  animation: .3s ease-out both alfa-enter;
}

.ws-module-surface .alfa-copilot .alfa-workspace-header {
  border-bottom: 1px solid var(--ws-border);
  min-height: 62px;
  padding: 10px 18px;
}

.ws-module-surface .alfa-workspace-identity {
  gap: 10px;
}

.ws-module-surface .alfa-workspace-identity strong {
  font-size: 13px;
  font-weight: 700;
}

.ws-module-surface .alfa-workspace-identity small {
  margin-top: 2px;
  font-size: 11px;
}

.ws-module-surface .alfa-workspace-tools {
  gap: 12px;
}

.ws-module-surface .alfa-workspace-limit {
  background: var(--ws-soft);
  color: var(--ws-muted);
  border-radius: 6px;
  padding: 5px 8px;
  font-size: 11px;
}

.ws-module-surface .alfa-workspace-clear {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  min-height: 34px;
  color: var(--ws-muted);
  border-radius: 8px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 500;
}

.ws-module-surface .alfa-workspace-clear:hover:not(:disabled) {
  color: var(--ws-text);
  background: var(--ws-soft);
}

.ws-module-surface .alfa-copilot .alfa-internal-messages {
  background: color-mix(in srgb, var(--ws-soft) 50%, var(--ws-surface));
  gap: 20px;
  padding: 28px clamp(18px, 4vw, 56px);
}

.ws-module-surface .alfa-empty-state {
  max-width: 690px;
  padding: 20px 0;
}

.ws-module-surface .alfa-empty-eyebrow {
  color: var(--ws-accent);
  letter-spacing: .1em;
  margin-bottom: 7px;
  font-size: 10px;
  font-weight: 700;
  display: block;
}

.ws-module-surface .alfa-empty-state h2 {
  letter-spacing: -.025em;
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: 700;
}

.ws-module-surface .alfa-empty-state p {
  max-width: 500px;
  font-size: 12px;
  line-height: 1.55;
}

.ws-module-surface .alfa-copilot .alfa-internal-suggestions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 26px;
}

.ws-module-surface .alfa-internal-suggestions button {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  min-height: 76px;
  color: var(--ws-text);
  border-radius: 10px;
  padding: 13px 14px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  transition: border-color .18s, background .18s, transform .18s;
  box-shadow: 0 2px 6px #21103509;
}

.ws-module-surface .alfa-internal-suggestions button:hover {
  border-color: color-mix(in srgb, var(--ws-accent) 45%, var(--ws-border));
  background: color-mix(in srgb, var(--ws-accent-soft) 45%, var(--ws-surface));
  color: var(--ws-text);
  transform: translateY(-1px);
}

.ws-module-surface .alfa-internal-suggestions button svg {
  width: 16px;
  height: 16px;
  color: var(--ws-accent);
}

.ws-module-surface .alfa-copilot .alfa-internal-message {
  width: fit-content;
  max-width: min(86%, 820px);
  color: var(--ws-text);
  background: none;
  border: 0;
  border-radius: 0;
  align-items: flex-start;
  gap: 10px;
  padding: 0;
  font-size: 13px;
  line-height: 1.55;
  display: flex;
}

.ws-module-surface .alfa-copilot .alfa-internal-message.from-user {
  color: var(--ws-text);
  background: none;
  flex-direction: row-reverse;
  margin-left: auto;
}

.ws-module-surface .alfa-copilot .alfa-internal-message.from-alfa {
  background: none;
  border: 0;
}

.ws-module-surface .alfa-message-avatar {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: 30px;
  height: 30px;
  color: var(--ws-accent);
  border-radius: 9px;
  flex: none;
  place-items: center;
  display: grid;
}

.ws-module-surface .alfa-message-avatar .alfa-brand-mark {
  --alfa-mark-size: 25px;
}

.ws-module-surface .alfa-message-avatar > svg {
  width: 16px;
  height: 16px;
}

.ws-module-surface .alfa-message-body {
  gap: 6px;
  min-width: 0;
  display: grid;
}

.ws-module-surface .alfa-message-meta {
  align-items: center;
  gap: 9px;
  min-height: 25px;
  display: flex;
}

.ws-module-surface .alfa-message-meta strong {
  color: var(--ws-text);
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  display: inline;
}

.ws-module-surface .alfa-message-meta time {
  color: var(--ws-muted);
  font-size: 10px;
  font-weight: 400;
}

.ws-module-surface .from-user .alfa-message-meta {
  justify-content: flex-end;
}

.ws-module-surface .alfa-message-bubble {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 12px 12px 12px 4px;
  padding: 12px 15px;
  box-shadow: 0 2px 8px #21103508;
}

.ws-module-surface .from-user .alfa-message-bubble {
  border-color: color-mix(in srgb, var(--ws-accent) 18%, var(--ws-border));
  background: color-mix(in srgb, var(--ws-accent-soft) 60%, var(--ws-surface));
  box-shadow: none;
  border-radius: 12px 12px 4px;
}

.ws-module-surface .alfa-message-bubble p {
  color: inherit;
  margin: 0;
}

.ws-module-surface .alfa-message-sources {
  border: 0;
  align-items: center;
  gap: 5px;
  margin: 1px 0 0;
  padding: 0;
}

.ws-module-surface .alfa-message-sources span {
  width: auto;
  color: var(--ws-muted);
  margin-right: 3px;
  font-size: 10px;
  font-weight: 500;
}

.ws-module-surface .alfa-message-sources small {
  background: var(--ws-soft);
  color: var(--ws-muted);
  margin: 0;
  padding: 3px 7px;
  font-size: 10px;
  display: inline-flex;
}

.ws-module-surface .alfa-composer-wrap {
  border-top: 1px solid var(--ws-border);
  padding: 12px 18px 11px;
}

.ws-module-surface .alfa-composer-actions {
  margin: 0 0 9px;
}

.ws-module-surface .alfa-composer-actions .contacts-button {
  min-height: 34px;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 500;
}

.ws-module-surface .alfa-copilot .alfa-internal-composer {
  gap: 9px;
}

.ws-module-surface .alfa-copilot .alfa-internal-composer textarea {
  border: 1px solid var(--ws-field-border, var(--ws-border));
  background: var(--ws-field-surface, var(--ws-control));
  min-height: 46px;
  max-height: 140px;
  color: var(--ws-text);
  border-radius: 9px;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 20px;
}

.ws-module-surface .alfa-copilot .alfa-internal-composer button[type="submit"] {
  background: var(--planejalfa-gradient);
  color: #fff;
  min-width: 86px;
  height: 46px;
  box-shadow: none;
  border: 0;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 600;
}

.ws-module-surface .alfa-copilot .alfa-internal-composer .alfa-stop-button {
  border-radius: 9px;
  min-width: 105px;
  height: 46px;
}

.ws-module-surface .alfa-copilot .alfa-workspace-note {
  color: var(--ws-muted);
  margin: 7px 0 0;
  font-size: 10px;
  line-height: 1.4;
}

.ws-module-surface .alfa-loading-skeleton {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  border-radius: 12px;
  width: 100%;
  height: calc(100dvh - 265px);
  min-height: 440px;
  padding: 16px;
}

.ws-module-surface .alfa-loading-skeleton .dashboard-skeleton-stack {
  max-width: 720px;
  margin: 80px auto 0;
}

.ws-module-surface .alfa-dashboard-drawer .alfa-copilot .alfa-workspace {
  box-shadow: none;
  border: 0;
  border-radius: 0;
  animation: none;
}

.ws-module-surface .alfa-dashboard-drawer .alfa-internal-message {
  max-width: 96%;
}

.ws-module-surface .alfa-dashboard-drawer .alfa-internal-messages {
  padding: 16px;
}

.ws-module-surface .alfa-dashboard-drawer .alfa-internal-suggestions {
  grid-template-columns: 1fr;
}

.ws-module-surface .alfa-dashboard-drawer .alfa-loading-skeleton {
  border: 0;
  flex: 1;
  min-height: 0;
}

@keyframes alfa-enter {
  from {
    opacity: 0;
    transform: translateY(7px);
  }

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

@media (prefers-reduced-motion: reduce) {
  .ws-module-surface .alfa-copilot .alfa-workspace {
    animation: none;
  }

  .ws-module-surface .alfa-internal-suggestions button {
    transition: none;
  }
}

@media (max-width: 900px) {
  .ws-module-surface .alfa-copilot .alfa-internal-suggestions {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 20px;
  }

  .ws-module-surface .alfa-internal-suggestions button {
    min-height: 48px;
  }
}

@media (max-width: 700px) {
  .ws-module-surface .alfa-copilot:not(.alfa-copilot-compact) .alfa-workspace, .ws-module-surface .alfa-copilot:not(.alfa-copilot-compact) .alfa-loading-skeleton {
    height: calc(100dvh - 290px);
    min-height: 420px;
  }

  .ws-module-surface .alfa-copilot .alfa-internal-messages {
    padding: 17px 13px;
  }

  .ws-module-surface .alfa-workspace-header {
    padding-inline: 13px;
  }

  .ws-module-surface .alfa-workspace-limit {
    display: none;
  }

  .ws-module-surface .alfa-composer-wrap {
    padding: 10px 12px;
  }

  .ws-module-surface .alfa-copilot .alfa-internal-message {
    gap: 7px;
    max-width: 96%;
  }

  .ws-module-surface .alfa-copilot .alfa-internal-composer textarea {
    font-size: 16px;
  }

  .ws-module-surface .alfa-copilot .alfa-workspace-note {
    font-size: 10px;
  }
}

.ws-module-surface .alfa-copilot:not(.alfa-copilot-compact) {
  gap: 12px;
}

.ws-module-surface .alfa-hero {
  min-height: 0;
  box-shadow: var(--ws-shadow);
  border-radius: 12px;
  gap: 14px;
  padding: 16px 20px;
}

.ws-module-surface .alfa-hero-mark {
  --alfa-mark-size: 42px;
  flex: none;
}

.ws-module-surface .alfa-hero-eyebrow {
  letter-spacing: .09em;
  margin-bottom: 3px;
  font-size: 10px;
}

.ws-module-surface .alfa-hero h1 {
  letter-spacing: -.03em;
  margin-bottom: 3px;
  font-size: 23px;
  line-height: 1.2;
}

.ws-module-surface .alfa-hero p {
  font-size: 13px;
  line-height: 1.4;
}

.ws-module-surface .alfa-hero-status {
  align-self: center;
  padding: 6px 9px;
  font-size: 11px;
}

.ws-module-surface .alfa-copilot:not(.alfa-copilot-compact) .alfa-workspace {
  flex-direction: column;
  height: calc(100dvh - 215px);
  padding: 0;
  display: flex;
  overflow: hidden;
}

.ws-module-surface .alfa-copilot .alfa-workspace-header {
  flex-wrap: nowrap;
  gap: 12px;
  min-height: 56px;
  padding: 8px 16px;
}

.ws-module-surface .alfa-workspace-avatar {
  --alfa-mark-size: 32px;
}

.ws-module-surface .alfa-workspace-identity small {
  align-items: center;
  gap: 5px;
  margin-top: 1px;
  display: flex;
}

.ws-module-surface .alfa-workspace-identity small:before {
  content: "";
  background: #28b980;
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
}

.ws-module-surface .alfa-workspace-limit {
  background: none;
  padding: 0;
}

.ws-module-surface .alfa-copilot .alfa-internal-messages {
  gap: 16px;
  padding: 18px 20px;
}

.ws-module-surface .alfa-empty-state {
  padding: 12px 0;
}

.ws-module-surface .alfa-empty-icon {
  --alfa-mark-size: 48px;
  margin-bottom: 12px;
}

.ws-module-surface .alfa-empty-state h2 {
  margin-bottom: 5px;
}

.ws-module-surface .alfa-copilot .alfa-empty-state > p {
  text-align: center;
  margin-inline: auto;
}

.ws-module-surface .alfa-copilot .alfa-internal-suggestions {
  margin-top: 18px;
}

.ws-module-surface .alfa-internal-suggestions button {
  min-height: 64px;
}

.ws-module-surface .alfa-composer-wrap {
  padding: 10px 16px 9px;
}

.ws-module-surface .alfa-copilot .alfa-internal-composer {
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
}

.ws-module-surface .alfa-copilot .alfa-internal-composer textarea {
  min-height: 38px;
  max-height: 120px;
  padding: 8px 11px;
  line-height: 20px;
}

.ws-module-surface .alfa-copilot .alfa-internal-composer button[type="submit"], .ws-module-surface .alfa-copilot .alfa-internal-composer .alfa-stop-button {
  min-width: 38px;
  height: 38px;
  padding: 0 11px;
}

.ws-module-surface .alfa-action-launcher {
  border: 1px solid var(--ws-border);
  background: var(--ws-control);
  height: 38px;
  color: var(--ws-text);
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 9px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.ws-module-surface .alfa-action-launcher:hover:not(:disabled) {
  border-color: var(--ws-accent);
  color: var(--ws-accent);
}

.ws-module-surface .alfa-action-launcher:disabled {
  opacity: .5;
  cursor: default;
}

.ws-module-surface .alfa-action-launcher svg {
  width: 15px;
  height: 15px;
}

.ws-module-surface .alfa-copilot .alfa-workspace-note {
  margin-top: 6px;
}

.ws-module-surface .alfa-conversation-action {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  max-width: 580px;
  box-shadow: var(--ws-shadow);
  border-radius: 12px;
  align-self: center;
  gap: 12px;
  padding: 16px;
}

.ws-module-surface .alfa-action-heading {
  border-bottom: 1px solid var(--ws-border);
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
}

.ws-module-surface .alfa-action-heading strong {
  font-size: 13px;
}

.ws-module-surface .alfa-action-heading p {
  margin-top: 2px;
  font-size: 11px;
}

.ws-module-surface .alfa-action-icon {
  width: 30px;
  height: 30px;
}

.ws-module-surface .alfa-action-icon svg {
  width: 17px;
  height: 17px;
}

.ws-module-surface .alfa-action-fields {
  gap: 11px;
}

.ws-module-surface .alfa-conversation-action .form-group {
  gap: 5px;
}

.ws-module-surface .alfa-conversation-action .input-form, .ws-module-surface .alfa-conversation-action .selectSearchTrigger {
  min-height: 38px;
}

.ws-module-surface .alfa-conversation-action .input-form {
  background: var(--ws-field-surface, var(--ws-control));
  padding: 8px 10px;
}

.ws-module-surface .alfa-conversation-action textarea.input-form {
  min-height: 76px;
}

.ws-module-surface .alfa-conversation-action .alfa-action-buttons {
  gap: 8px;
  padding-top: 4px;
}

.ws-module-surface .alfa-conversation-action .alfa-action-buttons .contacts-button {
  min-height: 34px;
  font-size: 11px;
}

.ws-module-surface .alfa-conversation-action .alfa-action-buttons .primary {
  border: 0;
}

.ws-module-surface .alfa-conversation-action > form {
  min-width: 0;
}

.ws-module-surface .alfa-conversation-action fieldset.alfa-action-fields {
  border: 0;
  border-radius: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.ws-module-surface .alfa-conversation-action .form-group :is(.input-form, .selectSearchTrigger) {
  box-sizing: border-box;
  border: 1px solid var(--ws-field-border, var(--ws-border));
  background: var(--ws-field-surface, var(--ws-control));
  width: 100%;
  height: 42px;
  min-height: 42px;
  color: var(--ws-text);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
}

.ws-module-surface .alfa-conversation-action .form-group .selectSearchTrigger {
  padding: 0 11px;
}

.ws-module-surface .alfa-conversation-action .form-group .selectSearchTrigger :is(.fieldSelectSelectedBadge, .fieldSelectPlaceholder) {
  font-size: 12px;
  font-weight: 500;
}

.ws-module-surface .alfa-conversation-action .form-group textarea.input-form {
  height: auto;
  min-height: 76px;
}

.ws-module-surface .alfa-conversation-action .alfa-action-buttons {
  justify-content: flex-end;
  width: 100%;
}

.ws-module-surface .alfa-conversation-action .alfa-action-buttons > button {
  flex: none;
}

.ws-module-surface .alfa-action-heading {
  align-items: flex-start;
}

.ws-module-surface .alfa-action-dismiss {
  width: 28px;
  height: 28px;
  color: var(--ws-muted);
  background: none;
  border: 0;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin: 1px 0 0 auto;
  padding: 0;
  display: inline-flex;
}

.ws-module-surface .alfa-action-dismiss svg {
  width: 15px;
  height: 15px;
  display: block;
}

.ws-module-surface .alfa-action-dismiss:hover:not(:disabled) {
  background: var(--ws-soft);
  color: var(--ws-text);
}

.ws-module-surface .alfa-loading-skeleton {
  height: calc(100dvh - 215px);
}

.ws-module-surface .alfa-action-launcher {
  background: var(--planejalfa-gradient);
  color: #fff;
  border: 0;
}

.ws-module-surface .alfa-action-launcher:hover:not(:disabled) {
  color: #fff;
  filter: brightness(1.07);
  border: 0;
}

.ws-module-surface .alfa-action-launcher:focus-visible {
  outline: 2px solid var(--ws-accent);
  outline-offset: 2px;
}

.ws-module-surface .alfa-loading-skeleton.is-chat {
  background: var(--ws-surface);
  padding: 0;
  display: block;
  overflow: hidden;
}

.ws-module-surface .dashboard-skeleton-chat {
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ws-module-surface .dashboard-skeleton-chat-header {
  border-bottom: 1px solid var(--ws-border);
  flex: none;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 8px 16px;
  display: flex;
}

.ws-module-surface .dashboard-skeleton-chat-header > div {
  flex: 1;
  gap: 5px;
  display: grid;
}

.ws-module-surface .dashboard-skeleton-chat-header .avatar {
  border-radius: 9px;
  width: 32px;
  height: 32px;
}

.ws-module-surface .dashboard-skeleton-chat-header .identity {
  width: 58px;
  height: 11px;
}

.ws-module-surface .dashboard-skeleton-chat-header .subtitle {
  width: 116px;
  height: 9px;
}

.ws-module-surface .dashboard-skeleton-chat-header .quota {
  width: 126px;
  height: 10px;
}

.ws-module-surface .dashboard-skeleton-chat-body {
  background: color-mix(in srgb, var(--ws-soft) 50%, var(--ws-surface));
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 0;
  padding: 18px 20px;
  display: flex;
}

.ws-module-surface .dashboard-skeleton-chat-body .welcome-icon {
  border-radius: 14px;
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
}

.ws-module-surface .dashboard-skeleton-chat-body .welcome-title {
  width: min(235px, 75%);
  height: 18px;
  margin-bottom: 9px;
}

.ws-module-surface .dashboard-skeleton-chat-body .welcome-description {
  width: min(370px, 90%);
  height: 11px;
  margin-bottom: 24px;
}

.ws-module-surface .dashboard-skeleton-chat-prompts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  width: min(690px, 100%);
  display: grid;
}

.ws-module-surface .dashboard-skeleton-chat-prompts .prompt {
  border: 1px solid var(--ws-border);
  background-color: var(--ws-surface);
  border-radius: 10px;
  height: 64px;
}

.ws-module-surface .dashboard-skeleton-chat-composer {
  border-top: 1px solid var(--ws-border);
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 10px 16px 25px;
  display: flex;
}

.ws-module-surface .dashboard-skeleton-chat-composer .action {
  border-radius: 9px;
  flex: none;
  width: 109px;
  height: 38px;
}

.ws-module-surface .dashboard-skeleton-chat-composer .input {
  border-radius: 9px;
  flex: 1;
  width: auto;
  height: 38px;
}

.ws-module-surface .dashboard-skeleton-chat-composer .send {
  border-radius: 9px;
  flex: none;
  width: 75px;
  height: 38px;
}

.ws-module-surface .alfa-dashboard-drawer .alfa-loading-skeleton.is-chat {
  height: 100%;
}

.ws-module-surface .alfa-dashboard-drawer .dashboard-skeleton-chat-header {
  display: none;
}

.ws-module-surface .alfa-dashboard-drawer .dashboard-skeleton-chat-prompts {
  grid-template-columns: 1fr;
}

@media (max-width: 700px) {
  .ws-module-surface .alfa-hero {
    gap: 10px;
    padding: 13px;
  }

  .ws-module-surface .alfa-hero-mark {
    --alfa-mark-size: 36px;
  }

  .ws-module-surface .alfa-hero h1 {
    font-size: 20px;
  }

  .ws-module-surface .alfa-hero p {
    font-size: 12px;
  }

  .ws-module-surface .alfa-copilot:not(.alfa-copilot-compact) .alfa-workspace, .ws-module-surface .alfa-loading-skeleton {
    height: calc(100dvh - 205px);
  }

  .ws-module-surface .alfa-copilot .alfa-internal-messages {
    padding: 14px 12px;
  }

  .ws-module-surface .alfa-copilot .alfa-workspace-header {
    padding-inline: 12px;
  }

  .ws-module-surface .alfa-composer-wrap {
    padding: 9px 11px;
  }

  .ws-module-surface .alfa-action-launcher {
    width: 38px;
    padding: 0;
  }

  .ws-module-surface .alfa-action-launcher span {
    display: none;
  }

  .ws-module-surface .alfa-copilot .alfa-internal-composer button[type="submit"], .ws-module-surface .alfa-copilot .alfa-internal-composer .alfa-stop-button {
    width: 38px;
    padding: 0;
  }

  .ws-module-surface .alfa-copilot .alfa-internal-composer button[type="submit"] span, .ws-module-surface .alfa-copilot .alfa-internal-composer .alfa-stop-button span {
    display: none;
  }

  .ws-module-surface .alfa-conversation-action {
    padding: 13px;
  }

  .ws-module-surface .dashboard-skeleton-chat-header .quota {
    display: none;
  }

  .ws-module-surface .dashboard-skeleton-chat-prompts {
    grid-template-columns: 1fr;
  }

  .ws-module-surface .dashboard-skeleton-chat-prompts .prompt {
    height: 44px;
  }

  .ws-module-surface .dashboard-skeleton-chat-composer {
    padding: 9px 11px 24px;
  }

  .ws-module-surface .dashboard-skeleton-chat-composer .action, .ws-module-surface .dashboard-skeleton-chat-composer .send {
    width: 38px;
  }
}

.ws-module-surface .alfa-copilot .alfa-internal-message {
  gap: 10px;
  font-size: 13px;
  line-height: 1.55;
  animation: .22s ease-out both alfa-message-enter;
}

.ws-module-surface .alfa-copilot .alfa-internal-message.from-alfa {
  width: min(100%, 700px);
  max-width: min(90%, 700px);
}

.ws-module-surface .alfa-copilot .from-alfa .alfa-message-body {
  flex: 1;
}

.ws-module-surface .alfa-message-body {
  gap: 5px;
}

.ws-module-surface .alfa-message-meta {
  gap: 8px;
  min-height: 29px;
}

.ws-module-surface .alfa-message-meta strong {
  font-size: 12px;
  font-weight: 700;
}

.ws-module-surface .alfa-message-meta time {
  align-items: center;
  gap: 4px;
  font-size: 10px;
  display: inline-flex;
}

.ws-module-surface .alfa-message-meta time svg {
  width: 11px;
  height: 11px;
}

.ws-module-surface .alfa-message-avatar {
  border-radius: 10px;
  width: 30px;
  height: 30px;
}

.ws-module-surface .alfa-copilot .from-alfa .alfa-message-bubble {
  border-radius: 14px 14px 14px 5px;
  padding: 16px 18px 0;
  box-shadow: 0 3px 12px #21103509;
}

.ws-module-surface .alfa-copilot .from-user .alfa-message-bubble {
  background: color-mix(in srgb, var(--ws-accent) 9%, var(--ws-surface));
  border-radius: 14px 14px 5px;
  padding: 10px 14px;
}

.ws-module-surface .alfa-copilot .alfa-answer-content {
  color: var(--ws-text);
  font-size: 13px;
  line-height: 1.55;
}

.ws-module-surface .alfa-copilot .alfa-answer-content strong {
  color: var(--ws-text);
  font-weight: 700;
}

.ws-module-surface .alfa-copilot .alfa-answer-content ul {
  margin: 4px 0 12px;
  padding: 0;
  list-style: none;
}

.ws-module-surface .alfa-copilot .alfa-answer-content li {
  border-bottom: 1px solid color-mix(in srgb, var(--ws-border) 58%, transparent);
  margin: 0;
  padding: 6px 0 6px 17px;
  line-height: 1.45;
  position: relative;
}

.ws-module-surface .alfa-copilot .alfa-answer-content li:last-child {
  border-bottom: 0;
}

.ws-module-surface .alfa-copilot .alfa-answer-content li:before {
  content: "";
  background: var(--ws-accent);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 14px;
  left: 2px;
}

.ws-module-surface .alfa-copilot .alfa-message-sources {
  border-top: 1px solid var(--ws-border);
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 8px;
  margin: 0 -18px;
  padding: 10px 18px;
  display: flex;
}

.ws-module-surface .alfa-message-sources span {
  width: auto;
  color: var(--ws-muted);
  align-items: center;
  gap: 5px;
  margin: 0;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
}

.ws-module-surface .alfa-message-sources span svg {
  width: 12px;
  height: 12px;
}

.ws-module-surface .alfa-message-sources small {
  background: var(--ws-soft);
  min-height: 22px;
  color: var(--ws-muted);
  border-radius: 6px;
  align-items: center;
  margin: 0;
  padding: 3px 7px;
  font-size: 10px;
  line-height: 1.25;
  display: inline-flex;
}

@keyframes alfa-message-enter {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

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

@media (max-width: 700px) {
  .ws-module-surface .alfa-copilot .alfa-internal-message.from-alfa {
    max-width: 98%;
  }

  .ws-module-surface .alfa-copilot .from-alfa .alfa-message-bubble {
    padding: 13px 13px 0;
  }

  .ws-module-surface .alfa-copilot .alfa-message-sources {
    margin-inline: -13px;
    padding-inline: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-module-surface .alfa-copilot .alfa-internal-message {
    animation: none;
  }
}

.alfa-assistant-host .alfa-dashboard-launcher {
  background: var(--ws-surface);
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ws-accent) 25%, transparent), 0 0 22px #a45dff6b, 0 7px 22px #4120712b;
  border: 0;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  animation: 3s ease-in-out infinite alfa-launcher-glow;
  display: grid;
}

.alfa-assistant-host .alfa-dashboard-launcher:hover {
  background: var(--ws-surface);
}

.alfa-assistant-host .alfa-dashboard-launcher .alfa-brand-mark {
  --alfa-mark-size: 32px;
}

.alfa-assistant-host .alfa-launcher-label {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: max-content;
  max-width: calc(100vw - 90px);
  color: var(--ws-text);
  white-space: nowrap;
  box-shadow: var(--ws-shadow);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: 9px;
  padding: 8px 11px;
  font-size: 12px;
  font-weight: 600;
  transition: opacity .18s, transform .18s, visibility .18s;
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  transform: translate(4px, -50%);
}

.alfa-assistant-host .alfa-dashboard-launcher:is(:hover, :focus-visible) .alfa-launcher-label {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}

@keyframes alfa-launcher-glow {
  50% {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ws-accent) 38%, transparent), 0 0 32px #a45dffb0, 0 7px 24px #41207138;
  }
}

.alfa-assistant-host .alfa-dashboard-drawer .alfa-copilot .alfa-workspace {
  padding: 0;
  overflow: hidden;
}

.alfa-assistant-host .alfa-dashboard-drawer-header {
  gap: 9px;
  min-height: 58px;
  padding: 9px 14px;
}

.alfa-assistant-host .alfa-dashboard-drawer-header > div {
  flex: 1;
  min-width: 0;
}

.alfa-assistant-host .alfa-dashboard-drawer-header .alfa-dashboard-close {
  background: var(--ws-soft);
  width: 32px;
  height: 32px;
  min-height: 32px;
  color: var(--ws-muted);
  box-shadow: none;
  border: 0;
  border-radius: 8px;
  flex: none;
  place-items: center;
  margin: 0 0 0 auto;
  padding: 0;
  line-height: 0;
  display: grid;
}

.alfa-assistant-host .alfa-dashboard-drawer-header .alfa-dashboard-close:hover {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.alfa-assistant-host .alfa-dashboard-close svg {
  stroke-width: 1.8px;
  width: 17px;
  height: 17px;
  display: block;
}

.alfa-assistant-host .alfa-dashboard-drawer .alfa-copilot .alfa-internal-messages {
  padding: 12px;
}

.alfa-assistant-host .alfa-dashboard-drawer .alfa-copilot .alfa-internal-message.from-alfa {
  max-width: calc(100% - 40px);
}

.alfa-assistant-host .alfa-dashboard-drawer .alfa-composer-wrap {
  padding: 10px 12px;
}

.alfa-assistant-host .alfa-dashboard-drawer-footer {
  padding: 8px 12px 10px;
}

@media (max-width: 700px) {
  .alfa-assistant-host .alfa-dashboard-launcher {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
  }

  .alfa-assistant-host .alfa-dashboard-launcher .alfa-launcher-label {
    display: block;
  }
}

@media (hover: none) {
  .alfa-assistant-host .alfa-dashboard-launcher .alfa-launcher-label {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .alfa-assistant-host .alfa-dashboard-launcher {
    animation: none;
  }

  .alfa-assistant-host .alfa-launcher-label {
    transition: none;
  }
}

.ws-module-surface .alfa-copilot .alfa-internal-message {
  gap: 8px;
}

.ws-module-surface .alfa-copilot .alfa-internal-message.from-alfa {
  max-width: min(100%, 760px);
}

.ws-module-surface .alfa-copilot .from-alfa .alfa-message-avatar {
  background: none;
  border: 0;
  width: 27px;
  height: 27px;
}

.ws-module-surface .alfa-copilot .from-user .alfa-message-avatar {
  display: none;
}

.ws-module-surface .alfa-copilot .alfa-message-body {
  gap: 4px;
}

.ws-module-surface .alfa-copilot .alfa-message-meta {
  gap: 7px;
  min-height: 27px;
}

.ws-module-surface .alfa-copilot .from-alfa .alfa-message-bubble {
  border: 1px solid color-mix(in srgb, var(--ws-accent) 12%, var(--ws-border));
  background: color-mix(in srgb, var(--ws-accent) 2%, var(--ws-surface));
  border-radius: 16px 16px 16px 5px;
  padding: 14px 16px 13px;
  box-shadow: 0 3px 14px #21103508;
}

.ws-module-surface .alfa-copilot .from-user .alfa-message-bubble {
  border: 1px solid color-mix(in srgb, var(--ws-accent) 18%, var(--ws-border));
  background: color-mix(in srgb, var(--ws-accent) 9%, var(--ws-surface));
  box-shadow: none;
  border-radius: 15px 15px 5px;
  padding: 10px 14px;
}

.ws-module-surface .alfa-copilot .alfa-answer-content {
  line-height: 1.52;
}

.ws-module-surface .alfa-copilot .alfa-answer-content p {
  margin: 0 0 10px;
}

.ws-module-surface .alfa-copilot .alfa-answer-content ul {
  gap: 6px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.ws-module-surface .alfa-copilot .alfa-answer-content li {
  border: 0;
  margin: 0;
  padding: 2px 0 2px 15px;
  line-height: 1.48;
  position: relative;
}

.ws-module-surface .alfa-copilot .alfa-answer-content li:before {
  background: var(--ws-accent);
  width: 5px;
  height: 5px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ws-accent) 9%, transparent);
  top: 9px;
  left: 1px;
}

.ws-module-surface .alfa-copilot .alfa-answer-content > :last-child {
  margin-bottom: 0;
}

.ws-module-surface .alfa-copilot .alfa-message-sources {
  border-top: 1px solid color-mix(in srgb, var(--ws-border) 65%, transparent);
  gap: 5px;
  margin: 12px 0 0;
  padding: 10px 0 0;
}

.ws-module-surface .alfa-copilot .alfa-message-sources span {
  font-weight: 500;
}

.ws-module-surface .alfa-copilot .alfa-message-sources small {
  background: color-mix(in srgb, var(--ws-accent) 5%, var(--ws-surface));
  border-radius: 5px;
  min-height: 20px;
  padding: 2px 6px;
  font-size: 10px;
}

@media (max-width: 700px) {
  .ws-module-surface .alfa-copilot .from-alfa .alfa-message-bubble {
    padding: 12px 13px;
  }
}

/* [project]/src/app/administration-refinement.css [app-client] (css) */
.ws-module-surface :is(.integrations-page, .api-keys-page, .users-page, .implantacao-page), .ws-shell .adm-settings-layout, .ws-shell .adm-subscription-grid {
  min-width: 0;
}

.ws-module-surface :is(.integrations-page, .api-keys-page, .users-page, .implantacao-page) {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.ws-module-surface :is(.integrations-page, .api-keys-page, .users-page, .implantacao-page) > :is(.adm-page-heading, .contacts-tabs, .kpis-card-container) {
  margin: 0;
}

.ws-module-surface :is(.integrations-page, .api-keys-page, .users-page, .implantacao-page) .contacts-button {
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 34px;
  min-height: 34px;
  padding: 0 12px;
  font-size: 12px;
  text-decoration: none;
  display: inline-flex;
}

.ws-module-surface :is(.integrations-page, .api-keys-page, .users-page, .implantacao-page) .contacts-button.primary {
  background: var(--planejalfa-gradient);
  border: 0;
}

.ws-module-surface :is(.integrations-page, .api-keys-page, .users-page, .implantacao-page) .contacts-button svg {
  flex: none;
  width: 15px;
  height: 15px;
}

.ws-module-surface :is(.integrations-page, .users-page) > .contacts-tabs {
  scrollbar-width: none;
  flex-wrap: nowrap;
  align-self: flex-start;
  max-width: 100%;
  overflow-x: auto;
}

.ws-module-surface :is(.integrations-page, .users-page) > .contacts-tabs::-webkit-scrollbar {
  display: none;
}

.ws-module-surface :is(.integrations-page, .users-page) > .contacts-tabs > button {
  white-space: nowrap;
  flex: none;
  height: 34px;
  min-height: 34px;
  font-size: 12px;
}

.ws-module-surface .integrations-page .integrations-shortcuts {
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  display: flex;
}

.ws-module-surface .integrations-page .integrations-section-heading {
  margin: 6px 0 0;
}

.ws-module-surface .integrations-page .integrations-card {
  gap: 10px;
  padding: 16px;
}

.ws-module-surface .integrations-page .integrations-card-heading {
  gap: 10px;
}

.ws-module-surface .integrations-page .integrations-card-heading h3 {
  font-size: 14px;
}

.ws-module-surface .integrations-page .integrations-card > p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.ws-module-surface .integrations-page .integrations-card > :is(.integrations-calendar-actions, .integrations-card-actions) {
  padding-top: 10px;
}

.ws-module-surface .integrations-page .integrations-signature-upload :is(.input-form, .fieldSelectInputWrap) {
  background: var(--ws-field-surface);
  border-color: var(--ws-field-border);
}

.ws-module-surface .integrations-page .integrations-overview {
  flex-direction: column;
  gap: 22px;
  min-width: 0;
  display: flex;
}

.ws-module-surface .integrations-page :is(.integrations-ads-section, .integrations-utility-section, .integrations-signature-section) {
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.ws-module-surface .integrations-page .integrations-section-heading {
  align-items: center;
  min-height: 36px;
  margin: 0;
}

.ws-module-surface .integrations-page .integrations-section-heading h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.3;
}

.ws-module-surface .integrations-page .integrations-section-heading p {
  margin: 3px 0 0;
  font-size: 12px;
  line-height: 1.4;
}

.ws-module-surface .integrations-page .integrations-ads-grid {
  gap: 12px;
}

.ws-module-surface .integrations-page .integrations-ad-card {
  min-height: 218px;
}

.ws-module-surface .integrations-page .integrations-card {
  border-color: var(--ws-border);
  box-shadow: 0 5px 16px #1d113609;
}

.ws-module-surface .integrations-page .integrations-card-heading {
  flex-wrap: nowrap;
}

.ws-module-surface .integrations-page .integrations-card-heading .integrations-status {
  margin-left: auto;
}

.ws-module-surface .integrations-page .integrations-card > p {
  color: var(--ws-muted);
}

.ws-module-surface .integrations-page .integrations-connection-intro {
  gap: 6px;
}

.ws-module-surface .integrations-page .integrations-connection-intro span {
  background: var(--ws-soft);
  color: var(--ws-muted);
  padding: 6px 9px;
  font-size: 11px;
}

.ws-module-surface .integrations-page .integrations-calendar-actions {
  margin-top: auto;
  padding-top: 10px;
}

.ws-module-surface .integrations-page .integrations-ads-note {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 10px;
  gap: 10px;
  padding: 10px 12px;
}

.ws-module-surface .integrations-page .integrations-ads-note > svg {
  width: 16px;
  height: 16px;
  color: var(--ws-accent);
  flex: none;
}

.ws-module-surface .integrations-page .integrations-ads-note p {
  max-width: none;
  color: var(--ws-muted);
  flex: 1;
  font-size: 11px;
  line-height: 1.45;
}

.ws-module-surface .integrations-page .integrations-utility-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
  display: grid;
}

.ws-module-surface .integrations-page .integrations-calendar-card {
  align-self: stretch;
  width: auto;
  min-width: 0;
  padding: 16px;
}

.ws-module-surface .integrations-page .integrations-calendar-card.is-connected {
  grid-area: span 2 / span 2;
}

.ws-module-surface .integrations-page .integrations-utility-card {
  min-height: 130px;
}

.ws-module-surface .integrations-page .integrations-calendar-card > p {
  margin: 0 0 10px;
}

.ws-module-surface .integrations-page .integrations-calendar-card > .integrations-card-heading {
  margin-bottom: 9px;
}

.ws-module-surface .integrations-page .integrations-calendar-card .integrations-connection-intro {
  margin: 0;
}

.ws-module-surface .integrations-page .integrations-signature-grid {
  gap: 12px;
}

.ws-module-surface .integrations-page .integrations-signature-card {
  min-height: 126px;
}

.ws-module-surface .integrations-page .integrations-library-heading {
  margin-top: 8px;
}

.ws-module-surface .integrations-page .integrations-signature-section > .integrations-grid:not(.integrations-signature-grid) .integrations-card {
  min-height: 120px;
}

.ws-module-surface .integrations-page .integrations-signature-section > .integrations-grid:not(.integrations-signature-grid) .integrations-card > .contacts-button {
  margin-top: auto;
}

.ws-module-surface .integrations-page .integrations-signature-section > .integrations-card:last-child {
  align-items: stretch;
}

.ws-module-surface .integrations-page .integrations-signature-section > .integrations-card:last-child > p {
  max-width: 85ch;
}

.ws-module-surface .integrations-page .integrations-signature-section .integrations-signature-upload {
  max-width: none;
}

.ws-module-surface .integrations-page .integrations-accounts-skeleton {
  border-radius: 8px;
  height: 34px;
}

.ws-shell[data-theme="dark"] .ws-module-surface .integrations-page .integrations-logo-dark-invert img {
  filter: brightness(0) invert();
}

@media (max-width: 1100px) {
  .ws-module-surface .integrations-page .integrations-utility-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ws-module-surface .integrations-page .integrations-calendar-card.is-connected {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  .ws-module-surface .integrations-page .integrations-utility-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-module-surface .integrations-page .integrations-calendar-card.is-connected {
    grid-row: auto;
  }

  .ws-module-surface .integrations-page .integrations-ads-note {
    flex-direction: column;
    align-items: flex-start;
  }

  .ws-module-surface .integrations-page .integrations-ads-note .contacts-button {
    align-self: flex-start;
  }
}

.ws-module-surface .api-keys-page .api-keys-metrics {
  gap: 10px;
}

.ws-module-surface .api-keys-page .ds-metric-kpi {
  min-height: 96px;
  padding: 12px 14px;
}

.ws-module-surface .api-keys-page .ds-metric-value {
  font-size: 20px;
}

.ws-module-surface .api-keys-page .api-keys-workspace {
  gap: 12px;
}

.ws-module-surface .api-keys-page :is(.api-keys-create, .api-keys-guide, .api-keys-secret) {
  padding: 16px;
}

.ws-module-surface .api-keys-page .api-keys-scope-group {
  padding: 11px 12px 12px;
}

.ws-module-surface .api-keys-page .api-keys-scope-group > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.ws-module-surface .api-keys-page .api-keys-scope-option {
  align-items: flex-start;
  min-height: 36px;
  padding: 7px 9px;
}

.ws-module-surface .api-keys-page .api-keys-scope-option input {
  margin-top: 2px;
}

.ws-module-surface .api-keys-page .api-keys-scope-option span {
  font-size: 12px;
}

.ws-module-surface .api-keys-page .api-keys-list .contacts-table-scroll {
  border: 0;
  border-radius: 0;
  margin: 0;
}

.ws-module-surface .api-keys-page .api-keys-list .contacts-table {
  width: 100%;
}

.ws-module-surface .api-keys-page .api-keys-workspace {
  grid-template-columns: minmax(0, 1fr);
}

.ws-module-surface .api-keys-page .api-keys-create {
  scroll-margin-top: 18px;
}

.ws-module-surface .api-keys-page .api-keys-create form {
  gap: 14px;
  margin-top: 16px;
}

.ws-module-surface .api-keys-page .api-keys-fields {
  gap: 12px;
}

.ws-module-surface .api-keys-page .api-keys-fields .input-form {
  background: var(--ws-field-surface);
  border-color: var(--ws-field-border);
}

.ws-module-surface .api-keys-page .api-keys-permissions-heading {
  align-items: center;
  font-size: 13px;
}

.ws-module-surface .api-keys-page .api-keys-permission-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.ws-module-surface .api-keys-page .api-keys-scope-group {
  border-color: var(--ws-border);
  border-radius: 9px;
  padding: 0;
  overflow: hidden;
}

.ws-module-surface .api-keys-page .api-keys-scope-header {
  background: var(--ws-soft);
  align-items: center;
  min-width: 0;
  display: flex;
}

.ws-module-surface .api-keys-page .api-keys-scope-toggle {
  min-width: 0;
  min-height: 54px;
  color: var(--ws-text);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 9px 12px;
  display: flex;
}

.ws-module-surface .api-keys-page .api-keys-scope-toggle > span:first-child {
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: grid;
}

.ws-module-surface .api-keys-page .api-keys-scope-toggle strong {
  font-size: 13px;
  font-weight: 650;
}

.ws-module-surface .api-keys-page .api-keys-scope-toggle small {
  color: var(--ws-muted);
  font-size: 11px;
  line-height: 1.3;
}

.ws-module-surface .api-keys-page .api-keys-scope-count {
  background: var(--ws-surface);
  color: var(--ws-muted);
  border-radius: 5px;
  flex: none;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 500;
}

.ws-module-surface .api-keys-page .api-keys-scope-toggle > svg {
  width: 16px;
  height: 16px;
  color: var(--ws-muted);
  flex: none;
  transition: transform .18s;
}

.ws-module-surface .api-keys-page .api-keys-scope-toggle[aria-expanded="true"] > svg {
  transform: rotate(180deg);
}

.ws-module-surface .api-keys-page .api-keys-scope-select-all {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  min-height: 28px;
  color: var(--ws-accent);
  font: inherit;
  cursor: pointer;
  border-radius: 6px;
  flex: none;
  margin-right: 10px;
  padding: 0 9px;
  font-size: 11px;
  font-weight: 600;
}

.ws-module-surface .api-keys-page .api-keys-scope-select-all:hover {
  border-color: var(--ws-accent);
}

.ws-module-surface .api-keys-page .api-keys-scope-select-all:focus-visible {
  outline: 2px solid var(--ws-accent);
  outline-offset: 2px;
}

.ws-module-surface .api-keys-page .api-keys-scope-options {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 10px 12px 12px;
  display: grid;
}

.ws-module-surface .api-keys-page .api-keys-scope-option {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  align-items: center;
  min-height: 34px;
  padding: 6px 8px;
}

.ws-module-surface .api-keys-page .api-keys-scope-option:hover {
  border-color: var(--ws-accent);
}

.ws-module-surface .api-keys-page .api-keys-guide {
  gap: 10px;
}

.ws-module-surface .api-keys-page .api-keys-guide ol {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
}

.ws-module-surface .api-keys-page .api-keys-guide li {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 8px;
  gap: 10px;
  padding: 10px 12px;
}

.ws-module-surface .api-keys-page .api-keys-guide li p {
  margin-top: 2px;
}

.ws-module-surface .api-keys-page .api-keys-guide-link {
  text-decoration: none;
}

.ws-module-surface .api-keys-page .api-keys-guide-link:hover {
  color: var(--ws-accent);
  text-decoration: none;
}

.ws-module-surface .api-keys-page .api-keys-list-heading {
  min-height: 46px;
  padding: 10px 16px;
}

.ws-module-surface .api-keys-page .api-keys-scope-tags {
  flex-wrap: nowrap;
  min-width: 0;
}

.ws-module-surface .api-keys-page .api-keys-scope-tags span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 145px;
  overflow: hidden;
}

.ws-module-surface .api-keys-page .api-keys-no-action {
  color: var(--ws-muted);
}

@media (max-width: 1000px) {
  .ws-module-surface .api-keys-page .api-keys-scope-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .ws-module-surface .api-keys-page .api-keys-scope-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ws-module-surface .api-keys-page .api-keys-guide ol {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }
}

@media (max-width: 520px) {
  .ws-module-surface .api-keys-page .api-keys-scope-options {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-module-surface .api-keys-page .api-keys-scope-toggle {
    gap: 6px;
    padding-right: 6px;
  }

  .ws-module-surface .api-keys-page .api-keys-scope-select-all {
    margin-right: 8px;
    padding: 0 6px;
    font-size: 10px;
  }
}

.ws-module-surface .users-page .users-filters {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ws-module-surface .users-page .users-filters .contacts-search {
  background: var(--ws-control);
  border: 1px solid var(--ws-border);
  flex: 0 270px;
  height: 36px;
  min-height: 36px;
  margin: 0;
}

.ws-module-surface .users-page .users-filters .users-filter-selects {
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  gap: 8px;
  width: auto;
  min-width: 0;
  display: flex;
}

.ws-module-surface .users-page .users-filters .form-group {
  flex: 0 180px;
  width: 180px;
  min-width: 0;
  margin: 0;
}

.ws-module-surface .users-page .users-filters .fieldSelectInputWrap {
  background: var(--ws-control);
  border: 1px solid var(--ws-border);
  height: 36px;
  min-height: 36px;
}

.ws-module-surface .users-page .contacts-panel {
  padding: 0;
}

.ws-module-surface .users-page .contacts-table-top {
  min-height: 44px;
  padding: 11px 16px;
}

.ws-module-surface .users-page .contacts-table-scroll {
  border: 0;
  border-radius: 0;
  margin: 0;
}

.ws-module-surface .users-page .users-table {
  width: 100%;
  min-width: 830px;
}

.ws-module-surface .users-page .users-table :is(th, td) {
  padding-inline: 14px;
}

.ws-module-surface .users-page .users-table td {
  height: 48px;
  font-size: 12px;
}

.ws-module-surface .users-page .users-status {
  white-space: nowrap;
  border-radius: 5px;
  align-items: center;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
  display: inline-flex;
}

.ws-module-surface .users-page .users-role {
  white-space: nowrap;
  border-radius: 5px;
  align-items: center;
  width: fit-content;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 500;
  line-height: normal;
  display: inline-flex;
}

.ws-shell[data-theme="dark"] .ws-module-surface .users-page .users-role {
  background: var(--ws-soft);
  color: var(--ws-muted);
}

.ws-module-surface .users-page .users-table thead th {
  font-size: 10px;
  font-weight: 600;
}

.ws-module-surface .users-page .users-table td:first-child {
  width: 36%;
}

.ws-module-surface .users-page .users-table :is(th, td):last-child {
  text-align: right;
}

.ws-module-surface .users-page .users-table td:last-child > :is(.lab-table-action-trigger, .users-self-note) {
  margin-left: auto;
}

.ws-module-surface .users-page .users-identity {
  gap: 10px;
}

.ws-module-surface .users-page .users-identity > span:last-child {
  min-width: 0;
}

.ws-module-surface .users-page .users-identity strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  display: block;
  overflow: hidden;
}

.ws-module-surface .users-page .users-identity small {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 11px;
  display: block;
  overflow: hidden;
}

.ws-module-surface .users-page .users-invite-identity {
  align-items: center;
  display: flex;
}

.ws-module-surface .users-page .users-avatar.is-invite {
  background: var(--ws-soft);
  color: var(--ws-accent);
}

.ws-module-surface .users-page .users-avatar.is-invite svg {
  width: 16px;
  height: 16px;
}

@container dashboard-module (max-width: 860px) {
  .ws-module-surface .users-page .users-table {
    width: 100%;
    min-width: 0;
  }

  .ws-module-surface .users-page .users-table tbody {
    gap: 8px;
    padding: 9px;
  }

  .ws-module-surface .users-page .users-table tbody tr {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    padding: 11px 12px;
    position: relative;
  }

  .ws-module-surface .users-page .users-table td {
    gap: 4px;
    height: auto;
    padding: 0;
  }

  .ws-shell[data-theme="dark"] .ws-module-surface .users-page .users-table tbody td {
    border-top: 0;
  }

  .ws-module-surface .users-page .users-table td:first-child {
    border-bottom: 1px solid var(--ws-border);
    grid-column: 1 / -1;
    width: auto;
    min-width: 0;
    margin-bottom: 1px;
    padding: 0 34px 10px 0;
  }

  .ws-module-surface .users-page .users-table td:last-child {
    align-items: flex-end;
    width: auto;
    min-width: 0;
    padding: 0;
    position: absolute;
    top: 11px;
    right: 12px;
  }

  .ws-module-surface .users-page .users-table td:last-child:before, .ws-module-surface .users-page .users-self-note {
    display: none;
  }

  .ws-module-surface .users-page .users-table td:nth-child(4) {
    grid-column: 1;
  }

  .ws-module-surface .users-page .users-identity strong, .ws-module-surface .users-page .users-identity small {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

.ws-module-surface .users-dialog .catalog-form {
  gap: 12px;
}

.ws-module-surface .users-dialog .catalog-form .form-group {
  margin: 0;
}

.ws-module-surface .users-dialog .catalog-form :is(.input-form, .fieldSelectInputWrap) {
  background: var(--ws-field-surface);
  border-color: var(--ws-field-border);
}

.ws-module-surface .implantacao-page .implantacao-panel-head {
  padding: 16px;
}

.ws-module-surface .implantacao-page .implantacao-panel-head h2 {
  font-size: 16px;
}

.ws-module-surface .implantacao-page .implantacao-form .form-group {
  margin: 0;
}

.ws-module-surface .implantacao-page .implantacao-form :is(.input-form, .fieldSelectInputWrap) {
  background: var(--ws-field-surface);
  border-color: var(--ws-field-border);
}

.ws-module-surface .implantacao-page .implantacao-progress-track {
  background: var(--ws-soft);
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
}

.ws-module-surface .implantacao-page .implantacao-progress-track > span {
  border-radius: inherit;
  background: var(--planejalfa-gradient);
  height: 100%;
  display: block;
  position: static;
}

.ws-module-surface .implantacao-page {
  gap: 12px;
}

.ws-module-surface .implantacao-page:has(.implantacao-form) > :is(.implantacao-panel, .implantacao-demo) {
  width: 100%;
  max-width: none;
}

.ws-module-surface .implantacao-page .implantacao-panel-head {
  align-items: center;
  gap: 12px;
  padding: 17px 20px;
  display: flex;
}

.ws-module-surface .implantacao-page .implantacao-panel-head > div {
  min-width: 0;
}

.ws-module-surface .implantacao-page .implantacao-panel-icon {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  width: 38px;
  height: 38px;
  color: var(--ws-accent);
  border-radius: 10px;
  flex: 0 0 38px;
  place-items: center;
  display: grid;
}

.ws-module-surface .implantacao-page .implantacao-panel-icon svg {
  width: 18px;
  height: 18px;
}

.ws-module-surface .implantacao-page .implantacao-eyebrow {
  color: var(--ws-accent);
  letter-spacing: .045em;
  margin: 0 0 2px;
  font-size: 10px;
  font-weight: 650;
}

.ws-module-surface .implantacao-page .implantacao-panel-head h2 {
  color: var(--ws-text);
  font-size: 16px;
  font-weight: 650;
}

.ws-module-surface .implantacao-page .implantacao-panel-head p {
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 12px;
}

.ws-module-surface .implantacao-page .implantacao-form {
  gap: 0;
  padding: 0 20px 16px;
}

.ws-module-surface .implantacao-page .implantacao-form-section {
  gap: 10px;
  min-width: 0;
  padding: 16px 0;
  display: grid;
}

.ws-module-surface .implantacao-page .implantacao-form-section + .implantacao-form-section {
  border-top: 1px solid var(--ws-border);
}

.ws-module-surface .implantacao-page .implantacao-form-section-title {
  align-items: baseline;
  gap: 9px;
  display: flex;
}

.ws-module-surface .implantacao-page .implantacao-form-section-title strong {
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 650;
}

.ws-module-surface .implantacao-page .implantacao-form-section-title span {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .implantacao-page .implantacao-fields {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) 86px;
  gap: 12px;
}

.ws-module-surface .implantacao-page .implantacao-selects {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.ws-module-surface .implantacao-page .implantacao-selects > :last-child {
  grid-column: 1 / -1;
}

.ws-module-surface .implantacao-page .implantacao-form :is(.input-form, .fieldSelectInputWrap) {
  background: var(--ws-control);
  border-color: var(--ws-field-border);
  border-radius: 7px;
  height: 38px;
  min-height: 38px;
  font-size: 12px;
  font-weight: 500;
}

.ws-module-surface .implantacao-page .implantacao-form .select-search-filter :is(.fieldSelectPlaceholder, .fieldSelectSelectedBadge) {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

.ws-module-surface .implantacao-page .implantacao-form-actions {
  border-top: 1px solid var(--ws-border);
  padding-top: 14px;
}

.ws-module-surface .implantacao-page .implantacao-progress-panel {
  padding: 16px 18px;
}

.ws-module-surface .implantacao-page .implantacao-progress-panel h2 {
  color: var(--ws-text);
  font-size: 16px;
  font-weight: 650;
}

.ws-module-surface .implantacao-page .implantacao-progress-panel p {
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 12px;
}

.ws-module-surface .implantacao-page .implantacao-progress-header > strong {
  color: var(--ws-accent);
  font-size: 20px;
  font-weight: 700;
}

.ws-module-surface .implantacao-page .implantacao-progress-track {
  background: var(--ws-soft);
  border-radius: 999px;
  height: 6px;
  margin-top: 12px;
  overflow: hidden;
}

.ws-module-surface .implantacao-page .implantacao-progress-track > span {
  border-radius: inherit;
  height: 100%;
  position: static;
}

.ws-module-surface .implantacao-page .implantacao-list-heading {
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
}

.ws-module-surface .implantacao-page .implantacao-list-heading h2 {
  color: var(--ws-text);
  font-size: 15px;
  font-weight: 650;
}

.ws-module-surface .implantacao-page .implantacao-list-heading > span {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .implantacao-page .implantacao-step {
  border-bottom-color: var(--ws-border);
  gap: 11px;
  min-height: 64px;
  padding: 10px 16px;
}

.ws-module-surface .implantacao-page .implantacao-step-number {
  border-color: var(--ws-border);
  background: var(--ws-soft);
  width: 32px;
  height: 32px;
  color: var(--ws-accent);
  border-radius: 8px;
  flex-basis: 32px;
  font-size: 11px;
  font-weight: 650;
}

.ws-module-surface .implantacao-page .implantacao-step.is-done .implantacao-step-number {
  border-color: color-mix(in srgb,#2b8752 22%,var(--ws-border));
  background: color-mix(in srgb,#2b8752 10%,var(--ws-surface));
  color: #2b8752;
}

.ws-module-surface .implantacao-page .implantacao-step-copy > div {
  gap: 6px;
}

.ws-module-surface .implantacao-page .implantacao-step-copy strong {
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 650;
}

.ws-module-surface .implantacao-page .implantacao-step-copy p {
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.4;
}

.ws-module-surface .implantacao-page .implantacao-badge {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  border-radius: 5px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
}

.ws-module-surface .implantacao-page .implantacao-badge.is-muted {
  background: var(--ws-soft);
  color: var(--ws-muted);
}

.ws-module-surface .implantacao-page .implantacao-complete {
  color: #2b8752;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
}

.ws-module-surface .implantacao-page .implantacao-complete svg {
  width: 14px;
  height: 14px;
}

.ws-module-surface .implantacao-page .implantacao-step-actions {
  gap: 7px;
}

.ws-module-surface .implantacao-page .implantacao-footer {
  padding: 0;
}

.ws-module-surface .implantacao-page .implantacao-demo {
  gap: 12px;
  padding: 15px 17px;
}

.ws-module-surface .implantacao-page .implantacao-demo-icon {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  width: 36px;
  height: 36px;
  color: var(--ws-accent);
  border-radius: 9px;
  flex-basis: 36px;
  font-size: 16px;
}

.ws-module-surface .implantacao-page .implantacao-demo h2 {
  color: var(--ws-text);
  font-size: 14px;
  font-weight: 650;
}

.ws-module-surface .implantacao-page .implantacao-demo p {
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 11px;
}

.ws-module-surface .implantacao-page .implantacao-demo-count {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  border-radius: 5px;
  margin-top: 7px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 500;
  display: inline-flex;
}

.ws-shell[data-theme="dark"] .ws-module-surface .implantacao-page .implantacao-step.is-done .implantacao-step-number, .ws-shell[data-theme="dark"] .ws-module-surface .implantacao-page .implantacao-complete {
  color: #93ddb4;
}

@container dashboard-module (max-width: 860px) {
  .ws-module-surface .implantacao-page .implantacao-panel-head {
    padding: 14px;
  }

  .ws-module-surface .implantacao-page .implantacao-form {
    padding: 0 14px 14px;
  }

  .ws-module-surface .implantacao-page .implantacao-fields {
    grid-template-columns: minmax(0, 1fr) 74px;
  }

  .ws-module-surface .implantacao-page .implantacao-fields > :first-child {
    grid-column: 1 / -1;
  }

  .ws-module-surface .implantacao-page .implantacao-selects {
    grid-template-columns: 1fr;
  }

  .ws-module-surface .implantacao-page .implantacao-selects > :last-child {
    grid-column: auto;
  }

  .ws-module-surface .implantacao-page .implantacao-form-section-title {
    gap: 1px;
    display: grid;
  }

  .ws-module-surface .implantacao-page .implantacao-list-heading {
    align-items: flex-start;
    padding: 12px 14px;
  }

  .ws-module-surface .implantacao-page .implantacao-step {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 3px 10px;
    min-height: 0;
    padding: 11px 14px;
    display: grid;
  }

  .ws-module-surface .implantacao-page .implantacao-step-number {
    grid-row: 1 / 3;
  }

  .ws-module-surface .implantacao-page .implantacao-step-copy {
    grid-column: 2;
  }

  .ws-module-surface .implantacao-page .implantacao-step-actions {
    grid-column: 2;
    justify-content: flex-start;
    padding: 4px 0 0;
  }

  .ws-module-surface .implantacao-page .implantacao-complete {
    min-height: 20px;
  }

  .ws-module-surface .implantacao-page .implantacao-demo {
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: start;
    padding: 14px;
    display: grid;
  }

  .ws-module-surface .implantacao-page .implantacao-demo > div:nth-child(2) {
    grid-column: 2;
  }

  .ws-module-surface .implantacao-page .implantacao-demo > .contacts-button {
    grid-column: 2;
    justify-self: start;
    width: auto;
    margin-top: 2px;
  }
}

.ws-module-surface .admin-audit-page {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.ws-module-surface .admin-audit-page > :is(.adm-page-heading, .contacts-tabs, .contacts-panel) {
  margin: 0;
}

.ws-module-surface .admin-audit-page > .contacts-tabs {
  scrollbar-width: none;
  flex-wrap: nowrap;
  align-self: flex-start;
  max-width: 100%;
  overflow-x: auto;
}

.ws-module-surface .admin-audit-page > .contacts-tabs::-webkit-scrollbar {
  display: none;
}

.ws-module-surface .admin-audit-page > .contacts-tabs a {
  white-space: nowrap;
  flex: none;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  text-decoration: none;
  display: inline-flex;
}

.ws-module-surface .admin-audit-page .adm-table-scroll {
  border: 0;
  border-radius: 0;
  margin: 0;
}

.ws-module-surface .admin-audit-page .adm-table {
  width: 100%;
  min-width: 670px;
}

.ws-module-surface .admin-audit-page .adm-table th {
  height: 36px;
  padding: 8px 14px;
  font-size: 10px;
}

.ws-module-surface .admin-audit-page .adm-table td {
  height: 48px;
  padding: 9px 14px;
  font-size: 12px;
  line-height: 1.4;
}

.ws-module-surface .admin-audit-page .adm-table td:first-child {
  color: var(--ws-text);
  font-weight: 600;
}

.ws-module-surface .admin-audit-page .adm-table td:last-child {
  font-variant-numeric: tabular-nums;
}

.ws-module-surface .admin-audit-page .audit-table-top {
  min-height: 44px;
  padding: 11px 16px;
}

.ws-module-surface .admin-audit-page .audit-table {
  table-layout: fixed;
  min-width: 740px;
}

.ws-module-surface .admin-audit-page .audit-table th:first-child {
  width: 31%;
}

.ws-module-surface .admin-audit-page .audit-table th:nth-child(2) {
  width: 27%;
}

.ws-module-surface .admin-audit-page .audit-table th:nth-child(3) {
  width: 26%;
}

.ws-module-surface .admin-audit-page .audit-table th:nth-child(4) {
  width: 16%;
}

.ws-module-surface .admin-audit-page .audit-table td {
  height: 58px;
  overflow: hidden;
}

.ws-module-surface .admin-audit-page .audit-table td:first-child {
  font-weight: 400;
}

.ws-module-surface .admin-audit-page .audit-action, .ws-module-surface .admin-audit-page .audit-actor {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.ws-module-surface .admin-audit-page .audit-action > span:last-child, .ws-module-surface .admin-audit-page .audit-actor > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.ws-module-surface .admin-audit-page .audit-action strong {
  color: var(--ws-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  display: block;
  overflow: hidden;
}

.ws-module-surface .admin-audit-page .audit-action small {
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 10px;
  font-weight: 400;
  display: block;
}

.ws-module-surface .admin-audit-page .audit-action-icon {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  width: 32px;
  height: 32px;
  color: var(--ws-accent);
  border-radius: 8px;
  flex: 0 0 32px;
  place-items: center;
  display: grid;
}

.ws-module-surface .admin-audit-page .audit-action-icon svg {
  width: 15px;
  height: 15px;
}

.ws-module-surface .admin-audit-page .audit-record {
  color: var(--ws-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.ws-module-surface .admin-audit-page .audit-actor-avatar {
  background: var(--ws-accent-soft);
  width: 28px;
  height: 28px;
  color: var(--ws-accent);
  border-radius: 50%;
  flex: 0 0 28px;
  place-items: center;
  font-size: 11px;
  font-weight: 600;
  display: grid;
}

.ws-module-surface .admin-audit-page .audit-datetime {
  color: var(--ws-text);
  white-space: nowrap;
  gap: 1px;
  font-size: 11px;
  font-weight: 500;
  display: grid;
}

.ws-module-surface .admin-audit-page .audit-datetime small {
  color: var(--ws-muted);
  margin: 0;
  font-size: 10px;
  font-weight: 400;
}

@container dashboard-module (max-width: 860px) {
  .ws-module-surface .admin-audit-page .audit-table {
    width: 100%;
    min-width: 0;
  }

  .ws-module-surface .admin-audit-page .audit-table tbody {
    gap: 8px;
    padding: 9px;
  }

  .ws-module-surface .admin-audit-page .audit-table tbody tr {
    border-color: var(--ws-border);
    background: var(--ws-surface);
    border-radius: 9px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 12px;
    padding: 10px 12px;
  }

  .ws-module-surface .admin-audit-page .audit-table td {
    border: 0;
    height: auto;
    padding: 0;
    font-size: 12px;
  }

  .ws-module-surface .admin-audit-page .audit-table td:first-child {
    border-bottom: 1px solid var(--ws-border);
    grid-column: 1 / -1;
    width: auto;
    padding: 0 0 9px;
  }

  .ws-module-surface .admin-audit-page .audit-table td:nth-child(2), .ws-module-surface .admin-audit-page .audit-table td:nth-child(3) {
    min-width: 0;
  }

  .ws-module-surface .admin-audit-page .audit-table td:nth-child(2):before {
    content: "Registro";
  }

  .ws-module-surface .admin-audit-page .audit-table td:nth-child(3):before {
    content: "Realizada por";
  }

  .ws-module-surface .admin-audit-page .audit-table td:last-child {
    border-top: 0;
    flex-direction: row;
    grid-column: 1 / -1;
    align-items: center;
    gap: 7px;
    width: auto;
    padding-top: 2px;
  }

  .ws-module-surface .admin-audit-page .audit-table td:last-child:before {
    content: "Quando:";
  }

  .ws-module-surface .admin-audit-page .audit-datetime {
    gap: 6px;
    display: flex;
  }

  .ws-shell[data-theme="dark"] .ws-module-surface .admin-audit-page .audit-table tbody td {
    border-top: 0;
  }
}

.ws-shell .adm-settings-layout {
  gap: 12px 18px;
}

.ws-shell .adm-settings-layout > .adm-section-header {
  margin: 0;
}

.ws-shell .adm-settings-nav {
  scrollbar-width: thin;
  max-height: calc(100dvh - 96px);
  position: sticky;
  top: 80px;
  overflow-y: auto;
}

.ws-shell .adm-settings-layout .adm-section-header h2 {
  font-size: 19px;
}

.ws-shell .adm-settings-layout .adm-section-header p {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.45;
}

.ws-shell .adm-settings-content {
  min-width: 0;
}

.ws-shell .adm-settings-content :is(.adm-panel-heading, .adm-panel-body) {
  padding: 16px 18px;
}

.ws-shell .adm-settings-content .adm-panel-body:has( > .adm-table-scroll,  > .contacts-table-scroll) {
  padding: 0;
}

.ws-shell .adm-settings-content .adm-field :is(input, textarea, select) {
  background: var(--ws-field-surface);
  border-color: var(--ws-field-border);
}

.ws-shell .adm-plan-overview {
  gap: 16px;
  padding: 18px 20px;
}

.ws-shell .adm-kpi-grid {
  gap: 10px;
  margin-bottom: 14px;
}

.ws-shell .adm-kpi-grid .ds-metric-kpi {
  min-height: 96px;
  padding: 12px 14px;
}

.ws-shell .adm-kpi-grid .ds-metric-value {
  font-size: 20px;
}

.ws-shell .adm-subscription-grid {
  gap: 14px;
  margin-bottom: 14px;
}

.ws-shell .adm-subscription-limits {
  grid-template-columns: minmax(0, 1fr);
}

.ws-shell .adm-subscription-limits .adm-capacity-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 12px;
}

.ws-shell .adm-subscription-limits .adm-capacity-item {
  gap: 10px;
  min-width: 0;
  padding: 16px;
}

.ws-shell .adm-subscription-limits .adm-capacity-label {
  align-items: flex-start;
  line-height: 1.5;
}

.ws-shell .adm-subscription-limits .adm-capacity-label svg {
  flex: none;
  margin-top: 1px;
}

.ws-shell .adm-subscription-limits .adm-capacity-value {
  flex-wrap: wrap;
  min-height: 23px;
}

.ws-shell .adm-subscription-limits .adm-capacity-unit {
  color: var(--ws-muted);
  font-size: 11px;
  font-weight: 400;
}

.ws-shell .adm-subscription-limits .adm-integration-block {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 9px;
  grid-template-columns: minmax(210px, 1fr) minmax(0, 1.55fr);
  align-items: center;
  gap: 18px;
  margin-top: 16px;
  padding: 14px 16px;
  display: grid;
}

.ws-shell .adm-subscription-limits .adm-integration-heading {
  min-width: 0;
  color: var(--ws-text);
  flex-wrap: wrap;
  gap: 6px 8px;
  font-size: 12px;
}

.ws-shell .adm-subscription-limits .adm-integration-heading strong {
  font-weight: 600;
}

.ws-shell .adm-subscription-limits .adm-integration-heading .adm-badge {
  margin-left: 4px;
}

.ws-shell .adm-subscription-limits .adm-integration-values {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0;
}

.ws-shell .adm-subscription-limits .adm-integration-values > div {
  border-left: 1px solid var(--ws-border);
  align-content: center;
  gap: 3px;
  min-height: 42px;
  padding-left: 18px;
  display: grid;
}

.ws-shell .adm-subscription-limits .adm-integration-values dt {
  font-size: 11px;
}

.ws-shell .adm-subscription-limits .adm-integration-values dd {
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.ws-shell .adm-subscription-limits .adm-plan-features {
  margin-top: 16px;
  padding-top: 14px;
}

.ws-shell .adm-subscription-limits .adm-plan-features h3 {
  color: var(--ws-text);
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
}

.ws-shell .adm-subscription-limits .adm-plan-features > div {
  gap: 7px;
}

.ws-shell .adm-subscription-limits .adm-plan-features > div > span {
  background: var(--ws-surface);
  border-radius: 6px;
  max-width: 100%;
  min-height: 30px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
}

.ws-shell .adm-subscription-limits .adm-plan-features > div > .is-included {
  border-color: color-mix(in srgb,var(--ws-accent) 20%,var(--ws-border));
}

.ws-shell .adm-subscription-limits .adm-plan-features > div > .is-excluded {
  background: var(--ws-soft);
}

.ws-shell .adm-subscription-limits .adm-plan-features svg {
  width: 13px;
  height: 13px;
}

.ws-shell .adm-subscription-limits .adm-plan-features > div > .is-included svg {
  width: 17px;
  height: 17px;
  color: var(--ws-accent);
  stroke-width: 1.8px;
}

.ws-shell .adm-subscription-modules .adm-panel-body {
  padding: 16px 18px;
}

.ws-shell :is(.adm-badge, .adm-module-count) {
  border-radius: 5px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 500;
}

.ws-shell .adm-plan-dialog {
  z-index: 10000;
  border-color: var(--ws-border);
  border-radius: 16px;
  width: min(100% - 32px, 980px);
  box-shadow: 0 28px 90px #160d2647;
}

.ws-shell .adm-plan-dialog > header {
  z-index: 2;
  background: color-mix(in srgb, var(--ws-accent) 3%, var(--ws-surface));
  gap: 18px;
  padding: 19px 22px;
  position: sticky;
  top: 0;
}

.ws-shell .adm-plan-dialog > header h2 {
  color: var(--ws-text);
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 650;
}

.ws-shell .adm-plan-dialog > header p {
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.4;
}

.ws-shell .adm-plan-dialog > header .adm-icon-button {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  width: 32px;
  height: 32px;
  color: var(--ws-muted);
  box-shadow: none;
  border-radius: 8px;
  flex: none;
}

.ws-shell .adm-plan-dialog > header .adm-icon-button:hover {
  border-color: var(--ws-accent);
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.ws-shell .adm-plan-comparison {
  gap: 12px;
  padding: 20px 22px;
}

.ws-shell .adm-plan-comparison > section {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  border-radius: 11px;
  flex-direction: column;
  min-width: 0;
  padding: 17px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 14px #160d2608;
}

.ws-shell .adm-plan-comparison > section.is-current {
  border-color: color-mix(in srgb, var(--ws-accent) 58%, var(--ws-border));
  background: color-mix(in srgb, var(--ws-accent) 2%, var(--ws-surface));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ws-accent) 9%, transparent);
}

.ws-shell .adm-plan-comparison > section.is-current:before {
  background: var(--planejalfa-gradient);
  content: "";
  height: 3px;
  position: absolute;
  inset: 0 0 auto;
}

.ws-shell .adm-comparison-heading {
  min-height: 20px;
}

.ws-shell .adm-comparison-heading h3 {
  color: var(--ws-text);
  font-size: 13px;
  font-weight: 650;
}

.ws-shell .adm-comparison-heading .adm-badge {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
}

.ws-shell .adm-comparison-price {
  color: var(--ws-text);
  margin-top: 13px;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.15;
}

.ws-shell .adm-comparison-price small {
  font-size: 11px;
  font-weight: 400;
}

.ws-shell .adm-plan-comparison section > p {
  min-height: 40px;
  margin: 8px 0 14px;
  font-size: 11px;
  line-height: 1.45;
}

.ws-shell .adm-plan-comparison ul {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 8px;
  gap: 8px;
  min-height: 150px;
  padding: 11px 12px;
}

.ws-shell .adm-plan-comparison ul:before, .ws-shell .adm-comparison-features:before {
  color: var(--ws-muted);
  content: "Capacidade";
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}

.ws-shell .adm-plan-comparison li, .ws-shell .adm-comparison-features > span {
  color: var(--ws-text);
  gap: 8px;
  font-size: 11px;
  line-height: 1.35;
}

.ws-shell .adm-plan-comparison li strong {
  font-weight: 600;
}

.ws-shell .adm-plan-comparison li svg, .ws-shell .adm-comparison-features > span svg {
  stroke-width: 1.9px;
  width: 16px;
  height: 16px;
}

.ws-shell .adm-comparison-features {
  gap: 8px;
  margin-top: 15px;
  padding: 14px 2px 1px;
}

.ws-shell .adm-comparison-features:before {
  content: "Recursos";
  margin-bottom: 1px;
}

.ws-shell .adm-comparison-features > .is-excluded {
  color: var(--ws-muted);
}

.ws-shell .adm-comparison-features > .is-excluded svg {
  color: var(--ws-muted);
  opacity: .7;
}

.ws-shell .adm-plan-dialog > footer {
  z-index: 2;
  background: var(--ws-surface);
  justify-content: flex-end;
  padding: 12px 22px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.ws-shell .adm-plan-dialog > footer .adm-button {
  color: #fff;
  min-height: 36px;
  text-shadow: none;
  box-shadow: none;
  background: linear-gradient(110deg, #7130df, #4b18b5);
  border: 0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.ws-shell .adm-plan-dialog > footer .adm-button svg {
  width: 14px;
  height: 14px;
}

.ws-shell .adm-plan-dialog > footer .adm-button:hover {
  color: #fff;
  box-shadow: none;
  background: linear-gradient(110deg, #6325cc, #3f119f);
  border: 0;
  transform: none;
}

.ws-shell .adm-plan-dialog > footer .adm-button:focus-visible {
  outline: 2px solid var(--ws-accent);
  outline-offset: 2px;
}

@media (max-width: 850px) {
  .ws-shell .adm-plan-comparison {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-shell .adm-plan-comparison ul, .ws-shell .adm-plan-comparison section > p {
    min-height: 0;
  }
}

@media (max-width: 600px) {
  .ws-shell .adm-plan-dialog {
    width: min(100% - 20px, 980px);
    max-height: calc(100dvh - 20px);
  }

  .ws-shell .adm-plan-dialog > header {
    padding: 15px;
  }

  .ws-shell .adm-plan-comparison {
    gap: 10px;
    padding: 14px;
  }

  .ws-shell .adm-plan-dialog > footer {
    padding: 12px 14px;
  }
}

.ws-module-surface .upgrade-unavailable-page {
  gap: 14px;
}

.ws-module-surface .upgrade-unavailable-card {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  border-radius: 12px;
  width: min(100%, 820px);
  margin: 8px auto 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 28px #160d260d;
}

.ws-module-surface .upgrade-unavailable-card:before {
  background: var(--planejalfa-gradient);
  content: "";
  height: 3px;
  position: absolute;
  inset: 0 0 auto;
}

.ws-module-surface .upgrade-unavailable-main {
  align-items: flex-start;
  gap: 16px;
  padding: 28px 28px 22px;
  display: flex;
}

.ws-module-surface .upgrade-unavailable-icon {
  background: var(--ws-accent-soft);
  width: 46px;
  height: 46px;
  color: var(--ws-accent);
  border-radius: 11px;
  flex: none;
  place-items: center;
  font-size: 21px;
  display: grid;
}

.ws-module-surface .upgrade-unavailable-copy {
  min-width: 0;
}

.ws-module-surface .upgrade-unavailable-status {
  background: var(--ws-soft);
  color: var(--ws-muted);
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
}

.ws-module-surface .upgrade-unavailable-status svg {
  width: 13px;
  height: 13px;
}

.ws-module-surface .upgrade-unavailable-copy h2 {
  color: var(--ws-text);
  margin: 10px 0 5px;
  font-size: 19px;
  font-weight: 650;
  line-height: 1.3;
}

.ws-module-surface .upgrade-unavailable-copy p {
  max-width: 620px;
  color: var(--ws-muted);
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.ws-module-surface .upgrade-unavailable-details {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 0 28px 24px;
  display: grid;
}

.ws-module-surface .upgrade-unavailable-details > div {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  border-radius: 8px;
  gap: 4px;
  min-width: 0;
  padding: 12px 14px;
  display: grid;
}

.ws-module-surface .upgrade-unavailable-details span {
  color: var(--ws-muted);
  font-size: 10px;
  line-height: 1.3;
}

.ws-module-surface .upgrade-unavailable-details strong {
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.ws-module-surface .upgrade-unavailable-actions {
  border-top: 1px solid var(--ws-border);
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 13px 28px;
  display: flex;
}

.ws-module-surface .upgrade-unavailable-back {
  color: var(--ws-muted);
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
}

.ws-module-surface .upgrade-unavailable-back:hover {
  color: var(--ws-accent);
  text-decoration: none;
}

.ws-module-surface .upgrade-unavailable-actions .contacts-button {
  background: var(--planejalfa-gradient);
  color: #fff;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.ws-module-surface .upgrade-unavailable-actions .contacts-button svg {
  width: 14px;
  height: 14px;
}

@media (max-width: 600px) {
  .ws-module-surface .upgrade-unavailable-card {
    margin-top: 0;
  }

  .ws-module-surface .upgrade-unavailable-main {
    gap: 12px;
    padding: 22px 16px 18px;
  }

  .ws-module-surface .upgrade-unavailable-icon {
    width: 38px;
    height: 38px;
    font-size: 18px;
  }

  .ws-module-surface .upgrade-unavailable-copy h2 {
    font-size: 17px;
  }

  .ws-module-surface .upgrade-unavailable-details {
    grid-template-columns: minmax(0, 1fr);
    padding: 0 16px 18px;
  }

  .ws-module-surface .upgrade-unavailable-actions {
    flex-wrap: wrap;
    padding: 13px 16px;
  }
}

.ws-module-surface .subscription-billing-email {
  padding: 0;
}

.ws-module-surface .subscription-billing-email > .contacts-section-heading {
  min-height: 0;
  padding: 12px 16px;
}

.ws-module-surface .subscription-billing-email .subscription-email-form {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
  margin: 0;
  padding: 12px 16px 14px;
  display: grid;
}

.ws-module-surface .subscription-billing-email .subscription-email-form .form-group {
  min-width: 0;
  margin: 0;
}

.ws-module-surface .subscription-billing-email .subscription-email-form .input-form, .ws-module-surface .subscription-billing-email .subscription-email-form .contacts-button {
  height: 34px;
  min-height: 34px;
  max-height: 34px;
}

.ws-module-surface .subscription-billing-email .subscription-email-form .input-form {
  background: var(--ws-field-surface);
  border-color: var(--ws-field-border);
}

.ws-module-surface .subscription-payment {
  padding: 0;
}

.ws-module-surface .subscription-payment > .contacts-section-heading {
  min-height: 0;
  padding: 12px 16px;
}

.ws-module-surface .subscription-payment .subscription-methods {
  gap: 8px;
  padding: 12px 16px 14px;
}

.ws-module-surface .subscription-payment .subscription-methods button {
  border-color: var(--ws-border);
  background: var(--ws-surface);
  border-radius: 8px;
  min-height: 58px;
  padding: 9px 12px;
}

.ws-module-surface .subscription-payment .subscription-methods button.selected {
  border-color: color-mix(in srgb,var(--ws-accent) 42%,var(--ws-border));
  background: color-mix(in srgb,var(--ws-accent) 5%,var(--ws-surface));
  box-shadow: none;
}

.ws-module-surface .subscription-payment .subscription-methods button > svg {
  width: 17px;
  height: 17px;
}

.ws-module-surface .subscription-payment .subscription-methods button strong {
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 600;
}

.ws-module-surface .subscription-payment .subscription-methods button small {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .subscription-payment .subscription-methods button:disabled {
  opacity: 1;
  cursor: not-allowed;
}

.ws-module-surface .subscription-payment .subscription-method-default {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  white-space: nowrap;
  border-radius: 5px;
  align-self: flex-start;
  margin-left: auto;
  padding: 2px 6px;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
}

.ws-module-surface .subscription-payment .subscription-payment-content {
  border-top: 1px solid var(--ws-border);
  justify-content: flex-start;
  min-height: 0;
  padding: 14px 16px 16px;
}

.ws-module-surface .subscription-payment .subscription-payment-content.no-qr {
  min-height: 0;
}

.ws-module-surface .subscription-payment .subscription-invoice-detail {
  flex: 1;
  gap: 9px;
  width: 100%;
}

.ws-module-surface .subscription-payment .subscription-invoice-main {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  display: flex;
}

.ws-module-surface .subscription-payment .subscription-invoice-main > div {
  gap: 3px;
  display: grid;
}

.ws-module-surface .subscription-payment .subscription-invoice-main .subscription-invoice-label {
  color: var(--ws-muted);
  letter-spacing: 0;
  text-transform: none;
  font-size: 11px;
  font-weight: 600;
}

.ws-module-surface .subscription-payment .subscription-invoice-main strong {
  color: var(--ws-text);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
}

.ws-module-surface .subscription-payment .subscription-invoice-main .subscription-badge {
  border-radius: 5px;
  min-height: 0;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 500;
}

.ws-module-surface .subscription-payment .subscription-invoice-meta {
  color: var(--ws-muted);
  flex-wrap: wrap;
  gap: 6px 18px;
  font-size: 11px;
  line-height: 1.35;
  display: flex;
}

.ws-module-surface .subscription-payment .subscription-invoice-meta span {
  overflow-wrap: anywhere;
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: inline-flex;
}

.ws-module-surface .subscription-payment .subscription-invoice-meta svg {
  width: 13px;
  height: 13px;
  color: var(--ws-accent);
  flex: none;
}

.ws-module-surface .subscription-payment .subscription-invoice-meta strong {
  color: var(--ws-text);
  font-weight: 600;
}

.ws-module-surface .subscription-payment .subscription-invoice-detail > small {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .subscription-payment .subscription-payment-empty {
  gap: 4px;
  min-height: 0;
  padding: 14px 16px 10px;
}

.ws-module-surface .subscription-payment .subscription-payment-check {
  width: 38px;
  height: 38px;
  margin-bottom: 3px;
}

.ws-module-surface .subscription-payment .subscription-payment-check svg {
  width: 19px;
  height: 19px;
}

.ws-module-surface .subscription-payment .subscription-payment-empty > span:not(.subscription-payment-check) {
  max-width: 350px;
}

.ws-module-surface .subscription-payment .subscription-payment-footnote {
  color: var(--ws-muted);
  padding: 0 16px 12px;
  font-size: 11px;
}

.ws-module-surface .subscription-payment:has(.subscription-payment-empty) .subscription-payment-footnote {
  text-align: center;
}

.ws-module-surface .subscription-payment .subscription-payment-actions {
  border-top-color: var(--ws-border);
  background: none;
  gap: 8px;
  padding: 10px 16px;
}

.ws-module-surface .subscription-payment .subscription-config-note {
  gap: 7px;
  margin: 0;
  padding: 8px 10px;
}

.ws-module-surface .subscription-payment .subscription-recurring-choice {
  padding: 12px 16px;
}

.ws-module-surface .subscription-history .contacts-table-top {
  min-height: 0;
  padding: 11px 16px;
}

.ws-module-surface .subscription-history .contacts-table-top > div {
  flex-direction: row;
  align-items: center;
  gap: 9px;
}

.ws-module-surface .subscription-history .contacts-table-top strong {
  font-size: 13px;
  font-weight: 600;
}

.ws-module-surface .subscription-history .contacts-table-top span {
  font-size: 11px;
}

.ws-module-surface .subscription-invoices-table th {
  letter-spacing: .02em;
  height: 34px;
  padding: 0 14px;
  font-size: 10px;
}

.ws-module-surface .subscription-invoices-table td {
  vertical-align: middle;
  height: 0;
  padding: 11px 14px;
  font-size: 12px;
}

.ws-module-surface .subscription-invoices-table :is(th, td):first-child {
  padding-left: 16px;
}

.ws-module-surface .subscription-invoices-table :is(th, td):last-child {
  padding-right: 16px;
}

.ws-module-surface .subscription-invoices-table tr.is-payable td {
  background: color-mix(in srgb,var(--ws-accent) 3%,var(--ws-surface));
}

.ws-module-surface .subscription-invoice-identity {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.ws-module-surface .subscription-invoice-identity strong {
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

.ws-module-surface .subscription-invoice-identity small {
  color: var(--ws-muted);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 10px;
  line-height: 1.35;
}

.ws-module-surface .subscription-invoice-pay-link {
  color: var(--ws-accent);
  align-items: center;
  gap: 4px;
  margin-top: 5px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.ws-module-surface .subscription-invoice-pay-link:hover {
  color: var(--ws-accent);
  text-decoration: none;
}

.ws-module-surface .subscription-invoice-pay-link svg {
  width: 12px;
  height: 12px;
}

.ws-module-surface .subscription-invoices-table .subscription-badge {
  border-radius: 5px;
  min-height: 0;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 500;
}

.ws-module-surface .subscription-fiscal-pending {
  color: var(--ws-muted);
  font-size: 11px;
}

@container dashboard-module (max-width: 860px) {
  .ws-module-surface .subscription-invoices-table :is(th, td):first-child, .ws-module-surface .subscription-invoices-table :is(th, td):last-child {
    padding-inline: 0;
  }

  .ws-module-surface .subscription-invoices-table tr.is-payable td {
    background: none;
  }
}

@media (max-width: 1050px) {
  .ws-shell .adm-subscription-limits .adm-capacity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ws-shell .adm-subscription-limits .adm-integration-block {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .ws-shell .adm-subscription-limits .adm-integration-values > div:first-child {
    border-left: 0;
    padding-left: 0;
  }
}

@media (max-width: 850px) {
  .ws-shell .adm-settings-nav {
    max-height: 215px;
    position: static;
  }

  .ws-module-surface .api-keys-page .api-keys-scope-group > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .ws-module-surface .subscription-billing-email .subscription-email-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-module-surface .subscription-billing-email .subscription-email-form .contacts-button {
    justify-self: stretch;
    width: 100%;
  }

  .ws-module-surface .users-page .users-filters .contacts-search, .ws-module-surface .users-page .users-filters .users-filter-selects {
    flex-basis: 100%;
  }

  .ws-module-surface .users-page .users-filters .form-group {
    flex: 145px;
    width: auto;
  }

  .ws-module-surface .implantacao-page .implantacao-form {
    padding: 14px;
  }

  .ws-module-surface .api-keys-page .api-keys-scope-group > div, .ws-shell .adm-subscription-limits .adm-capacity-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .ws-module-surface :is(.integrations-page, .api-keys-page, .users-page, .implantacao-page) > :is(.contacts-panel, .integrations-grid, .kpis-card-container) {
    animation: .2s ease-out both administration-enter;
  }
}

@keyframes administration-enter {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

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

.ws-module-surface .profile-page {
  gap: 14px;
  padding-bottom: 20px;
}

.ws-module-surface .profile-hero {
  border-color: var(--ws-border);
  background: linear-gradient(110deg, color-mix(in srgb,var(--ws-accent) 6%,var(--ws-surface)), var(--ws-surface) 70%);
  min-height: 0;
  color: var(--ws-text);
  box-shadow: none;
  border-radius: 10px;
  align-items: center;
  gap: 18px;
  padding: 18px 20px;
}

.ws-module-surface .profile-hero:before, .ws-module-surface .profile-hero:after {
  display: none;
}

.ws-module-surface .profile-hero-main {
  gap: 15px;
}

.ws-module-surface .profile-hero-avatar {
  background: var(--ws-accent-soft);
  width: 60px;
  height: 60px;
  box-shadow: none;
  color: var(--ws-accent);
  border: 0;
  border-radius: 13px;
  flex-basis: 60px;
  font-size: 22px;
  font-weight: 650;
}

.ws-module-surface .profile-eyebrow {
  color: var(--ws-accent);
  letter-spacing: .06em;
  font-size: 10px;
  font-weight: 600;
}

.ws-module-surface .profile-hero-identity h2 {
  color: var(--ws-text);
  letter-spacing: -.02em;
  margin: 2px 0 3px;
  font-size: 19px;
  font-weight: 650;
  line-height: 1.2;
}

.ws-module-surface .profile-hero-identity > p {
  color: var(--ws-muted);
  gap: 5px;
  font-size: 12px;
}

.ws-module-surface .profile-hero-identity > p svg {
  width: 13px;
  height: 13px;
}

.ws-module-surface .profile-hero-badges {
  gap: 6px;
  margin-top: 8px;
}

.ws-module-surface .profile-hero-badges > span {
  background: var(--ws-soft);
  min-height: 0;
  color: var(--ws-muted);
  border: 0;
  border-radius: 5px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 500;
}

.ws-module-surface .profile-hero-badges > span.is-verified {
  color: #24784c;
  background: #e8f6ee;
  border: 0;
}

.ws-module-surface .profile-hero-badges > span.is-pending {
  color: #8b641c;
  background: #fff3dc;
  border: 0;
}

.ws-module-surface .profile-hero-badges svg {
  width: 12px;
  height: 12px;
}

.ws-module-surface .profile-hero-link {
  border: 1px solid var(--ws-border);
  background: var(--ws-surface);
  min-height: 34px;
  color: var(--ws-text);
  border-radius: 6px;
  flex: none;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
}

.ws-module-surface .profile-hero-link:hover {
  border-color: color-mix(in srgb,var(--ws-accent) 40%,var(--ws-border));
  color: var(--ws-accent);
  text-decoration: none;
}

.ws-module-surface .profile-hero-link svg {
  width: 14px;
  height: 14px;
}

.ws-module-surface .profile-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ws-module-surface .profile-sessions-panel {
  grid-column: 1 / -1;
}

.ws-module-surface .profile-panel {
  padding: 0;
  overflow: hidden;
}

.ws-module-surface .profile-panel-head {
  background: var(--ws-surface);
  border-bottom-color: var(--ws-border);
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
}

.ws-module-surface .profile-panel-icon {
  border-color: var(--ws-border);
  background: var(--ws-accent-soft);
  width: 32px;
  height: 32px;
  color: var(--ws-accent);
  border-radius: 7px;
  flex-basis: 32px;
  font-size: 16px;
}

.ws-module-surface .profile-panel-head h2 {
  color: var(--ws-text);
  margin: 0 0 2px;
  font-size: 14px;
  font-weight: 600;
}

.ws-module-surface .profile-panel-head p {
  color: var(--ws-muted);
  font-size: 11px;
  line-height: 1.35;
}

.ws-module-surface .profile-form-fields {
  gap: 12px;
  padding: 16px;
}

.ws-module-surface .profile-form-fields > .adm-field {
  gap: 0;
}

.ws-module-surface .profile-form-fields > .adm-field > .form-label {
  margin-bottom: 6px;
}

.ws-module-surface .profile-form .input-form {
  border-color: var(--ws-field-border);
  background: color-mix(in srgb,var(--ws-accent) 2%,var(--ws-field-surface));
  min-height: 36px;
}

.ws-module-surface .profile-password-control {
  min-width: 0;
  position: relative;
}

.ws-module-surface .profile-password-control .input-form {
  padding-right: 43px;
}

.ws-module-surface .profile-password-toggle {
  width: 28px;
  height: 28px;
  color: var(--ws-muted);
  border-radius: 5px;
  margin-block: auto;
  font-size: 14px;
  top: 0;
  bottom: 0;
  right: 5px;
  transform: none;
}

.ws-module-surface .profile-password-toggle svg {
  width: 14px;
  height: 14px;
  display: block;
}

.ws-module-surface button.profile-password-toggle:hover:not(:disabled) {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  box-shadow: none;
  transform: none;
}

.ws-module-surface .profile-password-toggle:focus-visible {
  outline-color: var(--ws-accent);
}

.ws-module-surface span.form-helper {
  color: var(--ws-muted);
  margin-top: 2px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
}

.ws-module-surface .profile-readonly-field .profile-readonly-badge {
  border: 1px solid var(--ws-border);
  background: var(--ws-soft);
  color: var(--ws-muted);
  border-radius: 5px;
  margin-left: auto;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
}

.ws-module-surface .profile-readonly-control {
  min-width: 0;
  position: relative;
}

.ws-module-surface .profile-readonly-control > svg {
  width: 14px;
  height: 14px;
  color: var(--ws-muted);
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translateY(-50%);
}

.ws-module-surface .profile-form .profile-readonly-control input[readonly], .ws-module-surface .profile-form .profile-readonly-control input[readonly]:focus {
  border-color: var(--ws-border);
  background: color-mix(in srgb, var(--ws-muted) 11%, var(--ws-field-surface));
  color: var(--ws-muted);
  box-shadow: none;
  cursor: default;
  padding-right: 36px;
}

.ws-module-surface .profile-form-footer {
  border-top-color: var(--ws-border);
  background: var(--ws-surface);
  gap: 10px;
  min-height: 55px;
  padding: 10px 16px;
}

.ws-module-surface .profile-form-footer > span {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .profile-form-footer .contacts-button, .ws-module-surface .profile-action-row .contacts-button, .ws-module-surface .profile-session-item > .contacts-button {
  height: 34px;
  min-height: 34px;
}

.ws-module-surface .profile-action-row {
  border-top-color: var(--ws-border);
  gap: 10px;
  padding: 12px 16px;
}

.ws-module-surface .profile-form + .profile-action-row, .ws-module-surface .profile-session-row {
  background: var(--ws-surface);
}

.ws-module-surface .profile-action-icon {
  background: var(--ws-accent-soft);
  width: 30px;
  height: 30px;
  color: var(--ws-accent);
  border-radius: 7px;
  flex-basis: 30px;
  font-size: 15px;
}

.ws-module-surface .profile-action-row strong, .ws-module-surface .profile-session-info strong {
  color: var(--ws-text);
  font-size: 12px;
  font-weight: 600;
}

.ws-module-surface .profile-action-row p, .ws-module-surface .profile-session-info p, .ws-module-surface .profile-session-info small {
  color: var(--ws-muted);
  font-size: 11px;
}

.ws-module-surface .profile-session-item {
  border-bottom-color: var(--ws-border);
  gap: 10px;
  padding: 11px 16px;
}

.ws-module-surface .profile-session-item.is-current {
  background: color-mix(in srgb,var(--ws-accent) 3%,var(--ws-surface));
}

.ws-module-surface .profile-session-current {
  background: var(--ws-accent-soft);
  color: var(--ws-accent);
  border-radius: 5px;
  font-size: 10px;
  font-weight: 500;
}

.ws-module-surface .profile-session-feedback {
  min-height: 54px;
  color: var(--ws-muted);
  padding: 12px 16px;
  font-size: 12px;
}

.ws-shell[data-theme="dark"] .ws-module-surface .profile-hero-avatar, .ws-shell[data-theme="dark"] .ws-module-surface .profile-panel-icon {
  background: var(--ws-accent-soft);
  border-color: var(--ws-border);
  color: var(--ws-accent);
}

.ws-shell[data-theme="dark"] .ws-module-surface .profile-panel-head, .ws-shell[data-theme="dark"] .ws-module-surface .profile-form-footer, .ws-shell[data-theme="dark"] .ws-module-surface .profile-form + .profile-action-row, .ws-shell[data-theme="dark"] .ws-module-surface .profile-session-row {
  background: var(--ws-surface);
}

.ws-shell[data-theme="dark"] .ws-module-surface .profile-hero-badges > span.is-verified {
  color: #a8e8be;
  background: #183b2c;
}

.ws-shell[data-theme="dark"] .ws-module-surface .profile-hero-badges > span.is-pending {
  color: #f6d693;
  background: #40331b;
}

@container dashboard-module (max-width: 780px) {
  .ws-module-surface .profile-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-module-surface .profile-sessions-panel {
    grid-column: auto;
  }
}

@media (max-width: 600px) {
  .ws-module-surface .profile-hero {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
  }

  .ws-module-surface .profile-hero-avatar {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
    font-size: 18px;
  }

  .ws-module-surface .profile-hero-link {
    align-self: flex-start;
  }

  .ws-module-surface .profile-panel-head, .ws-module-surface .profile-form-fields, .ws-module-surface .profile-form-footer, .ws-module-surface .profile-action-row, .ws-module-surface .profile-session-item, .ws-module-surface .profile-session-feedback {
    padding-inline: 14px;
  }

  .ws-module-surface .profile-form-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .ws-module-surface .profile-action-row .contacts-button, .ws-module-surface .profile-session-item > .contacts-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .ws-module-surface .profile-page > :is(.profile-hero, .profile-grid) {
    animation: .2s ease-out both administration-enter;
  }
}

/* [project]/src/components/alfa/alfa-conversation.css [app-client] (css) */
.ws-module-surface .alfa-copilot .alfa-internal-messages {
  background: color-mix(in srgb, var(--ws-surface) 84%, var(--ws-bg));
  gap: 14px;
}

.ws-module-surface .alfa-copilot .alfa-internal-message, .ws-module-surface .alfa-copilot .alfa-internal-message.from-alfa, .ws-module-surface .alfa-copilot .alfa-internal-message.from-user {
  width: auto;
  max-width: 100%;
  box-shadow: none;
  color: var(--ws-text);
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.55;
  display: flex;
}

.ws-module-surface .alfa-copilot .alfa-internal-message.from-user {
  align-self: flex-end;
}

.ws-module-surface .alfa-copilot .alfa-internal-message.from-alfa {
  align-self: flex-start;
  width: min(100%, 760px);
}

.ws-module-surface .alfa-copilot .from-user .alfa-message-bubble, .ws-module-surface .alfa-copilot .from-alfa .alfa-message-bubble {
  width: fit-content;
  max-width: 100%;
  box-shadow: none;
  margin: 0;
}

.ws-module-surface .alfa-copilot .from-user .alfa-message-bubble {
  border: 1px solid color-mix(in srgb, var(--ws-accent) 20%, var(--ws-border));
  background: color-mix(in srgb, var(--ws-accent) 11%, var(--ws-surface));
  color: var(--ws-text);
  border-radius: 18px 18px 5px;
  padding: 10px 16px;
}

.ws-module-surface .alfa-copilot .from-alfa .alfa-message-bubble {
  border: 1px solid color-mix(in srgb, var(--ws-accent) 13%, var(--ws-border));
  background: color-mix(in srgb, var(--ws-accent) 3%, var(--ws-surface));
  border-radius: 18px 18px 18px 5px;
  width: 100%;
  padding: 16px 18px 0;
}

.ws-module-surface .alfa-copilot .alfa-answer-label {
  color: var(--ws-accent);
  letter-spacing: .07em;
  align-items: center;
  gap: 6px;
  margin-bottom: 9px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
  display: inline-flex;
}

.ws-module-surface .alfa-copilot .alfa-answer-label svg {
  width: 14px;
  height: 14px;
}

.ws-module-surface .alfa-copilot .from-user .alfa-message-bubble p {
  white-space: pre-wrap;
  margin: 0;
}

.ws-module-surface .alfa-copilot .alfa-answer-content {
  color: var(--ws-text);
  font-size: 13px;
  line-height: 1.55;
}

.ws-module-surface .alfa-copilot .alfa-answer-content > :last-child {
  margin-bottom: 16px;
}

.ws-module-surface .alfa-copilot .alfa-message-sources {
  border-top: 1px solid color-mix(in srgb, var(--ws-accent) 12%, var(--ws-border));
  color: var(--ws-accent);
  align-items: center;
  gap: 7px;
  margin: 0 -18px;
  padding: 10px 18px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.ws-module-surface .alfa-copilot .alfa-message-sources svg {
  flex: none;
  width: 14px;
  height: 14px;
}

.ws-module-surface .alfa-copilot .alfa-message-sources span {
  width: auto;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

@media (max-width: 700px) {
  .ws-module-surface .alfa-copilot .from-user .alfa-message-bubble {
    padding: 9px 12px;
  }

  .ws-module-surface .alfa-copilot .from-alfa .alfa-message-bubble {
    padding: 13px 14px 0;
  }

  .ws-module-surface .alfa-copilot .alfa-message-sources {
    margin-inline: -14px;
    padding-inline: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ws-module-surface .alfa-copilot .alfa-internal-message {
    animation: none;
  }
}

/*# sourceMappingURL=src_0lw088y._.css.map*/