/* v8 (2026-10-31, port r1, the PH-C lane): Inspection's Hand over and Rehearsals, the Partner Record, the Consultant and Settings
   (next-v8-ph-c.js), on the v8 tokens and Today's own parts (next-v8-today.css: the figures, the panels, the tracks, the rows).
   Every rule is scoped to the composition (.v8pc) or the page it marks (.page.v8pc-on, with v8pc-hand, -reh, -prx, -con or -set).
   The blocks a composition redraws stay in the page, clipped offscreen and inert. Sizes are the scale's: 12 13 14 15 19 28 34 38 40. */

/* ---------------- the page ---------------- */
#view .page.v8pc-on [data-v8pcshelf][data-v8pcshelf] {
  display: block !important; position: absolute !important; left: -20000px !important; top: 0 !important; width: 1000px !important; height: auto !important; max-height: none !important;
  margin: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; pointer-events: none !important; contain: layout paint;
}
#view .page.v8pc-on { position: relative; }
#view .v8pc { font-family: var(--v8-sans); color: var(--v8-t1); font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased; min-width: 0; }
#view .v8pc a { color: inherit; text-decoration: none; }
#view .v8pc :focus-visible { outline: 2px solid var(--v8-accent); outline-offset: 2px; border-radius: 6px; }
#view .v8pc .v8ti { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#view .v8pc .v8ti.neg { color: var(--v8-neg); } #view .v8pc .v8ti.warn { color: var(--v8-warn); } #view .v8pc .v8ti.pos { color: var(--v8-pos); }
#view .v8pc .v8ti.s3 { color: var(--v8-s3); } #view .v8pc .v8ti.mute { color: var(--v8-t3); }
#view .v8pc .v8pc-h h2 { margin: 0; font-size: 15px; font-weight: 500; letter-spacing: 0; line-height: 1.3; color: var(--v8-t1); }
#view .v8pc .v8pc-h { flex-wrap: nowrap; }
#view .v8pc .v8pc-h .v8t-c { font-family: var(--v8-sans); font-size: 12px; }
#view .v8pc .v8t-link { font-size: 13px; color: var(--v8-t2); }
#view .v8pc .v8t-link:hover { color: var(--v8-t1); }
#view .v8pc .v8t-btn { cursor: pointer; white-space: nowrap; text-decoration: none; }
#view .v8pc .v8t-btn[disabled], #view .v8pc .v8t-btn[aria-disabled="true"] { opacity: .5; cursor: default; }
#view .v8pc-p { margin: 10px 0 0; font-size: 13px; line-height: 1.55; color: var(--v8-t2); }
#view .v8pc-meta { margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: var(--v8-t3); }
#view .v8pc-acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

/* the figures and the two columns */
#view .v8pc-stats { margin-top: 16px; }
#view .v8pc .v8pc-stat .v8t-v.neg { color: var(--v8-neg); }
#view .v8pc .v8pc-stat .v8t-l { font-size: 15px; }
#view .v8pc-g2 { margin-top: 16px; }
#view .v8pc-col { display: grid; gap: 16px; align-content: start; min-width: 0; }
#view .v8pc-panel { min-width: 0; }
#view .v8pc-vis, #view .v8pc-list { padding: 20px 22px 18px; }

/* a status: an icon and a word */
#view .v8pc-st { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 500; line-height: 18px; color: var(--v8-t1); white-space: nowrap; }
#view .v8pc-st .v8ti { width: 16px; height: 16px; }
#view .v8pc-st.pos { color: var(--v8-pos); } #view .v8pc-st.neg { color: var(--v8-neg); } #view .v8pc-st.warn { color: var(--v8-warn); }
#view .v8pc-st.s3 { color: var(--v8-s3); } #view .v8pc-st.mute { color: var(--v8-t2); }

