/* Workspace, model setup, and three-column API reference layouts. */
.workspace{display:grid;grid-template-columns:222px minmax(0,1fr);background:var(--canvas);min-height:calc(100dvh - 58px)}
.sidebar{background:white;border-right:1px solid var(--line);padding:31px 22px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100dvh - 58px)}
.sidebar>.brand{margin:0 7px 36px;font-size:22px}
.workspace-name{display:flex;align-items:center;gap:9px;padding:12px 9px;background:var(--canvas);border:1px solid var(--line);border-radius:7px;font-size:10px;min-width:0}
.workspace-name strong{display:block;overflow-wrap:anywhere}
.workspace-name small{display:block;font-size:9px;color:var(--muted)}
.workspace-monogram{background:white;border:1px solid var(--line);padding:4px 9px;border-radius:4px;font-size:14px}
.nav-caption{font-size:8px;letter-spacing:1.2px;color:var(--muted);margin:31px 10px 9px}
.sidebar nav{display:flex;flex-direction:column;gap:5px}
.sidebar nav a{display:flex;gap:12px;align-items:center;padding:10px;border-radius:5px;font-size:12px;color:var(--muted)}
.sidebar nav a:hover{background:var(--canvas)}
.sidebar nav a[aria-current]{color:var(--blue);background:#eef4ff;font-weight:600}
.nav-icon{font-size:17px;line-height:1;width:18px;text-align:center;font-weight:400}
.nav-count{margin-left:auto;background:#e2ebfc;color:#5f7eb3;font-size:9px;padding:0 5px;border-radius:3px}
.sidebar-bottom{margin-top:auto;padding-top:40px}
.sidebar-bottom>a{font-size:11px;display:flex;justify-content:space-between;padding:0 10px}
.sidebar-bottom>p{font-size:10px;padding:8px 10px 20px}
.sidebar-user{padding-top:20px;border-top:1px solid var(--line);display:flex;gap:9px;align-items:center}
.sidebar-user .avatar{width:29px;height:29px;font-size:10px}
.sidebar-user strong{display:block;font-size:10px}
.sidebar-user small{font-size:9px;color:var(--muted);display:block}
.sidebar-user button{margin-left:auto;border:0;background:transparent;font-size:17px;color:var(--muted);padding:5px}
.workspace-header{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 39px;background:#ffffffb0;color:var(--muted);font-size:11px}
.breadcrumb-slash{color:#bcc8d9;padding:0 10px}
.demo-indicator{font-size:10px;border:1px solid var(--line);border-radius:5px;background:white;padding:3px 8px;color:var(--muted)}
.workspace-main{padding:38px 39px 55px;max-width:1470px;margin:auto}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}
.page-heading .eyebrow{font-size:9px;margin-bottom:12px}
.page-heading h1{font-size:31px}
.page-heading p:not(.eyebrow){font-size:12px;margin-top:10px}
.page-heading>.button{margin-top:22px}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);background:white;border:1px solid var(--line);border-radius:8px;padding:23px 0;margin-bottom:28px}
.stats-row article{padding:0 25px;border-right:1px solid var(--line)}
.stats-row article:last-child{border:0}
.stats-row article>span:first-child{font-size:11px;color:var(--muted)}
.stats-row strong{display:flex;align-items:baseline;gap:12px;font:38px/1.3 var(--display);font-weight:500;margin:9px 0 12px;letter-spacing:-1.5px}
.stats-row small{font:10px var(--body);color:var(--muted);letter-spacing:0}
.stats-row a{font-size:10px;color:#5679ab}
.stat-footnote{font-size:10px;color:var(--muted)}
.panel{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.panel-heading{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.panel-heading h2{font-size:17px}
.panel-heading p{font-size:11px;margin-top:5px}
.panel-heading>a,.panel-heading>.muted{font-size:10px}
.panel-heading>a{color:#527bb6}
.checklist-items{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.checklist-item{display:flex;gap:12px;padding:20px 24px;align-items:center}
.checklist-item:nth-child(odd){border-right:1px solid var(--line)}
.checklist-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
.checklist-item:hover{background:#fbfcff}
.step-circle{display:flex;width:26px;height:26px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;font:10px var(--mono);color:var(--muted)}
.checklist-item.done .step-circle{background:#eef4ff;border-color:#c9dcfd;color:var(--blue)}
.checklist-item strong{display:block;font-size:11px;font-weight:500}
.checklist-item small{display:block;font-size:9px;color:var(--muted);margin-top:4px}
.step-arrow{font-size:12px;margin-left:auto;color:var(--muted)}
.done .step-arrow{font-size:9px;color:var(--muted)}
.dashboard-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:23px;margin:25px 0}
.mini-models{padding:0 24px 7px}
.mini-model{display:flex;align-items:center;gap:11px;padding:15px 0;width:100%;border:0;border-top:1px solid #eef2f7;text-align:left;background:transparent}
.mini-model>span:nth-child(2){flex:1}
.mini-model strong{font-size:11px;font-weight:500}
.mini-model small{display:block;font-size:9px;color:var(--muted)}
.mini-model .avatar{width:32px;height:32px;font-size:10px}
.mini-model .badge{font-size:9px}
.quickstart-card{background:#edf3fe;border:1px solid #dce7fb;border-radius:8px;padding:26px 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.code-emblem{font:28px var(--mono);letter-spacing:-3px;color:#5d85c7;margin-bottom:22px}
.quickstart-card h2{font-size:21px}
.quickstart-card p{font-size:11px;line-height:1.9;margin:12px 0 20px}
.quickstart-card .button{font-size:10px;padding:10px 15px}
.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}
th{font-weight:400;font-size:10px;background:#fbfcfe;color:var(--muted);border-top:1px solid var(--line);padding:11px 24px}
td{padding:17px 24px;border-top:1px solid #edf1f7}
td .method{margin-right:7px;font-size:8px}
.activity-panel .panel-heading{padding-bottom:20px}
.quiet-empty{padding:26px 24px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}
.quiet-empty a{color:var(--blue)}
.roster-summary{display:flex;gap:25px;font-size:11px;color:var(--muted);margin:-12px 0 27px}
.roster-summary span:first-child{color:#4e665c;display:flex;align-items:center;gap:8px}
.roster-toolbar{padding:15px 23px}
.roster-toolbar .search-field{width:260px}
.roster-toolbar select{font-size:11px;padding:7px 27px 7px 11px}
.model-name{display:flex;align-items:center;gap:12px;background:transparent;border:0;text-align:left;padding:0}
.model-name strong{font-size:12px;font-weight:500}
.model-name small{display:block;font-size:10px;color:var(--muted)}
.models-table td{padding-top:22px;padding-bottom:22px}
.under-panel-note{font-size:10px;color:var(--muted);margin:20px 1px;display:flex;gap:10px}
.under-panel-note>span{font-size:14px;color:var(--muted)}
.empty-state{padding:70px 25px;text-align:center}
.empty-symbol{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #dce7fb;border-radius:14px;background:#f3f7ff;color:#6a8bc0;font-size:28px;margin:0 auto 23px}
.empty-state h2{font-size:23px}
.empty-state p{font-size:12px;max-width:340px;margin:13px auto 25px}
.info-banner{display:flex;gap:12px;align-items:flex-start;padding:19px 22px;background:#edf3fd;border:1px solid #dae6fc;border-radius:7px;margin-bottom:26px;font-size:12px}
.info-banner strong{font-weight:500}
.info-banner p{margin-top:4px;font-size:11px}
.info-banner .info-mark{margin-top:2px}
.cell-subtitle{display:block;font-size:10px;color:var(--muted);margin-top:3px}

.setup-layout{max-width:720px;margin:0 auto}
.setup-steps{display:flex;justify-content:space-between;padding:0;margin:6px 0 30px;list-style:none;font-size:11px;color:var(--muted)}
.setup-steps li{display:flex;align-items:center;gap:8px}
.setup-steps li>span{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;width:25px;height:25px;font:10px var(--mono)}
.setup-steps li.current{color:#3c6db4}
.setup-steps li.current>span{background:#eaf2ff;border-color:#bcd2f7}
.setup-card{padding:35px;overflow:visible}
.setup-card h2{font-size:25px;margin-bottom:12px}
.setup-card>p{font-size:12px}
.setup-card form{margin-top:28px}
.setup-caption{text-align:center;font-size:10px;color:var(--muted);margin-top:22px}
.setup-identity{display:flex;align-items:center;gap:12px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--line)}
.setup-identity strong{font-size:12px}
.setup-identity small{display:block;font-size:10px;color:var(--muted)}
.connection-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 16px}
.connection-options article{border:1px solid var(--line);border-radius:7px;padding:23px}
.option-symbol{display:flex;width:32px;height:32px;background:var(--pale);border-radius:7px;color:var(--blue);font-size:19px;align-items:center;justify-content:center;margin-bottom:18px}
.connection-options h3{font-size:16px}
.connection-options p{font-size:11px;margin:12px 0 23px;min-height:52px}
.connection-options .button{font-size:11px;padding:10px}
.setup-success{text-align:center;padding:6px 0 30px}
.setup-success .eyebrow{font-size:9px;margin:20px 0 13px}
.setup-success p{font-size:12px}
.success-symbol{display:inline-flex;align-items:center;justify-content:center;font-size:25px;color:var(--blue);background:var(--pale);border:1px solid #d6e5ff;border-radius:50%;width:54px;height:54px}
.connected-summary{display:flex;align-items:center;gap:12px;padding:20px;background:var(--canvas);border:1px solid var(--line);border-radius:7px}
.connected-summary strong{font-size:12px}
.connected-summary small{display:block;font-size:10px;color:var(--muted)}
.connected-summary .badge{margin-left:auto}

.docs-layout{display:grid;grid-template-columns:232px minmax(320px,1fr) 370px;max-width:1536px;margin:auto}
.docs-sidebar{padding:31px 21px;border-right:1px solid var(--line);height:calc(100dvh - 91px);position:sticky;top:0;overflow:auto}
.docs-home{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:600;margin-bottom:21px}
.docs-sidebar .search-field{padding:0 9px;border:1px solid var(--line);border-radius:6px;margin-bottom:25px}
.docs-sidebar .search-field input{font-size:10px}
.docs-sidebar .search-field>span{font-size:19px}
.docs-sidebar section{margin-bottom:23px}
.docs-sidebar section h2{font:600 10px var(--body);letter-spacing:0;margin:0 9px 9px}
.docs-sidebar section a{display:flex;align-items:center;gap:7px;font-size:10px;padding:9px 8px;border-radius:5px;color:var(--muted);margin-bottom:2px}
.docs-sidebar section a[aria-current]{background:var(--pale);color:var(--blue)}
.docs-sidebar section a:hover{background:var(--canvas)}
.docs-sidebar .method{font-size:7px;padding:2px 4px}
.docs-guide{display:block;font-size:9px;color:var(--muted);margin:32px 9px 15px}
.docs-content{padding:41px 36px 45px;min-width:0}
.docs-content>.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:17px}
.docs-content h1{font-size:33px;line-height:1.15}
.docs-intro{font-size:12px;line-height:1.9;margin-top:18px}
.endpoint-path{display:flex;align-items:center;gap:10px;padding:13px 12px;background:var(--canvas);border:1px solid var(--line);border-radius:6px;margin:23px 0}
.endpoint-path code{font-size:11px;overflow-wrap:anywhere}
.endpoint-path button{margin-left:auto}
.docs-note{display:flex;gap:10px;align-items:flex-start;padding:15px 0 20px;font-size:11px}
.docs-note .info-mark{margin-top:2px}
.docs-content h2{font-size:18px;margin:26px 0 19px}
.parameter-list article{padding:16px 0;border-bottom:1px solid var(--line)}
.parameter-list article:first-child{padding-top:0}
.parameter-list article>div{display:flex;align-items:center;gap:10px;font-size:11px}
.parameter-list code{font-size:11px;font-weight:600}
.parameter-list span{font:9px var(--mono);color:var(--muted)}
.parameter-list small{margin-left:auto;color:var(--muted);font-size:9px}
.parameter-list p{font-size:11px;margin-top:7px}
.request-example{border:1px solid var(--line);border-radius:7px;overflow:hidden}
.example-tabs{display:flex;gap:16px;padding:0 14px;background:var(--canvas);border-bottom:1px solid var(--line)}
.example-tabs button:not(.code-copy){border:0;border-bottom:2px solid transparent;padding:11px 0;background:transparent;font-size:10px;color:var(--muted)}
.example-tabs button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--blue)}
.example-tabs .code-copy{margin-left:auto}
.request-example pre{padding:17px;font-size:10px;line-height:1.8}
.response-explanation{font-size:12px;line-height:1.9}
.docs-pagination{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:35px;padding-top:25px;font-size:10px;color:#6c87ad}
.playground{background:#f7f9fd;border-left:1px solid var(--line);padding:33px 23px;min-width:0}
.playground-heading{display:flex;justify-content:space-between;margin-bottom:24px}
.playground-heading .eyebrow{font-size:9px;margin:0}
.playground-heading .sample-label{font-size:8px;color:var(--muted)}
.playground-controls{display:grid;grid-template-columns:1fr;gap:0}
.playground .field{font-size:10px;gap:6px;margin-bottom:14px}
.playground select{font-size:11px;padding:8px 24px 8px 10px;width:100%}
.code-panel,.response-panel{border:1px solid var(--line);border-radius:7px;background:white;overflow:hidden}
.code-panel-heading{padding:11px 13px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:10px;min-height:42px;background:#fcfdff}
.code-panel textarea{font:10px/1.9 var(--mono);border:0;border-radius:0;resize:vertical;width:100%;height:278px;padding:15px;display:block;background:white;tab-size:2}
.request-error{padding:0 15px 12px}
.playground>.button{margin:13px 0 23px;font-size:11px}
.response-panel pre{padding:15px;font-size:10px;line-height:1.8;max-height:520px;overflow:auto}
.response-notice{font-size:9px;padding:9px 13px;color:var(--muted);border-bottom:1px solid #edf1f6}
.response-notice.incomplete{color:#9b712e;background:#fff7e9}
.playground-footnote{font-size:9px;color:var(--muted);text-align:center;margin-top:20px;line-height:1.8}
.no-body{padding:20px;font-size:11px}


@media(min-width:1450px){.docs-layout{grid-template-columns:250px minmax(350px,1fr) 415px}
.playground{padding:36px 28px}
.docs-content{padding:45px}
.workspace-main{padding:43px 47px}
}


@media(max-width:1150px){.workspace{grid-template-columns:190px minmax(0,1fr)}
.sidebar{padding-inline:16px}
.workspace-main{padding:30px 26px 45px}
.workspace-header{padding-inline:26px}
.page-heading h1{font-size:27px}
.stats-row article{padding:0 19px}
.stats-row strong{font-size:31px;gap:8px}
.stats-row small{font-size:9px}
.checklist-item{padding:17px}
.checklist-item small{max-width:160px}
.step-arrow{display:none}
.docs-layout{grid-template-columns:190px minmax(280px,1fr) 305px}
.docs-sidebar{padding:25px 13px}
.docs-sidebar section a{font-size:9px;gap:5px}
.docs-sidebar .method{font-size:6px}
.docs-content{padding:32px 24px}
.playground{padding:27px 17px}
.docs-content h1{font-size:27px}
.mini-model .badge{font-size:8px}
.dashboard-bottom{grid-template-columns:1.25fr 1fr;gap:17px}
.mini-models{padding-inline:18px}
.panel-heading{padding:20px}
.quickstart-card{padding:23px}
.page-heading>.button{font-size:11px}
}


@media(max-width:950px){.docs-layout{grid-template-columns:190px minmax(0,1fr)}
.docs-sidebar{grid-row:1/3}
.playground{grid-column:2;border-top:1px solid var(--line);border-left:0;padding:30px}
.docs-content{padding:32px 30px}
.playground-controls{grid-template-columns:1fr 1fr;gap:15px}
.response-panel pre{max-height:360px}
.code-panel textarea{height:250px}
.dashboard-bottom{grid-template-columns:1fr}
.quickstart-card{display:none}
.stats-row strong{display:block}
.stats-row small{display:block;margin-top:5px}
.checklist-items{grid-template-columns:1fr}
.checklist-item:nth-child(odd){border-right:0}
.checklist-item:not(:last-child){border-bottom:1px solid var(--line)}
.checklist-item small{max-width:none}
.step-arrow{display:block}
.page-heading{align-items:flex-start;flex-direction:column;gap:15px}
.page-heading>.button{margin:0}
.connection-options{gap:12px}
.connection-options article{padding:19px}
}


@media(max-width:700px){.workspace{display:block}
.sidebar{position:static;width:100%;height:auto;padding:17px 20px 0;border-right:0;border-bottom:1px solid var(--line)}
.sidebar>.brand{margin:0 0 15px;font-size:21px}
.workspace-name,.nav-caption,.sidebar-bottom{display:none}
.sidebar nav{flex-direction:row;gap:8px;overflow:auto;padding-bottom:12px}
.sidebar nav a{padding:8px 9px;gap:6px;font-size:11px;white-space:nowrap}
.nav-icon{font-size:14px;width:14px}
.nav-count{display:none}
.workspace-header{height:48px;padding:0 20px;font-size:10px}
.workspace-main{padding:28px 20px 40px}
.page-heading h1{font-size:29px}
.page-heading p:not(.eyebrow){font-size:12px;line-height:1.8}
.page-heading{margin-bottom:25px}
.stats-row{padding:17px 0;margin-bottom:23px}
.stats-row article{padding:0 13px;min-width:0}
.stats-row article>span:first-child{font-size:9px}
.stats-row strong{font-size:28px;margin:8px 0}
.stats-row small{font-size:8px}
.stats-row a,.stat-footnote{font-size:8px}
.panel-heading{padding:18px;gap:12px}
.panel-heading h2{font-size:16px}
.panel-heading p{font-size:10px}
.panel-heading>.muted{font-size:9px;white-space:nowrap}
.checklist-item{padding:17px}
.checklist-item strong{font-size:11px}
.checklist-item small{font-size:9px}
.step-arrow{font-size:11px}
.mini-models{padding-inline:18px}
.mini-model{padding:15px 0}
.mini-model .badge{font-size:9px}
.activity-panel th,.activity-panel td{padding:14px 17px}
.activity-panel .sample-label{font-size:7px}
.roster-summary{font-size:9px;gap:14px;flex-wrap:wrap;margin-top:-8px}
.roster-toolbar{padding:12px 17px;gap:8px}
.roster-toolbar .search-field{width:auto;flex:1;min-width:0}
.roster-toolbar select{font-size:10px;max-width:134px}
.models-table th,.models-table td{padding-inline:18px}
.empty-state{padding:45px 22px}
.empty-state h2{font-size:22px}
.under-panel-note{font-size:9px}
.setup-card{padding:24px}
.setup-steps{font-size:9px;gap:8px;margin-bottom:22px}
.setup-steps li{gap:5px;line-height:1.4}
.setup-steps li>span{width:20px;height:20px;font-size:9px;flex-shrink:0}
.setup-card h2{font-size:24px}
.connection-options{grid-template-columns:1fr}
.connection-options article{padding:22px}
.connection-options p{min-height:0}
.connected-summary{flex-wrap:wrap;padding:17px}
.connected-summary .badge{margin-left:50px}
.setup-caption{font-size:9px}
.docs-layout{display:flex;flex-direction:column}
.docs-sidebar{position:static;height:auto;padding:21px 24px;border-right:0;border-bottom:1px solid var(--line)}
.docs-home{margin-bottom:14px}
.docs-sidebar .search-field{margin-bottom:14px}
.docs-sidebar nav{display:flex;gap:17px;overflow:auto;max-height:175px;padding-bottom:7px}
.docs-sidebar section{min-width:150px;margin:0}
.docs-sidebar section h2{font-size:10px}
.docs-sidebar section a{font-size:10px}
.docs-sidebar .method{font-size:7px}
.docs-guide{display:none}
.docs-content{padding:32px 24px}
.docs-content h1{font-size:31px}
.docs-intro{font-size:13px}
.parameter-list p{font-size:12px}
.parameter-list article>div{font-size:12px}
.parameter-list code{font-size:12px}
.request-example pre{font-size:10px}
.playground{padding:28px 24px}
.playground-controls{grid-template-columns:1fr;gap:0}
.playground select{font-size:12px}
.code-panel textarea{font-size:11px;height:300px}
.response-panel pre{font-size:11px}
.docs-pagination{font-size:10px}
.info-banner{padding:17px}
.info-banner p{font-size:11px}
}

/* Credential forms use a native disabled group during cleanup. */
.reconnect-card fieldset{border:0;padding:0;margin:0;min-width:0}
.staff-actions+td small,.models-table td>small{display:block}