/*
 * Fenaky Lab · área de desenvolvedores (API, MCP e Guias).
 * Somente tokens Fluent de design-system/tokens.css (--color*, --spacing*, --borderRadius*, --shadow*, --type*,
 * --fontFamily*, --fontWeight*, --strokeWidth*, --duration*, --curve*, --lab*). Sem cores literais, sem :root e sem
 * seletores por tema: os tokens trocam os valores e esta folha não muda.
 */
.dev-surface{color:var(--colorNeutralForeground1);max-width:1320px;margin:0 auto;padding:0;font:var(--typeBody1)}
.dev-surface button,.dev-surface input,.dev-surface select{font:inherit}
.dev-surface button,.dev-surface summary{cursor:pointer}
.dev-surface button:focus-visible,.dev-surface input:focus-visible,.dev-surface select:focus-visible,.dev-surface summary:focus-visible,.dev-surface a:focus-visible,.dev-panel:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:4px}
.dev-surface [hidden]{display:none!important}
.dev-surface svg{width:18px;height:18px;flex:none}
.dev-surface code,.dev-surface pre{font-family:var(--fontFamilyMonospace)}
.dev-surface p a,.dev-surface li a,.dev-surface dd a{color:var(--colorBrandForegroundLink);text-underline-offset:3px}
.dev-surface p a:hover,.dev-surface li a:hover{text-decoration:underline}
.dev-surface p code,.dev-surface li code,.dev-surface dd code,.dev-surface small code,.dev-surface td code{background:var(--colorNeutralBackground3);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusSmall);padding:1px 6px;font-size:.88em;color:var(--colorNeutralForeground1);overflow-wrap:anywhere}

/* Cabeçalho e abas */
.dev-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}
.dev-heading h1{font-family:var(--fontFamilyBase);font-size:clamp(32px,3.4vw,48px);font-weight:500;line-height:1.1;letter-spacing:-.035em;margin:0 0 16px;text-wrap:balance}
.dev-heading p{font-size:15px;line-height:1.7;color:var(--colorNeutralForeground2);margin:0}
.dev-contract-note{display:flex;gap:10px;align-items:center;color:var(--colorNeutralForeground2);font-size:11px;line-height:1.7;padding-bottom:3px;max-width:245px}
.dev-contract-note>svg{width:24px;height:24px;color:var(--colorBrandForeground2)}
.dev-contract-note strong{font-weight:500;color:var(--colorNeutralForeground1)}
.dev-tabs{display:flex;gap:32px;border-bottom:1px solid var(--colorNeutralStroke2);margin-bottom:28px}
.dev-tab{display:flex;align-items:center;gap:9px;border:0;border-bottom:2px solid transparent;background:none;color:var(--colorNeutralForeground2);padding:16px 0;font-size:14px;font-weight:600;margin-bottom:-1px;min-height:48px}
.dev-tab:hover{color:var(--colorNeutralForeground1)}
.dev-tab[aria-selected=true]{color:var(--colorBrandForeground2);border-color:var(--colorBrandForeground2)}

/* Conexão */
.dev-connection{display:grid;gap:14px;padding:16px 20px;margin-bottom:28px;background:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusXLarge)}
.dev-connection dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;margin:0}
.dev-connection dt{font-size:11px;color:var(--colorNeutralForeground2);margin-bottom:6px}
.dev-connection dd{margin:0;font-size:12px;overflow-wrap:anywhere}
.dev-connection p{margin:0;font-size:12px;line-height:1.75;color:var(--colorNeutralForeground2);max-width:90ch}

/* Bancada da API */
.dev-workbench{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.dev-workbench>*,.dev-docs-layout>*,.dev-mcp-layout>*{min-width:0}
.dev-steps h2{font-size:15px;font-weight:600;margin:5px 0 14px}
.dev-step-list{display:flex;flex-direction:column;gap:3px;list-style:none;margin:0;padding:0}
.dev-step{width:100%;padding:11px 12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--borderRadiusMedium);color:var(--colorNeutralForeground1);display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:48px;transition:background var(--durationFaster) var(--curveEasyEase)}
.dev-step-number{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border:1px solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusSmall);font-size:11px;font-weight:600;color:var(--colorNeutralForeground2)}
.dev-step-text{display:block;flex:1;min-width:0}
.dev-step-text strong{display:block;font-weight:600;font-size:13px}
.dev-step-text small{display:block;color:var(--colorNeutralForeground2);font-family:var(--fontFamilyMonospace);font-size:10px;line-height:1.6;margin-top:3px;overflow-wrap:anywhere}
.dev-step>svg{width:15px;height:15px;opacity:0}
.dev-step:hover{background:var(--colorSubtleBackgroundHover)}
.dev-step[aria-pressed=true]{background:var(--colorBrandBackground2);border-color:var(--colorBrandStroke1)}
.dev-step[aria-pressed=true] strong,.dev-step[aria-pressed=true]>svg{color:var(--colorBrandForeground2);opacity:1}
.dev-step[aria-pressed=true] .dev-step-number{border-color:var(--colorBrandStroke1);color:var(--colorBrandForeground2)}
.dev-catalog{margin:22px 0 0;border-top:1px solid var(--colorNeutralStroke2);padding-top:16px;font-size:12px}
.dev-catalog summary{padding:8px 0;color:var(--colorNeutralForeground1)}
.dev-catalog>div{padding-top:8px}
.dev-catalog strong{display:block;color:var(--colorNeutralForeground2);font-size:11px;margin:16px 0 6px}
.dev-catalog a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;color:var(--colorNeutralForeground1);line-height:1.6}
.dev-catalog a:hover{color:var(--colorBrandForeground2);text-decoration:underline;text-underline-offset:4px}
.dev-catalog a svg{width:13px;height:13px}
.dev-catalog p{color:var(--colorNeutralForeground2);line-height:1.8;margin:18px 0 0}