/* rows: a mark, the name and its line, the state and its date, the one next step */
#view .v8pc-rows { margin-top: 10px; }
#view .v8pc-row { display: grid; grid-template-columns: 32px minmax(0, 1fr) 150px 172px; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--v8-hair-2); }
#view .v8pc-row:first-child { border-top: 0; }
#view .v8pc-tile, #view .v8pc-av { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: var(--v8-raised); box-shadow: var(--v8-hi), 0 0 0 1px var(--v8-hair); color: var(--v8-t2); }
#view .v8pc .v8pc-tile .v8ti { width: 16px; height: 16px; color: currentColor; }
#view .v8pc-tile.pos { color: var(--v8-pos); } #view .v8pc-tile.warn { color: var(--v8-warn); } #view .v8pc-tile.neg { color: var(--v8-neg); } #view .v8pc-tile.s3 { color: var(--v8-s3); }
#view .v8pc-av { font: 600 12px/1 var(--v8-sans); color: var(--c); }
#view .v8pc-rb { min-width: 0; }
#view .v8pc-rn { display: block; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--v8-t1); overflow-wrap: anywhere; }
#view .v8pc a.v8pc-rn:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--v8-t3); }
#view .v8pc-rb small { display: block; margin-top: 2px; font-size: 13px; line-height: 19px; color: var(--v8-t3); overflow-wrap: anywhere; }
#view .v8pc-rs { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; }
#view .v8pc-rs small { padding-left: 23px; font-size: 12px; line-height: 16px; color: var(--v8-t3); white-space: nowrap; }
#view .v8pc-ra { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
#view .v8pc-foot { display: flex; flex-wrap: wrap; gap: 8px 18px; padding-top: 12px; border-top: 1px solid var(--v8-hair-2); }
#view .v8pc-foot .v8t-link { color: var(--v8-accent); }
#view .v8pc-none { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px 0 4px; }
#view .v8pc-none b { display: block; font-size: 14px; font-weight: 500; color: var(--v8-t1); }
#view .v8pc-none small { display: block; margin-top: 3px; font-size: 13px; line-height: 1.5; color: var(--v8-t3); }
#view .v8pc-none-a { display: block; margin-top: 10px; }

/* the board's cells: one per item, filled by its state */
#view .v8pc-cells { display: flex; flex-wrap: wrap; gap: 3px; }
#view .v8pc-cells i, #view .v8pc-k { width: 10px; height: 16px; border-radius: 3px; background: var(--k); flex: none; }
#view .v8pc-cells i.v, #view .v8pc-k.v { --k: color-mix(in srgb, var(--v8-pos) 80%, var(--v8-card)); }
#view .v8pc-cells i.p, #view .v8pc-k.p { --k: color-mix(in srgb, var(--v8-s3) 80%, var(--v8-card)); }
#view .v8pc-cells i.w, #view .v8pc-k.w { --k: color-mix(in srgb, var(--v8-warn) 85%, var(--v8-card)); }
#view .v8pc-cells i.f, #view .v8pc-k.f { --k: var(--v8-neg); }
#view .v8pc-cells i.x, #view .v8pc-k.x { --k: transparent; box-shadow: inset 0 0 0 1px var(--v8-hair); }
#view .v8pc-cells i.n, #view .v8pc-k.n { --k: transparent; box-shadow: inset 0 0 0 1px var(--v8-t3); opacity: .7; }
#view .v8pc-key { margin-top: 16px; }
#view .v8pc-key .v8pc-k { width: 8px; height: 12px; border-radius: 2px; }
#view .v8pc-of { font: 400 12px/16px var(--v8-mono); color: var(--v8-t3); white-space: nowrap; }

/* Hand over: the packet's path, then each area's requests as cells */
#view .v8pc-path { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 18px; border-top: 1px solid var(--v8-hair-2); border-bottom: 1px solid var(--v8-hair-2); }
#view .v8pc-step { position: relative; display: grid; grid-template-columns: 18px minmax(0, 1fr); column-gap: 10px; align-content: start; padding: 16px 16px 16px 0; min-width: 0; }
#view .v8pc-step + .v8pc-step { padding-left: 18px; border-left: 1px solid var(--v8-hair-2); }
#view .v8pc-sd { grid-row: 1; width: 18px; height: 18px; margin-top: 1px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--v8-t3); display: grid; place-items: center; }
#view .v8pc-step[data-state="now"] .v8pc-sd { box-shadow: inset 0 0 0 1.5px var(--v8-accent); }
#view .v8pc-step[data-state="now"] .v8pc-sd::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--v8-accent); }
#view .v8pc-step[data-state="done"] .v8pc-sd { box-shadow: none; }
#view .v8pc .v8pc-sd .v8ti { width: 18px; height: 18px; }
#view .v8pc-sl { grid-row: 1; font-size: 13px; line-height: 20px; color: var(--v8-t2); }
#view .v8pc-step b { grid-column: 2; margin-top: 8px; font-size: 28px; font-weight: 500; line-height: 1.05; letter-spacing: -.02em; color: var(--v8-t1); }
#view .v8pc-ss { grid-column: 2; margin-top: 4px; font-size: 13px; color: var(--v8-t2); }
#view .v8pc-step small { grid-column: 2; margin-top: 6px; font: 400 12px/1.45 var(--v8-mono); color: var(--v8-t3); }
#view .v8pc-areas { margin-top: 8px; }
#view .v8pc-area { display: grid; grid-template-columns: minmax(150px, 230px) minmax(0, 1fr) 64px 130px; gap: 16px; align-items: center; padding: 12px 0; border-top: 1px solid var(--v8-hair-2); }
#view .v8pc-area:first-child { border-top: 0; }
#view .v8pc-an { font-size: 14px; line-height: 20px; color: var(--v8-t1); }
#view .v8pc-area:hover .v8pc-an { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--v8-t3); }
#view .v8pc-area .v8pc-of { text-align: right; }

