/* Code of Life / working interfaces. Keep operational states and native controls clear. */
:is(.cv-app,.cv-review) { font-family: var(--font-sans); --cv-font-sans: var(--font-sans); --cv-font-mono: var(--font-mono); }
:is(.cv-app,.cv-review) :is(h1,h2,h3) { font-family: var(--font-sans); font-weight: 500; letter-spacing: -.04em; overflow-wrap: anywhere; }
:is(.cv-app,.cv-review) :is(.eyebrow,.provider-eyebrow,.step,.product-label,.rail-heading,.connection-count) { font-family: var(--font-mono); color: var(--text-soft); }
:is(.cv-app,.cv-review) :is(.topbar,.coding-topbar) { background: var(--bg); min-height: 76px; height: auto; padding-block: 18px; }
.cv-app :is(.tool-page-head,.coding-head,.evidence-head) { background-color: transparent; background-image: linear-gradient(90deg,var(--bg) 0%,rgb(8 11 15 / .95) 52%,rgb(8 11 15 / .3) 100%),url('/visual-system/patterns/evidence-grid.svg'); border: 0; border-radius: 0; border-top: 1px solid var(--line); padding: 24px 0 32px; background-size: auto,360px auto; }
.cv-app .coding-head { background-image: linear-gradient(90deg,var(--bg) 0%,rgb(8 11 15 / .96) 52%,rgb(8 11 15 / .3) 100%),url('/visual-system/patterns/approval-path.svg'); }
.cv-app .evidence-head { background-image: linear-gradient(90deg,var(--bg) 0%,rgb(8 11 15 / .96) 52%,rgb(8 11 15 / .3) 100%),url('/visual-system/patterns/neural-mesh.svg'); }
.cv-app :is(.tool-page-head,.coding-head)::after { height: 1px; width: 18px; background: var(--text-soft); }
.cv-app :is(.tool-rail .rail-top,.provider-preview) { background-image: none; }
.cv-app :is(.rail,.tool-rail) { background: var(--bg-deep); }
.cv-app :is(.rail-link,.tool-nav-link) { font-weight: 500; }
.cv-app :is(.provider-artwork,.provider-preview) { border-radius: 0; border-width: 0 0 1px; background-color: transparent; box-shadow: none; }
.cv-app .provider-artwork .neural-planet-stage { background: transparent; }
.cv-app .provider-artwork :is(.planet-bottom,figcaption) { padding-inline: 0; }
.cv-app .provider-story { background: var(--bg-deep); }
.cv-app .provider-story h2 { font-weight: 500; letter-spacing: -.055em; }
.cv-app :is(.provider-button-copy,.provider-form,.provider-setup,.provider-story-content) { min-width: 0; }
.cv-app .provider-button-copy { overflow-wrap: anywhere; }
.cv-app .provider-symbol { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; }
.cv-app .provider-symbol img { display: block; width: 28px; height: 28px; object-fit: contain; }
.cv-app .provider-symbol--gitlab img { position: absolute; width: 64px; height: 64px; max-width: none; }
.cv-app .provider-symbol--google img { width: 32px; height: 32px; }
.cv-app .provider-button:disabled .provider-symbol img { opacity: .72; }
.cv-app :is(.provider-azure select,.provider-sso select,.provider-setup input) { max-width: 100%; }
.cv-app .connection-main { padding-top: 64px; }
.cv-app :is(.connection-main,.billing-main,.tool-main) > h1 { margin-top: 0; }
.cv-review .hero { padding-top: clamp(48px,7vw,96px); }
.cv-review .review-introduction { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(24px,6vw,80px); padding-bottom: 32px; border-bottom: 1px solid var(--line); }
.cv-review .hero h1 { font-size: clamp(2.8rem,5vw,5.2rem); font-weight: 500; line-height: 1.03; }
.cv-review .hero .lede { max-width: 34rem; line-height: 1.85; }
.cv-review .review-artwork { border: 0; border-radius: 0; background: transparent; }
.cv-review .review-artwork :is(.planet-bottom,figcaption) { padding-inline: 0; }
.cv-review .review-artwork .neural-planet-stage { background: transparent; }
.cv-review .review-form.v-card { box-shadow: none; background: var(--surface); }
.cv-review .how-it-works { margin-top: 80px; background: transparent; border-inline: 0; border-radius: 0; }
.cv-review .how-it-works h2 { font-size: clamp(1.8rem,3vw,2.7rem); }
:is(.cv-app,.cv-review) :is(button,input,select,textarea,a) { touch-action: manipulation; }
@media(max-width:700px) {
 .cv-review .review-introduction { grid-template-columns: minmax(0,1fr); }
 .cv-review .hero h1 { font-size: clamp(2.6rem,10.8vw,4rem); }
 .cv-app :is(.tool-page-head,.coding-head,.evidence-head) { background-size: auto,220px auto; }
 .cv-app .provider-topbar { flex-wrap: wrap; gap: 18px; }
 .cv-app .provider-topbar nav { flex-wrap: wrap; }
 :is(.cv-app,.cv-review) footer { flex-wrap: wrap; }
}
@media(forced-colors:active) { .cv-app :is(.tool-page-head,.coding-head,.evidence-head) { background-image: none; } }

.cv-app .console-source-art { margin:0 0 28px; border:0; border-radius:0; background:transparent; }
.cv-app .console-source-art .neural-planet-stage { min-height:0; height:160px; aspect-ratio:auto; border:0; box-shadow:none; background:transparent; }
.cv-app .console-source-art .neural-planet-fallback { object-fit:contain; }
.cv-app .console-source-art .planet-bottom { padding:10px 0; }
.cv-app .console-source-art .visual-data { padding:10px 0; }
@media(max-width:700px) { .cv-app .console-source-art .neural-planet-stage { height:135px; } }