/* Gerado por npm run brand:sync; editar tokens.json. */
:root {
  --origo-color-ink: #0E1726;
  --origo-color-ink-soft: #1A2333;
  --origo-color-canvas: #F5F0E8;
  --origo-color-canvas-warm: #EDE6DA;
  --origo-color-clay: #FC682D;
  --origo-color-clay-deep: #A85333;
  --origo-color-fog: #8B8578;
  --origo-color-muted: #4A5260;
  --origo-color-muted-on-ink: #B8B5AB;
  --origo-color-surface: #FFFCF8;
  --origo-color-line: #D8D3C8;
  --origo-font-sans: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  --origo-font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --origo-font-editorial: Fraunces, Georgia, serif;
  --origo-spacing-1: 4px;
  --origo-spacing-2: 8px;
  --origo-spacing-3: 12px;
  --origo-spacing-4: 16px;
  --origo-spacing-6: 24px;
  --origo-spacing-8: 32px;
  --origo-spacing-12: 48px;
  --origo-spacing-16: 64px;
  --origo-spacing-24: 96px;
  --origo-radius-control: 12px;
  --origo-radius-panel: 24px;
  --origo-radius-pill: 999px;
  --origo-motion-fast: 160ms;
  --origo-motion-standard: 240ms;
}

/* Composition from Brand Book 1.4. The identity tokens and source kit stay at v1.3. */
:root {
  --origo-content-width: 1200px;
  --origo-page-gutter: 48px;
  --origo-section-space: 96px;
  --origo-type-display: clamp(40px, 6.4vw, 88px);
  --origo-type-section: clamp(36px, 4.6vw, 64px);
  --origo-type-title: clamp(28px, 3.4vw, 48px);
  --origo-type-subtitle: clamp(24px, 2.5vw, 32px);
  --origo-type-reading: 17px;
  --origo-type-body: 16px;
  --origo-type-control: 14px;
  --origo-type-meta: 12px;
  --origo-focus-width: 3px;
  --origo-focus-offset: 4px;
  --origo-action-hover: color-mix(in srgb, var(--origo-color-clay), var(--origo-color-surface) 12%);
  --origo-action-active: color-mix(in srgb, var(--origo-color-clay), var(--origo-color-ink) 8%);
}
@media (max-width: 1024px) {
  :root {
    --origo-page-gutter: 24px;
  }
}
@media (max-width: 760px) {
  :root {
    --origo-section-space: 64px;
  }
}
@media (max-width: 360px) {
  :root {
    --origo-page-gutter: 16px;
  }
}

/* Receita oficial 2.0, copiada do kit; paleta canônica preservada. */
:root {
  --origo-glass-fill: rgba(245, 240, 232, 0.88);
  --origo-glass-edge: rgba(245, 240, 232, 0.72);
  --origo-glass-blur: 28px;
  --origo-glass-radius: 24px;
  --origo-glass-shadow: 0 20px 52px rgba(14, 23, 38, 0.12);
  --origo-sphere-fill: radial-gradient(circle at 28% 22%, #f5f0e8, #fc682d 52%, #a85333);
  --origo-sphere-shadow: 18px 24px 56px rgba(14, 23, 38, 0.16);
}
.origo-sphere {
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--origo-sphere-fill);
  box-shadow: var(--origo-sphere-shadow);
}
.origo-glass {
  color: #0e1726;
  background: #f5f0e8;
  border: 1px solid var(--origo-glass-edge);
  border-radius: var(--origo-glass-radius);
  box-shadow: var(--origo-glass-shadow);
}
@supports (backdrop-filter: blur(1px)) {
  .origo-glass {
    background: var(--origo-glass-fill);
    backdrop-filter: blur(var(--origo-glass-blur));
    -webkit-backdrop-filter: blur(var(--origo-glass-blur));
  }
}
@media (prefers-reduced-transparency: reduce), (forced-colors: active) {
  .origo-glass {
    background: #f5f0e8;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .origo-glass {
    transition: none;
    animation: none;
  }
}

