/* VS Code-inspired chrome. Independent Code Recorder branding. */
.titlebar{background:#182b40;color:#eef5fa}.titlebar .header-note{color:#b3c5d7}
.titlebar-open{background:#263e56;color:#fff;border-color:#526c87}
.welcome-brand{background:linear-gradient(150deg,#182b40,#075d8f);border-right-color:#182b40}
.welcome-brand strong{color:#fff}.welcome-brand>span{color:#bdd9ea}
.welcome-brand-lines i{background:#42b4ed}.welcome-tab{box-shadow:inset 0 2px #007acc}
.welcome-content h1 em{color:#007acc}.transition-kicker{color:#007acc}
.tabs button.selected{box-shadow:inset 0 2px #007acc}.primary{background:#e8f3fc;color:#075981;border-color:#82b2d1}
aside h2{background:#f3f3f3}.editor-splitter:hover{background:#007acc}
:root{--timeline-file-1:#a8d6f0;--timeline-file-2:#b8ccec;--timeline-file-3:#b9e4ea;--timeline-file-4:#90c5e5;--timeline-file-5:#d2e5f5;--timeline-file-6:#a7cfda;--timeline-file-7:#c2d5f4;--timeline-file-8:#b4def3}

/* Platform colors for file transition cards. */
.transition { background: #f1f6fb; }
.transition-card { border-color: #c5d9eb; box-shadow: 0 10px 30px #182b4010; }
.transition-heading { background: linear-gradient(#fff, #e7f1fa); border-color: #c5d9eb; color: #182b40; }
.transition-caption, #transitionFrom { color: #6b869e; }
.transition-route { color: #6b869e; }
.transition-destination { background: #f0f7fd; border-color: #c5d9eb; border-left-color: #007acc; }
.transition-file-icon { color: #007acc; }
.transition-file-info .transition-caption { color: #007acc; }
.transition-card #transitionTitle { color: #182b40; }
.transition-card #transitionPath { color: #6b869e; }
.transition-actions { border-color: #c5d9eb; }
.transition-card .transition-note { color: #6b869e; }
.transition-card #continuePlayback { background: #007acc; border-color: #182b40; color: #fff; }
.transition-card #continuePlayback:hover { background: #075d8f; border-color: #075d8f; }
.transition-card kbd { color: #fff; }