html[data-theme=night] .brand-mark{background:rgba(120,210,150,0.24)}
html[data-theme=night] .brand small{background:rgba(0,0,0,0.32)}
html[data-theme=night] .nav-caption{color:rgba(255,255,255,0.7)}
html[data-theme=night] .nav-item:hover{background:rgba(0,0,0,0.32)}
html[data-theme=night] .nav-item.active{background:rgba(0,0,0,0.32)}
html[data-theme=night] .nav-item .count{background:rgba(0,0,0,0.32)}
html[data-theme=night] .side-note{background:rgba(0,0,0,0.32);border:1px solid rgba(255,255,255,0.28)}
html[data-theme=night] .side-note button{color:#a9e0a0}
html[data-theme=night] .side-profile{border-top:1px solid rgba(255,255,255,0.28)}
html[data-theme=night] .avatar{background:rgba(255,255,255,0.05);color:#b3c8ff}
html[data-theme=night] .side-profile small{color:rgba(255,255,255,0.7)}
html[data-theme=night] .topbar{background:rgba(255,255,255,0.08)}
html[data-theme=night] .role-select{background:rgba(255,255,255,0.08)}
html[data-theme=night] .prototype-label{background:rgba(130,175,255,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] .btn{background:rgba(255,255,255,0.08)}
html[data-theme=night] .btn:hover{background:rgba(255,255,255,0.05)}
html[data-theme=night] .card{background:rgba(255,255,255,0.08)}
html[data-theme=night] .badge{background:rgba(130,175,255,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] .badge.green{color:#a9e0a0}
html[data-theme=night] .badge.amber{background:rgba(255,196,0,0.14);color:#ffd167}
html[data-theme=night] .badge.red{background:rgba(255,120,110,0.14);color:#ffa49b}
html[data-theme=night] .badge.blue{background:rgba(130,175,255,0.14);color:#b3c8ff}
html[data-theme=night] .progress-bar{background:rgba(255,255,255,0.05)}
html[data-theme=night] .step-grid{background:rgba(255,255,255,0.08)}
html[data-theme=night] .step-num{border:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .task-symbol{background:rgba(21,112,230,0.14)}
html[data-theme=night] .review-card{background:rgba(120,210,150,0.14);border-color:rgba(255,255,255,0.14)}
html[data-theme=night] .review-icon{background:rgba(120,210,150,0.14)}
html[data-theme=night] .file-icon{background:rgba(130,175,255,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] .info-note{background:rgba(130,175,255,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] .alert-note{background:rgba(21,112,230,0.14);color:#7fb3ff}
html[data-theme=night] .page-footer{color:rgba(255,255,255,0.7)}
html[data-theme=night] .field input,html[data-theme=night] .field select,html[data-theme=night] .field textarea{border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.08)}
html[data-theme=night] .upload-zone{border:1px dashed rgba(255,255,255,0.28);background:rgba(255,255,255,0.08)}
html[data-theme=night] .upload-zone:hover{background:rgba(120,210,150,0.14)}
html[data-theme=night] .filter{background:rgba(255,255,255,0.08)}
html[data-theme=night] .filter.active{border-color:rgba(255,255,255,0.14)}
html[data-theme=night] th{background:rgba(255,255,255,0.08)}
html[data-theme=night] .evidence-progress span{background:rgba(255,255,255,0.05)}
html[data-theme=night] .timeline-item:before{background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.14)}
html[data-theme=night] .help-box{background:rgba(120,210,150,0.14)}
html[data-theme=night] dialog::backdrop{background:rgba(0,0,0,0.32)}
html[data-theme=night] .close{background:rgba(130,175,255,0.14)}
html[data-theme=night] #toast{background:rgba(0,0,0,0.32)}
html[data-theme=night] .employer-banner{background:rgba(130,175,255,0.14);border-color:rgba(255,255,255,0.14)}
html[data-theme=night] .demo-banner{background:rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] .case-selector{border:1px solid rgba(255,255,255,0.28);background:rgba(0,0,0,0.32)}
html[data-theme=night] .detail-panel{background:rgba(255,255,255,0.08)}
html[data-theme=night] .role-banner{background:rgba(130,175,255,0.14);color:#b3c8ff}
html[data-theme=night] .brand small{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .nav-item{color:rgba(255,255,255,0.7)}
html[data-theme=night] .nav-item:hover{background:rgba(255,255,255,0.05)}
html[data-theme=night] .nav-item.active{background:rgba(21,112,230,0.14);color:#7fb3ff}
html[data-theme=night] .nav-item.secondary{color:rgba(255,255,255,0.7)}
html[data-theme=night] .side-profile small{color:rgba(255,255,255,0.7)}
html[data-theme=night] .avatar{background:rgba(21,112,230,0.14);color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .breadcrumb{color:rgba(255,255,255,0.7)}
html[data-theme=night] .breadcrumb b{color:rgba(255,255,255,0.7)}
html[data-theme=night] .role-select{color:rgba(255,255,255,0.7)}
html[data-theme=night] .lang-button,html[data-theme=night] .icon-button{color:rgba(255,255,255,0.7)}
html[data-theme=night] .demo-banner{color:rgba(255,255,255,0.7)}
html[data-theme=night] .btn{border-color:rgba(255,255,255,0.14)}
html[data-theme=night] .btn:hover{background:rgba(21,112,230,0.14)}
html[data-theme=night] .btn.ghost,html[data-theme=night] .text-link,html[data-theme=night] a{color:#7fb3ff}
html[data-theme=night] .card{background:rgba(255,255,255,0.08)}
html[data-theme=night] .card-header{border-color:rgba(255,255,255,0.14)}
html[data-theme=night] .case-icon{background:rgba(21,112,230,0.14);color:#7fb3ff}
html[data-theme=night] .case-id{color:rgba(255,255,255,0.7)!important}
html[data-theme=night] .progress-label b{color:#7fb3ff}
html[data-theme=night] .progress-bar{background:rgba(21,112,230,0.14)}
html[data-theme=night] .step-grid{background:rgba(255,255,255,0.08);border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .step.current .step-num{color:#7fb3ff}
html[data-theme=night] .step-num{border-color:rgba(255,255,255,0.14)}
html[data-theme=night] .task{border-color:rgba(255,255,255,0.14)}
html[data-theme=night] .task-symbol{background:rgba(21,112,230,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] .file-row{border-color:rgba(255,255,255,0.14)}
html[data-theme=night] .file-icon{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .file-left small{color:rgba(255,255,255,0.7)}
html[data-theme=night] .review-card{background:rgba(255,255,255,0.08)}
html[data-theme=night] .review-icon{background:rgba(21,112,230,0.14);color:#7fb3ff}
html[data-theme=night] .review-card .tiny{color:rgba(255,255,255,0.7)}
html[data-theme=night] .badge{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .badge.green{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .badge.amber{background:rgba(255,196,0,0.14);color:#ffd167}
html[data-theme=night] .badge.blue{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .info-note{background:rgba(21,112,230,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] .help-box{background:rgba(21,112,230,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] .tab.active{border-color:rgba(21,112,230,0.45);color:#7fb3ff}
html[data-theme=night] .filter{background:rgba(255,255,255,0.08)}
html[data-theme=night] .filter.active{background:rgba(21,112,230,0.14);border-color:rgba(21,112,230,0.45);color:#7fb3ff}
html[data-theme=night] .field input,html[data-theme=night] .field select,html[data-theme=night] .field textarea{border-color:rgba(255,255,255,0.14)}
html[data-theme=night] .field input:focus,html[data-theme=night] .field select:focus,html[data-theme=night] .field textarea:focus{outline:2px solid rgba(21,112,230,0.45);border-color:rgba(21,112,230,0.45)}
html[data-theme=night] .search-input{background:rgba(255,255,255,0.08)}
html[data-theme=night] .module-card .case-icon{background:rgba(21,112,230,0.14)}
html[data-theme=night] .page-footer{color:rgba(255,255,255,0.7)}
html[data-theme=night] .news-source{color:rgba(255,255,255,0.7)}
html[data-theme=night] .employer-banner{background:rgba(21,112,230,0.14);border-color:rgba(21,112,230,0.45)}
html[data-theme=night] .mini-line svg{color:#7fb3ff}
html[data-theme=night] .detail-panel{background:rgba(21,112,230,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] .lower-strip .file-icon{background:rgba(21,112,230,0.14);color:#7fb3ff}
html[data-theme=night] th{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7)}
html[data-theme=night] td{border-color:rgba(255,255,255,0.14)}
html[data-theme=night] .folder-index summary{color:rgba(255,255,255,0.7)}
html[data-theme=night] .folder-index .evidence-card{border-bottom:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .folder-index svg{color:rgba(255,255,255,0.7)}
html[data-theme=night] .future-scope>summary{color:rgba(255,255,255,0.7)}
html[data-theme=night] .close{background:rgba(21,112,230,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] dialog::backdrop{background:rgba(0,0,0,0.32)}
html[data-theme=night] #toast{background:rgba(0,0,0,0.32)}
html[data-theme=night] .screen-tag{color:rgba(255,255,255,0.7)}
html[data-theme=night] .employer-banner>svg{color:#7fb3ff}
html[data-theme=night] .review-card .btn.primary{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] .review-card .btn.primary:hover{background:rgba(21,112,230,0.14)}
html[data-theme=night] .ask-form input{border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.08)}
html[data-theme=night] .ask-form input:focus{outline:2px solid rgba(21,112,230,0.45)}
html[data-theme=night] .chip{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7)}
html[data-theme=night] .chip:hover{background:rgba(21,112,230,0.14)}
html[data-theme=night] .chip.active{background:rgba(21,112,230,0.14);border-color:rgba(21,112,230,0.45);color:#7fb3ff}
html[data-theme=night] .msg.user{background:rgba(21,112,230,0.14);color:#7fb3ff}
html[data-theme=night] .msg.ai{background:rgba(21,112,230,0.14)}
html[data-theme=night] .src-list a{color:#7fb3ff}
html[data-theme=night] .alert-row{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .alert-row svg{color:#7fb3ff}
html[data-theme=night] .guide-link{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .lawyer-row{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .lawyer-stats{color:rgba(255,255,255,0.7)}
html[data-theme=night] .note-row{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .note-body p{color:rgba(255,255,255,0.7)}
html[data-theme=night] .plan.current{border-color:rgba(21,112,230,0.45);box-shadow:0 0 0 1px rgba(255,255,255,0.14)}
html[data-theme=night] .plan-pill{border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.86)}
html[data-theme=night] .plan-pill.paid{background:rgba(255,255,255,0.08)}
html[data-theme=night] .quiz-banner{background:rgba(255,255,255,0.08);border-color:rgba(21,112,230,0.45)}
html[data-theme=night] .student-card{background:rgba(255,255,255,0.08);border-color:rgba(21,112,230,0.45)}
html[data-theme=night] .journey .dot{background:rgba(255,255,255,0.08);color:#7fb3ff}
html[data-theme=night] .journey li.current .dot{box-shadow:0 0 0 4px rgba(255,255,255,0.14)}
html[data-theme=night] .journey em{color:#7fb3ff;background:rgba(21,112,230,0.14)}
html[data-theme=night] .kpis{border-top:1px solid rgba(255,255,255,0.14)}
/* Colour only: app.css decides which figures carry a rule. */
html[data-theme=night] .kpis>div{border-right-color:rgba(255,255,255,0.14)}
html[data-theme=night] .deadline-row{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .lock-note{background:rgba(21,112,230,0.14);border:1px solid rgba(21,112,230,0.45);color:rgba(255,255,255,0.7)}
html[data-theme=night] .lock-note.warn{background:rgba(255,255,255,0.05);border-color:rgba(255,120,110,0.45)}
html[data-theme=night] .lock-note svg{color:#7fb3ff}
html[data-theme=night] .mini-alert{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .impact{background:rgba(21,112,230,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] .track-steps li::after{background:rgba(255,255,255,0.08)}
html[data-theme=night] .track-steps li.current::after{background:rgba(21,112,230,0.14)}
html[data-theme=night] .kv{border-bottom:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .check-row{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .check-row .st{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .check-row .st.ok{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .check-row .st.warn{background:rgba(21,112,230,0.14);color:#7fb3ff}
html[data-theme=night] .method p{color:rgba(255,255,255,0.7)}
html[data-theme=night] .filed-card{border-color:rgba(255,255,255,0.14);background:rgba(255,255,255,0.08)}
html[data-theme=night] .path-row{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .path-row p{color:rgba(255,255,255,0.7)}
html[data-theme=night] .quiz .q{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .q-num{background:rgba(21,112,230,0.14);color:#7fb3ff}
html[data-theme=night] .qopt span{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7)}
html[data-theme=night] .qopt input:checked+span{background:rgba(21,112,230,0.14);border-color:rgba(21,112,230,0.45);color:#7fb3ff}
html[data-theme=night] .quiz-actions{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .plan.best{background:rgba(255,255,255,0.08);border-color:rgba(21,112,230,0.45)}
@media(max-width:1180px){html[data-theme=night] .kpis>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,0.14)}}
html[data-theme=night] .g-cta.joined{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .g-hero{background:rgba(21,112,230,0.14);border-color:rgba(21,112,230,0.45)}
html[data-theme=night] .g-kicker{color:#7fb3ff}
html[data-theme=night] .g-close{color:rgba(255,255,255,0.7)}
html[data-theme=night] .g-close:hover{background:rgba(21,112,230,0.14)}
html[data-theme=night] .g-rail{background:rgba(21,112,230,0.14);border-color:rgba(21,112,230,0.45)}
html[data-theme=night] .g-chip span{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7)}
html[data-theme=night] .g-chip:hover span{background:rgba(21,112,230,0.14)}
html[data-theme=night] .g-chip input:checked+span{background:rgba(21,112,230,0.14);border-color:rgba(21,112,230,0.45);color:#7fb3ff}
html[data-theme=night] .g-chip input:focus-visible+span{outline:2px solid rgba(21,112,230,0.45)}
html[data-theme=night] .g-error{color:#ffa49b}
html[data-theme=night] .g-check{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .g-link input{border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.08)}
html[data-theme=night] .sp-nose{fill:#fff}
html[data-theme=night] .sp-whisk{stroke:#fff}
html[data-theme=night] .sp-back,html[data-theme=night] .ji-word{stroke:#4d9bff;color:#4d9bff}
html[data-theme=night] .ji-word b{color:#fff}
html[data-theme=night] .ins-table tr.picked td{background:rgba(21,112,230,0.14)}
html[data-theme=night] .delta.up{color:#a9e0a0}
html[data-theme=night] .ins-chart .axis{fill:rgba(255,255,255,0.7)}
html[data-theme=night] .ins-chart .line-b{stroke:rgba(255,255,255,0.7)}
html[data-theme=night] .ins-legend .key-b{background:repeating-linear-gradient(90deg,rgba(255,255,255,0.12) 0 5px,transparent 5px 9px)}
html[data-theme=night] .ins-verdict{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .ins-verdict.warn{background:rgba(21,112,230,0.14);color:#7fb3ff}
html[data-theme=night] .ins-hist span{background:rgba(21,112,230,0.14)}
html[data-theme=night] .ins-hist-axis{color:rgba(255,255,255,0.7)}
html[data-theme=night] .ins-srcbar{background:rgba(255,255,255,0.05)}
html[data-theme=night] .src-user{background:rgba(255,255,255,0.12)}
html[data-theme=night] .src-public{background:rgba(255,255,255,0.12)}
html[data-theme=night] .ins-source{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .ins-source b{color:rgba(255,255,255,0.7)}
html[data-theme=night] .fee-table tr.earlier td{color:rgba(255,255,255,0.7)}
html[data-theme=night] .fee-form{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .fee-tags span{background:rgba(21,112,230,0.14);color:#7fb3ff}
html[data-theme=night] .info-note.warn{background:rgba(21,112,230,0.14);color:#7fb3ff}
html[data-theme=night] .fm-q{background:rgba(255,255,255,0.08)}
html[data-theme=night] .fm-pop-box{background:rgba(40,38,35,0.96)}
html[data-theme=night] .wf-chip{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7)}
html[data-theme=night] button.wf-chip:hover,html[data-theme=night] button.wf-chip:focus-visible{border-color:rgba(21,112,230,0.45)}
html[data-theme=night] .wf-cont-row{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .wf-fit{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .wf-not svg{color:#7fb3ff}
html[data-theme=night] .wf-glance,html[data-theme=night] .wf-map-wrap{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .wf-map li b{background:rgba(255,255,255,0.08)}
html[data-theme=night] .wf-map li.part b{color:#7fb3ff}
html[data-theme=night] .wf-calc .card-header svg{color:#7fb3ff}
html[data-theme=night] .wf-phase h3 span{color:#7fb3ff}
html[data-theme=night] .wf-step{background:rgba(255,255,255,0.08)}
html[data-theme=night] .wf-step.next{border-color:rgba(21,112,230,0.45);box-shadow:0 0 0 3px rgba(255,255,255,0.14)}
html[data-theme=night] .wf-owner{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7)}
html[data-theme=night] .wf-o-you,html[data-theme=night] .wf-o-both,html[data-theme=night] .wf-o-team{background:rgba(21,112,230,0.14);color:#7fb3ff}
html[data-theme=night] .wf-o-uscis,html[data-theme=night] .wf-o-dol,html[data-theme=night] .wf-o-dos{background:rgba(130,175,255,0.14);color:rgba(255,255,255,0.7)}
html[data-theme=night] .wf-step-body>p{color:rgba(255,255,255,0.7)}
html[data-theme=night] .wf-fee-cell{color:rgba(255,255,255,0.7)}
html[data-theme=night] .wf-doc{border-bottom:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .wf-faq details{border-bottom:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .wf-faq details p{color:rgba(255,255,255,0.7)}
html[data-theme=night] .wf-faq-foot{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .wf-lq{border-top:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .wf-lq-n{color:#7fb3ff}
html[data-theme=night] .wf-lq p{color:rgba(255,255,255,0.7)}
html[data-theme=night] .wf-fitem{border-bottom:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .wf-fitem p{color:rgba(255,255,255,0.7)}
html[data-theme=night] .wf-duty-n{color:#7fb3ff}
html[data-theme=night] .wf-duty textarea{border:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .wf-pct input{border:1px solid rgba(255,255,255,0.14)}
html[data-theme=night] .wf-total{color:#ffa49b}
html[data-theme=night] .wf-total.ok{color:rgba(255,255,255,0.7)}
@media(max-width:650px){html[data-theme=night] .wf-table tr{border-top:1px solid rgba(255,255,255,0.14)}}
/* Beta 1.5: the "i" tips, a step's date and tool */
html[data-theme=night] .info-tip .fm-q{border-color:rgba(255,255,255,0.4);color:rgba(255,255,255,0.75)}
html[data-theme=night] .info-tip .fm-q:hover,html[data-theme=night] .info-tip .fm-q:focus-visible{border-color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.9);color:#1a1a1a}
html[data-theme=night] .wf-due{background:rgba(255,255,255,0.1);color:var(--ink)}
html[data-theme=night] .wf-due.soon{background:rgba(21,112,230,0.16);color:#7fb3ff}
html[data-theme=night] .wf-due.late{background:rgba(255,120,110,0.16);color:#ffa49b}
html[data-theme=night] .wf-tool{background:rgba(255,255,255,0.05)}
/* Amber stays amber after the move to SealPal blue: it means "to check", not the brand */
html[data-theme=night] .badge.amber{background:rgba(255,196,0,0.14);color:#ffd167}