/* Origo presentation for Twenty 2.57.1. Shared brand tokens are prepended at build time. */
@font-face {
  font-family: "Origo Inter";
  src: url("./inter-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
:root.light,
:root.dark {
  color-scheme: light;
  --t-corner-shape: round;
  --t-font-family: "Origo Inter", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  --t-font-size-xxs: var(--origo-type-meta);
  --t-font-size-xs: var(--origo-type-meta);
  --t-font-size-sm: var(--origo-type-meta);
  --t-font-size-md: var(--origo-type-control);
  --t-font-size-lg: var(--origo-type-body);
  --t-font-size-xl: 20px;
  --t-font-size-xxl: 24px;
  --t-font-weight-regular: 400;
  --t-font-weight-medium: 500;
  --t-font-weight-semi-bold: 600;
  --t-font-color-primary: var(--origo-color-ink);
  --t-font-color-secondary: var(--origo-color-muted);
  --t-font-color-tertiary: var(--origo-color-muted);
  --t-font-color-light: var(--origo-color-muted);
  --t-font-color-extra-light: var(--origo-color-fog);
  --t-font-color-inverted: var(--origo-color-canvas);
  --t-font-color-on-accent: var(--origo-color-ink);
  --t-background-primary: var(--origo-color-surface);
  --t-background-secondary: var(--origo-color-canvas);
  --t-background-tertiary: var(--origo-color-canvas-warm);
  --t-background-quaternary: var(--origo-color-line);
  --t-background-noisy: none;
  --t-background-inverted-primary: var(--origo-color-ink);
  --t-background-inverted-secondary: var(--origo-color-ink-soft);
  --t-background-primary-inverted: var(--origo-color-clay);
  --t-background-primary-inverted-hover: var(--origo-action-hover);
  --t-background-transparent-primary: rgb(255 252 248 / 80%);
  --t-background-transparent-secondary: rgb(245 240 232 / 70%);
  --t-background-transparent-strong: rgb(14 23 38 / 16%);
  --t-background-transparent-medium: rgb(14 23 38 / 8%);
  --t-background-transparent-light: rgb(14 23 38 / 4%);
  --t-background-transparent-lighter: rgb(14 23 38 / 2%);
  --t-accent-primary: var(--origo-color-clay);
  --t-accent-secondary: color-mix(in srgb, var(--origo-color-clay) 20%, var(--origo-color-canvas));
  --t-accent-tertiary: color-mix(in srgb, var(--origo-color-clay) 8%, var(--origo-color-canvas));
  --t-accent-quaternary: color-mix(in srgb, var(--origo-color-clay) 4%, var(--origo-color-canvas));
  --t-accent-accent3570: var(--origo-color-clay-deep);
  --t-accent-accent4060: var(--origo-color-clay-deep);
  --t-accent-accent1: var(--origo-color-surface);
  --t-accent-accent2: var(--t-accent-quaternary);
  --t-accent-accent3: var(--t-accent-tertiary);
  --t-accent-accent4: color-mix(in srgb, var(--origo-color-clay) 12%, var(--origo-color-canvas));
  --t-accent-accent5: var(--t-accent-secondary);
  --t-accent-accent6: color-mix(in srgb, var(--origo-color-clay) 35%, var(--origo-color-canvas));
  --t-accent-accent7: var(--origo-color-clay);
  --t-accent-accent8: var(--origo-color-clay-deep);
  --t-accent-accent9: var(--origo-color-clay-deep);
  --t-accent-accent10: var(--origo-color-clay-deep);
  --t-accent-accent11: var(--origo-color-clay-deep);
  --t-accent-accent12: var(--origo-color-ink);
  --t-buttons-secondary-text-color: var(--origo-color-clay-deep);
  --t-border-color-strong: var(--origo-color-fog);
  --t-border-color-medium: var(--origo-color-line);
  --t-border-color-light: var(--origo-color-canvas-warm);
  --t-border-color-inverted: var(--origo-color-ink);
  --t-border-color-transparent-strong: rgb(14 23 38 / 10%);
  --t-border-color-blue: var(--origo-color-clay-deep);
  --t-border-radius-xs: 4px;
  --t-border-radius-sm: 8px;
  --t-border-radius-md: var(--origo-radius-control);
  --t-border-radius-lg: var(--origo-radius-panel);
  --t-border-radius-xl: var(--origo-radius-panel);
  --t-border-radius-sm-round: 8px;
  --t-border-radius-md-round: var(--origo-radius-control);
  --t-border-radius-lg-round: 16px;
  --t-box-shadow-color: rgb(14 23 38 / 4%);
  --t-box-shadow-light: 0 4px 24px rgb(14 23 38 / 5%);
  --t-box-shadow-sidebar: none;
  --t-box-shadow-strong: 0 12px 40px rgb(14 23 38 / 12%);
  --theme-light-background-secondary: var(--origo-color-canvas);
  --theme-dark-background-secondary: var(--origo-color-canvas);
}
html,
body {
  background: var(--origo-color-canvas);
  color: var(--origo-color-ink);
  font-family: var(--t-font-family);
  -webkit-font-smoothing: antialiased;
}
::selection {
  background: var(--origo-color-clay);
  color: var(--origo-color-ink);
}
/* Opportunity stages: restrained brand tones; labels remain the primary distinction.
   Scope excludes alerts, errors, other custom fields and customer logos. */
.origo-crm-stage-tag {
  --tw-tag-background: var(--origo-color-canvas-warm) !important;
  --tw-tag-text: var(--origo-color-ink) !important;
  border: 1px solid var(--origo-color-line);
  border-radius: var(--origo-radius-pill);
  font-weight: 500;
  padding-inline: 8px;
}
.origo-crm-stage-tag[data-origo-tone="accent"] {
  --tw-tag-background: color-mix(
    in srgb,
    var(--origo-color-clay) 12%,
    var(--origo-color-canvas)
  ) !important;
  border-color: color-mix(in srgb, var(--origo-color-clay) 30%, var(--origo-color-line));
}
.origo-crm-stage-tag[data-origo-tone="strong"] {
  --tw-tag-background: var(--origo-color-ink) !important;
  --tw-tag-text: var(--origo-color-canvas) !important;
  border-color: var(--origo-color-ink);
}
.origo-crm-stage-tag[data-origo-tone="muted"] {
  --tw-tag-text: var(--origo-color-muted) !important;
}
.origo-crm-empty-art {
  width: 96px;
  height: 96px;
  min-height: 96px;
  border-radius: var(--origo-radius-panel);
  background: var(--origo-color-canvas-warm);
}
.origo-crm-empty-art > img {
  display: none;
}
.origo-crm-empty-art::before {
  content: "";
  width: 64px;
  height: 64px;
  background: url("./origo-symbol.svg") center / contain no-repeat;
}
.origo-crm-empty-state > .origo-crm-empty-art + div {
  gap: 12px;
  box-sizing: border-box;
  padding-inline: 24px;
}
.origo-crm-empty-state > .origo-crm-empty-art + div > div:first-child {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}
.origo-crm-empty-state > .origo-crm-empty-art + div > div:last-child {
  width: 100%;
  max-width: 440px;
  max-height: none;
  font-size: var(--origo-type-control);
  line-height: 1.5;
}
:focus-visible {
  outline: var(--origo-focus-width) solid var(--origo-color-clay-deep);
  outline-offset: var(--origo-focus-offset);
}
/* The native sign-in input predates the shared Button/TextInput primitives. */
body:has(a[href="/welcome"]) input:not([type="checkbox"]) {
  min-height: 48px;
  box-sizing: border-box;
  font-size: var(--origo-type-body);
  border-radius: var(--origo-radius-control);
  border-color: var(--origo-color-fog);
  background: var(--origo-color-surface);
}
body:has(a[href="/welcome"]) input:not([type="checkbox"]):focus {
  border-color: var(--origo-color-clay-deep);
  box-shadow: none;
}
body:has(a[href="/welcome"]) button[type="submit"] {
  margin-top: 16px;
}
/* Creation fields can grow; virtual table editors are deliberately outside this scope. */
[data-side-panel]:has([data-testid="record-creation-form-create-button"]) label + div,
[data-side-panel]:has([data-testid="record-creation-form-create-button"])
  label
  + div
  > div:only-child,
[data-side-panel]:has([data-testid="record-creation-form-create-button"]) [spacing="default"] {
  min-height: 44px;
  height: auto;
  border-radius: var(--origo-radius-control);
}
[data-side-panel]:has([data-testid="record-creation-form-create-button"])
  input:not([aria-hidden="true"]):not([type="checkbox"]),
[data-side-panel]:has([data-testid="record-creation-form-create-button"]) [role="textbox"] {
  font-size: var(--origo-type-body);
}
[data-side-panel]:has([data-testid="record-creation-form-create-button"]) label {
  font-size: var(--origo-type-control);
}
[data-side-panel]:has([data-testid="record-creation-form-create-button"])
  [role="button"][aria-haspopup][tabindex],
[data-side-panel]:has([data-testid="record-creation-form-create-button"])
  [role="button"][aria-haspopup][tabindex]
  > div,
[data-side-panel]:has([data-testid="record-creation-form-create-button"])
  [role="button"][aria-haspopup]
  > [tabindex],
[data-side-panel]:has([data-testid="record-creation-form-create-button"])
  [role="button"][aria-haspopup]
  > [tabindex]
  > div {
  min-height: 44px;
  height: auto;
  box-sizing: border-box;
  border-radius: var(--origo-radius-control);
}
[data-side-panel]:has([data-testid="record-creation-form-create-button"])
  :is(.tabler-icon-building-skyscraper, .tabler-icon-user, .tabler-icon-target-arrow) {
  color: var(--origo-color-ink);
  stroke: currentColor;
  stroke-width: 1.75px;
}
button[data-variant="solid"][data-color="neutral"],
button[data-variant="solid"][data-color="accent"] {
  --tw-button-background: var(--origo-color-clay) !important;
  --tw-button-color: var(--origo-color-ink) !important;
  --tw-button-hover: var(--origo-action-hover) !important;
  --tw-button-active: var(--origo-action-active) !important;
  --tw-button-radius: var(--origo-radius-pill);
  min-width: 44px;
  min-height: 44px;
  border-radius: var(--origo-radius-pill);
  font-weight: 600;
}
/* Give the index the same title / toolbar / surface rhythm as the Origo portal.
   Native virtual row dimensions and record editing remain controlled by Twenty. */
[data-page-surface="main"] .origo-crm-index {
  background: var(--origo-color-canvas);
}
[data-page-surface="main"] .origo-crm-index-header {
  min-height: 120px;
  padding: 24px var(--origo-page-gutter);
  box-sizing: border-box;
  background: var(--origo-color-canvas);
}
.origo-crm-index-header > div:first-child,
.origo-crm-index-header > div:first-child > div {
  font-size: var(--origo-type-title);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.035em;
  gap: 12px;
}
.origo-crm-index-header > div:first-child svg {
  width: 24px;
  height: 24px;
  color: var(--origo-color-ink) !important;
  stroke: currentColor !important;
  stroke-width: 1.75px;
}
[data-page-surface="main"] .origo-crm-index-toolbar {
  margin: 8px var(--origo-page-gutter) 24px;
  width: auto;
  flex-shrink: 0;
}
[data-page-surface="main"] .origo-crm-records {
  margin: 0 var(--origo-page-gutter) 24px;
  width: auto;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--origo-color-line);
  border-radius: var(--origo-radius-panel);
  background: var(--origo-color-surface);
  box-shadow: 0 4px 24px rgb(14 23 38 / 3%);
}
@media (max-width: 768px) {
  [data-page-surface="main"] .origo-crm-index-header {
    min-height: 88px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 16px var(--origo-page-gutter);
  }
  [data-page-surface="main"] .origo-crm-index-header > div:first-child {
    width: 100%;
    max-width: 100%;
    flex: none;
  }
  [data-page-surface="main"] .origo-crm-index-header > div:last-child {
    width: 100%;
    flex: none;
    justify-content: flex-end;
  }
  .origo-crm-index-header > div:first-child,
  .origo-crm-index-header > div:first-child > div {
    font-size: 28px;
  }
  [data-page-surface="main"] .origo-crm-index-toolbar {
    margin: 4px var(--origo-page-gutter) 16px;
  }
  .origo-crm-index-toolbar > div,
  .origo-crm-index-toolbar > div > div {
    height: auto;
    min-height: 40px;
  }
  .origo-crm-index-toolbar > div > div {
    flex-wrap: wrap;
    gap: 8px;
    padding-block: 4px;
  }
  [data-page-surface="main"] .origo-crm-records {
    margin: 0 var(--origo-page-gutter) 16px;
    border-radius: var(--origo-radius-panel);
  }
}
[data-click-outside-id="navigation-drawer"] {
  background: var(--origo-color-canvas-warm);
  border-right: 1px solid var(--origo-color-line);
  container-type: inline-size;
  --t-background-secondary: var(--origo-color-canvas-warm);
}
[data-click-outside-id="navigation-drawer"] [aria-current="page"] {
  background: var(--origo-color-ink) !important;
  color: var(--origo-color-canvas) !important;
  border-radius: var(--origo-radius-control);
}
[data-click-outside-id="navigation-drawer"] [aria-current="page"]:hover {
  background: var(--origo-color-ink-soft) !important;
}
[data-click-outside-id="navigation-drawer"] [aria-current="page"] svg {
  color: inherit;
}
[data-click-outside-id="navigation-drawer"] a[href^="/objects/"] {
  min-height: 44px;
  align-items: center;
  border-radius: var(--origo-radius-control);
  margin-block: 2px;
  font-weight: 500;
}
[data-click-outside-id="navigation-drawer"] a[href^="/objects/"] svg {
  color: currentColor !important;
  stroke: currentColor !important;
}
[data-click-outside-id="navigation-drawer"] [data-testid="workspace-dropdown"] {
  min-height: 44px;
}
/* Brand Book 1.4 icon grid; native React nodes and navigation actions stay intact. */
[data-click-outside-id="navigation-drawer"] svg.tabler-icon {
  stroke-width: 1.75px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
[data-click-outside-id="navigation-drawer"] .origo-crm-nav-row {
  gap: 12px;
}
[data-click-outside-id="navigation-drawer"] .origo-crm-nav-group,
[data-click-outside-id="navigation-drawer"] .origo-crm-nav-group-wrapper {
  min-height: 44px;
  height: auto;
}
[data-click-outside-id="navigation-drawer"] .origo-crm-nav-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0;
  color: var(--origo-color-ink);
}
[data-click-outside-id="navigation-drawer"] [aria-current="page"] .origo-crm-nav-icon {
  color: var(--origo-color-canvas);
}
[data-click-outside-id="navigation-drawer"] .origo-crm-nav-icon > svg {
  width: 24px;
  height: 24px;
  stroke: currentColor !important;
  color: inherit !important;
}
.origo-crm-nav-icon[data-origo-icon="grid"] {
  --origo-nav-glyph: url("./icons/grid.svg");
}
.origo-crm-nav-icon[data-origo-icon="campaign"] {
  --origo-nav-glyph: url("./icons/campaign.svg");
}
.origo-crm-nav-icon[data-origo-icon="run"] {
  --origo-nav-glyph: url("./icons/run.svg");
}
.origo-crm-nav-icon[data-origo-icon] > svg {
  visibility: hidden;
}
.origo-crm-nav-icon[data-origo-icon]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  mask: var(--origo-nav-glyph) center / contain no-repeat;
  pointer-events: none;
}
/* Native sign-in logo keeps its action and workspace badge. Attribution remains in About. */
a[href="/welcome"] > div[style*="android-launchericon-192-192.png"] {
  background-image: url("./origo-symbol.svg") !important;
  background-size: contain;
  background-repeat: no-repeat;
}
.origo-crm-brand {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 28px 24px 22px;
  color: var(--origo-color-muted);
  text-decoration: none;
}
.origo-crm-brand img {
  display: block;
  width: 150px;
  height: auto;
}
.origo-crm-brand span {
  font: 500 var(--origo-type-meta) / 1.5 var(--origo-font-mono);
  letter-spacing: 0.045em;
}
.origo-crm-brand .origo-crm-mark {
  display: none;
  width: 28px;
  height: 28px;
}
.origo-crm-footer {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 24px 8px;
  font-size: var(--origo-type-meta);
  color: var(--origo-color-muted);
}
.origo-crm-footer a {
  color: var(--origo-color-muted);
  text-decoration: none;
  padding-block: 8px;
}
.origo-crm-footer a:first-child {
  color: var(--origo-color-clay-deep);
  font-weight: 600;
}
@container (max-width: 140px) {
  .origo-crm-brand {
    padding: 24px 16px;
  }
  .origo-crm-brand .origo-crm-wordmark,
  .origo-crm-brand span,
  .origo-crm-footer {
    display: none;
  }
  .origo-crm-brand .origo-crm-mark {
    display: block;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --t-animation-duration-instant: 0;
    --t-animation-duration-fast: 0;
    --t-animation-duration-normal: 0;
  }
}

