/* SimpleTI / Simplicio: shared page theme for standalone pages.
   Brings the visual language of /simplicio/ (assets/css/simplicio-for-you.css, sf-*) to pages that do not load it:
   white surface, Manrope + IBM Plex Mono, blue accent #276bf1, dark square buttons, hairline borders, light nav.
   Loaded LAST by scripts/apply-sf-theme.mjs, which adds data-sf-theme="legacy|docs|labs" on <html> and the <link>.
   Presentation only: no selector here changes text, links, ids, forms or JS hooks. No gradients or glow. */

/* ---------- cookie banner (built by assets/js/i18n.js with inline styles, hence !important) ---------- */
html[data-sf-theme] body>div[role=dialog]{background:#fffffff5!important;border:1px solid #e0e5ec!important;border-radius:6px!important;box-shadow:0 8px 30px #19395a12!important;backdrop-filter:blur(16px)}
html[data-sf-theme] body>div[role=dialog] span{color:#344458!important;font-family:'Manrope',Inter,Arial,sans-serif!important}
html[data-sf-theme] body>div[role=dialog] a{color:#1e61d7!important}
html[data-sf-theme] body>div[role=dialog] #ckok{background:#15181e!important;color:#fff!important;border-radius:0!important;font:500 13px 'IBM Plex Mono',ui-monospace,Consolas,monospace!important}
html[data-sf-theme] body>div[role=dialog] #ckok:hover{background:#285fc9!important}

/* ---------- shared tokens ---------- */
html[data-sf-theme]{--sf-ink:#14171c;--sf-muted:#58616f;--sf-blue:#276bf1;--sf-blue-dark:#285fc9;--sf-line:#e0e5ec;--sf-panel:#f7f9fc;--sf-tint:#eef3fb;--sf-btn:#15181e;--sf-green:#176743;--sf-amber:#8a5a00;--sf-mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;--sf-sans:'Manrope',Inter,Arial,sans-serif}
html[data-sf-theme] :focus-visible{outline:3px solid #276bf1!important;outline-offset:3px}
html[data-sf-theme] ::selection{background:#276bf133}
html[data-sf-theme] img,html[data-sf-theme] svg,html[data-sf-theme] video,html[data-sf-theme] table{max-width:100%}
@media(prefers-reduced-motion:reduce){html[data-sf-theme] *,html[data-sf-theme] *:before,html[data-sf-theme] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* =====================================================================
   LEGACY: pages built on assets/css/simpleti.css
   (privacidade, termos, simplicio/app|docs|help|index-classic|pricing-preview|account|login)
   ===================================================================== */
html[data-sf-theme=legacy]{--bg:#fff;--bg-soft:#f7f9fc;--panel:#f7f9fc;--panel-2:#fff;--line:#e0e5ec;--fg:#14171c;--mut:#58616f;--mut-2:#5b6676;--acc:#1e61d7;--acc-2:#1e61d7;--gold:#8a5a00;--warn:#b3261e;--radius:6px;--mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;--sans:'Manrope',Inter,Arial,sans-serif;--docs-bg:#fff;--docs-panel:#f7f9fc;--docs-panel-hover:#eef3fb;--docs-line:#e0e5ec;--docs-fg:#14171c;--docs-mut:#58616f;--docs-mut-subtle:#5b6676;--docs-acc:#1e61d7;--docs-gold:#8a5a00;--docs-blue:#1e61d7;--docs-purple:#5b3fc4}
html[data-sf-theme=legacy] body{background:#fff!important;background-image:none!important;color:#14171c;font-family:var(--sans);font-size:16px;line-height:1.6}
html[data-sf-theme=legacy] body::before{display:none}
html[data-sf-theme=legacy] ::selection{background:#276bf133}
html[data-sf-theme=legacy] .bolt{filter:none}
html[data-sf-theme=legacy] .nav,html[data-sf-theme=legacy] .docs-nav{background:#fffffff5;border-bottom:1px solid var(--sf-line);backdrop-filter:blur(16px)}
html[data-sf-theme=legacy] .brand,html[data-sf-theme=legacy] .brand-link{color:var(--sf-ink);letter-spacing:-.04em}
html[data-sf-theme=legacy] .nav-links a,html[data-sf-theme=legacy] .nav-link-item{color:#344458;font-size:12px;font-weight:600}
html[data-sf-theme=legacy] .nav-links a:hover,html[data-sf-theme=legacy] .nav-link-item:hover{color:var(--sf-blue)}
html[data-sf-theme=legacy] select,html[data-sf-theme=legacy] #lang,html[data-sf-theme=legacy] select#lang{background:#fff;color:var(--sf-ink);border:1px solid var(--sf-line);border-radius:4px;font-family:var(--sf-sans)}
html[data-sf-theme=legacy] .btn,html[data-sf-theme=legacy] .nav-cta-btn,html[data-sf-theme=legacy] .lab-enter{border-radius:0;font:500 13px var(--sf-mono);letter-spacing:0;box-shadow:none}
html[data-sf-theme=legacy] .btn-primary,html[data-sf-theme=legacy] .nav-cta-btn{background:var(--sf-btn);border-color:var(--sf-btn);color:#fff;box-shadow:none}
html[data-sf-theme=legacy] .btn-primary:hover,html[data-sf-theme=legacy] .nav-cta-btn:hover{background:var(--sf-blue-dark);border-color:var(--sf-blue-dark);color:#fff;box-shadow:none}
html[data-sf-theme=legacy] .btn-ghost{background:#ffffffb8;border-color:#abb9cc;color:#171d29}
html[data-sf-theme=legacy] .btn-ghost:hover{border-color:var(--sf-blue);color:#1e61d7}
html[data-sf-theme=legacy] .btn-pix{background:#fff6dc;border-color:#d99a1f;color:#5c4a1e}
html[data-sf-theme=legacy] .hero h1,html[data-sf-theme=legacy] .lab h1{font-weight:500;letter-spacing:-.045em;line-height:1.1}
html[data-sf-theme=legacy] .hero h1 .grad,html[data-sf-theme=legacy] .lab h1 .grad{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--sf-blue);-webkit-text-fill-color:currentColor}
html[data-sf-theme=legacy] .h2,html[data-sf-theme=legacy] h2{font-weight:500;letter-spacing:-.04em}
html[data-sf-theme=legacy] .eyebrow,html[data-sf-theme=legacy] .tag,html[data-sf-theme=legacy] .chart-title{font:500 11px var(--sf-mono);letter-spacing:.1em;color:#2166d8}
html[data-sf-theme=legacy] .tag{background:#eaf1ff;border:1px solid #bfd1f1;border-radius:3px}
html[data-sf-theme=legacy] section.block{border-top:1px solid #ecedf0}
html[data-sf-theme=legacy] .card,html[data-sf-theme=legacy] .plan,html[data-sf-theme=legacy] .stat,html[data-sf-theme=legacy] .cmd,html[data-sf-theme=legacy] .rung,html[data-sf-theme=legacy] .feature-card,html[data-sf-theme=legacy] .faq-item,html[data-sf-theme=legacy] .code-box,html[data-sf-theme=legacy] .pipe-node{background:#fff;border:1px solid var(--sf-line);border-radius:6px;box-shadow:none}
html[data-sf-theme=legacy] .card:hover,html[data-sf-theme=legacy] .feature-card:hover,html[data-sf-theme=legacy] .pipe-node:hover{border-color:#7da4e5;transform:none}
html[data-sf-theme=legacy] .plan.feat{border-color:#7da4e5;box-shadow:0 8px 30px #19395a12}
html[data-sf-theme=legacy] .plan .badge{background:var(--sf-btn);color:#fff;border-radius:2px}
html[data-sf-theme=legacy] .plan li::before{content:'\2713';color:var(--sf-green)}
html[data-sf-theme=legacy] .plan-option{background:#fff;border-radius:4px}
html[data-sf-theme=legacy] .plan-option:hover,html[data-sf-theme=legacy] .plan-option:focus-visible,html[data-sf-theme=legacy] .plan-option.active{background:var(--sf-tint);border-color:#7da4e5;color:#243957;box-shadow:none}
html[data-sf-theme=legacy] .plan-option.active{box-shadow:none}
html[data-sf-theme=legacy] .compare-col.bad{background:#fff8e6;border-color:#d99a1f}
html[data-sf-theme=legacy] .compare-col.good{background:var(--sf-tint);border-color:#7da4e5}
html[data-sf-theme=legacy] .compare-col.bad li::marker{color:var(--sf-amber)}
html[data-sf-theme=legacy] .compare-table tbody tr:nth-child(even),html[data-sf-theme=legacy] .bench-row:nth-child(even){background:var(--sf-panel)}
html[data-sf-theme=legacy] .compare-table thead th{border-bottom-color:var(--sf-blue)}
html[data-sf-theme=legacy] .save-badge{background:var(--sf-tint);border-color:#7da4e5}
html[data-sf-theme=legacy] .trial{background:var(--sf-tint);border-color:#7da4e5;border-radius:6px}
html[data-sf-theme=legacy] .bar.win>i{background:#1c9460;box-shadow:none}
html[data-sf-theme=legacy] .bar.lose>i{background:#8c97a0}
html[data-sf-theme=legacy] .bar{background:#eef1f5}
html[data-sf-theme=legacy] code.mini{background:var(--sf-panel);color:#1e61d7}
html[data-sf-theme=legacy] .install{background:#fff;border-radius:6px}
html[data-sf-theme=legacy] .install-tabs button.active{color:#1e61d7;border-bottom-color:var(--sf-blue)}
html[data-sf-theme=legacy] .install-body .copy:hover{background:var(--sf-tint);border-color:var(--sf-blue)}
html[data-sf-theme=legacy] .codeblock,html[data-sf-theme=legacy] .code-box,html[data-sf-theme=legacy] .diagram-box{background:#15181e;border-color:#15181e;border-radius:6px}
html[data-sf-theme=legacy] .codeblock pre,html[data-sf-theme=legacy] .code-box pre,html[data-sf-theme=legacy] .codeblock pre .cm,html[data-sf-theme=legacy] .code-box-header{color:#dfe6f0}
html[data-sf-theme=legacy] .codeblock .cb-bar,html[data-sf-theme=legacy] .code-box-header{background:#1d2128;border-bottom-color:#2e333b;color:#aab4c3}
html[data-sf-theme=legacy] .codeblock pre .c,html[data-sf-theme=legacy] .c-flag,html[data-sf-theme=legacy] .c-cmd{color:#9dbdff}
html[data-sf-theme=legacy] .codeblock pre .hl,html[data-sf-theme=legacy] .c-str{color:#f2cf7a}
html[data-sf-theme=legacy] .c-prompt,html[data-sf-theme=legacy] .c-comment{color:#8d99ab}
html[data-sf-theme=legacy] .code-box-copy{background:#262b33;border-color:#3a414c;color:#9dbdff}
html[data-sf-theme=legacy] .diagram-box *{color:#dfe6f0}
html[data-sf-theme=legacy] .diagram-box .pipe-title{color:#fff}
html[data-sf-theme=legacy] .diagram-box .pipe-sub{color:#aab4c3}
html[data-sf-theme=legacy] .diagram-box .pipe-step{color:#9dbdff}
html[data-sf-theme=legacy] .diagram-box .pipe-node{background:#1d2128;border-color:#2e333b}
html[data-sf-theme=legacy] .update-alert{background:#fff8e6;border-color:#d99a1f}
html[data-sf-theme=legacy] .device-row{background:var(--sf-panel);border-radius:6px}
html[data-sf-theme=legacy] footer.ft{border-top:1px solid #ecedf0;padding:65px 0 36px}
html[data-sf-theme=legacy] footer.ft[style]{background:#fff!important}
html[data-sf-theme=legacy] .ft h4{font:500 11px var(--sf-mono);color:#5b6676}
html[data-sf-theme=legacy] .ft a:hover{color:var(--sf-blue)}
html[data-sf-theme=legacy] .ft-bottom{font:11px var(--sf-mono);color:#5b6676}
/* legal pages (privacidade, termos): inline style forces a dark body and green headings */
html[data-sf-theme=legacy] .legal-wrap h1{color:var(--sf-ink);font-weight:500;letter-spacing:-.045em}
html[data-sf-theme=legacy] .legal-wrap h2{color:var(--sf-ink);font-weight:600}
html[data-sf-theme=legacy] .legal-wrap p,html[data-sf-theme=legacy] .legal-wrap li{color:#344458}
html[data-sf-theme=legacy] .back,html[data-sf-theme=legacy] .legal-wrap a{color:#1e61d7;text-decoration:underline;text-underline-offset:3px}
/* docs.html: inline dark theme -> tokens above + literal whites */
html[data-sf-theme=legacy] .docs-title,html[data-sf-theme=legacy] .docs-section h2,html[data-sf-theme=legacy] .feature-card-title,html[data-sf-theme=legacy] .faq-q,html[data-sf-theme=legacy] .pipe-title{color:var(--sf-ink)}
html[data-sf-theme=legacy] .docs-title{font-weight:500;letter-spacing:-.045em}
html[data-sf-theme=legacy] .docs-section h3{color:#243957}
html[data-sf-theme=legacy] .docs-section p,html[data-sf-theme=legacy] .docs-table td{color:#344458}
html[data-sf-theme=legacy] .callout,html[data-sf-theme=legacy] .callout-warn{color:#344458}
html[data-sf-theme=legacy] .callout{background:var(--sf-tint);border-color:#bfd1f1;border-left-color:var(--sf-blue)}
html[data-sf-theme=legacy] .callout strong{color:#1e61d7}
html[data-sf-theme=legacy] .callout-warn{background:#fff8e6;border-color:#ecd49a;border-left-color:#d99a1f}
html[data-sf-theme=legacy] .callout-warn strong{color:var(--sf-amber)}
html[data-sf-theme=legacy] .sidebar-link:hover{color:var(--sf-ink);background:var(--sf-tint);border-left-color:var(--sf-blue)}
html[data-sf-theme=legacy] .sidebar-link.active{color:#1e61d7;background:var(--sf-tint);border-left-color:var(--sf-blue)}
html[data-sf-theme=legacy] .sidebar-group-title{color:#2166d8}
html[data-sf-theme=legacy] .pill-rust{background:#fff4e0;color:#8a5a00;border-color:#ecd49a}
html[data-sf-theme=legacy] .pill-green{background:var(--sf-tint);color:#1e61d7;border-color:#bfd1f1}
html[data-sf-theme=legacy] .pill-gold{background:#fff8e6;color:#8a5a00;border-color:#ecd49a}
html[data-sf-theme=legacy] .docs-table th{background:var(--sf-panel);color:#2166d8}
html[data-sf-theme=legacy] .docs-table tr:hover td{background:var(--sf-panel)}
html[data-sf-theme=legacy] .docs-table code{background:var(--sf-tint);border-color:#bfd1f1;color:#1e61d7}
html[data-sf-theme=legacy] .docs-table-wrap{max-width:100%}
html[data-sf-theme=legacy] .c-prompt{user-select:none}
/* help.php (support) */
html[data-sf-theme=legacy] .support-panel{background:#fff!important;border:1px solid var(--sf-line);border-radius:6px}
html[data-sf-theme=legacy] .support-message{background:var(--sf-panel);border-radius:6px}
html[data-sf-theme=legacy] .support-message.is-admin{background:var(--sf-tint);border-color:#7da4e5}
html[data-sf-theme=legacy] .support-ticket-link:hover,html[data-sf-theme=legacy] .support-ticket-link.is-selected{background:var(--sf-tint);border-color:#7da4e5}
html[data-sf-theme=legacy] .support-heading h1{font-weight:500;letter-spacing:-.045em}
html[data-sf-theme=legacy] .support-form input,html[data-sf-theme=legacy] .support-form textarea{background:#fff;border-color:#abb9cc;border-radius:4px}
html[data-sf-theme=legacy] .support-pill--open{color:#8a5a00;border-color:#8a5a00}
html[data-sf-theme=legacy] .support-pill--progress{color:#1e61d7;border-color:#1e61d7}
/* pricing preview */
html[data-sf-theme=legacy] .preview-flag{color:var(--sf-amber)}
html[data-sf-theme=legacy] .toggle-switch{background:#fff}
@media(max-width:900px){html[data-sf-theme=legacy] .docs-nav-in{flex-wrap:wrap;height:auto;padding-block:8px}html[data-sf-theme=legacy] .nav-links-wrap{flex-wrap:wrap;gap:8px 14px}}
@media(max-width:560px){html[data-sf-theme=legacy] .support-heading{flex-direction:column;align-items:flex-start}html[data-sf-theme=legacy] .support-layout{grid-template-columns:minmax(0,1fr)}html[data-sf-theme=legacy] .bench,html[data-sf-theme=legacy] .compare-table{max-width:100%}}

/* =====================================================================
   DOCS: simplicio/blog and simplicio/docs (blog.css, docs.css, lang-picker.css)
   ===================================================================== */
html[data-sf-theme=docs] body{background:#fff;color:var(--sf-ink);font-family:var(--sf-sans)}
html[data-sf-theme=docs] header{background:#fffffff5;border-bottom-color:var(--sf-line)}
html[data-sf-theme=docs] .brand{letter-spacing:-1px}
html[data-sf-theme=docs] .brand small,html[data-sf-theme=docs] .eyebrow{font:500 11px var(--sf-mono);letter-spacing:.1em;color:#2166d8;text-transform:uppercase}
html[data-sf-theme=docs] h1{font-weight:500;letter-spacing:-.045em}
html[data-sf-theme=docs] h2{font-weight:500;letter-spacing:-.04em}
html[data-sf-theme=docs] .lead{color:#344458}
html[data-sf-theme=docs] .feature,html[data-sf-theme=docs] figure,html[data-sf-theme=docs] .split>div,html[data-sf-theme=docs] .roundbox,html[data-sf-theme=docs] .paired,html[data-sf-theme=docs] table.compare{border-color:var(--sf-line);border-radius:6px;box-shadow:none}
html[data-sf-theme=docs] .cover{background:var(--sf-tint);border-radius:4px}
html[data-sf-theme=docs] .cover strong,html[data-sf-theme=docs] .metric{color:var(--sf-green)}
html[data-sf-theme=docs] .read,html[data-sf-theme=docs] .back,html[data-sf-theme=docs] .prose a{color:#1e61d7}
html[data-sf-theme=docs] .read:hover,html[data-sf-theme=docs] .back:hover{color:var(--sf-blue-dark);text-decoration:underline;text-underline-offset:3px}
html[data-sf-theme=docs] .setup,html[data-sf-theme=docs] pre{background:#15181e;color:#dfe6f0;border-radius:6px}
html[data-sf-theme=docs] footer{color:#5b6676;font:11px var(--sf-mono);border-top-color:var(--sf-line)}
html[data-sf-theme=docs] .compare-wrap,html[data-sf-theme=docs] .table-wrap{max-width:100%;overflow-x:auto}
html[data-sf-theme=docs] .eyebrow[style]{color:#2166d8!important}
html[data-sf-theme=docs] .doc-pill{border-radius:4px;font-weight:600}
html[data-sf-theme=docs] .doc-pill[style]{border-color:#7da4e5!important;color:#1e61d7!important}
html[data-sf-theme=docs] .doc-pill:hover{border-color:var(--sf-blue);color:#1e61d7}
html[data-sf-theme=docs] .tab-btn{border-radius:4px;font-family:var(--sf-mono);font-weight:500}
html[data-sf-theme=docs] .tab-btn.active{background:var(--sf-btn);border-color:var(--sf-btn);color:#fff}
html[data-sf-theme=docs] .mcp-hub .eyebrow{color:#2166d8}
html[data-sf-theme=docs] .doc-table-wrap{border-radius:6px;max-width:100%}
html[data-sf-theme=docs] select{border-color:var(--sf-line);border-radius:4px;font-family:var(--sf-sans)}
/* =====================================================================
   LABS: ai-labs.php and 404.php (assets/ai-labs/site.css, .labs-page tokens)
   ===================================================================== */
html[data-sf-theme=labs] .labs-page{--labs-bg:#fff;--labs-ink:#14171c;--labs-muted:#58616f;--labs-line:#e0e5ec;--labs-accent:#276bf1;font-family:var(--sf-sans)}
html[data-sf-theme=labs] .labs-header{background:#fffffff5;backdrop-filter:blur(16px)}
html[data-sf-theme=labs] .labs-symbol{color:var(--sf-blue)}
html[data-sf-theme=labs] .labs-kicker,html[data-sf-theme=labs] .labs-small{color:#2166d8}
html[data-sf-theme=labs] .labs-hero-bottom p,html[data-sf-theme=labs] .labs-about p:not(.labs-kicker),html[data-sf-theme=labs] .labs-product-copy p,html[data-sf-theme=labs] .labs-article p{color:#344458}
html[data-sf-theme=labs] .labs-hero h1,html[data-sf-theme=labs] .labs-about h2,html[data-sf-theme=labs] .labs-product h2,html[data-sf-theme=labs] .labs-product-copy h3,html[data-sf-theme=labs] .labs-article h2{font-weight:500}
html[data-sf-theme=labs] .labs-button{background:var(--sf-btn);border-color:var(--sf-btn);color:#fff!important;font:500 13px var(--sf-mono);border-radius:0}
html[data-sf-theme=labs] .labs-button:hover{background:var(--sf-blue-dark);border-color:var(--sf-blue-dark)}
html[data-sf-theme=labs] .labs-product{background:var(--sf-panel);border-radius:6px}
html[data-sf-theme=labs] .labs-language select,html[data-sf-theme=labs] .labs-language button{background:#fff;color:var(--sf-ink);border-color:var(--sf-line)}
html[data-sf-theme=labs] .labs-orbit{opacity:.18}
html[data-sf-theme=labs] .labs-orbit i{border-color:#9dbdff}
html[data-sf-theme=labs] .labs-footer p,html[data-sf-theme=labs] .labs-footer strong span{color:#5b6676}
html[data-sf-theme=labs] .labs-text-link:hover,html[data-sf-theme=labs] .labs-article:hover h2,html[data-sf-theme=labs] .labs-header a:hover{color:#1e61d7}
html[data-sf-theme=labs] .labs-wrap{overflow-wrap:break-word}
@media(max-width:650px){html[data-sf-theme=labs] .labs-hero h1{font-size:clamp(34px,10vw,52px)}}
