/* yo-one.css (fixer D, Nov 9 2026): one look for the 7 Yamama Office apps — one font stack, one calm header (Mail's
   58 px white bar), dark-mode text that stays readable, 44 px chips, anchors clear of the sticky header.
   Loaded right after yo-a11y.css on every page. Rollback: remove the yo-one.css <link> lines (data-yo-one). */
@font-face{font-family:'Plex';font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/plex-ar-arabic-400.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Plex';font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/plex-ar-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plex';font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/plex-ar-arabic-700.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Plex';font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/plex-ar-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/plex-ar-arabic-400.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/plex-ar-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/plex-ar-arabic-700.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/plex-ar-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--yo1-font:'IBM Plex Sans Arabic','IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;--top:58px;--yo1-h:58px;--yo1-bg:#fff;--yo1-line:#ebe8f4;--yo1-ink:#2b2550}
html.yd,html.dark{--yo1-bg:#15122a;--yo1-line:#2c2650;--yo1-ink:#e4dcff}
html body{font-family:var(--yo1-font)}
html{scroll-padding-top:72px}
:target{scroll-margin-top:72px}
/* one header: white, 58 px, thin line, no tint/blur, same type */
html[lang] body header:is(.htop,.top,.y-top):not(#yo-n){background:var(--yo1-bg)!important;background-image:none!important;color:var(--yo1-ink)!important;border-bottom:1px solid var(--yo1-line)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:var(--yo1-font)!important}
html[lang] body header:is(.htop,.top):not(#yo-n){flex-wrap:nowrap!important;align-items:center!important;box-sizing:border-box!important;height:calc(58px + env(safe-area-inset-top))!important;min-height:58px!important;flex-shrink:0!important;max-height:none!important;padding-block:0!important;padding-top:env(safe-area-inset-top)!important}
html[lang] body header:is(.htop,.top):not(#yo-n) :is(button,a,span,b,strong,input,h1,.brand){font-family:var(--yo1-font)!important}
html[lang] body header:not(#yo-n) :is(.y365-sw,.ib,.yox-fab,#yo-mot,.yo-thm26,.yo-thm29,.yo-lang120,.brand,.y-ib,.btn.icon){color:var(--yo1-ink)!important}
html[lang] body header.top:not(#yo-n) .brand .logo,html[lang] body header.htop:not(#yo-n) .brand img{filter:none}
@media (max-width:760px){
 html[lang] body header:is(.htop,.top):not(#yo-n){gap:2px!important;padding-inline:8px!important}
 html[lang] body header.htop:not(#yo-n) .pts,html[lang] body header.htop:not(#yo-n) .acct .nm{display:none!important}
 html[lang] body header.htop:not(#yo-n) .tsp{flex:1 1 0!important;min-width:0!important}
 html[lang] body header.htop:not(#yo-n) .hsearch{flex:0 0 44px!important;width:44px!important;min-width:44px!important;overflow:hidden;position:relative;order:0}
 html[lang] body header.htop:not(#yo-n) .hsearch input{width:100%!important;min-width:0!important;padding-inline-start:40px!important;color:transparent}
 html[lang] body header.htop:not(#yo-n) .hsearch input::placeholder{color:transparent}
 html[lang] body header.htop:not(#yo-n) .hsearch:focus-within{position:absolute!important;inset-inline:8px!important;top:7px!important;width:auto!important;z-index:8;background:var(--yo1-bg);border-radius:12px}
 html[lang] body header.htop:not(#yo-n) .hsearch:focus-within input{color:inherit}
 html[lang] body header.htop:not(#yo-n) .hsearch:focus-within input::placeholder{color:#6b6590}
 html[lang] body header.top:not(#yo-n) nav.tabs{position:fixed!important;inset-inline:0!important;bottom:0!important;top:auto!important;z-index:40;margin:0!important;width:auto!important;display:flex!important;justify-content:space-around;background:var(--yo1-bg)!important;border-top:1px solid var(--yo1-line);padding:4px 8px calc(4px + env(safe-area-inset-bottom))!important}
 html[lang] body header.top:not(#yo-n) nav.tabs button{color:var(--yo1-ink)!important;flex:1 1 0;min-height:48px}
 body:has(header.top nav.tabs){padding-bottom:calc(60px + env(safe-area-inset-bottom))}
}
/* dark mode: text that stayed in light-mode colours */
html.yd #y-date.y-date,html.dark #y-date.y-date{color:#e2dcff!important;background:rgba(160,145,255,.16)!important;border-color:rgba(160,145,255,.28)!important}
html.yd p.yh-sub,html.yd .yh-qlab,html.dark p.yh-sub,html.dark .yh-qlab{color:#cdc6f0!important}
html.yd .w28c,html.dark .w28c{background:#1d1934!important;border-color:#3a3360!important;color:#ece8ff}
html.yd .w28c h2,html.dark .w28c h2{color:#f3f0ff!important}
html.yd .w28c p.w28s,html.yd .w28c li a small,html.dark .w28c p.w28s,html.dark .w28c li a small{color:#cfc9ef!important}
html.yd .w28c li a,html.dark .w28c li a{background:#151228!important;color:#ece8ff!important;border-color:#3a3360!important}
html.yd .w28c .w28n,html.dark .w28c .w28n{background:#2c2650!important;color:#e4dcff!important}
html.yd .w28c .w28x,html.dark .w28c .w28x{background:#151228!important;color:#e4dcff!important;border-color:#4a4278!important}
/* assistant suggestion chips: full 44 px targets, never clipped under each other */
html body .yoc-chip{min-height:44px!important;padding-block:8px!important;line-height:1.35}
html body .yoc-sugg{max-height:none!important;overflow:visible!important}

/* Drive assistant examples: full touch targets, never hidden under the phone tab bar */
.yda-ex button{min-height:44px!important;padding-block:8px!important}
@media (max-width:760px){html{scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom))}body:has(nav.y-rail.yt-rail){padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}}

/* v8: header words stay readable on the one calm header */
html:not(.yd):not(.dark) body header:is(.htop,.top):not(#yo-n):not(#yo-n2):not(#yo-n3) :is(span,b,strong,a,button,h1,small,i):not(.av):not(.y-av):not([class*="badge"]):not(.pri):not(.pri *):not(.av *){color:#221d4a!important}
html.yd nav.y-rail.yt-rail{background:#1a1739!important}
html.yd nav.y-rail.yt-rail :is(a,button,span,div){color:#e9e6ff!important}
@media (max-width:760px){
 html:has(body > nav.y-rail.yt-rail),html:has(nav.y-rail.yt-rail){height:auto!important;overflow-y:auto!important}
 html body:has(nav.y-rail.yt-rail){height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
 .r4-bar{bottom:calc(72px + env(safe-area-inset-bottom))!important}
}

html.yd .y-seg button{color:#d6d0f5!important}
html.yd .y-seg button[aria-selected="true"]{background:#3b2f99!important;color:#fff!important}

/* fixerD5 seg: dark track behind the dark segmented tabs */
html.yd .y-seg{background:#26223f!important}
/* fixerD6 bell: the notifications button keeps a 44 px tap target on 360 px phones */
header .yoc9-bell{min-width:44px!important;flex:0 0 44px!important}

/* nov9fix (Nov 9): filled header pills keep white words — sign-in language link and the guest «Sign in» button (contrast 1.5-2.3 to 6.7+) */
html:not(.yd):not(.dark) body header:is(.htop,.top):not(#yo-n):not(#yo-n2):not(#yo-n3):not(#yo-n4) :is(.wnav a.lang,button.acct:not(:has(.av)),button.acct:not(:has(.av)) *){color:#fff!important}