/* Código */
.dev-code-workspace,.dev-mcp-config{border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusXLarge);overflow:hidden;background:var(--labCodeBackground);min-width:0}
.dev-code-toolbar{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--colorNeutralBackground2);border-bottom:1px solid var(--colorNeutralStroke2)}
.dev-code-toolbar>strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.dev-endpoint{display:flex;align-items:center;gap:12px;min-width:0}
.dev-endpoint>span{color:var(--colorNeutralForeground1);font-size:11px;font-weight:700}
.dev-endpoint code{font-size:12px;color:var(--colorNeutralForeground1);overflow-wrap:anywhere}
.dev-contract-badge{font-size:10px;color:var(--colorNeutralForeground2);white-space:nowrap}
.dev-code-subbar{padding:12px 18px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--colorNeutralForeground2)}
.dev-languages{display:flex;gap:4px;align-items:center}
.dev-language{border:0;background:none;color:var(--colorNeutralForeground2);font-size:11px;border-radius:var(--borderRadiusSmall);padding:8px 10px;min-height:36px}
.dev-language:hover,.dev-copy:hover{color:var(--colorNeutralForeground1);background:var(--colorSubtleBackgroundHover)}
.dev-language[aria-pressed=true]{color:var(--colorNeutralForeground1);background:var(--colorNeutralBackground2)}
.dev-copy{display:flex;gap:6px;align-items:center;padding:8px;border:0;background:transparent;color:var(--colorNeutralForeground2);border-radius:var(--borderRadiusSmall);font-size:11px;min-height:36px}
.dev-copy>svg{height:14px;width:14px}
.dev-code{margin:0;padding:20px;overflow:auto;max-width:100%;font-size:11px;line-height:1.75;color:var(--colorNeutralForeground1);tab-size:2;min-height:180px;max-height:470px;scrollbar-width:thin;scrollbar-color:var(--colorNeutralStroke1) transparent}
.dev-operation-note{font-size:12px;line-height:1.75;color:var(--colorNeutralForeground2);padding:0 20px 16px;margin:0;max-width:72ch}
.dev-example-status{font-size:12px;line-height:1.75;color:var(--colorNeutralForeground2);padding:12px 20px;margin:0;border-top:1px solid var(--colorNeutralStroke2)}
.dev-errors{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid var(--colorNeutralStroke2);font-size:11px;color:var(--colorNeutralForeground2)}
.dev-errors code{background:var(--colorNeutralBackground3);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusSmall);padding:2px 7px;color:var(--colorNeutralForeground1);overflow-wrap:anywhere}
.dev-response{padding:16px 20px;background:var(--colorNeutralBackground3);border-top:1px solid var(--colorNeutralStroke2);color:var(--colorNeutralForeground1)}
.dev-response summary{font-size:12px;font-weight:600}
.dev-response summary span{float:right;color:var(--colorNeutralForeground2);font-size:11px;font-weight:400;margin-left:10px}
.dev-response pre{margin:16px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.7;max-height:300px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--colorNeutralStroke1) transparent}
.dev-response-note{margin:12px 0 0;font-size:11px;color:var(--colorNeutralForeground2)}
.dev-prototype-note{color:var(--colorNeutralForeground2);font-size:12px;line-height:1.75;margin:20px 0 0;max-width:90ch}

/* Seções */
.dev-live,.dev-lifecycle,.dev-limits{margin-top:40px;border-top:1px solid var(--colorNeutralStroke2);padding-top:28px}
.dev-section-heading h2{font:500 22px/1.25 var(--fontFamilyBase);letter-spacing:-.02em;margin:0 0 8px}
.dev-section-heading p{font-size:13px;line-height:1.75;color:var(--colorNeutralForeground2);margin:0 0 20px;max-width:72ch}
.dev-subheading{font-size:14px;font-weight:600;margin:28px 0 10px}

