/* Custom Swagger UI theme for the LinkedIn Profile API docs (/docs). */

:root {
  --docs-bg: #0a0a0a;
  --docs-surface: #111111;
  --docs-border: #262626;
  --docs-text: #ededed;
  --docs-muted: #a1a1a1;
  --docs-accent: #3ecf8e;
  --docs-post: #5b8def;
  --docs-radius: 8px;
}

@media (prefers-color-scheme: light) {
  :root {
    --docs-bg: #ffffff;
    --docs-surface: #fafafa;
    --docs-border: #e5e5e5;
    --docs-text: #171717;
    --docs-muted: #6b6b6b;
    --docs-accent: #1f9d61;
    --docs-post: #3866c9;
  }
}

html,
body {
  background: var(--docs-bg);
  color: var(--docs-text);
}

body,
.swagger-ui {
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;
}

.swagger-ui .topbar {
  display: none;
}

.swagger-ui,
.swagger-ui .info .title,
.swagger-ui .info li,
.swagger-ui .info p,
.swagger-ui .info table,
.swagger-ui label,
.swagger-ui .opblock-tag,
.swagger-ui .opblock .opblock-summary-operation-id,
.swagger-ui .opblock .opblock-summary-path,
.swagger-ui .opblock .opblock-summary-path__deprecated,
.swagger-ui .opblock .opblock-summary-description,
.swagger-ui .tab li,
.swagger-ui .parameter__name,
.swagger-ui .parameter__type,
.swagger-ui .parameter__deprecated,
.swagger-ui .parameter__in,
.swagger-ui table thead tr td,
.swagger-ui table thead tr th,
.swagger-ui .response-col_status,
.swagger-ui .response-col_description,
.swagger-ui .model-title,
.swagger-ui .model,
.swagger-ui .btn,
.swagger-ui select,
.swagger-ui input {
  color: var(--docs-text);
}

.swagger-ui {
  background: var(--docs-bg);
}

.swagger-ui .scheme-container,
.swagger-ui section.models,
.swagger-ui .opblock .opblock-section-header {
  background: var(--docs-surface);
  box-shadow: none;
  border: 1px solid var(--docs-border);
  border-radius: var(--docs-radius);
}

.swagger-ui .info hgroup.main a {
  color: var(--docs-accent);
}

.swagger-ui .opblock-tag {
  border-bottom: 1px solid var(--docs-border);
}

.swagger-ui .opblock {
  background: var(--docs-surface);
  border: 1px solid var(--docs-border);
  border-radius: var(--docs-radius);
  box-shadow: none;
  margin: 0 0 8px;
}

.swagger-ui .opblock .opblock-summary {
  border: none;
  padding: 6px 12px;
}

.swagger-ui .opblock .opblock-summary-method {
  border-radius: var(--docs-radius);
  box-shadow: none;
  min-width: 70px;
}

/* GET requests read data: accent green. */
.swagger-ui .opblock.opblock-get {
  border-color: var(--docs-accent);
  background: var(--docs-surface);
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
  background: var(--docs-accent);
}

.swagger-ui .opblock.opblock-get .opblock-summary {
  border-color: var(--docs-accent);
}

/* POST requests: muted blue, kept distinct from GET's accent. */
.swagger-ui .opblock.opblock-post {
  border-color: var(--docs-post);
  background: var(--docs-surface);
}

.swagger-ui .opblock.opblock-post .opblock-summary-method {
  background: var(--docs-post);
}

.swagger-ui .opblock.opblock-post .opblock-summary {
  border-color: var(--docs-post);
}

.swagger-ui .opblock .opblock-summary-description {
  color: var(--docs-muted);
}

.swagger-ui .btn {
  border-radius: var(--docs-radius);
  box-shadow: none;
  border-color: var(--docs-border);
}

.swagger-ui .btn.authorize,
.swagger-ui .btn.execute {
  background-color: var(--docs-accent);
  border-color: var(--docs-accent);
  color: #06120c;
}

.swagger-ui select,
.swagger-ui input[type='text'],
.swagger-ui input[type='email'],
.swagger-ui textarea {
  background: var(--docs-bg);
  border: 1px solid var(--docs-border);
  border-radius: var(--docs-radius);
  color: var(--docs-text);
}

.swagger-ui table tbody tr td,
.swagger-ui table thead tr td,
.swagger-ui table thead tr th {
  border-color: var(--docs-border);
  padding: 6px 8px;
}

.swagger-ui .responses-inner,
.swagger-ui .parameters-col_description {
  padding: 8px 0;
}

.swagger-ui .model-box,
.swagger-ui .highlight-code {
  background: var(--docs-bg);
  border-radius: var(--docs-radius);
}

.swagger-ui .microlight {
  color: var(--docs-text);
}

.swagger-ui .opblock-body pre.microlight {
  background: var(--docs-bg) !important;
  border-radius: var(--docs-radius);
}

.swagger-ui .dialog-ux .modal-ux {
  background: var(--docs-surface);
  border: 1px solid var(--docs-border);
  border-radius: var(--docs-radius);
  box-shadow: none;
}

.swagger-ui .dialog-ux .modal-ux-header,
.swagger-ui .dialog-ux .modal-ux-content {
  border-color: var(--docs-border);
}

.swagger-ui .auth-container {
  border-color: var(--docs-border);
}

.swagger-ui .lock,
.swagger-ui svg.locked,
.swagger-ui svg.unlocked {
  fill: var(--docs-muted);
}

/* Cookie auth cannot be entered by hand, so the Authorize control only confuses. */
.swagger-ui .auth-wrapper,
.swagger-ui .scheme-container .auth-wrapper { display: none !important; }