/* the side: Today's readiness meter and rows */
#view .v8pc .v8t-li > span:nth-child(2) { min-width: 0; overflow-wrap: anywhere; }
#view .v8pc .v8t-li small { font-family: var(--v8-sans); font-size: 12px; }
#view .v8pc .v8t-pn .v8t-h + .v8t-li { border-top: 0; margin-top: 6px; }
#view .v8pc .v8t-obs { cursor: pointer; }
#view .v8pc-hb { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 10px 0; border-top: 1px solid var(--v8-hair-2); font-size: 13px; color: var(--v8-t2); }
#view .v8pc .v8t-h + .v8pc-hb { border-top: 0; margin-top: 6px; }
#view .v8pc-hb b { font-weight: 500; color: var(--v8-t1); }
#view .v8pc-hb i { position: relative; grid-column: 1 / -1; height: 6px; border-radius: 3px; background: var(--v8-raised); overflow: hidden; }
#view .v8pc-hb i::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--w); border-radius: 3px; background: var(--c); }
#view .v8pc-hb:hover span { color: var(--v8-t1); }

/* a timeline: dates above, a today line, bars and marks at their dates */
#view .v8pc-tl { position: relative; margin-top: 16px; --lw: 330px; --rw: 170px; }
#view .v8pc-wide { margin-top: 16px; }
#view .v8pc-tlh, #view .v8pc-tlr, #view .v8pc-lane { display: grid; grid-template-columns: var(--lw) minmax(0, 1fr) var(--rw); gap: 16px; align-items: center; }
#view .v8pc-tlh { height: 22px; }
#view .v8pc-ax { position: relative; height: 18px; font: 400 12px/18px var(--v8-mono); color: var(--v8-t3); }
#view .v8pc-ax span { position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap; }
#view .v8pc-ax span.l { transform: none; } #view .v8pc-ax span.r { transform: translateX(-100%); }
#view .v8pc-lane, #view .v8pc-tlr { min-height: 48px; padding: 6px 0; border-top: 1px solid var(--v8-hair-2); }
#view .v8pc-lane:hover { background: color-mix(in srgb, var(--v8-raised) 45%, transparent); }
#view .v8pc-ln { display: flex; align-items: flex-start; gap: 10px; min-width: 0; font-size: 14px; line-height: 20px; color: var(--v8-t1); }
#view .v8pc-ln > span { min-width: 0; }
#view .v8pc-ln .v8ti { width: 16px; height: 16px; margin-top: 2px; }
#view .v8pc-ln small { display: block; font-size: 12px; line-height: 16px; color: var(--v8-t3); overflow-wrap: anywhere; }
#view .v8pc-tlm .v8pc-ln > span { padding-left: 26px; }
#view .v8pc-lt { position: relative; height: 24px; }
#view .v8pc-lt::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--v8-grid); }
#view .v8pc-bar { position: absolute; top: 7px; height: 10px; border-radius: 5px; background: color-mix(in srgb, var(--c, var(--v8-warn)) 70%, var(--v8-card)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c, var(--v8-warn)) 85%, transparent); }
#view .v8pc-bar.warn { --c: var(--v8-warn); } #view .v8pc-bar.neg { --c: var(--v8-neg); } #view .v8pc-bar.pos { --c: var(--v8-pos); } #view .v8pc-bar.t3 { --c: var(--v8-t3); } #view .v8pc-bar.s3 { --c: var(--v8-s3); }
#view .v8pc-le { font: 400 12px/16px var(--v8-mono); color: var(--v8-t3); text-align: right; }
#view .v8pc-le.neg { color: var(--v8-neg); }
#view .v8pc-mk { position: absolute; top: 0; width: 0; height: 24px; }
#view .v8pc-mk i, #view .v8pc-dia { position: absolute; left: -6px; top: 6px; width: 11px; height: 11px; transform: rotate(45deg); border-radius: 2px; background: var(--v8-t1); box-shadow: 0 0 0 3px var(--v8-card); }
#view .v8pc-dia { position: relative; left: 0; top: 0; display: inline-block; width: 8px; height: 8px; box-shadow: none; }
#view .v8pc-mk em { position: absolute; left: 10px; top: 4px; font: 400 12px/16px var(--v8-mono); font-style: normal; color: var(--v8-t2); white-space: nowrap; }
#view .v8pc-today { position: absolute; top: 18px; bottom: 0; left: calc(var(--lw) + 16px + (100% - var(--lw) - var(--rw) - 32px) * var(--tf)); width: 0; border-left: 1px dashed color-mix(in srgb, var(--v8-accent) 70%, transparent); pointer-events: none; }
#view .v8pc-today em { position: absolute; top: -18px; left: 0; transform: translateX(-50%); padding: 0 4px; font: 500 12px/16px var(--v8-sans); font-style: normal; color: var(--v8-accent); background: var(--v8-card); white-space: nowrap; }
#view .v8pc-tl .v8pc-tlh .v8pc-ax { z-index: 0; }

