/* Nae Business daylight design system — foundational surfaces, not post-render patches. */
:root { color-scheme: light; --nb-bg:#F4EBDD; --nb-surface:#F8F0E3; --nb-card:#FFF9EE; --nb-ink:#264B89; --nb-highlight:#166BEA; --nb-edge:rgba(38,75,137,.20); }
html,body,#root {background:#F4EBDD!important;color:#264B89}
.nb-bg-surface {background-color:var(--nb-surface)}
.nb-bg-soft {background-color:var(--nb-bg)}
.nb-bg-card {background-color:var(--nb-card)}
.nb-bg-accent {background-color:var(--nb-ink)}
.nb-bg-highlight {background-color:var(--nb-highlight)}
.nb-text-ink {color:var(--nb-ink)}
.nb-border {border-color:var(--nb-edge)}
.nb-from-warm {--tw-gradient-from:#FFF9EE!important;--tw-gradient-from-position:0%;}
.nb-via-warm {--tw-gradient-via:#F4EBDD!important;}
.nb-to-warm {--tw-gradient-to:#F4EBDD!important;}
.apple-glass,.apple-glass-card {background:#FFF9EE;border-color:var(--nb-edge);box-shadow:0 12px 28px rgba(38,75,137,.07)}
.apple-glass-card:hover {border-color:#166BEA;box-shadow:0 15px 32px rgba(38,75,137,.11)}
.radial-glow-blue,.radial-glow-cyan,.radial-glow-amber {background:radial-gradient(circle,rgba(22,107,234,.06),transparent 72%)}
/* Blue action buttons retain white lettering, while light cards use blue ink. */
button.nb-bg-accent,button.nb-bg-highlight,a.nb-bg-accent,a.nb-bg-highlight,
button.nb-bg-accent *,button.nb-bg-highlight *,a.nb-bg-accent *,a.nb-bg-highlight * {color:#fff}
input,textarea,select {background-color:#FFF9EE!important;color:#264B89!important;border-color:rgba(38,75,137,.24)!important}
input::placeholder,textarea::placeholder {color:#6C7D96!important;opacity:1}
/* Pricing and calculators never inherit graphite or near-black backgrounds. */
[style*="background-color: rgb(0"], [style*="background:#0"], [style*="background: #0"] {background-color:#F4EBDD!important}
#root main {background:#F4EBDD}
::-webkit-scrollbar-track{background:#F4EBDD}::-webkit-scrollbar-thumb{background:#C8BBA6}

#industries #brandhand-mariam-showcase {display:none}
#nae-mariam-showcase-slot {width:100%;}
#nae-mariam-showcase-slot .ms-head {color:#264B89}
#nae-upgrade-mount {width:100%;}

/* Restored Nae site typography. All page content, menus and embedded showcases use FiraGO. */
@font-face{font-family:'Nae FiraGO';src:local('FiraGO'),url('/wp-content/uploads/2026/08/firago-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--font-sans:'Nae FiraGO','FiraGO','Noto Sans Georgian',sans-serif;--font-mono:'Nae FiraGO','FiraGO','Noto Sans Georgian',sans-serif}
html body,html #root,html #root button,html #root input,html #root textarea,html #root select,html #nae-mariam-showcase,html #nae-upgrade-section{font-family:'Nae FiraGO','FiraGO','Noto Sans Georgian',sans-serif}
/* Active control icon is always visible against Nae blue. */
#about button .nb-bg-accent svg,.nb-bg-accent svg{color:#FFF9EE!important;stroke:#FFF9EE!important}

/* 4.5.8: Dominant Nae ivory; showcase spacing at every viewport width. */
html,body,#root,#root main{background-color:#F4EBDD!important}
#nae-mariam-showcase-slot{width:100%;padding:36px clamp(16px,3.5vw,50px) 56px;box-sizing:border-box;background:#F4EBDD}
#nae-mariam-showcase{max-width:1220px;margin-inline:auto}
#nae-mariam-showcase .ms-shell{width:100%;max-width:100%}
@media(max-width:650px){#nae-mariam-showcase-slot{padding:26px 12px 40px}}
#industries .nae-industry-strip{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;scroll-behavior:auto;overscroll-behavior-x:contain}
#industries .nae-industry-strip.nae-dragging{cursor:grabbing}
#industries .nae-industry-strip button{flex-shrink:0}

/* 4.5.9: full-width tabs and vibrant hero emphasis */
#apps .overflow-x-auto.scrollbar-none, #industries .nae-industry-strip {display:flex!important;flex-wrap:wrap!important;justify-content:center!important;overflow:visible!important;white-space:normal!important;touch-action:auto!important;}
#apps .overflow-x-auto.scrollbar-none button, #industries .nae-industry-strip button {flex-shrink:0!important;}
#nae-mariam-showcase-slot {background:#F4EBDD!important;}

/* 4.5.10 source-aligned hero, icon and industry fixes. */
#root h1 span.bg-clip-text {background-image:linear-gradient(105deg,#0000FF 0%,#166BEA 47%,#264B89 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;}
#root #industries .nae-industry-strip {display:flex!important;flex-wrap:wrap!important;justify-content:center!important;overflow:visible!important;max-width:100%!important;gap:10px!important;}
#root #industries .nae-industry-strip button {flex:0 1 auto!important;white-space:normal!important;text-align:center;}
#root .nb-bg-accent svg,#root .nb-bg-highlight svg {stroke:#FFF9EE!important;color:#FFF9EE!important;opacity:1!important;visibility:visible!important;}
#root .nb-bg-accent svg *,#root .nb-bg-highlight svg * {stroke:#FFF9EE!important;}
#root .nb-bg-accent img[src*="nae-color"] {filter:brightness(0) invert(1);}

/* 4.5.11: Legible foreground for blue-filled status chips and step numbers. */
#root .nb-bg-accent.nb-text-ink { color:#FFF9EE !important; -webkit-text-fill-color:#FFF9EE !important; }
#root .nb-bg-accent.nb-text-on-accent { color:#FFF9EE !important; -webkit-text-fill-color:#FFF9EE !important; }


/* 4.6.7: Business chat bubble contrast + conversational typography. */
.nae-chat-messages > div.nb-bg-accent {
  background:#2f5898!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 5px 14px rgba(38,75,137,.10);
}
.nae-chat-messages > div.nb-bg-accent * { color:#fff!important; -webkit-text-fill-color:#fff!important; }
.nae-chat-messages > div.nb-bg-card {
  background:#FFF9EE!important;
  color:#264B89!important;
  -webkit-text-fill-color:#264B89!important;
  border:1px solid rgba(38,75,137,.13);
  box-shadow:0 4px 14px rgba(38,75,137,.055);
}
.nae-chat-messages > div {
  overflow-wrap:anywhere;
  word-break:normal;
  font-size:14px;
  line-height:1.62;
  white-space:pre-wrap;
}
@media (max-width:639px){
  .nae-chat-messages > div {font-size:14px;line-height:1.58}
}