/* Catálogo ao vivo */
.dev-catalog-summary{font-size:13px;line-height:1.75;color:var(--colorNeutralForeground2);margin:0 0 18px;max-width:90ch}
.dev-catalog-summary strong{color:var(--colorNeutralForeground1);font-weight:600}
.dev-catalog-summary span{display:block;font-size:12px}
.dev-families{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.dev-family{border:1px solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground2);color:var(--colorNeutralForeground1);border-radius:var(--borderRadiusMedium);padding:8px 12px;font-size:12px;min-height:40px}
.dev-family small{color:var(--colorNeutralForeground2);margin-left:4px}
.dev-family:hover{background:var(--colorSubtleBackgroundHover)}
.dev-family[aria-pressed=true]{background:var(--colorBrandBackground2);color:var(--colorBrandForeground2);border-color:var(--colorBrandStroke1)}
.dev-family[aria-pressed=true] small{color:var(--colorBrandForeground2)}
.dev-cap-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}
.dev-cap{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusXLarge);min-width:0}
.dev-cap-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.dev-cap-head a{font-size:14px;font-weight:600;color:var(--colorNeutralForeground1);text-decoration:none;overflow-wrap:anywhere}
.dev-cap-head a:hover{color:var(--colorBrandForeground2);text-decoration:underline;text-underline-offset:4px}
.dev-cap>p{margin:0;font-size:12px;line-height:1.7;color:var(--colorNeutralForeground2)}
.dev-cap>small{color:var(--colorNeutralForeground3)}
.dev-methods{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dev-method{padding:10px 12px;background:var(--colorNeutralBackground3);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium)}
.dev-method-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dev-method-name{font-size:12px;font-weight:600}
.dev-method-head code{font-size:11px;color:var(--colorNeutralForeground2)}
.dev-method-head .dev-status{margin-left:auto}
.dev-processing,.dev-method-note{margin:6px 0 0;font-size:11px;line-height:1.65;color:var(--colorNeutralForeground2)}
.dev-processing{color:var(--colorNeutralForeground1)}
.dev-method .dev-clients{margin-top:6px;line-height:1.65}
.dev-cap-methods>summary{padding:4px 0;font-size:12px;font-weight:600;color:var(--colorNeutralForeground1)}
.dev-cap-methods .dev-methods{margin-top:8px}
.dev-clients{margin:0;font-size:11px;color:var(--colorNeutralForeground2)}
.dev-cap-limits{font-size:11px;color:var(--colorNeutralForeground2)}
.dev-cap-limits summary{padding:4px 0}
.dev-cap-limits ul{margin:6px 0 0;padding-left:18px;line-height:1.7}
.dev-spaces{margin-top:28px}
.dev-spaces h3{font-size:14px;font-weight:600;margin:0 0 10px}
.dev-spaces ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}
.dev-spaces li{padding:12px 14px;border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground1);font-size:13px}
.dev-spaces li p{margin:6px 0 0;font-size:11px;line-height:1.65;color:var(--colorNeutralForeground2)}
.dev-status{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--colorNeutralStroke1);background:var(--colorNeutralBackground3);color:var(--colorNeutralForeground2);border-radius:var(--borderRadiusSmall);padding:2px 8px;font-size:11px;font-weight:600}
.dev-status[data-status=available]{border-color:var(--colorStatusSuccessBorder1);background:var(--colorStatusSuccessBackground1);color:var(--colorStatusSuccessForeground1)}
.dev-status[data-status=unavailable]{border-color:var(--colorStatusWarningBorder1);background:var(--colorStatusWarningBackground1);color:var(--colorStatusWarningForeground1)}
.dev-catalog-loading{display:flex;align-items:center;gap:10px;margin:0;font-size:13px;color:var(--colorNeutralForeground2)}
.dev-spin{animation:dev-spin 1s linear infinite}
@keyframes dev-spin{to{transform:rotate(360deg)}}
.dev-alert{padding:16px 18px;border:1px solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusXLarge);background:var(--colorNeutralBackground1);max-width:80ch}
.dev-alert[data-tone=error]{border-color:var(--colorStatusDangerBorder1);background:var(--colorStatusDangerBackground1)}
.dev-alert strong{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--colorStatusDangerForeground1)}
.dev-alert p{margin:10px 0 0;font-size:13px;line-height:1.75;color:var(--colorNeutralForeground1)}
.dev-alert .dev-alert-detail{font-size:11px;color:var(--colorNeutralForeground2)}
.dev-alert-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.dev-secondary{display:inline-flex;align-items:center;border-radius:var(--borderRadiusMedium);padding:10px 14px;min-height:40px;font-size:12px;font-weight:600;border:1px solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground2);color:var(--colorNeutralForeground1);text-decoration:none}
.dev-secondary:hover{background:var(--colorSubtleBackgroundHover)}