/* ---------------- light ---------------- */
:root:not([data-theme="dark"]) #view .v8pc-mk i { background: var(--v8-t1); }

/* ---------------- tablets and phones ---------------- */
@media (max-width: 1180px) {
  #view .v8pc-g2 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 899px) {
  #view .v8pc-area { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; }
  #view .v8pc-area .v8pc-an { grid-column: 1 / -1; }
  #view .v8pc-area .v8pc-cells { grid-column: 1; }
  #view .v8pc-area .v8pc-aw { grid-column: 1 / -1; }
  #view .v8pc-tl { --lw: 170px; --rw: 96px; }
  #view .v8pc-tlh, #view .v8pc-tlr, #view .v8pc-lane { gap: 10px; }
  #view .v8pc-today { left: calc(var(--lw) + 10px + (100% - var(--lw) - var(--rw) - 20px) * var(--tf)); }
}
@media (max-width: 699px) {
  #view .v8pc-vis, #view .v8pc-list { padding: 18px 16px 14px; }
  #view .v8pc-path { grid-template-columns: minmax(0, 1fr); }
  #view .v8pc-step + .v8pc-step { padding-left: 0; border-left: 0; border-top: 1px solid var(--v8-hair-2); }
  #view .v8pc-row { grid-template-columns: 32px minmax(0, 1fr); gap: 8px 12px; }
  #view .v8pc-row > .v8pc-rs, #view .v8pc-row > .v8pc-ra { grid-column: 2; justify-content: flex-start; }
  #view .v8pc-ra .v8t-btn, #view .v8pc-acts .v8t-btn { height: 44px; padding: 0 14px; }
  #view .v8pc-foot .v8t-link, #view .v8pc .v8t-h .v8t-link { display: inline-flex; align-items: center; min-height: 44px; }
  #view .v8pc-tl { --lw: 0px; --rw: 0px; }
  #view .v8pc-tlh, #view .v8pc-tlr, #view .v8pc-lane { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  #view .v8pc-tlh > span:not(.v8pc-ax), #view .v8pc-tlh > span:empty { display: none; }
  #view .v8pc-lane .v8pc-le, #view .v8pc-tlr .v8pc-le { text-align: left; }
  #view .v8pc-today { left: calc(100% * var(--tf)); }
  #view .v8pc-lane { min-height: 44px; }
  #view .v8pc-area { min-height: 44px; }
  #view .v8pc .v8t-li, #view .v8pc-hb { min-height: 44px; }
  #view .v8pc-stat.v8t-stat { height: 128px; }
}