/* Brand Book oficial 2.0: glass separates navigation; records and inputs stay solid. */
[data-click-outside-id="navigation-drawer"] {
  background: var(--origo-color-canvas-warm) !important;
}
[data-click-outside-id="navigation-drawer"] > div:first-child {
  background: var(--origo-color-canvas) !important;
  border-right: 1px solid var(--origo-glass-edge);
}
.origo-crm-index-header {
  background: var(--origo-color-canvas) !important;
  border-bottom: 1px solid var(--origo-glass-edge);
  box-shadow: 0 12px 32px rgb(14 23 38 / 5%);
}
@supports (backdrop-filter: blur(1px)) {
  [data-click-outside-id="navigation-drawer"] > div:first-child,
  .origo-crm-index-header {
    background: var(--origo-glass-fill) !important;
    backdrop-filter: blur(var(--origo-glass-blur));
    -webkit-backdrop-filter: blur(var(--origo-glass-blur));
  }
}
.origo-crm-empty-art {
  width: 144px;
  height: 120px;
  min-height: 120px;
  background: var(--origo-color-canvas);
  overflow: hidden;
}
.origo-crm-empty-art::before {
  width: 144px;
  height: 120px;
  background: url("./origem-vidro-3d.png") center / cover no-repeat;
  mix-blend-mode: multiply;
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  [data-click-outside-id="navigation-drawer"] > div:first-child,
  .origo-crm-index-header {
    background: var(--origo-color-canvas) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .origo-crm-index-header {
    transition: none;
    animation: none;
  }
}