:root{
  --bg:#f5f8ff;--panel:#ffffff;--panel-2:#eef4ff;--text:#10213d;--muted:#61708a;
  --line:#dce6f7;--primary:#3768f5;--primary-2:#6d57e7;--success:#159a75;--warning:#b7791f;
  --danger:#c44455;--shadow:0 24px 70px rgba(28,51,92,.12);--radius:22px;--code:#0f1d36;
}
html[data-theme="dark"]{--bg:#091221;--panel:#111d31;--panel-2:#17253e;--text:#edf4ff;--muted:#9db0cc;--line:#263a5c;--primary:#78a1ff;--primary-2:#a492ff;--success:#58d7ac;--warning:#f6ca70;--danger:#ff8798;--shadow:0 24px 70px rgba(0,0,0,.32);--code:#07101d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(55,104,245,.12),transparent 32%),radial-gradient(circle at 95% 8%,rgba(109,87,231,.12),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;border-bottom:1px solid color-mix(in srgb,var(--line) 85%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);min-width:max-content}.brand:hover{text-decoration:none}.brand img{width:170px;height:auto}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.top-actions{display:flex;align-items:center;gap:10px}.top-link,.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:13px;padding:9px 12px;font-weight:750;box-shadow:0 8px 24px rgba(25,45,80,.06)}.top-link:hover,.icon-btn:hover{border-color:var(--primary);text-decoration:none}.icon-btn{cursor:pointer}
.mobile-menu{display:none}
.layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;width:min(1480px,100%);margin:0 auto;padding:28px 30px 70px}
.sidebar{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding:18px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:var(--shadow)}
.sidebar-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);margin-bottom:14px}.sidebar-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}
.nav-group{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:13px;color:var(--muted);font-weight:700;font-size:14px}.nav-link span:first-child{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--panel-2);color:var(--primary)}.nav-link:hover,.nav-link.active{background:linear-gradient(135deg,rgba(55,104,245,.13),rgba(109,87,231,.10));color:var(--text);text-decoration:none}.nav-link.active{box-shadow:inset 3px 0 0 var(--primary)}
.sidebar-note{margin-top:16px;padding:13px;border-radius:15px;background:linear-gradient(135deg,rgba(21,154,117,.12),rgba(55,104,245,.08));color:var(--muted);font-size:12px}.sidebar-note strong{display:block;color:var(--text);margin-bottom:4px}
.content{min-width:0}.hero{position:relative;overflow:hidden;padding:clamp(28px,4vw,58px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,#173a88 0%,#405ce0 48%,#7654d8 100%);color:#fff;box-shadow:var(--shadow);margin-bottom:24px}.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-80px;top:-100px;background:rgba(255,255,255,.16);filter:blur(1px)}.hero .eyebrow{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.11);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hero h1{max-width:900px;margin:16px 0 12px;font-size:clamp(34px,5vw,64px);line-height:1.02;letter-spacing:-.035em}.hero p{max-width:850px;margin:0;color:rgba(255,255,255,.84);font-size:clamp(16px,2vw,20px)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:13px;background:#fff;color:#2443a9;font-weight:850}.hero-btn.secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28)}.hero-btn:hover{text-decoration:none;transform:translateY(-1px)}
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px}.article{min-width:0}.toc{position:sticky;top:90px;align-self:start;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;padding:5px 0;color:var(--muted);font-size:13px}.toc a:hover{color:var(--primary)}
.section{scroll-margin-top:96px;padding:26px 28px;margin-bottom:18px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 14px 36px rgba(25,45,80,.06)}.section h2{margin:0 0 10px;font-size:clamp(24px,3vw,34px);letter-spacing:-.02em}.section h3{margin:24px 0 8px;font-size:20px}.section p{margin:8px 0;color:var(--muted)}.section ul,.section ol{padding-left:22px;color:var(--muted)}.section li{margin:7px 0}.section strong{color:var(--text)}
.callout{margin:16px 0;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2)}.callout strong{display:block;margin-bottom:4px}.callout.info{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));background:color-mix(in srgb,var(--primary) 8%,var(--panel))}.callout.success{border-color:color-mix(in srgb,var(--success) 38%,var(--line));background:color-mix(in srgb,var(--success) 8%,var(--panel))}.callout.warning{border-color:color-mix(in srgb,var(--warning) 40%,var(--line));background:color-mix(in srgb,var(--warning) 9%,var(--panel))}.callout.danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--panel))}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}.card .icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900;margin-bottom:12px}.card h3{margin:0 0 6px;font-size:17px}.card p{font-size:14px;margin:0}
.steps{counter-reset:step;display:grid;gap:12px;margin:16px 0}.step{position:relative;padding:17px 18px 17px 58px;border:1px solid var(--line);border-radius:17px;background:var(--panel-2)}.step:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:16px;display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900}.step strong{display:block}
.code-wrap{position:relative;margin:14px 0}.code-wrap pre{margin:0;padding:18px;border-radius:17px;background:var(--code);color:#d9e8ff;overflow:auto;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border:1px solid rgba(125,160,230,.22)}.copy-code{position:absolute;right:10px;top:10px;padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.09);color:#fff;font-size:12px;cursor:pointer}.inline-code,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.inline-code{padding:2px 6px;border-radius:7px;background:var(--panel-2);color:var(--primary)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;margin:14px 0}table{width:100%;border-collapse:collapse;min-width:680px;background:var(--panel)}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--panel-2);font-size:12px;letter-spacing:.05em;text-transform:uppercase}td{color:var(--muted)}
.next-prev{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.next-prev a{padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--panel);color:var(--text);font-weight:800}.next-prev a:last-child{text-align:right}.next-prev a:hover{border-color:var(--primary);text-decoration:none}
.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:32px;padding:24px 0;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.footer a{color:var(--muted)}
.search-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:start center;padding-top:10vh;background:rgba(4,11,24,.58);backdrop-filter:blur(8px)}.search-modal.hidden{display:none}.search-card{width:min(760px,92vw);max-height:78vh;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 30px 100px rgba(0,0,0,.35)}.search-head{display:flex;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.search-head input{flex:1;border:1px solid var(--line);border-radius:13px;padding:11px 13px;background:var(--panel-2);color:var(--text);outline:none}.search-results{max-height:60vh;overflow:auto;padding:10px}.search-result{display:block;padding:14px;border-radius:14px;color:var(--text)}.search-result:hover{background:var(--panel-2);text-decoration:none}.search-result small{display:block;color:var(--muted);margin-top:3px}.kbd{display:inline-block;padding:2px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:7px;background:var(--panel);font-size:11px;color:var(--muted)}
@media(max-width:1040px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;left:16px;top:74px;bottom:16px;z-index:70;width:min(310px,88vw);max-height:none;transform:translateX(-120%);transition:.2s}.sidebar.open{transform:none}.mobile-menu{display:inline-flex}.page-grid{grid-template-columns:1fr}.toc{position:static}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.topbar{padding:11px 13px;gap:8px}.brand img{width:138px}.brand small{display:none}.top-link span{display:none}.top-actions .top-link[href^="mailto:"],.top-actions .top-link[href^="https://flow.hookcloud.app"]{display:none}.layout{padding:18px 14px 50px}.hero{border-radius:23px;padding:28px 22px}.section{padding:21px 18px}.cards{grid-template-columns:1fr}.next-prev{grid-template-columns:1fr}.top-actions{gap:6px}.top-link,.icon-btn{padding:8px 9px}.toc{display:none}}