/* ======================= the profile head (next-v8-profile.css's parts), on the Partner Record and the Consultant ======================= */
#view .page.v8pc-prx, #view .page.v8pc-prx[data-v7x], #view .page.v8pc-con, #view .page.v8pc-con[data-v7x] { display: block !important; grid-template-columns: none !important; max-width: none; }
#view .page.v8pc-prx > *, #view .page.v8pc-con > * { grid-area: auto !important; }
#view .v8pc-prof .v8pro .v8pro-name h1 { margin: 0 !important; }
#view .v8pc-prof .v8pro-name .xpl-btn { margin: 0; }
#view .v8pc-prof .v8pro-stats .v8pro-stat b.warn { color: var(--v8-warn); }
#view .v8pc-prof .v8ti { width: 16px; height: 16px; }
#view .v8pc-prof .v8pro-acts .btn { height: 36px; }
#view .v8pc-badge { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; border-radius: 7px; font-size: 12px; color: var(--v8-t2); box-shadow: 0 0 0 1px var(--v8-hair); }
#view .v8pc-pay { margin: 10px 0 0; max-width: 760px; font-size: 13px; line-height: 1.5; color: var(--v8-t3); }
#view .v8pc-prof > .v8pc-stats { margin-top: 16px; }
#view .v8pc-prof .v8pro-sw .v8ti { margin-right: 0; }
#view .v8pc .v8pro-ev .v8ti, #view .v8pc .v8pro-evi .v8ti { width: 15px; height: 15px; color: currentColor; }
#view .v8pc .v8pro-more .v8ti { width: 14px; height: 14px; }
#view .v8pc-ins { margin: 0 0 16px; }
#view .v8pc-ins .v8pro-panel { margin: 0; }
#view .v8pc-av.sm { width: 24px; height: 24px; border-radius: 7px; font-size: 12px; flex: none; }
#view .v8pc-ln > .v8pc-av.sm { margin-top: -2px; }
#view .v8pc-an small { display: block; margin-top: 2px; font-size: 12px; line-height: 16px; color: var(--v8-t3); }

/* the Partner Record's page: the head first, then its own blocks in v8 dress */
#view .page.v8pc-prx > [data-v8pc="prxhead"] { margin-bottom: 16px; }
#view .page.v8pc-prx > .v5-moved { margin: 0 0 16px !important; }
#view .page.v8pc-prx > .prx-cols { margin-top: 0 !important; gap: 16px !important; align-items: start; }
#view .page.v8pc-prx > .prx-cols > .prx-pane { border: 0 !important; padding: 0 !important; display: grid; gap: 16px; align-content: start; position: static; }
#view .page.v8pc-prx > .prx-cols > .prx-pane > .prx-pgroup:not(.v7x-gone) { margin: 0 !important; padding: 18px 22px !important; border: 0 !important; border-radius: var(--v8-r-panel); background: var(--v8-card); box-shadow: 0 0 0 1px var(--v8-hair); }
#view .page.v8pc-prx > .prx-cols > .prx-pane > .v8pc-ins { margin: 0; }
#view .page.v8pc-prx .prx-needs { margin-bottom: 20px; }
#view .page.v8pc-prx .prx-needs-l, #view .page.v8pc-prx .prx-card { border-radius: var(--v8-r-panel) !important; background: var(--v8-card) !important; box-shadow: 0 0 0 1px var(--v8-hair) !important; border: 0 !important; }
#view .page.v8pc-prx > .prx-cols .prx-banner { margin-bottom: 16px; }
#view .page.v8pc-prx > .v8pc-prxb { margin-top: 0; }
#view .page.v8pc-prx > .v8pc-prxb .v8pc-g2 { margin-top: 0; }
#view .page.v8pc-prx > p.prx-quiet { margin-top: 16px; }
#view .page.v8pc-prx.v8pc-x-listing > .v95p-ph { margin-top: 0 !important; }
#view .page.v8pc-prx.v8pc-x-listing > .v95p-ph .v96p-cover, #view .page.v8pc-prx.v8pc-x-listing > .v95p-ph .v96p-ph-av { display: none !important; }
#view .v8pc-due { font: 400 12px/16px var(--v8-mono); color: var(--v8-t3); white-space: nowrap; }
#view .v8pc-strow { align-items: start; }
#view .v8pc-strow .v8pc-rn { font-weight: 400; }
#view .v8pc-sx .prx-ssub { margin: 4px 0 0; font-size: 13px; line-height: 19px; color: var(--v8-t3); }
#view .v8pc-sx .prx-litlist { margin: 4px 0 0; padding-left: 18px; font-size: 13px; color: var(--v8-t3); }
#view .v8pc-cyc { margin-top: 18px; }
#view .v8pc-cych, #view .v8pc-cycf { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; color: var(--v8-t2); }
#view .v8pc-cych b { font-size: 19px; font-weight: 500; color: var(--v8-t1); margin-right: 4px; }
#view .v8pc-cych .warn { color: var(--v8-warn); } #view .v8pc-cych .neg { color: var(--v8-neg); }
#view .v8pc-cyct { position: relative; display: block; height: 10px; margin: 10px 0 8px; border-radius: 5px; background: var(--v8-raised); overflow: hidden; }
#view .v8pc-cyct i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 5px; background: var(--v8-pos); }
#view .v8pc-cyct i.warn { background: var(--v8-warn); } #view .v8pc-cyct i.neg { background: var(--v8-neg); }
#view .v8pc-cycf { font: 400 12px/16px var(--v8-mono); color: var(--v8-t3); }
#view .v8pc-cycc { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--v8-hair-2); }
#view .v8pc .v8pc-cycc .v8pc-cells i { width: 14px; height: 20px; border-radius: 4px; }