/* Ciclo de vida */
.dev-states{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.dev-state{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke2);border-left:3px solid var(--colorNeutralForeground2);border-radius:var(--borderRadiusMedium)}
.dev-state[data-tone=warning]{border-left-color:var(--colorStatusWarningForeground1)}
.dev-state[data-tone=success]{border-left-color:var(--colorStatusSuccessForeground1)}
.dev-state[data-tone=error]{border-left-color:var(--colorStatusDangerForeground1)}
.dev-state-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.dev-state-head code{font-size:12px;color:var(--colorNeutralForeground1)}
.dev-state-head strong{font-size:12px;font-weight:600;color:var(--colorNeutralForeground2)}
.dev-state p{margin:0;font-size:12px;line-height:1.7;color:var(--colorNeutralForeground2)}
.dev-state small{font-size:11px;line-height:1.65;color:var(--colorNeutralForeground2)}
.dev-rules{margin:0;padding-left:20px;max-width:90ch;font-size:13px;line-height:1.8;color:var(--colorNeutralForeground2)}
.dev-rules li{margin:8px 0;padding-left:4px}
.dev-lifecycle-link{margin:18px 0 0}
.dev-inline-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--colorBrandForeground2);border:0;background:none;padding:8px 0;text-align:left;text-decoration:none}
.dev-inline-link:hover{text-decoration:underline;text-underline-offset:4px}
.dev-inline-link svg{width:13px;height:13px}
.dev-limits-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:0 32px;margin:0;max-width:960px}
.dev-limits-list>div{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid var(--colorNeutralStroke2)}
.dev-limits-list dt{font-size:11px;color:var(--colorNeutralForeground2)}
.dev-limits-list dd{margin:0;font-size:13px;line-height:1.65;color:var(--colorNeutralForeground1)}

/* MCP */
.dev-mcp-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.dev-mcp-story h2,.dev-docs-heading h2{font-family:var(--fontFamilyBase);font-size:34px;font-weight:500;line-height:1.15;letter-spacing:-.025em;margin:5px 0 16px}
.dev-mcp-story>p,.dev-docs-heading p{font-size:14px;line-height:1.8;color:var(--colorNeutralForeground2);max-width:46ch;margin:0}
.dev-mcp-steps{margin:24px 0 0;padding-left:20px;font-size:13px;line-height:1.8;color:var(--colorNeutralForeground1);max-width:56ch}
.dev-mcp-steps li{margin:10px 0;padding-left:4px}
.dev-tool-directory{padding:24px 0 0}
.dev-tool-directory h3{font-size:12px;font-weight:600;margin:0 0 10px}
.dev-tool-directory button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:14px;padding:11px 10px;font-size:11px;line-height:1.6;border:0;border-radius:var(--borderRadiusSmall);background:none;color:var(--colorNeutralForeground1);text-align:left;min-height:40px}
.dev-tool-directory button:hover{background:var(--colorSubtleBackgroundHover)}
.dev-tool-directory button[aria-pressed=true]{background:var(--colorBrandBackground2);color:var(--colorBrandForeground2)}
.dev-tool-directory button code{overflow-wrap:anywhere}
.dev-tool-directory button span{color:var(--colorNeutralForeground2);text-align:right;font-size:11px}
.dev-tool-directory button[aria-pressed=true] span{color:var(--colorBrandForeground2)}
.dev-mcp-install{padding:20px}
.dev-mcp-install .dev-code-subbar{padding:0 0 8px}
.dev-mcp-install .dev-operation-note{padding:0 0 12px}
.dev-code-mcp{padding:18px 0;min-height:200px;max-height:520px}
.dev-code-config{padding:16px 0;min-height:0;max-height:none}
.dev-mcp-settings{border-top:1px solid var(--colorNeutralStroke2);padding:18px 20px;font-size:12px}
.dev-mcp-settings>div{padding-top:10px}
.dev-mcp-settings .dev-code-subbar{padding:0}
.dev-args-wrap{overflow-x:auto;margin:0 0 16px;scrollbar-width:thin;scrollbar-color:var(--colorNeutralStroke1) transparent}
.dev-args{width:100%;border-collapse:collapse;font-size:12px}
.dev-args caption{text-align:left;font-size:11px;font-weight:600;color:var(--colorNeutralForeground2);padding-bottom:8px}
.dev-args th,.dev-args td{text-align:left;vertical-align:top;padding:8px 10px 8px 0;border-bottom:1px solid var(--colorNeutralStroke2);line-height:1.6}
.dev-args th{font-size:11px;font-weight:600;color:var(--colorNeutralForeground2);white-space:nowrap}
.dev-args td{color:var(--colorNeutralForeground2)}
.dev-args td:first-child{color:var(--colorNeutralForeground1);white-space:nowrap}

