/* yo-app-dark26.css — office wave 26 (e0d95969): the suite's dark mode INSIDE the Meet app (w25 covered only the landing).
   Same switch and palette as Office/Sheets and the w25 landings: html.dark, bg #0f0d1f, card #1b1834, ink #efedff.
   Rules below the token block are generated from the app's own light rules (light surfaces -> card, dark ink -> light ink,
   light borders -> #332e57); hand fixes measured on Chromium + WebKit sit at the end. */
html.dark{color-scheme:dark;--bg:#0f0d1f;--card:#1b1834;--ink:#efedff;--ink2:#d6d0f2;--mut:#b4acd2;--line:#332e57;--p1:#1f1a3d;--p2:#2c2552;--acc2:#2c2552;--sh:0 1px 2px rgba(0,0,0,.4),0 6px 24px rgba(0,0,0,.35)}
html.dark body{background:#0f0d1f;color:#efedff}
html.dark input,html.dark textarea,html.dark select{color:#efedff}
html.dark input::placeholder,html.dark textarea::placeholder{color:#a9a1c9}
html.dark a:not([class]){color:#cdb8ff}
.yo-thm26{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;padding:0;margin-inline:4px;flex:0 0 auto}
.yo-thm26:focus-visible{outline:3px solid #8650d6;outline-offset:2px}
@media (max-width:480px){.yo-thm26{width:40px;height:40px;min-width:40px;min-height:40px;margin-inline:2px}}
/* generated */
html.dark .btn{background-color:#1b1834}
html.dark .inp,html.dark .fld input,html.dark .fld select,html.dark .fld textarea{background-color:#1b1834}
html.dark .chip.ok{background-color:#1b1834}
html.dark .chip.warn{background-color:#1b1834;color:#cdb8ff}
html.dark .note.warn{background-color:#1b1834;color:#cdb8ff}
html.dark .dlg{background-color:#1b1834}
html.dark .menu{background-color:#1b1834}
html.dark .sample{background-color:#1b1834;color:#cdb8ff}
html.dark .wal-pk button{background-color:#1b1834}
html.dark .top{background-color:#1b1834}
html.dark .tabs button[aria-selected=true]{background-color:#1b1834}
html.dark .rb.off{background-color:#1b1834}
html.dark .tile .hd{background-color:#262049;color:#cdb8ff}
html.dark .side{background-color:#1b1834}
html.dark .chlist{background-color:#1b1834}
html.dark .chhead{background-color:#1b1834}
html.dark .msg:hover{background-color:#1b1834}
html.dark .msg .rx button{background-color:#1b1834}
html.dark .meetcard{background-color:#1b1834}
html.dark .composer{background-color:#1b1834}
html.dark .switch input[type=checkbox]::after{background-color:#1b1834}
html.dark .rb.on{background-color:#262049}
/* w33 (in-meeting crawl, fake camera): the pressed control kept light-theme ink #3b1366 on the dark chip (label 1.06, icon invisible); the «المضيف/Host» chip kept dark ink on dark (1.16) */
html.dark .rb.on{color:#ece6ff}
html.dark .chip.rl-host{color:#e2d9ff!important;background:#3b2f73!important}
html.dark .done-morph{background-color:#262049}
html.dark .done-morph.done-bad{background-color:#1b1834;color:#cdb8ff}
html.dark .atip{background-color:#1b1834;border-color:#332e57}
html.dark .fld.bad input,html.dark .fld.bad textarea{background-color:#1b1834}
html.dark .ferr{color:#cdb8ff}
html.dark .ferr svg{background-color:#262049}
html.dark .ptool{background-color:#1b1834}
html.dark .dpk button{background-color:#1b1834}
html.dark .fxink{background-color:#1b1834}
html.dark .fxt.ico{background-image:none;background-color:#1b1834}
html.dark .fxt[aria-pressed=true]::after{background-color:#1b1834}
html.dark .fxt.up{background-color:#1b1834}
html.dark .tg i::after{background-color:#1b1834}
html.dark .fxlevels button{background-color:#1b1834}
html.dark .annobar{background-color:#1b1834}
html.dark .bn{background-color:#1b1834}
html.dark .cpeek{background-color:#1b1834}
html.dark .rsheet{background-color:#1b1834}
html.dark .mt{background-color:#1b1834}
html.dark .capsw{background-color:#1b1834}
html.dark .fcard{background-color:#1b1834}
html.dark .board{background-color:#1b1834}
html.dark .bcol i{border-color:#332e57}
html.dark .bwrap{background-image:none;background-color:#1b1834}
html.dark .bcv{background-color:#1b1834}
html.dark .btext{background-color:#1b1834}
html.dark .bswatch{background-color:#1b1834}
html.dark .bswatch button{border-color:#332e57}
html.dark .pcard,html.dark .qcard{background-color:#1b1834}
html.dark .pop{background-color:#1b1834}
html.dark .pop .pbar{background-image:none;background-color:#1b1834}
html.dark .qup{background-color:#1b1834}
html.dark .bopill{background-color:#1b1834}
html.dark .bo-help{background-color:#1b1834}
html.dark .bo-err{color:#cdb8ff}
html.dark .btn.bo-danger{background-color:#1b1834;color:#cdb8ff}
html.dark .trmodes button.on{background-color:#1b1834}
html.dark .trshare{background-color:#1b1834}
html.dark .trshare .dot{background-color:#262049}
html.dark .trshare.on{border-color:#332e57;background-color:#1b1834}
html.dark .trsearch{background-color:#1b1834}
html.dark .trdl button{background-color:#1b1834}
html.dark .trli{background-color:#1b1834}
html.dark .trpick{background-color:#1b1834}
html.dark .trlnbtn.on{background-color:#1b1834}
html.dark .trnotes{border-color:#332e57;background-color:#1b1834}
html.dark .trswap{color:#cdb8ff}
html.dark .ysh-ok{background-color:#1b1834;color:#cdb8ff}
html.dark .ysh-url .ysh-code{color:#cdb8ff}
html.dark .ysh-ok.wait{background-color:#1b1834;color:#cdb8ff}
html.dark .ysh-url{border-color:#332e57;background-color:#1b1834;color:#efedff}
html.dark .yqr svg{border-color:#332e57;background-color:#1b1834}
html.dark .qchips .qchip{border-color:#332e57;background-color:#1b1834;color:#cdb8ff}
html.dark .ma-topic{background-image:none;background-color:#1b1834}
html.dark .ma-sec{background-color:#1b1834}
html.dark .ma-sec h4{color:#efedff}
html.dark .ma-err{color:#cdb8ff}
html.dark .ma-pp{background-color:#1b1834}
html.dark .ma-sumout .ai-out{background-color:#1b1834}
html.dark .room-row .meta{color:#efedff}
html.dark .ymc-livetag{color:#cdb8ff}
html.dark .ymc-livepill{color:#cdb8ff}
html.dark .ymc-art{background-image:none;background-color:#1b1834}
html.dark .ymc-sent{color:#cdb8ff}
html.dark .yoc-h{background-color:#1b1834}
html.dark .yoc-ib:hover{background-color:#1b1834}
html.dark .yoc-bot{background-color:#1b1834}
html.dark .yoc-step{background-color:#1b1834;border-color:#332e57}
html.dark .yoc-undo{border-color:#332e57;background-color:#1b1834}
html.dark .yoc-undo:hover{background-color:#262049}
html.dark .yoc-plan li::before{border-color:#332e57}
html.dark .yoc-ans code{background-color:#1b1834}
html.dark .yoc-err{color:#cdb8ff}
html.dark .yoc-key{background-color:#1b1834;border-color:#332e57;color:#cdb8ff}
html.dark .yoc-res li{background-color:#1b1834}
html.dark .yoc-f{background-color:#1b1834}
html.dark .yoc-chip{border-color:#332e57;background-color:#1b1834}
html.dark .yoc-box{border-color:#332e57;background-color:#1b1834}
html.dark .yoc-in::placeholder{color:#efedff}
html.dark .yoc-log::-webkit-scrollbar-thumb{background-color:#262049}
html.dark[data-yo-app] :is(header.htop,html.dark header#hdr,html.dark header#titlebar,html.dark header#tb,html.dark header.top) :is(.btn.pri,html.dark .btn.primary,html.dark .ai-btn):not(.yoc *){background-color:#1b1834}
html.dark[data-yo-app] :is(header#hdr,html.dark header.top) nav.tabs button[aria-selected=true]{background-color:#1b1834}
html.dark[data-yo-app] header#titlebar .dicon{background-color:#1b1834}
html.dark[data-yo-app] :is(header.htop,html.dark header.top) .hsearch{background-color:#1b1834}
html.dark[data-yo-app] :is(header.htop,html.dark header.top) .hsearch input{background-color:#1b1834;color:#efedff}
html.dark[data-yo-app] :is(header.htop,html.dark header.top) .hsearch .ic{color:#efedff}
html.dark[data-yo-app] :is(header.htop,html.dark header#hdr,html.dark header.top) a.brand img{background-color:#1b1834}
html.dark[data-yo-app] :is(header.htop,html.dark header#hdr,html.dark header#titlebar,html.dark header#tb,html.dark header.top) :focus-visible{border-color:#332e57}
html.dark.yoc-phone:not(.yoc-collapsed) .yoc-f{background-color:#1b1834}
html.dark.yoc-on .yoc-step{background-color:#1b1834;border-color:#332e57}
html.dark.yoc-phone:not(.yoc-collapsed) .yoc-drag::after{background-color:#1b1834}
html.dark .yoc-grip::after{background-color:#262049}
html.dark[data-yo-app] :is(header.htop,html.dark header#hdr,html.dark header#titlebar,html.dark header#tb,html.dark header.top) nav.tabs button[aria-selected=true]:not(.yoc *):hover{background-color:#1b1834}
/* hand fixes */
html.dark .rail,html.dark #rail,html.dark .list,html.dark #list{background-color:#16132b!important}
html.dark .btn.icon.ghost,html.dark .r3-rb,html.dark .btn.soft,html.dark .fc:not(.on):not([aria-pressed="true"]),html.dark select{background-color:#1b1834!important;color:#efedff!important;border-color:#332e57!important}
html.dark .btn.soft *{color:inherit!important}
html.dark .fi{color:#e6e1ff!important}html.dark .fi *{color:inherit!important}html.dark .fi.on{background-color:#2c2552!important;color:#ffffff!important}
html.dark .tiny.muted,html.dark .muted{color:#b4acd2!important}
html.dark .note,html.dark .note *{color:#efedff!important}
html.dark .mx-tabs button{color:#c9c2e6!important}html.dark .mx-tabs button.on{color:#d9ccff!important}
html.dark .tabs button{color:#d6d0f2!important}html.dark .tabs button[aria-selected=true]{background:#2c2552!important;color:#ffffff!important;box-shadow:none!important}
html.dark .ymc-all{color:#cdb8ff!important}
html.dark [style*="background:#fff"],html.dark [style*="background: #fff"],html.dark [style*="background:white"],html.dark [style*="background-color:#fff"]{background-color:#1b1834!important;color:#efedff!important}
/* FIX2 */
html.dark{--r3-hl:#2c2552}
html.dark.r3 .rail .fi.on,html.dark body .rail .fi.on,html.dark body nav.folders button.fi.on{background:#2c2552!important;color:#ffffff!important}
html.dark body header.top button.btn.icon.ghost,html.dark body #hdr button.btn.icon.ghost{background-color:transparent!important;color:#efedff!important}
html.dark body #hdr nav.tabs button[aria-selected=true],html.dark body header nav.tabs button[aria-selected=true],html.dark body nav.tabs>button[aria-selected=true]{background:#2c2552!important;color:#ffffff!important;box-shadow:none!important}
html.dark body #acct .btn.sm.soft,html.dark body .acct .btn.soft,html.dark body .acct button.btn{background:#1b1834!important;color:#efedff!important;border-color:#332e57!important}
/* FIX3 */
html.dark[data-yo-app] header#hdr #acct .btn.sm.soft,html.dark[data-yo-app] header#hdr .acct .btn.soft{background:#1b1834!important;color:#efedff!important;border-color:#332e57!important}
html.dark body nav.tabs>button *,html.dark body nav.tabs>button[aria-selected=true] *{color:inherit!important;-webkit-text-fill-color:currentColor!important}
/* FIX4 */
html.dark[data-yo-app] #hdr nav button[aria-selected=true],html.dark[data-yo-app] #hdr nav button[aria-selected=true] span,html.dark[data-yo-app] header nav button[aria-selected=true] span{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}

/* w26 FIX5: header fit (pre-existing: #acct wrapped its points pill above the avatar at 1280 en, «Outlook» overflowed its 44px button) */
@media (max-width:480px){#hdr #yo-thm26{width:40px;min-width:40px;max-width:none;height:40px;min-height:40px}}

/* w32 (9259fe7f): dark header — the selected tab icon kept the brand colour #5b5fc7 on the #2c2552 selected chip (2.62:1); white like its label */
html.dark[data-yo-app] :is(header#hdr,header.top) nav.tabs button[aria-selected=true] :is(span,svg,.ic){color:#fff!important;-webkit-text-fill-color:#fff!important}
/* w32: "Meeting code or link" field outline was 1.27 (light) / 1.52 (dark) against its background; UI needs 3:1 */
html[data-yo-app=meet]:not(.dark) .joinf .inp{border-color:#8b80b6!important}
html.dark[data-yo-app=meet] .joinf .inp{border-color:#7a72b8!important}
/* w32: dark selected tab keeps its dark chip on hover; unread badge white "1" on mint #18a383 was 3.18:1 -> #0e7c61 (5.3:1); command palette field outline in light 1.18 -> 3.6 */
html.dark[data-yo-app] header#hdr nav.tabs button[aria-selected=true]:not(.yoc *):hover{background:#2c2552!important}
html[data-yo-app=meet] .chi .un{background:#0e7c61}
html:not(.dark) .yox-pal .yox-q{border-bottom:1px solid #8b80b6!important}
/* w32: dark Channels view — selected channel name #492372 on #2c2552 (1.18:1) and the Message field outline 1.53:1 */
html.dark[data-yo-app=meet] .chi .nm{color:#efedff!important}
html.dark[data-yo-app=meet] :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not(header *):not(.yoc *){border-color:#7a72b8!important}
/* w32: light-mode text fields in the Meet app (guest name etc.) had 1.27:1 outlines */
html[data-yo-app=meet]:not(.dark) :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not(header *):not(.yoc *){border-color:#8b80b6!important}

/* w33b root fix: light-theme state rules ink with var(--p8) #3b1366; dark already darkens their surfaces, so muted/camera-off labels, the raised-hand tip and the captions chip read 1.2 — give every such state rule light ink + a dark chip in dark */
html.dark :is(.rb.off,.chi[aria-current=true],.atip,.ptool,.fxtabs button[aria-selected=true],.fxt.ico span,.fxlevels button[aria-pressed=true],.bnb,.mt.on,.lv .endall,.capsw.on,.bt[aria-pressed=true],.qup.on,.trlg,.btn.soft,.chip,.note){color:#ece6ff}
html.dark :is(.rb.off,.atip,.ptool,.bnb,.mt.on,.capsw.on,.bt[aria-pressed=true],.qup.on,.trlg,.btn.soft,.chip,.note,.chi[aria-current=true],.fxlevels button[aria-pressed=true]){background-color:#2c2552}
html.dark .done-morph{color:#ece6ff!important;background:#2c2552!important;border-color:#7c6fe0!important}