/* yo-inner.css — inner-screen design system pass (task dbc900de, 2026-10-25).
   Drive, Calendar, Notes, Forms, Assistant, /workspace/ and the Docs start screen, on the tokens of yo-ws2.css / yo-ws3.css.
   Pure CSS on top of the existing markup; nothing here changes behaviour. Dark mode = html.yd (set by yo-inner.js from yo_dark or the device). */
:root{--yi-ink:#1d1840;--yi-mut:#615c80;--yi-line:rgba(110,92,230,.14);--yi-line2:rgba(110,92,230,.22);--yi-card:rgba(255,255,255,.86);--yi-card2:#fff;--yi-soft:rgba(124,108,246,.08);--yi-brand:#5b47e0;--yi-brand2:#7c6cf6;
  --yi-sh:0 1px 2px rgba(30,20,90,.04),0 22px 44px -32px rgba(60,40,170,.38);--yi-sh-h:0 2px 4px rgba(30,20,90,.05),0 26px 50px -30px rgba(60,40,170,.5);--yi-r:22px}
/* ---------- page header: one soft band = title piece + subtitle piece (sized by its own content) ---------- */
body[data-page=drive] .y-h1,body[data-page=calendar] .y-h1,body[data-page=notes] .y-h1,body[data-page=forms] .y-h1{font-size:clamp(24px,2vw,30px);line-height:1.25;letter-spacing:0;margin:0;color:#1d1446;font-weight:700;padding:24px 26px 6px;border-radius:26px 26px 0 0;
  background:radial-gradient(420px 140px at 0% 0%,rgba(167,150,255,.30),transparent 75%),linear-gradient(90deg,rgba(238,248,255,.92),rgba(246,243,255,.94) 45%,rgba(243,239,255,.96));border:1px solid rgba(124,108,246,.14);border-bottom:0}
body[data-page=drive] .y-h1 .y-tile,body[data-page=calendar] .y-h1 .y-tile,body[data-page=notes] .y-h1 .y-tile,body[data-page=forms] .y-h1 .y-tile{width:52px;height:52px;border-radius:16px;box-shadow:0 14px 26px -14px rgba(63,47,184,.7)}
body[data-page=drive] .y-sub,body[data-page=calendar] .y-sub,body[data-page=notes] .y-sub,body[data-page=forms] .y-sub,body[data-page=calendar] .gbc-title{margin:0 0 22px;padding:0 26px 24px;padding-inline-start:92px;border-radius:0 0 26px 26px;background:linear-gradient(90deg,rgba(238,248,255,.92),rgba(246,243,255,.94) 45%,rgba(243,239,255,.96));border:1px solid rgba(124,108,246,.14);border-top:0;
  box-shadow:0 26px 44px -40px rgba(60,40,170,.55);color:var(--yi-mut);font-size:15.5px;font-weight:400}
