@import url("./brand-fonts.css?v=1");
/* CRM adapter for the official Troca Pontos 1.0.0 core.
   Keep the generated package intact; legacy class names preserve application handlers. */
:root, :root[data-theme="dark"] {
  --font-brand: var(--font-passo);
  --font-ui: var(--font-inter);
  --tp-ink: var(--tp-text-primary);
  --tp-gray-700: var(--tp-text-secondary);
  --tp-gray-500: var(--tp-text-muted);
  --tp-white: var(--tp-surface-card);
  --tp-smoke: var(--tp-surface-page);
  --tp-platinum: var(--tp-border-default);
  --tp-silver: var(--tp-border-strong);
  --tp-purple: var(--tp-action-primary);
  --tp-violet: var(--tp-text-primary);
  --tp-mauveine: var(--tp-action-primary-hover);
  --tp-phlox: var(--tp-focus);
  --tp-pale: var(--tp-soft);
  --tp-sea: var(--tp-success);
  --tp-azure: var(--tp-success-soft);
  --tp-folly: var(--tp-danger);
  --tp-pink: var(--tp-danger-soft);
  --tp-lemon: var(--tp-warning-soft);
  --radius-sm: var(--tp-radius-md);
  --radius-md: var(--tp-component-card-radius);
  --radius-lg: var(--tp-radius-2xl);
  --radius-xl: var(--tp-radius-3xl);
  --shadow-sm: var(--tp-shadow);
  --shadow-md: var(--tp-shadow-float);
  --action-primary: var(--tp-action-primary);
  --action-primary-hover: var(--tp-action-primary-hover);
  --action-primary-press: var(--tp-action-primary-active);
  --action-focus: var(--tp-focus);
  --field-focus-border: var(--tp-focus);
  --field-focus-ring: color-mix(in srgb,var(--tp-focus) 15%,transparent);
  --feedback-info: var(--tp-info);
  --feedback-success: var(--tp-success);
  --feedback-warning: var(--tp-warning);
  --feedback-error: var(--tp-danger);
  --feedback-heading: var(--tp-text-primary);
  --feedback-body: var(--tp-text-secondary);
}
html[data-design-system="troca-pontos"], html[data-design-system="troca-pontos"] body {
  background:var(--tp-surface-page); color:var(--tp-text-primary);
  font-family:var(--font-inter);
}
html[data-design-system] body :is(.sidebar,.topbar,.card,.conversation-pane,.conversation-head,.chat-head,.composer,.contact-drawer,.operation-panel,.modal-card,.modal,.global-search-dialog,.queue-menu,.dropdown-menu,.auth-card,.quick-admin-card,.super-kpi,.password-card,.member-card,.schedule-row,.rule-card) {
  background:var(--tp-surface-card); color:var(--tp-text-primary); border-color:var(--tp-border-default);
}
html[data-design-system] body :is(.live-inbox,.chat-pane,.chat-scroll,.chat-live,.chat-empty) {background:var(--tp-surface-page)}
html[data-design-system] body :is(.card,.quick-admin-card,.super-kpi,.member-card) {border-radius:var(--tp-component-card-radius);box-shadow:none}
html[data-design-system] body :is(.page-title,.card-title,.modal-head h2,.profile-head h2) {font-family:var(--font-passo);font-weight:700;color:var(--tp-text-primary);overflow-wrap:anywhere}
html[data-design-system] body .page-title {font-size:var(--tp-type-heading-lg-size);line-height:var(--tp-type-heading-lg-line-height);letter-spacing:var(--tp-type-heading-lg-letter-spacing)}
html[data-design-system] body :is(.btn,.secondary-action,.mini-action) {
  min-height:var(--tp-component-button-height-md);border-radius:var(--tp-radius-md);
  font:var(--tp-type-label-md-weight) var(--tp-type-label-md-size)/var(--tp-type-label-md-line-height) var(--font-inter);
  gap:var(--tp-space-2);box-shadow:none;white-space:normal;text-align:center;
}
html[data-design-system] body .btn-sm {min-height:var(--tp-component-button-height-sm);font-size:var(--tp-type-label-sm-size)}
html[data-design-system] body :is(.btn-primary,.send-btn) {background:var(--tp-component-button-primary-background);color:var(--tp-component-button-primary-foreground);border-color:transparent}
html[data-design-system] body :is(.btn-primary,.send-btn):hover:not(:disabled) {background:var(--tp-component-button-primary-hover);color:var(--tp-component-button-primary-foreground)}
html[data-design-system] body :is(.btn-secondary,.secondary-action,.mini-action,.icon-btn) {background:var(--tp-surface-card);color:var(--tp-text-primary);border:1px solid var(--tp-border-strong)}
html[data-design-system] body .btn-ghost {background:transparent;color:var(--tp-action-primary)}
html[data-design-system] body .btn-danger {background:var(--tp-danger-action);color:var(--tp-on-danger)}
html[data-design-system] body .icon-btn {border-radius:var(--tp-radius-md)}
html[data-design-system] body :is(.field,.select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),textarea,select) {
  background:var(--tp-surface-card);color:var(--tp-text-primary);border-color:var(--tp-border-strong);border-radius:var(--tp-radius-md);
}
html[data-design-system] body :is(.field,.select) {min-height:var(--tp-component-field-min-height)}
html[data-design-system] body :is(input,textarea)::placeholder {color:var(--tp-text-muted);opacity:1}
html[data-design-system] body :focus-visible {outline:var(--tp-component-focus-ring);outline-offset:var(--tp-focus-offset)}
html[data-design-system] body :is(.nav-link.active,.conversation-item.active,.queue-option.active,.quick-reply-item.active) {background:var(--tp-soft);color:var(--tp-action-primary)}
html[data-design-system] body .nav-link {border-radius:var(--tp-radius-md);font-weight:500}
html[data-design-system] body .module-navigation {background:var(--tp-surface-card);border-color:var(--tp-border-default)}
html[data-design-system] body .module-navigation a {border-radius:var(--tp-radius-md);color:var(--tp-text-secondary)}
html[data-design-system] body .module-navigation a.active {background:var(--tp-soft);color:var(--tp-action-primary);border-color:var(--tp-action-primary);box-shadow:none}
html[data-design-system] body .avatar {background:var(--color-brand-primary);color:var(--color-white);font-family:var(--font-inter)}
html[data-design-system] body .table th {background:var(--tp-surface-page);color:var(--tp-text-secondary)}
html[data-design-system] body .table td {background:var(--tp-surface-card);color:var(--tp-text-primary);border-color:var(--tp-border-default)}
html[data-design-system] body :is(.table th,.table td) {padding:var(--tp-cell-padding)}
html[data-design-system] body :is(.contact-note,.internal-note,.quick-reply-command-head,.quick-reply-head,.account-menu,.account-menu a,.account-menu button) {background:var(--tp-surface-elevated);color:var(--tp-text-primary);border-color:var(--tp-border-default)}
html[data-design-system] body .bubble {background:var(--tp-surface-card);color:var(--tp-text-primary);border-color:var(--tp-border-default)}
html[data-design-system] body .msg-row.out .bubble {background:var(--tp-soft);border-color:var(--tp-border-default)}
html[data-design-system] body .sidebar-logo {content:url('../design-system/assets/logo-positive.svg');filter:none}
html[data-design-system][data-theme=dark] body .sidebar-logo {content:url('../design-system/assets/logo-negative.svg');filter:none}
html[data-design-system] body .erp-command-strip {background:var(--tp-soft);border-color:var(--tp-border-default)}
html[data-design-system] body :is(.page-head,.toolbar,.page-actions,.export-actions) {min-width:0}
html[data-design-system] body .page-subtitle {color:var(--tp-text-secondary);line-height:var(--tp-type-body-md-line-height)}
@media(prefers-reduced-motion:reduce) {html[data-design-system] *,html[data-design-system] *::before,html[data-design-system] *::after {animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(forced-colors:active) {html[data-design-system] body :focus-visible {outline-color:Highlight}}
/* Material Symbols Rounded, Google, Apache-2.0; hosted locally for reliable controls. */
@font-face {font-family:'Material Symbols Rounded';font-style:normal;font-weight:400;src:url('../fonts/MaterialSymbolsRounded.ttf') format('truetype');font-display:block}
html[data-design-system] .material-symbols-rounded {font-family:'Material Symbols Rounded';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;flex-shrink:0}
/* Preserve the official pressed action and failed-message semantics. */
html[data-design-system] body :is(.btn-primary,.send-btn):active:not(:disabled):not([aria-disabled=true]) {background:var(--tp-action-primary-active);color:var(--tp-action-primary-foreground)}
html[data-design-system] body :is(.bubble.failed,.msg-row.out .bubble.failed) {background:var(--tp-danger-soft);border-color:var(--tp-danger);color:var(--tp-text-primary)}
/* Internal shell alignment with the live CMP reference. Scoped to the app shell so authentication and editor-specific layouts keep their contracts. */
html[data-design-system] body .app-shell .content { padding: 30px 20px 72px; }
html[data-design-system] body .app-shell .page-title { font: 700 36px/43px var(--font-passo); letter-spacing: -.02em; }
html[data-design-system] body .app-shell :is(.btn,.secondary-action,.mini-action) { border-radius: 15.04px; }
html[data-design-system] body .app-shell :is(.card,.panel,.admin-list-panel,.setting-section,.notification-row,.super-kpi) { border-radius: 18px; }
@media (max-width: 767px) {
  html[data-design-system] body .app-shell .content { padding: 20px 16px 80px; }
  html[data-design-system] body .app-shell .page-title { font-size: 28px; line-height: 34px; }
}
/* CMP component metrics for internal controls. */
html[data-design-system] body .app-shell :is(.btn,.secondary-action,.mini-action) {
  min-height: 44px;
  padding-inline: 20px;
  font-family: var(--font-passo);
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}
html[data-design-system] body .app-shell :is(.field,.select,.app-shell input:not([type=checkbox]):not([type=radio]),.app-shell textarea,.app-shell select) {
  min-height: 44px;
  border-radius: 6px;
}
/* Shared internal data and form patterns from CMP. */
html[data-design-system] body .app-shell :is(.form-label,.setting-label,.admin-list-toolbar label,.field-label) {
  font-family: var(--font-passo);
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  color: var(--tp-text-primary);
}
html[data-design-system] body .app-shell :is(.table th,.data-table th) {
  padding: 12px 16px;
  color: var(--tp-text-secondary);
  font-family: var(--font-inter);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: var(--tp-surface-elevated);
}
html[data-design-system] body .app-shell :is(.table td,.data-table td) {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 20px;
  border-bottom-color: var(--tp-border-default);
}
html[data-design-system] body .app-shell .page-subtitle {
  margin-top: 8px;
  font-family: var(--font-inter);
  font-size: 14px;
  line-height: 20px;
  color: var(--tp-text-secondary);
}
/* Inline copy actions use the same icon treatment as primary controls. */
html[data-design-system] body .app-shell .copy-inline { display: inline-flex; align-items: center; gap: 6px; }
html[data-design-system] body .app-shell .copy-inline::before { content: "content_copy"; font: 18px/1 "Material Symbols Rounded"; }