/* the dated strip's dots (the Consultant) */
#view .v8pc-dot { position: absolute; top: 6px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 2px var(--v8-card); }
#view .v8pc-dot.pos { --c: var(--v8-pos); } #view .v8pc-dot.neg { --c: var(--v8-neg); } #view .v8pc-dot.warn { --c: var(--v8-warn); } #view .v8pc-dot.s3 { --c: var(--v8-s3); }
#view .v8pc-dot.open { background: var(--v8-card); box-shadow: inset 0 0 0 2px var(--c), 0 0 0 2px var(--v8-card); }
#view .v8pc-dot.dia { border-radius: 2px; transform: rotate(45deg); width: 10px; height: 10px; margin-left: -5px; top: 7px; }
#view .v8pc-ring { display: inline-block; width: 8px; height: 8px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--v8-t2); }
#view .page.v8pc-con > .pc-head { display: block !important; position: relative; padding: 0 !important; margin: 0 0 16px !important; border: 0 !important; background: none !important; box-shadow: none !important; min-height: 0 !important; }
#view .page.v8pc-con .v8pc-conv .v8pc-lane { min-height: 52px; }
#view .page.v8pc-con > :is(.pc-grid, .v7-sec):not([data-v8pcshelf]) { margin-top: 16px !important; }
#view .page.v8pc-con > .pc-grid > .v6-panel, #view .page.v8pc-con > .v7-sec { border: 0 !important; border-radius: var(--v8-r-panel) !important; background: var(--v8-card) !important; box-shadow: 0 0 0 1px var(--v8-hair) !important; padding: 20px 22px !important; }
#view .page.v8pc-con > .pc-grid { gap: 16px !important; }
#view .page.v8pc-con > .pc-note { margin-top: 16px; font-size: 12px; color: var(--v8-t3); }

/* ======================= Settings ======================= */
#view .v8pc-seth { margin: 0 0 16px; padding: 20px 22px 4px; border-radius: var(--v8-r-panel); background: var(--v8-card); box-shadow: 0 0 0 1px var(--v8-hair); }
#view .v8pc-seth-t h2 { margin: 0; font-size: 19px; font-weight: 500; line-height: 1.3; letter-spacing: -.01em; color: var(--v8-t1); }
#view .v8pc-seth-t p { margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: var(--v8-t3); }
#view .v8pc-seth .v8pc-setc { margin-top: 14px; border-bottom: 0; }
#view .v8pc-seth .v8pc-setc b { font-size: 15px; line-height: 1.3; white-space: normal; }
#view .v8pc-seth .v8pc-setc span { white-space: normal; }
#view .page.v8pc-set .setbody > :is(section, .card, .v6-panel):not([data-v8pcshelf]):not(.v8pc) { border-radius: var(--v8-r-panel) !important; box-shadow: 0 0 0 1px var(--v8-hair) !important; border: 0 !important; }

