/* yo-app-dark26.css — office wave 26 (e0d95969): the suite's dark mode INSIDE the Mail 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 .ic.on{color:#cdb8ff}
html.dark .chip.sample{background-color:#1b1834;color:#cdb8ff}
html.dark .chip.warn{background-color:#1b1834;color:#cdb8ff}
html.dark .chip.ok{background-color:#1b1834;color:#cdb8ff}
html.dark .rail{background-color:#1b1834}
html.dark .accsel select{background-color:#1b1834}
html.dark .list{background-color:#1b1834}
html.dark .search input:focus{background-color:#1b1834}
html.dark .fc{background-color:#1b1834}
html.dark .it:hover{background-color:#1b1834}
html.dark .star.on{color:#cdb8ff}
html.dark .sk{background-image:none;background-color:#1b1834}
html.dark .rtool .btn.on{color:#cdb8ff}
html.dark .msg{background-color:#1b1834}
html.dark .att{background-color:#1b1834}
html.dark .tb select{background-color:#1b1834}
html.dark .sig-ed{background-color:#1b1834}
html.dark .seg button[aria-selected=true]{background-color:#1b1834}
html.dark .mgrid{background-color:#1b1834}
html.dark .wd{background-color:#1b1834}
html.dark .md:hover{background-color:#1b1834}
html.dark .md.out{background-color:#1b1834}
html.dark .ev{background-color:#1b1834;color:#efedff}
html.dark .tgrid{background-color:#1b1834}
html.dark .evb{background-color:#1b1834;color:#efedff}
html.dark .switch input[type=checkbox]::after{background-color:#1b1834}
html.dark .colors input:checked{background-color:#1b1834}
html.dark .clist{background-color:#1b1834}
html.dark .tri-n{background-color:#262049;color:#cdb8ff}
html.dark .tri-urgent h3{color:#cdb8ff}
html.dark .tri-reply h3{color:#cdb8ff}
html.dark .tri-it{border-color:#332e57;background-color:#1b1834}
html.dark .tri-it:hover{background-color:#1b1834}
html.dark .undo-send .btn{background-color:#1b1834;color:#efedff}
html.dark .undo-send .us-ring{border-top-color:#332e57}
html.dark .krow{background-color:#1b1834}
html.dark .krow kbd{background-color:#1b1834;border-color:#332e57}
html.dark .rsvp{border-color:#332e57;background-color:#1b1834}
html.dark .rsvp .rv-t small{color:#efedff}
html.dark .ym-rem{background-color:#1b1834;border-color:#332e57}
html.dark .ym-rem small{color:#efedff}
html.dark .r5f>span{color:#efedff}
html.dark .r5c span{border-color:#332e57;background-color:#1b1834}
html.dark .r5fb{border-color:#332e57;background-color:#1b1834}
html.dark .r5hrs{color:#efedff}
html.dark .r5row b small{color:#efedff}
html.dark .r5track{background-image:none;background-color:#1b1834;border-color:#332e57}
html.dark .r5card .btn{background-color:#1b1834;color:#efedff}
html.dark .md.out .dn{color:#efedff}
html.dark .ev{color:#efedff}
html.dark [data-wal] span,html.dark .btn.soft[data-wal]{color:#cdb8ff}
html.dark .ymm-pick{background-color:#1b1834}
html.dark .ymm-mo{background-color:#1b1834}
html.dark .ymm-pv{background-color:#1b1834}
html.dark .ymm-rib{background-color:#1b1834}
html.dark .ymk-invite{background-color:#1b1834;color:#cdb8ff}
html.dark .ymk-agenda{background-color:#1b1834;color:#cdb8ff}
html.dark .ymk-recording{background-color:#1b1834;color:#cdb8ff}
html.dark .ymk-summary{background-color:#1b1834;color:#cdb8ff}
html.dark .ymm-hub{background-image:none;background-color:#1b1834}
html.dark .ymm-e{background-color:#1b1834}
html.dark .ymm-sk{background-image:none;background-color:#1b1834}
html.dark .ymm-chips button{background-color:#1b1834}
html.dark .ymm-ghost{color:#efedff}
@media (max-width:820px){html.dark .ymm-more{background-color:#1b1834}}
html.dark .pvcard{border-color:#332e57;background-color:#1b1834}
html.dark .pvth{background-color:#1b1834}
html.dark .pvth canvas{background-color:#1b1834}
html.dark .pv-docx .pvth,html.dark .pv-txt .pvth{background-color:#1b1834}
html.dark .pvth .pvdoc{color:#efedff}
html.dark .pvth .pvtxt{color:#efedff}
html.dark .pvload{color:#efedff}
html.dark .pvcap{border-color:#332e57}
html.dark .pvcap i{color:#efedff}
html.dark .pvbar{background-color:#1b1834;color:#efedff}
html.dark .pvbtn{background-color:#1b1834;color:#efedff}
html.dark .pvbody .pvpg{background-color:#1b1834}
html.dark .pvbody .pvdoc{background-color:#1b1834;color:#efedff}
html.dark .pvbody .pvtxt{background-color:#1b1834}
html.dark .pvdoc td,html.dark .pvdoc th{border-color:#332e57}
@media (max-width:760px){html.dark.r3 #hdr>nav.tabs>button[aria-selected=true]{color:#cdb8ff}}
@media (max-width:760px){html.dark.r3 .rail .fi.on{color:#cdb8ff}}
@media (max-width:760px){html.dark.r3 .rail .fi.on .ic{color:#cdb8ff}}
@media (max-width:760px){html.dark.r3 .rail .r3-new{color:#cdb8ff}}
@media (max-width:760px){html.dark.r3 .rail .r3-card{background-image:none;background-color:#1b1834}}
@media (max-width:760px){html.dark.r3 .rail .r3-ci{background-color:#1b1834;color:#cdb8ff}}
@media (max-width:760px){@media (prefers-color-scheme:dark){html.dark.r3 .rail .r3-pill{color:#efedff}}}
@media (max-width:760px){html.dark.r4.r4-mail .r4-bar .r4-ai{background-color:#1b1834}}
@media (max-width:760px){html.dark.r4.yoc-phone:not(.yoc-collapsed) #yoc .yoc-drag::after{background-color:#1b1834}}
html.dark .yt-mh{color:#efedff}
html.dark .pvcap i{color:#efedff}
html.dark .tiny.muted,html.dark small.muted,html.dark .dlg small,html.dark small{color:#efedff}
html.dark span.sub{color:#efedff}
html.dark.r4 .mail #items .it .sub{color:#efedff}
html.dark .yt-mh{color:#efedff}
html.dark .chips>button:not(.on){color:#efedff;background-color:#1b1834;border-color:#332e57}
html.dark span.when,html.dark span.sn,html.dark .it .sn,html.dark .it .when{color:#efedff}
html.dark body button.btn[data-r]:not([data-r="reply"]){background-color:#1b1834;color:#efedff;border-color:#332e57}
html.dark body .r4-chips>button:not(.on):not([aria-pressed="true"]){background-color:#1b1834;color:#efedff}
@media (min-width:601px){html.dark .yoa-pane{border-color:#332e57}}
html.dark .yoa-pane{background-color:#1b1834}
html.dark .yoa-pane .yoa-top{background-color:#1b1834}
html.dark .yoa-pane .yoa-form{background-color:#1b1834}
html.dark .yoa-grip::after{background-color:#262049}
html.dark .yoa-x{background-color:#1b1834;color:#cdb8ff}
html.dark .yoa-x:hover{background-color:#262049}
html.dark .yoa-pane .yoa-typing{background-color:#1b1834}
html.dark .pdfai .chip,html.dark .yo-aichat .chip{border-color:#332e57;background-color:#1b1834;color:#cdb8ff}
html.dark .pdfai .chip svg,html.dark .yo-aichat .chip svg{color:#cdb8ff}
html.dark .pdfai .amsg.u,html.dark .yo-aichat .amsg.u{background-color:#262049}
html.dark .pdfai .amsg.a,html.dark .yo-aichat .amsg.a{background-color:#1b1834;border-color:#332e57}
html.dark .pdfai .amsg td,html.dark .pdfai .amsg th,html.dark .yo-aichat .amsg td,html.dark .yo-aichat .amsg th{border-color:#332e57}
html.dark .pdfai .amsg th,html.dark .yo-aichat .amsg th{background-color:#1b1834}
html.dark .pdfai .aiform,html.dark .yo-aichat .aiform{border-color:#332e57;background-color:#1b1834}
html.dark .pdfai .aiform textarea,html.dark .yo-aichat .aiform textarea{border-color:#332e57}
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.yo-legacy-bars[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.yo-legacy-bars[data-yo-app] :is(header#hdr,html.dark header.top) nav.tabs button[aria-selected=true]{background-color:#1b1834}
html.dark.yo-legacy-bars[data-yo-app] header#titlebar .dicon{background-color:#1b1834}
html.dark.yo-legacy-bars[data-yo-app] :is(header.htop,html.dark header.top) .hsearch{background-color:#1b1834}
html.dark.yo-legacy-bars[data-yo-app] :is(header.htop,html.dark header.top) .hsearch input{background-color:#1b1834;color:#efedff}
html.dark.yo-legacy-bars[data-yo-app] :is(header.htop,html.dark header.top) .hsearch .ic{color:#efedff}
html.dark.yo-legacy-bars[data-yo-app] :is(header.htop,html.dark header#hdr,html.dark header.top) a.brand img{background-color:#1b1834}
html.dark.yo-legacy-bars[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] body{background-image:none;background-color:#1b1834}
html.dark[data-yo-app] :is(header.htop,html.dark header#hdr){background-color:#1b1834;border-color:#332e57}
html.dark[data-yo-app] :is(header.htop,html.dark header#hdr) .brand{color:#cdb8ff}
html.dark[data-yo-app] :is(header.htop,html.dark header#hdr) .brand b{color:#cdb8ff}
html.dark[data-yo-app] :is(header.htop,html.dark header#hdr) .hsearch input{background-color:#1b1834}
html.dark[data-yo-app] :is(header.htop,html.dark header#hdr) .hsearch input:focus{background-color:#1b1834}
html.dark[data-yo-app=mail] header#hdr nav.tabs button[aria-selected=true]{background-image:none;background-color:#1b1834;color:#cdb8ff}
html.dark[data-yo-app=mail] header#hdr nav.tabs button[aria-selected=true] :is(.ic,html.dark svg){color:#cdb8ff}
html.dark[data-yo-app] .nv[aria-current=page]{background-image:none;background-color:#1b1834;color:#cdb8ff}
html.dark[data-yo-app] .nv[aria-current=page] .ic{color:#cdb8ff}
html.dark[data-yo-app] .tthumb{border-color:#332e57}
html.dark[data-yo-app] .tcard:hover .tthumb{border-color:#332e57}
html.dark[data-yo-app] .tcard.blank .tthumb{background-image:none;background-color:#1b1834}
html.dark[data-yo-app] .tcard.ai .tthumb{background-image:none;background-color:#1b1834}
html.dark[data-yo-app] .tcard.more .tthumb{background-color:#1b1834}
html.dark[data-yo-app] .empty h2{color:#efedff}
html.dark[data-yo-app] .hbar{background-color:#1b1834}
html.dark[data-yo-app] .hbar button[aria-current=page]{color:#cdb8ff}
html.dark[data-yo-app] .hbar button[aria-current=page]::before{background-image:none;background-color:#1b1834}
html.dark[data-yo-app] .hbar button[aria-current=page] .ic{color:#cdb8ff}
html.dark[data-yo-app] .pts{background-color:#1b1834;border-color:#332e57;color:#cdb8ff}
html.dark[data-yo-app] :is(header.htop,html.dark header#hdr) .acct > .btn:not(.pri):not(.primary){background-color:#1b1834;border-color:#332e57;color:#cdb8ff}
html.dark[data-yo-app] .nvfoot .lnk{color:#cdb8ff}
html.dark[data-yo-app] header.htop button.acct:not(:has(.av)){background-color:#1b1834;border-color:#332e57;color:#cdb8ff}
/* 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) */
/* acct row rule reverted in w26h: it pushed the avatar under the Copilot panel at 1280 en */
@media (max-width:480px){#hdr #yo-thm26{width:40px!important;min-width:40px!important;max-width:none!important;height:40px;min-height:40px;flex-shrink:0}}

/* w26 FIX6: phone header title + search icon were dark-on-dark */
html.dark #hdr .r4-tt,html.dark #hdr .r4-tt *{color:#efedff!important;-webkit-text-fill-color:#efedff!important}
html.dark #hdr .r4-q,html.dark #hdr .r4-q svg{color:#efedff!important;stroke:currentColor}
html.dark .ymc-panel,html.dark [class*=copilot]{scrollbar-color:#332e57 #1b1834}

/* w26 FIX7: rail «Assistant/المساعد» label span kept its light-theme purple (1.63:1) */
html.dark #rail .r3-nav .fi span,html.dark #rail .r3-nav .fi>span{color:#e6e1ff!important;-webkit-text-fill-color:#e6e1ff!important}

/* w26 FIX8: r4 phone tokens (source of FIX6/FIX7 defects) */
html.dark.r4{--r4-ink:#efedff;--r4-mut:#b9b3d6;--r4-tone-ink:#e6e1ff;--r4-tone:#2a2450;--r4-line:#332e57}

/* w32 (9259fe7f): dark header — the selected tab icon was #4b3fb0 on the #2c2552 selected chip (1.77: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}