/* Guias */
.dev-docs-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}
.dev-docs-heading h2{font-size:31px;margin-bottom:12px}
.dev-docs-heading p{font-size:13px}
.dev-search{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--colorNeutralBackground3);border:1px solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);color:var(--colorNeutralForeground2);width:260px}
.dev-search svg{width:16px;height:16px}
.dev-search input{min-width:0;width:100%;border:0;background:none;color:var(--colorNeutralForeground1);font-size:12px;caret-color:var(--colorCompoundBrandBackground)}
.dev-search input::placeholder{color:var(--colorNeutralForeground3)}
.dev-search:focus-within{outline:2px solid var(--colorStrokeFocus2);outline-offset:3px}
.dev-search input:focus-visible{outline:0}
.dev-docs-layout{display:grid;grid-template-columns:280px minmax(0,1fr);border-top:1px solid var(--colorNeutralStroke2);min-height:430px}
.dev-guide-list{padding:15px 24px 0 0;border-right:1px solid var(--colorNeutralStroke2)}
.dev-guide-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;background:none;border:0;color:var(--colorNeutralForeground1);padding:15px 12px;border-radius:var(--borderRadiusMedium);margin:3px 0}
.dev-guide-link:hover{background:var(--colorSubtleBackgroundHover)}
.dev-guide-link[aria-current=page]{background:var(--colorBrandBackground2);color:var(--colorBrandForeground2)}
.dev-guide-link small{display:block;font-size:10px;color:var(--colorNeutralForeground2);margin-bottom:6px}
.dev-guide-link[aria-current=page] small{color:var(--colorBrandForeground2)}
.dev-guide-link strong{font-size:12px;font-weight:600;line-height:1.6}
.dev-guide-link svg{width:15px;height:15px;color:var(--colorNeutralForeground2)}
.dev-empty-search{padding:15px;font-size:12px;color:var(--colorNeutralForeground2);line-height:1.8;margin:0}
.dev-guide-content{padding:30px 0 0 36px;font-size:14px;line-height:1.85;max-width:78ch}
.dev-reading-meta{display:flex;gap:15px;align-items:center;color:var(--colorNeutralForeground2);font-size:11px;margin-bottom:16px}
.dev-guide-content h3{font-family:var(--fontFamilyBase);font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:0 0 14px}
.dev-guide-content p{margin:16px 0;color:var(--colorNeutralForeground2)}
.dev-guide-content p.dev-guide-lead{font-size:16px;color:var(--colorNeutralForeground1);line-height:1.7;margin-bottom:24px}
.dev-guide-content ol,.dev-guide-content ul{padding-left:20px;color:var(--colorNeutralForeground1)}
.dev-guide-content li{padding-left:4px;margin:10px 0}
.dev-guide-section{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--colorNeutralStroke2)}
.dev-guide-content h4{margin:0 0 4px;font-size:12px;font-weight:600}
.dev-tone{display:inline-flex;align-items:center;border:1px solid var(--colorNeutralStroke1);background:var(--colorNeutralBackground3);color:var(--colorNeutralForeground2);border-radius:var(--borderRadiusSmall);padding:3px 9px;font-size:11px;font-weight:600}
.dev-guide-section[data-tone=implemented] .dev-tone{border-color:var(--colorStatusSuccessBorder1);background:var(--colorStatusSuccessBackground1);color:var(--colorStatusSuccessForeground1)}
.dev-guide-code{margin:16px 0;padding:14px 16px;overflow:auto;background:var(--labCodeBackground);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);font-size:11px;line-height:1.7;color:var(--colorNeutralForeground1)}
.dev-guide-bottom{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--colorNeutralStroke2)}
.dev-guide-bottom>span{color:var(--colorNeutralForeground2);font-size:11px}
.dev-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Bancada: acabamento Fluent sobre a estrutura acima */
.dev-surface{display:flow-root}
.dev-heading{margin-bottom:var(--spacingXL);align-items:flex-start}
.dev-heading h1{font:var(--typeTitle2);letter-spacing:0;margin:0 0 var(--spacingXS)}
.dev-heading p{font:var(--typeBody1);color:var(--colorNeutralForeground3);max-width:720px}
.dev-contract-note{font:var(--typeCaption1);padding:var(--spacingS) var(--spacingM);max-width:none;background:var(--colorBrandBackground2);border:var(--strokeWidthThin) solid var(--colorBrandStroke2);border-radius:var(--borderRadiusMedium);color:var(--colorNeutralForeground2)}
.dev-contract-note>svg{width:20px;height:20px;color:var(--colorBrandForeground1)}
.dev-contract-note strong{font-weight:var(--fontWeightSemibold)}
.dev-tabs{gap:var(--spacingS);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);margin-bottom:var(--spacingXL)}
.dev-tab{position:relative;gap:var(--spacingSNudge);padding:0 var(--spacingMNudge);min-height:44px;margin-bottom:0;border:0;border-radius:var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;font:var(--typeBody1);color:var(--colorNeutralForeground2);transition:background-color var(--durationFaster) var(--curveEasyEase),color var(--durationFaster) var(--curveEasyEase)}
.dev-tab:hover{background:var(--colorSubtleBackgroundHover);color:var(--colorNeutralForeground2Hover)}
.dev-tab::after{content:"";position:absolute;left:var(--spacingMNudge);right:var(--spacingMNudge);bottom:0;height:3px;border-radius:var(--borderRadiusCircular);background:transparent}
.dev-tab[aria-selected=true]{color:var(--colorNeutralForeground1);font-weight:var(--fontWeightSemibold);border:0}
.dev-tab[aria-selected=true]::after{background:var(--colorCompoundBrandStroke)}
.dev-surface svg{width:20px;height:20px}
.dev-surface button:focus-visible,.dev-surface input:focus-visible,.dev-surface select:focus-visible,.dev-surface summary:focus-visible,.dev-surface a:focus-visible,.dev-panel:focus-visible{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);outline-offset:1px}
.dev-surface code,.dev-surface pre{font-size:12px}
.dev-surface p code,.dev-surface li code,.dev-surface dd code,.dev-surface small code,.dev-surface td code{border-radius:var(--borderRadiusSmall);padding:1px var(--spacingXS);font-size:12px}
.dev-connection,.dev-cap,.dev-spaces li,.dev-alert{box-shadow:var(--shadow4);border-color:transparent;border-radius:var(--borderRadiusXLarge);background:var(--colorNeutralBackground1)}
.dev-connection{padding:var(--spacingL);margin-bottom:var(--spacingXL)}
.dev-connection dt{font:var(--typeCaption1Strong);color:var(--colorNeutralForeground3)}
.dev-connection dd{font:var(--typeBody1)}
.dev-connection p{font:var(--typeBody1);color:var(--colorNeutralForeground2)}
.dev-steps h2,.dev-subheading,.dev-spaces h3,.dev-tool-directory h3{font:var(--typeSubtitle2)}
.dev-step{border-radius:var(--borderRadiusMedium);transition:background-color var(--durationFaster) var(--curveEasyEase)}
.dev-step-number{font:var(--typeCaption1Strong);border-radius:var(--borderRadiusCircular)}
.dev-step-text strong{font:var(--typeBody1Strong)}
.dev-step-text small{font:var(--typeCaption1);font-family:var(--fontFamilyMonospace)}
.dev-step[aria-pressed=true]{background:var(--colorBrandBackground2);border-color:var(--colorBrandStroke1)}
.dev-code-workspace,.dev-mcp-config{background:var(--colorNeutralBackground1);border:0;border-radius:var(--borderRadiusXLarge);box-shadow:var(--shadow4)}
.dev-code-toolbar{background:var(--colorNeutralBackground2);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2)}
.dev-code-toolbar>strong{font:var(--typeBody1Strong)}
.dev-endpoint>span{display:inline-flex;align-items:center;min-height:20px;padding:0 var(--spacingSNudge);border-radius:var(--borderRadiusSmall);background:var(--colorBrandBackground2);border:var(--strokeWidthThin) solid var(--colorBrandStroke2);color:var(--colorBrandForeground2);font:var(--typeCaption1Strong);font-family:var(--fontFamilyMonospace);letter-spacing:0}
.dev-endpoint code{font-size:13px}
.dev-contract-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 var(--spacingSNudge);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusCircular);background:var(--colorNeutralBackground1);color:var(--colorNeutralForeground2);font:var(--typeCaption1Strong);font-family:var(--fontFamilyMonospace)}
.dev-code-subbar{padding:var(--spacingM) var(--spacingL) 0;font:var(--typeCaption1)}
.dev-languages{gap:var(--spacingXS)}
.dev-language{min-height:28px;padding:3px var(--spacingMNudge);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font:var(--typeCaption1)}
.dev-language:hover{background:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1)}
.dev-language[aria-pressed=true]{background:var(--colorBrandBackground2);border-color:var(--colorBrandStroke1);color:var(--colorBrandForeground2);font-weight:var(--fontWeightSemibold)}
.dev-copy{min-height:28px;gap:var(--spacingXS);padding:3px var(--spacingS);border-radius:var(--borderRadiusMedium);font:var(--typeCaption1Strong);color:var(--colorNeutralForeground2)}
.dev-copy:hover{background:var(--colorSubtleBackgroundHover);color:var(--colorNeutralForeground2Hover)}
.dev-copy:active{background:var(--colorSubtleBackgroundPressed)}
.dev-copy>svg{width:16px;height:16px}
.dev-code{margin:var(--spacingS) var(--spacingL) var(--spacingM);padding:var(--spacingL);background:var(--labCodeBackground);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);font-family:var(--fontFamilyMonospace);font-size:12px;line-height:20px;max-width:calc(100% - 2 * var(--spacingL))}
.dev-mcp-install .dev-code{margin-left:0;margin-right:0;max-width:100%}
.dev-code-mcp,.dev-code-config{padding:var(--spacingL)}
.dev-operation-note,.dev-example-status{font:var(--typeBody1);color:var(--colorNeutralForeground2)}
.dev-example-status{border-top:var(--strokeWidthThin) solid var(--colorNeutralStroke2)}
.dev-errors{font:var(--typeCaption1);border-top-color:var(--colorNeutralStroke2)}
.dev-errors code{border-radius:var(--borderRadiusCircular);background:var(--colorStatusDangerBackground1);border-color:var(--colorStatusDangerBorder1);color:var(--colorStatusDangerForeground1);font-size:12px}
.dev-response{background:var(--colorNeutralBackground2)}
.dev-response summary{font:var(--typeBody1Strong)}
.dev-response summary span{font:var(--typeCaption1);font-family:var(--fontFamilyMonospace)}
.dev-response pre{font-size:12px;line-height:20px}
.dev-response-note,.dev-prototype-note,.dev-catalog-summary span{font:var(--typeCaption1);color:var(--colorNeutralForeground3)}
.dev-live,.dev-lifecycle,.dev-limits{border-top:var(--strokeWidthThin) solid var(--colorNeutralStroke2)}
.dev-section-heading h2{font:var(--typeSubtitle1);letter-spacing:0;margin:0 0 var(--spacingXS)}
.dev-section-heading p,.dev-catalog-summary{font:var(--typeBody1);color:var(--colorNeutralForeground2)}
.dev-catalog{font:var(--typeCaption1)}
.dev-catalog strong,.dev-catalog p{font:var(--typeCaption1);color:var(--colorNeutralForeground3)}
.dev-family{border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground1);font:var(--typeBody1);min-height:32px;padding:3px var(--spacingMNudge)}
.dev-family:hover{background:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover)}
.dev-family[aria-pressed=true]{font-weight:var(--fontWeightSemibold)}
.dev-cap{padding:var(--spacingL)}
.dev-cap-head a{font:var(--typeBody1Strong)}
.dev-cap>p,.dev-method-note,.dev-processing,.dev-clients,.dev-cap-limits{font:var(--typeCaption1)}
.dev-method{border-radius:var(--borderRadiusMedium);background:var(--colorNeutralBackground2)}
.dev-method-name,.dev-cap-methods>summary{font:var(--typeBody1Strong)}
.dev-status{min-height:20px;padding:0 var(--spacingSNudge);border-radius:var(--borderRadiusCircular);font:var(--typeCaption1Strong)}
.dev-alert{border:var(--strokeWidthThin) solid var(--colorNeutralStroke2)}
.dev-alert[data-tone=error]{border-color:var(--colorStatusDangerBorder1);background:var(--colorStatusDangerBackground1);box-shadow:none;border-radius:var(--borderRadiusMedium)}
.dev-alert strong{font:var(--typeBody1Strong);color:var(--colorStatusDangerForeground1)}
.dev-alert p{font:var(--typeBody1)}
.dev-secondary{min-height:32px;padding:5px var(--spacingM);border-radius:var(--borderRadiusMedium);font:var(--typeBody1Strong);border-color:var(--colorNeutralStroke1);background:var(--colorNeutralBackground1)}
.dev-secondary:hover{background:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover)}
.dev-state{border-radius:var(--borderRadiusMedium);border-left-width:var(--strokeWidthThickest);box-shadow:var(--shadow2);border-color:transparent;border-left-color:var(--colorNeutralStroke1)}
.dev-state[data-tone=warning]{border-left-color:var(--colorStatusWarningForeground1)}
.dev-state[data-tone=success]{border-left-color:var(--colorStatusSuccessForeground1)}
.dev-state[data-tone=error]{border-left-color:var(--colorStatusDangerForeground1)}
.dev-state-head code{font-weight:var(--fontWeightSemibold);font-size:13px}
.dev-rules{font:var(--typeBody1);line-height:24px}
.dev-limits-list dt{font:var(--typeCaption1Strong);color:var(--colorNeutralForeground3)}
.dev-limits-list dd{font:var(--typeBody1)}
.dev-limits-list>div{border-bottom-color:var(--colorNeutralStroke2)}
.dev-mcp-story h2,.dev-docs-heading h2{font:var(--typeTitle3);letter-spacing:0;margin:0 0 var(--spacingS)}
.dev-mcp-story>p,.dev-docs-heading p,.dev-mcp-steps{font:var(--typeBody1);line-height:24px}
.dev-mcp-steps{color:var(--colorNeutralForeground1)}
.dev-tool-directory button{font:var(--typeCaption1);border-radius:var(--borderRadiusMedium);transition:background-color var(--durationFaster) var(--curveEasyEase)}
.dev-tool-directory button[aria-pressed=true]{font-weight:var(--fontWeightSemibold)}
.dev-mcp-settings{font:var(--typeBody1)}
.dev-args caption{font:var(--typeCaption1Strong);color:var(--colorNeutralForeground3)}
.dev-args th{font:var(--typeCaption1Strong);color:var(--colorNeutralForeground2);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke1)}
.dev-args th,.dev-args td{padding:var(--spacingS) var(--spacingM) var(--spacingS) var(--spacingNone);font-size:13px}
.dev-search{min-height:32px;padding:5px var(--spacingMNudge);background:var(--colorNeutralBackground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-bottom-color:var(--colorNeutralStrokeAccessible);border-radius:var(--borderRadiusMedium)}
.dev-search input{font:var(--typeBody1)}
.dev-search:focus-within{outline:0;border-bottom-color:var(--colorCompoundBrandStroke);box-shadow:inset 0 -1px 0 var(--colorCompoundBrandStroke)}
.dev-docs-layout{border-top:var(--strokeWidthThin) solid var(--colorNeutralStroke2)}
.dev-guide-list{border-right:var(--strokeWidthThin) solid var(--colorNeutralStroke2)}
.dev-guide-link{border-radius:var(--borderRadiusMedium);transition:background-color var(--durationFaster) var(--curveEasyEase)}
.dev-guide-link small{font:var(--typeCaption2)}
.dev-guide-link strong{font:var(--typeBody1Strong)}
.dev-guide-link[aria-current=page]{background:var(--colorBrandBackground2);box-shadow:inset var(--strokeWidthThickest) 0 0 var(--colorCompoundBrandStroke)}
.dev-guide-content{font:var(--typeBody1);line-height:26px}
.dev-guide-content h3{font:var(--typeTitle3);letter-spacing:0}
.dev-guide-content h4{font:var(--typeBody1Strong)}
.dev-guide-content p.dev-guide-lead{font:var(--typeSubtitle2);line-height:26px;font-weight:var(--fontWeightRegular)}
.dev-reading-meta{font:var(--typeCaption1)}
.dev-tone{min-height:20px;padding:0 var(--spacingSNudge);border-radius:var(--borderRadiusCircular);font:var(--typeCaption1Strong)}
.dev-guide-code{background:var(--labCodeBackground);border-radius:var(--borderRadiusMedium);font-size:12px;line-height:20px}
.dev-guide-section{border-top-color:var(--colorNeutralStroke2)}
.dev-guide-bottom{border-top-color:var(--colorNeutralStroke2)}
.dev-guide-bottom>span{font:var(--typeCaption1)}
.dev-inline-link{font:var(--typeBody1)}

@media(max-width:1100px){
  .dev-heading{align-items:flex-start}
  .dev-contract-note{max-width:190px}
  .dev-workbench{grid-template-columns:230px minmax(0,1fr);gap:22px}
  .dev-mcp-layout{gap:28px}
  .dev-docs-layout{grid-template-columns:240px minmax(0,1fr)}
  .dev-guide-content{padding-left:28px}
}
@media(max-width:780px){
  .dev-heading{display:block;margin-bottom:24px}
  .dev-contract-note{margin-top:18px;max-width:none}
  .dev-tabs{gap:26px;margin-bottom:24px}
  .dev-tab{padding:0 var(--spacingS)}
  .dev-connection{padding:14px 16px}
  .dev-connection dl{grid-template-columns:1fr}
  .dev-workbench{grid-template-columns:1fr;gap:20px}
  .dev-steps h2{font-size:14px;margin:0 0 12px}
  .dev-step-list{flex-direction:row;overflow-x:auto;padding-bottom:8px;gap:6px;scrollbar-width:thin;scrollbar-color:var(--colorNeutralStroke1) transparent}
  .dev-step{width:auto;white-space:nowrap;flex:none;padding:10px 12px;min-height:44px}
  .dev-step-text small,.dev-step>svg{display:none}
  .dev-step-text strong{font-size:12px}
  .dev-catalog{margin:8px 0 0;padding-top:6px}
  .dev-catalog>div{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
  .dev-catalog strong,.dev-catalog p{grid-column:1/-1}
  .dev-code{min-height:260px;max-height:440px;padding:var(--spacingM);margin:var(--spacingS) var(--spacingM) var(--spacingM);max-width:calc(100% - 2 * var(--spacingM))}
  .dev-code-toolbar{padding:14px 12px;align-items:flex-start}
  .dev-code-subbar{padding:10px 8px 0;gap:4px}
  .dev-language{font-size:10px;padding:8px}
  .dev-copy{font-size:10px;padding:8px 6px}
  .dev-endpoint{gap:8px}
  .dev-endpoint code{font-size:11px}
  .dev-contract-badge{font-size:9px;white-space:normal;text-align:right}
  .dev-operation-note{padding:0 16px 16px}
  .dev-example-status,.dev-errors{padding:12px 16px}
  .dev-response{padding:14px 12px}
  .dev-response summary{font-size:11px}
  .dev-response summary span{font-size:10px}
  .dev-live,.dev-lifecycle,.dev-limits{margin-top:32px;padding-top:24px}
  .dev-cap-list,.dev-states,.dev-spaces ul,.dev-limits-list{grid-template-columns:1fr}
  .dev-mcp-layout{grid-template-columns:1fr;gap:28px}
  .dev-mcp-story>p{max-width:none}
  .dev-mcp-install{padding:16px}
  .dev-code-mcp{min-height:200px}
  .dev-tool-directory{padding-top:22px}
  .dev-code-toolbar>strong{font-size:12px}
  .dev-docs-heading{display:block;margin-bottom:24px}
  .dev-search{margin-top:22px;width:100%;box-sizing:border-box}
  .dev-docs-layout{grid-template-columns:1fr}
  .dev-guide-list{border-right:0;border-bottom:1px solid var(--colorNeutralStroke2);display:flex;overflow:auto;padding:14px 0;gap:8px;scrollbar-width:thin;scrollbar-color:var(--colorNeutralStroke1) transparent}
  .dev-guide-link{flex:none;width:195px;padding:12px}
  .dev-guide-link svg{display:none}
  .dev-empty-search{min-width:240px}
  .dev-guide-content{padding:26px 0 0;max-width:100%}
  .dev-guide-bottom{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .dev-step{transition:none}
  .dev-spin{animation:none}
}