@media (max-width: 1180px) {
  #view .page.v8pc-prx > .prx-cols { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 699px) {
  #view .v8pc-prof .v8pro-acts .btn, #view .v8pc-prof .v8pro-acts summary.btn { height: 44px !important; }
  #view .v8pc-prof .v8pro-name .v7x-tb, #view .v8pc-prof .v8pro-name .xpl-btn { min-height: 44px; }
  #view .v8pc-prof .v8pro-stat { display: inline-block; padding: 12px 0; }
  #view .v8pc-prof .v8pro-tabs { overflow-x: auto; justify-content: flex-start; }
  #view .v8pc-prof .v8pro-tab { height: 44px; }
  #view .v8pc-seth { padding: 18px 16px 4px; }
  #view .v8pc-seth .v8pc-setc { grid-auto-flow: row; grid-template-columns: 1fr 1fr; }
  #view .v8pc-seth .v8pc-setc > :nth-child(3) { padding-left: 0; border-left: 0; }
  #view .v8pc-seth .v8pc-setc > :nth-child(n+3) { border-top: 1px solid var(--v8-hair-2); }
  #view .v8pc-strow .v8pc-ra { justify-content: flex-start; }
}

/* the profile's tabs are links here; another page's tab dress never reaches them */
#view .v8pc-prof .v8pro .v8pro-tabs { background: none !important; box-shadow: none !important; border-radius: 0 !important; border-top: 1px solid var(--v8-hair-2); padding: 0 12px !important; margin-top: 18px; height: auto; }
#view .v8pc-prof .v8pro .v8pro-tab, #view .v8pc-prof .v8pro .v8pro-tab[aria-selected="true"] { background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; height: 48px; min-height: 0; padding: 0 12px; margin: 0; }
#view .v8pc-prof .v8pro .v8pro-av { background: var(--v8-t1); }
#view .v8pc-prof .v8pro-head:not(:has(.v8pro-tabs)) .v8pro-who { padding-bottom: 20px; }
#view .page.v8pc-prx > [data-v8pc="prxhead"] { margin: 0 0 16px !important; }
#view .page.v8pc-prx > .v8pc-prxb { margin-top: 0 !important; }
#view .v8pc-tlempty { display: block; padding: 10px 0 6px; }
#view .v8pc-tlempty .v8pc-none { padding-top: 6px; }
#view .page.v8pc-con .v8pc-conv .v8pc-tl { --lw: 170px; --rw: 112px; }
#view .page.v8pc-set .setbody > section.v6-profile:not([data-v8pcshelf]) { padding: 18px 22px !important; }
#view .v8pc-prxb .v8pc-tl { --lw: 210px; --rw: 120px; }
#view .v8pc-dia.s3 { background: var(--v8-s3); }
@media (max-width: 699px) {
  /* on a phone the names sit above their tracks: today is a mark in each track, not one line across the names */
  #view .v8pc-today { display: none; }
  #view .v8pc-lt::after { content: ""; position: absolute; top: 2px; bottom: 2px; left: calc(100% * var(--tf, 0)); border-left: 1px dashed color-mix(in srgb, var(--v8-accent) 70%, transparent); }
  #view .v8pc-tlh .v8pc-ax { margin-top: 2px; }
}
@media (max-width: 699px) {
  #view .v8pc .v8t-h .v8t-btn { height: 44px; }
  #view .v8pc .v8t-meter { min-height: 44px; }
  #view .v8pc .v8t-obs { display: flex; align-items: center; min-height: 44px; margin-top: 4px; }
}
/* the consultant's own "Manage access", in place, where the profile's actions sit (beside the monogram, under the cover) */
#view .page.v8pc-con > .pc-head > .v89-head-a { position: absolute; top: 142px; right: 24px !important; left: auto !important; width: auto !important; z-index: 2; margin: 0 !important; display: flex; gap: 8px; }
@media (max-width: 699px) {
  #view .page.v8pc-con > .pc-head > .v89-head-a { top: 108px; right: 16px !important; left: auto !important; width: auto !important; }
  #view .page.v8pc-con > .pc-head > .v89-head-a .btn { height: 44px !important; }
}
#view .v8pc-seth.v8pc-seth-n .v8pc-setc { margin-top: 0; border-top: 0; }
#view .v8pc-seth.v8pc-seth-n { padding-top: 6px; }