#aiConfiguration{--ai-ink:#20324d;--ai-muted:#536781;--ai-blue:#2563eb;color:var(--ai-ink)}
body.ai-config-active .main>.top{display:none}body.ai-config-active #aiConfiguration{padding-top:4px}
#aiConfiguration button,#aiConfiguration a{touch-action:manipulation}#aiConfiguration :focus-visible{outline:3px solid #2563eb;outline-offset:3px}
#ecommerceMedia{padding:10px 0;font-size:13px;line-height:1.6}#ecommerceMedia small{display:block;color:#536781}#ecommerceMedia[hidden]{display:none}#ecommerceMedia input{max-width:100%}
.ai-page-head,.ai-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.ai-page-head{margin-bottom:24px}.ai-page-head h2{font-size:26px;margin:0 0 7px}.ai-page-head p,.ai-section-head p{margin:0;color:var(--ai-muted);line-height:1.6}.ai-section-head{margin-bottom:14px}.ai-section-head h3{margin:0;font-size:18px}.ai-page-state{padding:10px 14px;background:#e9f5ef;color:#12634e;border:1px solid #c4e4d5;border-radius:12px;font-size:13px;max-width:300px}.ai-page-state[data-ready=false]{background:#f3f6fb;color:var(--ai-muted);border-color:#d8e3f2}
.ai-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ai-provider-card{appearance:none;text-align:left;min-width:0;min-height:154px;padding:20px;background:#fff;border:1px solid #d8e3f2;border-radius:14px;color:var(--ai-ink);cursor:pointer}
.ai-provider-card[aria-pressed=true]{border-color:var(--ai-blue);box-shadow:0 0 0 2px #2563eb14}
.ai-provider-card:focus-visible,.ai-controls :focus-visible,.ai-task-table :focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.ai-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.ai-brand-name{display:flex;align-items:center;gap:10px;min-width:0}
.ai-brand-logo{display:block;flex:none;width:36px;height:36px;object-fit:contain}
.ai-card-title strong{font-size:17px;line-height:1.4;overflow-wrap:anywhere}
.ai-state{font-size:12px;padding:4px 7px;border-radius:6px;background:#f1f4f9;color:#536781;white-space:nowrap}
.ai-state[data-state=verified]{background:#e4f6ed;color:#12634e}
.ai-state[data-state=failed]{background:#fff0f0;color:#b2273c}
.ai-provider-card p{font-size:14px;line-height:1.5;margin:14px 0 12px;color:var(--ai-muted)}
.ai-capabilities{display:flex;flex-wrap:wrap;gap:6px}
.ai-capabilities span{font-size:12px;padding:3px 7px;border:1px solid #d7e3f4;background:#f8faff;border-radius:6px}
.ai-settings{background:#fff;border:1px solid #d8e3f2;border-radius:16px;margin-top:20px;padding:22px}.ai-selected-name{font-size:18px;margin:0}.ai-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.ai-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:14px}.ai-field>span{font-weight:600}.ai-field input,.ai-field select,.ai-task-table select{width:100%;min-width:0;padding:11px 12px;min-height:44px;border:1px solid #bdcde4;border-radius:9px;background:#f9fbfe;color:var(--ai-ink);font:inherit}.ai-field small{color:var(--ai-muted);line-height:1.5}.ai-key-wrap{display:flex;gap:8px}.ai-key-wrap input{flex:1}.ai-config-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.ai-settings button,.ai-page-head button,.ai-section-head button{min-height:44px;border:1px solid #bdcde4;border-radius:9px;background:#fff;color:var(--ai-ink);font:inherit;padding:9px 14px;cursor:pointer}.ai-settings button.ai-primary{background:var(--ai-blue);border-color:var(--ai-blue);color:white}.ai-settings button:disabled{opacity:.55;cursor:wait}.ai-config-actions small{color:var(--ai-muted)}.ai-message{margin:12px 0 0;color:#12634e;line-height:1.6;font-size:14px;overflow-wrap:anywhere}.ai-message[data-error=true]{color:#b2273c}.ai-message:empty{display:none}.ai-help-note{font-size:13px;color:var(--ai-muted);line-height:1.6}.ai-route-hint{margin-top:7px}.ai-route-hint[hidden]{display:none}.ai-route-hint button{color:#9a5312;background:#fff8ed;border-color:#eed2ac;font-size:12px;margin:0 5px 5px 0}.ai-source{color:#2356b5;text-underline-offset:3px;font-size:13px}.ai-task-table{width:100%;border-collapse:collapse;margin-top:16px;table-layout:fixed}.ai-task-table th{font-weight:500;color:var(--ai-muted);text-align:left;font-size:13px;padding:0 12px 10px}.ai-task-table td{border-top:1px solid #e5edf7;padding:12px}.ai-task-table th:first-child,.ai-task-table td:first-child{width:24%;padding-left:0}.ai-task-table strong{display:block;font-size:14px}.ai-task-table small{display:block;color:var(--ai-muted);font-size:12px;line-height:1.6;margin-top:4px}.ai-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;background:#f3f7fd;border-radius:9px;color:#405a7c;font-size:13px;margin-top:16px}.ai-flow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.ai-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ai-usage-card{background:#f7faff;border:1px solid #dce7f5;border-radius:12px;padding:15px}.ai-usage-card h4{margin:0 0 10px;font-size:14px}.ai-usage-card strong{font-size:25px}.ai-usage-card p{font-size:13px;margin:8px 0 0;color:var(--ai-muted);line-height:1.6}.ai-usage-empty{color:var(--ai-muted);margin:0;padding:16px 0}.ai-usage-scroll{overflow:auto;margin-top:18px}.ai-usage-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.ai-usage-table td,.ai-usage-table th{padding:10px;border-bottom:1px solid #e1e9f5;text-align:left;font-variant-numeric:tabular-nums}.ai-usage-table th{font-weight:500;color:var(--ai-muted)}.ai-shop-notice{padding:0 20px 10px;font-size:13px;color:#536781}.ai-shop-notice[hidden]{display:none}
@media(hover:hover) and (pointer:fine){.ai-provider-card:hover{border-color:#a8bfe4}.ai-provider-card[aria-pressed=true]:hover{border-color:var(--ai-blue)}.ai-settings button:hover{filter:brightness(.96)}}
@media(max-width:1150px){.ai-provider-grid,.ai-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-card-title{align-items:flex-start;flex-wrap:wrap}.ai-page-head{align-items:flex-start}}
@media(max-width:800px){.ai-provider-grid,.ai-controls,.ai-usage-grid{grid-template-columns:1fr}.ai-page-head{flex-direction:column}.ai-task-table th:first-child,.ai-task-table td:first-child{width:29%}.ai-settings{padding:16px}.ai-task-table td{padding:10px 4px}}
/* The navigation and content have separate layout tracks; only the content scrolls. */
body.ai-config-active{overflow:hidden}
body.ai-config-active .layout{height:100dvh;min-height:0;overflow:hidden}
body.ai-config-active .main{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden;padding-bottom:16px}
body.ai-config-active .workspace-bar{flex:none}
#aiConfiguration.panel.active{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#aiConfiguration .ai-config-tabs{display:flex;flex:none;gap:32px;border-bottom:1px solid #e2eaf5;margin:0 0 22px;background:var(--canvas,#f5f7fb)}
#aiConfiguration .ai-config-tabs button{appearance:none;cursor:pointer;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:13px 0 15px;font:inherit;font-size:15px;color:#70829d;white-space:nowrap}
#aiConfiguration .ai-config-tabs button[aria-selected=true]{color:#2863ee;border-bottom-color:#2863ee;font-weight:600}
#aiConfiguration .ai-config-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 3px 0 0}
#aiConfiguration .ai-config-view{padding-bottom:24px;min-width:0}
#aiConfiguration .ai-config-view[hidden]{display:none!important}
body.company-shell.ai-config-active .layout{height:calc(100dvh - var(--company-header-height));min-height:0}
body.company-shell.ai-config-active .main{height:100%;overflow:hidden;padding-bottom:16px}

#aiConfiguration .ai-model-toolbar{align-items:center;margin-bottom:18px}
#aiConfiguration .ai-model-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
@media(max-width:800px){#aiConfiguration .ai-model-toolbar{align-items:flex-start;flex-wrap:wrap}#aiConfiguration .ai-model-toolbar-actions{justify-content:flex-start}}

/* Preserve the existing stacked sidebar on narrow windows while letting the main region take the remaining height. */
@media(max-width:760px){body.ai-config-active .layout{display:flex;flex-direction:column}body.ai-config-active .sidebar{flex:none}body.ai-config-active .main{height:auto;min-height:0;flex:1}}