/* Documentation v2.0.1 — Templates */
.meta-docs ul{columns:2;column-gap:28px}.meta-docs li{break-inside:avoid}.error-detail{margin:14px 0;border:1px solid var(--line);border-radius:16px;background:var(--panel-2);overflow:hidden}.error-detail summary{cursor:pointer;padding:14px 16px;font-weight:850;color:var(--text)}.error-detail>div{padding:0 16px 16px;color:var(--muted)}.status-pill{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:850;background:var(--panel-2);border:1px solid var(--line)}.section .hero-btn{margin-top:8px}.section table a{font-weight:750}.section table td:first-child{white-space:nowrap}.meta-docs a:after{content:" ↗";font-size:.8em}.article h2 .inline-code{font-size:.75em}@media(max-width:680px){.meta-docs ul{columns:1}}

/* Documentation v2.0.2 — subscriber language + Meta pricing */

.version-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:-8px 0 24px;padding:13px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--muted);font-size:13px}.version-banner strong{color:var(--primary)}
.support-box{margin-top:24px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--panel)),color-mix(in srgb,var(--success) 6%,var(--panel)))}.support-box strong{font-size:18px}.support-box p{margin:5px 0 0;color:var(--muted)}
.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-links a{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);color:var(--text);font-weight:750}.quick-links a:hover{border-color:var(--primary);text-decoration:none}
.checklist{list-style:none;padding:0!important}.checklist li{position:relative;padding-left:30px}.checklist li:before{content:'✓';position:absolute;left:0;top:0;color:var(--success);font-weight:900}
details.faq{margin:10px 0;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}details.faq summary{cursor:pointer;padding:13px 15px;font-weight:800}details.faq>div{padding:0 15px 14px;color:var(--muted)}
.status-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:800;background:var(--panel-2);border:1px solid var(--line)}
@media(max-width:680px){.quick-links{grid-template-columns:1fr}.version-banner{align-items:flex-start}}


