/* ═══════════════════════════════════════════════════════════════════════════ EMBER — client-dashboard, the PARENT's Home (desk + iPad) 2026-10-03 The shell (menu, header, greeting, KPI strip) is css/pm-ember-family.css. This sheet is the Family Portfolio and every card below it, as the app's family screens: graphite glass, roomy rows, quiet pills, one orange. Colour law (3 Oct, afternoon): orange = needs you / overdue / on; white = fine, active, paid; grey capsule = done, off, cancelled, past; red = errors only. No green, pink or blue. Every rule starts html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail + four :not(#id): the parent view only (the child's view is kid-dashboard.css), and one step over the old parent skin (parent-console.css, client-desktop.css) and the shared Ember calendar rules (pm-night-components.css, three ids). 1 the column 2 the section list 3 the pane 4 Client Calendar 5 Hours & Billing 6 Availability 7 Lesson Journal 8 Notebook (embedded + the family's own card) 9 Studio 10 Family Editor 11 floating pieces 12 the cards below (map, tasks, upcoming, homework, charts, rating) 13 narrow widths ═══════════════════════════════════════════════════════════════════════════ */ /* ── 1. the column: one steady width (the main column used to shrink to its widest tab, so the page jumped sideways each time a tab changed). 1072 keeps the pane at 752px (under 761), the width the embedded Notebook and Studio pages are built for (wider, their own rail padding opens a dead column inside the frame). ── */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) main.nx-shell { width: 100% !important; max-width: 1072px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* ── 1b. the KPI strip under the greeting: Ember paints it as a glass card, but the parent skin zeroes its padding, so the figures sat on the card's rim. A roomy glass card, four figures split by hairlines, the plan bar a well with a white fill (white = fine; orange when hours run low = needs you). ── */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats { padding: 22px 26px 20px !important; margin-bottom: 22px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__grid { gap: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__cell { padding: 2px 22px !important; border-left: 1px solid rgba(255,255,255,.06) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__cell:first-child { padding-left: 0 !important; border-left: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__num { font: 500 30px/1.05 var(--n-font) !important; letter-spacing: -1px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__label { margin-top: 8px !important; font-size: 11px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage { margin-top: 20px !important; padding-top: 18px !important; border-top: 1px solid rgba(255,255,255,.06) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage-bar { height: 8px !important; background: rgba(0,0,0,.3) !important; box-shadow: inset 0 1px 2px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.04) !important; border: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage-fill { background: linear-gradient(90deg, rgba(255,255,255,.55), #FFFFFF) !important; box-shadow: 0 0 10px rgba(255,255,255,.25) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage-fill::after { display: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage:is(.is-low, .is-empty) .nx-stats__usage-fill { background: var(--em-or-fill) !important; box-shadow: 0 0 12px rgba(255,106,31,.55) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage-meta { margin-top: 12px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage-meta span { font: 400 13px/1.3 var(--n-font) !important; color: #8E95A5 !important; letter-spacing: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage-meta span:first-child { color: #E6E7EA !important; font-weight: 500 !important; } /* ── 2. the section list: a glass card of rows, each with its own tactile icon square on a quiet spine ──────────── */ @media (min-width: 981px) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf { grid-template-columns: 236px minmax(0, 1fr) !important; column-gap: 20px !important; align-items: start !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabswrap { position: sticky !important; top: 92px; align-self: start; z-index: 2; padding: 10px !important; margin: 0 !important; border-radius: 24px !important; background: var(--em-glass) !important; border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important; border-bottom-color: rgba(255,255,255,.045) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px -26px rgba(0,0,0,.8) !important; } /* the spine, through the centres of the icon squares */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabswrap::before { content: "" !important; display: block !important; position: absolute !important; left: 38px !important; top: 34px !important; bottom: 34px !important; width: 1px !important; background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.1) 10%, rgba(255,255,255,.1) 90%, rgba(255,255,255,0)) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabs { gap: 4px !important; display: flex !important; flex-direction: column !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab { --pf-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4M8 14.5h.01M12 14.5h.01M16 14.5h.01'/%3E%3C/svg%3E"); position: relative !important; display: flex !important; align-items: center !important; width: 100%; min-height: 50px; padding: 8px 12px 8px 58px !important; margin: 0 !important; border: 0 !important; border-radius: 16px !important; background: transparent !important; box-shadow: none !important; font: 500 14.5px/1.25 var(--n-font) !important; letter-spacing: -.1px !important; color: #A0A5B1 !important; text-align: left !important; transform: none; cursor: pointer; transition: background-color .18s var(--em-ease), color .18s var(--em-ease), transform .18s var(--em-ease) !important; } /* the icon square (opaque, so the spine stops at its rim) */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab::before { content: "" !important; display: block !important; position: absolute !important; left: 11px !important; top: 50% !important; width: 34px !important; height: 34px !important; transform: translateY(-50%) !important; border: 0 !important; border-radius: 10px !important; z-index: 1; background: linear-gradient(180deg, #2C2D31 0%, #252629 55%, #222326 100%) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.1), 0 5px 12px -7px rgba(0,0,0,.9) !important; transition: box-shadow .18s var(--em-ease), background .18s var(--em-ease) !important; } /* the icon */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab::after { content: "" !important; display: block !important; position: absolute !important; left: 19px !important; top: 50% !important; width: 18px !important; height: 18px !important; margin-top: -9px !important; z-index: 2; background: #8E95A5 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; opacity: 1 !important; -webkit-mask: var(--pf-ic) center / 18px 18px no-repeat; mask: var(--pf-ic) center / 18px 18px no-repeat; transition: background-color .18s var(--em-ease) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="calendar"], html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="assistant_calendar"] { --pf-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4M8 14.5h.01M12 14.5h.01M16 14.5h.01'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="hours"] { --pf-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12.5' r='8.5'/%3E%3Cpath d='M12 8v4.5l3 2'/%3E%3Cpath d='M9.5 2.5h5'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="availability"] { --pf-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='8' r='3.5'/%3E%3Cpath d='M3.5 19.5c.6-3.3 3-5 6-5s5.4 1.7 6 5'/%3E%3Cpath d='M15.5 11.5l2 2 3.5-4'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="journal"] { --pf-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5c-1.8-1.4-4.3-2-7.5-2v13c3.2 0 5.7.6 7.5 2 1.8-1.4 4.3-2 7.5-2v-13c-3.2 0-5.7.6-7.5 2z'/%3E%3Cpath d='M12 6.5v13'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="notebook"] { --pf-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3.5' width='14' height='17' rx='3'/%3E%3Cpath d='M9 3.5v17M12.5 8.5h3M12.5 12h3'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="studio"] { --pf-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6.5' width='12.5' height='11' rx='3'/%3E%3Cpath d='M15.5 10.5l5-3v9l-5-3'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="editor"] { --pf-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5l1.1-4.4L15.4 5.3a2.1 2.1 0 0 1 3 0l.3.3a2.1 2.1 0 0 1 0 3L8.9 18.4z'/%3E%3Cpath d='M13.6 7.1l3.3 3.3M4.5 19.5h6'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="education"] { --pf-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 9.5L12 5l9.5 4.5L12 14z'/%3E%3Cpath d='M6.5 11.5v4.2c1.6 1.4 3.4 2.1 5.5 2.1s3.9-.7 5.5-2.1v-4.2M21.5 9.5v5'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="profile"] { --pf-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='3.8'/%3E%3Cpath d='M4.5 20c.8-3.6 3.6-5.6 7.5-5.6s6.7 2 7.5 5.6'/%3E%3C/svg%3E"); } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab:not(.is-active):hover { background: rgba(255,255,255,.06) !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab:not(.is-active):hover::after { background: #E6E7EA !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab:active { transform: scale(.985) !important; transition-duration: 70ms !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab:focus-visible { outline: none !important; box-shadow: 0 0 0 3px rgba(255,106,31,.35) !important; } /* the section you are in: a lit key, its icon in orange (orange = on) */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab.is-active { background: var(--em-key-on) !important; color: #FFFFFF !important; font-weight: 600 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(0,0,0,.9) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab.is-active::before { background: linear-gradient(180deg, rgba(255,106,31,.2) 0%, rgba(255,106,31,.07) 100%), linear-gradient(180deg, #2E2B2A, #252426) !important; box-shadow: inset 0 0 0 1px rgba(255,138,76,.4), inset 0 1px 0 rgba(255,190,150,.2), 0 8px 18px -8px rgba(255,106,31,.55) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab.is-active::after { background: #FF8A4C !important; } /* the dots-and-arrows switcher belongs to the narrow strip only */ @media (min-width: 981px) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-sw__foot { display: none !important; } } /* ── 3. the pane: one lifted glass card; each tab's content sits on it with the same 28px margin ─────────────── */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__panes { border-radius: 24px !important; background: var(--em-glass) !important; background-color: transparent !important; border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important; border-bottom-color: rgba(255,255,255,.045) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.11), inset 0 -1px 0 rgba(0,0,0,.22), 0 22px 40px -24px rgba(0,0,0,.85) !important; overflow: hidden !important; min-height: 640px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf__pane, .pmpf__subcontent) { background: transparent !important; min-height: 638px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane > :is(.pmcal, .pmac-wrap, .pmpf-journal, .pmpf-fe, .pmpf-placeholder, #dbnbCard) { padding: 26px 28px 28px !important; box-sizing: border-box !important; } /* the loading skeleton: glass placeholders that breathe */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-skel__card { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-skel, .pmpf__pane) .nx-skel { background: linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.09), rgba(255,255,255,.05)) !important; background-size: 200% 100% !important; border-radius: 12px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-spin, .pmpf-spinner, .pmac-spin, .pmpf-fs-redirect__spinner) { border-color: rgba(255,255,255,.12) !important; border-top-color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-journal__loading, .pmpf-empty__loading, .pmac-loading, .pmpf-fs-redirect__label) { color: #8E95A5 !important; font-family: var(--n-font) !important; } /* a placeholder ("still loading", "no permission") */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-placeholder { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 16px !important; min-height: 560px; text-align: center !important; background: transparent !important; border: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-placeholder__msg { font: 400 15.5px/23px var(--n-font) !important; color: #8E95A5 !important; max-width: 420px; margin: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-placeholder__cta, .pmpf-journal__cta) { display: inline-flex !important; align-items: center !important; gap: 8px !important; height: 40px !important; padding: 0 16px !important; box-sizing: border-box !important; border-radius: 999px !important; background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.09) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; font: 500 14px/1 var(--n-font) !important; letter-spacing: -.1px !important; color: #E6E7EA !important; text-decoration: none !important; white-space: nowrap; transition: background-color .18s var(--em-ease), color .18s var(--em-ease), transform .18s var(--em-ease) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-placeholder__cta, .pmpf-journal__cta):hover { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-placeholder__cta, .pmpf-journal__cta):active { transform: scale(.95) !important; transition-duration: 70ms !important; } /* ── 4. Client Calendar: the shared Ember calendar (pm-night-components.css) — only the pane's margins here ────── */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane[data-tab="calendar"] .pmcal { padding-bottom: 24px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane[data-tab="calendar"] :is(.pmcal, .pmx) { background: transparent !important; } /* ── 5. Hours & Billing: the statement as rows on the glass; the empty state a calm centred card ──────────────── */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane.is-active[data-tab="hours"] { display: flex !important; flex-direction: column !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane[data-tab="hours"] > .pmhs-msg { flex: 1 1 auto; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 18px !important; padding: 40px 28px !important; font: 400 15.5px/23px var(--n-font) !important; color: #8E95A5 !important; text-align: center !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane[data-tab="hours"] > .pmhs-msg::before { content: ""; display: block; width: 64px; height: 64px; border-radius: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A0A5B1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12.5' r='8.5'/%3E%3Cpath d='M12 8v4.5l3 2'/%3E%3Cpath d='M9.5 2.5h5'/%3E%3C/svg%3E") center / 28px 28px no-repeat, linear-gradient(180deg, #2C2D31 0%, #242528 55%, #212225 100%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.12), 0 14px 28px -14px rgba(0,0,0,.9); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; max-width: none !important; margin: 0 !important; padding: 26px 28px 28px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs__hd { padding: 0 0 18px !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs__t { font: 600 23px/26px var(--n-font) !important; letter-spacing: -.55px !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs__s { font: 400 13.5px/18px var(--n-font) !important; color: #8E95A5 !important; margin-top: 6px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-stat { margin: 18px 0 8px !important; padding: 18px 20px !important; gap: 22px !important; border: 0 !important; border-radius: 18px !important; background: rgba(0,0,0,.2) !important; box-shadow: inset 0 1px 3px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.05) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-stat__n { font: 500 26px/1 var(--n-font) !important; letter-spacing: -.7px !important; color: #FFFFFF !important; font-variant-numeric: tabular-nums; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-stat__l { font: 500 11px/1 var(--n-font) !important; letter-spacing: 1.6px !important; text-transform: uppercase !important; font-style: normal !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-stat__d { background: rgba(255,255,255,.1) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row { padding: 14px 12px !important; margin: 0 -12px !important; border-top: 1px solid rgba(255,255,255,.06) !important; border-radius: 14px; transition: background-color .18s var(--em-ease) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row:hover { background: rgba(255,255,255,.05) !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__t { font: 600 15.5px/1.35 var(--n-font) !important; letter-spacing: -.15px !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__m { font: 400 13.5px/1.35 var(--n-font) !important; font-style: normal !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__h { font: 600 14.5px/1 var(--n-font) !important; font-variant-numeric: tabular-nums; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__h.is-add { color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__h.is-use { color: #A0A5B1 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__b { font: 500 14.5px/1 var(--n-font) !important; color: #E6E7EA !important; font-variant-numeric: tabular-nums; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__b.is-null { color: #6B7080 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-late { background: rgba(255,255,255,.06) !important; color: #A0A5B1 !important; border-radius: 999px !important; font: 500 10.5px/1 var(--n-font) !important; letter-spacing: .8px !important; padding: 4px 8px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-flag { color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-prev { border-top: 1px solid rgba(255,255,255,.06) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-prev__s { font: 500 13.5px/1 var(--n-font) !important; letter-spacing: 0 !important; color: #A0A5B1 !important; padding: 16px 0 !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-prev__s:hover { color: #FFFFFF !important; background: transparent !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-msg:not(:only-child) { color: #8E95A5 !important; font-family: var(--n-font) !important; } /* ── 6. Assistant Availability: the month as tiles of glass (the Client Calendar's own tiles); "off" in grey ───── */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-wrap { color: #E6E7EA !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-head { align-items: flex-end !important; gap: 16px 24px !important; margin-bottom: 14px !important; flex-wrap: wrap !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-head > div:first-child { flex: 1 1 320px !important; min-width: 0 !important; max-width: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-head__title { font: 600 23px/26px var(--n-font) !important; letter-spacing: -.55px !important; color: #FFFFFF !important; margin: 0 0 6px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-head__sub { font: 400 13.5px/18px var(--n-font) !important; color: #8E95A5 !important; margin: 0 !important; } /* ‹ October 2026 ›: the calendar's tray, round keys inside */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-nav { display: inline-flex !important; align-items: center !important; gap: 4px !important; height: 40px !important; padding: 4px !important; box-sizing: border-box !important; border: 0 !important; border-radius: 999px !important; background: rgba(0,0,0,.28) !important; box-shadow: inset 0 1px 3px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.05) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-nav__btn { width: 32px !important; height: 32px !important; padding: 0 !important; border-radius: 999px !important; border: 0 !important; background: var(--em-key) !important; color: #E6E7EA !important; font-size: 17px !important; line-height: 1 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.11), inset 0 1px 0 rgba(255,255,255,.17), 0 6px 12px -8px rgba(0,0,0,.85) !important; transition: background-color .18s var(--em-ease), color .18s var(--em-ease), transform .18s var(--em-ease) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-nav__btn:hover { background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06)) !important; color: #FFFFFF !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-nav__btn:active { transform: scale(.94) !important; transition-duration: 70ms !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-nav__label { min-width: 118px; text-align: center !important; font: 600 14px/1 var(--n-font) !important; letter-spacing: -.1px !important; color: #FFFFFF !important; } /* the key */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend { display: flex !important; flex-wrap: wrap !important; gap: 8px 18px !important; padding: 0 !important; margin: 4px 0 18px !important; border: 0 !important; background: transparent !important; font: 400 12.5px/1 var(--n-font) !important; color: #A0A5B1 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend__item { display: inline-flex !important; align-items: center !important; gap: 7px !important; color: #A0A5B1 !important; font: 400 12.5px/1 var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend__swatch { width: 12px !important; height: 12px !important; border-radius: 4px !important; border: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend__swatch--avail { background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06)) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend__swatch--partial { background: linear-gradient(0deg, #8E95A5 0 50%, rgba(255,255,255,.08) 50%) !important; box-shadow: inset 0 0 0 1px rgba(142,149,165,.6) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend__swatch--blocked { background: #6B7080 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend__swatch--recurring { background: repeating-linear-gradient(135deg, rgba(160,165,177,.75) 0 2px, rgba(255,255,255,.05) 2px 4px) !important; box-shadow: inset 0 0 0 1px rgba(142,149,165,.5) !important; } /* the grid */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cal { border: 0 !important; background: transparent !important; border-radius: 0 !important; overflow: visible !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-dayhead-row { background: transparent !important; border: 0 !important; margin-bottom: 8px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-dayhead { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; font: 500 11px/22px var(--n-font) !important; letter-spacing: 1.6px !important; text-transform: uppercase !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-grid { gap: 8px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell { min-height: 70px !important; border: 0 !important; border-radius: 16px !important; color: #FFFFFF !important; background: linear-gradient(180deg, rgba(255,255,255,.075) 0%, rgba(255,255,255,.035) 46%, rgba(255,255,255,.025) 100%) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.07), inset 0 1px 0 rgba(255,255,255,.08) !important; transition: background .18s var(--em-ease), box-shadow .18s var(--em-ease), transform .18s var(--em-ease) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell__num { font: 600 16px/1 var(--n-font) !important; color: #FFFFFF !important; font-variant-numeric: tabular-nums; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--outside { background: transparent !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.05) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--outside .pmac-cell__num { color: #6B7080 !important; font-weight: 500 !important; } /* not available: the grey of "off" — part of the day (the lower half), all day (a dimmed tile), weekly (hatched) */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--partial { background: linear-gradient(0deg, rgba(142,149,165,.2) 0 42%, rgba(142,149,165,0) 42%), linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important; box-shadow: inset 0 0 0 1px rgba(142,149,165,.28), inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--blocked { background: rgba(0,0,0,.24) !important; box-shadow: inset 0 1px 3px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.05) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--blocked .pmac-cell__num { color: #8E95A5 !important; font-weight: 500 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--recurring { background: repeating-linear-gradient(135deg, rgba(142,149,165,.14) 0 5px, rgba(142,149,165,.03) 5px 10px) !important; box-shadow: inset 0 0 0 1px rgba(142,149,165,.25) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--recurring.pmac-cell--blocked { background: repeating-linear-gradient(135deg, rgba(142,149,165,.2) 0 5px, rgba(0,0,0,.2) 5px 10px) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell__chip { background: rgba(255,255,255,.07) !important; color: #A0A5B1 !important; border-radius: 999px !important; font: 500 10.5px/1.3 var(--n-font) !important; box-shadow: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell__chip--allday { background: rgba(255,255,255,.1) !important; color: #E6E7EA !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell__chip--more { background: transparent !important; color: #8E95A5 !important; } /* today: the orange ring and the numbered pill (orange = on) */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--today { background: linear-gradient(180deg, rgba(255,106,31,.13) 0%, rgba(255,106,31,.04) 55%, rgba(255,106,31,.03) 100%), linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important; box-shadow: inset 0 0 0 1px rgba(255,138,76,.6), inset 0 1px 0 rgba(255,163,111,.3), 0 14px 30px -20px rgba(255,106,31,.7) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--today .pmac-cell__num { display: inline-grid !important; place-items: center !important; min-width: 28px; height: 28px; padding: 0 6px; border-radius: 999px; box-sizing: border-box; background: linear-gradient(180deg, #FF6E29, #F4560E) !important; color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 6px 14px -6px rgba(255,106,31,.8) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--has-blackout:hover, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell:not(.pmac-cell--outside):not(.pmac-cell--today):hover { background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04)) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.26) !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--has-blackout { cursor: pointer; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--has-blackout:active { transform: scale(.97) !important; transition-duration: 70ms !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmac-empty, .pmac-loading) { background: transparent !important; border: 1px dashed rgba(255,255,255,.12) !important; border-radius: 20px !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-empty__title { color: #FFFFFF !important; font: 600 17px/22px var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-empty__sub { color: #8E95A5 !important; } /* the day's details: a small Ember sheet */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-popover { background: rgba(28,29,32,.97) !important; color: #E6E7EA !important; border: 1px solid rgba(255,255,255,.1) !important; border-top-color: rgba(255,255,255,.16) !important; border-radius: 18px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 30px 60px -24px rgba(0,0,0,.9), 0 2px 10px rgba(0,0,0,.35) !important; -webkit-backdrop-filter: blur(18px) saturate(1.2); backdrop-filter: blur(18px) saturate(1.2); font-family: var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-popover__title { color: #FFFFFF !important; font: 600 15.5px/1.3 var(--n-font) !important; letter-spacing: -.15px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmac-popover__sentence, .pmac-popover__item) { color: #E6E7EA !important; font-family: var(--n-font) !important; border-color: rgba(255,255,255,.07) !important; background: transparent !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-popover__reason { color: #8E95A5 !important; font-family: var(--n-font) !important; } /* ── 7. Lesson Journal: a card title, a quiet pill, and the sessions as glass rows with a chevron ─────────────── */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-journal__head { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 16px !important; padding: 0 0 18px !important; margin: 0 0 16px !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-journal__head > div:first-child, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__hd > div:first-child { flex: 1 1 0 !important; min-width: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-journal__cta, .pmpf-fe__cta) { flex: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-journal__title { font: 600 23px/26px var(--n-font) !important; letter-spacing: -.55px !important; color: #FFFFFF !important; margin: 0 0 6px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-journal__sub { font: 400 13.5px/18px var(--n-font) !important; color: #8E95A5 !important; margin: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-journal__list { display: flex !important; flex-direction: column !important; gap: 10px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard { position: relative !important; display: block !important; padding: 16px 56px 16px 18px !important; border-radius: 20px !important; text-decoration: none !important; color: #FFFFFF !important; background: linear-gradient(180deg, rgba(255,255,255,.065) 0%, rgba(255,255,255,.03) 100%) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(255,255,255,.12) !important; border-bottom-color: rgba(255,255,255,.04) !important; box-shadow: none !important; transform: none; transition: background .18s var(--em-ease), border-color .18s var(--em-ease), transform .18s var(--em-ease) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard::after { content: ""; position: absolute; right: 20px; top: 50%; width: 18px; height: 18px; margin-top: -9px; background: #6B7080; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E") center / 18px 18px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E") center / 18px 18px no-repeat; transition: background-color .18s var(--em-ease), transform .18s var(--em-ease); } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard:hover { background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04)) !important; border-color: rgba(255,255,255,.1) !important; border-top-color: rgba(255,255,255,.26) !important; transform: translateY(-1px) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard:hover::after { background: #E6E7EA; transform: translateX(2px); } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard:active { transform: scale(.985) !important; transition-duration: 70ms !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__title { font: 600 16px/1.3 var(--n-font) !important; letter-spacing: -.2px !important; color: #FFFFFF !important; margin: 0 0 10px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__desc { font: 400 13.5px/20px var(--n-font) !important; color: #8E95A5 !important; margin: -4px 0 12px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chips { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip { display: inline-flex !important; align-items: center !important; gap: 6px !important; height: 24px !important; padding: 0 10px !important; box-sizing: border-box !important; border: 0 !important; border-radius: 999px !important; background: rgba(255,255,255,.06) !important; color: #A0A5B1 !important; font: 500 12px/1 var(--n-font) !important; letter-spacing: 0 !important; box-shadow: none !important; font-variant-numeric: tabular-nums; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip--date { color: #E6E7EA !important; background: rgba(255,255,255,.08) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip__dot { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: currentColor !important; box-shadow: none !important; } /* waiting on the log: orange (needs attention); logged: white (fine); done without a log: grey */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip--pending { background: rgba(255,106,31,.13) !important; color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip--logged { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip--completed { background: rgba(255,255,255,.06) !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip--rating { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; letter-spacing: 1px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip--files { color: #E6E7EA !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-journal__empty) { border: 1px dashed rgba(255,255,255,.12) !important; border-radius: 20px !important; background: transparent !important; padding: 44px 24px !important; text-align: center !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-journal__empty-title { font: 600 17px/22px var(--n-font) !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-journal__empty-sub { font: 400 14px/21px var(--n-font) !important; color: #8E95A5 !important; } /* ── 8. Family Notebook ───────────────────────────────────────────────────────────────────────────────────── The demo shows the notebook page in a frame (its own sheet, desk-family/client-family-notebook.css, styles inside); a real family's own notebook card (#dbnbCard) is moved into the pane — it takes the same pieces here. */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane:is([data-tab="notebook"], [data-tab="studio"]) { padding: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmpf-iframe { background: transparent !important; border: 0 !important; display: block; color-scheme: dark; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane #dbnbCard { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .nx-card__head { margin: 0 0 16px !important; padding: 0 0 18px !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .nx-card__title { font: 600 23px/26px var(--n-font) !important; letter-spacing: -.55px !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-summary { gap: 8px !important; margin-bottom: 16px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-summary__pill { height: 30px; padding: 0 12px !important; border: 0 !important; border-radius: 999px !important; background: rgba(255,255,255,.08) !important; color: #E6E7EA !important; font: 500 12.5px/30px var(--n-font) !important; box-shadow: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-summary__pill--alert, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-summary__pill--warn { background: rgba(255,106,31,.13) !important; color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-summary__pill--ok { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-summary__num { color: inherit !important; font-weight: 600 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-filters, .dbnb-cat-tabs) { gap: 6px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-filter, .dbnb-cat-tab) { height: 32px; padding: 0 14px !important; border-radius: 999px !important; border: 1px solid rgba(255,255,255,.09) !important; background: rgba(255,255,255,.05) !important; color: #A0A5B1 !important; font: 500 13px/30px var(--n-font) !important; box-shadow: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-filter, .dbnb-cat-tab).is-active { background: var(--em-key-on) !important; border-color: rgba(255,255,255,.12) !important; color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(0,0,0,.9) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-filter--ghost { background: transparent !important; border-color: transparent !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-task, .dbnb-contact, .dbnb-note) { border-radius: 18px !important; background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.03)) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(255,255,255,.12) !important; box-shadow: none !important; color: #E6E7EA !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-task, .dbnb-contact, .dbnb-note):hover { background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04)) !important; border-top-color: rgba(255,255,255,.26) !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-note--yellow, .dbnb-note--pink, .dbnb-note--blue, .dbnb-note--green, .dbnb-note--purple, .dbnb-note--gray) { border-left: 1px solid rgba(255,255,255,.08) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-task__title, .dbnb-note__title, .dbnb-contact__name) { color: #FFFFFF !important; font-weight: 600 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-task__desc, .dbnb-note__body, .dbnb-contact__notes, .dbnb-contact__role) { color: #A0A5B1 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-note__meta, .dbnb-contact__label, .dbnb-task__meta) { color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-priority, .dbnb-task__due, .dbnb-task__cat, .dbnb-task__vis, .dbnb-task__pinChip, .dbnb-status, .dbnb-contact__cat) { border: 0 !important; border-radius: 999px !important; background: rgba(255,255,255,.06) !important; color: #A0A5B1 !important; box-shadow: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-priority--urgent, .dbnb-priority--high, .dbnb-task__due--overdue, .dbnb-task__due--today) { background: rgba(255,106,31,.13) !important; color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-status--in_progress, .dbnb-status--open) { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-status--done { background: rgba(255,255,255,.06) !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-status__dot { background: currentColor !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-task__check { border-radius: 8px !important; background: rgba(0,0,0,.28) !important; border: 1px solid rgba(255,255,255,.1) !important; border-top-color: rgba(0,0,0,.5) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-empty { border: 1px dashed rgba(255,255,255,.12) !important; border-radius: 20px !important; background: transparent !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-empty strong { color: #FFFFFF !important; } /* its editor: an Ember sheet with wells */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-modal__backdrop { background: rgba(0,0,0,.5) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-modal__card { background: #1C1D20 !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(255,255,255,.16) !important; border-radius: 26px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 40px 80px -30px rgba(0,0,0,.95) !important; color: #E6E7EA !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-modal__title { color: #FFFFFF !important; font: 600 20px/1.2 var(--n-font) !important; letter-spacing: -.3px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-modal__sub { color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.dbnb-modal__head, .dbnb-modal__foot) { border-color: rgba(255,255,255,.07) !important; background: transparent !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-modal :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { background: rgba(0,0,0,.28) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(0,0,0,.5) !important; border-radius: 14px !important; color: #FFFFFF !important; caret-color: #FF6A1F; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-modal .dbnb-field__label { color: #FFFFFF !important; font: 600 14px/1.3 var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-btn--ghost { background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.09) !important; color: #E6E7EA !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-btn--primary { background: var(--em-or-fill) !important; border: 0 !important; color: #FFFFFF !important; border-radius: 999px !important; box-shadow: var(--em-or-shadow) !important; font-weight: 600 !important; } /* ── 9. Family Studio: the studio in a frame, edge to edge on the pane ── */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane[data-tab="studio"] .pmpf-studio-demo-wrap, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane[data-tab="notebook"] .pmpf-notebook-demo-wrap { border-radius: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-fs-redirect, .pmpf-fs-redirect__inner) { background: transparent !important; color: #A0A5B1 !important; } /* ── 10. Family Editor: four slides of dark paper, the one orange action ─────────────────────────────────────── */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__hd { flex-wrap: nowrap !important; align-items: flex-end !important; margin: 0 0 20px !important; padding: 0 0 18px !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__t { font: 600 23px/26px var(--n-font) !important; letter-spacing: -.55px !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__s { font: 400 13.5px/18px var(--n-font) !important; color: #8E95A5 !important; margin-top: 6px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__cta { height: 46px !important; padding: 0 22px !important; box-sizing: border-box !important; gap: 10px !important; border-radius: 999px !important; background: var(--em-or-fill) !important; color: #FFFFFF !important; border: 0 !important; box-shadow: var(--em-or-shadow) !important; font: 600 15px/1 var(--n-font) !important; letter-spacing: -.2px !important; transform: none; transition: transform .18s var(--em-ease), filter .18s var(--em-ease) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__cta:hover { filter: brightness(1.06); transform: translateY(-1px) !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__cta:active { transform: scale(.95) !important; transition-duration: 70ms !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__grid { gap: 14px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane[data-tab="editor"] { container-type: inline-size; } @container (max-width: 700px) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe-card { aspect-ratio: 4 / 3 !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe-card { border-radius: 20px !important; background: linear-gradient(180deg, #2A2B2F 0%, #232427 46%, #1F2023 100%) !important; border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.15) !important; border-bottom-color: rgba(255,255,255,.04) !important; box-shadow: 0 16px 30px -22px rgba(0,0,0,.9) !important; transform: none !important; transition: transform .18s var(--em-ease), border-color .18s var(--em-ease), box-shadow .18s var(--em-ease) !important; } /* the copy runs past the slide's foot: let it fade into the paper */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 64px; pointer-events: none; z-index: 3; background: linear-gradient(180deg, rgba(31,32,35,0), #1F2023 82%); border-radius: 0 0 20px 20px; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe-card:hover { transform: translateY(-2px) !important; border-color: rgba(255,255,255,.12) !important; border-top-color: rgba(255,255,255,.28) !important; box-shadow: 0 22px 40px -22px rgba(0,0,0,.95) !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe-card:active { transform: scale(.985) !important; transition-duration: 70ms !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe-card:focus-visible { box-shadow: 0 0 0 3px rgba(255,106,31,.4) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__paper { opacity: 1 !important; background: repeating-linear-gradient(to bottom, transparent 0 27px, rgba(255,255,255,.045) 27px 28px), linear-gradient(to right, rgba(255,255,255,.035) 0 18px, transparent 18px) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__dots { opacity: 1 !important; background: radial-gradient(circle, rgba(255,255,255,.07) 1px, transparent 1px) 0 0 / 16px 16px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__eyebrow { color: #8E95A5 !important; font: 500 10.5px/1 var(--n-font) !important; letter-spacing: 1.5px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__hero { color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe-card [style*="#ec4899" i] { background: var(--em-or-fill) !important; color: #FFFFFF !important; box-shadow: 0 10px 22px -10px rgba(255,106,31,.7) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__num { border: 1px solid rgba(255,255,255,.14) !important; border-radius: 6px !important; color: #A0A5B1 !important; font: 500 10.5px/1 var(--n-font) !important; letter-spacing: .5px !important; padding: 3px 6px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__title { color: #FFFFFF !important; font: 600 12.5px/1.25 var(--n-font) !important; letter-spacing: .9px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__body { color: #A0A5B1 !important; font: 400 12px/1.6 var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__body b { color: #E6E7EA !important; font-weight: 600 !important; } /* ── 11. the floating pieces ──────────────────────────────────────────────────────────────────────────────── */ /* "Preview · actions disabled" (demo): a dark-glass pill with a small lock */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-journal-demo-hint, .pmpf-notebook-demo-hint, .pmpf-studio-demo-hint) { display: inline-flex !important; align-items: center !important; gap: 7px !important; height: 30px !important; padding: 0 13px 0 11px !important; box-sizing: border-box !important; border-radius: 999px !important; background: rgba(22,23,27,.88) !important; background-image: none !important; border: 1px solid rgba(255,255,255,.1) !important; -webkit-backdrop-filter: blur(16px) saturate(1.2); backdrop-filter: blur(16px) saturate(1.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 26px -12px rgba(0,0,0,.9) !important; color: #A0A5B1 !important; font: 500 10.5px/1 var(--n-font) !important; letter-spacing: 1.3px !important; text-transform: uppercase !important; bottom: 18px !important; right: 18px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-journal-demo-hint, .pmpf-notebook-demo-hint, .pmpf-studio-demo-hint)::before { content: ""; width: 12px; height: 12px; flex: none; background: #8E95A5; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='3'/%3E%3Cpath d='M8.5 10.5V8a3.5 3.5 0 0 1 7 0v2.5'/%3E%3C/svg%3E") center / 12px 12px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='3'/%3E%3Cpath d='M8.5 10.5V8a3.5 3.5 0 0 1 7 0v2.5'/%3E%3C/svg%3E") center / 12px 12px no-repeat; } /* the charts' tooltips: dark glass, not Apex's white */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .apexcharts-tooltip { background: rgba(28,29,32,.96) !important; color: #E6E7EA !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 14px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 48px -20px rgba(0,0,0,.9) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); overflow: hidden; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .apexcharts-tooltip-title { background: transparent !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; color: #A0A5B1 !important; font-family: var(--n-font) !important; font-weight: 500 !important; letter-spacing: .2px; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .apexcharts-tooltip :is(.apexcharts-tooltip-text, .apexcharts-tooltip-text-y-label, .apexcharts-tooltip-text-y-value) { color: #FFFFFF !important; font-family: var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.apexcharts-xaxistooltip, .apexcharts-yaxistooltip) { background: #1C1D20 !important; color: #E6E7EA !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 8px !important; box-shadow: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.apexcharts-xaxistooltip, .apexcharts-yaxistooltip)::before, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.apexcharts-xaxistooltip, .apexcharts-yaxistooltip)::after { display: none !important; } /* ── 12. the cards below the portfolio ──────────────────────────────────────────────────────────────────── */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) main.nx-shell > section.nx-card, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) main.nx-shell > .nx-row > .nx-card { padding: 24px 26px 26px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) main.nx-shell > section#clientActivityCard { padding: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-card__head { align-items: flex-end !important; flex-wrap: wrap !important; gap: 14px 16px !important; margin-bottom: 18px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-card__head > div:first-child { flex: 1 1 auto; min-width: 0; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-card__title { font: 600 23px/26px var(--n-font) !important; letter-spacing: -.55px !important; color: #FFFFFF !important; margin: 0 0 6px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-card__sub { font: 400 13.5px/18px var(--n-font) !important; color: #8E95A5 !important; letter-spacing: 0 !important; margin: 0 !important; } /* a card's "see more": a quiet pill */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(a, button).nx-card__cta[hidden] { display: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) a.nx-card__cta, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) button.nx-card__cta { display: inline-flex !important; align-items: center !important; gap: 6px !important; height: 34px !important; padding: 0 14px !important; box-sizing: border-box !important; flex: none; border-radius: 999px !important; background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.09) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; font: 500 13px/1 var(--n-font) !important; letter-spacing: -.05px !important; color: #E6E7EA !important; text-decoration: none !important; white-space: nowrap; transition: background-color .18s var(--em-ease), color .18s var(--em-ease), transform .18s var(--em-ease) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(a, button).nx-card__cta:hover { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(a, button).nx-card__cta:active { transform: scale(.95) !important; transition-duration: 70ms !important; } /* the activity map: the map inset on the glass with the app's radius; "Open full map" a dark-glass pill over it */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #clientActivityCard .nx-card__head { padding: 24px 26px 0 !important; margin: 0 0 18px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #clientActivityCard .pmpf-map-wrap { margin: 0 26px 26px !important; border-radius: 18px !important; overflow: hidden !important; isolation: isolate; box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 18px 34px -22px rgba(0,0,0,.9) !important; background: #1C1D20 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #clientActivityCard .pmpf-map-iframe { border-radius: 18px !important; display: block; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #clientActivityCard .pmpf-map-open { top: 26px !important; right: 26px !important; height: 34px !important; padding: 0 14px !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; box-sizing: border-box !important; border-radius: 999px !important; background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.09) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; font: 500 13px/1 var(--n-font) !important; color: #E6E7EA !important; text-decoration: none !important; transition: background-color .18s var(--em-ease), color .18s var(--em-ease), transform .18s var(--em-ease) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #clientActivityCard .pmpf-map-open:hover { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #clientActivityCard .pmpf-map-open:active { transform: scale(.95) !important; transition-duration: 70ms !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-map-guard__hint { background: rgba(22,23,27,.88) !important; color: #FFFFFF !important; border: 1px solid rgba(255,255,255,.1) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); font-family: var(--n-font) !important; font-weight: 500 !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-map-guard:hover { background: rgba(0,0,0,.08) !important; } } /* in-card tabs: the segmented track (Open · Recently done, Assigned · Late · Recently done, the notebook's tabs) */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task-tabs { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 4px !important; border: 0 !important; border-radius: 999px !important; background: rgba(0,0,0,.28) !important; box-shadow: inset 0 1px 3px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.05) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task-tab { display: inline-flex !important; align-items: center !important; gap: 7px !important; height: 32px !important; padding: 0 14px !important; box-sizing: border-box !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; font: 600 13.5px/1 var(--n-font) !important; letter-spacing: -.1px !important; color: #A0A5B1 !important; white-space: nowrap !important; transition: background-color .18s var(--em-ease), color .18s var(--em-ease), transform .18s var(--em-ease) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task-tab:not(.is-active):hover { background: rgba(255,255,255,.06) !important; color: #FFFFFF !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task-tab:active { transform: scale(.95) !important; transition-duration: 70ms !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task-tab.is-active { background: var(--em-key-on) !important; color: #FFFFFF !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(0,0,0,.9) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-tab-count { display: inline-grid; place-items: center; min-width: 18px !important; height: 18px !important; padding: 0 5px !important; box-sizing: border-box; border-radius: 999px !important; background: rgba(255,255,255,.12) !important; color: #FFFFFF !important; font: 600 11px/18px var(--n-font) !important; box-shadow: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-tab-count--late { background: #FF6A1F !important; color: #FFFFFF !important; box-shadow: 0 0 10px rgba(255,106,31,.45) !important; } /* tasks: glass rows, a well for the box; overdue in orange */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-tasks { display: flex !important; flex-direction: column !important; gap: 8px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task { align-items: center !important; gap: 14px !important; padding: 14px 16px !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.03)) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(255,255,255,.12) !important; border-bottom-color: rgba(255,255,255,.04) !important; box-shadow: none !important; transition: background .18s var(--em-ease), border-color .18s var(--em-ease) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task:hover { background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04)) !important; border-top-color: rgba(255,255,255,.26) !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task__check { width: 20px !important; height: 20px !important; flex: none; border-radius: 7px !important; background: rgba(0,0,0,.3) !important; border: 1px solid rgba(255,255,255,.12) !important; border-top-color: rgba(0,0,0,.5) !important; box-shadow: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task__text { font: 600 15px/1.35 var(--n-font) !important; font-style: normal !important; letter-spacing: -.15px !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task__text--done { color: #8E95A5 !important; font-weight: 500 !important; text-decoration-color: rgba(142,149,165,.6) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task__meta { margin-top: 4px !important; gap: 8px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.nx-task__due, .nx-task__list, .nx-task__meta span) { font: 500 12.5px/1.3 var(--n-font) !important; font-style: normal !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task__due--late { color: #FF8A4C !important; } /* upcoming sessions: glass rows with the date in a tactile tile; "reserved" a white capsule (fine) */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-upcoming { display: flex !important; flex-direction: column !important; gap: 8px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up { display: flex !important; align-items: center !important; gap: 14px !important; padding: 12px 16px 12px 12px !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.03)) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(255,255,255,.12) !important; border-bottom-color: rgba(255,255,255,.04) !important; box-shadow: none !important; transform: none !important; transition: background .18s var(--em-ease), border-color .18s var(--em-ease), transform .18s var(--em-ease) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up:hover { background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04)) !important; border-color: rgba(255,255,255,.1) !important; border-top-color: rgba(255,255,255,.26) !important; transform: translateY(-1px) !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up__date { width: 52px !important; height: 52px !important; min-width: 52px; flex: none; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border-radius: 14px !important; border: 0 !important; background: linear-gradient(180deg, #2C2D31 0%, #252629 55%, #222326 100%) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.1), 0 6px 14px -8px rgba(0,0,0,.9) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up__day { font: 500 10px/1 var(--n-font) !important; letter-spacing: 1.4px !important; color: #8E95A5 !important; margin: 0 0 5px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up__num { font: 600 20px/1 var(--n-font) !important; letter-spacing: -.4px !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up__time { font: 600 15.5px/1.3 var(--n-font) !important; font-style: normal !important; letter-spacing: -.2px !important; color: #FFFFFF !important; margin: 0 0 3px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up__with { font: 400 13.5px/1.3 var(--n-font) !important; font-style: normal !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up__type { display: inline-flex !important; align-items: center !important; height: 24px !important; padding: 0 10px !important; border: 0 !important; border-radius: 999px !important; background: rgba(255,255,255,.08) !important; color: #E6E7EA !important; font: 500 12px/1 var(--n-font) !important; letter-spacing: .1px !important; box-shadow: none !important; text-transform: capitalize; } /* the very next session: lit at its edge (orange = on, the next thing that happens) */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-upcoming > .nx-up:first-child .nx-up__date { box-shadow: inset 0 0 0 1px rgba(255,138,76,.45), inset 0 1px 0 rgba(255,190,150,.18), 0 8px 18px -8px rgba(255,106,31,.5) !important; background: linear-gradient(180deg, rgba(255,106,31,.18), rgba(255,106,31,.06)), linear-gradient(180deg, #2C2D31, #222326) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-upcoming > .nx-up:first-child .nx-up__day { color: #FF8A4C !important; } /* homework: small glass cards; the subject a quiet capsule; late in orange */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #hwSection .nx-card__head { flex-wrap: wrap !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #hwSection .nx-card__head > div:first-child { margin-right: auto; flex: 1 1 auto; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #hwSection .nx-task-tabs { order: 2; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #hwSection .nx-card__cta { order: 3; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw-grid { gap: 12px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw { padding: 18px 18px 16px !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.03)) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(255,255,255,.12) !important; border-bottom-color: rgba(255,255,255,.04) !important; box-shadow: none !important; transition: background .18s var(--em-ease), border-color .18s var(--em-ease), transform .18s var(--em-ease) !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw:hover { background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04)) !important; border-top-color: rgba(255,255,255,.26) !important; transform: translateY(-1px) !important; } } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__subj { display: inline-flex !important; align-items: center !important; height: 24px !important; padding: 0 10px !important; border-radius: 999px !important; background: rgba(255,255,255,.08) !important; color: #E6E7EA !important; font: 500 12px/1 var(--n-font) !important; letter-spacing: .1px !important; text-transform: capitalize !important; box-shadow: none !important; border: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__text { font: 600 15.5px/1.35 var(--n-font) !important; letter-spacing: -.2px !important; color: #FFFFFF !important; margin: 12px 0 6px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__desc { font: 400 13.5px/20px var(--n-font) !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__meta { border-top: 1px solid rgba(255,255,255,.06) !important; padding-top: 12px !important; margin-top: 14px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__due { font: 500 12.5px/1 var(--n-font) !important; color: #A0A5B1 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__due svg { color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__due--late { color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__due--late svg { color: #FF8A4C !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__due--soon { color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-empty { color: #8E95A5 !important; font: 400 14px/21px var(--n-font) !important; background: transparent !important; border-color: rgba(255,255,255,.12) !important; border-radius: 18px !important; } /* session overview + rating: the charts in white and grey (no-shows the one orange), stats as small glass tiles */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-chart .apexcharts-legend-text { color: #A0A5B1 !important; font-family: var(--n-font) !important; font-size: 12.5px !important; font-weight: 500 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-chart .apexcharts-legend-marker { border-radius: 4px !important; width: 10px !important; height: 10px !important; margin-right: 6px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-chart .apexcharts-legend-series { display: inline-flex !important; align-items: center !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-chart :is(.apexcharts-gridline, .apexcharts-grid line) { stroke: rgba(255,255,255,.07) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-chart :is(.apexcharts-xaxis-label, .apexcharts-yaxis-label) { fill: #8E95A5 !important; font-family: var(--n-font) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-chart :is(.apexcharts-xaxis line, .apexcharts-yaxis line, .apexcharts-xaxis-tick) { stroke: rgba(255,255,255,.08) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-series:nth-of-type(1) path { fill: #E6E7EA !important; fill-opacity: .9 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-series:nth-of-type(2) path { fill: #6B7080 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-series:nth-of-type(3) path { fill: #FF6A1F !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-series:nth-of-type(4) path { fill: #A0A5B1 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-legend-series:nth-child(1) .apexcharts-legend-marker { background: #E6E7EA !important; color: #E6E7EA !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-legend-series:nth-child(2) .apexcharts-legend-marker { background: #6B7080 !important; color: #6B7080 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-legend-series:nth-child(3) .apexcharts-legend-marker { background: #FF6A1F !important; color: #FF6A1F !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-legend-series:nth-child(4) .apexcharts-legend-marker { background: #A0A5B1 !important; color: #A0A5B1 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-legend-marker svg path { fill: currentColor !important; stroke: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionRatingChart :is(.apexcharts-line, .apexcharts-area[fill="none"]) { stroke: #E6E7EA !important; fill: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionRatingChart .apexcharts-area:not([fill="none"]) { fill: rgba(255,255,255,.055) !important; stroke: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionRatingChart .apexcharts-marker { fill: #FFFFFF !important; stroke: #1F2023 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstats { gap: 12px !important; padding-top: 18px !important; margin-top: 6px !important; border-top: 1px solid rgba(255,255,255,.06) !important; background: transparent !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstat { padding: 18px 16px 16px !important; border-radius: 20px !important; text-align: center; background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.03)) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(255,255,255,.12) !important; border-bottom-color: rgba(255,255,255,.04) !important; box-shadow: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstat__num { font: 500 28px/1 var(--n-font) !important; letter-spacing: -.8px !important; color: #FFFFFF !important; margin: 0 0 10px !important; font-variant-numeric: tabular-nums; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstat__label { display: inline-flex !important; align-items: center !important; gap: 7px !important; font: 500 11px/1 var(--n-font) !important; letter-spacing: 1.6px !important; text-transform: uppercase !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstat__label::before { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #6B7080 !important; box-shadow: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstat__num--success ~ .nx-attstat__label::before { background: #E6E7EA !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstat__num--danger ~ .nx-attstat__label::before { background: #FF6A1F !important; } /* the rating card's sparkles: a whisper of light, not gold */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .sr-card__spark { color: rgba(255,255,255,.22) !important; opacity: .7; } /* the page's sign-off: a hairline, the mark in a tactile square, the words in grey */ html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-footer__rule { background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.08) 18%, rgba(255,255,255,.08) 82%, rgba(255,255,255,0)) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-footer__mark { background: var(--em-key) !important; color: #FF8A4C !important; border-radius: 11px !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.12) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-footer__name { font: 600 15.5px/1 var(--n-font) !important; letter-spacing: -.2px !important; color: #FFFFFF !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-footer__tag { font: 500 11px/1 var(--n-font) !important; letter-spacing: 1.7px !important; color: #8E95A5 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-footer__fine { font: 400 12.5px/1.4 var(--n-font) !important; color: #6B7080 !important; } /* ── 13. narrow widths: below 981px the section list is the strip family-portfolio.js ships — a scrolling track ── */ @media (max-width: 980px) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabswrap { margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabs { display: flex !important; gap: 4px !important; padding: 4px !important; border-radius: 999px !important; overflow-x: auto !important; scrollbar-width: none; background: rgba(0,0,0,.28) !important; box-shadow: inset 0 1px 3px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.05) !important; border: 0 !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab { width: auto !important; flex: none !important; min-height: 38px !important; padding: 0 14px 0 38px !important; font-size: 14px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab::before { display: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab::after { left: 14px !important; width: 16px !important; height: 16px !important; margin-top: -8px !important; -webkit-mask-size: 16px 16px !important; mask-size: 16px 16px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-sw__foot { display: flex !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-sw__arrow { width: 38px !important; height: 38px !important; border-radius: 999px !important; background: var(--em-key) !important; border: 0 !important; color: #E6E7EA !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.11), inset 0 1px 0 rgba(255,255,255,.17), 0 8px 16px -8px rgba(0,0,0,.85) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-sw__arrow svg { stroke: currentColor !important; fill: none !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-sw__dot { background: rgba(255,255,255,.18) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-sw__dot.is-on { background: #FF6A1F !important; box-shadow: 0 0 8px rgba(255,106,31,.55) !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane > :is(.pmcal, .pmac-wrap, .pmpf-journal, .pmpf-fe, .pmpf-placeholder, #dbnbCard) { padding: 20px 18px 22px !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* ── iPad portrait (≤1000, 2026-10-03 phone pass): the Family Portfolio tabs were centred in a row too wide for the screen, so the first tabs (Client Calendar, the one that is open) sat off the left edge where no swipe reaches. The row starts at the left and scrolls; while it fits it still sits centred. ── */ @media (max-width: 1000px) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabs { justify-content: flex-start !important; scrollbar-width: none; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabs::-webkit-scrollbar { display: none; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabs > :first-child { margin-left: auto !important; } html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabs > :last-child { margin-right: auto !important; } } /* ══ EMBER LIGHT — GENERATED by tools/gen-ember-light.py from the Ember rules above; do not hand-edit ══ */ html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__cell { border-left:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__cell:first-child { border-left:0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage { border-top:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage-bar { background:rgba(17,19,24,.054) !important; box-shadow:inset 0 1px 2px rgba(17,19,24,.099), inset 0 0 0 1px rgba(17,19,24,.06) !important; border:0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage-fill { background:linear-gradient(90deg, rgba(255,255,255,.97), #FFFFFF) !important; box-shadow:0 0 10px rgba(255,255,255,.25) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage:is(.is-low, .is-empty) .nx-stats__usage-fill { background:var(--em-or-fill) !important; box-shadow:0 0 12px rgba(255,106,31,.303) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage-meta span { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-stats__usage-meta span:first-child { color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab { --pf-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4M8 14.5h.01M12 14.5h.01M16 14.5h.01'/%3E%3C/svg%3E"); border:0 !important; background:transparent !important; box-shadow:none !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab::before { border:0 !important; background:linear-gradient(180deg, #F7F8FA 0%, #F7F8FA 55%, #FFFFFF 100%) !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081), inset 0 1px 0 rgba(255,255,255,.1), 0 5px 12px -7px rgba(17,19,24,.198) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab::after { background:#8E95A5 !important; border:0 !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="calendar"], html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="assistant_calendar"] { --pf-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4M8 14.5h.01M12 14.5h.01M16 14.5h.01'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="hours"] { --pf-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12.5' r='8.5'/%3E%3Cpath d='M12 8v4.5l3 2'/%3E%3Cpath d='M9.5 2.5h5'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="availability"] { --pf-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='8' r='3.5'/%3E%3Cpath d='M3.5 19.5c.6-3.3 3-5 6-5s5.4 1.7 6 5'/%3E%3Cpath d='M15.5 11.5l2 2 3.5-4'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="journal"] { --pf-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5c-1.8-1.4-4.3-2-7.5-2v13c3.2 0 5.7.6 7.5 2 1.8-1.4 4.3-2 7.5-2v-13c-3.2 0-5.7.6-7.5 2z'/%3E%3Cpath d='M12 6.5v13'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="notebook"] { --pf-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3.5' width='14' height='17' rx='3'/%3E%3Cpath d='M9 3.5v17M12.5 8.5h3M12.5 12h3'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="studio"] { --pf-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6.5' width='12.5' height='11' rx='3'/%3E%3Cpath d='M15.5 10.5l5-3v9l-5-3'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="editor"] { --pf-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5l1.1-4.4L15.4 5.3a2.1 2.1 0 0 1 3 0l.3.3a2.1 2.1 0 0 1 0 3L8.9 18.4z'/%3E%3Cpath d='M13.6 7.1l3.3 3.3M4.5 19.5h6'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="education"] { --pf-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 9.5L12 5l9.5 4.5L12 14z'/%3E%3Cpath d='M6.5 11.5v4.2c1.6 1.4 3.4 2.1 5.5 2.1s3.9-.7 5.5-2.1v-4.2M21.5 9.5v5'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab[data-pmpf-tab="profile"] { --pf-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='3.8'/%3E%3Cpath d='M4.5 20c.8-3.6 3.6-5.6 7.5-5.6s6.7 2 7.5 5.6'/%3E%3C/svg%3E"); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab:focus-visible { outline:none !important; box-shadow:0 0 0 3px rgba(255,106,31,.193) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab.is-active { background:var(--em-key-on) !important; color:#111318 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(17,19,24,.198) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab.is-active::before { background:linear-gradient(180deg, rgba(255,106,31,.2) 0%, rgba(255,106,31,.07) 100%), linear-gradient(180deg, #F7F8FA, #FFFFFF) !important; box-shadow:inset 0 0 0 1px rgba(255,138,76,.22), inset 0 1px 0 rgba(255,190,150,.11), 0 8px 18px -8px rgba(255,106,31,.303) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab.is-active::after { background:#FF8A4C !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__panes { background:var(--em-glass) !important; background-color:transparent !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.11), inset 0 -1px 0 rgba(17,19,24,.048), 0 22px 40px -24px rgba(17,19,24,.187) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf__pane, .pmpf__subcontent) { background:transparent !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-skel__card { background:transparent !important; border:0 !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-skel, .pmpf__pane) .nx-skel { background:#FFFFFF !important; background-size:200% 100% !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-spin, .pmpf-spinner, .pmac-spin, .pmpf-fs-redirect__spinner) { border-color:rgba(17,19,24,.102) !important; border-top-color:rgba(229,84,15,.8) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-journal__loading, .pmpf-empty__loading, .pmac-loading, .pmpf-fs-redirect__label) { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-placeholder { background:transparent !important; border:0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-placeholder__msg { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-placeholder__cta, .pmpf-journal__cta) { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.076) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane[data-tab="calendar"] :is(.pmcal, .pmx) { background:transparent !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane[data-tab="hours"] > .pmhs-msg { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane[data-tab="hours"] > .pmhs-msg::before { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A606E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12.5' r='8.5'/%3E%3Cpath d='M12 8v4.5l3 2'/%3E%3Cpath d='M9.5 2.5h5'/%3E%3C/svg%3E") center / 28px 28px no-repeat, linear-gradient(180deg, #F7F8FA 0%, #F7F8FA 55%, #FFFFFF 100%); box-shadow:inset 0 0 0 1px rgba(17,19,24,.081), inset 0 1px 0 rgba(255,255,255,.12), 0 14px 28px -14px rgba(17,19,24,.198); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs { background:transparent !important; border:0 !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs__hd { border-bottom:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs__t { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs__s { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-stat { border:0 !important; background:rgba(17,19,24,.036) !important; box-shadow:inset 0 1px 3px rgba(17,19,24,.088), inset 0 0 0 1px rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-stat__n { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-stat__l { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-stat__d { background:rgba(17,19,24,.1) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row { border-top:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__t { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__m { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__h.is-add { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__h.is-use { color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__b { color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row__b.is-null { color:#8A90A0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-late { background:rgba(17,19,24,.04) !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-flag { color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-prev { border-top:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-prev__s { color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-msg:not(:only-child) { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-wrap { color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-head__title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-head__sub { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-nav { border:0 !important; background:rgba(17,19,24,.05) !important; box-shadow:inset 0 1px 3px rgba(17,19,24,.099), inset 0 0 0 1px rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-nav__btn { border:0 !important; background:var(--em-key) !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.099), inset 0 1px 0 rgba(255,255,255,.17), 0 6px 12px -8px rgba(17,19,24,.187) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-nav__label { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend { border:0 !important; background:transparent !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend__item { color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend__swatch { border:0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend__swatch--avail { background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.72)) !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.12) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend__swatch--partial { background:linear-gradient(0deg, #8E95A5 0 50%, rgba(255,255,255,.81) 50%) !important; box-shadow:inset 0 0 0 1px rgba(142,149,165,.6) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend__swatch--blocked { background:#6B7080 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.108) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-legend__swatch--recurring { background:repeating-linear-gradient(135deg, rgba(160,165,177,.75) 0 2px, rgba(255,255,255,.675) 2px 4px) !important; box-shadow:inset 0 0 0 1px rgba(142,149,165,.5) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cal { border:0 !important; background:transparent !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-dayhead-row { background:transparent !important; border:0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-dayhead { background:transparent !important; box-shadow:none !important; border:0 !important; color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell { border:0 !important; color:#111318 !important; background:#FFFFFF !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.063), inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell__num { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--outside { background:transparent !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--outside .pmac-cell__num { color:#8A90A0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--partial { background:linear-gradient(0deg, rgba(142,149,165,.2) 0 42%, rgba(142,149,165,0) 42%), linear-gradient(180deg, rgba(255,255,255,.787), rgba(255,255,255,.562)) !important; box-shadow:inset 0 0 0 1px rgba(142,149,165,.28), inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--blocked { background:rgba(17,19,24,.043) !important; box-shadow:inset 0 1px 3px rgba(17,19,24,.099), inset 0 0 0 1px rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--blocked .pmac-cell__num { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--recurring { background:repeating-linear-gradient(135deg, rgba(142,149,165,.14) 0 5px, rgba(142,149,165,.03) 5px 10px) !important; box-shadow:inset 0 0 0 1px rgba(142,149,165,.25) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--recurring.pmac-cell--blocked { background:repeating-linear-gradient(135deg, rgba(142,149,165,.2) 0 5px, rgba(17,19,24,.036) 5px 10px) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell__chip { background:rgba(17,19,24,.042) !important; color:#5A606E !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell__chip--allday { background:rgba(17,19,24,.06) !important; color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell__chip--more { background:transparent !important; color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--today { background:linear-gradient(180deg, rgba(255,106,31,.13) 0%, rgba(255,106,31,.04) 55%, rgba(255,106,31,.03) 100%), linear-gradient(180deg, rgba(255,255,255,.787), rgba(255,255,255,.562)) !important; box-shadow:inset 0 0 0 1px rgba(255,138,76,.33), inset 0 1px 0 rgba(255,163,111,.165), 0 14px 30px -20px rgba(255,106,31,.385) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--today .pmac-cell__num { background:linear-gradient(180deg, #FF6E29, #F4560E) !important; color:#FFFFFF !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.34), 0 6px 14px -6px rgba(255,106,31,.44) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmac-empty, .pmac-loading) { background:transparent !important; border:1px dashed rgba(17,19,24,.102) !important; color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-empty__title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-empty__sub { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-popover { background:rgba(255,255,255,.97) !important; color:#2A2D35 !important; border:1px solid rgba(17,19,24,.085) !important; border-top-color:rgba(17,19,24,.136) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 30px 60px -24px rgba(17,19,24,.198), 0 2px 10px rgba(17,19,24,.077) !important; backdrop-filter:blur(18px) saturate(1.2); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-popover__title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmac-popover__sentence, .pmac-popover__item) { color:#2A2D35 !important; border-color:rgba(17,19,24,.06) !important; background:transparent !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-popover__reason { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-journal__head { border-bottom:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-journal__title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-journal__sub { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard { color:#111318 !important; background:#FFFFFF !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.102) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard::after { background:#6B7080; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__desc { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip { border:0 !important; background:rgba(17,19,24,.04) !important; color:#5A606E !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip--date { color:#2A2D35 !important; background:rgba(17,19,24,.048) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip__dot { background:currentColor !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip--pending { background:rgba(255,106,31,.13) !important; color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip--logged { background:rgba(17,19,24,.06) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip--completed { background:rgba(17,19,24,.04) !important; color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip--rating { background:rgba(17,19,24,.06) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard__chip--files { color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-journal__empty) { border:1px dashed rgba(17,19,24,.102) !important; background:transparent !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-journal__empty-title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-journal__empty-sub { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmpf-iframe { background:transparent !important; border:0 !important; color-scheme:light; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane #dbnbCard { background:transparent !important; border:0 !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .nx-card__head { border-bottom:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .nx-card__title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-summary__pill { border:0 !important; background:rgba(17,19,24,.048) !important; color:#2A2D35 !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-summary__pill--alert, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-summary__pill--warn { background:rgba(255,106,31,.13) !important; color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-summary__pill--ok { background:rgba(17,19,24,.06) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-summary__num { color:inherit !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-filter, .dbnb-cat-tab) { border:1px solid rgba(17,19,24,.076) !important; background:rgba(17,19,24,.04) !important; color:#5A606E !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-filter, .dbnb-cat-tab).is-active { background:var(--em-key-on) !important; border-color:rgba(17,19,24,.102) !important; color:#111318 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(17,19,24,.198) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-filter--ghost { background:transparent !important; border-color:transparent !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-task, .dbnb-contact, .dbnb-note) { background:#FFFFFF !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.102) !important; box-shadow:none !important; color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-note--yellow, .dbnb-note--pink, .dbnb-note--blue, .dbnb-note--green, .dbnb-note--purple, .dbnb-note--gray) { border-left:1px solid rgba(17,19,24,.068) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-task__title, .dbnb-note__title, .dbnb-contact__name) { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-task__desc, .dbnb-note__body, .dbnb-contact__notes, .dbnb-contact__role) { color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-note__meta, .dbnb-contact__label, .dbnb-task__meta) { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-priority, .dbnb-task__due, .dbnb-task__cat, .dbnb-task__vis, .dbnb-task__pinChip, .dbnb-status, .dbnb-contact__cat) { border:0 !important; background:rgba(17,19,24,.06) !important; color:#5A606E !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-priority--urgent, .dbnb-priority--high, .dbnb-task__due--overdue, .dbnb-task__due--today) { background:rgba(255,106,31,.13) !important; color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-status--in_progress, .dbnb-status--open) { background:rgba(17,19,24,.1) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-status--done { background:rgba(17,19,24,.06) !important; color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-status__dot { background:currentColor !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-task__check { background:rgba(17,19,24,.05) !important; border:1px solid rgba(17,19,24,.085) !important; border-top-color:rgba(17,19,24,.125) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-empty { border:1px dashed rgba(17,19,24,.102) !important; background:transparent !important; color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard .dbnb-empty strong { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-modal__backdrop { background:rgba(17,19,24,.275) !important; backdrop-filter:blur(10px); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-modal__card { background:#FFFFFF !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.136) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 40px 80px -30px rgba(17,19,24,.209) !important; color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-modal__title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-modal__sub { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.dbnb-modal__head, .dbnb-modal__foot) { border-color:rgba(17,19,24,.06) !important; background:transparent !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-modal :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { background:rgba(17,19,24,.05) !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.125) !important; color:#111318 !important; caret-color:#E5540F; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-modal .dbnb-field__label { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-btn--ghost { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.076) !important; color:#2A2D35 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .dbnb-btn--primary { background:var(--em-or-fill) !important; border:0 !important; color:#FFFFFF !important; box-shadow:var(--em-or-shadow) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-fs-redirect, .pmpf-fs-redirect__inner) { background:transparent !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__hd { border-bottom:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__t { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__s { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__cta { background:var(--em-or-fill) !important; color:#FFFFFF !important; border:0 !important; box-shadow:var(--em-or-shadow) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe-card { background:linear-gradient(180deg, #F7F8FA 0%, #FFFFFF 46%, #FFFFFF 100%) !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.128) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:0 16px 30px -22px rgba(17,19,24,.198) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe-card::after { background:linear-gradient(180deg, rgba(31,32,35,0), #FFFFFF 82%); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe-card:focus-visible { box-shadow:0 0 0 3px rgba(255,106,31,.22) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__paper { background:#FFFFFF !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__dots { background:radial-gradient(circle, rgba(17,19,24,.07) 1px, transparent 1px) 0 0 / 16px 16px !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__eyebrow { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__hero { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe-card [style*="#ec4899" i] { background:var(--em-or-fill) !important; color:#FFFFFF !important; box-shadow:0 10px 22px -10px rgba(255,106,31,.385) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__num { border:1px solid rgba(17,19,24,.119) !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__body { color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__body b { color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-journal-demo-hint, .pmpf-notebook-demo-hint, .pmpf-studio-demo-hint) { background:rgba(255,255,255,.964) !important; background-image:none !important; border:1px solid rgba(17,19,24,.085) !important; backdrop-filter:blur(16px) saturate(1.2); box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 26px -12px rgba(17,19,24,.198) !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-journal-demo-hint, .pmpf-notebook-demo-hint, .pmpf-studio-demo-hint)::before { background:#8E95A5; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .apexcharts-tooltip { background:rgba(255,255,255,.97) !important; color:#2A2D35 !important; border:1px solid rgba(17,19,24,.085) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 24px 48px -20px rgba(17,19,24,.198) !important; backdrop-filter:blur(16px); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .apexcharts-tooltip-title { background:transparent !important; border-bottom:1px solid rgba(17,19,24,.068) !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .apexcharts-tooltip :is(.apexcharts-tooltip-text, .apexcharts-tooltip-text-y-label, .apexcharts-tooltip-text-y-value) { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.apexcharts-xaxistooltip, .apexcharts-yaxistooltip) { background:#FFFFFF !important; color:#2A2D35 !important; border:1px solid rgba(17,19,24,.085) !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-card__title { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-card__sub { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) a.nx-card__cta, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) button.nx-card__cta { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.076) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #clientActivityCard .pmpf-map-wrap { box-shadow:0 0 0 1px rgba(17,19,24,.072), 0 18px 34px -22px rgba(17,19,24,.198) !important; background:#FFFFFF !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #clientActivityCard .pmpf-map-open { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.076) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-map-guard__hint { background:rgba(255,255,255,.964) !important; color:#111318 !important; border:1px solid rgba(17,19,24,.085) !important; backdrop-filter:blur(16px); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task-tabs { border:0 !important; background:rgba(17,19,24,.05) !important; box-shadow:inset 0 1px 3px rgba(17,19,24,.099), inset 0 0 0 1px rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task-tab { border:0 !important; background:transparent !important; box-shadow:none !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task-tab.is-active { background:var(--em-key-on) !important; color:#111318 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px -8px rgba(17,19,24,.198) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-tab-count { background:rgba(17,19,24,.12) !important; color:#111318 !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-tab-count--late { background:#FF6A1F !important; color:#FFFFFF !important; box-shadow:0 0 10px rgba(255,106,31,.248) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task { background:#FFFFFF !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.102) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task__check { background:rgba(17,19,24,.054) !important; border:1px solid rgba(17,19,24,.102) !important; border-top-color:rgba(17,19,24,.125) !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task__text { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task__text--done { color:#646B7A !important; text-decoration-color:rgba(100,107,122,.6) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.nx-task__due, .nx-task__list, .nx-task__meta span) { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task__due--late { color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up { background:#FFFFFF !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.102) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up__date { border:0 !important; background:linear-gradient(180deg, #F7F8FA 0%, #F7F8FA 55%, #FFFFFF 100%) !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081), inset 0 1px 0 rgba(255,255,255,.1), 0 6px 14px -8px rgba(17,19,24,.198) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up__day { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up__num { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up__time { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up__with { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up__type { border:0 !important; background:rgba(17,19,24,.048) !important; color:#2A2D35 !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-upcoming > .nx-up:first-child .nx-up__date { box-shadow:inset 0 0 0 1px rgba(255,138,76,.248), inset 0 1px 0 rgba(255,190,150,.099), 0 8px 18px -8px rgba(255,106,31,.275) !important; background:linear-gradient(180deg, rgba(255,106,31,.18), rgba(255,106,31,.06)), linear-gradient(180deg, #F7F8FA, #FFFFFF) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-upcoming > .nx-up:first-child .nx-up__day { color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw { background:#FFFFFF !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.102) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__subj { background:rgba(17,19,24,.048) !important; color:#2A2D35 !important; box-shadow:none !important; border:0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__text { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__desc { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__meta { border-top:1px solid rgba(17,19,24,.06) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__due { color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__due svg { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__due--late { color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__due--late svg { color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw__due--soon { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-empty { color:#646B7A !important; background:transparent !important; border-color:rgba(17,19,24,.102) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-chart .apexcharts-legend-text { color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-chart :is(.apexcharts-gridline, .apexcharts-grid line) { stroke:rgba(17,19,24,.07) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-chart :is(.apexcharts-xaxis-label, .apexcharts-yaxis-label) { fill:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-chart :is(.apexcharts-xaxis line, .apexcharts-yaxis line, .apexcharts-xaxis-tick) { stroke:rgba(17,19,24,.08) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-series:nth-of-type(1) path { fill:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-series:nth-of-type(2) path { fill:#8A90A0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-series:nth-of-type(3) path { fill:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-series:nth-of-type(4) path { fill:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-legend-series:nth-child(1) .apexcharts-legend-marker { background:#E6E7EA !important; color:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-legend-series:nth-child(2) .apexcharts-legend-marker { background:#6B7080 !important; color:#8A90A0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-legend-series:nth-child(3) .apexcharts-legend-marker { background:#FF6A1F !important; color:#E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-legend-series:nth-child(4) .apexcharts-legend-marker { background:#A0A5B1 !important; color:#5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionChart .apexcharts-legend-marker svg path { fill:currentColor !important; stroke:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionRatingChart :is(.apexcharts-line, .apexcharts-area[fill="none"]) { stroke:#2A2D35 !important; fill:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionRatingChart .apexcharts-area:not([fill="none"]) { fill:rgba(17,19,24,.055) !important; stroke:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #sessionRatingChart .apexcharts-marker { fill:#111318 !important; stroke:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstats { border-top:1px solid rgba(17,19,24,.06) !important; background:transparent !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstat { background:#FFFFFF !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.102) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstat__num { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstat__label { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstat__label::before { background:#6B7080 !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstat__num--success ~ .nx-attstat__label::before { background:#2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-attstat__num--danger ~ .nx-attstat__label::before { background:#FF6A1F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .sr-card__spark { color:rgba(17,19,24,.22) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-footer__rule { background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.81) 18%, rgba(255,255,255,.81) 82%, rgba(255,255,255,0)) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-footer__mark { background:var(--em-key) !important; color:#E5540F !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081), inset 0 1px 0 rgba(255,255,255,.12) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-footer__name { color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-footer__tag { color:#646B7A !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-footer__fine { color:#8A90A0 !important; } @media (min-width: 981px) { html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabswrap { background:var(--em-glass) !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px -26px rgba(17,19,24,.176) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabswrap::before { background:linear-gradient(180deg, rgba(255,255,255,0), rgba(17,19,24,.1) 10%, rgba(17,19,24,.1) 90%, rgba(255,255,255,0)) !important; } } @media (hover: hover) { html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab:not(.is-active):hover { background:rgba(17,19,24,.035) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tab:not(.is-active):hover::after { background:#E6E7EA !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(.pmpf-placeholder__cta, .pmpf-journal__cta):hover { background:rgba(17,19,24,.05) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-row:hover { background:rgba(17,19,24,.035) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__pane .pmhs-prev__s:hover { color:#111318 !important; background:transparent !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-nav__btn:hover { background:linear-gradient(180deg, #FFFFFF, #F9FAFB) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell--has-blackout:hover, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmac-cell:not(.pmac-cell--outside):not(.pmac-cell--today):hover { background:linear-gradient(180deg, #FFFFFF, #F9FAFB) !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081), inset 0 1px 0 rgba(255,255,255,.26) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard:hover { background:linear-gradient(180deg, #FFFFFF, #F9FAFB) !important; border-color:rgba(17,19,24,.085) !important; border-top-color:rgba(17,19,24,.16) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-jcard:hover::after { background:#E6E7EA; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #dbnbCard :is(.dbnb-task, .dbnb-contact, .dbnb-note):hover { background:linear-gradient(180deg, #FFFFFF, #F9FAFB) !important; border-top-color:rgba(17,19,24,.16) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe__cta:hover { filter:brightness(1.06); } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-fe-card:hover { border-color:rgba(17,19,24,.102) !important; border-top-color:rgba(17,19,24,.16) !important; box-shadow:0 22px 40px -22px rgba(17,19,24,.209) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) :is(a, button).nx-card__cta:hover { background:rgba(17,19,24,.05) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) #clientActivityCard .pmpf-map-open:hover { background:rgba(17,19,24,.05) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-map-guard:hover { background:rgba(17,19,24,.03) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task-tab:not(.is-active):hover { background:rgba(17,19,24,.035) !important; color:#111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-task:hover { background:linear-gradient(180deg, #FFFFFF, #F9FAFB) !important; border-top-color:rgba(17,19,24,.16) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-up:hover { background:linear-gradient(180deg, #FFFFFF, #F9FAFB) !important; border-color:rgba(17,19,24,.085) !important; border-top-color:rgba(17,19,24,.16) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .nx-hw:hover { background:linear-gradient(180deg, #FFFFFF, #F9FAFB) !important; border-top-color:rgba(17,19,24,.16) !important; } } @media (max-width: 980px) { html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabswrap { border:0 !important; background:transparent !important; box-shadow:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf__tabs { background:rgba(17,19,24,.05) !important; box-shadow:inset 0 1px 3px rgba(17,19,24,.099), inset 0 0 0 1px rgba(17,19,24,.06) !important; border:0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-sw__arrow { background:var(--em-key) !important; border:0 !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.099), inset 0 1px 0 rgba(255,255,255,.17), 0 8px 16px -8px rgba(17,19,24,.187) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-sw__arrow svg { stroke:currentColor !important; fill:none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-sw__dot { background:rgba(17,19,24,.18) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3) .pmpf-sw__dot.is-on { background:#FF6A1F !important; box-shadow:0 0 8px rgba(255,106,31,.303) !important; } } /* ══ end EMBER LIGHT (generated) ══ */ /* ── Ember Light — by hand (2026-10-03) — the parent's Home: the plan bar, the section list, capsules, statuses */ /* What the recolour cannot decide on this page: white that meant "fine" (the plan bar, the attended dot) becomes ink; capsules and chips that were a white wash on graphite become a light-grey well; the section list keeps its spine; orange words sit on lighter tints so they read. (par group, for Caleb's Ember Light) */ /* the plan bar: an ink fill on the well (ink = fine); orange when hours run low (needs you) */ html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-stats__usage-fill { background: linear-gradient(90deg, #5A606E, #111318) !important; box-shadow: none !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-stats__usage:is(.is-low, .is-empty) .nx-stats__usage-fill { background: var(--em-or-fill) !important; box-shadow: 0 0 10px rgba(255,106,31,.35) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-head .nx-sub { color: #646B7A !important; } /* the section list: the spine through the icon squares, the chosen row a lifted white key with a hairline */ @media (min-width: 981px) { html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmpf__tabswrap::before { background: linear-gradient(180deg, rgba(17,19,24,0), rgba(17,19,24,.08) 10%, rgba(17,19,24,.08) 90%, rgba(17,19,24,0)) !important; } } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmpf__tab.is-active { background: #FFFFFF !important; box-shadow: inset 0 0 0 1px rgba(17,19,24,.07), 0 1px 2px rgba(17,19,24,.05), 0 8px 18px -10px rgba(17,19,24,.24) !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmpf__tab::after { background: #8A90A0 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmpf__tab.is-active::after { background: #E5540F !important; } @media (hover: hover) { html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmpf__tab:not(.is-active):hover::after { background: #2A2D35 !important; } } /* the loading skeleton breathes in grey, not white on white */ html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) :is(.pmpf-skel, .pmpf__pane) .nx-skel { background: linear-gradient(90deg, rgba(17,19,24,.04), rgba(17,19,24,.075), rgba(17,19,24,.04)) !important; background-size: 200% 100% !important; } /* narrow strip (below 981px): the switcher's dots */ html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmpf-sw__dot:not(.is-on) { background: rgba(17,19,24,.16) !important; } /* Hours & Billing: the late tag a grey capsule */ html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmpf__pane .pmhs-late { background: rgba(17,19,24,.06) !important; color: #5A606E !important; } /* Assistant Availability: the chips inside a day */ html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmac-cell__chip { background: rgba(17,19,24,.06) !important; color: #5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmac-cell__chip--allday { background: rgba(17,19,24,.09) !important; color: #2A2D35 !important; } /* Lesson Journal: the capsules as wells; waiting on the log in orange; logged in ink (fine); done without a log in grey */ html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmpf-jcard__chip { background: rgba(17,19,24,.05) !important; color: #5A606E !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmpf-jcard__chip--date { background: rgba(17,19,24,.06) !important; color: #2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmpf-jcard__chip--pending { background: rgba(255,106,31,.1) !important; color: #E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) :is(.pmpf-jcard__chip--logged, .pmpf-jcard__chip--rating) { background: rgba(17,19,24,.07) !important; color: #111318 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .pmpf-jcard__chip--completed { background: rgba(17,19,24,.04) !important; color: #646B7A !important; } /* Family Notebook summary pills */ html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) #dbnbCard .dbnb-summary__pill { background: rgba(17,19,24,.06) !important; color: #2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) :is(#dbnbCard .dbnb-summary__pill--alert, #dbnbCard .dbnb-summary__pill--warn) { background: rgba(255,106,31,.1) !important; color: #E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) #dbnbCard .dbnb-summary__pill--ok { background: rgba(17,19,24,.07) !important; color: #111318 !important; } /* the cards below: in-card tab counts, "Reserved", subjects, homework tags */ html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-tab-count:not(.nx-tab-count--late) { background: rgba(17,19,24,.07) !important; color: #2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-up__type { background: rgba(17,19,24,.06) !important; color: #2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-upcoming > .nx-up:first-child .nx-up__date { background: linear-gradient(180deg, rgba(255,106,31,.12), rgba(255,106,31,.04)), #FFFFFF !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-upcoming > .nx-up:first-child .nx-up__day { color: #C8480C !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-hw__subj { background: rgba(17,19,24,.06) !important; color: #2A2D35 !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-hw__pill { background: rgba(17,19,24,.06) !important; color: #5A606E !important; box-shadow: none !important; border-color: transparent !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-hw__pill--soon { background: rgba(255,106,31,.1) !important; color: #E5540F !important; } html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-hw__due--soon { color: #111318 !important; } /* session overview: attended is the ink dot (fine) */ html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-attstat__num--success ~ .nx-attstat__label::before { background: #2A2D35 !important; } /* the page's sign-off */ html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body.pm-parent-rail:not(#pm-e):not(#pm-f1):not(#pm-f2):not(#pm-f3):not(#pm-e2) .nx-footer__fine { color: #646B7A !important; }