/*
 * COHERENCE PRECISION BLACK FINISH — precision-black-v2
 *
 * This is a reversible paint-only layer over the saved
 * coherence-solid-black-2026-08-04 baseline. It may refine color, texture,
 * type rendering, borders, radii, shadows, and backdrop treatment. It must
 * not change product structure, menu contents, responsive geometry, feature
 * visibility, or interaction authority.
 */

html[data-visual-finish="precision-black-v2"] {
  --finish-canvas: #000000;
  --finish-slate: #000000;
  --finish-slate-soft: #020202;
  --finish-elevated: rgba(5, 5, 6, 0.975);
  --finish-elevated-strong: rgba(2, 2, 3, 0.99);
  --finish-line: rgba(185, 201, 223, 0.11);
  --finish-line-soft: rgba(185, 201, 223, 0.075);
  --finish-line-focus: rgba(82, 157, 255, 0.52);
  --finish-text: #f2f5f9;
  --finish-muted: #a0a9b7;
  --finish-dim: #737e8e;
  --finish-blue: #65a5ff;
  --finish-shadow: 0 28px 84px rgba(0, 0, 0, 0.62), 0 2px 12px rgba(0, 0, 0, 0.28);
  --finish-shadow-soft: 0 18px 54px rgba(0, 0, 0, 0.48);
  background: var(--finish-canvas);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html[data-visual-finish="precision-black-v2"][data-theme-mode="extra_dark"] {
  --finish-slate: #000000;
  --finish-slate-soft: #010101;
  --finish-elevated: rgba(3, 3, 4, 0.985);
  --finish-elevated-strong: rgba(1, 1, 2, 0.995);
}

html[data-visual-finish="precision-black-v2"] body,
html[data-visual-finish="precision-black-v2"] button,
html[data-visual-finish="precision-black-v2"] input,
html[data-visual-finish="precision-black-v2"] select,
html[data-visual-finish="precision-black-v2"] textarea {
  font-kerning: normal;
  font-synthesis: none;
}

html[data-visual-finish="precision-black-v2"] body {
  background: var(--finish-canvas);
}

html[data-visual-finish="precision-black-v2"] .coherence-shell,
html[data-visual-finish="precision-black-v2"] .conversation,
html[data-visual-finish="precision-black-v2"] .messages {
  background: var(--finish-canvas);
}

html[data-visual-finish="precision-black-v2"] .top-rail {
  border-color: var(--finish-line-soft);
  background: #000;
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(24px) saturate(0.82);
  -webkit-backdrop-filter: blur(24px) saturate(0.82);
}

html[data-visual-finish="precision-black-v2"] .chat-sidebar,
html[data-visual-finish="precision-black-v2"] .session-sidebar,
html[data-visual-finish="precision-black-v2"] .composer {
  background-color: var(--finish-slate);
  background-image: none;
}

html[data-visual-finish="precision-black-v2"] .chat-sidebar,
html[data-visual-finish="precision-black-v2"] .session-sidebar {
  border-color: var(--finish-line-soft);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.015);
}

html[data-visual-finish="precision-black-v2"] .composer {
  border-color: var(--finish-line);
  box-shadow:
    0 22px 68px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
  backdrop-filter: blur(22px) saturate(0.9);
  -webkit-backdrop-filter: blur(22px) saturate(0.9);
}