/* Documentation v4.0.0 — Chatwoot and external managed delivery */
.doc-figure{margin:18px 0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel-2);box-shadow:0 18px 44px rgba(16,33,61,.10)}
.doc-figure img{display:block;width:100%;height:auto}.doc-figure figcaption{padding:12px 16px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.choice-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}.choice-card.recommended{border-color:color-mix(in srgb,var(--success) 45%,var(--line));background:color-mix(in srgb,var(--success) 7%,var(--panel))}.choice-card h3{margin:0 0 7px}.choice-card p{margin:0}
.field-map{display:grid;gap:10px;margin:14px 0}.field-map>div{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.6fr);gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.field-map strong{color:var(--text)}
.route-flow{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin:15px 0}.route-flow span{display:flex;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);font-weight:750}.route-flow i{display:flex;align-items:center;color:var(--primary);font-style:normal;font-weight:900}
.badge-inline{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);font-size:12px;font-weight:850}.badge-inline.success{color:var(--success);border-color:color-mix(in srgb,var(--success) 42%,var(--line))}
.security-list{display:grid;gap:9px;padding:0!important;list-style:none}.security-list li{padding:11px 13px;border-left:3px solid var(--primary);background:var(--panel-2);border-radius:0 12px 12px 0}
@media(max-width:680px){.choice-grid{grid-template-columns:1fr}.field-map>div{grid-template-columns:1fr}.route-flow{display:grid}.route-flow i{justify-content:center;transform:rotate(90deg)}}


/* Documentation v4.1.0 — Usernames, BSUID, operational timers and support transparency */
.identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.identity-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}.identity-card h3{margin:10px 0 7px}.identity-card p{font-size:14px}.identity-card ul{padding-left:19px;margin-bottom:0}.identity-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900}.state-pill{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:850;border:1px solid var(--line)}.state-pill.amber{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--panel))}.state-pill.green{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--panel))}.state-pill.red{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--panel))}.identifier-demo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:16px 0}.identifier-demo>div{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2)}.identifier-demo small{display:block;color:var(--muted);margin-bottom:5px}.identifier-demo strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.identifier-demo>span{font-weight:900;color:var(--primary)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.field-grid>div{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.field-grid span{color:var(--muted);font-size:13px}.readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.readiness-grid>div{padding:11px 13px;border:1px solid color-mix(in srgb,var(--success) 30%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--success) 7%,var(--panel));color:var(--text);font-weight:700}.toc{max-height:calc(100vh - 120px);overflow:auto}.meta-docs small{display:block;color:var(--muted)}
@media(max-width:840px){.identity-grid{grid-template-columns:1fr}.field-grid,.readiness-grid{grid-template-columns:1fr}}
@media(max-width:680px){.identifier-demo{grid-template-columns:1fr}.identifier-demo>span{text-align:center}}