/* yo-dark29.css — office wave 29 (26332e0c): dark mode inside the PDF / Diagrams apps.
   Same switch as the suite (localStorage yo_dark, class html.dark). Every rule is scoped to :root.dark, so light mode is unchanged.
   Generated from the app's own light rules (light surfaces -> dark surfaces, dark text -> light text); the document page and the drawing canvas stay white like paper. */
:root.dark{color-scheme:dark}
:root.dark body,:root.dark #ed{background:var(--bg)}
/* app/pdf.css */
:root.dark #splash{background:#1d1a3a}
:root.dark #tb{background:#1d1a3a}
:root.dark #tb .ttl:focus{background:#1d1a3a}
:root.dark .sstate.bad{color:#f4b7a3}
:root.dark .acct{background:#1d1a3a}
:root.dark #tools{background:#1d1a3a}
:root.dark #lib,:root.dark #props{background:#1d1a3a}
:root.dark .libh{background:#1d1a3a}
:root.dark .libs{background:#1d1a3a}
:root.dark #te{background:rgba(29,26,58,0.97)}
:root.dark #pagebar{background:#1d1a3a}
:root.dark .sw.none{background:linear-gradient(135deg,#1d1a3a 45%,#c084fc 45%,#c084fc 55%,#1d1a3a 55%)}
:root.dark .sw.custom{background:#1d1a3a}
:root.dark .fld select,:root.dark .fld input[type=text],:root.dark .fld input[type=number],:root.dark .fld textarea{background:#1d1a3a}
:root.dark .seg button.on{background:#1d1a3a}
:root.dark .chip{background:#1d1a3a}
:root.dark .spin{border:2px solid rgba(59,54,104,0.50);border-top-color:#3b3668}
:root.dark .tcard{background:#1d1a3a}
:root.dark .tcard .tth{background:#1d1a3a}
:root.dark .htop{background:#1d1a3a}
:root.dark .askbar{background:#1d1a3a}
:root.dark .dcard{background:#1d1a3a}
:root.dark .empty{background:#1d1a3a}
@media (max-width:760px){:root.dark #mbar{background:#1d1a3a}}
:root.dark #view{background:#1d1a3a}
:root.dark .fld-in{background:rgba(29,26,58,0.55);color:#b7b4e3}
:root.dark .fld-in:focus{background:#1d1a3a}
:root.dark #selbar{background:#1d1a3a}
:root.dark #selbar button.dng{color:#f4b7a3}
:root.dark #side{background:#1d1a3a}
:root.dark .th.dragging{background:#1d1a3a}
:root.dark .thc{background:#1d1a3a}
:root.dark .thm{background:rgba(29,26,58,0.92)}
:root.dark .swb .sw{border:2px solid #3b3668}
:root.dark #findbar{background:#1d1a3a}
:root.dark #pnav .ib:hover{background:rgba(29,26,58,0.12)}
:root.dark #formbar{background:#1d1a3a;border-bottom:1px solid #3b3668}
:root.dark .cpick button{border:2px solid #3b3668}
:root.dark .fld input,:root.dark .fld select,:root.dark .fld textarea{background:#1d1a3a}
:root.dark .bad{color:#f4b7a3}
/* w33: signature surfaces stay 'paper' in dark — the ink is navy/blue/violet, so a dark card hid typed previews (1.04), drawn strokes and saved signatures */
:root.dark .sigpad,:root.dark .sigf,:root.dark .sgpick{background:#fdfcff;border-color:#8b84b8}
:root.dark .sigpad .sigclr{color:#5b21b6}
:root.dark .sigf.on{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa}
:root.dark .opt{background:#1d1a3a}
:root.dark .opt.on{background:#1d1a3a}
:root.dark .cmpres .ok{background:#1d1a3a;color:#9ff8df}
:root.dark .cmpres .warn{background:#1d1a3a;color:#f2b9a5}
:root.dark .flist li{background:#1d1a3a}
:root.dark .ilist li{background:#1d1a3a}
:root.dark .ilist img{background:#1d1a3a}
:root.dark .pdfhero .btn.pri{background:#1d1a3a;color:#caa9ee}
:root.dark .pdfhero .btn.pri:hover{background:#1d1a3a}
:root.dark .tool2{background:#1d1a3a}
@media (max-width:760px){:root.dark .grip{background:rgba(29,26,58,0.92)}}
:root.dark .stampbtn{background:#1d1a3a;border:1px solid #3b3668}
:root.dark .stamp-hint{color:#ebe9ff}
:root.dark .notedlg textarea{border:1px solid #3b3668}
:root.dark .notedlg .fmsg{color:#c4a8ef}
/* app/app.css */
:root.dark button.chip:hover{border-color:#3b3668}
:root.dark #splash{background:radial-gradient(1200px 600px at 50% 40%,#1d1a3a,#1d1a3a)}
:root.dark .toast.busy span::before{border:2px solid rgba(59,54,104,0.35);border-top-color:#3b3668}
:root.dark .mback.sheet .modal::before{background:#2b2756}
:root.dark .htop{background:rgba(29,26,58,0.86)}
:root.dark .tcard.ai .tthumb{background:linear-gradient(160deg,#1d1a3a,#1d1a3a);color:#bbaaed}
:root.dark .tthumb{background:#1d1a3a}
:root.dark .tthumb::after{background:linear-gradient(transparent,#1d1a3a)}
:root.dark .dlist-grid .dthumb{background:linear-gradient(#1d1a3a,#1d1a3a)}
:root.dark .dlist-grid .dthumb span{color:#ebe9ff}
:root.dark .dlist-grid .dthumb::after{background:linear-gradient(transparent,#1d1a3a)}
:root.dark .dlist-grid .dstar,:root.dark .dlist-grid .dmore{background:rgba(29,26,58,0.92)}
:root.dark .dlist-list .dthumb{background:#1d1a3a}
:root.dark .rtab.ai{color:#bbaaed}
:root.dark .rtab.ai .ic{color:#b2a1f6}
:root.dark .rtab.ctx{color:#a3f4e5}
:root.dark .bubble button:hover,:root.dark .bubble button.on{background:rgba(29,26,58,0.14)}
:root.dark .bubble .vsep{background:rgba(29,26,58,0.20)}
:root.dark #hruler{border-bottom:1px solid #3b3668}
:root.dark #hruler .rin{background:#1d1a3a}
:root.dark #hruler .rm{background:#2b2756}
:root.dark #hruler b{color:#ebe9ff}
:root.dark #pages .hz,:root.dark #pages .fz{color:#ebe9ff}
:root.dark #pages .fnz{color:#ebe9ff;border-top:1px solid #3b3668}
:root.dark #pages .hfedit{background:rgba(29,26,58,0.90)}
:root.dark .phead.ai h2 .ic{color:#b2a1f6}
:root.dark .thread .quote{border-inline-start:3px solid #3b3668}
:root.dark .ctrack .cht.ins{color:#a4f3cd}
:root.dark .ctrack .cht.del{color:#ceadea}
:root.dark .vprev{background:#1d1a3a}
:root.dark .qa .ic{color:#b2a1f6}
:root.dark .rcard.err{border-color:#3b3668;background:#1d1a3a}
:root.dark .skel i{background:linear-gradient(90deg,#1d1a3a 25%,#2b2756 50%,#1d1a3a 75%)}
:root.dark #stTrack{color:#a4f3cd!important}
:root.dark .pgprev>div,:root.dark .ppreview>div{background:#1d1a3a}
:root.dark .yo-doc{color:#b8b4e3}
:root.dark .yo-doc a{color:#b9b3e4}
:root.dark .yo-doc hr{border-top:1px solid #3b3668}
:root.dark .yo-doc blockquote{color:#ebe9ff}
:root.dark .yo-doc p[data-style=title]{border-bottom:2px solid #3b3668}
:root.dark .yo-doc li::marker{color:#b9b3e4}
:root.dark .yo-doc ol[data-ls=multilevel] li::before{color:#b9b3e4}
:root.dark .yo-doc th{background:#1d1a3a}
:root.dark .yo-doc table[data-tstyle=banded] tr:nth-child(odd) td{background:#1d1a3a}
:root.dark .yo-doc table[data-tstyle=minimal] th{color:#b3afe8}
:root.dark #editor .yo-doc table[data-borders=none] td,:root.dark #editor .yo-doc table[data-borders=none] th{border:1px dashed #3b3668}
:root.dark .yo-doc .yo-fig figcaption{color:#ebe9ff}
:root.dark .yo-rz{background:#1d1a3a}
:root.dark #editor .yo-cols{outline:1px dashed #3b3668}
:root.dark .yo-doc .yo-fn{color:#b9b3e4}
:root.dark .yo-doc .yo-toc{border:1px solid #3b3668;background:#1d1a3a}
:root.dark .yo-doc .toc-t{color:#b3afe8}
:root.dark .yo-doc .toc-l .tp{color:#ebe9ff}
:root.dark #editor .yo-comment{background:rgba(43,39,86,0.32)}
:root.dark #editor .yo-comment.active{background:rgba(43,39,86,0.60)}
:root.dark #editor .yo-ins{color:#a4f3cd}
:root.dark #editor .yo-del{color:#ceadea}
:root.dark .yo-find{background:#2b2756}
:root.dark .yo-find.cur{background:#2b2756}
/* yo-asst.css */
@media (min-width:601px){:root.dark .yoa-pane{border-inline-start:1px solid #3b3668!important}}
:root.dark .yoa-pane{background:#1d1a3a!important}
:root.dark .yoa-pane .yoa-top{background:#1d1a3a}
:root.dark .yoa-pane .yoa-form{background:#1d1a3a}
:root.dark .yoa-grip::after{background:#2b2756}
:root.dark .yoa-x{background:#1d1a3a;color:#b9b3e4}
:root.dark .yoa-x:hover{background:#2b2756}
:root.dark .yoa-pane .yoa-typing{background:#1d1a3a}
:root.dark .pdfai .chip,:root.dark .yo-aichat .chip{border:1px solid #3b3668;background:#1d1a3a;color:#b5aee9}
:root.dark .pdfai .chip svg,:root.dark .yo-aichat .chip svg{color:#a9a1f6}
:root.dark .pdfai .amsg.u,:root.dark .yo-aichat .amsg.u{background:#1d1a3a}
:root.dark .pdfai .amsg.a,:root.dark .yo-aichat .amsg.a{background:#1d1a3a;border:1px solid #3b3668}
:root.dark .pdfai .amsg td,:root.dark .pdfai .amsg th,:root.dark .yo-aichat .amsg td,:root.dark .yo-aichat .amsg th{border:1px solid #3b3668}
:root.dark .pdfai .amsg th,:root.dark .yo-aichat .amsg th{background:#1d1a3a}
:root.dark .pdfai .aiform,:root.dark .yo-aichat .aiform{border-top:1px solid #3b3668;background:#1d1a3a}
:root.dark .pdfai .aiform textarea,:root.dark .yo-aichat .aiform textarea{border:1px solid #3b3668}
/* yo-chat.css */
:root.dark .yoc-h{background:#1d1a3a}
:root.dark .yoc-ib:hover{background:#1d1a3a}
:root.dark .yoc-bot{background:#1d1a3a}
:root.dark .yoc-step{background:#1d1a3a;border:1px solid #3b3668}
:root.dark .yoc-undo{border:1px solid #3b3668;background:#1d1a3a}
:root.dark .yoc-undo:hover{background:#1d1a3a}
:root.dark .yoc-plan li::before{border:1.5px solid #3b3668}
:root.dark .yoc-ans code{background:#1d1a3a}
:root.dark .yoc-err{color:#f2b1a5}
:root.dark .yoc-key{background:#1d1a3a;border:1px solid #3b3668;color:#f8db9f}
:root.dark .yoc-res li{background:#1d1a3a}
:root.dark .yoc-f{background:#1d1a3a}
:root.dark .yoc-chip{border:1px solid #3b3668;background:#1d1a3a}
:root.dark .yoc-box{border:1.5px solid #3b3668;background:#1d1a3a}
:root.dark .yoc-log::-webkit-scrollbar-thumb{background:#2b2756}
:root.dark[data-yo-app] :is(header.htop,:root.dark header#hdr,:root.dark header#titlebar,:root.dark header#tb,:root.dark header.top) :is(button.acct,:root.dark a.acct,:root.dark .btn,:root.dark .soft):not(.pri):not(.primary):not(.ai-btn):not(.av):not(.yoc *){border:1px solid rgba(59,54,104,0.32)!important}
:root.dark[data-yo-app] :is(header.htop,:root.dark header#hdr,:root.dark header#titlebar,:root.dark header#tb,:root.dark header.top) :is(.btn.pri,:root.dark .btn.primary,:root.dark .ai-btn):not(.yoc *){background:#1d1a3a!important}
:root.dark[data-yo-app] :is(header#hdr,:root.dark header.top) nav.tabs button[aria-selected=true]{background:#1d1a3a!important}
:root.dark[data-yo-app] header#titlebar .dicon{background:#1d1a3a!important}
:root.dark[data-yo-app] :is(header#titlebar,:root.dark header#tb) input:not(.yoc *):is(:hover,:root.dark :focus){border-color:rgba(59,54,104,0.40)!important}
:root.dark[data-yo-app] :is(header.htop,:root.dark header.top) .hsearch{background:#1d1a3a!important}
:root.dark[data-yo-app] :is(header.htop,:root.dark header.top) .hsearch input{background:#1d1a3a!important;color:#ebe9ff!important}
:root.dark[data-yo-app] :is(header.htop,:root.dark header.top) .hsearch .ic{color:#ebe9ff!important}
:root.dark[data-yo-app] :is(header.htop,:root.dark header#hdr,:root.dark header.top) a.brand img{background:#1d1a3a}
:root.dark[data-yo-app] :is(header.htop,:root.dark header#hdr,:root.dark header#titlebar,:root.dark header#tb,:root.dark header.top) :focus-visible{outline:2px solid #3b3668!important}
:root.dark.yoc-phone:not(.yoc-collapsed) .yoc-h .yoc-logo{background:rgba(29,26,58,0.16)!important}
:root.dark.yoc-phone:not(.yoc-collapsed) .yoc-back{background:rgba(29,26,58,0.14)!important}
:root.dark.yoc-phone:not(.yoc-collapsed) .yoc-f{background:#1d1a3a}
:root.dark .yoc-tu{background:rgba(29,26,58,0.14)}
:root.dark.yoc-on .yoc-step{background:color-mix(in srgb,var(--yoc-acc) 7%,#1d1a3a);border-color:color-mix(in srgb,var(--yoc-acc) 18%,#3b3668)}
:root.dark.yoc-phone:not(.yoc-collapsed) .yoc-drag::after{background:rgba(29,26,58,0.55)}
:root.dark .yoc-grip::after{background:#2b2756}
:root.dark[data-yo-app] :is(header.htop,:root.dark header#hdr,:root.dark header#titlebar,:root.dark header#tb,:root.dark header.top) nav.tabs button[aria-selected=true]:not(.yoc *):hover{background:#1d1a3a!important}
/* yo-scroll.css */
/* yo-controls.css */
:root.dark:root:root :is(button,:root.dark a).acct.acct.acct:is([aria-label="تسجيل الدخول"],:root.dark [aria-label="Sign in"]):not(:has(.av)):not(#_y1):not(#_y2){border:1px solid rgba(59,54,104,0.22)!important}
:root.dark:root:root :is(button,:root.dark a).acct.acct.acct:is([aria-label="تسجيل الدخول"],:root.dark [aria-label="Sign in"]):not(:has(.av)):not(#_y1):not(#_y2):focus-visible{outline:2px solid #3b3668!important}
/* app/yo-search27.css */
/* ai-plus.css */
:root.dark .aipi-errb p{color:#efa8a8}
:root.dark .aipi-sl{background:#1d1a3a;color:#ebe9ff;border:1px solid #3b3668}
:root.dark .aipi-sl li::marker{color:#c0a1f6}
:root.dark .aipi-sl.tt{background:radial-gradient(120% 100% at 100% 0,#1d1a3a,#1d1a3a 60%)}
:root.dark .aipi-sl.tt .aipi-slh{color:#b7afe8}
:root.dark .aipi-sl.tt p{color:#ebe9ff}
:root.dark .aipi-nav{background:rgba(29,26,58,0.92);color:#baaceb}
/* ai-ux.css */
:root.dark.yoc-desk.yoc-collapsed .yoc{background:linear-gradient(#1d1a3a,#1d1a3a) padding-box,linear-gradient(120deg,var(--aiux-c),var(--aiux-a),var(--aiux-b)) border-box!important}
:root.dark .aiux-card{background:#1d1a3a;border:1px solid #3b3668;color:#ebe9ff}
:root.dark .aiux-card p.q{color:#ebe9ff}
:root.dark .aiux-steps li i{border:2px solid #3b3668}
:root.dark .aiux-steps li.on{color:#ebe9ff}
:root.dark .aiux-steps li.ok{color:#ebe9ff}
:root.dark .aiux-steps li.ok i::after{border:2px solid #3b3668}
:root.dark .aiux-bar{background:#1d1a3a}
:root.dark .aiux-err{background:#1d1a3a;border:1px solid #3b3668;color:#efa8a8}
:root.dark .aiux-btn{border:1px solid #3b3668;background:#1d1a3a;color:#c4a9ee}
:root.dark .aiux-askerr{background:#1d1a3a;color:#ebe9ff}
:root.dark .aiux-askerr q{color:#ebe9ff}
/* brand-coloured text on dark surfaces */
:root.dark #splash .wm{color:#c9bcff}
:root.dark .ib.on,:root.dark .ib[aria-pressed=true]{color:#c9bcff}
:root.dark .ptab.on{color:#c9bcff}
:root.dark .seg button.on{color:#c9bcff}
:root.dark .chip.on{color:#c9bcff}
:root.dark .exb{color:#c9bcff}
:root.dark .tcard.blank .tth{color:#c9bcff}
:root.dark .brand b{color:#c9bcff}
:root.dark .pts{color:#c9bcff}
:root.dark .ai-dot{color:#c9bcff}
:root.dark .lnk{color:#c9bcff}
:root.dark .dopen .ic{color:#c9bcff}
:root.dark #formbar .ic{color:#c9bcff}
:root.dark .flist .fi{color:#c9bcff}
:root.dark .tool2 .ti{color:#c9bcff}
:root.dark a{color:#c9bcff}
:root.dark .ib[aria-pressed=true]{color:#c9bcff}
:root.dark .chip{color:#c9bcff}
:root.dark .lnk{color:#c9bcff}
:root.dark .seg button[aria-pressed=true],:root.dark .seg button.on{color:#c9bcff}
:root.dark #splash .wm{color:#c9bcff}
:root.dark .pop>button[aria-checked=true]{color:#c9bcff}
:root.dark .pop>button[aria-checked=true]::after{color:#c9bcff}
:root.dark .brand b{color:#c9bcff}
:root.dark .pts{color:#c9bcff}
:root.dark .wal .bal{color:#c9bcff}
:root.dark .nv[aria-current=page]{color:#c9bcff}
:root.dark .tcard.blank .tthumb,:root.dark .tcard.ai .tthumb,:root.dark .tcard.more .tthumb{color:#c9bcff}
:root.dark .empty .eill{color:#c9bcff}
:root.dark .rtab[aria-selected=true]{color:#c9bcff}
:root.dark .rb[aria-pressed=true]{color:#c9bcff}
:root.dark .rb.lg .ic{color:#c9bcff}
:root.dark .rb.md .ic{color:#c9bcff}
:root.dark .mitem .ic{color:#c9bcff}
:root.dark .endn .en-n{color:#c9bcff}
:root.dark .alt .ic{color:#c9bcff}
:root.dark #status [data-lay][aria-pressed=true]{color:#c9bcff}
:root.dark .bsi .ic{color:#c9bcff}
:root.dark .drop .dicon.big{color:#c9bcff}
@media (max-width:760px){:root.dark .hbar button[aria-current=page]{color:#c9bcff}}
:root.dark .pts.trial{color:#c9bcff}
:root.dark .pts.trial .ic{color:#c9bcff}

/* Copilot panel dark: same rules Mail/Meet use (w26 yo-app-dark26.css copilot part + w27 yo-chat-dark27.css) */
@media (max-width:760px){html.dark.r4.yoc-phone:not(.yoc-collapsed) #yoc .yoc-drag::after{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.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}
/* yo-chat-dark27.css — office wave 27 (4d02132c): the Copilot panel in the app's own dark mode.
   Before: the panel box kept its light surface (#fbfaff) and light border, so a pale strip framed it, and the welcome card, the
   suggestion chips and the header title kept dark ink (#1d1b2e / #5b5878) on the dark cards — they read as empty boxes. */
html.dark.yoc-on{--yoc-bg:#15121f;--yoc-ink:#ece9f7;--yoc-mut:#b9b4cf;--yoc-line:#2f2a45}
html.dark #yoc{background:#15121f!important;border-color:#2f2a45!important;box-shadow:none!important;color:#ece9f7!important}
html.dark #yoc .yoc-h{background-color:#1b1834!important;border-color:#2f2a45!important}
html.dark #yoc .yoc-h b{color:#ece9f7!important}
html.dark #yoc .yoc-h small{color:#b9b4cf!important}
html.dark #yoc .yoc-bot,html.dark #yoc .yoc-bot *:not(svg):not(svg *){color:#ece9f7!important}
html.dark #yoc .yoc-bot{border-color:#332e57!important}
html.dark #yoc .yoc-chip{color:#ece9f7!important;border-color:#3d3766!important}
html.dark #yoc .yoc-chip:hover{background-color:#262049!important}
html.dark #yoc .aip-ex small,html.dark #yoc .aip-pex small{color:#b9b4cf!important}
html.dark #yoc .aip-exo,html.dark #yoc .aip-exo *{color:#d9c8ff!important}
html.dark #yoc .yoc-f{border-color:#2f2a45!important}
html.dark #yoc .yoc-in{color:#ece9f7!important}
html.dark #yoc .yoc-in::placeholder{color:#b9b4cf!important;opacity:1}
html.dark #yoc .yoc-m:not(.yoc-bot),html.dark #yoc .yoc-ans,html.dark #yoc .yoc-step{color:#ece9f7!important}


/* w30 (c14da6a0): PDF editor in dark — red-on-dark top-bar actions, file-name field outline, dialog fields */
:root.dark button.dk,:root.dark button .dk,:root.dark .dk{color:#ffb3aa}
:root.dark input[aria-label="File name"],:root.dark input[aria-label="اسم الملف"]{border:1px solid rgba(255,255,255,.72)!important}
:root.dark [role=dialog] textarea,:root.dark [role=dialog] input[type=text],:root.dark dialog textarea,:root.dark dialog input[type=text],:root.dark .fld textarea,:root.dark .fld input[type=text]{border:1px solid #7a72b8!important}

/* w30 (c14da6a0): desktop sun/moon button 36 -> 40 px; the -2px margin keeps the header layout exactly where it was */
@media (min-width:761px){#yo-thm29{width:40px!important;height:40px!important;min-width:40px;min-height:40px;margin:-2px!important}}
/* w30b: outline the file-name field on the red editor bar */
html.dark[data-yo-app] :is(header.htop,header#hdr,header#titlebar,header#tb,header.top) input:is([aria-label="File name"],[aria-label="اسم الملف"]){border:1px solid rgba(255,255,255,.72)!important}
/* w30c: the dark action pills on the red editor bar (Summarise, Download) had red text on dark (2.35:1) -> light text */
:root.dark[data-yo-app] :is(header.htop,:root.dark header#hdr,:root.dark header#titlebar,:root.dark header#tb,:root.dark header.top) :is(.btn.pri,:root.dark .btn.primary,:root.dark .ai-btn):not(.yoc *):not(#w30),:root.dark[data-yo-app] :is(header.htop,:root.dark header#hdr,:root.dark header#titlebar,:root.dark header#tb,:root.dark header.top) :is(.btn.pri,:root.dark .btn.primary,:root.dark .ai-btn):not(.yoc *):not(#w30) :is(span,.ic,svg){color:#ffd0c9!important}

/* w31 (d44ff823): small grey labels on the dark selected row (#2e2862) measured 4.46 — lift them to #bdb9e3 (7.0:1) */
:root.dark .lname small,:root.dark .layers li small,:root.dark .layers li.on .lname small{color:#bdb9e3!important}
:root.dark .thn,:root.dark .on .thn,:root.dark .thumb.on .thn,:root.dark [aria-current] .thn{color:#bdb9e3!important}
/* w31: sign-in / share dialog email field outline in dark was 1.52 against the dialog (#1d1a3a) — #7a72b8 gives 3.9 */
:root.dark input[type=email],:root.dark .fl+input,:root.dark [role=dialog] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),:root.dark dialog input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]){border-color:#7a72b8!important}
/* w31 (d44ff823) light mode: dialog/panel field outlines measured 1.18–1.49 on white and the Comments hint text 3.47 — outlines #8b80b6 (3.6:1), hint #625f78 (6.1:1) */
html:not(.dark) input[type=email],html:not(.dark) .fl+input,html:not(.dark) [role=dialog] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),html:not(.dark) dialog input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),html:not(.dark) [role=dialog] textarea,html:not(.dark) dialog textarea,html:not(.dark) .notedlg textarea,html:not(.dark) .dgc textarea,html:not(.dark) #libQ,html:not(.dark) .libs input{border-color:#8b80b6!important}
html:not(.dark) .yox-pal .yox-q{border-bottom:1px solid #8b80b6!important}
html:not(.dark) .dgc .hint{color:#625f78!important}