@layer carbi_readability {
html,body {
 background:#f6f2ea!important;
 color:#192024!important;
 color-scheme:light!important;
}
body :where([id^="carbi-"],[id^="askcarbi-"],dialog,[role="dialog"],[role="menu"],main,article,section,aside,header,footer,nav,form,details,summary,table,thead,tbody,tr,th,td,pre,[class*="shell"],[class*="sheet"],[class*="panel"],[class*="modal"],[class*="card"],[class*="menu"],[class*="header"],[class*="footer"],[class*="composer"],[class*="messages"],[class*="bubble"],[class*="preview"],[class*="result"],[class*="notice"],[class*="banner"],[class*="tabs"]):where(:not(img):not(svg):not(canvas):not(video):not(iframe):not([class*="logo"]):not([class*="avatar"])) {
 background-color:#ffffff!important;
 background-image:none!important;
 color:#192024!important;
 border-color:#e1dbd2!important;
 text-shadow:none!important;
 box-shadow:none!important;
}
body :where(h1,h2,h3,h4,h5,h6,p,small,strong,b,em,i,label,legend,span,div,li,dt,dd,summary,pre,code,th,td) {
 color:inherit!important;
 -webkit-text-fill-color:currentColor!important;
 text-shadow:none!important;
}
body :where(input,textarea,select,option) {
 background:#ffffff!important;
 color:#192024!important;
 -webkit-text-fill-color:#192024!important;
 border-color:#a99e90!important;
 accent-color:#171c20!important;
}
body :where(input,textarea)::placeholder {
 color:#596360!important;opacity:1!important;
}
body :where(button,[role="button"],input[type="submit"]) {
 background:#171c20!important;
 color:#ffffff!important;
 -webkit-text-fill-color:#ffffff!important;
 border-color:#171c20!important;
 text-shadow:none!important;
 box-shadow:none!important;
}
body :where(button,[role="button"]) :where(*):not(img):not(svg):not(path) {
 color:#ffffff!important;
 -webkit-text-fill-color:#ffffff!important;
 background-color:transparent!important;
 background-image:none!important;
 text-shadow:none!important;
}
body :where(a) {
 color:#574633!important;text-decoration:underline;
}
body :where(button,[role="button"]) a {
 color:#ffffff!important;
}
body :where(button,[role="tab"])[aria-selected="true"],
body button[aria-pressed="true"] {
 outline:2px solid #23776e!important;
 outline-offset:2px!important;
}
body :where(button,input,textarea,select,a,summary):focus-visible {
 outline:3px solid #23776e!important;
 outline-offset:3px!important;
}
body :where([role="alert"],.error,.danger) {
 background:#fff0ec!important;color:#8b241c!important;
}
body :where(.success) {
 background:#edf5ed!important;color:#24552d!important;
}
body :where([class*="backdrop"],[class*="page-shade"]),
dialog::backdrop {
 background:rgba(32,35,38,.35)!important;
}
body :where(.carbi-organized-brand-v3 img,.earth-symbol) {
 filter:brightness(0)!important;
}

/* CARBI_SITE_STYLE_V2
   Shared visual design. Existing navigation and actions stay connected.
*/
html:root {
  color-scheme:light!important;
}
body {
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Warm page surfaces throughout the site. */
body :is(
  #carbi-premium-home-v3,
  #carbi-professional-slot,
  #carbi-profession-home,
  #carbi-organized-ai-home-v3,
  #carbi-access-gate
) {
  background-color:#f6f2ea!important;
  background-image:none!important;
  color:#192024!important;
}

/* Consistent white cards and dialogs. */
body :is(
  dialog,.ca-sheet,.cam-card,.cv-sheet,
  .cag-card,.cag-hero,.cag-about,.cw-scene,
  .avc-shell,.avc-upload-card,
  .csc-shell,.carbi-assistant-shell,
  .carbi-assistant-card,.carbi-assistant-reminder,
  .carbi-native-section-v4,.carbi-companion-section-v1,
  .carbi-native-tile-v4,.carbi-tool-card,
  .cp-profession-banner,.cp-quick-dashboard,
  .cp-profile-picture,.clw-intro
) {
  background:#ffffff!important;
  color:#192024!important;
  border-color:#e1dbd2!important;
  border-radius:16px!important;
  box-shadow:0 3px 14px rgba(25,32,36,.05)!important;
  text-shadow:none!important;
}

/* Clear, readable headings and text. */
body :is(h1,h2,h3,h4) {
  letter-spacing:-.02em;
  line-height:1.25;
}
body :is(p,label,summary) {
  line-height:1.5;
}

/* Secondary buttons: white with a quiet border. */
body :is(button,[role="button"],input[type="submit"]) {
  background:#ffffff!important;
  background-image:none!important;
  color:#192024!important;
  -webkit-text-fill-color:#192024!important;
  border:1px solid #cec8bf!important;
  border-radius:12px!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body :is(button,[role="button"]) :where(*):not(img):not(svg):not(path) {
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  background:transparent!important;
}

/* Main actions use teal across the shared screens. */
body :is(
  .ca-primary,.ccr-primary,.cag-primary,.cag-submit,
  .cw-launch,.earth-talk,.earth-analyzer,
  .carbi-assistant-primary,.avc-analyze,
  #csc-send,#clv-start,#ca-hear-welcome,
  #avc-analyze,#avc-voice-guide,
  [data-start-here],
  .clw-intro .clw-analyzer
) {
  background:#23776e!important;
  background-image:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border-color:#23776e!important;
}
body :is(
  .ca-primary,.ccr-primary,.cag-primary,.cag-submit,
  .cw-launch,.earth-talk,.earth-analyzer,
  .carbi-assistant-primary,.avc-analyze,
  #csc-send,#clv-start,#ca-hear-welcome,
  #avc-analyze,#avc-voice-guide,
  [data-start-here],.clw-intro .clw-analyzer
) :where(strong,small,span,b,i) {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Profession tools: clean white tiles for every profession. */
body #carbi-profession-home .cp-quick-grid {
  gap:14px!important;
}
body #carbi-profession-home .cp-quick-grid button {
  background:#ffffff!important;
  color:#192024!important;
  -webkit-text-fill-color:#192024!important;
  border:1px solid #e1dbd2!important;
  border-radius:14px!important;
  padding:18px 12px!important;
  min-height:76px!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body #carbi-profession-home .cp-quick-dashboard {
  padding:20px!important;
}
body #carbi-profession-home .cp-more-tools {
  border:1px solid #d4cdc3!important;
  border-radius:12px!important;
  padding:14px!important;
  margin-top:18px!important;
}
body #carbi-profession-home .cp-profession-banner {
  background-image:none!important;
}

