/* docs.financialcloud.com.br — built only on the shared design tokens (web/tokens.css). */
.logo-light{display:none}
:root[data-theme="light"] .logo-dark{display:none}
:root[data-theme="light"] .logo-light{display:block}
*{box-sizing:border-box;margin:0}
html,body{background:var(--bg);color:var(--tx);font-family:var(--sans);font-size:var(--fs-base);line-height:var(--lh-normal)}
body{min-height:100vh;display:flex;flex-direction:column}
a{color:var(--up)}
code{font-size:var(--fs-md)}
.eyebrow{color:var(--mut);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em}
.doc-skip{position:absolute;left:var(--space-3);top:calc(-1 * var(--space-8))}
.doc-skip:focus{top:var(--space-3);z-index:50;background:var(--p2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}
/* navbar */
.doc-nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--gutter);background:var(--nav);backdrop-filter:blur(10px);border-bottom:1px solid var(--b1)}
.doc-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--mut)}
.doc-brand img{height:22px;width:auto}
.doc-brand span{font-size:var(--fs-md);border:1px solid var(--b2);border-radius:var(--radius-pill);padding:0 var(--space-3)}
.doc-nav-r{display:flex;align-items:center;gap:var(--space-4)}
.doc-nav-r a{color:var(--mut);text-decoration:none;font-size:var(--fs-md)}
.doc-nav-r a:hover{color:var(--tx)}
.doc-theme{width:32px;height:32px;border-radius:var(--radius-round);border:1px solid var(--b1);background:none;color:var(--mut);display:inline-grid;place-items:center;cursor:pointer}
.doc-theme svg{width:16px;height:16px}
/* shell */
.doc-shell{flex:1;width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-7);padding:var(--space-7) var(--gutter) var(--space-8)}
.doc-side{position:sticky;top:calc(var(--space-8) + var(--space-5));align-self:start;display:flex;flex-direction:column;gap:var(--space-6)}
.doc-side-g{display:flex;flex-direction:column;gap:var(--space-2)}
.doc-side-g .eyebrow{margin-bottom:var(--space-2)}
.doc-side a{color:var(--mut);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);line-height:var(--lh-snug)}
.doc-side a:hover{color:var(--tx);background:var(--p2)}
.doc-side a[aria-current="page"]{color:var(--tx);background:var(--p2);box-shadow:var(--shadow-inset)}
.doc-main{min-width:0;display:flex;flex-direction:column;gap:var(--rhythm-section)}
.doc-main section{display:flex;flex-direction:column;gap:var(--space-4)}
.doc-main h1{font-family:var(--serif);font-weight:300;font-size:var(--fs-5xl);line-height:var(--lh-tight)}
.doc-main h2{font-family:var(--serif);font-weight:300;font-size:var(--fs-3xl);line-height:var(--lh-tight)}
.doc-main p,.doc-main li{line-height:var(--lh-relaxed)}
.doc-main ul{padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}
.doc-head{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--b1)}
.doc-lead{color:var(--mut);font-size:var(--fs-lg);max-width:720px}
.doc-note{color:var(--mut);font-size:var(--fs-md)}
.doc-main :not(pre) > code{background:var(--p2);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3)}
.doc-head .eyebrow code{background:none;padding:0;color:var(--up)}
/* code blocks */
.doc-code{position:relative}
.doc-code pre{background:var(--p1);border:1px solid var(--b1);border-radius:var(--radius-lg);padding:var(--space-5);padding-right:var(--space-8);overflow:auto;font-size:var(--fs-md);line-height:var(--lh-normal);max-height:520px}
.doc-code pre.wrap{white-space:pre-wrap}
.doc-copy{position:absolute;top:var(--space-3);right:var(--space-3);font:inherit;font-size:var(--fs-sm);color:var(--tx);background:var(--p2);border:1px solid var(--b2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer}
.doc-copy:hover,.doc-btn:hover{border-color:var(--up)}
.doc-details summary{cursor:pointer;color:var(--mut);margin-bottom:var(--space-3)}
/* buttons and URL */
.doc-btn{display:inline-block;font:inherit;font-size:var(--fs-md);color:var(--tx);background:var(--p2);border:1px solid var(--b2);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);cursor:pointer;text-decoration:none}
.doc-btn.primary{background:var(--up);border-color:var(--up);color:var(--bg);font-weight:600}
.doc-url{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}
.doc-url code{background:var(--p1);border:1px solid var(--b1);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);font-size:var(--fs-base);color:var(--up);overflow-wrap:anywhere}
.doc-toc{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.doc-toc a{color:var(--tx);text-decoration:none;border:1px solid var(--b1);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);font-size:var(--fs-md)}
.doc-toc a:hover{border-color:var(--up)}
.doc-client{background:var(--p1);border:1px solid var(--b1);border-radius:var(--radius-xl);padding:var(--panel-pad)}
.doc-client{scroll-margin-top:calc(var(--space-8) + var(--space-5))}
/* tables */
.doc-table-wrap{overflow-x:auto;border:1px solid var(--b1);border-radius:var(--radius-xl);background:var(--p1)}
.doc-table{width:100%;border-collapse:collapse;font-size:var(--fs-md);line-height:var(--lh-normal)}
.doc-table th{text-align:left;color:var(--mut);font-weight:500;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--b1)}
.doc-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--b1);vertical-align:top}
.doc-table tr:last-child td{border-bottom:0}
/* home cards */
.doc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}
.doc-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--card-pad);background:var(--p1);border:1px solid var(--b1);border-radius:var(--radius-xl);color:var(--tx);text-decoration:none}
.doc-card:hover{border-color:var(--b2);box-shadow:var(--shadow-md)}
.doc-card code{color:var(--up);font-size:var(--fs-sm)}
.doc-card span{color:var(--mut);line-height:var(--lh-relaxed)}
.doc-foot{padding:var(--space-5) var(--gutter) var(--space-6);border-top:1px solid var(--b1);color:var(--mut);font-size:var(--fs-sm);text-align:center}
.doc-h{display:flex;align-items:center;gap:var(--space-3);margin:calc(var(--space-2) * -1) calc(var(--space-3) * -1);padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-lg);transition:background-color .3s ease,border-color .3s ease}
.doc-h > h1,.doc-h > h2,.doc-h > h3{min-width:0}
.doc-anchor{flex:none;display:inline-grid;place-items:center;width:var(--space-7);height:var(--space-7);padding:0;color:var(--mut);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}
.doc-anchor svg{width:var(--space-5);height:var(--space-5)}
.doc-h:hover .doc-anchor,.doc-anchor:focus-visible{opacity:1}
.doc-anchor:hover{color:var(--up);border-color:var(--b2)}
@media (hover:none){.doc-anchor{opacity:1}}
.doc-main [id]{scroll-margin-top:calc(var(--space-8) + var(--space-6))}
.doc-h:has(> :target){background:var(--p2);border-color:var(--b2)}
.doc-card:has(:target){border-color:var(--up);box-shadow:var(--shadow-md)}
.doc-card{position:relative}
.doc-card h3{font-size:var(--fs-lg);font-weight:500;line-height:var(--lh-snug)}
.doc-card h3 a{color:inherit;text-decoration:none}
.doc-card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.doc-card .doc-h{margin:0;padding:0;justify-content:space-between}
.doc-card .doc-anchor{position:relative;z-index:1}
.doc-card:has(:target) .doc-h{background:transparent;border-color:transparent}
.doc-toast{position:fixed;left:50%;bottom:var(--space-6);transform:translateX(-50%);background:var(--p3);border:1px solid var(--b2);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);font-size:var(--fs-md);opacity:0;pointer-events:none;transition:opacity .2s ease}
.doc-toast.on{opacity:1}
:focus-visible{outline:2px solid var(--up);outline-offset:2px}
@media (max-width:860px){
  .doc-shell{grid-template-columns:1fr;gap:var(--space-6);padding-top:var(--space-5)}
  .doc-side{position:static;flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}
  .doc-side-g{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}
  .doc-side-g .eyebrow{width:100%;margin:0}
  .doc-side a{border:1px solid var(--b1);font-size:var(--fs-md)}
  .doc-main h1{font-size:var(--fs-4xl)}
  .doc-main h2{font-size:var(--fs-2xl)}
  .doc-nav-r a{display:none}
}