body[data-page=calendar] .gbc-title{font-weight:600}
body[data-page=calendar] #gbc-inv:empty{display:none}
/* ---------- section rhythm ---------- */
body[data-page=drive] .y-sec,body[data-page=calendar] .y-sec,body[data-page=notes] .y-sec,body[data-page=forms] .y-sec,body[data-page=assistant] .y-sec{margin-top:18px}
body[data-page=drive] .y-qa,body[data-page=calendar] .y-qa,body[data-page=notes] .y-qa,body[data-page=forms] .y-qa,body[data-page=assistant] .y-qa{gap:10px;margin:0 0 6px;flex-wrap:wrap}
/* ---------- cards ---------- */
body[data-page=drive] .y-panel,body[data-page=calendar] .y-panel,body[data-page=notes] .y-panel,body[data-page=forms] .y-panel,body[data-page=assistant] .y-panel,body[data-page=drive] .c-side,body[data-page=calendar] .c-side,body[data-page=notes] .c-side,body[data-page=forms] .c-side,body[data-page=assistant] .c-side,body[data-page=drive] .tg,body[data-page=calendar] .tg,body[data-page=notes] .tg,body[data-page=forms] .tg,body[data-page=assistant] .tg,body[data-page=drive] .a-side,body[data-page=calendar] .a-side,body[data-page=notes] .a-side,body[data-page=forms] .a-side,body[data-page=assistant] .a-side,body[data-page=drive] .a-main,body[data-page=calendar] .a-main,body[data-page=notes] .a-main,body[data-page=forms] .a-main,body[data-page=assistant] .a-main,body[data-page=drive] .yt-gal,body[data-page=calendar] .yt-gal,body[data-page=notes] .yt-gal,body[data-page=forms] .yt-gal,body[data-page=assistant] .yt-gal{background:var(--yi-card);border:1px solid var(--yi-line);border-radius:var(--yi-r);box-shadow:var(--yi-sh);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
body[data-page=drive] .yt-gal,body[data-page=calendar] .yt-gal,body[data-page=notes] .yt-gal,body[data-page=forms] .yt-gal,body[data-page=assistant] .yt-gal{padding:22px}
body[data-page=drive] .c-side,body[data-page=calendar] .c-side,body[data-page=notes] .c-side,body[data-page=forms] .c-side,body[data-page=assistant] .c-side{padding:18px}
body[data-page=drive] .y-panel,body[data-page=calendar] .y-panel,body[data-page=notes] .y-panel,body[data-page=forms] .y-panel,body[data-page=assistant] .y-panel{padding:12px}
body[data-page=drive] .yt-card,body[data-page=calendar] .yt-card,body[data-page=notes] .yt-card,body[data-page=forms] .yt-card,body[data-page=assistant] .yt-card,body[data-page=drive] .yt-chip,body[data-page=calendar] .yt-chip,body[data-page=notes] .yt-chip,body[data-page=forms] .yt-chip,body[data-page=assistant] .yt-chip{border-radius:18px;border-color:var(--yi-line);transition:transform .18s ease,box-shadow .18s ease,border-color .18s}
body[data-page=drive] .yt-card:hover,body[data-page=calendar] .yt-card:hover,body[data-page=notes] .yt-card:hover,body[data-page=forms] .yt-card:hover,body[data-page=assistant] .yt-card:hover,body[data-page=drive] .yt-chip:hover,body[data-page=calendar] .yt-chip:hover,body[data-page=notes] .yt-chip:hover,body[data-page=forms] .yt-chip:hover,body[data-page=assistant] .yt-chip:hover{transform:translateY(-2px);border-color:var(--yi-line2);box-shadow:var(--yi-sh-h)}
body[data-page=drive] .y-list li a,body[data-page=calendar] .y-list li a,body[data-page=notes] .y-list li a,body[data-page=forms] .y-list li a,body[data-page=assistant] .y-list li a,body[data-page=drive] .yd-row,body[data-page=calendar] .yd-row,body[data-page=notes] .yd-row,body[data-page=forms] .yd-row,body[data-page=assistant] .yd-row{border-radius:14px}
/* ---------- buttons, one family ---------- */
body[data-page=drive] .y-btn,body[data-page=calendar] .y-btn,body[data-page=notes] .y-btn,body[data-page=forms] .y-btn,body[data-page=assistant] .y-btn{min-height:44px;padding:0 18px;border-radius:14px;border:1px solid var(--yi-line2);background:var(--yi-card2);color:var(--yi-ink);font-weight:600;box-shadow:0 1px 2px rgba(30,20,90,.05);transition:transform .15s ease,box-shadow .15s ease,background .15s,border-color .15s}
body[data-page=drive] .y-btn:hover,body[data-page=calendar] .y-btn:hover,body[data-page=notes] .y-btn:hover,body[data-page=forms] .y-btn:hover,body[data-page=assistant] .y-btn:hover{border-color:rgba(124,108,246,.4);background:#faf9ff;box-shadow:0 10px 22px -16px rgba(60,40,170,.5)}
body[data-page=drive] .y-btn:active,body[data-page=calendar] .y-btn:active,body[data-page=notes] .y-btn:active,body[data-page=forms] .y-btn:active,body[data-page=assistant] .y-btn:active{transform:translateY(1px)}
body[data-page=drive] .y-btn.pri,body[data-page=calendar] .y-btn.pri,body[data-page=notes] .y-btn.pri,body[data-page=forms] .y-btn.pri,body[data-page=assistant] .y-btn.pri{background:linear-gradient(135deg,var(--yi-brand2),var(--yi-brand));border-color:transparent;color:#fff;box-shadow:0 12px 24px -14px rgba(91,71,224,.85),inset 0 1px 0 rgba(255,255,255,.22)}
body[data-page=drive] .y-btn.pri:hover,body[data-page=calendar] .y-btn.pri:hover,body[data-page=notes] .y-btn.pri:hover,body[data-page=forms] .y-btn.pri:hover,body[data-page=assistant] .y-btn.pri:hover{background:linear-gradient(135deg,#8a7bff,#5140d6);box-shadow:0 16px 30px -14px rgba(91,71,224,.9),inset 0 1px 0 rgba(255,255,255,.25)}
body[data-page=drive] .y-btn.dan,body[data-page=calendar] .y-btn.dan,body[data-page=notes] .y-btn.dan,body[data-page=forms] .y-btn.dan,body[data-page=assistant] .y-btn.dan{color:#c0263d;border-color:rgba(192,38,61,.28)}
body[data-page=drive] .y-ib,body[data-page=calendar] .y-ib,body[data-page=notes] .y-ib,body[data-page=forms] .y-ib,body[data-page=assistant] .y-ib{border-radius:14px;transition:background .15s}
body[data-page=drive] .y-ib:hover,body[data-page=calendar] .y-ib:hover,body[data-page=notes] .y-ib:hover,body[data-page=forms] .y-ib:hover,body[data-page=assistant] .y-ib:hover{background:var(--yi-soft)}
body[data-page=drive] .y-btn:focus-visible,body[data-page=calendar] .y-btn:focus-visible,body[data-page=notes] .y-btn:focus-visible,body[data-page=forms] .y-btn:focus-visible,body[data-page=assistant] .y-btn:focus-visible,body[data-page=drive] .y-ib:focus-visible,body[data-page=calendar] .y-ib:focus-visible,body[data-page=notes] .y-ib:focus-visible,body[data-page=forms] .y-ib:focus-visible,body[data-page=assistant] .y-ib:focus-visible,body[data-page=drive] .y-in:focus-visible,body[data-page=calendar] .y-in:focus-visible,body[data-page=notes] .y-in:focus-visible,body[data-page=forms] .y-in:focus-visible,body[data-page=assistant] .y-in:focus-visible{outline:3px solid rgba(124,108,246,.55);outline-offset:2px}
/* ---------- inputs ---------- */
body[data-page=drive] .y-in,body[data-page=calendar] .y-in,body[data-page=notes] .y-in,body[data-page=forms] .y-in,body[data-page=assistant] .y-in{border:1px solid var(--yi-line2);border-radius:14px;background:var(--yi-card2);min-height:44px;padding:8px 14px;transition:border-color .15s,box-shadow .15s}
body[data-page=drive] .y-in:focus,body[data-page=calendar] .y-in:focus,body[data-page=notes] .y-in:focus,body[data-page=forms] .y-in:focus,body[data-page=assistant] .y-in:focus{border-color:var(--yi-brand2);box-shadow:0 0 0 4px rgba(124,108,246,.16);outline:0}
/* ---------- chips & segmented controls ---------- */
body[data-page=drive] .y-chip,body[data-page=calendar] .y-chip,body[data-page=notes] .y-chip,body[data-page=forms] .y-chip,body[data-page=assistant] .y-chip,body[data-page=drive] .yt-tchip,body[data-page=calendar] .yt-tchip,body[data-page=notes] .yt-tchip,body[data-page=forms] .yt-tchip,body[data-page=assistant] .yt-tchip{border-radius:999px;border:1px solid var(--yi-line2);background:var(--yi-card2);transition:background .15s,border-color .15s}
body[data-page=drive] .y-chip:hover,body[data-page=calendar] .y-chip:hover,body[data-page=notes] .y-chip:hover,body[data-page=forms] .y-chip:hover,body[data-page=assistant] .y-chip:hover,body[data-page=drive] .yt-tchip:hover,body[data-page=calendar] .yt-tchip:hover,body[data-page=notes] .yt-tchip:hover,body[data-page=forms] .yt-tchip:hover,body[data-page=assistant] .yt-tchip:hover{background:#f6f4ff;border-color:rgba(124,108,246,.4)}
body[data-page=calendar] .gbc-seg{background:var(--yi-card);border:1px solid var(--yi-line);border-radius:14px;padding:3px;box-shadow:0 1px 2px rgba(30,20,90,.04)}
body[data-page=calendar] .gbc-seg button{border-radius:11px}
body[data-page=calendar] .gbc-seg button[aria-pressed=true],body[data-page=calendar] .gbc-seg button.on,body[data-page=calendar] .gbc-seg button[aria-checked=true]{background:linear-gradient(135deg,var(--yi-brand2),var(--yi-brand));color:#fff}
body[data-page=calendar] .c-bar{gap:10px;margin-bottom:12px}
body[data-page=calendar] .yt-types{margin:6px 0 14px}
body[data-page=calendar] .gbc-tools{margin-bottom:14px;gap:10px}
body[data-page=calendar] .tg{overflow:hidden}
body[data-page=calendar] .tg-tzr{background:rgba(255,183,120,.12);color:#8a4b10;border-bottom:1px solid rgba(255,160,90,.18)}
body[data-page=calendar] .tg-head{background:linear-gradient(180deg,rgba(246,243,255,.9),rgba(255,255,255,.4))}
body[data-page=calendar] .c-side h3{font-size:16px;margin:0 0 10px}
/* ---------- empty states: the app's own icon, a soft halo, a clear next step ---------- */
body[data-page=drive] .y-empty,body[data-page=calendar] .y-empty,body[data-page=notes] .y-empty,body[data-page=forms] .y-empty,body[data-page=assistant] .y-empty{padding:44px 20px 40px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--yi-mut)}
body[data-page=drive] .y-empty::before,body[data-page=calendar] .y-empty::before,body[data-page=notes] .y-empty::before,body[data-page=forms] .y-empty::before,body[data-page=assistant] .y-empty::before{content:"";width:68px;height:68px;border-radius:20px;background:center/contain no-repeat;filter:drop-shadow(0 16px 22px rgba(63,47,184,.32));margin-bottom:4px}
body[data-page=drive] .y-empty::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22yoi30g%22 x1=%228%22 y1=%222%22 x2=%2256%22 y2=%2262%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%237bead0%22/%3E%3Cstop offset=%221%22 stop-color=%22%2313a08c%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22yoi30l%22 cx=%2220%22 cy=%226%22 r=%2244%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.42%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi30g)%22/%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi30l)%22/%3E%3Crect x=%22.75%22 y=%22.75%22 width=%2262.5%22 height=%2262.5%22 rx=%2217.3%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22/%3E%3Cg%3E%3Cpath fill=%22%23fff%22 opacity=%22.6%22 d=%22M15 19a5 5 0 0 1 5-5h8.2a5 5 0 0 1 3.6 1.5l2.9 3h9.3a5 5 0 0 1 5 5V27H15z%22/%3E%3Crect x=%2212%22 y=%2223%22 width=%2240%22 height=%2227%22 rx=%226%22 fill=%22%23fff%22/%3E%3Cpath d=%22M32 44.5v-11m-5 4.8 5-5 5 5%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/svg%3E")}
body[data-page=calendar] .y-empty::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22yoi31g%22 x1=%228%22 y1=%222%22 x2=%2256%22 y2=%2262%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23ff9aa2%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ec4a64%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22yoi31l%22 cx=%2220%22 cy=%226%22 r=%2244%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.42%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi31g)%22/%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi31l)%22/%3E%3Crect x=%22.75%22 y=%22.75%22 width=%2262.5%22 height=%2262.5%22 rx=%2217.3%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22/%3E%3Cg%3E%3Crect x=%2214%22 y=%2216%22 width=%2236%22 height=%2234%22 rx=%227%22 fill=%22%23fff%22/%3E%3Cpath fill=%22currentColor%22 opacity=%22.2%22 d=%22M14 23a7 7 0 0 1 7-7h22a7 7 0 0 1 7 7v4H14z%22/%3E%3Crect x=%2221.5%22 y=%2211.5%22 width=%224.5%22 height=%2210%22 rx=%222.25%22 fill=%22%23fff%22 opacity=%22.7%22/%3E%3Crect x=%2238%22 y=%2211.5%22 width=%224.5%22 height=%2210%22 rx=%222.25%22 fill=%22%23fff%22 opacity=%22.7%22/%3E%3Cg fill=%22currentColor%22 opacity=%22.35%22%3E%3Ccircle cx=%2222.5%22 cy=%2234%22 r=%222.4%22/%3E%3Ccircle cx=%2232%22 cy=%2234%22 r=%222.4%22/%3E%3Ccircle cx=%2222.5%22 cy=%2242.5%22 r=%222.4%22/%3E%3Ccircle cx=%2232%22 cy=%2242.5%22 r=%222.4%22/%3E%3Ccircle cx=%2241.5%22 cy=%2234%22 r=%222.4%22/%3E%3C/g%3E%3Ccircle cx=%2241.5%22 cy=%2242.5%22 r=%224.2%22 fill=%22currentColor%22/%3E%3C/g%3E%3C/svg%3E")}
body[data-page=notes] .y-empty::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22yoi32g%22 x1=%228%22 y1=%222%22 x2=%2256%22 y2=%2262%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffe27a%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f2b632%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22yoi32l%22 cx=%2220%22 cy=%226%22 r=%2244%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.42%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi32g)%22/%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi32l)%22/%3E%3Crect x=%22.75%22 y=%22.75%22 width=%2262.5%22 height=%2262.5%22 rx=%2217.3%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22/%3E%3Cg%3E%3Cpath fill=%22%23fff%22 d=%22M19 14h26a5 5 0 0 1 5 5v18L37 50H19a5 5 0 0 1-5-5V19a5 5 0 0 1 5-5z%22/%3E%3Cpath fill=%22%23fff%22 opacity=%22.55%22 d=%22M50 37 37 50v-8a5 5 0 0 1 5-5z%22/%3E%3Cg fill=%22currentColor%22%3E%3Crect x=%2221%22 y=%2223%22 width=%2221%22 height=%223.2%22 rx=%221.6%22/%3E%3Crect x=%2221%22 y=%2230%22 width=%2221%22 height=%223.2%22 rx=%221.6%22/%3E%3Crect x=%2221%22 y=%2237%22 width=%2211%22 height=%223.2%22 rx=%221.6%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
body[data-page=forms] .y-empty::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22yoi33g%22 x1=%228%22 y1=%222%22 x2=%2256%22 y2=%2262%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f8a2d6%22/%3E%3Cstop offset=%221%22 stop-color=%22%23d0509e%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22yoi33l%22 cx=%2220%22 cy=%226%22 r=%2244%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.42%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi33g)%22/%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi33l)%22/%3E%3Crect x=%22.75%22 y=%22.75%22 width=%2262.5%22 height=%2262.5%22 rx=%2217.3%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22/%3E%3Cg%3E%3Crect x=%2216%22 y=%2215%22 width=%2232%22 height=%2237%22 rx=%226%22 fill=%22%23fff%22/%3E%3Crect x=%2224.5%22 y=%2211%22 width=%2215%22 height=%228%22 rx=%223%22 fill=%22%23fff%22 opacity=%22.65%22/%3E%3Cpath d=%22m21.5 29 2.6 2.6 4.6-5%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Crect x=%2231.5%22 y=%2227%22 width=%2211%22 height=%223.2%22 rx=%221.6%22 fill=%22currentColor%22/%3E%3Crect x=%2221.5%22 y=%2237.6%22 width=%226%22 height=%226%22 rx=%221.8%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222.6%22/%3E%3Crect x=%2231.5%22 y=%2239%22 width=%2211%22 height=%223.2%22 rx=%221.6%22 fill=%22currentColor%22 opacity=%22.5%22/%3E%3C/g%3E%3C/svg%3E")}
body[data-page=assistant] .y-empty::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22yoi34g%22 x1=%228%22 y1=%222%22 x2=%2256%22 y2=%2262%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23e09cff%22/%3E%3Cstop offset=%221%22 stop-color=%22%239b3ff0%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22yoi34l%22 cx=%2220%22 cy=%226%22 r=%2244%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.42%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi34g)%22/%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi34l)%22/%3E%3Crect x=%22.75%22 y=%22.75%22 width=%2262.5%22 height=%2262.5%22 rx=%2217.3%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22/%3E%3Cg%3E%3Cpath fill=%22%23fff%22 d=%22M28 13.5c1 0 1.8.7 2.1 1.6l2.3 7.7a8 8 0 0 0 5.3 5.3l7.7 2.3a2.2 2.2 0 0 1 0 4.2l-7.7 2.3a8 8 0 0 0-5.3 5.3l-2.3 7.7a2.2 2.2 0 0 1-4.2 0l-2.3-7.7a8 8 0 0 0-5.3-5.3l-7.7-2.3a2.2 2.2 0 0 1 0-4.2l7.7-2.3a8 8 0 0 0 5.3-5.3l2.3-7.7c.3-.9 1.1-1.6 2.1-1.6z%22/%3E%3Cpath fill=%22%23fff%22 opacity=%22.65%22 d=%22M45 10.5c.5 0 .9.3 1 .8l.9 3a3.4 3.4 0 0 0 2.3 2.3l3 .9a1 1 0 0 1 0 2l-3 .9a3.4 3.4 0 0 0-2.3 2.3l-.9 3a1 1 0 0 1-2 0l-.9-3a3.4 3.4 0 0 0-2.3-2.3l-3-.9a1 1 0 0 1 0-2l3-.9a3.4 3.4 0 0 0 2.3-2.3l.9-3c.1-.5.5-.8 1-.8z%22/%3E%3Ccircle cx=%2246%22 cy=%2246%22 r=%223%22 fill=%22%23fff%22 opacity=%22.55%22/%3E%3C/g%3E%3C/svg%3E")}
body[data-page=drive] .y-empty b,body[data-page=calendar] .y-empty b,body[data-page=notes] .y-empty b,body[data-page=forms] .y-empty b,body[data-page=assistant] .y-empty b{font-size:17px;color:var(--yi-ink)}
body[data-page=calendar] .c-side .y-empty{padding:22px 8px}
body[data-page=calendar] .c-side .y-empty::before{width:48px;height:48px;border-radius:14px}
body[data-page=drive] .yt-gal .y-empty::before,body[data-page=calendar] .yt-gal .y-empty::before,body[data-page=notes] .yt-gal .y-empty::before,body[data-page=forms] .yt-gal .y-empty::before,body[data-page=assistant] .yt-gal .y-empty::before,body[data-page=drive] .yt-empty::before,body[data-page=calendar] .yt-empty::before,body[data-page=notes] .yt-empty::before,body[data-page=forms] .yt-empty::before,body[data-page=assistant] .yt-empty::before{display:none}
/* ---------- empty Notes/Forms: the template gallery leads, the empty note is a compact strip after it ---------- */
body[data-page=notes] #n-list:has(>.yt-gal),body[data-page=forms] #f-list:has(>.yt-gal){display:flex;flex-direction:column;gap:16px}
body[data-page=notes] #n-list>.yt-gal,body[data-page=forms] #f-list>.yt-gal{order:-1}
body[data-page=notes] .y-empty.yt-empty,body[data-page=forms] .y-empty.yt-empty{flex-direction:row;justify-content:center;gap:14px;padding:18px 20px;text-align:start}
body[data-page=notes] .y-empty.yt-empty svg,body[data-page=forms] .y-empty.yt-empty svg{width:40px;height:40px;flex:none}
body[data-page=notes] .y-empty.yt-empty b,body[data-page=forms] .y-empty.yt-empty b{font-size:15.5px}
/* ---------- assistant page ---------- */
body[data-page=assistant] .a-wrap{gap:20px}
body[data-page=assistant] .a-side{padding:14px}
body[data-page=assistant] .a-head{padding:14px 20px;border-bottom:1px solid var(--yi-line)}
body[data-page=assistant] .a-head #a-title{font-size:16px}
body[data-page=assistant] .a-main{overflow:hidden;position:relative}
body[data-page=assistant] .a-log{background:radial-gradient(520px 260px at 50% 0%,rgba(167,150,255,.16),transparent 70%)}
body[data-page=assistant] .a-hero .a-hico{filter:drop-shadow(0 18px 26px rgba(63,47,184,.38))}
body[data-page=assistant] .a-hero h2,body[data-page=assistant] .a-hero .y-h1{color:#1d1446}
body[data-page=assistant] .a-sug{border-radius:16px;border:1px solid var(--yi-line2);background:var(--yi-card2);transition:transform .15s,box-shadow .15s,border-color .15s}
body[data-page=assistant] .a-sug:hover{transform:translateY(-1px);border-color:rgba(124,108,246,.4);box-shadow:0 12px 24px -18px rgba(60,40,170,.55)}
body[data-page=assistant] .a-comp{border-top:1px solid var(--yi-line);background:rgba(250,249,255,.7)}
/* ---------- phone ---------- */
@media (max-width:760px){
  body[data-page=drive] .y-h1,body[data-page=calendar] .y-h1,body[data-page=notes] .y-h1,body[data-page=forms] .y-h1{font-size:21px;padding:16px 16px 4px;border-radius:20px 20px 0 0}
  body[data-page=drive] .y-h1 .y-tile,body[data-page=calendar] .y-h1 .y-tile,body[data-page=notes] .y-h1 .y-tile,body[data-page=forms] .y-h1 .y-tile{width:42px;height:42px;border-radius:13px}
  body[data-page=drive] .y-sub,body[data-page=calendar] .y-sub,body[data-page=notes] .y-sub,body[data-page=forms] .y-sub,body[data-page=calendar] .gbc-title{padding:2px 16px 16px;border-radius:0 0 20px 20px;font-size:14px;margin-bottom:16px}
  body[data-page=drive] .yt-gal,body[data-page=calendar] .yt-gal,body[data-page=notes] .yt-gal,body[data-page=forms] .yt-gal,body[data-page=assistant] .yt-gal{padding:16px;border-radius:18px}
  body[data-page=drive] .y-empty,body[data-page=calendar] .y-empty,body[data-page=notes] .y-empty,body[data-page=forms] .y-empty,body[data-page=assistant] .y-empty{padding:32px 14px}
}
@media (prefers-reduced-motion:reduce){body[data-page=drive] .yt-card,body[data-page=calendar] .yt-card,body[data-page=notes] .yt-card,body[data-page=forms] .yt-card,body[data-page=assistant] .yt-card,body[data-page=drive] .yt-chip,body[data-page=calendar] .yt-chip,body[data-page=notes] .yt-chip,body[data-page=forms] .yt-chip,body[data-page=assistant] .yt-chip,body[data-page=drive] .y-btn,body[data-page=calendar] .y-btn,body[data-page=notes] .y-btn,body[data-page=forms] .y-btn,body[data-page=assistant] .y-btn{transition:none}body[data-page=drive] .yt-card:hover,body[data-page=calendar] .yt-card:hover,body[data-page=notes] .yt-card:hover,body[data-page=forms] .yt-card:hover,body[data-page=assistant] .yt-card:hover,body[data-page=drive] .yt-chip:hover,body[data-page=calendar] .yt-chip:hover,body[data-page=notes] .yt-chip:hover,body[data-page=forms] .yt-chip:hover,body[data-page=assistant] .yt-chip:hover{transform:none}}

/* ================= DARK (html.yd) — inner pages ================= */
html.yd{color-scheme:dark}
html.yd body[data-page=drive],html.yd body[data-page=calendar],html.yd body[data-page=notes],html.yd body[data-page=forms],html.yd body[data-page=assistant]{--ink:#ece9ff;--muted:#a8a3cc;--line:rgba(170,160,255,.16);--bg:#121025;--card:#1c1936;--soft:rgba(140,124,255,.14);
  --yi-ink:#ece9ff;--yi-mut:#a8a3cc;--yi-line:rgba(170,160,255,.14);--yi-line2:rgba(170,160,255,.22);--yi-card:rgba(30,26,58,.78);--yi-card2:#221e40;--yi-soft:rgba(140,124,255,.14);
  --yi-sh:0 1px 2px rgba(0,0,0,.3),0 24px 48px -30px rgba(0,0,0,.75);--yi-sh-h:0 2px 4px rgba(0,0,0,.35),0 28px 52px -28px rgba(0,0,0,.85);
  color:#ece9ff;background:radial-gradient(1100px 620px at 100% -10%,rgba(124,108,246,.20),transparent 60%),radial-gradient(900px 600px at -10% 30%,rgba(60,180,170,.10),transparent 62%),#100e22;background-attachment:fixed}
html.yd body[data-page=drive] .y-h1,html.yd body[data-page=calendar] .y-h1,html.yd body[data-page=notes] .y-h1,html.yd body[data-page=forms] .y-h1,html.yd body[data-page=assistant] .y-h1,html.yd body[data-page=drive] .a-hero h2,html.yd body[data-page=calendar] .a-hero h2,html.yd body[data-page=notes] .a-hero h2,html.yd body[data-page=forms] .a-hero h2,html.yd body[data-page=assistant] .a-hero h2,html.yd body[data-page=drive] .a-hero .y-h1,html.yd body[data-page=calendar] .a-hero .y-h1,html.yd body[data-page=notes] .a-hero .y-h1,html.yd body[data-page=forms] .a-hero .y-h1,html.yd body[data-page=assistant] .a-hero .y-h1,html.yd body[data-page=drive] h2,html.yd body[data-page=calendar] h2,html.yd body[data-page=notes] h2,html.yd body[data-page=forms] h2,html.yd body[data-page=assistant] h2,html.yd body[data-page=drive] h3,html.yd body[data-page=calendar] h3,html.yd body[data-page=notes] h3,html.yd body[data-page=forms] h3,html.yd body[data-page=assistant] h3,html.yd body[data-page=drive] .y-empty b,html.yd body[data-page=calendar] .y-empty b,html.yd body[data-page=notes] .y-empty b,html.yd body[data-page=forms] .y-empty b,html.yd body[data-page=assistant] .y-empty b,html.yd body[data-page=drive] .yt-head h2,html.yd body[data-page=calendar] .yt-head h2,html.yd body[data-page=notes] .yt-head h2,html.yd body[data-page=forms] .yt-head h2,html.yd body[data-page=assistant] .yt-head h2,html.yd body[data-page=drive] .yt-card b,html.yd body[data-page=calendar] .yt-card b,html.yd body[data-page=notes] .yt-card b,html.yd body[data-page=forms] .yt-card b,html.yd body[data-page=assistant] .yt-card b,html.yd body[data-page=drive] .yt-chip b,html.yd body[data-page=calendar] .yt-chip b,html.yd body[data-page=notes] .yt-chip b,html.yd body[data-page=forms] .yt-chip b,html.yd body[data-page=assistant] .yt-chip b{color:#f1eeff}
html.yd body[data-page=drive] .y-sub,html.yd body[data-page=calendar] .y-sub,html.yd body[data-page=notes] .y-sub,html.yd body[data-page=forms] .y-sub,html.yd body[data-page=assistant] .y-sub,html.yd body[data-page=drive] .mut,html.yd body[data-page=calendar] .mut,html.yd body[data-page=notes] .mut,html.yd body[data-page=forms] .mut,html.yd body[data-page=assistant] .mut,html.yd body[data-page=drive] .gbc-title,html.yd body[data-page=calendar] .gbc-title,html.yd body[data-page=notes] .gbc-title,html.yd body[data-page=forms] .gbc-title,html.yd body[data-page=assistant] .gbc-title,html.yd body[data-page=drive] .yt-head p,html.yd body[data-page=calendar] .yt-head p,html.yd body[data-page=notes] .yt-head p,html.yd body[data-page=forms] .yt-head p,html.yd body[data-page=assistant] .yt-head p,html.yd body[data-page=drive] small,html.yd body[data-page=calendar] small,html.yd body[data-page=notes] small,html.yd body[data-page=forms] small,html.yd body[data-page=assistant] small,html.yd body[data-page=drive] .yt-tx small,html.yd body[data-page=calendar] .yt-tx small,html.yd body[data-page=notes] .yt-tx small,html.yd body[data-page=forms] .yt-tx small,html.yd body[data-page=assistant] .yt-tx small{color:#a8a3cc}
html.yd body[data-page=drive] .y-btn,html.yd body[data-page=calendar] .y-btn,html.yd body[data-page=notes] .y-btn,html.yd body[data-page=forms] .y-btn,html.yd body[data-page=assistant] .y-btn{background:#221e40;color:#ece9ff;border-color:rgba(170,160,255,.22)}
html.yd body[data-page=drive] .y-btn:hover,html.yd body[data-page=calendar] .y-btn:hover,html.yd body[data-page=notes] .y-btn:hover,html.yd body[data-page=forms] .y-btn:hover,html.yd body[data-page=assistant] .y-btn:hover{background:#2a2550;border-color:rgba(170,160,255,.4)}
html.yd body[data-page=drive] .y-btn.pri,html.yd body[data-page=calendar] .y-btn.pri,html.yd body[data-page=notes] .y-btn.pri,html.yd body[data-page=forms] .y-btn.pri,html.yd body[data-page=assistant] .y-btn.pri{background:linear-gradient(135deg,#8a7bff,#5b47e0);color:#fff;border-color:transparent}
html.yd body[data-page=drive] .y-ib,html.yd body[data-page=calendar] .y-ib,html.yd body[data-page=notes] .y-ib,html.yd body[data-page=forms] .y-ib,html.yd body[data-page=assistant] .y-ib{color:#ece9ff}
html.yd body[data-page=drive] .y-in,html.yd body[data-page=calendar] .y-in,html.yd body[data-page=notes] .y-in,html.yd body[data-page=forms] .y-in,html.yd body[data-page=assistant] .y-in,html.yd body[data-page=drive] textarea,html.yd body[data-page=calendar] textarea,html.yd body[data-page=notes] textarea,html.yd body[data-page=forms] textarea,html.yd body[data-page=assistant] textarea,html.yd body[data-page=drive] select,html.yd body[data-page=calendar] select,html.yd body[data-page=notes] select,html.yd body[data-page=forms] select,html.yd body[data-page=assistant] select{background:#1a1733;color:#ece9ff;border-color:rgba(170,160,255,.24)}
html.yd body[data-page=drive] .y-in::placeholder,html.yd body[data-page=calendar] .y-in::placeholder,html.yd body[data-page=notes] .y-in::placeholder,html.yd body[data-page=forms] .y-in::placeholder,html.yd body[data-page=assistant] .y-in::placeholder,html.yd body[data-page=drive] textarea::placeholder,html.yd body[data-page=calendar] textarea::placeholder,html.yd body[data-page=notes] textarea::placeholder,html.yd body[data-page=forms] textarea::placeholder,html.yd body[data-page=assistant] textarea::placeholder{color:#8a85ad}
html.yd body[data-page=drive] .yt-card,html.yd body[data-page=calendar] .yt-card,html.yd body[data-page=notes] .yt-card,html.yd body[data-page=forms] .yt-card,html.yd body[data-page=assistant] .yt-card,html.yd body[data-page=drive] .yt-chip,html.yd body[data-page=calendar] .yt-chip,html.yd body[data-page=notes] .yt-chip,html.yd body[data-page=forms] .yt-chip,html.yd body[data-page=assistant] .yt-chip,html.yd body[data-page=drive] .yt-tchip,html.yd body[data-page=calendar] .yt-tchip,html.yd body[data-page=notes] .yt-tchip,html.yd body[data-page=forms] .yt-tchip,html.yd body[data-page=assistant] .yt-tchip,html.yd body[data-page=drive] .y-chip,html.yd body[data-page=calendar] .y-chip,html.yd body[data-page=notes] .y-chip,html.yd body[data-page=forms] .y-chip,html.yd body[data-page=assistant] .y-chip,html.yd body[data-page=drive] .a-sug,html.yd body[data-page=calendar] .a-sug,html.yd body[data-page=notes] .a-sug,html.yd body[data-page=forms] .a-sug,html.yd body[data-page=assistant] .a-sug{background:#201c3d;border-color:rgba(170,160,255,.18);color:#ece9ff}
html.yd body[data-page=drive] .yt-card:hover,html.yd body[data-page=calendar] .yt-card:hover,html.yd body[data-page=notes] .yt-card:hover,html.yd body[data-page=forms] .yt-card:hover,html.yd body[data-page=assistant] .yt-card:hover,html.yd body[data-page=drive] .yt-chip:hover,html.yd body[data-page=calendar] .yt-chip:hover,html.yd body[data-page=notes] .yt-chip:hover,html.yd body[data-page=forms] .yt-chip:hover,html.yd body[data-page=assistant] .yt-chip:hover,html.yd body[data-page=drive] .yt-tchip:hover,html.yd body[data-page=calendar] .yt-tchip:hover,html.yd body[data-page=notes] .yt-tchip:hover,html.yd body[data-page=forms] .yt-tchip:hover,html.yd body[data-page=assistant] .yt-tchip:hover,html.yd body[data-page=drive] .y-chip:hover,html.yd body[data-page=calendar] .y-chip:hover,html.yd body[data-page=notes] .y-chip:hover,html.yd body[data-page=forms] .y-chip:hover,html.yd body[data-page=assistant] .y-chip:hover,html.yd body[data-page=drive] .a-sug:hover,html.yd body[data-page=calendar] .a-sug:hover,html.yd body[data-page=notes] .a-sug:hover,html.yd body[data-page=forms] .a-sug:hover,html.yd body[data-page=assistant] .a-sug:hover{background:#28234b}
html.yd body[data-page=drive] .yt-pv,html.yd body[data-page=calendar] .yt-pv,html.yd body[data-page=notes] .yt-pv,html.yd body[data-page=forms] .yt-pv,html.yd body[data-page=assistant] .yt-pv{background:#17142e;color:#cfcaf0}
html.yd body[data-page=drive] .yt-go,html.yd body[data-page=calendar] .yt-go,html.yd body[data-page=notes] .yt-go,html.yd body[data-page=forms] .yt-go,html.yd body[data-page=assistant] .yt-go{background:rgba(140,124,255,.18);color:#d9d3ff}
html.yd body[data-page=drive] .yt-ic,html.yd body[data-page=calendar] .yt-ic,html.yd body[data-page=notes] .yt-ic,html.yd body[data-page=forms] .yt-ic,html.yd body[data-page=assistant] .yt-ic,html.yd body[data-page=drive] .yt-badge,html.yd body[data-page=calendar] .yt-badge,html.yd body[data-page=notes] .yt-badge,html.yd body[data-page=forms] .yt-badge,html.yd body[data-page=assistant] .yt-badge{filter:saturate(1.1) brightness(.92)}
html.yd body[data-page=drive] .y-dlg,html.yd body[data-page=calendar] .y-dlg,html.yd body[data-page=notes] .y-dlg,html.yd body[data-page=forms] .y-dlg,html.yd body[data-page=assistant] .y-dlg,html.yd body[data-page=drive] dialog,html.yd body[data-page=calendar] dialog,html.yd body[data-page=notes] dialog,html.yd body[data-page=forms] dialog,html.yd body[data-page=assistant] dialog{background:#1c1936;color:#ece9ff;border-color:rgba(170,160,255,.2)}
html.yd body[data-page=drive] .y-list a,html.yd body[data-page=calendar] .y-list a,html.yd body[data-page=notes] .y-list a,html.yd body[data-page=forms] .y-list a,html.yd body[data-page=assistant] .y-list a,html.yd body[data-page=drive] .y-list b,html.yd body[data-page=calendar] .y-list b,html.yd body[data-page=notes] .y-list b,html.yd body[data-page=forms] .y-list b,html.yd body[data-page=assistant] .y-list b,html.yd body[data-page=drive] a,html.yd body[data-page=calendar] a,html.yd body[data-page=notes] a,html.yd body[data-page=forms] a,html.yd body[data-page=assistant] a{color:inherit}
html.yd body[data-page=drive] .y-list li a:hover,html.yd body[data-page=calendar] .y-list li a:hover,html.yd body[data-page=notes] .y-list li a:hover,html.yd body[data-page=forms] .y-list li a:hover,html.yd body[data-page=assistant] .y-list li a:hover,html.yd body[data-page=drive] .yd-row:hover,html.yd body[data-page=calendar] .yd-row:hover,html.yd body[data-page=notes] .yd-row:hover,html.yd body[data-page=forms] .yd-row:hover,html.yd body[data-page=assistant] .yd-row:hover{background:rgba(140,124,255,.12)}
html.yd body[data-page=drive] .y-h1,html.yd body[data-page=calendar] .y-h1,html.yd body[data-page=notes] .y-h1,html.yd body[data-page=forms] .y-h1{background:radial-gradient(420px 140px at 0% 0%,rgba(124,108,246,.30),transparent 75%),linear-gradient(90deg,rgba(24,30,54,.92),rgba(30,26,60,.94) 45%,rgba(36,30,72,.96));border-color:rgba(170,160,255,.16)}
html.yd body[data-page=drive] .y-sub,html.yd body[data-page=calendar] .y-sub,html.yd body[data-page=notes] .y-sub,html.yd body[data-page=forms] .y-sub,html.yd body[data-page=calendar] .gbc-title{background:linear-gradient(90deg,rgba(24,30,54,.92),rgba(30,26,60,.94) 45%,rgba(36,30,72,.96));border-color:rgba(170,160,255,.16);box-shadow:0 26px 44px -36px rgba(0,0,0,.8)}
/* calendar grid */
html.yd body[data-page=calendar] .gbc-seg{background:rgba(30,26,58,.8)}
html.yd body[data-page=calendar] .gbc-seg button{color:#cfcaf0}
html.yd body[data-page=calendar] .tg,html.yd body[data-page=calendar] .tg-body,html.yd body[data-page=calendar] .tg-in{background:rgba(26,23,50,.88);color:#ece9ff}
html.yd body[data-page=calendar] .tg-head{background:linear-gradient(180deg,rgba(40,35,78,.9),rgba(28,25,54,.6))}
html.yd body[data-page=calendar] .tg-tzr{background:rgba(255,160,90,.10);color:#ffc89a;border-color:rgba(255,160,90,.18)}
html.yd body[data-page=calendar] .tg *{border-color:rgba(170,160,255,.12)}
html.yd body[data-page=calendar] .tg-gut,html.yd body[data-page=calendar] .tg-dh,html.yd body[data-page=calendar] .hj{color:#a8a3cc}
html.yd body[data-page=calendar] .c-grid,html.yd body[data-page=calendar] .c-grid *{border-color:rgba(170,160,255,.12)}
html.yd body[data-page=calendar] .c-grid button,html.yd body[data-page=calendar] .c-grid .c-day{background:transparent;color:#ece9ff}
html.yd body[data-page=calendar] .today{color:#fff}
/* notes keep their colours, readable text */
html.yd body[data-page=notes] .y-notes [class*=n-]:not(button){color:#1d1840}
/* assistant */
html.yd body[data-page=assistant] .a-log{background:radial-gradient(520px 260px at 50% 0%,rgba(124,108,246,.18),transparent 70%)}
html.yd body[data-page=assistant] .a-comp{background:rgba(22,19,44,.7)}
/* ================= /workspace/ — light polish + dark ================= */
.ws .hero,.ws .tile,.ws .recent ul,.ws .recent .empty{box-shadow:0 1px 2px rgba(30,20,90,.04),0 22px 44px -32px rgba(60,40,170,.38)}
.ws .sec h2,.ws h2{font-size:19px;letter-spacing:0}
.ws .btn{border-radius:14px;min-height:44px}
.ws .recent .empty{padding:30px 18px;display:flex;flex-direction:column;align-items:center;gap:10px}
.ws .recent .empty::before{content:"";width:56px;height:56px;border-radius:16px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22yoi30g%22 x1=%228%22 y1=%222%22 x2=%2256%22 y2=%2262%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%237bead0%22/%3E%3Cstop offset=%221%22 stop-color=%22%2313a08c%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22yoi30l%22 cx=%2220%22 cy=%226%22 r=%2244%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.42%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi30g)%22/%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi30l)%22/%3E%3Crect x=%22.75%22 y=%22.75%22 width=%2262.5%22 height=%2262.5%22 rx=%2217.3%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22/%3E%3Cg%3E%3Cpath fill=%22%23fff%22 opacity=%22.6%22 d=%22M15 19a5 5 0 0 1 5-5h8.2a5 5 0 0 1 3.6 1.5l2.9 3h9.3a5 5 0 0 1 5 5V27H15z%22/%3E%3Crect x=%2212%22 y=%2223%22 width=%2240%22 height=%2227%22 rx=%226%22 fill=%22%23fff%22/%3E%3Cpath d=%22M32 44.5v-11m-5 4.8 5-5 5 5%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 14px 20px rgba(63,47,184,.3))}
html.yd body.ws{color:#ece9ff;background:radial-gradient(1100px 620px at 100% -10%,rgba(124,108,246,.22),transparent 60%),radial-gradient(900px 600px at -10% 30%,rgba(60,180,170,.10),transparent 62%),#100e22;background-attachment:fixed}
html.yd .ws header.top{background:rgba(20,17,42,.72);border-bottom-color:rgba(170,160,255,.14)}
html.yd .ws header.top a,html.yd .ws header.top b,html.yd .ws header.top button{color:#ece9ff}
html.yd .ws header.top .lang{border-color:rgba(170,160,255,.3)}
html.yd .ws .hero{background:radial-gradient(520px 340px at 92% 8%,rgba(124,108,246,.32),transparent 68%),radial-gradient(420px 300px at 6% 110%,rgba(60,190,175,.16),transparent 70%),linear-gradient(135deg,#221e42 0%,#1b1838 60%,#17223a 100%);border-color:rgba(170,160,255,.16);color:#ece9ff;box-shadow:0 30px 60px -38px rgba(0,0,0,.8)}
html.yd .ws .hero h1,html.yd .ws h2,html.yd .ws .tile b,html.yd .ws .tile strong{color:#f1eeff}
html.yd .ws .hero p,html.yd .ws .wroute,html.yd .ws .wfoot,html.yd .ws .recent .empty,html.yd .ws .tile span:not(.yoi-t):not(.yoi-w),html.yd .ws .tile small,html.yd .ws .tile p{color:#a8a3cc}
html.yd .ws .wask{background:#1a1733;border-color:rgba(170,160,255,.24)}
html.yd .ws .wask textarea{background:transparent;color:#ece9ff}
html.yd .ws .wask textarea::placeholder{color:#8a85ad}
html.yd .ws .wchip{background:rgba(34,30,64,.85);color:#d9d3ff;border-color:rgba(170,160,255,.2)}
html.yd .ws .wchip:hover{background:#2a2550}
html.yd .ws .hero .btn.sec,html.yd .ws .btn.sec{background:#221e40;color:#ece9ff;border-color:rgba(170,160,255,.22)}
html.yd .ws .tile,html.yd .ws .recent ul,html.yd .ws .recent .empty{background:rgba(30,26,58,.8);border-color:rgba(170,160,255,.14);color:#ece9ff;box-shadow:0 1px 2px rgba(0,0,0,.3),0 24px 48px -30px rgba(0,0,0,.75)}
html.yd .ws .tile:hover{background:#262148}
html.yd .ws .recent a{color:#ece9ff}
html.yd .ws .toast{background:#2a2550;color:#fff}

/* calendar dark: grid lines, today, hover, month cells */
html.yd body[data-page=calendar] .tg-col{background-image:linear-gradient(to bottom,rgba(170,160,255,.10) 1px,transparent 1px)}
html.yd body[data-page=calendar] .tg-col.today{background-color:rgba(124,108,246,.10)}
html.yd body[data-page=calendar] .tg-dh{color:#ece9ff}
html.yd body[data-page=calendar] .tg-dh:hover,html.yd body[data-page=calendar] .c-day:hover,html.yd body[data-page=calendar] .c-day.out:hover{background:rgba(140,124,255,.12)}
html.yd body[data-page=calendar] .tg-dh.sel{background:rgba(140,124,255,.16)}
html.yd body[data-page=calendar] .c-day{background:transparent;color:#ece9ff}
html.yd body[data-page=calendar] .c-day.out{background:rgba(255,255,255,.02);color:#8a85ad}
html.yd body[data-page=calendar] .c-day .hj,html.yd body[data-page=calendar] .c-day.today .hj{color:#b9b0ff}
html.yd body[data-page=calendar] .c-day.out .hj{color:#8a85ad}
html.yd body[data-page=calendar] .tg-hint{color:#a8a3cc}
/* workspace dark: account link */
html.yd .ws .wnav .wacct{background:#2a2550;color:#f1eeff;border:1px solid rgba(170,160,255,.25)}
html.yd .ws .wnav .wacct:hover{background:#342e60}
/* theme button on inner pages + /workspace/ (same look as the home's) */
.yi-theme{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:12px;border:1px solid rgba(124,108,246,.2);background:rgba(255,255,255,.7);color:#3b2f99;cursor:pointer;flex:none}
.yi-theme:hover{background:#fff}
.yi-theme .s{display:none}html.yd .yi-theme .s{display:inline-flex}html.yd .yi-theme .m{display:none}
html.yd .yi-theme{background:rgba(34,30,64,.85);color:#ffd27a;border-color:rgba(170,160,255,.25)}
/* ================= Docs start screen: the Yamama Docs icon in the empty state ================= */
.empty .eill:has(use[href="#i-file-text"]){width:76px;height:76px;border-radius:22px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22yoi35g%22 x1=%228%22 y1=%222%22 x2=%2256%22 y2=%2262%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%239a96ff%22/%3E%3Cstop offset=%221%22 stop-color=%22%235a4bea%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22yoi35l%22 cx=%2220%22 cy=%226%22 r=%2244%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.42%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi35g)%22/%3E%3Crect width=%2264%22 height=%2264%22 rx=%2218%22 fill=%22url(%23yoi35l)%22/%3E%3Crect x=%22.75%22 y=%22.75%22 width=%2262.5%22 height=%2262.5%22 rx=%2217.3%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.28%22 stroke-width=%221.5%22/%3E%3Cg%3E%3Cpath fill=%22%23fff%22 d=%22M22 13h13.5L47 24.5V47a4 4 0 0 1-4 4H22a4 4 0 0 1-4-4V17a4 4 0 0 1 4-4z%22/%3E%3Cpath fill=%22%23fff%22 opacity=%22.6%22 d=%22M35.5 13 47 24.5h-8a3.5 3.5 0 0 1-3.5-3.5z%22/%3E%3Cg fill=%22currentColor%22%3E%3Crect x=%2224%22 y=%2229%22 width=%2217%22 height=%223.2%22 rx=%221.6%22/%3E%3Crect x=%2224%22 y=%2235.5%22 width=%2217%22 height=%223.2%22 rx=%221.6%22/%3E%3Crect x=%2224%22 y=%2242%22 width=%2210.5%22 height=%223.2%22 rx=%221.6%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;border:0;box-shadow:none;filter:drop-shadow(0 16px 24px rgba(63,47,184,.34))}
.empty .eill:has(use[href="#i-file-text"]) svg{display:none}

/* 450179ab: calendar phone toolbar + template chips must not push the page sideways (360/390, Chrome + Firefox) */
@media (max-width:760px){#c-bar,.c-bar{flex-wrap:wrap!important;min-width:0;max-width:100%;row-gap:6px}.c-bar>*{min-width:0}.yt-types{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;min-width:0;scrollbar-width:none;overscroll-behavior-x:contain}.yt-types::-webkit-scrollbar{display:none}.yt-types>*{flex:0 0 auto}}

/* w4 89edc9d7 (2026-10-26) — Arabic-phone walkthrough.
   1) The selected filter chip («ملفاتي» in Drive, and the chips on Calendar, Notes, Forms and the Assistant) lost its background to the
      page rule above while keeping white text: it read as an empty white pill on every device. Give the pressed chip its fill back. */
body[data-page] .y-chip[aria-pressed=true],body[data-page] .yt-tchip[aria-pressed=true]{background:var(--grad,linear-gradient(135deg,#7c6cf6,#2a1f6e));border-color:transparent;color:#fff}
body[data-page] .y-chip[aria-pressed=true]:hover,body[data-page] .yt-tchip[aria-pressed=true]:hover{background:var(--grad,linear-gradient(135deg,#7c6cf6,#2a1f6e));color:#fff}
/* 2) Drive file rows: delete is a word, never an icon; on phones every row action carries its word so nothing is a guess. */
body[data-page=drive] .y-ib[data-del]{width:auto;min-width:44px;padding-inline:10px;font-size:13px;font-weight:600;color:#b42318}
body[data-page=drive] .y-ib[data-del] svg{display:none}
body[data-page=drive] .y-ib[data-del]::after{content:"احذف"}
body[data-page=drive]:lang(en) .y-ib[data-del]::after{content:"Delete"}
@media (max-width:640px){
  body[data-page=drive] .y-ib:is([data-ver],[data-share],[data-ren],[download]){display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:auto;min-width:48px;height:auto;min-height:48px;padding:4px 6px}
  body[data-page=drive] .y-ib:is([data-ver],[data-share],[data-ren],[download]) svg{width:18px;height:18px}
  body[data-page=drive] .y-ib:is([data-ver],[data-share],[data-ren],[download])::after{font-size:10.5px;line-height:1.15;font-weight:600;white-space:nowrap}
  body[data-page=drive] .y-ib[data-ver]::after{content:"الإصدارات"}
  body[data-page=drive] .y-ib[download]::after{content:"تنزيل"}
  body[data-page=drive] .y-ib[data-share]::after{content:"مشاركة"}
  body[data-page=drive] .y-ib[data-ren]::after{content:"تسمية"}
  body[data-page=drive]:lang(en) .y-ib[data-ver]::after{content:"Versions"}
  body[data-page=drive]:lang(en) .y-ib[download]::after{content:"Download"}
  body[data-page=drive]:lang(en) .y-ib[data-share]::after{content:"Share"}
  body[data-page=drive]:lang(en) .y-ib[data-ren]::after{content:"Rename"}
  body[data-page=drive] .y-ib[data-del]{min-height:48px}
}
/* w6 25872305 (2026-10-26) — selected chip/state contrast sweep (≥4.5:1 light + dark, AR + EN).
   1) Calendar view/date segments: the selected button kept white on #7c6cf6 (3.9–4.5:1) in light and
      lost its white text to the dark rule (#cfcaf0 on purple, 2.8:1) in dark. Darker fill + white text in both.
   2) Calendar week header: today's weekday label used the brand ink on the dark sheet (1.5:1). */
body[data-page=calendar] .gbc-seg button[aria-pressed=true],body[data-page=calendar] .gbc-seg button.on,body[data-page=calendar] .gbc-seg button[aria-checked=true],
html.yd body[data-page=calendar] .gbc-seg button[aria-pressed=true],html.yd body[data-page=calendar] .gbc-seg button.on,html.yd body[data-page=calendar] .gbc-seg button[aria-checked=true]{background:linear-gradient(135deg,#5b47e0,#3f2fb8);color:#fff}
html.yd body[data-page=calendar] .tg-dh.today .wd{color:#d6cfff}
html.yd body[data-page=calendar] .tg-dh.today .dn2{background:#5b47e0;color:#fff}
/* w6b 25872305: the selected segment used to fade its text colour in over .18s, so for a moment dark text sat on the purple chip; switch instantly */
body[data-page=calendar] .gbc-seg button[aria-pressed=true],body[data-page=calendar] .gbc-seg button.on,body[data-page=calendar] .gbc-seg button[aria-checked=true]{transition:background-color .18s ease}