/* Shared voice area. */
body #carbi-page-voice {
  background:#ffffff!important;
  border:1px solid #e1dbd2!important;
  border-radius:16px!important;
  box-shadow:none!important;
}

/* Forms remain readable and familiar. */
body :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  textarea,select
) {
  background:#ffffff!important;
  color:#192024!important;
  -webkit-text-fill-color:#192024!important;
  border-color:#bdb6ac!important;
  border-radius:12px!important;
  box-shadow:none!important;
  caret-color:#192024!important;
}
body :is(input,textarea)::placeholder {
  color:#65706c!important;
}
body :is(input[type="checkbox"],input[type="radio"],input[type="range"]) {
  accent-color:#23776e!important;
}
body a:not([role="button"]) {
  color:#1b655e!important;
}

/* Charcoal navigation with readable labels. */
body #clw-bottom,
body .cph-bottom-nav {
  background:#192024!important;
  border-color:#192024!important;
  box-shadow:0 4px 20px rgba(25,32,36,.14)!important;
}
body #clw-bottom button,
body .cph-bottom-nav button {
  background:#192024!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border-color:transparent!important;
}
body #clw-bottom button :where(strong,span),
body .cph-bottom-nav button :where(strong,span) {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
body #clw-bottom button.clw-primary,
body .cph-bottom-nav button.active {
  background:#285c57!important;
  color:#ffffff!important;
}

/* Visible selection and keyboard focus. */
body button[aria-pressed="true"],
body [role="tab"][aria-selected="true"] {
  outline:2px solid #23776e!important;
  outline-offset:2px!important;
}
body :is(button,input,textarea,select,a,summary):focus-visible {
  outline:3px solid #23776e!important;
  outline-offset:3px!important;
}
body button:disabled {
  opacity:.55!important;
}

/* Keep destructive actions distinct. */
body :is(.cam-delete-account,.carbi-assistant-danger,button.danger) {
  background:#fff2ef!important;
  color:#8b241c!important;
  -webkit-text-fill-color:#8b241c!important;
  border-color:#dbb0a8!important;
}

/* Customer links remain legible as buttons. */
body #carbi-customers .customer-actions a {
  background:#ffffff!important;
  color:#1b655e!important;
  -webkit-text-fill-color:#1b655e!important;
  border:1px solid #cec8bf!important;
}

/* Keep active overlays separated from the background. */
body :where([class*="backdrop"],[class*="page-shade"]),
dialog::backdrop {
  background:rgba(25,32,36,.38)!important;
}

@media(max-width:600px) {
  body #carbi-profession-home .cp-quick-dashboard {
    padding:16px!important;
  }
  body #carbi-profession-home .cp-quick-grid {
    gap:10px!important;
  }
}

}

/* CARBI_GLASS_EXTERNAL_V2 */

html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .clw-intro,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .cgw-guide,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-page-voice,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-profession-home .cp-profession-banner,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-suppliers,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-suppliers .cs-grid article,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .carbi-native-section-v4,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .carbi-companion-section-v1 {
 background:transparent!important;
 background-image:none!important;
 border:1px solid rgba(102,106,98,.22)!important;
 border-radius:24px!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(255,255,255,.35),0 8px 18px rgba(55,54,41,.055)!important;
 color:#202a2b!important;
 -webkit-backdrop-filter:blur(8px)!important;
 backdrop-filter:blur(8px)!important;
}
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .clw-intro h1,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .clw-intro h2,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .cgw-guide strong,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-page-voice strong,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-page-voice small,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-profession-home h2,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-profession-home h3,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-profession-home small,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-profession-home .cp-profession-banner p{color:#202a2b!important;text-shadow:none!important}
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .clw-quick button,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .clw-intro select,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .cgw-guide button,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-profession-home .cp-switch button,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-profession-home .cp-profession-banner select,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-suppliers>header>button,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-suppliers .cs-grid button {
 background:transparent!important;
 background-image:none!important;
 color:#202a2b!important;
 border:1px solid rgba(102,106,98,.3)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 7px rgba(55,54,41,.06)!important;
 text-shadow:none!important;
}
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-profession-home .cp-switch button[aria-pressed=true]{outline:2px solid #23786d!important;outline-offset:3px!important}
@media(prefers-reduced-transparency:reduce){html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .clw-intro,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .cgw-guide,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-page-voice,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-profession-home .cp-profession-banner,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-suppliers,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) #carbi-suppliers .cs-grid article,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .carbi-native-section-v4,
html:not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority):not(#carbi-glass-priority) .carbi-companion-section-v1{background:#f4f1e9!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}