html[data-visual-finish="precision-black-v2"] .composer:focus-within {
  border-color: rgba(125, 174, 241, 0.22);
  box-shadow:
    0 24px 72px rgba(0, 0, 0, 0.52),
    0 0 0 1px rgba(73, 146, 245, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

html[data-visual-finish="precision-black-v2"] .entry-lockup h1,
html[data-visual-finish="precision-black-v2"] .sign-in-lockup h1,
html[data-visual-finish="precision-black-v2"] .settings-content h2,
html[data-visual-finish="precision-black-v2"] .settings-content h3,
html[data-visual-finish="precision-black-v2"] .modal-panel h2,
html[data-visual-finish="precision-black-v2"] .response-record-title h2 {
  color: var(--finish-text);
  font-weight: 620;
  letter-spacing: -0.018em;
}

html[data-visual-finish="precision-black-v2"] .entry-lockup p,
html[data-visual-finish="precision-black-v2"] .settings-content p,
html[data-visual-finish="precision-black-v2"] .modal-panel p,
html[data-visual-finish="precision-black-v2"] .repair-audit-header p {
  color: var(--finish-muted);
  font-weight: 430;
}

html[data-visual-finish="precision-black-v2"] .panel-title,
html[data-visual-finish="precision-black-v2"] .top-plan-label,
html[data-visual-finish="precision-black-v2"] .message-speaker,
html[data-visual-finish="precision-black-v2"] .message-meta,
html[data-visual-finish="precision-black-v2"] .guided-conversation-label,
html[data-visual-finish="precision-black-v2"] .model-route-head,
html[data-visual-finish="precision-black-v2"] .models-menu-body label,
html[data-visual-finish="precision-black-v2"] .modal-panel label {
  font-weight: 650;
}

html[data-visual-finish="precision-black-v2"] .message-text,
html[data-visual-finish="precision-black-v2"] .guided-thread-message,
html[data-visual-finish="precision-black-v2"] .guided-conversation-turn p {
  color: #e4e9f0;
  font-weight: 420;
}

html[data-visual-finish="precision-black-v2"] .message.user .message-text {
  border: 0;
  background: transparent;
  box-shadow: none;
}

html[data-visual-finish="precision-black-v2"] .message,
html[data-visual-finish="precision-black-v2"][data-theme-mode="extra_dark"] .message {
  background: transparent;
}

html[data-visual-finish="precision-black-v2"] .app-menu-body,
html[data-visual-finish="precision-black-v2"] .models-menu-body,
html[data-visual-finish="precision-black-v2"] .context-menu-body,
html[data-visual-finish="precision-black-v2"] .context-summary-popover {
  border-color: var(--finish-line);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 28%),
    var(--finish-elevated);
  box-shadow: var(--finish-shadow-soft);
  backdrop-filter: blur(24px) saturate(0.82);
  -webkit-backdrop-filter: blur(24px) saturate(0.82);
}

html[data-visual-finish="precision-black-v2"] .app-menu-row,
html[data-visual-finish="precision-black-v2"] .settings-nav-item,
html[data-visual-finish="precision-black-v2"] .command-palette-item {
  border-color: transparent;
  border-radius: 8px;
  color: #cbd2dc;
  font-weight: 500;
  transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease;
}

html[data-visual-finish="precision-black-v2"] .app-menu-row:hover,
html[data-visual-finish="precision-black-v2"] .app-menu-row:focus-visible,
html[data-visual-finish="precision-black-v2"] .settings-nav-item:hover,
html[data-visual-finish="precision-black-v2"] .settings-nav-item.active,
html[data-visual-finish="precision-black-v2"] .command-palette-item[data-active="true"] {
  background: rgba(255, 255, 255, 0.055);
  color: #f3f6fb;
}

html[data-visual-finish="precision-black-v2"] .settings-nav-item.active {
  box-shadow: inset 2px 0 0 rgba(91, 159, 255, 0.68);
}

html[data-visual-finish="precision-black-v2"] .models-menu-body select,
html[data-visual-finish="precision-black-v2"] .modal-panel input,
html[data-visual-finish="precision-black-v2"] .modal-panel textarea,
html[data-visual-finish="precision-black-v2"] .modal-panel select,
html[data-visual-finish="precision-black-v2"] .settings-select,
html[data-visual-finish="precision-black-v2"] .settings-field input,
html[data-visual-finish="precision-black-v2"] .settings-field select,
html[data-visual-finish="precision-black-v2"] .settings-personalization-form textarea,
html[data-visual-finish="precision-black-v2"] .sign-in-form input {
  border-color: var(--finish-line);
  background-color: rgba(5, 8, 12, 0.76);
  color: var(--finish-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

html[data-visual-finish="precision-black-v2"] .models-menu-body select:focus,
html[data-visual-finish="precision-black-v2"] .modal-panel input:focus,
html[data-visual-finish="precision-black-v2"] .modal-panel textarea:focus,
html[data-visual-finish="precision-black-v2"] .modal-panel select:focus,
html[data-visual-finish="precision-black-v2"] .settings-select:focus,
html[data-visual-finish="precision-black-v2"] .settings-field input:focus,
html[data-visual-finish="precision-black-v2"] .settings-field select:focus,
html[data-visual-finish="precision-black-v2"] .settings-personalization-form textarea:focus,
html[data-visual-finish="precision-black-v2"] .sign-in-form input:focus {
  border-color: var(--finish-line-focus);
  background-color: rgba(8, 11, 16, 0.92);
  box-shadow: 0 0 0 3px rgba(58, 135, 242, 0.10);
  outline: 0;
}

html[data-visual-finish="precision-black-v2"] .modal-backdrop,
html[data-visual-finish="precision-black-v2"] .auth-consent-scrim,
html[data-visual-finish="precision-black-v2"] .command-palette-scrim {
  background: rgba(0, 0, 0, 0.73);
  backdrop-filter: blur(18px) saturate(0.68);
  -webkit-backdrop-filter: blur(18px) saturate(0.68);
}

html[data-visual-finish="precision-black-v2"] .modal-panel,
html[data-visual-finish="precision-black-v2"] .settings-panel,
html[data-visual-finish="precision-black-v2"] .project-panel,
html[data-visual-finish="precision-black-v2"] .response-record-panel,
html[data-visual-finish="precision-black-v2"] .repair-review-panel,
html[data-visual-finish="precision-black-v2"] .artifact-studio-panel,
html[data-visual-finish="precision-black-v2"] .upgrade-gate-panel,
html[data-visual-finish="precision-black-v2"] .auth-consent-panel,
html[data-visual-finish="precision-black-v2"] .action-dialog-panel,
html[data-visual-finish="precision-black-v2"] .command-palette-panel {
  border-color: var(--finish-line);
  border-radius: 18px;
  background:
    radial-gradient(circle at 96% 0%, rgba(53, 125, 224, 0.055), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.014), transparent 24%),
    var(--finish-elevated-strong);
  box-shadow: var(--finish-shadow);
}

html[data-visual-finish="precision-black-v2"] .settings-nav {
  border-color: var(--finish-line-soft);
  background: #000;
}

html[data-visual-finish="precision-black-v2"] .settings-content,
html[data-visual-finish="precision-black-v2"] .project-body,
html[data-visual-finish="precision-black-v2"] .response-record-body {
  background: transparent;
}

html[data-visual-finish="precision-black-v2"] .settings-disclosure,
html[data-visual-finish="precision-black-v2"] .settings-section,
html[data-visual-finish="precision-black-v2"] .settings-action-row,
html[data-visual-finish="precision-black-v2"] .settings-plan-row,
html[data-visual-finish="precision-black-v2"] .settings-fact-list,
html[data-visual-finish="precision-black-v2"] .model-route-card {
  border-color: var(--finish-line-soft);
}

html[data-visual-finish="precision-black-v2"] .settings-disclosure > summary {
  background: transparent;
  color: #e7ebf1;
  transition: background-color 140ms ease, color 140ms ease;
}

html[data-visual-finish="precision-black-v2"] .settings-disclosure > summary:hover,
html[data-visual-finish="precision-black-v2"] .settings-disclosure[open] > summary {
  background: rgba(255, 255, 255, 0.028);
  color: #ffffff;
}

html[data-visual-finish="precision-black-v2"] .icon-button,
html[data-visual-finish="precision-black-v2"] .message-action,
html[data-visual-finish="precision-black-v2"] .composer-utility-button,
html[data-visual-finish="precision-black-v2"] .composer-link-button,
html[data-visual-finish="precision-black-v2"] .top-hamburger-button,
html[data-visual-finish="precision-black-v2"] .app-menu summary {
  transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease, opacity 140ms ease;
}

html[data-visual-finish="precision-black-v2"] :focus-visible {
  outline-color: rgba(101, 165, 255, 0.84);
  outline-offset: 3px;
}

html[data-visual-finish="precision-black-v2"] ::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 999px;
  background: rgba(161, 176, 196, 0.27);
  background-clip: padding-box;
}

html[data-visual-finish="precision-black-v2"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(161, 176, 196, 0.42);
  background-clip: padding-box;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-visual-finish="precision-black-v2"] .top-rail,
  html[data-visual-finish="precision-black-v2"] .composer,
  html[data-visual-finish="precision-black-v2"] .app-menu-body,
  html[data-visual-finish="precision-black-v2"] .models-menu-body,
  html[data-visual-finish="precision-black-v2"] .context-menu-body,
  html[data-visual-finish="precision-black-v2"] .context-summary-popover {
    background-color: #0b0f14;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-visual-finish="precision-black-v2"] .app-menu-row,
  html[data-visual-finish="precision-black-v2"] .settings-nav-item,
  html[data-visual-finish="precision-black-v2"] .command-palette-item,
  html[data-visual-finish="precision-black-v2"] .models-menu-body select,
  html[data-visual-finish="precision-black-v2"] .modal-panel input,
  html[data-visual-finish="precision-black-v2"] .modal-panel textarea,
  html[data-visual-finish="precision-black-v2"] .modal-panel select,
  html[data-visual-finish="precision-black-v2"] .settings-select,
  html[data-visual-finish="precision-black-v2"] .settings-field input,
  html[data-visual-finish="precision-black-v2"] .settings-field select,
  html[data-visual-finish="precision-black-v2"] .settings-personalization-form textarea,
  html[data-visual-finish="precision-black-v2"] .sign-in-form input,
  html[data-visual-finish="precision-black-v2"] .icon-button,
  html[data-visual-finish="precision-black-v2"] .message-action,
  html[data-visual-finish="precision-black-v2"] .composer-utility-button,
  html[data-visual-finish="precision-black-v2"] .composer-link-button,
  html[data-visual-finish="precision-black-v2"] .top-hamburger-button,
  html[data-visual-finish="precision-black-v2"] .app-menu summary {
    transition: none;
  }
}