/* desk-phone.css: GENERATED by tools/desk-phone.mjs from desk.css. Do not edit: change desk.css and run node tools/desk-phone.mjs (the Graphite look on a phone; the phone keeps its own layout). */ @media (max-width: 767px) { :root:not(#z) body.desk-calm { --dk-bg: #0B0C0E; --dk-side: #0F1013; --dk-card: #141519; --dk-raised: #1B1D22; --dk-hover: #202228; --dk-line: #24262C; --dk-line-2: #30333A; --dk-ink: #EDEEF0; --dk-ink-2: #B4B8BF; --dk-muted: #9CA3AF; --dk-faint: #868C96; --dk-accent: #FF5A00; --dk-on-accent: #140A03; --dk-accent-ink: #FF7A33; --dk-accent-wash: rgba(255, 90, 0, .12); --dk-ok: #22C55E; --dk-ok-ink: #4ADE80; --dk-warn: #F59E0B; --dk-warn-ink: #FBBF24; --dk-err: #F87171; --dk-err-wash: rgba(248, 113, 113, .10); --dk-shadow-pop: 0 12px 32px rgba(0, 0, 0, .45); --dk-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --dk-ease: cubic-bezier(.2, .7, .2, 1); } :root[data-scheme="light"]:not(#z) body.desk-calm { --dk-bg: #F7F7F8; --dk-side: #FFFFFF; --dk-card: #FFFFFF; --dk-raised: #F4F4F5; --dk-hover: #F0F0F2; --dk-line: #E4E4E7; --dk-line-2: #D4D4D8; --dk-ink: #18181B; --dk-ink-2: #3F3F46; --dk-muted: #5F6470; --dk-faint: #6B7280; --dk-accent: #FF5A00; --dk-on-accent: #140A03; --dk-accent-ink: #C2410C; --dk-accent-wash: rgba(255, 90, 0, .10); --dk-ok: #16A34A; --dk-ok-ink: #15803D; --dk-warn: #D97706; --dk-warn-ink: #B45309; --dk-err: #DC2626; --dk-err-wash: rgba(220, 38, 38, .06); --dk-shadow-pop: 0 12px 32px rgba(24, 24, 27, .12); } :root:not(#z) body.desk-calm { --w-bg: var(--dk-bg); --w-glow: var(--dk-raised); --w-side: var(--dk-side); --w-card: var(--dk-card); --w-card-top: var(--dk-card); --w-raised: var(--dk-raised); --w-sel: var(--dk-raised); --w-row: var(--dk-raised); --w-track: var(--dk-line); --w-line: var(--dk-line); --w-line-2: var(--dk-line-2); --w-orange: var(--dk-accent); --w-orange-2: var(--dk-accent); --w-brown: var(--dk-line-2); --w-text: var(--dk-ink); --w-muted: var(--dk-muted); --w-faint: var(--dk-faint); --w-soft: var(--dk-accent-ink); --w-chart-top: var(--dk-accent); --w-chart-low: var(--dk-card); --w-hero: var(--dk-card); --w-stack: var(--dk-card); --w-lit: linear-gradient(transparent, transparent); --accent: var(--dk-accent); --accent-hover: #FF7A33; --accent-focus: rgba(255, 90, 0, .45); --accent-wash: var(--dk-accent-wash); --on-accent: var(--dk-on-accent); --accent-ink: var(--dk-accent-ink); --amber: var(--dk-accent); --vivid: #FF7A33; } :root:not([data-scheme="light"]):not(#z) body.desk-calm { --canvas: var(--dk-bg); --e1-bg: var(--dk-card); --e1-border: var(--dk-line); --e1-shadow: none; --e2-bg: var(--dk-raised); --e2-border: var(--dk-line); --e2-shadow: none; --e3-bg: var(--dk-card); --e3-border: var(--dk-line-2); --hairline: var(--dk-line); --hairline-strong: var(--dk-line-2); --wash: rgba(255, 255, 255, .04); --wash-strong: rgba(255, 255, 255, .07); --glass: rgba(11, 12, 14, .85); } :root:not(#z) body.desk-calm { background: var(--dk-bg); font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm .rail { background: var(--dk-side); border-top: 1px solid var(--dk-line); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; } :root:not(#z) body.desk-calm .rail__nav > .navitem { color: var(--dk-ink-2); font-family: var(--dk-font); font-weight: 500; } :root:not(#z) body.desk-calm .rail__nav > .navitem > svg:not(.navitem__chev) { background: none; border-radius: 0; color: var(--dk-muted); stroke: var(--dk-muted); } :root:not(#z) body.desk-calm .rail__nav > .navitem.is-active { background: var(--dk-raised); color: var(--dk-ink); box-shadow: none; } :root:not(#z) body.desk-calm .rail__nav > .navitem.is-active > svg:not(.navitem__chev) { color: var(--dk-accent); stroke: var(--dk-accent); } :root:not(#z) body.desk-calm .navsub--pop.is-open { background: var(--dk-card); border: 1px solid var(--dk-line-2); box-shadow: var(--dk-shadow-pop); } :root:not(#z) body.desk-calm #loPop .navsub__i { color: var(--dk-ink); font-family: var(--dk-font); font-weight: 500; } :root:not(#z) body.desk-calm #loPop .navsub__i svg:not(.navsub__chev svg) { background: none; color: var(--dk-muted); stroke: var(--dk-muted); } :root:not(#z) body.desk-calm .topbar { background: color-mix(in srgb, var(--dk-bg) 92%, transparent); border-bottom: 1px solid var(--dk-line); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } :root:not(#z) body.desk-calm .topbar .avatar { box-shadow: none; } :root:not(#z) body.desk-calm .topbar__name { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm .topbar__mgr { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm .sync { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm .sync__dot { background: var(--dk-ok); box-shadow: none; animation: none; } :root:not(#z) body.desk-calm .sync.is-off .sync__dot { background: var(--dk-faint); } :root:not(#z) body.desk-calm .sync.is-wait .sync__dot { background: var(--dk-warn); } :root:not(#z) body.desk-calm .sync.is-fail { color: var(--dk-err); border-color: color-mix(in srgb, var(--dk-err) 40%, transparent); } :root:not(#z) body.desk-calm .sync.is-fail .sync__dot { background: var(--dk-err); } :root:not(#z) body.desk-calm .topbar .iconbtn { border-radius: 6px; background: transparent; border: 1px solid transparent; color: var(--dk-ink-2); box-shadow: none; transition: background-color .15s var(--dk-ease), color .15s var(--dk-ease); } :root:not(#z) body.desk-calm .topbar .iconbtn:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm .bell__count { background: var(--dk-accent); color: var(--dk-on-accent); box-shadow: 0 0 0 2px var(--dk-bg); font-weight: 700; font-family: var(--dk-font); } :root:not(#z) body.desk-calm #topOrder:not([hidden]) { border: 0; border-radius: 6px; background: var(--dk-accent); color: var(--dk-on-accent); font-weight: 600; font-family: var(--dk-font); cursor: pointer; transition: filter .15s var(--dk-ease); } :root:not(#z) body.desk-calm #topOrder:hover { filter: brightness(1.08); } :root:not(#z) body.desk-calm #topOrder:focus-visible { outline: 2px solid var(--dk-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm #topOrder svg { fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet__body { background: var(--dk-card); border-color: var(--dk-line-2); box-shadow: var(--dk-shadow-pop); color: var(--dk-ink); font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet__grip { background: var(--dk-line-2); opacity: 1; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet__title { font-family: var(--dk-font); font-weight: 650; letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet__body .iconbtn { background: transparent; border-color: transparent; color: var(--dk-ink-2); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .label { font-family: var(--dk-font); font-weight: 500; color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .input { background-color: var(--dk-bg); border: 1px solid var(--dk-line-2); color: var(--dk-ink); font-family: var(--dk-font); font-weight: 400; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .input::placeholder { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .input:focus { outline: 0; border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm:not(.is-mgr) .input.is-bad { border-color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .input--select option { background: var(--dk-card); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.input-unit, .chev, .conv, .muted) { color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .conv { font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .err { color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .useg { background: var(--dk-bg); border: 1px solid var(--dk-line-2); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .useg__glider { background: var(--dk-raised); box-shadow: inset 0 -2px 0 var(--dk-accent); } :root:not(#z) body.desk-calm:not(.is-mgr) .useg__btn { color: var(--dk-muted); font-family: var(--dk-font); font-weight: 500; } :root:not(#z) body.desk-calm:not(.is-mgr) .useg__btn.is-on { color: var(--dk-ink); font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) .calc { background: transparent; border: 1px solid var(--dk-line); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .calc__row { border-color: var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .calc__k { color: var(--dk-muted); font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.calc__v, .calc__total) { color: var(--dk-ink); font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .calc__note { color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .btn { font-family: var(--dk-font); font-weight: 600; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .btn--primary { background: var(--dk-accent); background-image: none; color: var(--dk-on-accent); border: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .btn--outline { background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .btn--outline:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .btn--ghost { background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .btn--danger { background: transparent; border: 1px solid color-mix(in srgb, var(--dk-err) 55%, transparent); color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .bell__panel { background: var(--dk-card); border: 1px solid var(--dk-line-2); box-shadow: var(--dk-shadow-pop); color: var(--dk-ink); font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .bell__h { color: var(--dk-muted); font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .bell__i:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo-round { background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo-round:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #dhHost { --dh-font: var(--dk-font); --dh-cond: var(--dk-font); --dh-mono: var(--dk-font); --dh-text: var(--dk-ink); --dh-text-2: var(--dk-ink-2); --dh-muted: var(--dk-muted); --dh-card: var(--dk-card); --dh-tile: var(--dk-raised); --dh-track: var(--dk-raised); --dh-line: var(--dk-line); --dh-line-2: var(--dk-line-2); --dh-acc: var(--dk-accent); --dh-ink: var(--dk-on-accent); --dh-green: var(--dk-ok); --dh-red: var(--dk-err); --dh-amber: var(--dk-warn); font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-eyebrow { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; text-transform: none; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-hello { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.022em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-lead { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-actions { border: 1px solid var(--dk-line-2); border-radius: 6px; background: var(--dk-card); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-btn { border: 0; border-radius: 0; background: transparent; box-shadow: none; filter: none; color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; transition: background-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-btn + .dh-btn { border-inline-start: 1px solid var(--dk-line-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-btn:hover { background: var(--dk-hover); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-btn:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: -2px; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-btn:active { transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh .dh-btn[data-action] > svg { color: var(--dk-muted); stroke: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh .dh-ci.is-due { color: var(--dk-ink); background: transparent; border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh .dh-ci.is-done > svg { color: var(--dk-ok); stroke: var(--dk-ok); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh .dh-ci.is-due > svg { color: var(--dk-err); stroke: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-ci-dot { background: var(--dk-err); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-btn--acc { background: transparent; color: var(--dk-ink); font-weight: 500; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh .dh-btn--acc[data-action] > svg { color: var(--dk-muted); stroke: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-card { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-card .dh-tile--volume:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-card .dh-tile--volume:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: -2px; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-ico { border-radius: 8px; background: var(--dk-raised); border: 1px solid var(--dk-line); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-heads .dh-k { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; text-transform: uppercase; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-title { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-val { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.03em; color: var(--dk-ink); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-val small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pct { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pct svg { color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pct b { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pct span { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pmark b { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pmark b small { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pmark span { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-card .dh-progress { border-radius: 99px; background: var(--dk-raised); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-card .dh-progress i { border-radius: 99px; background: var(--dk-accent); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-card .dh-progress b { background: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-l0 { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-l1 b { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-l1 b small { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-l1 span { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-side { border-inline-start: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-side::before { display: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pacecard, :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pacecard.is-behind { border-radius: 10px; background: var(--dk-raised); border: 1px solid var(--dk-line); box-shadow: none; transition: background-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pacecard:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pacecard__ic, :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pacecard.is-behind .dh-pacecard__ic { border: 0; box-shadow: none; background: transparent; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pacecard__ic { color: var(--dk-ok); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pacecard.is-behind .dh-pacecard__ic { color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pacecard__t b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pacecard__t span { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pace.is-ahead { color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-pace.is-behind { color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-mini { border-radius: 10px; background: transparent; border: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-mini__ic { border-radius: 6px; background: var(--dk-raised); border: 0; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-mini__t small { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; text-transform: uppercase; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-mini__t b { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.015em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-mini__t i { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-months { border-bottom: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-mo i { border-radius: 3px 3px 1px 1px; background: var(--dk-line-2); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-mo.is-now i { background: var(--dk-accent); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-mo em { font-weight: 500; font-family: var(--dk-font); color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .dh-mo.is-now em { color: var(--dk-ink); font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) .home-today { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .today__ph-h { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .today__more { border: 0; border-radius: 6px; background: transparent; color: var(--dk-muted); cursor: pointer; } :root:not(#z) body.desk-calm:not(.is-mgr) .today__more:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .today__more svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } :root:not(#z) body.desk-calm:not(.is-mgr) .today__m { border: 1px solid var(--dk-line); border-radius: 10px; background: transparent; color: var(--dk-ink); cursor: pointer; transition: background-color .15s var(--dk-ease), border-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .today__m:hover { background: var(--dk-hover); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .today__m b { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .today__m span { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .today__m.is-late b { color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .today__m.is-news b { color: var(--dk-accent-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .today__lap { border-top: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .today__none { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .today__c, :root:not(#z) body.desk-calm:not(.is-mgr) .today__c.is-late, :root:not(#z) body.desk-calm:not(.is-mgr) .today__c.is-news { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .today__c b { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .today__c.is-late b { color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .today__c:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #dhHost) .dcard { background: transparent; border: 0; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #psHost .ps, :root:not(#z) body.desk-calm:not(.is-mgr) #fuHost .fu { background-image: none; box-shadow: none; border: 1px solid var(--dk-line); border-radius: 14px; } :root:not(#z) body.desk-calm:not(.is-mgr) #psHost .ps { --ps-font: var(--dk-font); --ps-cond: var(--dk-font); --ps-mono: var(--dk-font); --ps-card: var(--dk-card); --ps-raised: var(--dk-raised); --ps-track: var(--dk-raised); --ps-line: var(--dk-line); --ps-text: var(--dk-ink); --ps-text-2: var(--dk-ink-2); --ps-muted: var(--dk-muted); --ps-acc: var(--dk-ink); --ps-ink: var(--dk-bg); --ps-acc-ink: var(--dk-ink); --ps-approved: var(--dk-ok); --ps-awaiting: var(--dk-warn); --ps-rejected: var(--dk-err); --ps-approved-ink: var(--dk-ok-ink); --ps-awaiting-ink: var(--dk-warn-ink); --ps-rejected-ink: var(--dk-err); font-family: var(--dk-font); background: var(--dk-card); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-head { border-color: var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) #psHost .ps-title { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-sub { font-weight: 400; font-family: var(--dk-font); letter-spacing: 0; text-transform: none; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-periods { background: var(--dk-raised); border: 0; border-radius: 6px; } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-period { border-radius: 4px; font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-period:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-period[aria-pressed="true"] { background: var(--dk-card); color: var(--dk-ink); box-shadow: 0 1px 2px rgba(0, 0, 0, .25); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-center-k, :root:not(#z) body.desk-calm:not(.is-mgr) .ps-center-cur, :root:not(#z) body.desk-calm:not(.is-mgr) .ps-k { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-center-v { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.03em; } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-center-sub { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-scale { font-weight: 500; font-family: var(--dk-font); color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-row { border-radius: 10px; border-color: var(--dk-line); background: transparent; } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-row:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-dot { box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-row-label strong { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-row-label small { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-row-val strong { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.015em; } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-row-val small { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-earn { border-radius: 10px; background: transparent; border-color: var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-earn > div + div { border-color: var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-earn-v { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-earn-v small { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-rate b { font-weight: 650; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-rate span { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-foot { border-color: var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps-link { font-weight: 500; font-family: var(--dk-font); color: var(--dk-accent-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .ps :focus-visible { outline: 2px solid var(--dk-accent-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #fuHost .fu { --fu-font: var(--dk-font); --fu-cond: var(--dk-font); --fu-mono: var(--dk-font); --fu-card: var(--dk-card); --fu-raised: var(--dk-raised); --fu-sunk: var(--dk-raised); --fu-line: var(--dk-line); --fu-line-2: var(--dk-line-2); --fu-text: var(--dk-ink); --fu-text-2: var(--dk-ink-2); --fu-muted: var(--dk-muted); --fu-faint: var(--dk-faint); --fu-acc: var(--dk-ink); --fu-ink: var(--dk-bg); --fu-red: var(--dk-err); --fu-green: var(--dk-ok); font-family: var(--dk-font); background: var(--dk-card); } :root:not(#z) body.desk-calm:not(.is-mgr) #fuHost .fu-title { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #fuHost .fu-btn { border-radius: 6px; font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #fuHost .fu-btn--acc { background: transparent; color: var(--dk-ink); border: 1px solid var(--dk-line-2); filter: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #fuHost .fu-btn--acc:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) #fuHost .fu-day { border-radius: 8px; } :root:not(#z) body.desk-calm:not(.is-mgr) #fuHost .fu-day.is-today { border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm:not(.is-mgr) #fuHost .fu-view[aria-pressed="true"] { background: var(--dk-card); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #fuHost .fu-type.t-quote, :root:not(#z) body.desk-calm:not(.is-mgr) #fuHost .fu-pill.is-due-soon { background: var(--dk-accent-wash); color: var(--dk-accent-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #fuHost .fu :focus-visible { outline: 2px solid var(--dk-accent-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .home-more { border-color: var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .home-more__h { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .acct-head h1 { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.022em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .acct-head__n { border-radius: 99px; background: var(--dk-raised); border: 1px solid var(--dk-line); color: var(--dk-ink-2); font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .acct-bar .search { border-radius: 6px; padding-inline-start: 34px; background: var(--dk-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat left 11px center / 16px 16px; border: 1px solid var(--dk-line-2); color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); transition: border-color .15s var(--dk-ease), box-shadow .15s var(--dk-ease); } :root[dir="rtl"]:not(#z) body.desk-calm:not(.is-mgr) .acct-bar .search { background-position: right 11px center; } :root:not(#z) body.desk-calm:not(.is-mgr) .acct-bar .search::placeholder { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .acct-bar .search:focus { outline: 0; border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm:not(.is-mgr) .acct-add { border-radius: 6px; box-shadow: none; font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; transition: background-color .15s var(--dk-ease), filter .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .acct-add.btn--outline { background: var(--dk-card); border: 1px solid var(--dk-line-2); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .acct-add.btn--outline:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .acct-add.btn--outline[aria-pressed="true"] { background: var(--dk-raised); border-color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .acct-add.btn--primary { background: var(--dk-accent); color: var(--dk-on-accent); border: 0; font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) .acct-add.btn--primary:hover { filter: brightness(1.08); } :root:not(#z) body.desk-calm:not(.is-mgr) .acct-add:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .rows { --acc-cols: 32px minmax(0, 1.25fr) minmax(0, 1fr) 132px; background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .rows__head { border-bottom: 1px solid var(--dk-line); font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; text-transform: uppercase; color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row-w { border-bottom: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row-w:last-child { border-bottom: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row { background: transparent; border: 0; border-radius: 0; box-shadow: none; transform: none; transition: background-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: -2px; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row__ini { border-radius: 50%; background: var(--dk-raised); border: 1px solid var(--dk-line); color: var(--dk-ink-2); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row__t { font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row__s { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row__pin { color: var(--dk-ok); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row .tag { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 600; font-family: var(--dk-font); letter-spacing: .04em; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row .tag::before { border-radius: 50%; background: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row .tag--won::before, :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row .tag--approved::before { background: var(--dk-ok); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row .tag--lost::before { background: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row .tag--awaiting::before { background: var(--dk-warn); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row .tag--rejected::before { background: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row .tag--lost { color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row-del { border-radius: 6px; background: transparent; border: 0; color: var(--dk-faint); transition: background-color .15s var(--dk-ease), color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row-del:hover, :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row-del:focus-visible { background: var(--dk-err-wash); color: var(--dk-err); border: 0; outline: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row-chk { border-radius: 4px; border: 1.5px solid var(--dk-line-2); background: transparent; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row-w.is-picked .row-chk { background: var(--dk-ink); border-color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row-w.is-picked .row-chk::after { border-color: var(--dk-card); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .row-w.is-picked > .row { background: var(--dk-raised); border: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .acsel { background: var(--dk-raised); border: 1px solid var(--dk-line); border-radius: 10px; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .acsel__n { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .acsel__b { border-radius: 6px; font-weight: 500; font-family: var(--dk-font); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .acsel__b.btn--ghost { background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .acsel__b.btn--danger { background: #DC2626; border: 0; color: #FFFFFF; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .empty { background: var(--dk-card); border: 1px dashed var(--dk-line-2); border-radius: 14px; font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) .empty b { color: var(--dk-ink); font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> .acct-bar) :is(.row__t, .row__s) { unicode-bidi: plaintext; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) { --ord-ok: var(--dk-ok-ink); font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-head h1 { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.022em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-head p { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-back { border: 0; border-radius: 6px; background: transparent; box-shadow: none; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-back:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-pill { border-radius: 6px; background: var(--dk-card); border: 1px solid var(--dk-line-2); box-shadow: none; color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-pill svg { color: var(--dk-muted); stroke: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-pill--btn:hover { background: var(--dk-hover); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-round { border-radius: 6px; background: var(--dk-card); border: 1px solid var(--dk-line-2); box-shadow: none; color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-round svg { stroke: currentColor; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-round:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) :is(.lo-pill--btn, .lo-round, .lo-back):focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-seg { background: var(--dk-raised); border: 0; border-radius: 8px; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-seg__b { border-radius: 6px; background: transparent; box-shadow: none; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-seg__b:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-seg__b.is-on { background: var(--dk-card); color: var(--dk-ink); box-shadow: 0 1px 2px rgba(0, 0, 0, .25); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-seg__b em { border-radius: 99px; background: var(--dk-line); color: var(--dk-ink-2); font-weight: 600; font-family: var(--dk-font); font-style: normal; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-kpi, :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-kpi--hero { background: var(--dk-card); background-image: none; border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-kpi::before { display: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-kpi__ico, :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-kpi--hero .lo-kpi__ico { border-radius: 6px; background: var(--dk-raised); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-kpi__ico svg { stroke: currentColor; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-kpi h2 { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-kpi__v { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.025em; color: var(--dk-ink); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-kpi__v small, :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-kpi--hero .lo-kpi__v small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-card { background: var(--dk-card); background-image: none; border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-card::before { display: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-card__h h2 { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-sel { border: 0; background: transparent; color: var(--dk-faint); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-search { border-radius: 6px; background: var(--dk-bg); border: 1px solid var(--dk-line-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-search:focus-within { border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-search svg { stroke: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-search input { color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-search input::placeholder { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-sort select { border-radius: 6px; background-color: var(--dk-bg); border: 1px solid var(--dk-line-2); color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-chip { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-chip:hover { color: var(--dk-ink); background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-chip.is-on { background: var(--dk-raised); border-color: var(--dk-ink-2); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-count { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-clear { color: var(--dk-accent-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-tbl { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-tbl thead th { border-bottom: 1px solid var(--dk-line); border-top: 1px solid var(--dk-line); background: transparent; font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; text-transform: uppercase; color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-tbl tbody tr, :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-tbl tbody tr:nth-child(even) { background: transparent; cursor: pointer; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-tbl tbody td { border-bottom: 1px solid var(--dk-line); border-radius: 0; color: var(--dk-ink-2); background: transparent; transition: background-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-tbl tbody tr:last-child td { border-bottom: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-tbl tbody tr:hover td { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-tbl tbody tr:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: -2px; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-tbl tbody td:first-child { color: var(--dk-ink); font-weight: 500; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-tbl .is-num { font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-row--2 td:first-child { box-shadow: inset 2px 0 0 var(--dk-warn); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-row--3 td:first-child { box-shadow: inset 2px 0 0 var(--dk-err); } :root[dir="rtl"]:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-row--2 td:first-child { box-shadow: inset -2px 0 0 var(--dk-warn); } :root[dir="rtl"]:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-row--3 td:first-child { box-shadow: inset -2px 0 0 var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-age { border: 1px solid transparent; border-radius: 99px; background: transparent; color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-age small { color: inherit; opacity: .8; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-age--2 { color: var(--dk-warn-ink); font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-age--3 { color: var(--dk-err); background: var(--dk-err-wash); border-color: color-mix(in srgb, var(--dk-err) 40%, transparent); font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-age__dot { background: var(--dk-err); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-next { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-next--calm { color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-next--warm { color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-next--hot { color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-next--good { color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .ord-chev { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-chip { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; text-transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-chip::before { border-radius: 50%; background: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-chip--approved::before { background: var(--dk-ok); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-chip--awaiting::before { background: var(--dk-warn); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-chip--rejected::before { background: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-addoffer { border-radius: 6px; box-shadow: none; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-addoffer:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-used { color: var(--dk-muted); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-empty { color: var(--dk-muted); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is(:has([data-loorders]), [data-lov="offers"], [data-lov="products"], [data-lov="advisor"], [data-lov="stock"]) .lo-tbl tbody td:is(:first-child, .ord-prod) { unicode-bidi: plaintext; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .sheet__scrim { background: rgba(0, 0, 0, .45); backdrop-filter: none; -webkit-backdrop-filter: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .sheet__body { transform: none; border: 0; border-inline-start: 1px solid var(--dk-line); border-radius: 0; background: var(--dk-card); box-shadow: var(--dk-shadow-pop); color: var(--dk-ink); font-family: var(--dk-font); scrollbar-width: thin; scrollbar-color: var(--dk-line-2) transparent; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .sheet__x { border: 0; border-radius: 6px; background: transparent; color: var(--dk-muted); cursor: pointer; transition: background-color .15s var(--dk-ease), color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .sheet__x:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .sheet__x:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .sheet__x svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .kicker { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; text-transform: uppercase; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ac-title { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ac-tags .tag { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 600; font-family: var(--dk-font); letter-spacing: .04em; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ac-tags .tag::before { border-radius: 50%; background: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ac-tags :is(.tag--won, .tag--approved)::before { background: var(--dk-ok); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ac-tags .tag--awaiting::before { background: var(--dk-warn); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ac-tags .tag--rejected::before { background: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ac-tags .tag--vip::before { background: var(--dk-accent); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .btn { border-radius: 6px; box-shadow: none; filter: none; background: var(--dk-card); border: 1px solid var(--dk-line-2); color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; transition: background-color .15s var(--dk-ease), filter .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .btn:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .btn:active { transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .btn:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) :is([data-reorder], [data-acc-save], [data-ac-saveedit]).btn--primary { background: var(--dk-accent); border-color: transparent; color: var(--dk-on-accent); font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) :is([data-reorder], [data-acc-save], [data-ac-saveedit]).btn--primary:hover { filter: brightness(1.08); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .loc__main .loc__ico { color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .btn--danger { background: transparent; border-color: transparent; color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .btn--danger:hover { background: var(--dk-err-wash); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .acc-dirty { font-weight: 500; font-family: var(--dk-font); color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .pset { background: transparent; border: 0; border-top: 1px solid var(--dk-line); border-radius: 0; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .pset__h { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.005em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .pset__hint, :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .loc__hint { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .pset__link { color: var(--dk-accent-ink); font-weight: 500; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ac-f { background: transparent; border-radius: 0; border-bottom: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ac-f dt { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ac-f dd { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink); unicode-bidi: plaintext; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ac-f dd .muted { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ach-list { border: 1px solid var(--dk-line); border-radius: 10px; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ach { border-bottom: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ach:last-child { border-bottom: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ach__main { background: transparent; border: 0; border-radius: 0; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ach__main:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ach__k { font-weight: 600; font-family: var(--dk-font); letter-spacing: .04em; text-transform: uppercase; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ach__d, :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ach__s { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ach__t { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ach__v { font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ach__re { border: 0; border-inline-start: 1px solid var(--dk-line); border-radius: 0; background: transparent; color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ach__re:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .pset__seg { background: var(--dk-raised); border-radius: 8px; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .pset__opt { border: 0; border-radius: 6px; background: transparent; box-shadow: none; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .pset__opt:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .pset__opt.is-on { background: var(--dk-card); color: var(--dk-ink); box-shadow: 0 1px 2px rgba(0, 0, 0, .25); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .label { font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .label .muted { color: var(--dk-faint); font-weight: 400; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .input { border-radius: 6px; background: var(--dk-bg); border: 1px solid var(--dk-line-2); color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .input:focus { border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); outline: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .input-unit { color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .mnote { background: var(--dk-raised); border-inline-start-color: var(--dk-line-2); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .loc__ok, :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .loc__warn { background: var(--dk-raised); border: 1px solid var(--dk-line); border-radius: 10px; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .loc__ok small { font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) :is(.ac-f, .pset, .ach__main, .ach__re, .ac-tags .tag) { box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .sheet:has(#acDetails) .ac-title { unicode-bidi: plaintext; } :root:not(#z):not(#y):not(#x) body.desk-calm { --dk-sel-line: var(--dk-accent); } :root:not(#z):not(#y):not(#x) body.desk-calm :is( .ps-period[aria-pressed="true"], .fu-view[aria-pressed="true"], .fu-tab[aria-selected="true"], .lo-seg__b.is-on, .pset__opt.is-on, .seg__b.is-on, .md-tab.is-on, :is(.mc-seg, .dv-seg, .al-seg, .cf-seg, .tm-seg, .cal-seg) button[aria-pressed="true"], .mh-tabbtn.is-on, :is(.sf-seg, .tr-seg) button[aria-pressed="true"] ) { background: var(--dk-card); color: var(--dk-ink); box-shadow: inset 0 -2px 0 var(--dk-sel-line), 0 1px 2px rgba(0, 0, 0, .25); } :root:not(#z):not(#y):not(#x) body.desk-calm :is( .ord-chip.is-on, .acct-add.btn--outline[aria-pressed="true"], .fu-chip[aria-pressed="true"], .fu-day[aria-pressed="true"], .ps-row[aria-pressed="true"], .chip.is-on, .qt-chip.is-on, .rx-chip.is-on, .tm-toggle[aria-pressed="true"], .cal-rep[aria-pressed="true"], .mh-tile.is-on ) { background: var(--dk-raised); color: var(--dk-ink); border: 1px solid var(--dk-sel-line); box-shadow: none; } :root:not(#z):not(#y):not(#x) body.desk-calm .fu-day[aria-pressed="true"] .fu-dots i { background: var(--dk-accent-ink); } :root:not(#z):not(#y):not(#x) body.desk-calm .fu-day[aria-pressed="true"] .fu-dots i.is-done { background: var(--dk-ok); } :root:not(#z):not(#y):not(#x) body.desk-calm .fu-day[aria-pressed="true"] .fu-dots i.is-late { background: var(--dk-err); } :root:not(#z):not(#y):not(#x) body.desk-calm :is( td, th, .is-num, input, .dh-val, .dh-pct b, .dh-pmark b, .dh-l0, .dh-l1 b, .dh-mini__t b, .dh-mo em, .today__m b, .today__c b, .ps-center-v, .ps-row-val strong, .ps-row-val small, .ps-earn-v, .ps-rate b, .ps-scale, .ps-sub, .fu-day, .fu-tab, .fu-time, .lo-kpi__v, .lo-seg__b em, .ord-age, .ord-count, .acct-head__n, .row__s, .ac-f dd, .ach__v, .ach__d, .navitem__badge, .bell__count, .chip em, .tag ) { font-variant-numeric: tabular-nums; } :root:not(#z):not(#y):not(#x) body.desk-calm .ord-age small { opacity: 1; } :root[data-scheme="light"]:not(#z) body.desk-calm { --dk-err: #B91C1C; --dk-faint: #646A76; } :root:not(#z):not(#y):not(#x) body.desk-calm :is(.lo-chip--approved, .tag.tag--approved) { color: var(--dk-ok-ink); } :root:not(#z):not(#y):not(#x) body.desk-calm :is(.lo-chip--awaiting, .tag.tag--awaiting) { color: var(--dk-warn-ink); } :root:not(#z):not(#y):not(#x) body.desk-calm :is(.lo-chip--rejected, .tag.tag--rejected) { color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) #catQ { border-radius: 6px; padding-inline-start: 34px; background: var(--dk-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat left 11px center / 16px 16px; border: 1px solid var(--dk-line-2); color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); transition: border-color .15s var(--dk-ease), box-shadow .15s var(--dk-ease); } :root[dir="rtl"]:not(#z) body.desk-calm:not(.is-mgr) #catQ { background-position: right 11px center; } :root:not(#z) body.desk-calm:not(.is-mgr) #catQ::placeholder { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) #catQ:focus { outline: 0; border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .seg { background: var(--dk-raised); border: 0; border-radius: 8px; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .seg__b { border: 0; border-radius: 6px; background: transparent; box-shadow: none; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .seg__b:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) :is(.seg__b, .chip):focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .chip { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); box-shadow: none; font-weight: 500; font-family: var(--dk-font); transition: background-color .15s var(--dk-ease), color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .chip:hover:not(:disabled) { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .chip em, :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .chip.is-on em { border-radius: 99px; background: var(--dk-line); color: var(--dk-ink-2); font-weight: 600; font-family: var(--dk-font); font-style: normal; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .row--pack { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 12px; box-shadow: none; transform: none; transition: background-color .15s var(--dk-ease), border-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .row--pack:hover { background: var(--dk-hover); border-color: var(--dk-line-2); box-shadow: none; transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .row--pack:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .row__pack { border-radius: 8px; background: var(--dk-raised); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .row__t { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .row__s { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .row__doc { border-radius: 4px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 600; font-family: var(--dk-font); letter-spacing: .04em; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .row--pack .tag { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .empty { background: var(--dk-card); border: 1px dashed var(--dk-line-2); border-radius: 14px; font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(> #catChips) .row__t { unicode-bidi: plaintext; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.qt) { font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.qt) .lo-back { border: 0; border-radius: 6px; background: transparent; box-shadow: none; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.qt) .lo-back:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-eyebrow { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-titlerow h1 { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.022em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-sub { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-calc { border-radius: 6px; background: var(--dk-card); border: 1px solid var(--dk-line-2); color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); text-decoration: none; cursor: pointer; transition: background-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-calc:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-create { border: 0; border-radius: 6px; box-shadow: none; background: var(--dk-accent); color: var(--dk-on-accent); transition: filter .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-create:hover { filter: brightness(1.08); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-create:active { transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-create__ic { border: 0; border-radius: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-create__ic svg { stroke-width: 2.4; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-create__t b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-create__t small { font-weight: 500; font-family: var(--dk-font); opacity: .8; } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.qt-calc, .qt-create, .qt-chip, .qt-act):focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-hist { background: transparent; border: 0; box-shadow: none; border-radius: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-kick { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-hist h2 { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-hist p:last-child { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-search { border-radius: 6px; background: var(--dk-card); border: 1px solid var(--dk-line-2); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-search:focus-within { border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-search svg { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-search input { color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-search input::placeholder { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-chip { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-chip:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-list { --qt-cols: 32px minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, 1.1fr) 104px 112px 36px 36px; background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-list:has(> .qt-empty) { background: transparent; border: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-thead { border-bottom: 1px solid var(--dk-line); font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; text-transform: uppercase; color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-card { background: transparent; border: 0; border-bottom: 1px solid var(--dk-line); border-radius: 0; box-shadow: none; transition: background-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-card:last-child { border-bottom: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-card:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-ic { border-radius: 8px; background: var(--dk-raised); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-no { font-weight: 600; font-family: var(--dk-font); letter-spacing: 0; color: var(--dk-ink); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-cust { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-date { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-amt { color: var(--dk-ink); font-weight: 500; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-badge { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-badge::before { border-radius: 50%; background: var(--dk-ok); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-pdf { font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-pdf svg { color: var(--dk-ok); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-act { border-radius: 6px; background: transparent; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-act:hover { background: var(--dk-raised); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-act .qt-chev { color: inherit; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-empty { background: var(--dk-card); border: 1px dashed var(--dk-line-2); border-radius: 14px; font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-empty b { color: var(--dk-ink); font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) .qt-cust { unicode-bidi: plaintext; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) { font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .lo-head h1 { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.022em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .lo-head p { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-date { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .lo-back { border: 0; border-radius: 6px; background: transparent; box-shadow: none; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .lo-back:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .lo-pill { border-radius: 6px; background: var(--dk-card); border: 1px solid var(--dk-line-2); box-shadow: none; color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .lo-pill svg { color: var(--dk-muted); stroke: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .lo-pill--btn:hover { background: var(--dk-hover); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.lo-pill--btn, .lo-back, .rp-stat--act):focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .tone { --t-card: var(--dk-card); --t-raised: var(--dk-raised); --t-track: var(--dk-raised); --t-line: var(--dk-line); --t-line-2: var(--dk-line-2); --t-ink: var(--dk-ink); --t-icon: var(--dk-raised); --t-muted: var(--dk-muted); --t-faint: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.rp-stat, .rp-stat--hero, .lo-card) { background: var(--dk-card); background-image: none; border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.rp-stat, .lo-card)::before { display: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-stat--act { cursor: pointer; transition: background-color .15s var(--dk-ease), border-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-stat--act:hover { background: var(--dk-hover); border-color: var(--dk-line-2); box-shadow: none; transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.rp-stat__ico, .rp-stat--hero .rp-stat__ico, .lo-card__ico, .tone .rp-stat__ico, .tone .lo-card__ico) { border-radius: 6px; background: var(--dk-raised); color: var(--dk-muted); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.rp-stat__ico, .lo-card__ico) svg { stroke: currentColor; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.rp-stat__k, .rp-stat--hero .rp-stat__k, .tone .rp-stat__k) { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-stat__v { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.025em; color: var(--dk-ink); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.rp-stat__v small, .rp-stat--hero .rp-stat__v small) { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.rp-stat__c, .rp-stat--hero .rp-stat__c) { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-stat__more { font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.rp-pill, .rp-stat--hero .rp-pill) { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-muted); font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-stat .rp-pill.rp-pill--up { color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-stat .rp-pill.rp-pill--down { color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.lo-card__h h2, .rp-h h2, .tone .lo-card__h h2) { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-h p { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.lo-sel, .rp-more, [data-rp]:not(.rp-stat)) { border-radius: 6px; background: transparent; border: 1px solid var(--dk-line-2); box-shadow: none; color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.lo-sel, .rp-more, [data-rp]:not(.rp-stat)):hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-key li { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.rp-plot__y, .rp-col__m) { font-weight: 400; font-family: var(--dk-font); color: var(--dk-faint); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-plot__grid i { border-top: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.rp-bar--won, .rp-key__d--won) { background: var(--dk-accent); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) :is(.rp-bar--all, .rp-key__d--all) { background: var(--dk-line-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-bar { border-radius: 3px 3px 1px 1px; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-acts__i { background: transparent; border: 1px solid var(--dk-line); border-radius: 10px; box-shadow: none; transition: background-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-acts__i:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:has(.rp-stats) .rp-pill { unicode-bidi: isolate; } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu { --fu-font: var(--dk-font); --fu-cond: var(--dk-font); --fu-mono: var(--dk-font); --fu-card: var(--dk-card); --fu-raised: var(--dk-raised); --fu-sunk: var(--dk-raised); --fu-line: var(--dk-line); --fu-line-2: var(--dk-line-2); --fu-text: var(--dk-ink); --fu-text-2: var(--dk-ink-2); --fu-muted: var(--dk-muted); --fu-faint: var(--dk-faint); --fu-acc: var(--dk-ink); --fu-ink: var(--dk-bg); --fu-red: var(--dk-err); --fu-green: var(--dk-ok); font-family: var(--dk-font); background: var(--dk-card); background-image: none; border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-title { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-btn { border-radius: 6px; font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-head-actions .fu-btn--acc { background: var(--dk-accent); color: var(--dk-on-accent); border: 0; font-weight: 600; filter: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-head-actions .fu-btn--acc:hover { filter: brightness(1.08); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost :is(.fu-btn, .fu-day, .fu-view, .fu-tab, .fu-item):focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-banner { background: var(--dk-raised); border: 1px solid var(--dk-line); border-radius: 10px; } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-banner-ic { background: var(--dk-card); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-banner strong { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-banner p { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-banner .fu-btn--acc { background: var(--dk-card); color: var(--dk-ink); border: 1px solid var(--dk-line-2); font-weight: 500; filter: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-banner .fu-btn--acc:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-item { border-radius: 10px; background: transparent; border: 1px solid var(--dk-line); box-shadow: none; transition: background-color .15s var(--dk-ease), border-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-item:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-item.is-late { border-color: var(--dk-line); box-shadow: inset 2px 0 0 var(--dk-err); } :root[dir="rtl"]:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-item.is-late { box-shadow: inset -2px 0 0 var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-time { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-cust { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost :is(.fu-note, .fu-contact) { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-rem { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-type, :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-type:is(.t-visit, .t-quote, .t-sample, .t-task) { border-radius: 4px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 600; font-family: var(--dk-font); letter-spacing: .04em; } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-pill { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 600; font-family: var(--dk-font); letter-spacing: 0; text-transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-pill:is(.is-overdue, .is-pri-urgent) { color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-pill:is(.is-due-soon, .is-pri-high) { color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost .fu-pill.is-completed { color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #fupHost :is(.fu-banner, .fu-item:not(.is-late)) { box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx { font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-head h1 { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.022em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-head p { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-round { border-radius: 6px; background: var(--dk-card); border: 1px solid var(--dk-line-2); box-shadow: none; color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-round:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-round.is-on { border-color: var(--dk-accent); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-new { border: 0; border-radius: 6px; box-shadow: none; filter: none; background: var(--dk-accent); color: var(--dk-on-accent); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-new:hover { filter: brightness(1.08); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-new:active { transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-new__ic { background: none; border: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-search { border-radius: 6px; background: var(--dk-card); border: 1px solid var(--dk-line-2); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-search:focus-within { border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-search svg { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-search input { color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-note { border-radius: 6px; background: var(--dk-raised); border: 1px solid var(--dk-line); box-shadow: none; color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.rx-round, .rx-new, .rx-chip, .rx-card, .rx-sort, .rx-note, .rx-btn):focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-chip { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); box-shadow: none; color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-chip:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-chip svg { color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-chip b, :root:not(#z) body.desk-calm:not(.is-mgr) .rx-chip.is-on b { border-radius: 99px; background: var(--dk-line); color: var(--dk-ink-2); font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-listhead h2 { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-sort { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-sort b { color: var(--dk-ink); font-weight: 500; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-menu { background: var(--dk-card); border: 1px solid var(--dk-line-2); border-radius: 10px; box-shadow: var(--dk-shadow-pop); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-list { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-list > li { border-bottom: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-list > li:last-child { border-bottom: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-card { background: transparent; border: 0; border-radius: 0; box-shadow: none; transform: none; transition: background-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-card:hover { background: var(--dk-hover); border: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-card:active { transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-card.is-unread { border: 0; box-shadow: inset 2px 0 0 var(--dk-accent); } :root[dir="rtl"]:not(#z) body.desk-calm:not(.is-mgr) .rx-card.is-unread { box-shadow: inset -2px 0 0 var(--dk-accent); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-ic { border-radius: 8px; background: var(--dk-raised); color: var(--dk-muted); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-title { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-pill { border-radius: 4px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 600; font-family: var(--dk-font); letter-spacing: .04em; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-msg { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-when { font-weight: 400; font-family: var(--dk-font); color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-count { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-go { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-st { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-warn-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.rx-st--answered, .rx-st--completed, .rx-st--approved) { color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-st--in_progress { color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-st--closed { color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-st--rejected { color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-dot { background: currentColor; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-empty { background: var(--dk-card); border: 1px dashed var(--dk-line-2); border-radius: 14px; font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-empty b { color: var(--dk-ink); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-panel { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-dtitle h1 { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-facts dt { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-facts dd { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-msgb { background: var(--dk-raised); border: 1px solid var(--dk-line); border-radius: 10px; box-shadow: none; color: var(--dk-ink); font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-btn { border-radius: 6px; background: var(--dk-card); border: 1px solid var(--dk-line-2); box-shadow: none; color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-btn:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-btn--danger { color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-send { background: var(--dk-accent); color: var(--dk-on-accent); border: 0; border-radius: 6px; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-compose { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-compose textarea { background: var(--dk-bg); border: 1px solid var(--dk-line-2); border-radius: 8px; color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-compose textarea::placeholder { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .rx-compose textarea:focus { outline: 0; border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm:not(.is-mgr) .fs-sheet { background: rgba(0, 0, 0, .45); } :root:not(#z) body.desk-calm:not(.is-mgr) .fs-sheet > .fs { border-inline-start: 1px solid var(--dk-line); box-shadow: var(--dk-shadow-pop); } :root:not(#z) body.desk-calm:not(.is-mgr) .fs { --fs-bg: var(--dk-card); --fs-surface: var(--dk-card); --fs-raised: var(--dk-raised); --fs-sunk: var(--dk-bg); --fs-line: var(--dk-line); --fs-line-2: var(--dk-line-2); --fs-glass: var(--dk-card); --fs-glass-2: var(--dk-card); --fs-ic-bg: var(--dk-raised); --fs-text: var(--dk-ink); --fs-text-2: var(--dk-ink-2); --fs-muted: var(--dk-muted); --fs-placeholder: var(--dk-faint); --fs-brand: var(--dk-accent); --fs-brand-ink: var(--dk-on-accent); --fs-brand-text: var(--dk-accent-ink); --fs-ok: var(--dk-ok); --fs-ok-text: var(--dk-ok-ink); --fs-amber: var(--dk-warn); --fs-amber-text: var(--dk-warn-ink); --fs-crit: var(--dk-err); --fs-crit-text: var(--dk-err); --fs-err: var(--dk-err); --fs-font: var(--dk-font); --fs-cond: var(--dk-font); --fs-mono: var(--dk-font); --fs-r: 10px; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .fs .fs-btn--scan { background: var(--dk-raised); color: var(--dk-ink); border: 1px solid var(--dk-line-2); box-shadow: none; filter: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .fs .fs-btn--scan:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .fs .fs-btn--scan :is(svg, .fs-row-ic) { color: var(--dk-muted); background: var(--dk-card); } :root:not(#z) body.desk-calm:not(.is-mgr) .fs :is(.fs-btn--sec, .fs-btn--ghost) { box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .fs :is(.fs-btn, .fs-row, .fs-choice, .fs-fluid, .fs-opt, .fs-iconbtn):focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) .fs .fs-scan-hero { border-radius: 10px; background: var(--dk-raised); color: var(--dk-ink); border: 1px solid var(--dk-line-2); box-shadow: none; filter: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .fs .fs-scan-hero:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .fs .fs-scan-hero b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .fs .fs-scan-hero small { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); opacity: 1; } :root:not(#z) body.desk-calm:not(.is-mgr) .fs .fs-scan-hero :is(span, i):first-child { background: var(--dk-card); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .fs :is(.fs-top-t h1, .fs-sh h2) { font-weight: 650; letter-spacing: -.01em; } :root:not(#z) body.desk-calm:not(.is-mgr) .fs :is(.fs-row-t b, .fs-sum-t b, .fs-lab-open b, .fs-lab-sum b, .fs-crit b, .fs-net b) { font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) .fs .fs-btn { font-weight: 600; border-radius: 8px; } :root:not(#z) body.desk-calm:not(.is-mgr) .fs .fs-input--big { font-weight: 600; letter-spacing: 0; } :root:not(#z) body.desk-calm .st { --st-acc: var(--dk-accent); --st-ink: var(--dk-on-accent); --st-acc-ink: var(--dk-accent-ink); --st-row: var(--dk-card); --st-row-hover: var(--dk-hover); --st-sunk: var(--dk-raised); --st-line: var(--dk-line); --st-line-2: var(--dk-line-2); --st-text: var(--dk-ink); --st-text-2: var(--dk-ink-2); --st-muted: var(--dk-muted); --st-foot: var(--dk-faint); --st-green: var(--dk-ok); --st-ok-ink: var(--dk-ok-ink); --st-amber: var(--dk-warn); --st-warn-ink: var(--dk-warn-ink); --st-red: var(--dk-err); --st-red-ink: var(--dk-err); --st-font: var(--dk-font); --st-cond: var(--dk-font); --st-mono: var(--dk-font); --st-ic-bg: var(--dk-raised); --st-hover: var(--dk-hover); --st-switch-off: var(--dk-line-2); --st-av-bg: var(--dk-raised); --st-ring: var(--dk-card); --st-focus: var(--dk-accent-ink); font-family: var(--dk-font); background: transparent; } :root:not(#z) body.desk-calm .st-bar h1 { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.022em; color: var(--dk-ink); } :root:not(#z) body.desk-calm .st-profile { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm .st-profile:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm .st-avatar { border-color: var(--dk-line-2); box-shadow: none; } :root:not(#z) body.desk-calm .st-name { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm .st-email { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm .st-role { font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm .st-deputy { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm .st-deputy b { color: var(--dk-ink-2); font-weight: 500; } :root:not(#z) body.desk-calm .st-group-label { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; color: var(--dk-muted); } :root:not(#z) body.desk-calm .st-card { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm .st-row { background: transparent; border-radius: 0; transition: background-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm .st-row:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm .st-row:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: -2px; } :root:not(#z) body.desk-calm .st-row-ic, :root:not(#z) body.desk-calm .st-row-ic[data-ic] { border-radius: 8px; background: var(--dk-raised); color: var(--dk-muted); } :root:not(#z) body.desk-calm .st-row-label { font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm .st-row-label > small { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm .st-row-val { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm .st-chev { color: var(--dk-faint); } :root:not(#z) body.desk-calm .st-row--danger { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm .st-row--danger:hover { background: var(--dk-err-wash); } :root:not(#z) body.desk-calm .st-row--danger .st-row-ic { background: var(--dk-err-wash); color: var(--dk-err); } :root:not(#z) body.desk-calm .st-foot { font-weight: 400; font-family: var(--dk-font); color: var(--dk-faint); } :root:not(#z) body.desk-calm :is(.st-panel, .st-card) { box-shadow: none; } :root:not(#z) body.desk-calm .st-btn { border-radius: 6px; font-weight: 500; font-family: var(--dk-font); box-shadow: none; } :root:not(#z) body.desk-calm .st-switch { box-shadow: none; } :root[data-scheme="light"]:not(#z) body.desk-calm .st-pill--warn { color: #92400E; } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main:is([data-lov="offers"], [data-lov="products"]) .lo-tbl tbody tr { cursor: default; } :root:not(#z) body.desk-calm:not(.is-mgr) .la { --la-acc: var(--dk-accent); --la-shell: var(--dk-raised); --la-shell-raised: var(--dk-raised); --la-card: var(--dk-card); --la-card-sub: var(--dk-bg); --la-line: var(--dk-line); --la-line-soft: var(--dk-line); --la-text: var(--dk-ink); --la-text-2: var(--dk-ink-2); --la-muted: var(--dk-muted); --la-on-dark-muted: var(--dk-muted); --la-green: var(--dk-ok); --la-green-text: var(--dk-ok-ink); --la-green-bg: color-mix(in srgb, var(--dk-ok) 9%, var(--dk-card)); --la-green-line: color-mix(in srgb, var(--dk-ok) 35%, var(--dk-line)); --la-amber: var(--dk-warn); --la-amber-text: var(--dk-warn-ink); --la-amber-bg: color-mix(in srgb, var(--dk-warn) 9%, var(--dk-card)); --la-amber-line: color-mix(in srgb, var(--dk-warn) 35%, var(--dk-line)); --la-red: var(--dk-err); --la-red-text: var(--dk-err); --la-red-bg: color-mix(in srgb, var(--dk-err) 9%, var(--dk-card)); --la-red-line: color-mix(in srgb, var(--dk-err) 35%, var(--dk-line)); --la-font: var(--dk-font); --la-cond: var(--dk-font); --la-mono: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .adv-host .la { background: transparent !important; border-radius: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-header { border-bottom: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-eyebrow { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; text-transform: none; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-eyebrow::before { display: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-title { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.022em; text-transform: none; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-status { border-color: var(--dk-line-2); border-radius: 6px; font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-reset { border: 1px solid var(--dk-line-2); border-radius: 6px; background: var(--dk-card); color: var(--dk-ink) !important; font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-reset:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-reset:focus-visible { outline: 2px solid var(--dk-accent-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.la-input, .la-card) { border-radius: 14px; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-h { font-weight: 600; font-family: var(--dk-font); letter-spacing: 0; text-transform: none; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-step-no { font-weight: 500; font-family: var(--dk-font); color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-label { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-console { border-color: var(--dk-line-2); border-radius: 10px; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-console:focus-within { border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-console textarea { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-console textarea::placeholder { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-toolbar { border-top-color: var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-mic { background: var(--dk-raised); border: 1px solid var(--dk-line-2); color: var(--dk-ink-2) !important; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-mic:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-mic[aria-pressed="true"] { background: var(--dk-accent); color: var(--dk-on-accent) !important; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-mic-hint { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-eq span { background: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-analyze { border-radius: 8px; background: var(--dk-accent); color: var(--dk-on-accent) !important; font-weight: 600; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-analyze:hover { filter: brightness(1.06); transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.la-mic, .la-analyze, .la-chip, .la-step, .la-cta, .la-review, .la-opt, .la-ans, .la-sec, .adv-mode):focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-chip { border-color: var(--dk-line-2); background: transparent; color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-chip:hover { border-color: var(--dk-line-2); background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-check { border-color: var(--dk-line); background: var(--dk-card); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-check i { background: var(--dk-line-2); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-check small { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-check.is-hit { background: var(--la-green-bg); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-check.is-hit i { color: var(--dk-on-accent); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-idle { border: 1px dashed var(--dk-line-2); border-radius: 14px; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-idle h2 { font-weight: 600; font-family: var(--dk-font); text-transform: none; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-idle p { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-rec-head { background: transparent; border-bottom: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-rec-head .la-h { color: var(--dk-muted); font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; text-transform: uppercase; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-rec-head .la-mono { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-rec-name { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; text-transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-rec-sub { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-spec { border-radius: 6px; border-color: var(--dk-line-2); background: transparent; color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-conf { border-radius: 12px; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-ring-val b { font-weight: 650; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-ring-val small { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-ring circle:not(.arc) { stroke: var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-conf-label { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-conf-note { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.la-why, .la-openlist) li { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.la-why, .la-openlist) i { background: var(--dk-raised); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.la-why, .la-openlist) li.is-warn i { color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-pair b { font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-step { background: var(--dk-raised); border-color: var(--dk-line-2); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-step:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-qty-val { border-color: var(--dk-line-2); font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-vol { border-top: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-vol b { font-weight: 650; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-cta { border-radius: 8px; background: var(--dk-accent); color: var(--dk-on-accent) !important; box-shadow: none; font-weight: 600; font-family: var(--dk-font); letter-spacing: 0; text-transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-cta:hover { filter: brightness(1.06); transform: none; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-cta--soft { background: transparent; border: 1px solid var(--la-amber-line); color: var(--dk-warn-ink) !important; } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.la-review, .la-sec) { border: 1px solid var(--dk-line-2); border-radius: 8px; background: var(--dk-card); color: var(--dk-ink) !important; font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; text-transform: none; } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.la-review, .la-sec):hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-understood { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-delta { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-q-text { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.la-q-text small, .la-ask-sub, .la-more, .la-unknown, .la-fresh, .la-muted) { font-weight: 400; } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.la-q-no, .ca .ca-rank) { background: var(--dk-raised); color: var(--dk-accent-ink); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-opt { border-color: var(--dk-line-2); background: transparent; font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-opt:hover { border-color: var(--dk-line-2); background: var(--dk-hover); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-opt--go { background: var(--dk-ink); border-color: var(--dk-ink); color: var(--dk-bg) !important; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-opt--go:hover { background: var(--dk-ink-2); border-color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.la-q-input, .ca .ca-draft) { border-color: var(--dk-line-2); background: var(--dk-bg); color: var(--dk-ink); font-weight: 400; } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.la-q-input, .ca .ca-draft):focus { border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-ans { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-ans b { font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-state b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-state span { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-fact { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-fact b { font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-ev { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.la-ev a, .ca .ca-link) { font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-cmp thead th { font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-cmp tbody th { font-weight: 500; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-tag { color: var(--dk-on-accent); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .la-error { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .ca .ca-sub { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; } :root:not(#z) body.desk-calm:not(.is-mgr) .ca .ca-opp-h b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) :is(.ca .ca-profile, .ca .ca-line, .ca .ca-list, .ca .ca-obj p) { font-weight: 400; } :root:not(#z) body.desk-calm:not(.is-mgr) .ca-dlg { background: var(--dk-card); border: 1px solid var(--dk-line); color: var(--dk-ink); font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .ca-dlg h2 { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .ca-dlg p { font-weight: 400; } :root:not(#z) body.desk-calm:not(.is-mgr) .adv-modes { border: 0; border-radius: 8px; background: var(--dk-raised); } :root:not(#z) body.desk-calm:not(.is-mgr) .adv-mode { border-radius: 6px; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) .adv-mode:hover { color: var(--dk-ink); } :root:not(#z):not(#y):not(#x) body.desk-calm:not(.is-mgr) .adv-mode.is-on { background: var(--dk-card); color: var(--dk-ink); box-shadow: inset 0 -2px 0 var(--dk-sel-line); } :root:not(#z) body.desk-calm:not(.is-mgr) .lo__main[data-lov="products"] .lo-kpi:nth-child(2) .lo-kpi__v { letter-spacing: -.015em; } :root:not(#z) body.desk-calm:not(.is-mgr) .la-rec-head .la-step-no { color: var(--dk-faint) !important; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) { font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) > .panel:first-of-type { background: transparent; background-image: none; border: 0; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) > .panel:first-of-type::before { display: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) > .panel:first-of-type .h2 { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.022em; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) > .panel:first-of-type .muted { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #equivQ { border-radius: 8px; background: var(--dk-card); border: 1px solid var(--dk-line-2); box-shadow: none; color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #equivQ::placeholder { color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) #equivQ:focus { border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); outline: 0; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) #results > .panel, :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-card { background: var(--dk-card); background-image: none; border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) #results > .panel::before { display: none; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .kicker { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .chip { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); box-shadow: none; color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .chip:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-legend { border-top: 1px solid var(--dk-line); font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .empty { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-lv { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-lv::before { border-radius: 50%; background: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-lv--exact { color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-lv--exact::before { background: var(--dk-ok); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) :is(.eq-lv--func, .eq-lv--partial) { color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) :is(.eq-lv--func, .eq-lv--partial)::before { background: var(--dk-warn); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-lv--partial::before { background: transparent; box-shadow: inset 0 0 0 1.5px var(--dk-warn); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-lv--none { color: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-lv--none::before { background: var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-card--none { box-shadow: inset 3px 0 0 var(--dk-err); } :root[dir="rtl"]:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-card--none { box-shadow: inset -3px 0 0 var(--dk-err); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-card__t { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); unicode-bidi: plaintext; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-card__s { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-card__s b { font-weight: 600; color: var(--dk-ink); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-card__c { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) :is(.eq-why, .eq-m__note, .eq-src, .eq-rep) { font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-why { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-warn { border-radius: 8px; background: transparent; border: 1px solid color-mix(in srgb, var(--dk-warn) 40%, var(--dk-line)); color: var(--dk-ink-2); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-pick { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; text-transform: uppercase; color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) :is(.eq-m, .eq-g) { border-radius: 8px; background: transparent; border: 1px solid var(--dk-line); color: var(--dk-ink); box-shadow: none; transition: background-color .15s var(--dk-ease), border-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) :is(.eq-m, .eq-g):hover { background: var(--dk-hover); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) :is(.eq-m, .eq-g):focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-m__n { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-m__n b { font-weight: 600; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-m__note { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-g__n { font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-g__n small { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-src { font-weight: 400; font-family: var(--dk-font); color: var(--dk-faint); } :root:not(#z) body.desk-calm:not(.is-mgr) #main:has(#equivQ) .eq-pick { unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr { --dk-chart-prev: #474B54; } :root[data-scheme="light"]:not(#z) body.desk-calm.is-mgr { --dk-chart-prev: #C9CBD1; } :root:not(#z) body.desk-calm.is-mgr .side { background: var(--dk-side); border-inline-end: 1px solid var(--dk-line); font-family: var(--dk-font); scrollbar-width: thin; scrollbar-color: var(--dk-line-2) transparent; } :root:not(#z) body.desk-calm.is-mgr .side__who { background: transparent; border: 0; border-radius: 0; box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .side__avatar { border-radius: 8px; background: var(--dk-raised); color: var(--dk-ink); box-shadow: inset 0 0 0 1px var(--dk-line-2); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .side__avatar:has(img) { background: none; box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .side__name { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .side__role { font-weight: 400; font-family: var(--dk-font); letter-spacing: 0; text-transform: none; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .side__ws { box-shadow: none; outline: 0; background: transparent; border: 0; border-radius: 0; font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .side__ws-dot { background: var(--dk-ok); box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .side__dep { background: transparent; border: 0; font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .side__dep b { color: var(--dk-ink-2); font-weight: 600; } :root:not(#z) body.desk-calm.is-mgr .side__team span { font-weight: 600; font-family: var(--dk-font); letter-spacing: .06em; color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .side__team select { border-radius: 6px; background-color: var(--dk-card); border: 1px solid var(--dk-line-2); color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .side__nav > .nav { border-radius: 6px; font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink-2); background: transparent; box-shadow: none; transition: background-color .15s var(--dk-ease), color .15s var(--dk-ease); } :root:not(#z) body.desk-calm.is-mgr .side__nav > .nav > svg { border-radius: 0; background: none; color: var(--dk-muted); stroke: var(--dk-muted); stroke-width: 1.8; } :root:not(#z) body.desk-calm.is-mgr .side__nav > .nav:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .side__nav > .nav.is-active { background: var(--dk-raised); color: var(--dk-ink); font-weight: 600; box-shadow: inset 2px 0 0 var(--dk-accent); } :root[dir="rtl"]:not(#z) body.desk-calm.is-mgr .side__nav > .nav.is-active { box-shadow: inset -2px 0 0 var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .side__nav > .nav.is-active { box-shadow: inset 0 -2px 0 var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .side__nav > .nav.is-active > svg { color: var(--dk-accent); stroke: var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .side__nav > .nav:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: -2px; } :root:not(#z) body.desk-calm.is-mgr .nav__badge { border-radius: 99px; background: var(--dk-raised); border: 1px solid var(--dk-line-2); color: var(--dk-ink); font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; animation: none; } :root:not(#z) body.desk-calm.is-mgr .side__unit { border: 0; border-top: 1px solid var(--dk-line); border-radius: 0; background: transparent; font-weight: 500; font-family: var(--dk-font); color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .side__unit b { font-family: var(--dk-font); font-weight: 600; color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .side__out { border-radius: 6px; font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .side__out svg { color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .side__out:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .main { background: transparent; } :root:not(#z) body.desk-calm.is-mgr .bar { background: transparent; border-bottom: 0; } :root:not(#z) body.desk-calm.is-mgr .bar__title { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.022em; color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .bar__sub { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .bar .pill { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .bar__rf { border-radius: 6px; background: transparent; border: 1px solid transparent; color: var(--dk-ink-2); box-shadow: none; transition: background-color .15s var(--dk-ease), color .15s var(--dk-ease); } :root:not(#z) body.desk-calm.is-mgr .bar__rf:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .bar__rf:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm.is-mgr .bell__panel { background: var(--dk-card); border: 1px solid var(--dk-line-2); box-shadow: var(--dk-shadow-pop); font-family: var(--dk-font); } :root:not(#z) body.desk-calm .toast { border-radius: 10px; background: var(--dk-raised); border: 1px solid var(--dk-line-2); color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); box-shadow: var(--dk-shadow-pop); } :root:not(#z) body.desk-calm .toast__go { background: transparent; border: 0; color: var(--dk-accent-ink); font-weight: 600; font-family: var(--dk-font); text-decoration: none; } :root:not(#z) body.desk-calm .toast__go:hover { text-decoration: underline; } :root:not(#z) body.desk-calm.is-mgr :is(.md, .mc, .dv, .cf, .tp, .al) { --md-font: var(--dk-font); --md-cond: var(--dk-font); --md-mono: var(--dk-font); --mc-font: var(--dk-font); --mc-cond: var(--dk-font); --mc-mono: var(--dk-font); --dv-font: var(--dk-font); --dv-cond: var(--dk-font); --dv-mono: var(--dk-font); --cf-font: var(--dk-font); --cf-cond: var(--dk-font); --tp-font: var(--dk-font); --tp-cond: var(--dk-font); --tp-mono: var(--dk-font); --al-font: var(--dk-font); --al-cond: var(--dk-font); --al-mono: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .md { --md-acc: var(--dk-accent); --md-ink: var(--dk-on-accent); --md-card: var(--dk-card); --md-tile: var(--dk-card); --md-track: var(--dk-line); --md-line: var(--dk-line); --md-line-2: var(--dk-line-2); --md-text: var(--dk-ink); --md-text-2: var(--dk-ink-2); --md-muted: var(--dk-muted); --md-faint: var(--dk-faint); --md-up: var(--dk-ok-ink); --md-dn: var(--dk-err); --md-amber: var(--dk-warn-ink); --kpi-card: var(--dk-card); --kpi-hover: var(--dk-card); --kpi-line: var(--dk-line); --kpi-line-2: var(--dk-line-2); --kpi-ink: var(--dk-ink); --kpi-ink-2: var(--dk-muted); --kpi-track: var(--dk-line); --kpi-grid: var(--dk-line); --kpi-cur: var(--dk-accent); --kpi-prev: var(--dk-chart-prev); --kpi-soft: var(--dk-chart-prev); --kpi-icon: var(--dk-raised); --kpi-icon-ink: var(--dk-muted); --kpi-shadow: none; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tone { --t-card: var(--dk-card); --t-raised: var(--dk-raised); --t-track: var(--dk-line); --t-line: var(--dk-line); --t-line-2: var(--dk-line-2); --t-ink: var(--dk-ink); --t-icon: var(--dk-muted); --t-muted: var(--dk-muted); --t-faint: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .mc { --mc-acc: var(--dk-accent); --mc-acc-2: var(--dk-accent); --mc-acc-text: var(--dk-accent-ink); --mc-ink: var(--dk-on-accent); --mc-grey: var(--dk-chart-prev); --mc-red: var(--dk-err); --mc-seg: var(--dk-raised); --mc-text: var(--dk-ink); --mc-text-2: var(--dk-ink-2); --mc-up: var(--dk-ok-ink); --mc-dn: var(--dk-err); --mc-green: var(--dk-ok); } :root:not(#z) body.desk-calm.is-mgr .dv { --dv-acc: var(--dk-accent); --dv-acc-2: var(--dk-accent); --dv-acc-text: var(--dk-accent-ink); --dv-ink: var(--dk-on-accent); --dv-grid: var(--dk-line); --dv-text: var(--dk-ink); --dv-text-2: var(--dk-ink-2); --dv-red: var(--dk-err); --dv-amber: var(--dk-warn-ink); --dv-seg: var(--dk-raised); --dv-avg: var(--dk-faint); --dv-wk: color-mix(in srgb, var(--dk-ink) 2.5%, transparent); --dv-hover: var(--dk-hover); --dv-tip-bg: var(--dk-card); --dv-gap-bg: var(--dk-card); } :root:not(#z) body.desk-calm.is-mgr :is(.cf, .tp, .al) { --cf-acc: var(--dk-accent); --cf-text: var(--dk-ink); --cf-text-2: var(--dk-ink-2); --tp-acc: var(--dk-accent); --tp-acc-deep: var(--dk-accent); --tp-acc-text: var(--dk-accent-ink); --tp-text: var(--dk-ink); --tp-text-2: var(--dk-ink-2); --al-acc: var(--dk-accent); --al-acc-text: var(--dk-accent-ink); --al-text: var(--dk-ink); --al-text-2: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr :is(.md .md-tile, .mc, .dv, .cf, .tp, .al) { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .md button.md-tile:hover { background: var(--dk-card); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .md button.md-tile:active { transform: none; } :root:not(#z) body.desk-calm.is-mgr :is(.md, .mc, .dv, .cf, .tp, .al) :focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm.is-mgr .md-head h1 { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.022em; color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .md-head p { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .md-status { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .md-status i { background: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .md-status--live i { background: var(--dk-ok); } :root:not(#z) body.desk-calm.is-mgr .md-status--demo i { background: var(--dk-warn); } :root:not(#z) body.desk-calm.is-mgr .md-icon-btn { border-radius: 6px; background: transparent; border: 1px solid transparent; color: var(--dk-ink-2); transition: background-color .15s var(--dk-ease), color .15s var(--dk-ease); } :root:not(#z) body.desk-calm.is-mgr .md-icon-btn:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .md-icon-btn .md-dot { background: var(--dk-accent); border: 0; box-shadow: 0 0 0 2px var(--dk-bg); } :root:not(#z) body.desk-calm.is-mgr .md-tabs { border-radius: 8px; background: var(--dk-raised); border: 0; } :root:not(#z) body.desk-calm.is-mgr .md-tab { border-radius: 6px; background: transparent; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .md-tab:hover { background: transparent; color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .md-tile .md-ic { border-radius: 6px; background: var(--dk-raised); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .md-grid--row > .md-tile .md-k { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .md-go { color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .md-val { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.025em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .md-hero .md-val { letter-spacing: -.03em; } :root:not(#z) body.desk-calm.is-mgr .md-val small, :root:not(#z) body.desk-calm.is-mgr .md-hero .md-val small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .md-sub { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .md-sub b { font-weight: 600; color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .md-sub b.md-pace.is-ahead { color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr .md-sub b.md-pace.is-behind { color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-v--acc, .dv-v.is-acc) { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .md-delta { border-radius: 99px; font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .md-delta.up { background: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-ok) 45%, transparent); color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr .md-delta.down { background: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-err) 45%, transparent); color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .md-delta.flat { background: transparent; box-shadow: inset 0 0 0 1px var(--dk-line-2); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .md-pair-k { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .md-pair-i b { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; } :root:not(#z) body.desk-calm.is-mgr .md-pair-i b small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .md-quota-row { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .md-quota-row b { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.015em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .md-bar { border-radius: 4px; } :root:not(#z) body.desk-calm.is-mgr .md-bar i { border-radius: 4px; } :root:not(#z) body.desk-calm.is-mgr .md-bar b { background: var(--dk-ink); opacity: .8; } :root:not(#z) body.desk-calm.is-mgr :is(.md-bars-y, .md-bcol em, .md-legend) { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .md-bpair i { border-radius: 3px 3px 0 0; } :root:not(#z) body.desk-calm.is-mgr .md-chart-empty { border-color: var(--dk-line-2); font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .md-smp-k { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .md-smp-empty { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .md-smp-all { border-radius: 6px; font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .md-smp-all:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .md-smp-row:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .md-smp-pri { background: transparent; box-shadow: inset 0 0 0 1px var(--dk-line-2); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .md-smp-pri.is-critical { background: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-err) 45%, transparent); color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .md-smp-pri.is-urgent { background: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-warn) 45%, transparent); color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm.is-mgr .md-spark i { border-radius: 2px 2px 0 0; } :root:not(#z) body.desk-calm.is-mgr .guide { background: var(--dk-card); background-image: none; border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .guide::before { display: none; } :root:not(#z) body.desk-calm.is-mgr .guide__k { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .guide__t { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .guide__n { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-title, .dv-title, .cf-title, .tp-title, .al-title) { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-sub, .dv-range, .cf-sub, .tp-sub, .al-sub) { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-seg, .dv-seg, .al-seg, .cf-seg) { border: 0; border-radius: 8px; background: var(--dk-raised); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-seg, .dv-seg, .al-seg, .cf-seg) button { border-radius: 6px; background: transparent; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-seg, .dv-seg, .al-seg, .cf-seg) button:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .al-seg button span { background: transparent; color: inherit; font-weight: 500; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .mc-icon-btn { border-radius: 6px; border-color: transparent; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mc-icon-btn:hover, :root:not(#z) body.desk-calm.is-mgr .mc-icon-btn[aria-expanded="true"] { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-k, .mc-cols, .dv-k) { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-v, .dv-v) { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr :is(.mc-v small, .dv-v small) { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .dv-s { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-summary, .dv-kpis) { border-radius: 10px; background: transparent; border: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .mc-summary > div.is-on { box-shadow: inset 0 -2px 0 var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .mc-summary > div.is-on .mc-k { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .mc-attn { border-radius: 10px; background: transparent; border-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .mc-attn.is-on { background: var(--dk-err-wash); border-color: color-mix(in srgb, var(--dk-err) 40%, var(--dk-line)); } :root:not(#z) body.desk-calm.is-mgr .mc-attn-ic { border-radius: 6px; background: transparent; color: var(--dk-ok-ink); box-shadow: inset 0 0 0 1px var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .mc-attn.is-on .mc-attn-ic { background: transparent; color: var(--dk-err); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-err) 40%, transparent); } :root:not(#z) body.desk-calm.is-mgr .mc-attn-t b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mc-attn-t small { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mc-fun { border-radius: 8px; border-color: var(--dk-line); background: transparent; } :root:not(#z) body.desk-calm.is-mgr .mc-fun:hover { background: var(--dk-hover); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .mc-fun-k { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mc-fun-v { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .mc-fun-s { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mc-fun-s.is-on { color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .mc-split { border-radius: 4px; } :root:not(#z) body.desk-calm.is-mgr .mc-split i.approved, :root:not(#z) body.desk-calm.is-mgr .mc-dot.approved, :root:not(#z) body.desk-calm.is-mgr .mc-lg.approved::before { background: var(--dk-ok); } :root:not(#z) body.desk-calm.is-mgr .mc-split-legend { font-weight: 500; font-family: var(--dk-font); text-transform: none; } :root:not(#z) body.desk-calm.is-mgr .mc-stage { border: 0; border-top: 1px solid var(--dk-line); border-radius: 0; background: transparent; } :root:not(#z) body.desk-calm.is-mgr .mc-stage:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .mc-stage-name { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mc-stage-name small { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mc-stage-val { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; } :root:not(#z) body.desk-calm.is-mgr .mc-stage-val small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .mc-stage-meta { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mc .mc-note { background: var(--dk-raised); font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .mc-rep { border-radius: 8px; } :root:not(#z) body.desk-calm.is-mgr .mc-rep:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .mc-rank { font-weight: 600; font-family: var(--dk-font); color: var(--dk-faint); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .mc-rep:first-child .mc-rank { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .mc-av { border-radius: 8px; background: var(--dk-raised); color: var(--dk-ink-2); box-shadow: inset 0 0 0 1px var(--dk-line-2); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mc-name { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mc-name small { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mc-track { border-radius: 4px; } :root:not(#z) body.desk-calm.is-mgr .mc-track i { border-radius: 4px; } :root:not(#z) body.desk-calm.is-mgr .mc-list--visits .mc-track i, :root:not(#z) body.desk-calm.is-mgr .mc-list--per .mc-track i { background: var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-track b, .mc-legend b) { background: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-volval, .mc-cell) { font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr :is(.mc-volval small, .mc-cell small) { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mc-eff { border-radius: 99px; } :root:not(#z) body.desk-calm.is-mgr .mc-eff.is-high { background: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-ok) 45%, transparent); } :root:not(#z) body.desk-calm.is-mgr .mc-eff.is-low { background: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-err) 45%, transparent); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-legend, .dv-foot) { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr :is(.mc-empty) { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .dv-bar { border-radius: 3px 3px 0 0; } :root:not(#z) body.desk-calm.is-mgr .dv-col.is-peak .dv-bar { box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr :is(.dv-gridline span, .dv-xaxis span) { font-weight: 500; font-family: var(--dk-font); color: var(--dk-faint); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .dv-avg span { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .dv-tip { border-color: var(--dk-line-2); box-shadow: var(--dk-shadow-pop); } :root:not(#z) body.desk-calm.is-mgr .dv-tip b { font-weight: 650; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .dv-cum-dot { box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .cf-live { border-radius: 99px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .cf-live i { background: var(--dk-ok); box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .cf-stats { border-radius: 10px; background: transparent; border: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr :is(.cf-k, .tp-k) { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr :is(.cf-v, .tp-v) { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; color: var(--dk-ink); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr :is(.cf-v small, .tp-v small) { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .cf-v.is-ok { color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr :is(.cf-search, .cf-search input) { border-radius: 8px; background: var(--dk-card); border-color: var(--dk-line-2); color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .cf-search input { border: 0; background: transparent; } :root:not(#z) body.desk-calm.is-mgr .cf-empty { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tp-avatar { background: var(--dk-raised); border: 1px solid var(--dk-line-2); box-shadow: none; color: var(--dk-ink); font-family: var(--dk-font); font-weight: 650; } :root:not(#z) body.desk-calm.is-mgr .tp-trophy { background: var(--dk-card); color: var(--dk-accent-ink); border: 1px solid var(--dk-line-2); box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .tp-name { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.015em; color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .tp-role { font-weight: 400; font-family: var(--dk-font); letter-spacing: 0; text-transform: none; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tp-ring-c b { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.03em; } :root:not(#z) body.desk-calm.is-mgr .tp-ring-c span { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tp-ring-c small { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tp-stats { border-radius: 10px; background: transparent; border-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .tp-link { font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .tp-link:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .tp-empty { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .al-day-head { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); background: var(--dk-card); } :root:not(#z) body.desk-calm.is-mgr .al-day-sum { font-weight: 400; font-family: var(--dk-font); letter-spacing: 0; text-transform: none; color: var(--dk-muted); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .al-row { border-radius: 8px; } :root:not(#z) body.desk-calm.is-mgr .al-row:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .al-row .al-ic { border-radius: 8px; background: var(--dk-raised); color: var(--dk-muted); box-shadow: inset 0 0 0 1px var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .al-row.is-approved .al-ic { color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr .al-row.is-awaiting .al-ic { color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm.is-mgr .al-row.is-rejected .al-ic { color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .al-cust { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr .al-what { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .al-what b { font-weight: 600; color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .al-val { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.01em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .al-val small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .al-pill { border-radius: 99px; background: transparent; box-shadow: inset 0 0 0 1px var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .al-row.is-approved .al-pill { background: transparent; color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr .al-row.is-awaiting .al-pill { color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm.is-mgr .al-row.is-rejected .al-pill { background: transparent; color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .al-more { border-radius: 8px; border-color: var(--dk-line-2); background: transparent; color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .al-more:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .tm { --tm-acc: var(--dk-accent); --tm-ink: var(--dk-on-accent); --tm-card: var(--dk-card); --tm-raised: var(--dk-raised); --tm-line: var(--dk-line); --tm-line-2: var(--dk-line-2); --tm-text: var(--dk-ink); --tm-text-2: var(--dk-ink-2); --tm-muted: var(--dk-muted); --tm-ok: var(--dk-ok-ink); --tm-ok-bg: transparent; --tm-warn: var(--dk-warn-ink); --tm-warn-bg: transparent; --tm-bad: var(--dk-err); --tm-bad-bg: var(--dk-err-wash); --tm-seg: var(--dk-raised); --tm-font: var(--dk-font); --tm-cond: var(--dk-font); background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm :focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm.is-mgr .tm-title { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .tm-sub { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tm-av { border-radius: 8px; background: var(--dk-raised); color: var(--dk-ink-2); box-shadow: inset 0 0 0 1px var(--dk-line-2); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-av--lg { border-radius: 10px; } :root:not(#z) body.desk-calm.is-mgr .tm-back { border-radius: 6px; border-color: var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-back:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .tm-attn { border-radius: 10px; background: transparent; border-color: var(--dk-line); color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr .tm-attn.is-on { background: var(--dk-err-wash); border-color: color-mix(in srgb, var(--dk-err) 40%, var(--dk-line)); color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .tm-attn b { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .tm-attn span { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .tm-attn em { background: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-warn) 45%, transparent); color: var(--dk-warn-ink); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-table { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-table :is(th, td) { border-bottom-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .tm-table thead th { border-bottom-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .tm-sort { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr :is(.tm-sort.is-on, .tm-sort:hover) { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr :is(.tm-row:hover, .tm-row:focus-visible) { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .tm-row th { font-weight: 600; } :root:not(#z) body.desk-calm.is-mgr :is(.tm-row th, .tm-dep__t b, .tm-item-top b) { unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr .tm-stuck { font-weight: 600; font-family: var(--dk-font); color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .tm-stuck.is-on { background: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-err) 45%, transparent); color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .tm-sec-head h3 { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .tm-sec-head span { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tm-item { border: 0; border-top: 1px solid var(--dk-line); border-radius: 0; background: transparent; } :root:not(#z) body.desk-calm.is-mgr .tm-item:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .tm-item.is-stuck { border-inline-start: 0; box-shadow: inset 2px 0 0 var(--dk-err); } :root[dir="rtl"]:not(#z) body.desk-calm.is-mgr .tm-item.is-stuck { box-shadow: inset -2px 0 0 var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .tm-item-top b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-item small { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .tm-kind { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tm-go { color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .tm-chip { background: transparent; box-shadow: inset 0 0 0 1px var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-chip.is-approved { background: transparent; color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr .tm-chip.is-awaiting { background: transparent; color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm.is-mgr .tm-chip.is-rejected { background: transparent; color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .tm-reasons li { font-weight: 500; font-family: var(--dk-font); color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .tm-reasons li.is-help { color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm.is-mgr .tm-reasons li.is-more { color: var(--dk-muted); font-weight: 400; } :root:not(#z) body.desk-calm.is-mgr .tm-empty { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tm-link { color: var(--dk-accent-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-kpis { border-radius: 10px; background: transparent; border-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .tm-k { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tm-v { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .tm-v small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .tm-v--sm { font-weight: 600; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .tm-v.is-zero { color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .tm-seg { border: 0; border-radius: 8px; background: var(--dk-raised); } :root:not(#z) body.desk-calm.is-mgr .tm-seg button { border-radius: 6px; background: transparent; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-seg button:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .tm-toggle { border-radius: 6px; border-color: var(--dk-line-2); background: transparent; color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-toggle:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .tm-detail { border-radius: 10px; background: transparent; border-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .tm-detail-head h3 { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.015em; unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr .tm-facts dt { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tm-facts dd { font-weight: 500; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .tm-help { border-radius: 10px; background: transparent; border-color: color-mix(in srgb, var(--dk-warn) 45%, var(--dk-line)); color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm.is-mgr .tm-help b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr :is(.tm-help p, .tm-hint) { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .tm-note label { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tm-note label small { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tm-note textarea { border-radius: 8px; border-color: var(--dk-line-2); background: var(--dk-card); color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-note textarea::placeholder { color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .tm-note textarea:focus { outline: 0; border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm.is-mgr .tm-btn { border-radius: 6px; border-color: var(--dk-line-2); color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-btn:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .tm-btn--acc { border: 0; background: var(--dk-accent); color: var(--dk-on-accent); font-weight: 600; } :root:not(#z) body.desk-calm.is-mgr .tm-btn--acc:hover { background: var(--dk-accent); filter: brightness(1.08); } :root:not(#z) body.desk-calm.is-mgr :is(.tm-timeline, .tm-orders) { border-inline-start-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr :is(.tm-timeline, .tm-orders) li::before { border-color: var(--dk-card); } :root:not(#z) body.desk-calm.is-mgr :is(.tm-timeline, .tm-orders) p { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr :is(.tm-timeline, .tm-orders) time { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr :is(.tm-tracking, .tm-none) { font-weight: 400; font-family: var(--dk-font); font-style: normal; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tm-forbidden { border-radius: 10px; background: var(--dk-err-wash); border-color: color-mix(in srgb, var(--dk-err) 40%, var(--dk-line)); } :root:not(#z) body.desk-calm.is-mgr .tm-forbidden b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-forbidden p { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tm-dep { border-radius: 10px; background: transparent; border-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .tm-dep__t b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr :is(.tm-dep__t small, .tm-dep__n) { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tm-dep__t small em { color: var(--dk-ink-2); font-weight: 500; } :root:not(#z) body.desk-calm.is-mgr .tm-av.tm-av--dep { border-radius: 10px; } :root:not(#z) body.desk-calm.is-mgr .cal { --cal-acc: var(--dk-accent); --cal-acc-2: var(--dk-accent); --cal-acc-text: var(--dk-accent-ink); --cal-ink: var(--dk-on-accent); --cal-bg: var(--dk-raised); --cal-card: var(--dk-card); --cal-raised: var(--dk-raised); --cal-cell: var(--dk-raised); --cal-sel: var(--dk-raised); --cal-track: var(--dk-line); --cal-line: var(--dk-line); --cal-line-2: var(--dk-line-2); --cal-text: var(--dk-ink); --cal-text-2: var(--dk-ink-2); --cal-muted: var(--dk-muted); --cal-faint: var(--dk-faint); --cal-green: var(--dk-ok); --cal-green-2: var(--dk-ok-ink); --cal-red: var(--dk-err); --cal-amber: var(--dk-warn-ink); --cal-p-part: var(--dk-accent); --cal-p-met: var(--dk-ok); --cal-p-base: var(--dk-line-2); --cal-p-base-future: var(--dk-line); --cal-hatch-1: var(--dk-card); --cal-hatch-2: var(--dk-raised); --cal-hatch-lg: var(--dk-line-2); --cal-hover: var(--dk-hover); --cal-chip: transparent; --cal-font: var(--dk-font); --cal-cond: var(--dk-font); --cal-mono: var(--dk-font); font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cal :focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm.is-mgr :is(.cal-card, .cal-tile) { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .cal-k { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .cal-s { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .cal-month { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; } :root:not(#z) body.desk-calm.is-mgr .cal-month span { font-weight: 500; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .cal-icon { border-radius: 6px; border-color: var(--dk-line-2); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .cal-btn { border-radius: 6px; border-color: var(--dk-line-2); color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cal-btn:disabled { opacity: 1; color: var(--dk-faint); border-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr :is(.cal-icon:hover, .cal-btn:hover:not(:disabled)) { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .cal-measure { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .cal-select select { border-radius: 6px; border-color: var(--dk-line-2); background-color: var(--dk-card); color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cal-select select:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm.is-mgr .cal-big { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.025em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .cal-big small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .cal-big.is-acc { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .cal-pct { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.025em; color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .cal-pct.ok { color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr .cal-bar { border-radius: 4px; } :root:not(#z) body.desk-calm.is-mgr .cal-bar i { border-radius: 4px; } :root:not(#z) body.desk-calm.is-mgr .cal-bar b { background: var(--dk-ink); opacity: .8; } :root:not(#z) body.desk-calm.is-mgr .cal-line { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .cal-line b { font-weight: 600; } :root:not(#z) body.desk-calm.is-mgr .cal-dow { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .cal-dow.is-off, :root:not(#z) body.desk-calm.is-mgr .cal-dow-wk { color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .cal-day { border-radius: 10px; } :root:not(#z) body.desk-calm.is-mgr .cal-day.is-met { background: var(--dk-raised); } :root:not(#z) body.desk-calm.is-mgr .cal-day.is-sel { border-color: var(--dk-accent); background-color: var(--dk-raised); box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .cal-dn { font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .cal-day.is-today .cal-dn { box-shadow: 0 0 0 1.5px var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .cal-q { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .cal-q small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .cal-q em { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .cal-q em.ok { color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr .cal-meta { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .cal-hol { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cal-wk { border: 1px solid var(--dk-line); border-radius: 10px; } :root:not(#z) body.desk-calm.is-mgr .cal-wk-q { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.015em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .cal-wk-q small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .cal-wk-t { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .cal-legend { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .cal-legend-tip { color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .cal-lg-today { box-shadow: inset 0 0 0 1.5px var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .cal-ph h3 { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; } :root:not(#z) body.desk-calm.is-mgr .cal-ph-note { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr :is(.cal-dsum > div, .cal-note) { border-radius: 10px; background: transparent; border: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .cal-note:hover { background: var(--dk-hover); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr :is(.cal-mid, .cal-note b) { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .cal-mid small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .cal-note > span:last-child { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cal-note.is-warn b { color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm.is-mgr :is(.cal-item, .cal-rep) { border-radius: 8px; } :root:not(#z) body.desk-calm.is-mgr .cal-item-t { font-weight: 400; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .cal-item-b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cal-item-b small { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cal-item-v { font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .cal-av { border-radius: 8px; background: var(--dk-raised); color: var(--dk-ink-2); box-shadow: inset 0 0 0 1px var(--dk-line-2); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cal-rep-top b { font-weight: 600; font-family: var(--dk-font); unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr .cal-rep-top > span { font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .cal-rep-top small { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cal-rep-s { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr :is(.cal-hint, .cal-none) { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .cal-link { color: var(--dk-accent-ink); font-weight: 500; } :root:not(#z) body.desk-calm.is-mgr .cal-pill { background: transparent; border: 1px solid var(--dk-line-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cal-pill.is-approved { background: transparent; color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr .cal-pill.is-awaiting { background: transparent; color: var(--dk-warn-ink); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .cal-pill.is-rejected { background: transparent; color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .cal-reg-head h3 { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; } :root:not(#z) body.desk-calm.is-mgr .cal-seg { border: 0; border-radius: 8px; background: var(--dk-raised); } :root:not(#z) body.desk-calm.is-mgr .cal-seg button { border-radius: 6px; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cal-seg button:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .cal-seg button span { background: transparent; color: inherit; font-weight: 500; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .cal-table { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cal-table th { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .cal-table td { font-weight: 500; } :root:not(#z) body.desk-calm.is-mgr .cal-table tbody tr:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .cal-table tbody tr.is-sel { background: var(--dk-raised); box-shadow: inset 2px 0 0 var(--dk-accent); } :root[dir="rtl"]:not(#z) body.desk-calm.is-mgr .cal-table tbody tr.is-sel { box-shadow: inset -2px 0 0 var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .cal-when { font-weight: 400; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .cal-client { unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr .cal-prod small { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .cal-val { font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .mh { --rx-c: var(--dk-muted); --mh-r: 14px; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .mh :is(button, textarea):focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm.is-mgr .mh-tabs { border-radius: 8px; background: var(--dk-raised); border: 0; } :root:not(#z) body.desk-calm.is-mgr .mh-tabbtn { border-radius: 6px; background: transparent; border: 0; box-shadow: none; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-tabbtn:hover { background: transparent; color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .mh-tabbtn b, :root:not(#z) body.desk-calm.is-mgr .mh-tabbtn.is-on b { background: transparent; color: inherit; font-weight: 500; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .mh-tile { border-radius: 14px; background: var(--dk-card); border: 1px solid var(--dk-line); box-shadow: none; color: var(--dk-ink); transition: border-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm.is-mgr .mh-tile:hover { border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .mh-tile__ic { border-radius: 6px; background: var(--dk-raised); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mh-tile b { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.025em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .mh-tile > span:last-child { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mh-sec h2 { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; } :root:not(#z) body.desk-calm.is-mgr .mh-pillbtn { border-radius: 6px; border-color: var(--dk-line-2); background: transparent; box-shadow: none; color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-pillbtn:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .mh-menu { border-radius: 10px; background: var(--dk-card); border: 1px solid var(--dk-line-2); box-shadow: var(--dk-shadow-pop); } :root:not(#z) body.desk-calm.is-mgr .mh-menu button { border-radius: 6px; color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-menu button:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .mh-menu button[aria-checked="true"] { color: var(--dk-ink); font-weight: 600; } :root:not(#z) body.desk-calm.is-mgr .mh-link { color: var(--dk-accent-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr :is(.mh-list, .mh-acts) { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; } :root:not(#z) body.desk-calm.is-mgr :is(.mh-list, .mh-acts) > li { border-bottom: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr :is(.mh-list, .mh-acts) > li:last-child { border-bottom: 0; } :root:not(#z) body.desk-calm.is-mgr .mh-item { border: 0; border-radius: 0; background: transparent; box-shadow: none; transform: none; transition: background-color .15s var(--dk-ease); } :root:not(#z) body.desk-calm.is-mgr .mh-item:hover { background: var(--dk-hover); border: 0; } :root:not(#z) body.desk-calm.is-mgr .mh-item:active { transform: none; } :root:not(#z) body.desk-calm.is-mgr .mh-av { border-radius: 8px; background: var(--dk-raised); color: var(--dk-ink-2); box-shadow: inset 0 0 0 1px var(--dk-line-2); font-weight: 600; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .mh-av--big { border-radius: 12px; } :root:not(#z) body.desk-calm.is-mgr .mh-item__t b { font-weight: 600; font-family: var(--dk-font); unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr .mh-tag { border-radius: 99px; background: transparent; box-shadow: inset 0 0 0 1px var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-item__s { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .mh-item__w { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mh-item__w.is-stale { color: var(--dk-warn-ink); font-weight: 500; } :root:not(#z) body.desk-calm.is-mgr .mh-go { color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .mh-act { border: 0; border-radius: 0; background: transparent; box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .mh-act .mh-av { border-radius: 8px; } :root:not(#z) body.desk-calm.is-mgr .mh-act__b b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-act__b span { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .mh-act__b small { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mh-dot { background: var(--dk-warn); } :root:not(#z) body.desk-calm.is-mgr .mh-dot--ok { background: var(--dk-ok); } :root:not(#z) body.desk-calm.is-mgr .mh-dot--bad { background: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .mh-empty { border-radius: 14px; border: 1px solid var(--dk-line); background: var(--dk-card); color: var(--dk-muted); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-empty b { color: var(--dk-ink); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-dhead h2 { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr .mh-dhead p { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mh-round { border-radius: 6px; border-color: var(--dk-line-2); background: transparent; box-shadow: none; color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .mh-round:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .mh-hero { border-radius: 14px; border: 1px solid var(--dk-line); background: var(--dk-card); background-image: none; box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .mh-hero__t b { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.015em; unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr .mh-hero__s { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .mh-hero__w { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mh-dtabs { border-top-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .mh-dtabs button { color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-dtabs button:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .mh-dtabs button.is-on { color: var(--dk-ink); border-bottom-color: var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .mh-box { border-radius: 14px; border: 1px solid var(--dk-line); background: var(--dk-card); box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .mh-box h3 { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; } :root:not(#z) body.desk-calm.is-mgr .mh-box h3 svg { color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mh-dl { border-radius: 0; background: transparent; } :root:not(#z) body.desk-calm.is-mgr .mh-row { border-bottom-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .mh-row dt { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mh-row dd { font-weight: 500; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr :is(.mh-quote, .mh-grant) { border-radius: 10px; background: transparent; border: 1px solid var(--dk-line); font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .mh-grant__ic { border-radius: 8px; border-color: var(--dk-line-2); color: var(--dk-muted); background: transparent; } :root:not(#z) body.desk-calm.is-mgr .mh-grant b { font-weight: 600; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .mh-grant p { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .mh-time { border-inline-start-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .mh-time li::before { background: var(--dk-raised); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .mh-time li.is-now::before { background: var(--dk-accent); border-color: var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .mh-time b { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-time span { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mh-perm li { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-perm .is-yes svg { color: var(--dk-ok); } :root:not(#z) body.desk-calm.is-mgr .mh-perm .is-no svg { color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .mh-fine { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mh-msg { border-radius: 10px; background: var(--dk-raised); border-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .mh-msg.is-me { background: var(--dk-card); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .mh-msg span { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mh-msg p { font-weight: 400; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr :is(.mh-quick, .mh-reasons) button { border-radius: 99px; border-color: var(--dk-line-2); background: transparent; color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr :is(.mh-quick, .mh-reasons) button:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .mh-reasons button[aria-checked="true"] { background: var(--dk-err-wash); border-color: var(--dk-err); color: var(--dk-ink); font-weight: 600; } :root:not(#z) body.desk-calm.is-mgr .mh-lbl { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-lbl span { font-weight: 400; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .mh textarea { border-radius: 8px; border-color: var(--dk-line-2); background: var(--dk-card); color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh textarea:focus { outline: 0; border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm.is-mgr .mh-bar { background: linear-gradient(transparent, var(--dk-bg) 30%); } :root:not(#z) body.desk-calm.is-mgr .mh-btn { border-radius: 6px; border-color: var(--dk-line-2); background: var(--dk-card); box-shadow: none; color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-btn:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .mh-btn--go { background: var(--dk-accent); background-image: none; border-color: var(--dk-accent); color: var(--dk-on-accent); font-weight: 600; box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .mh-btn--go:hover { background: var(--dk-accent); filter: brightness(1.08); } :root:not(#z) body.desk-calm.is-mgr .mh-btn--bad { background: var(--dk-card); border-color: color-mix(in srgb, var(--dk-err) 45%, var(--dk-line-2)); color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .mh-btn--bad:hover { background: var(--dk-err-wash); } :root:not(#z) body.desk-calm.is-mgr .mh-ro { border-radius: 10px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-toast { border-radius: 10px; background: var(--dk-raised); border: 1px solid var(--dk-line-2); color: var(--dk-ink); box-shadow: var(--dk-shadow-pop); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .mh-toast button { color: var(--dk-accent-ink); font-weight: 600; } :root:not(#z) body.desk-calm.is-mgr .mh-toast.is-error { border-color: color-mix(in srgb, var(--dk-err) 45%, var(--dk-line-2)); } :root:not(#z) body.desk-calm.is-mgr .sf { --sf-acc: var(--dk-accent); --sf-ink: var(--dk-on-accent); --sf-card: var(--dk-card); --sf-raised: var(--dk-raised); --sf-line: var(--dk-line); --sf-line-2: var(--dk-line-2); --sf-text: var(--dk-ink); --sf-text-2: var(--dk-ink-2); --sf-muted: var(--dk-muted); --sf-ok: var(--dk-ok-ink); --sf-ok-bg: transparent; --sf-warn: var(--dk-warn-ink); --sf-warn-bg: transparent; --sf-bad: var(--dk-err); --sf-bad-bg: transparent; --sf-seg: var(--dk-raised); --sf-font: var(--dk-font); --sf-cond: var(--dk-font); --sf-mono: var(--dk-font); background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sf :focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm.is-mgr .sf-title { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; } :root:not(#z) body.desk-calm.is-mgr .sf-sub { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .sf-stats { border-radius: 10px; background: transparent; border-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr :is(.sf-k, .sf-facts dt, .sf-lab th, .sf-h) { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .sf-h small { font-weight: 400; font-family: var(--dk-font); letter-spacing: 0; text-transform: none; } :root:not(#z) body.desk-calm.is-mgr .sf-v { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .sf-seg { border: 0; border-radius: 8px; background: var(--dk-raised); } :root:not(#z) body.desk-calm.is-mgr .sf-seg button { border-radius: 6px; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sf-seg button:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .sf-search { border-radius: 6px; border-color: var(--dk-line-2); background: var(--dk-card); color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .sf-search:focus-within { border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm.is-mgr .sf-search input { color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sf-search input::placeholder { color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .sf-day { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .sf-item { border-radius: 8px; } :root:not(#z) body.desk-calm.is-mgr .sf-row { border-radius: 8px; } :root:not(#z) body.desk-calm.is-mgr .sf-row:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .sf-ic { border-radius: 8px; background: var(--dk-raised); color: var(--dk-muted); box-shadow: inset 0 0 0 1px var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .sf-ic.is-bad { background: var(--dk-raised); color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .sf-ic.is-warn { background: var(--dk-raised); color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm.is-mgr .sf-what b { font-weight: 600; font-family: var(--dk-font); unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr :is(.sf-what small, .sf-asset small, .sf-when small) { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .sf-id { font-family: var(--dk-font); font-weight: 500; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr :is(.sf-asset, .sf-rep) { font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .sf-asset svg { color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .sf-when b { font-weight: 600; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .sf-badge { background: transparent; box-shadow: inset 0 0 0 1px var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sf-badge.is-bad { background: transparent; color: var(--dk-err); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-err) 45%, transparent); } :root:not(#z) body.desk-calm.is-mgr .sf-badge.is-warn { background: transparent; color: var(--dk-warn-ink); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-warn) 45%, transparent); } :root:not(#z) body.desk-calm.is-mgr .sf-badge.is-muted { background: transparent; } :root:not(#z) body.desk-calm.is-mgr .sf-badge.is-ok { border: 0; color: var(--dk-ok-ink); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-ok) 45%, transparent); } :root:not(#z) body.desk-calm.is-mgr .sf-chev { color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .sf-facts dd { font-weight: 500; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .sf-tag { border-color: var(--dk-line-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sf-tag.is-bad { background: transparent; border-color: color-mix(in srgb, var(--dk-err) 45%, transparent); color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .sf-verdict { border-radius: 99px; background: transparent; box-shadow: inset 0 0 0 1px var(--dk-line-2); font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr :is(.sf-verdict.is-ok, .sf-verdict.is-warn, .sf-verdict.is-bad) { background: transparent; } :root:not(#z) body.desk-calm.is-mgr .sf-lab { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sf-lab td { font-weight: 500; } :root:not(#z) body.desk-calm.is-mgr .sf-lab tr.is-crit td:first-child { box-shadow: inset 2px 0 0 var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr .sf-ph { border-radius: 8px; border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr :is(.sf-notes, .sf-none, .sf-empty) { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr :is(.sf-none, .sf-empty) { color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .sf-note { border-radius: 8px; border-color: var(--dk-line-2); background: var(--dk-card); color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sf-note:focus { outline: 0; border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm.is-mgr .sf-btn { border-radius: 6px; border-color: var(--dk-line-2); color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sf-btn:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .sf-btn--acc { border: 0; background: var(--dk-accent); color: var(--dk-on-accent); font-weight: 600; } :root:not(#z) body.desk-calm.is-mgr .sf-btn--acc:hover { background: var(--dk-accent); filter: brightness(1.08); } :root:not(#z) body.desk-calm.is-mgr .sf-done { font-weight: 500; font-family: var(--dk-font); color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr .tr { --tr-acc: var(--dk-accent-ink); --tr-link: var(--dk-accent-ink); --tr-bg: var(--dk-raised); --tr-card: var(--dk-card); --tr-raised: var(--dk-raised); --tr-track: var(--dk-line); --tr-grid: var(--dk-line); --tr-axis: var(--dk-line-2); --tr-line: var(--dk-line); --tr-line-2: var(--dk-line-2); --tr-text: var(--dk-ink); --tr-strong: var(--dk-ink); --tr-text-2: var(--dk-ink-2); --tr-muted: var(--dk-muted); --tr-faint: var(--dk-faint); --tr-up: var(--dk-ok-ink); --tr-down: var(--dk-err); --tr-bar: var(--dk-chart-prev); --tr-sel: var(--dk-card); --tr-hover: var(--dk-hover); --tr-tip: var(--dk-card); --tr-font: var(--dk-font); --tr-mono: var(--dk-font); font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tr-head { border-bottom: 0; } :root:not(#z) body.desk-calm.is-mgr .tr-title { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; } :root:not(#z) body.desk-calm.is-mgr .tr-sub { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tr-card { border-radius: 14px; border-color: var(--dk-line); box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .tr-card-head h3 { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; } :root:not(#z) body.desk-calm.is-mgr .tr-k { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .tr-big { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.025em; } :root:not(#z) body.desk-calm.is-mgr .tr-big small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .tr-big--text { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.015em; } :root:not(#z) body.desk-calm.is-mgr .tr-seg { border: 0; border-radius: 8px; background: var(--dk-raised); } :root:not(#z) body.desk-calm.is-mgr .tr-seg button { border: 0; border-radius: 6px; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tr-seg button:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr :is(.tr-grid span, .tr-cap, .tr-vpct, .tr-vtotal span:last-child, .tr-tip-h span, .tr-tip-r b, .tr-tip-r em) { font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .tr-vhead { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; } :root:not(#z) body.desk-calm.is-mgr .tr-tip { border-color: var(--dk-line-2); box-shadow: var(--dk-shadow-pop); } :root:not(#z) body.desk-calm.is-mgr .tr-legend button[aria-pressed="true"] { border-color: var(--dk-accent); background: var(--dk-raised); } :root:not(#z) body.desk-calm.is-mgr .panel { background: var(--dk-card); background-image: none; border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .panel::before { display: none; } :root:not(#z) body.desk-calm.is-mgr .panel__head h2 { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .muted { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .table { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .table :is(th, td) { border-bottom-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .table th { background: var(--dk-card); color: var(--dk-muted); font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; } :root:not(#z) body.desk-calm.is-mgr .table tbody tr:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .table .num { font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .table .who b { font-weight: 600; unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr .ini { border-radius: 8px; background: var(--dk-raised); color: var(--dk-ink-2); box-shadow: inset 0 0 0 1px var(--dk-line-2); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sub { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .cellbar { background: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .cellbar > i { background: var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .badge { border-radius: 99px; background: transparent; box-shadow: inset 0 0 0 1px var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .badge--ok { background: transparent; color: var(--dk-ok-ink); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-ok) 45%, transparent); } :root:not(#z) body.desk-calm.is-mgr .badge--pend { background: transparent; color: var(--dk-warn-ink); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-warn) 45%, transparent); } :root:not(#z) body.desk-calm.is-mgr .empty { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .empty b { color: var(--dk-ink); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr :is(.pp, .pd) { --pp-bg: var(--dk-bg); --pp-card: var(--dk-card); --pp-raised: var(--dk-raised); --pp-line: var(--dk-line); --pp-text: var(--dk-ink); --pp-muted: var(--dk-muted); --pp-acc: var(--dk-accent); --pp-acc-ink: var(--dk-on-accent); --pp-ok: var(--dk-ok-ink); --pp-bad: var(--dk-err); --pp-wait: var(--dk-warn-ink); font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .pp :focus-visible, :root:not(#z) body.desk-calm.is-mgr .pd :focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm.is-mgr :is(.pp-card, .pp-tile) { border-color: var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .pp-tile { border-radius: 12px; } :root:not(#z) body.desk-calm.is-mgr .pp-cardh h3 { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr :is(.pp-note, .pp-scope, .pp-empty, .pp-s, .pp-rs, .pp-d) { font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .pp-k { font-weight: 500; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .pp-v { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; } :root:not(#z) body.desk-calm.is-mgr .pp-v small { font-weight: 500; font-family: var(--dk-font); letter-spacing: 0; } :root:not(#z) body.desk-calm.is-mgr .pp-cmp > div { background: transparent; border: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .pp-in { border-radius: 6px; border-color: var(--dk-line-2); background: var(--dk-card); color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .pp-in:focus { outline: 0; border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm.is-mgr .pp-lab { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .pp-btn { border-radius: 6px; border-color: var(--dk-line-2); color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .pp-btn:hover { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .pp-back { border-radius: 6px; border-color: var(--dk-line-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .pp-back:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .pp-ttl h2 { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.015em; } :root:not(#z) body.desk-calm.is-mgr .pp-kicker { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; } :root:not(#z) body.desk-calm.is-mgr .pp-seg { border: 0; border-radius: 8px; background: var(--dk-raised); } :root:not(#z) body.desk-calm.is-mgr .pp-seg button { border-radius: 6px; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .pp-seg button:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .pp-seg button[aria-pressed="true"] { background: var(--dk-card); color: var(--dk-ink); box-shadow: inset 0 -2px 0 var(--dk-accent), 0 1px 2px rgba(0, 0, 0, .25); } :root:not(#z) body.desk-calm.is-mgr .pp-bar__fill { border-radius: 3px 3px 0 0; } :root:not(#z) body.desk-calm.is-mgr .pp-bar__l { font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .pp-rowbtn { border-radius: 8px; border-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .pp-rowbtn:hover, :root:not(#z) body.desk-calm.is-mgr .pp-rowbtn:focus-visible { border-color: var(--dk-line-2); background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .pp-rn { font-weight: 600; unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr .pp-wrap { border-color: var(--dk-line); border-radius: 10px; } :root:not(#z) body.desk-calm.is-mgr .pp-tbl { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .pp-tbl th { background: var(--dk-card); font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .pp-tbl tbody tr:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .pp-chip { font-weight: 500; font-family: var(--dk-font); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .pp-bar-top { background: var(--dk-card); border-bottom-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .px { color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .px :focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm.is-mgr :is(.px-ro, .px-note) { border-radius: 10px; background: transparent; border: 1px solid var(--dk-line-2); color: var(--dk-ink-2); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .px-note { border: 0; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr :is(.px-head input, .px-head select, .px-gq, .px-in) { border-radius: 6px; border: 1px solid var(--dk-line-2); background-color: var(--dk-card); color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .px-in { font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr :is(.px-head input, .px-gq, .px-in):focus { outline: 0; border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm.is-mgr .px-sync { border-radius: 99px; border-color: var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .px-sync--live { color: var(--dk-ok-ink); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .px-sync--pending { color: var(--dk-warn-ink); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr :is(.px-sync--offline, .px-sync--bad) { color: var(--dk-err); border-color: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .px-sec { background: var(--dk-card); border: 1px solid var(--dk-line); border-radius: 14px; box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .px-sec > h2 { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; } :root:not(#z) body.desk-calm.is-mgr .px-count { background: transparent; box-shadow: inset 0 0 0 1px var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr :is(.px-empty, .px-mute, .px-hint) { color: var(--dk-muted); font-family: var(--dk-font); font-weight: 400; } :root:not(#z) body.desk-calm.is-mgr .px-row { border-top-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .px-row.is-pending { background: transparent; border-radius: 0; box-shadow: inset 2px 0 0 var(--dk-accent); } :root[dir="rtl"]:not(#z) body.desk-calm.is-mgr .px-row.is-pending { box-shadow: inset -2px 0 0 var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .px-star { border-radius: 6px; color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .px-star:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .px-star.is-on { color: var(--dk-accent-ink); } :root:not(#z) body.desk-calm.is-mgr .px-name b { font-weight: 600; unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr :is(.px-name small, .px-table small) { color: var(--dk-muted); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .px-mv button { border-radius: 6px; border-color: var(--dk-line-2); background: transparent; color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .px-mv button:hover:not(:disabled) { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .px-pack { border-radius: 8px; border-color: var(--dk-line); background: transparent; } :root:not(#z) body.desk-calm.is-mgr .px-pack.is-pending { border-color: var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .px-pl { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .px-pv { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.015em; } :root:not(#z) body.desk-calm.is-mgr :is(.px-pack small, .px-pack .px-mute) { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .px-pub { border-radius: 6px; background: var(--dk-accent); color: var(--dk-on-accent); font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .px-pub:hover { filter: brightness(1.08); } :root:not(#z) body.desk-calm.is-mgr .px-err { color: var(--dk-err); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .px-b { border-radius: 99px; background: transparent; box-shadow: inset 0 0 0 1px var(--dk-line-2); color: var(--dk-ink-2); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr :is(.px-b--new, .px-b--up) { background: transparent; color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr .px-b--down { background: transparent; color: var(--dk-err); } :root:not(#z) body.desk-calm.is-mgr :is(.px-b--pend, .px-b--freq) { background: transparent; color: var(--dk-warn-ink); } :root:not(#z) body.desk-calm.is-mgr .px-b--pin { background: transparent; color: var(--dk-accent-ink); } :root:not(#z) body.desk-calm.is-mgr .px-b--def { background: transparent; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .px-table th { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .px-table td { border-top-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .px-up { color: var(--dk-ok-ink); font-weight: 600; } :root:not(#z) body.desk-calm.is-mgr .px-down { color: var(--dk-err); font-weight: 600; } :root:not(#z) body.desk-calm.is-mgr .px-group { border-color: var(--dk-line); border-radius: 10px; } :root:not(#z) body.desk-calm.is-mgr .px-gh { background: transparent; color: var(--dk-ink); font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .px-gh:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .px-gh b { font-weight: 600; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .px-gc { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .px-gc--new { color: var(--dk-ok-ink); } :root:not(#z) body.desk-calm.is-mgr .px-gc--pin { color: var(--dk-accent-ink); } :root:not(#z) body.desk-calm.is-mgr .px-chev { color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .px-gb { border-top: 1px solid var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .set .st-bar h1 { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; } :root:not(#z) body.desk-calm.is-mgr .st-group-label, :root:not(#z) body.desk-calm.is-mgr .st-group-label--in { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .set__team { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .set__row { border-bottom-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .set__lbl b { font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .set__lbl span { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .hint { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .hint b { color: var(--dk-ink); font-family: var(--dk-font); font-weight: 600; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .seg { border: 0; border-radius: 8px; background: var(--dk-raised); } :root:not(#z) body.desk-calm.is-mgr .seg__btn { border-radius: 6px; color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .seg__btn:hover { color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .seg__btn.is-on { background: var(--dk-card); color: var(--dk-ink); box-shadow: inset 0 -2px 0 var(--dk-accent), 0 1px 2px rgba(0, 0, 0, .25); } :root:not(#z) body.desk-calm.is-mgr .fieldset > label { font-weight: 500; font-family: var(--dk-font); color: var(--dk-ink-2); } :root:not(#z) body.desk-calm.is-mgr .inp { border-radius: 6px; border: 1px solid var(--dk-line-2); background: var(--dk-card); color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .inp::placeholder { color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .inp:hover:not(:focus) { border-color: var(--dk-faint); } :root:not(#z) body.desk-calm.is-mgr .inp:focus { border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm.is-mgr .inp-suffix { color: var(--dk-muted); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .tgt__row { border-top-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .tgt__n { font-weight: 500; font-family: var(--dk-font); unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr .tgt__s { font-weight: 400; font-family: var(--dk-font); color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr .sw { border: 1px solid var(--dk-line-2); background: var(--dk-line-2); } :root:not(#z) body.desk-calm.is-mgr .sw::after { background: var(--dk-ink); box-shadow: 0 1px 2px rgba(0, 0, 0, .3); } :root:not(#z) body.desk-calm.is-mgr .sw[aria-pressed="true"] { background: var(--dk-accent); border-color: var(--dk-accent); } :root:not(#z) body.desk-calm.is-mgr .sw[aria-pressed="true"]::after { background: #FFFFFF; } :root:not(#z) body.desk-calm.is-mgr .sw:focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm.is-mgr .set .btn { border-radius: 6px; border: 1px solid var(--dk-line-2); background: var(--dk-card); background-image: none; box-shadow: none; transform: none; color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .set .btn:hover { background: var(--dk-hover); transform: none; box-shadow: none; } :root:not(#z) body.desk-calm.is-mgr .set :is(.btn--approve, .btn--grad) { border-color: var(--dk-accent); background: var(--dk-accent); color: var(--dk-on-accent); font-weight: 600; } :root:not(#z) body.desk-calm.is-mgr .set :is(.btn--approve, .btn--grad):hover { background: var(--dk-accent); filter: brightness(1.08); } :root:not(#z) body.desk-calm.is-mgr .set .btn--danger { color: var(--dk-err); border-color: color-mix(in srgb, var(--dk-err) 45%, var(--dk-line-2)); } :root:not(#z) body.desk-calm.is-mgr .sb { --sb-card: var(--dk-card); --sb-raised: var(--dk-raised); --sb-line: var(--dk-line); --sb-text: var(--dk-ink); --sb-muted: var(--dk-muted); --sb-acc: var(--dk-accent); --sb-ink: var(--dk-on-accent); border-radius: 14px; box-shadow: none; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sb :focus-visible { outline: 2px solid var(--dk-accent-ink); outline-offset: 2px; } :root:not(#z) body.desk-calm.is-mgr .sb-title { font-weight: 600; font-family: var(--dk-font); letter-spacing: -.01em; } :root:not(#z) body.desk-calm.is-mgr .sb-sub { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sb-btn { border-radius: 6px; border-color: var(--dk-line-2); background: var(--dk-card); color: var(--dk-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sb-btn:hover:not([disabled]) { background: var(--dk-hover); color: var(--dk-ink); } :root:not(#z) body.desk-calm.is-mgr .sb-btn[disabled] { opacity: 1; color: var(--dk-faint); border-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .sb-f > span { font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; color: var(--dk-muted); } :root:not(#z) body.desk-calm.is-mgr :is(.sb-f select, .sb-f input) { border-radius: 6px; border-color: var(--dk-line-2); background-color: var(--dk-card); color: var(--dk-ink); font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr :is(.sb-f select, .sb-f input):focus { outline: 0; border-color: var(--dk-accent-ink); box-shadow: 0 0 0 3px var(--dk-accent-wash); } :root:not(#z) body.desk-calm.is-mgr .sb-sum > div { border-radius: 10px; background: transparent; border-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .sb-sum b { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; } :root:not(#z) body.desk-calm.is-mgr .sb-sum span { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sb-table { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .sb-table th { background: var(--dk-card); font-weight: 600; font-family: var(--dk-font); letter-spacing: .05em; } :root:not(#z) body.desk-calm.is-mgr .sb-table tfoot td { background: var(--dk-raised); font-weight: 600; } :root:not(#z) body.desk-calm.is-mgr .sb-table tbody tr:hover { background: var(--dk-hover); } :root:not(#z) body.desk-calm.is-mgr .sb-empty { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cc-stats > div { border-radius: 10px; background: transparent; border-color: var(--dk-line); } :root:not(#z) body.desk-calm.is-mgr .cc-stats b { font-weight: 650; font-family: var(--dk-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; } :root:not(#z) body.desk-calm.is-mgr .cc-stats span { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cc-idle { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cc-w b { font-weight: 600; font-family: var(--dk-font); unicode-bidi: plaintext; } :root:not(#z) body.desk-calm.is-mgr .cc-w small { font-weight: 400; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cc-o { background: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dk-ok) 45%, transparent); color: var(--dk-ok-ink); font-weight: 500; font-family: var(--dk-font); } :root:not(#z) body.desk-calm.is-mgr .cc-list time { font-weight: 400; font-family: var(--dk-font); font-variant-numeric: tabular-nums; } }