/* Veritura workspace, v7.3 (2026-10-26): THE SETTINGS AREA ON THE STANDARD (app-ux/r3/STANDARD.md, app-ux/r3/TEMPLATES.md). Owned by one builder; scoped to its own pages through #view .page[data-v7r=""]. Settings is Mercury's My profile (design/mercury-settings.spec.json): the title at 28/36 with the workspace's mark (48, round) before it and the reader's role as a badge after it; the settings menu as a quiet list beside the column (15/24, the lit item on the fill, Mercury's settings sidebar); then rows, each full width with a hairline on top and 24 above and below, the label 15/24 ink 1 in a 376 column, the value 15/24 ink 2 beside it, and the row's action 14/20 in the link colour 8 under the value. Nothing is boxed. A group of rows (the records you keep, the emails, what your role can do) carries a 19/28 heading. */ /* ---------- the page: the menu beside the 968 column ---------- */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) { --v7s-lab: min(376px, 38.85%); } @media (min-width: 1100px) { #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) { display: grid !important; grid-template-columns: minmax(140px, 168px) minmax(0, 968px); column-gap: 24px; justify-content: center; align-content: start; max-width: calc(168px + 24px + 968px + 60px) !important; padding-left: 30px !important; padding-right: 30px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) > * { grid-column: 2; min-width: 0; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) > :is(.phead, .v89-head) { grid-row: 1; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) > .setgrid { display: contents !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setgrid > .setnav { grid-column: 1; grid-row: 1 / span 2; align-self: start; position: sticky !important; top: 16px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setgrid > .setbody { grid-column: 2; grid-row: 2; } } /* ---------- the header: mark, title, badge ---------- */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) > :is(.phead, .v89-head) { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 0 16px !important; min-height: 48px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; text-align: left !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) > :is(.phead, .v89-head) > .v5-back { order: -1; flex: 0 0 100% !important; width: max-content; margin: 0 0 8px !important; font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) > :is(.phead, .v89-head) > .v5-back svg.i { width: 14px !important; height: 14px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .v7s-mark { flex: none; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--v7s-mark, #1e3352); color: #fff; font-size: 15px; line-height: 24px; font-weight: 480; letter-spacing: .2px; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .v7s-hbox { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap; gap: 0 16px; flex: 1 1 0% !important; min-width: 0; text-align: left !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .v7s-hbox h1 { margin: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .v7s-badge { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border: 1px solid var(--v6-line-2); border-radius: 4px; font-size: 12px; line-height: 20px; color: var(--v6-ink-2); white-space: nowrap; cursor: default; } #view .page .v7s-sr { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; } /* ---------- the menu: Mercury's settings sidebar, unboxed ---------- */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav { display: flex !important; flex-direction: column; gap: 4px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav .sn-who { display: block !important; position: static !important; margin: 0 0 4px !important; padding: 0 12px !important; border: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav .sn-who > div { display: block; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav .sn-who b { display: block !important; font-size: 13px !important; line-height: 20px !important; font-weight: 400 !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav :is(button[role="tab"], .v5-setlink) { display: flex !important; align-items: center !important; width: 100%; height: auto !important; min-height: 30px !important; padding: 3px 12px !important; margin: 0 !important; gap: 0 !important; border: 0 !important; border-radius: 8px !important; background: none !important; box-shadow: none !important; text-align: left; cursor: pointer; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav :is(button[role="tab"], .v5-setlink) svg.i, #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav :is(button[role="tab"], .v5-setlink) small { display: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav :is(button[role="tab"], .v5-setlink) > span { display: block; min-width: 0; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav :is(button[role="tab"], .v5-setlink) b { display: block; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-3) !important; white-space: normal; overflow: visible; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav :is(button[role="tab"], .v5-setlink):hover { background: var(--v6-fill) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav :is(button[role="tab"], .v5-setlink):hover b { color: var(--v6-ink) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav button[role="tab"][aria-selected="true"] { background: var(--v6-fill) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav button[role="tab"][aria-selected="true"] b { color: var(--v6-ink) !important; } /* ---------- the body: rows on the page ---------- */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody { display: block !important; margin: 16px 0 0 !important; padding: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is(.grid, .stack, .g-main, .g-2, form.grid, aside.stack, .v99-billing, .v88sticky) { display: contents !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is(.card, .v6-panel) { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; max-width: none !important; min-height: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .card-b { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v96-ph-i { display: none !important; } /* a row: a hairline on top, 24 above and below, the label in the 376 column */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is([data-v7s="row"], [data-v7s="pic"], .v7s-row, .v5-planline, .v96-dr, .v88row, .slist > div, .v97perm) { display: grid !important; grid-template-columns: var(--v7s-lab) minmax(0, 1fr) !important; column-gap: 0 !important; row-gap: 0; align-items: start !important; border: 0 !important; border-top: 1px solid var(--v6-line) !important; border-radius: 0 !important; padding: 24px 0 !important; margin: 0 !important; background: none !important; box-shadow: none !important; min-height: 0 !important; height: auto !important; } /* a dl in a row is a stack of rows, never the old two-column grid */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="flat"] dl.kv { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="flat"] > .card-b { display: block !important; } /* the label: 15/24 ink 1 */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is([data-v7s="row"] > .v7s-head h2, .v7s-lab, .v7s-row > dt, .v7s-hrow > h3, .v97perm > h3, .v88row > div > b, .slist > div > .tx > b, .v96-dr-t, .v5-planline > .v7s-lab) { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--v6-ink) !important; margin: 0 !important; padding: 0 32px 0 0 !important; text-transform: none !important; } /* a value: 15/24 ink 2 */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is(.v7s-row > dd, [data-v7s="row"] > :not(.v7s-head)) { font-size: 15px; line-height: 24px; color: var(--v6-ink-2); margin: 0 !important; min-width: 0; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-row > dt { grid-column: 1; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-row > dd { grid-column: 2; padding: 0 !important; border: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-row > dd .muted { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-4) !important; } /* the row's action under its value: 14/20 in the link colour, 8 below (Mercury's "Edit") */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-row > dd :is(a.link, .v90-lbn-act) { display: block; width: max-content; margin: 8px 0 0 !important; font-size: 14px !important; line-height: 20px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is(.v7s-row > dd .v90-lbn-act .btn, .v96-dr-a .btn) { height: 20px !important; min-height: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; font-size: 14px !important; line-height: 20px !important; color: var(--v6-link) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is(.v7s-row > dd .v90-lbn-act .btn, .v96-dr-a .btn):hover { text-decoration: underline; background: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-row > dd .v90-lbn { display: block; color: var(--v6-ink-2) !important; } /* a note under the rows: 13/20 ink 4 in the value column */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-note { display: block; margin: -16px 0 0 var(--v7s-lab) !important; padding: 0 0 24px !important; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-row.v7s-dup { display: none !important; } /* a later layer that removes a dt and its dd (next-v88-frame.js drops the workspace ID) leaves no empty row behind */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-row.v7s-kv:not(:has(> dt, > dd)) { display: none !important; } /* ---------- a row that is one card: its title is the label, its body the value ---------- */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] > .v7s-head { grid-column: 1; grid-row: 1 / span 9; display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; min-height: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] > .v7s-head .v96-ph-t { display: block; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] > .v7s-head :is(.sub, .n, .v89-subn) { display: block !important; justify-self: stretch !important; width: auto !important; text-align: left !important; margin: 4px 0 0 !important; padding: 0 32px 0 0 !important; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] > .v7s-head .sp { display: block !important; margin: 8px 0 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] > :not(.v7s-head) { grid-column: 2; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] > :not(.v7s-head) + :not(.v7s-head) { margin-top: 16px !important; } /* a table inside a value (what the plan includes): label/value lines, 32 apart, no rules */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] .tablewrap { padding: 0 !important; margin: 0 !important; border: 0 !important; overflow: visible !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] .tablewrap table { width: 100%; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] .tablewrap td { padding: 4px 0 !important; border: 0 !important; height: auto !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; background: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] .tablewrap tr:first-child td { padding-top: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] .tablewrap td.r, #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] .tablewrap td.r * { text-align: right; color: var(--v6-ink-3) !important; font-size: 15px !important; line-height: 24px !important; } /* label/value lines inside a value: 32 apart, no rules */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody dl.v7s-lines { display: grid !important; grid-template-columns: minmax(120px, max-content) minmax(0, 1fr); gap: 8px 24px !important; margin: 16px 0 0 !important; padding: 0 !important; border: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody dl.v7s-lines:first-child { margin-top: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody dl.v7s-lines > dt { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-3) !important; padding: 0 !important; border: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody dl.v7s-lines > dd { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* explanation inside a value: 13/20 ink 4 */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] :is(.muted, .v89-muted, .v88small, .help, .note, .v89-t-small, .r94x-note, .r94x-foot, .v6-prof-note, small):not(dd *) { font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] p { margin: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] p + p { margin-top: 8px !important; } /* ---------- a group: a 19/28 heading, then its rows ---------- */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="group"] { display: block !important; margin-top: 40px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody > [data-v7s="group"]:first-child, #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody > :is(.grid, .stack):first-child > [data-v7s="group"]:first-child { margin-top: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="group"] > .v7s-head { display: flex !important; align-items: baseline !important; flex-wrap: wrap; gap: 0 8px !important; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; min-height: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="group"] > .v7s-head h2 { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--v6-ink) !important; margin: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="group"] > .v7s-head :is(.sub, .n, .v89-subn) { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-4) !important; margin: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="group"] .card-b > :is(p, .v88say) { margin: 0 0 16px !important; max-width: 720px; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="group"] .card-b > .v7s-hrow > :not(h3) { grid-column: 2; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-hrow > h3 { grid-column: 1; grid-row: 1 / span 9; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-hrow > :not(h3) { grid-column: 2; margin: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-hrow > :not(h3) + :not(h3) { margin-top: 12px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-hrow > p { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-hrow > p:is(.muted, .v88small) { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } /* the records you keep: the record is the label; its state, where it is kept, and Details are the value */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v96-list { display: block !important; border: 0 !important; border-radius: 0 !important; background: none !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v96-dr :is(.v96-dr-main, .v96-dr-b) { display: contents !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v96-dr .v96-tile { display: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v96-dr .v96-dr-t { grid-column: 1; grid-row: 1 / span 3; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; -webkit-line-clamp: unset !important; display: block !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v96-dr .v96-dr-l { grid-column: 2; grid-row: 1; justify-self: start; font-size: 15px; line-height: 24px; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v96-dr .v96-dr-l .v96-l { font-size: 15px !important; line-height: 24px !important; padding: 0 !important; background: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v96-dr .v96-dr-s { grid-column: 2; grid-row: 2; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; white-space: normal !important; overflow: visible !important; -webkit-line-clamp: unset !important; display: block !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v96-dr .v96-dr-a { grid-column: 2; grid-row: 3; margin-top: 8px; display: block !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="group"] .card-b > div.v89-mt3:last-child { margin: 0 !important; padding: 16px 0 0; border-top: 1px solid var(--v6-line); } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="group"] .card-b > div.v89-mt3:last-child > .btn { height: auto !important; padding: 0 !important; background: none !important; color: var(--v6-link) !important; font-size: 15px !important; line-height: 24px !important; } /* the notifications: the title is the label; the switch, what it sends and when, the value */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is(.v88rows, .slist) { display: block !important; border: 0 !important; border-radius: 0 !important; background: none !important; padding: 0 !important; margin: 0 !important; gap: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v88row > div { display: contents !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v88row > div > b { grid-column: 1; grid-row: 1 / span 4; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v88row > :is(button, span, label) { grid-column: 2; grid-row: 1; justify-self: start; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v88row > div > :is(span, label) { grid-column: 2; display: block !important; margin: 8px 0 0 !important; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v88row > div > label { display: flex !important; align-items: center; gap: 8px; color: var(--v6-ink-3) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v88row > span.muted { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .slist > div > .tx { display: contents !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .slist > div > .tx > b { grid-column: 1; grid-row: 1 / span 2; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .slist > div > label { grid-column: 2; grid-row: 1; justify-self: start; display: inline-flex !important; align-items: center; gap: 8px; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .slist > div > .tx > span { grid-column: 2; grid-row: 2; display: block; margin-top: 8px; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; } /* what your role can do: the group is the label, the actions the value */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v97perms { display: block !important; border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v97perm > div { grid-column: 2; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v97perm > div p { margin: 0 !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v97perm > div p.muted { margin-top: 8px !important; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } /* the team: the people table on the page, then Invite someone as a row */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="group"] .tablewrap { border: 0 !important; border-radius: 0 !important; margin: 0 !important; box-shadow: none !important; background: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="group"] .tablewrap + p { margin: 16px 0 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="group"] .card-b > .v7s-hrow { margin-top: 24px !important; } /* Plan and billing's lead line, as a row */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v5-planline { font-size: 15px !important; line-height: 24px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v5-planline > svg.i { display: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v5-planline > .v7s-lab { grid-column: 1; grid-row: 1 / span 2; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v5-planline > span:not(.v7s-lab) { grid-column: 2; grid-row: 1; color: var(--v6-ink-2) !important; padding: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v5-planline > a { grid-column: 2; grid-row: 2; justify-self: start; font-size: 14px !important; line-height: 20px !important; margin: 8px 0 0 !important; } /* ---------- Your picture: Mercury's "Profile picture" row ---------- */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] > .v7s-lab { grid-column: 1; grid-row: 1; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] > .v6-prof { grid-column: 2; grid-row: 1; display: flex !important; flex-wrap: wrap; align-items: center; gap: 0 12px !important; margin: 0 !important; padding: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic { width: 40px !important; height: 40px !important; flex: none; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic svg { width: 22px !important; height: 22px !important; } /* the picture is an image: Mercury's avatar box carries 12/20 at 480 in ink 1; the role's glyph keeps its own colour */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic { font-size: 12px !important; line-height: 20px !important; font-weight: 480 !important; letter-spacing: .2px; color: var(--v6-ink) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic[data-role="pharmacist"] svg { color: #2457f5; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic[data-role="quality"] svg { color: #0e7490; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic[data-role="technician"] svg { color: #0a7a45; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic[data-role="qc"] svg { color: #7a3fd1; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic[data-role="shipping"] svg { color: #b54708; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic[data-role="admin"] svg { color: #475467; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic[data-role="viewer"] svg { color: #667085; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic[data-role="clinic"] svg { color: #c0362c; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic[data-role="advisor"] svg { color: #4f46e5; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-pic[data-role="platform"] svg { color: #0369a1; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-prof-t { display: flex !important; flex-direction: row !important; align-items: baseline; gap: 8px; min-width: 0; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-prof-t b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-2) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-prof-t span { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-prof-a { flex: 1 0 100%; display: flex !important; flex-wrap: wrap; align-items: center; gap: 0 16px !important; margin: 8px 0 0 !important; padding: 0 !important; text-align: left !important; justify-content: flex-start !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-prof-note { display: block; max-width: none !important; text-align: left !important; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] .v6-prof-a .btn { height: 20px !important; min-height: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; font-size: 14px !important; line-height: 20px !important; color: var(--v6-link) !important; cursor: pointer; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="pic"] > .v6-prof-err:not([hidden]) { grid-column: 2; margin: 8px 0 0 !important; font-size: 13px !important; line-height: 20px !important; color: var(--v6-red) !important; } /* ---------- what sits inside a value: no boxes ---------- */ /* a paragraph that explains (what a key is for, how the folder watcher works, what a patient may ask) is a 13/20 ink-4 line */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] :is(p.v91-lead, p.v91-p, p.v89-t-body, p.v88say:not(.r96ai-last), p.v96-plan-p) { font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is(b, strong) { font-weight: 500 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] > :not(.v7s-head) :is(h3, h4) { margin: 16px 0 4px !important; font-size: 13px !important; line-height: 20px !important; font-weight: 400 !important; letter-spacing: .1px; color: var(--v6-ink-3) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] > :not(.v7s-head) > :is(h3, h4):first-child { margin-top: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is(p, div, span) + .btn, #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody p > .btn + span { margin-left: 0; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] :is(p, .v89-m0) + :is(.btn, .v89-mt3) { margin-top: 12px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody p > .btn + span { margin-left: 12px !important; } /* a notice is a line with its icon and its tone, never a box */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is(.notice, .v89-note) { display: flex !important; gap: 8px; align-items: flex-start; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is(.notice, .v89-note) > svg.i { flex: none; width: 16px !important; height: 16px !important; margin-top: 4px; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .notice.a, #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .notice.a * { color: var(--v6-amber) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .notice + .notice { margin-top: 8px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is(.v88say.r96ai-last) { padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; } /* an empty list says so on the left, without its picture */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v89-empty { display: block !important; padding: 0 !important; margin: 0 !important; text-align: left !important; border: 0 !important; background: none !important; min-height: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v89-empty > :is(svg, .v89-empty-i, .tile, span:first-child:empty, i) { display: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v89-empty > b { display: block; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-2) !important; margin: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v89-empty > span { display: block; max-width: none !important; margin: 4px 0 0 !important; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; text-align: left !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .card-b.muted { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-3) !important; } /* the two kinds of read key, side by side, unboxed */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-opts { display: grid !important; grid-template-columns: 1fr 1fr; gap: 24px !important; margin: 16px 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-opt { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-opt-h { display: flex; align-items: center; gap: 8px; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-opt-h b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-opt p { margin: 4px 0 0 !important; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-facts { border-top: 0 !important; padding-top: 0 !important; margin-top: 16px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-facts dt { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; font-weight: 400 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-facts dd, #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-facts dd * { font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-2) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-links { gap: 16px !important; margin: 16px 0 0 !important; padding: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-links .btn:first-child { margin-left: 0 !important; } /* "They see": a line, not a box */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .idline-prev { display: flex !important; align-items: center; gap: 8px; margin: 12px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .idline-prev :is(span, b) { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .idline-prev svg.i { width: 14px !important; height: 14px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] form .fg label { font-size: 13px !important; line-height: 20px !important; font-weight: 400 !important; color: var(--v6-ink-3) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] form .fg label :is(em, i) { font-style: normal; color: var(--v6-ink-4) !important; } /* a list of what a workspace includes: lines, no rules */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] :is(ul, ol) > li { border: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-links .btn { height: 20px !important; padding: 0 !important; background: none !important; color: var(--v6-link) !important; font-size: 14px !important; line-height: 20px !important; gap: 4px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v91-links .btn svg.i { width: 14px !important; height: 14px !important; } /* the release rules: the three presets as columns, the rules as lines, the signature button at the left */ #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-presets-g { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-preset { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; outline: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-preset-h { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-preset-h b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-preset-g small { display: block; margin-top: 12px; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-pr { font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-2) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-preset > .btn { margin-top: 12px !important; height: 20px !important; padding: 0 !important; background: none !important; color: var(--v6-link) !important; font-size: 14px !important; line-height: 20px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .plist { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; margin: 16px 0 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .plist .prow { padding: 12px 0 !important; border: 0 !important; border-top: 1px solid var(--v6-line) !important; background: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .plist .prow:first-child { border-top: 0 !important; padding-top: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .plist .prow b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .plist .prow :is(small, .s) { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v88polfoot { display: flex !important; justify-content: flex-start !important; padding: 0 !important; margin: 16px 0 0 !important; border: 0 !important; background: none !important; grid-column: 2; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v88polfoot .btn { margin: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-sw { display: flex !important; align-items: flex-start; gap: 12px !important; padding: 0 !important; border: 0 !important; background: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-sw > div { flex: 1 1 auto; min-width: 0; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-sw > :is(.vk-chip, .btn) { flex: none; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-sw .vk-chip { padding: 0 !important; background: none !important; border: 0 !important; font-size: 15px !important; line-height: 24px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-sw + .r91c-sw { margin-top: 16px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-sw-k { display: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-sw b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-sw small { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .r91c-sw .btn { height: 20px !important; padding: 0 !important; background: none !important; color: var(--v6-link) !important; font-size: 14px !important; line-height: 20px !important; } /* ---------- the phone and the narrow window: the menu as chips, a row stacks its label over its value ---------- */ @media (max-width: 1099px) { #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setgrid { display: block !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav { flex-direction: row !important; overflow-x: auto; scrollbar-width: none; margin: 16px 0 0 !important; position: static !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav .sn-who { display: none !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav :is(button[role="tab"], .v5-setlink) { width: auto !important; flex: none; height: 32px !important; border: 1px solid var(--v6-line-2) !important; background: var(--v7-field) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setnav button[role="tab"][aria-selected="true"] { background: var(--v7-tint) !important; border-color: transparent !important; } } @media (max-width: 699px) { #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is([data-v7s="row"], [data-v7s="pic"], .v7s-row, .v5-planline, .v96-dr, .v88row, .slist > div, .v97perm) { grid-template-columns: minmax(0, 1fr) !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is([data-v7s="row"], [data-v7s="pic"], .v7s-row, .v5-planline, .v96-dr, .v88row, .slist > div, .v97perm) > * { grid-column: 1 !important; grid-row: auto !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-row > dd, #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody [data-v7s="row"] > :not(.v7s-head) { margin-top: 8px !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v7s-note { margin-left: 0 !important; } #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody .v96-dr .v96-dr-t, #view .page:is([data-v7r="settings"], [data-v7r="thapi"]) .setbody :is(.v7s-hrow > h3, .v88row > div > b, .slist > div > .tx > b) { padding-right: 0 !important; } } /* ===================================================================================================================== THE PAGES SETTINGS HOLDS: the plan, Co-branding and the telehealth Profile. Each keeps its own header (the way back to Settings, the title, the purpose, its actions), then rows on the settings template: a hairline on top, 24 above and below, the label in the 376 column. Webhooks is drawn as a list by next-v7-doors.js. ===================================================================================================================== */ #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) { --v7s-lab: min(376px, 38.85%); } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"]) > .phead .v5-back { display: inline-flex; align-items: center; gap: 4px; margin: 0 0 8px; font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"]) > .phead .v5-back:hover { color: var(--v6-ink) !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"]) > .phead .v5-back svg.i { width: 14px !important; height: 14px !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"]) > .phead { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; align-items: start; margin-bottom: 24px !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"]) > .phead > .v5-back { grid-column: 1 / -1; justify-self: start; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"]) > .phead > :is(.acts, .v89-head-a) { grid-column: 2; grid-row: 2; margin: 2px 0 0 !important; display: flex; gap: 8px; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"]) > .phead .vk-tile { display: none !important; } /* no boxes on these pages */ #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) :is(.card, .v95p-card, .v95p-rc, .vk-split-main, .vk-split-side, .vk-pass, .v96-list, .vk-rows) { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; max-width: none !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) :is(.grid, .stack, .g-main, .vk-split, .vk-split-main, .vk-split-side, .v95p-two, .v95p-main, .v95p-rail) { display: block !important; position: static !important; margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .card-b { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; } /* a row on these pages */ #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) :is(.v7s-prow, .r92h-field, .vk-row, .v96-cred, .v96-dr, .v96p-fp) { display: grid !important; grid-template-columns: var(--v7s-lab) minmax(0, 1fr) !important; column-gap: 0 !important; row-gap: 0 !important; align-items: start !important; border: 0 !important; border-top: 1px solid var(--v6-line) !important; border-radius: 0 !important; padding: 24px 0 !important; margin: 0 !important; background: none !important; box-shadow: none !important; min-height: 0 !important; height: auto !important; width: auto !important; } /* a group's heading on these pages: 19/28 */ #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-gh { display: flex !important; align-items: baseline !important; flex-wrap: wrap; gap: 0 8px !important; margin: 40px 0 16px !important; padding: 0 !important; border: 0 !important; min-height: 0 !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-gh :is(h2, .r92h-cap) { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--v6-ink) !important; margin: 0 !important; text-transform: none !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-gh :is(.sub, .n) { flex-basis: 100%; margin: 4px 0 0 !important; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-gh .v96-ph-t { display: contents !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-gh .v96-ph-i { display: none !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-gh .v96-ph-a { margin-left: auto; order: 1; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-gh :is(.sub, .n) { order: 2; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-gh .v96-ph-a .btn { height: 24px !important; padding: 0 !important; background: none !important; color: var(--v6-link) !important; font-size: 15px !important; line-height: 24px !important; gap: 4px !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-gh .v96-ph-a .btn svg.i { width: 14px !important; height: 14px !important; } /* the label and the value */ #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) :is(.v7s-prow > .v7s-pl, .r92h-field > label, .vk-row > span, .v96-cred-t, .v96-dr-t, .v96p-fp > h4) { grid-column: 1; grid-row: 1 / span 4; margin: 0 !important; padding: 0 32px 0 0 !important; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--v6-ink) !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; -webkit-line-clamp: unset !important; display: block !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) :is(.v7s-prow > :not(.v7s-pl), .r92h-field > .r92h-fv, .vk-row > em, .v96-cred-s, .v96p-fp > :not(h4)) { grid-column: 2; margin: 0 !important; font-size: 15px !important; line-height: 24px !important; font-style: normal !important; color: var(--v6-ink-2) !important; text-align: left !important; justify-self: start; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) :is(.v7s-prow > :not(.v7s-pl), .v96p-fp > :not(h4)) + * { margin-top: 12px !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .r92h-fv .l2 { display: block; margin-top: 4px; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .vk-row > i { display: none !important; } /* an action under a value: 14/20 in the link colour */ #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) :is(.v7s-prow .link, .v7s-prow .btn, .v96-cred-a, .v96-dr-a) { justify-self: start; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) :is(.v7s-prow .btn.sm, .v7s-prow .link, .v96-cred-a :is(button, a), .v96-dr-a .btn, .v96p-fp .v95p-ln) { display: inline-flex; height: 20px !important; min-height: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; font-size: 14px !important; line-height: 20px !important; color: var(--v6-link) !important; cursor: pointer; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) :is(.v7s-prow .btn.sm, .v7s-prow .link, .v96-cred-a :is(button, a), .v96-dr-a .btn):hover { text-decoration: underline; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-prow > .v7s-pl { display: block !important; margin: 0 !important; padding: 0 32px 0 0 !important; border: 0 !important; min-height: 0 !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .card.v7s-prow > .card-h.v7s-pl h2 { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--v6-ink) !important; margin: 0 !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .card.v7s-prow > .card-h.v7s-pl :is(.sub, .n) { display: block !important; justify-self: stretch !important; margin: 4px 0 0 !important; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-prow p { margin: 0 !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-prow .row { display: block !important; margin: 12px 0 0 !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-prow .card-b > .link { display: inline-block; margin-top: 12px !important; } /* explanation: 13/20 ink 4 */ #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-quiet { margin: 16px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) .v7s-quiet :is(.link, button.link) { font-size: 13px !important; line-height: 20px !important; color: var(--v6-link) !important; padding: 0 !important; background: none !important; height: auto !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) :is(b, strong) { font-weight: 500 !important; } /* ---------- the plan ---------- */ /* its four figures: Mercury's row of figures, a label 14/20 ink 3 over a value 19/28, no tint */ #view .page[data-v7r="plan"] .vk-kpis { display: flex !important; flex-wrap: wrap; gap: 16px 48px !important; margin: 0 0 16px !important; padding: 12px 0 !important; border: 0 !important; border-top: 1px solid var(--v6-line) !important; border-bottom: 1px solid var(--v6-line) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } #view .page[data-v7r="plan"] .vk-kpi { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; min-width: 0 !important; } #view .page[data-v7r="plan"] .vk-kpi::before { display: none !important; } #view .page[data-v7r="plan"] .vk-kpi small { display: block; font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; } #view .page[data-v7r="plan"] .vk-kpi small::before { display: none !important; } #view .page[data-v7r="plan"] .vk-kpi b { display: block; font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; letter-spacing: -.03em !important; color: var(--v6-ink) !important; } #view .page[data-v7r="plan"] .vk-kpi span { display: block; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } /* the plans as sold: the table on the page; the current plan marked by its word, not a fill */ #view .page[data-v7r="plan"] #r95plans .tablewrap { border: 0 !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; overflow: visible !important; } #view .page[data-v7r="plan"] #r95plans tr, #view .page[data-v7r="plan"] #r95plans td { background: none !important; } #view .page[data-v7r="plan"] #r95plans td { vertical-align: top; } #view .page[data-v7r="plan"] #r95plans td b { display: block; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page[data-v7r="plan"] #r95plans td .v89-muted { margin-top: 4px; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; max-width: 420px; } #view .page[data-v7r="plan"] #r95plans td .vk-chip { padding: 0 !important; background: none !important; border: 0 !important; font-size: 15px !important; line-height: 24px !important; white-space: nowrap; } #view .page[data-v7r="plan"] #r95plans th { padding-top: 8px !important; padding-bottom: 8px !important; } #view .page[data-v7r="plan"] #r95plans th .th-s { display: none; } /* ---------- Co-branding ---------- */ #view .page[data-v7r="cobrand"] .vk-split-main > .r92h-cap { display: block; margin: 0 0 16px !important; font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--v6-ink) !important; } #view .page[data-v7r="cobrand"] .vk-split-side { margin-top: 40px !important; } #view .page[data-v7r="cobrand"] .vk-pass { display: block !important; color: var(--v6-ink-2) !important; } #view .page[data-v7r="cobrand"] .vk-pass-h { margin: 0 0 4px; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; font-weight: 400 !important; } #view .page[data-v7r="cobrand"] .vk-pass-t { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--v6-ink) !important; } #view .page[data-v7r="cobrand"] .vk-pass-s { margin: 4px 0 16px; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="cobrand"] .vk-pass-card { display: grid !important; grid-template-columns: var(--v7s-lab) minmax(0, 1fr); padding: 24px 0 !important; margin: 0 !important; border: 0 !important; border-top: 1px solid var(--v6-line) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } #view .page[data-v7r="cobrand"] .vk-pass-k { grid-column: 1; grid-row: 1 / span 2; padding-right: 32px; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page[data-v7r="cobrand"] .vk-pass-k::before { display: none !important; } #view .page[data-v7r="cobrand"] .vk-pass-v { grid-column: 2; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--v6-ink-2) !important; } #view .page[data-v7r="cobrand"] .vk-pass-x { grid-column: 2; margin-top: 4px; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } /* ---------- the telehealth Profile: its header, then rows ---------- */ #view .page[data-v7r="thfile"] > .v95p-ph { margin: 0 0 24px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; overflow: visible !important; } #view .page[data-v7r="thfile"] .v95p-ph-b { display: flex !important; align-items: flex-start !important; gap: 16px !important; padding: 0 !important; margin: 0 !important; background: none !important; } #view .page[data-v7r="thfile"] .v96p-ph-av { position: static !important; margin: -6px 0 0 !important; transform: none !important; border: 0 !important; box-shadow: none !important; } #view .page[data-v7r="thfile"] .v96p-ph-av .v96-av { width: 48px !important; height: 48px !important; font-size: 15px !important; line-height: 24px !important; font-weight: 480 !important; box-shadow: none !important; border: 0 !important; } #view .page[data-v7r="thfile"] .v95p-ph-id { flex: 1 1 auto; min-width: 0; padding: 0 !important; } #view .page[data-v7r="thfile"] .v95p-ph-n { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 16px; } #view .page[data-v7r="thfile"] .v95p-ph-n h1 { font-size: 28px !important; line-height: 36px !important; font-weight: 380 !important; letter-spacing: 0 !important; margin: 0 !important; color: var(--v6-ink) !important; } #view .page[data-v7r="thfile"] .v95p-ph-st .v96-l { display: inline-flex; align-items: center; height: 20px; padding: 0 8px !important; border: 1px solid var(--v6-line-2) !important; border-radius: 4px !important; background: none !important; font-size: 12px !important; line-height: 20px !important; color: var(--v6-ink-2) !important; } #view .page[data-v7r="thfile"] .v95p-ph-st .v96-l > :is(i, svg) { display: none !important; } #view .page[data-v7r="thfile"] .v95p-ph-m { margin: 4px 0 0 !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-3) !important; } #view .page[data-v7r="thfile"] .v95p-stats { display: flex !important; flex-wrap: wrap; gap: 0 24px !important; margin: 4px 0 0 !important; padding: 0 !important; border: 0 !important; } #view .page[data-v7r="thfile"] .v95p-st { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-3) !important; } #view .page[data-v7r="thfile"] .v95p-st b { font-weight: 400 !important; color: var(--v6-ink) !important; margin-right: 4px; } #view .page[data-v7r="thfile"] .v95p-ph-a { align-self: flex-start; display: flex; gap: 8px; margin: 0 !important; } #view .page[data-v7r="thfile"] .v96p-headcreds { margin: 24px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; } #view .page[data-v7r="thfile"] .v96-creds { display: block !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } #view .page[data-v7r="thfile"] .v96-cred { opacity: 1 !important; } #view .page[data-v7r="thfile"] .v96-cred-g { display: none !important; } #view .page[data-v7r="thfile"] .v96-cred[data-state="na"] .v96-cred-s { color: var(--v6-ink-4) !important; } #view .page[data-v7r="thfile"] .v96-cred-a { grid-column: 2; margin: 8px 0 0 !important; padding: 0 !important; } #view .page[data-v7r="thfile"] .v95p-ph-p { margin: 0 !important; padding: 16px 0 0 !important; border-top: 1px solid var(--v6-line) !important; background: none !important; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; } /* the lists: the firm or the requirement is the label; its state, what it is, and its one action the value */ #view .page[data-v7r="thfile"] .v96-dr { position: relative; } #view .page[data-v7r="thfile"] .v96-dr :is(.v96-dr-main, .v96-dr-b) { display: contents !important; } #view .page[data-v7r="thfile"] .v96-dr .v96-tile { display: none !important; } #view .page[data-v7r="thfile"] .v96-dr .v96-av { position: absolute !important; left: 0; top: 22px; width: 28px !important; height: 28px !important; font-size: 12px !important; line-height: 20px !important; font-weight: 480 !important; } #view .page[data-v7r="thfile"] .v96-dr:has(.v96-av) .v96-dr-t { padding-left: 40px !important; } #view .page[data-v7r="thfile"] .v96-dr .v96-dr-l { grid-column: 2; grid-row: 1; justify-self: start; } #view .page[data-v7r="thfile"] .v96-dr .v96-dr-l .v96-l { padding: 0 !important; background: none !important; border: 0 !important; font-size: 15px !important; line-height: 24px !important; } #view .page[data-v7r="thfile"] .v96-dr .v96-dr-s { grid-column: 2; grid-row: 2; margin-top: 4px; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; -webkit-line-clamp: unset !important; display: block !important; } #view .page[data-v7r="thfile"] .v96-dr:not(:has(.v96-dr-l)) .v96-dr-s { grid-row: 1; margin-top: 0; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; } #view .page[data-v7r="thfile"] .v96-dr .v96-dr-a { grid-column: 2; grid-row: 3; margin-top: 8px; display: flex !important; align-items: center; flex-wrap: wrap; gap: 4px 16px; } #view .page[data-v7r="thfile"] .v96-dr .v96p-miss { padding: 0 !important; border: 0 !important; background: none !important; font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; } /* the licensure footprint: each sub-heading a row */ #view .page[data-v7r="thfile"] .v96p-fp > :not(h4) { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; } #view .page[data-v7r="thfile"] .v96p-fp .v96p-rnote { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="thfile"] .v96p-fp .v95p-ln { margin-left: 8px; } /* the steps: one line each, the state's mark before the step */ #view .page[data-v7r="thfile"] .v96-steps { margin: 0 !important; padding: 0 !important; } #view .page[data-v7r="thfile"] .v96-steps > li { display: grid !important; grid-template-columns: var(--v7s-lab) minmax(0, 1fr); gap: 0 !important; padding: 24px 0 !important; margin: 0 !important; border-top: 1px solid var(--v6-line); } #view .page[data-v7r="thfile"] .v96-steps > li::before, #view .page[data-v7r="thfile"] .v96-steps > li::after { display: none !important; } #view .page[data-v7r="thfile"] .v96-steps .v96-st-b { display: contents !important; } #view .page[data-v7r="thfile"] .v96-steps .v96-st-d { position: absolute; } #view .page[data-v7r="thfile"] .v96-steps > li { position: relative; } #view .page[data-v7r="thfile"] .v96-steps .v96-st-d { left: 0; top: 30px; width: 12px !important; height: 12px !important; margin: 0 !important; } #view .page[data-v7r="thfile"] .v96-steps b { grid-column: 1; padding: 0 32px 0 24px; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page[data-v7r="thfile"] .v96-steps em { grid-column: 2; font-style: normal; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; } #view .page[data-v7r="thfile"] .v96p-next { margin: 0 !important; padding: 16px 0 0 !important; border-top: 1px solid var(--v6-line); } #view .page[data-v7r="thfile"] .v95p-bul { margin: 0 !important; padding: 0 0 0 18px !important; } #view .page[data-v7r="thfile"] .v95p-bul li { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; margin: 0 0 8px !important; } @media (max-width: 699px) { #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) :is(.v7s-prow, .r92h-field, .vk-row, .v96-cred, .v96-dr, .v96p-fp, .vk-pass-card, .v96-steps > li) { grid-template-columns: minmax(0, 1fr) !important; } #view .page:is([data-v7r="plan"], [data-v7r="cobrand"], [data-v7r="thfile"]) :is(.v7s-prow, .r92h-field, .vk-row, .v96-cred, .v96-dr, .v96p-fp, .vk-pass-card, .v96-steps > li) > * { grid-column: 1 !important; grid-row: auto !important; } #view .page[data-v7r="thfile"] .v95p-ph-b { flex-wrap: wrap; } #view .page[data-v7r="thfile"] .v95p-ph-a { flex-wrap: wrap; } } /* ===================================================================================================================== VERA'S PAGE: the list template. Her open draft leads as the record (one raised panel, the decision and its two actions first, the cited line kept beside the words that rest on it); then her briefing, the dial, her requests as rows with the open one beside them, and the record of every action as a table on the page. "Vera drafts and a person sends", her citations (page and line) and her mark stay. Section headings 19/28; rows 15/24 with a 13/20 ink-4 subject; status an icon and a word. ===================================================================================================================== */ #view .page[data-v7r="vera"] .v7-mark-lg { width: 28px !important; height: 28px !important; margin-right: 12px; vertical-align: -4px; display: inline-block; } #view .page[data-v7r="vera"] > .phead { margin-bottom: 24px !important; } #view .page[data-v7r="vera"] .r91-vera-more { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; } #view .page[data-v7r="vera"] :is(.r91-vera-more, .v93vfeed) > section.card, #view .page[data-v7r="vera"] .v93vfeed > details.card, #view .page[data-v7r="vera"] .v81v-main > section.card { margin: 40px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } #view .page[data-v7r="vera"] :is(.r91-vera-more, .v93vfeed, .v81v-main) > :is(section, details).card > .card-h, #view .page[data-v7r="vera"] .v93vfeed > details.card > summary > .card-h { display: block !important; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; background: none !important; min-height: 0 !important; } #view .page[data-v7r="vera"] :is(section, details).card .card-h h2 { display: inline; font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--v6-ink) !important; margin: 0 !important; } #view .page[data-v7r="vera"] :is(section, details).card .card-h .n { display: inline; margin-left: 8px; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-4) !important; background: none !important; padding: 0 !important; } #view .page[data-v7r="vera"] :is(section, details).card .card-h .sub { display: block !important; margin: 4px 0 0 !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-3) !important; } #view .page[data-v7r="vera"] .card-b { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; } #view .page[data-v7r="vera"] :is(b, strong) { font-weight: 500 !important; } #view .page[data-v7r="vera"] .vk-meta { font-family: inherit !important; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px !important; color: var(--v6-ink-4) !important; } /* her open draft: the record */ #view .page[data-v7r="vera"] .r91-vera-lead > .vk-lit { padding: 24px !important; border: 0 !important; border-radius: 12px !important; background: var(--v6-surface, #fff) !important; box-shadow: var(--v7-raised) !important; } #view .page[data-v7r="vera"] .r91-vera-lead > .vk-lit::before { display: none !important; } #view .page[data-v7r="vera"] .vk-lit-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 12px !important; } #view .page[data-v7r="vera"] .vk-lit .vk-chip { padding: 0 !important; background: none !important; border: 0 !important; font-size: 15px !important; line-height: 24px !important; } #view .page[data-v7r="vera"] .r91-vera-lead .vk-lit-t { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; color: var(--v6-ink) !important; margin: 0 !important; } #view .page[data-v7r="vera"] .r91-vera-lead .vk-lit-s { margin: 4px 0 0 !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-3) !important; } #view .page[data-v7r="vera"] .r91-vera-lead .vk-lit-x { margin: 12px 0 0 !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; } #view .page[data-v7r="vera"] .vk-cites { margin: 12px 0 0 !important; gap: 8px !important; } #view .page[data-v7r="vera"] .vk-cite { height: 20px; display: inline-flex; align-items: center; padding: 0 8px !important; border: 1px solid var(--v6-line-2) !important; border-radius: 4px !important; background: none !important; font-size: 12px !important; line-height: 20px !important; color: var(--v6-ink-2) !important; } /* the letter: To and Subject as label/value lines, the words on the page, the line it rests on quoted under them */ #view .page[data-v7r="vera"] .r91-mail { margin: 24px 0 0 !important; padding: 16px 0 0 !important; border: 0 !important; border-top: 1px solid var(--v6-line) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; overflow: visible !important; } #view .page[data-v7r="vera"] .r91-mail > dl { display: grid !important; grid-template-columns: 96px minmax(0, 1fr); gap: 8px 16px !important; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; background: none !important; } #view .page[data-v7r="vera"] .r91-mail > dl dt { font-size: 13px !important; line-height: 24px !important; color: var(--v6-ink-4) !important; font-weight: 400 !important; } #view .page[data-v7r="vera"] .r91-mail > dl dd { margin: 0 !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink) !important; } #view .page[data-v7r="vera"] .r91-mail > dl dd .vk-meta { margin-left: 8px; } #view .page[data-v7r="vera"] .r91-mail-b { padding: 0 !important; border: 0 !important; background: none !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; } #view .page[data-v7r="vera"] .r91-quote { display: flex !important; gap: 12px; align-items: baseline; margin: 12px 0 0 !important; padding: 8px 12px !important; border: 0 !important; border-left: 2px solid var(--v6-amber) !important; border-radius: 0 !important; background: var(--v6-fill) !important; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink) !important; } #view .page[data-v7r="vera"] .r91-quote > span:not(.vk-meta) { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink) !important; } #view .page[data-v7r="vera"] .r91-vera-lead .vk-who { display: flex; align-items: center; gap: 12px; margin: 24px 0 0 !important; padding: 16px 0 0 !important; border-top: 1px solid var(--v6-line) !important; } #view .page[data-v7r="vera"] .r91-vera-lead .vk-who .vk-av { width: 28px !important; height: 28px !important; font-size: 12px !important; line-height: 20px !important; } #view .page[data-v7r="vera"] .r91-vera-lead .vk-who b { display: block; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink) !important; font-weight: 400 !important; } #view .page[data-v7r="vera"] .r91-vera-lead .vk-who small { display: block; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="vera"] .vk-lit-acts { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0 !important; } /* this morning's briefing: a row of figures, then one-line rows */ #view .page[data-v7r="vera"] .r91-vera-brief .vk-kpis { display: flex !important; flex-wrap: wrap; gap: 16px 48px !important; margin: 0 0 8px !important; padding: 12px 0 !important; border: 0 !important; border-top: 1px solid var(--v6-line) !important; border-bottom: 1px solid var(--v6-line) !important; border-radius: 0 !important; background: none !important; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-kpi { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; min-width: 0 !important; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-kpi small { display: block; font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-kpi b { display: block; font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; letter-spacing: -.03em !important; color: var(--v6-ink) !important; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-kpi[data-tone="attention"] b { color: var(--v6-amber) !important; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-kpi span { display: block; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-list { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-li { display: flex !important; align-items: center; gap: 16px; min-height: 65px; padding: 10px 0 !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--v6-line) !important; border-radius: 0 !important; background: none !important; text-decoration: none; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-li:hover { background: var(--v6-fill) !important; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-li > div { flex: 1 1 auto; min-width: 0; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-li b { display: block; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-li small { display: block; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-li .vk-chip { flex: none; padding: 0 !important; background: none !important; border: 0 !important; font-size: 15px !important; line-height: 24px !important; } /* the dial: three chips, the chosen one tinted */ #view .page[data-v7r="vera"] .r91-dial { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; } #view .page[data-v7r="vera"] .r91-dial-o { padding: 12px !important; border: 1px solid var(--v6-line-2) !important; border-radius: 8px !important; background: var(--v7-field) !important; box-shadow: none !important; text-align: left; outline: 0; } #view .page[data-v7r="vera"] .r91-dial-o:hover { border-color: var(--v7-line-3) !important; } #view .page[data-v7r="vera"] .r91-dial-o.is-on { background: var(--v7-tint) !important; border-color: transparent !important; } #view .page[data-v7r="vera"] .r91-dial-o b { display: block; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page[data-v7r="vera"] .r91-dial-o b .vk-meta { margin-left: 4px; } #view .page[data-v7r="vera"] .r91-dial-o small { display: block; margin-top: 4px; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; } #view .page[data-v7r="vera"] .r91-dial-n { margin: 12px 0 0 !important; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } /* her requests: the rows at the left, the open one beside them */ #view .page[data-v7r="vera"] .r92j-reqgrid { gap: 24px !important; align-items: start; } #view .page[data-v7r="vera"] .r92j-rqs { display: block !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; } #view .page[data-v7r="vera"] .r92j-rq { display: flex !important; align-items: center; gap: 12px; width: 100%; min-height: 65px; padding: 10px 8px !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--v6-line) !important; border-radius: 0 !important; background: none !important; text-align: left; box-shadow: none !important; } #view .page[data-v7r="vera"] .r92j-rq:first-child { border-top: 1px solid var(--v6-line) !important; } #view .page[data-v7r="vera"] .r92j-rq:hover { background: var(--v6-fill) !important; } #view .page[data-v7r="vera"] .r92j-rq.is-on { background: var(--v7-tint) !important; } #view .page[data-v7r="vera"] .r92j-rq .vk-tile { display: none !important; } #view .page[data-v7r="vera"] .r92j-rq-t { flex: 1 1 auto; min-width: 0; } #view .page[data-v7r="vera"] .r92j-rq-t b { display: block; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #view .page[data-v7r="vera"] .r92j-rq-t small { display: block; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="vera"] .r92j-rq-s { flex: none; font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; } #view .page[data-v7r="vera"] .r92j-story > .vk-lit { padding: 24px !important; border: 1px solid var(--v6-line) !important; border-radius: 12px !important; background: none !important; box-shadow: none !important; } #view .page[data-v7r="vera"] .r92j-story .vk-lit-head { display: block !important; margin: 0 0 16px !important; } #view .page[data-v7r="vera"] .r92j-story .vk-lit-head .vk-tile { display: none !important; } #view .page[data-v7r="vera"] .r92j-story .vk-lit-t { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-2) !important; margin: 0 !important; } #view .page[data-v7r="vera"] .r92j-story .vk-lit-s { margin: 0 !important; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="vera"] .r92j-story .vk-te b, #view .page[data-v7r="vera"] .r92j-story .vk-te strong { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page[data-v7r="vera"] .r92j-story .vk-te :is(small, span:not(.vk-chip)) { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="vera"] .r92j-story .vk-chip { padding: 0 !important; background: none !important; border: 0 !important; font-size: 14px !important; line-height: 20px !important; } #view .page[data-v7r="vera"] .r92j-draft summary { font-size: 14px !important; line-height: 20px !important; color: var(--v6-link) !important; } #view .page[data-v7r="vera"] .r92j-ro { display: block; margin-top: 8px; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } /* the record: a table on the page */ #view .page[data-v7r="vera"] .r91-ledger-w { border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; box-shadow: none !important; overflow-x: auto; } #view .page[data-v7r="vera"] .r91-ledger td.vk-meta { font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; white-space: nowrap; } #view .page[data-v7r="vera"] .r91-ledger td :is(b, small) { margin: 0 !important; padding: 0 !important; } #view .page[data-v7r="vera"] .r91-ledger td b { display: block; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page[data-v7r="vera"] .r91-ledger td small { display: block; font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; } #view .page[data-v7r="vera"] .r91-ledger td small.vk-meta { font-size: 13px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="vera"] .r91-ledger td details summary { font-size: 14px !important; line-height: 20px !important; color: var(--v6-link) !important; cursor: pointer; } #view .page[data-v7r="vera"] .r91-ledger th .th-s { display: none; } /* what waits for a signature, her read of Today and the rest of her day: rows on the page; the source she cites stays beside them */ #view .page[data-v7r="vera"] .convo.v81v { margin-top: 40px !important; gap: 24px !important; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } #view .page[data-v7r="vera"] .convo.v81v > .v81v-main { gap: 0 !important; } #view .page[data-v7r="vera"] .v93vfeed > :first-child { margin-top: 0 !important; } #view .page[data-v7r="vera"] .v81sign .card-b > p { margin: 0 0 12px !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-3) !important; } #view .page[data-v7r="vera"] .v93vfeed .prep { padding: 16px 0 !important; margin: 0 !important; border: 0 !important; border-top: 1px solid var(--v6-line) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } #view .page[data-v7r="vera"] .v93vfeed .prep .ph { padding: 0 !important; margin: 0 0 4px !important; border: 0 !important; background: none !important; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="vera"] .v93vfeed .prep .ph svg.i { width: 14px !important; height: 14px !important; } #view .page[data-v7r="vera"] .v93vfeed .prep .pb { padding: 0 !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink) !important; } #view .page[data-v7r="vera"] .v93vfeed .prep .pb b { font-weight: 400 !important; } #view .page[data-v7r="vera"] .v93vfeed .prep .pf { padding: 0 !important; margin: 8px 0 0 !important; border: 0 !important; background: none !important; } #view .page[data-v7r="vera"] .v93vfeed .prep .pf .btn { height: 20px !important; padding: 0 !important; background: none !important; color: var(--v6-link) !important; font-size: 14px !important; line-height: 20px !important; } #view .page[data-v7r="vera"] .v93vfeed .prep .pcite { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="vera"] details.v89v-need > summary { list-style: none; cursor: pointer; display: flex !important; align-items: flex-start; gap: 16px; padding: 0 !important; background: none !important; border: 0 !important; } #view .page[data-v7r="vera"] details.v89v-need > summary .card-h { flex: 1 1 auto; margin: 0 !important; } #view .page[data-v7r="vera"] details.v89v-need > summary .card-h .sub { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="vera"] details.v89v-need[open] > summary { margin-bottom: 16px !important; } #view .page[data-v7r="vera"] .v81also details.v81sec { border: 0 !important; border-top: 1px solid var(--v6-line) !important; border-radius: 0 !important; background: none !important; margin: 0 !important; } #view .page[data-v7r="vera"] .v81also details.v81sec:last-of-type { border-bottom: 1px solid var(--v6-line) !important; } #view .page[data-v7r="vera"] .v81also details.v81sec > summary { min-height: 53px; padding: 14px 0 !important; display: flex !important; align-items: center; gap: 8px; } #view .page[data-v7r="vera"] .v81also details.v81sec > summary b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page[data-v7r="vera"] .v81also details.v81sec > summary > span:not(.v79chev) { font-size: 12px !important; line-height: 20px !important; font-weight: 480; letter-spacing: .2px; color: var(--v6-ink-4) !important; background: none !important; padding: 0 !important; } #view .page[data-v7r="vera"] .v81v-pane { padding: 24px !important; border: 1px solid var(--v6-line) !important; border-radius: 12px !important; background: none !important; box-shadow: none !important; } #view .page[data-v7r="vera"] .v81v-pane .vp-tabs { padding: 0 !important; gap: 0 !important; border-radius: 8px !important; background: var(--v6-fill) !important; border: 0 !important; margin: 0 0 16px !important; } #view .page[data-v7r="vera"] .v81v-pane .vp-tabs button { height: 32px !important; border-radius: 8px !important; border: 1px solid transparent !important; font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; background: none !important; box-shadow: none !important; } #view .page[data-v7r="vera"] .v81v-pane .vp-tabs button[aria-selected="true"] { background: var(--v6-surface, #fff) !important; border-color: var(--v7-line-3) !important; color: var(--v6-ink) !important; } #view .page[data-v7r="vera"] .v81v-pane .vp-head b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page[data-v7r="vera"] .v81v-pane .vp-head span:not(.chip) { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="vera"] .v81v-pane .vp-head .chip { padding: 0 !important; background: none !important; border: 0 !important; font-size: 14px !important; line-height: 20px !important; } #view .page[data-v7r="vera"] .v81v-pane :is(.vp-sum, .v93vkey) span { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; } #view .page[data-v7r="vera"] .v81v-pane .vp-doc { border: 1px solid var(--v6-line) !important; border-radius: 8px !important; box-shadow: none !important; } #view .page[data-v7r="vera"] .v81v-pane .vp-doc li :is(em, .orig) { font-size: 12px !important; line-height: 20px !important; } #view .page[data-v7r="vera"] .v81ask { margin-top: 40px !important; } #view .page[data-v7r="vera"] .v81ask .askfoot { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="vera"] .v81ask .chipbtn { height: 32px; padding: 0 12px !important; border: 1px solid var(--v6-line-2) !important; border-radius: 8px !important; background: var(--v7-field) !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-3) !important; } @media (max-width: 699px) { #view .page[data-v7r="vera"] .r91-dial { grid-template-columns: minmax(0, 1fr); } #view .page[data-v7r="vera"] .r91-mail > dl { grid-template-columns: minmax(0, 1fr); gap: 0 !important; } #view .page[data-v7r="vera"] .r91-vera-brief .vk-li b, #view .page[data-v7r="vera"] .r92j-rq-t b { white-space: normal; } } /* ===================================================================================================================== THE DAY (#/day, #/day/, #/day/): the list template. The day's four counts as Mercury's row of figures (the headline that said them again in a sentence stays for a screen reader and in the figures' tooltip), what is still open as one-line rows, then each list as an open section: a 19/28 heading and its table on the page. ===================================================================================================================== */ #view .page[data-v7r="day"] section.card { margin: 40px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } #view .page[data-v7r="day"] section.card > .card-h { display: block !important; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; min-height: 0 !important; background: none !important; } #view .page[data-v7r="day"] section.card > .card-h h2 { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--v6-ink) !important; margin: 0 !important; } #view .page[data-v7r="day"] section.card > .card-h .sub { display: block !important; margin: 4px 0 0 !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-3) !important; } #view .page[data-v7r="day"] section.card > .card-b { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; } #view .page[data-v7r="day"] section.card.r96d { margin-top: 0 !important; } #view .page[data-v7r="day"] section.card.r96d > .card-h.v7s-figs-h { margin-bottom: 12px !important; } #view .page[data-v7r="day"] .r96d-n { display: flex !important; flex-wrap: wrap; gap: 16px 48px !important; margin: 0 !important; padding: 12px 0 !important; border: 0 !important; border-top: 1px solid var(--v6-line) !important; border-bottom: 1px solid var(--v6-line) !important; background: none !important; } #view .page[data-v7r="day"] .r96d-n > div { display: flex !important; flex-direction: column-reverse; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; min-width: 0 !important; } #view .page[data-v7r="day"] .r96d-n > div b { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; letter-spacing: -.03em !important; color: var(--v6-ink) !important; } #view .page[data-v7r="day"] .r96d-n > div span { font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; } #view .page[data-v7r="day"] .r96d-h3 { margin: 40px 0 16px !important; font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--v6-ink) !important; } #view .page[data-v7r="day"] .r96d-sec { margin: 16px 0 8px !important; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="day"] .r96d-sec b { font-weight: 400 !important; } #view .page[data-v7r="day"] :is(.r96d-open, .r96d-recs) { margin: 0 !important; padding: 0 !important; list-style: none !important; } #view .page[data-v7r="day"] :is(.r96d-open, .r96d-recs) > li { display: flex; align-items: center; min-height: 53px; margin: 0 !important; padding: 14px 0 !important; border-bottom: 1px solid var(--v6-line); font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink) !important; } #view .page[data-v7r="day"] :is(.r96d-open, .r96d-recs) > li:first-child { border-top: 1px solid var(--v6-line); } #view .page[data-v7r="day"] :is(.r96d-open, .r96d-recs) > li::before { display: none !important; } #view .page[data-v7r="day"] .r96d-recs > li > a { display: block; width: 100%; text-decoration: none; } #view .page[data-v7r="day"] .r96d-recs > li > a b { display: block; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; } #view .page[data-v7r="day"] .r96d-recs > li > a span { display: block; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="day"] .r96d-recs > li:hover { background: var(--v6-fill); } #view .page[data-v7r="day"] .r96d-none { margin: 0 !important; padding: 14px 0 !important; border-top: 1px solid var(--v6-line); font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-3) !important; } #view .page[data-v7r="day"] .r96d-tw { border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; box-shadow: none !important; overflow-x: auto; } #view .page[data-v7r="day"] :is(.r96d-note, .r96d-sig) { padding: 0 !important; border: 0 !important; background: none !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; } #view .page[data-v7r="day"] .r96d-sig span { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; } #view .page[data-v7r="day"] :is(b, strong) { font-weight: 500 !important; }