/* Account, administration and information pages on the canonical site only. */
.shell--settings-console h1, .shell--settings-console h2, .shell--settings-console h3 {
  font-family: inherit; color: #242a30; line-height: 1.3; margin: 0;
}
.shell--settings-console h1 { font-size: 30px; font-weight: 650; }
.shell--settings-console h2 { font-size: 18px; font-weight: 650; }
.shell--settings-console h3 { font-size: 15px; font-weight: 600; }
.shell--settings-console p { margin: 0; }
.shell--settings-console :is(p, strong, code, small, label, h1, h2, h3) { overflow-wrap: anywhere; }
.shell--settings-console .page-heading { margin: 0 0 24px; }
.shell--settings-console .page-chrome__topline { margin-bottom: 16px; }
.shell--settings-console .breadcrumbs { font-size: 12px; }
.shell--settings-console .page-section-tabs {
  display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0 0 28px; padding: 0;
  background: transparent; border: 0; border-bottom: 1px solid var(--spot-line); border-radius: 0; box-shadow: none;
}
.shell--settings-console .page-section-tabs .auth-mode-tab {
  flex: 0 0 auto; min-height: 40px; padding: 10px 0; margin: 0; border: 0; border-bottom: 2px solid transparent;
  border-radius: 0; background: transparent; box-shadow: none; color: #68727d; font-size: 13px; font-weight: 500;
}
.shell--settings-console .page-section-tabs .auth-mode-tab--active { color: #165a44; border-bottom-color: #176b50; font-weight: 600; }
.shell--settings-console .page-help-popover__trigger { min-height: 28px; padding: 4px 0; background: transparent; border: 0; color: #68727d; font-size: 12px; box-shadow: none; }
.shell--settings-console .page-help-popover__content { width: min(380px, calc(100vw - 32px)); padding: 20px; background: #fff; border: 1px solid var(--spot-line); border-radius: 6px; box-shadow: 0 6px 20px #15202b12; }
.shell--settings-console .page-help-popover__content h3 { margin-bottom: 10px; }
.shell--settings-console .helper-list { font-size: 13px; }
.console-page { min-width: 0; }
.console-page :is(.page-shell, .page-shell__main, .account-shell) { display: block; min-width: 0; }
.console-page .panel { padding: 0; margin: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none; }
.console-page article.panel { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.console-page .panel > header { margin: 0; padding: 0; background: transparent; border: 0; }
.console-page article.panel > :is(form, section) { margin-block: 0; }
.console-page .panel > header > .meta { margin-top: 8px; }
.console-page .panel--muted { padding: 24px 0; border-top: 1px solid var(--spot-line); }
.console-page .panel--muted > summary { padding: 0; margin: 0; font-size: 14px; }
.console-page .panel--muted[open] > summary { margin-bottom: 20px; }
.console-page .stack { gap: 20px; }
.console-page .stack--tight, .console-page .meta-list { gap: 8px; }
.console-page .stack > header { display: grid; gap: 8px; }
.console-page .meta, .console-page small { font-size: 12px; line-height: 1.55; color: #68727d; }
.console-page .section-kicker { font-size: 11px; color: #68727d; font-weight: 600; margin: 0 0 8px; }
.console-page :is(.spot-card, .workspace-link) { min-width: 0; margin: 0; padding: 16px; border: 1px solid var(--spot-line); border-radius: 6px; background: #fff; box-shadow: none; backdrop-filter: none; }
.console-page article.spot-card { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 8px; }
.console-page article.spot-card > .meta { margin: 0; }
.console-page article.spot-card > :is(button, .nav) { justify-self: start; margin: 4px 0 0; }
.console-page .workspace-list { gap: 0; border-top: 1px solid var(--spot-line); }
.console-page .workspace-link { border: 0; border-bottom: 1px solid var(--spot-line); border-radius: 0; background: transparent; color: #242a30; }
.console-page .workspace-link:hover { background: #edf1f4; transform: none; }
.console-page .workspace-link[aria-current="page"] { background: #e8f1ed; }
.console-page .workspace-link > span { min-width: 0; }
.console-page .workspace-link strong { font-size: 14px; }
.console-page .workspace-link small { white-space: normal; }
.console-page .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 12px; }
.console-page .empty-callout, .console-page .state-card { padding: 24px 0; background: transparent; border: 0; border-top: 1px solid var(--spot-line); border-radius: 0; box-shadow: none; }
.console-page .empty-callout h3, .console-page .state-card h3 { margin-bottom: 6px; }
.console-page .account-inline-summary { margin: 16px 0 0; padding: 12px 0; border-top: 1px solid var(--spot-line); border-bottom: 1px solid var(--spot-line); font-size: 12px; }
.console-page .account-inline-summary__item { border: 0; background: transparent; padding: 0; }
.console-page .account-inline-summary__item, .console-page .account-inline-summary__item strong { color: #414e59; }
.console-page .account-inline-summary__item + .account-inline-summary__item { padding-left: 16px; }
.console-page .account-section-heading { display: none; }
.console-page .nav { flex-wrap: wrap; justify-content: flex-start; gap: 8px; }
.console-page button, .console-page [role="button"] {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: auto;
  min-height: 36px; margin: 0; padding: 8px 13px; font-size: 13px; font-weight: 550; line-height: 1.4;
  border-radius: 5px; box-shadow: none; white-space: normal; overflow-wrap: anywhere;
}
.console-page button.secondary, .console-page [role="button"].secondary { background: #fff; color: #35434e; border: 1px solid #cbd3d9; }
.console-page button.secondary:hover, .console-page [role="button"].secondary:hover { background: #edf1f4; border-color: #aab7c0; }
.console-page button.danger-button { color: #a52f28; border-color: #dbb5b1; }
.console-page button:disabled { opacity: .5; cursor: not-allowed; }
.shell--settings-console :is(a, button, summary):focus-visible { outline: 2px solid #176b50; outline-offset: 3px; }
.console-page label { min-width: 0; margin: 0; font-size: 12px; color: #414e59; }
.console-page label:not(:has(> input[type="checkbox"], > input[type="radio"])) { display: grid; align-content: start; gap: 8px; }
.console-page label:not(:has(> input[type="checkbox"], > input[type="radio"])) > :is(input, select, textarea, small) { margin: 0; }
.console-page input:where(:not([type="checkbox"], [type="radio"])), .console-page select, .console-page textarea {
  width: 100%; min-width: 0; max-width: 100%; margin: 6px 0 0; padding: 9px 12px;
  min-height: 40px; height: auto; font-size: 13px; background-color: #fff; color: #242a30;
  border-color: #cbd3d9; border-radius: 5px; box-shadow: none;
}
.console-page select { padding-right: 32px; }
.console-page textarea { min-height: 96px; resize: vertical; }
.console-page label > small { display: block; margin-top: 6px; }
.console-page .checkbox-row { display: flex; align-items: center; gap: 8px; }
.console-page input[type="checkbox"], .console-page input[type="radio"] { flex: 0 0 16px; width: 16px; height: 16px; margin: 0; }
.console-page input[type="checkbox"] { border-radius: 3px; }
.console-page input[type="color"] { display: block; width: 80px; height: 40px; padding: 4px; cursor: pointer; }
.console-page :is(input, select, textarea):focus { border-color: #176b50; box-shadow: 0 0 0 2px #176b5020; }
.console-page :is(input, select, textarea):disabled, .console-page input[readonly] { background-color: #f0f3f5; }
.console-page form.stack > button { justify-self: start; }
.console-page form > fieldset { display: grid; gap: 12px; min-width: 0; margin: 0; padding: 0; border: 0; }
.console-page form > fieldset > legend { margin-bottom: 12px; padding: 0; font-size: 13px; }
.console-page .stack > .banner { margin: 0; }
.console-page .account-shell form, .console-page #organization-delete-form { max-width: 540px; }
.console-page .account-shell .nav form { margin: 0; }
.console-page .compact-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.console-page .compact-form-grid--center-actions > .compact-action-row { align-self: end; min-height: 40px; }
.console-page .compact-form-grid--center-actions > .compact-action-row button { min-height: 40px; }
.console-page .compact-form-grid > .checkbox-row--field-center { align-self: end; min-height: 40px; }
.console-page .admin-filter-form { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto; align-items: end; }
.console-page .admin-filter-form button { min-height: 40px; }
.console-page code { font-size: 12px; padding: 2px 5px; color: #36444f; background: #edf1f4; border-radius: 3px; white-space: normal; }
.console-page pre { max-width: 100%; overflow: auto; padding: 16px; font-size: 12px; background: #edf1f4; }
.console-page [hidden] { display: none !important; }
.about-console { max-width: 880px; margin: 0 auto; }
.about-console__heading { padding-bottom: 28px; }
.about-console__heading > img { width: 32px; height: 32px; margin-bottom: 16px; }
.about-console__heading > p { margin-top: 14px; max-width: 680px; font-size: 16px; color: #68727d; }
.about-console__section { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 28px; padding: 28px 0; margin: 0; border-top: 1px solid var(--spot-line); }
.about-console__section > div { display: grid; gap: 12px; }
.about-console__section p { line-height: 1.7; }
.about-console__links { display: flex; flex-wrap: wrap; gap: 12px 24px; }
@media (max-width: 600px) {
  .shell--settings-console h1 { font-size: 26px; }
  .shell--settings-console .page-section-tabs { gap: 0 18px; }
  .console-page .account-inline-summary { display: grid; gap: 6px; }
  .console-page .account-inline-summary__item + .account-inline-summary__item { padding: 0; }
  .console-page .workspace-grid, .console-page .workspace-grid--compact, .console-page .compact-form-grid, .console-page .admin-filter-form { grid-template-columns: minmax(0, 1fr); }
  .console-page .workspace-link { flex-wrap: wrap; gap: 10px; padding: 16px 0; }
  .about-console__section { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 24px 0; }
}

.project-ai-panel { margin-top: 1.5rem; }
.project-ai-panel > header { display: grid; gap: 8px; }
.project-ai-panel label { margin: 0; }
.project-ai-form, .project-ai-fields { display: grid; gap: 20px; min-width: 0; }
.project-ai-panel .project-ai-form { margin: 0; }
.project-ai-panel .project-ai-field { display: grid; gap: 8px; min-width: 0; }
.project-ai-panel .project-ai-field :is(input, select) { margin: 0; }
.project-ai-key-field { display: grid; gap: 6px; min-width: 0; }
.project-ai-model-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.project-ai-help { display: grid; gap: 8px; }
.project-ai-panel .project-ai-clear-key { display: flex; align-items: flex-start; gap: 8px; line-height: 1.5; }
.project-ai-panel .project-ai-clear-key input { margin-top: 2px; }
.project-ai-actions, .project-ai-usage-heading { display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; }
.project-ai-feedback { display: grid; gap: 12px; }
.project-ai-feedback ul { display: grid; gap: 8px; margin: 0; padding-left: 20px; }
.project-ai-usage { display: grid; gap: 16px; min-width: 0; margin-top: 4px; padding-top: 24px; border-top: 1px solid var(--spot-line); }
.project-ai-usage-heading { justify-content: space-between; }
.project-ai-usage-table { min-width: 0; overflow-x: auto; }
.project-ai-usage-table table { min-width: 900px; margin: 0; font-size: .85rem; }
.project-ai-panel [hidden] { display: none !important; }
@media (max-width: 600px) {
  .project-ai-model-grid { grid-template-columns: minmax(0, 1fr); }
}