@import '_content/BM.Components/BM.Components.r8dt4iyo2c.bundle.scp.css';
/* /Hub/Components/HubAvatar.razor.rz.scp.css */
.hub-avatar[b-9m2fh5xypl] { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #dbeafe; color: #1e3a8a; font-weight: 700; }
.hub-avatar--small[b-9m2fh5xypl] { width: 1.75rem; height: 1.75rem; font-size: .7rem; }
.hub-avatar--medium[b-9m2fh5xypl] { width: 2.5rem; height: 2.5rem; font-size: .9rem; }
.hub-avatar--large[b-9m2fh5xypl] { width: 3.5rem; height: 3.5rem; font-size: 1.2rem; }
.hub-avatar--dark[b-9m2fh5xypl] { background: #374151; color: #fff; }
/* /Hub/Components/HubBadge.razor.rz.scp.css */
.hub-badge[b-nifsw2mrzh] { display: inline-block; font: 600 .75rem/1.2 ui-monospace, monospace; padding: .15rem .45rem; border-radius: .35rem; letter-spacing: .03em; text-transform: uppercase; }
.hub-badge--neutral[b-nifsw2mrzh] { background: #e5e7eb; color: #1f2937; }
.hub-badge--info[b-nifsw2mrzh] { background: #dbeafe; color: #1e3a8a; }
.hub-badge--success[b-nifsw2mrzh] { background: #d1fae5; color: #065f46; }
.hub-badge--warning[b-nifsw2mrzh] { background: #fef3c7; color: #78350f; }
.hub-badge--danger[b-nifsw2mrzh] { background: #fee2e2; color: #991b1b; }
.hub-badge--violet[b-nifsw2mrzh] { background: #ede9fe; color: #5b21b6; }
/* /Hub/Components/HubButton.razor.rz.scp.css */
.hub-btn[b-hlh3u5k3kl] { font: inherit; padding: .5rem 1rem; border-radius: .5rem; border: 1px solid #cfd4dc; background: #fff; color: #111827; cursor: pointer; }
.hub-btn:hover:not(:disabled)[b-hlh3u5k3kl] { background: #f3f4f6; }
.hub-btn:focus-visible[b-hlh3u5k3kl] { outline: 3px solid #1d4ed8; outline-offset: 2px; }
.hub-btn:disabled[b-hlh3u5k3kl] { opacity: .55; cursor: not-allowed; }
.hub-btn--primary[b-hlh3u5k3kl] { background: #1d4ed8; border-color: #1d4ed8; color: #fff; font-weight: 600; }
.hub-btn--primary:hover:not(:disabled)[b-hlh3u5k3kl] { background: #1e40af; }
.hub-btn--dark[b-hlh3u5k3kl] { background: #111827; border-color: #111827; color: #fff; font-weight: 600; }
.hub-btn--dark:hover:not(:disabled)[b-hlh3u5k3kl] { background: #1f2937; }
.hub-btn--link[b-hlh3u5k3kl] { border-color: transparent; background: transparent; color: #1d4ed8; }
.hub-btn[aria-pressed="true"][b-hlh3u5k3kl] { background: #dbeafe; border-color: #1d4ed8; color: #1e3a8a; }
/* /Hub/Components/HubCheckbox.razor.rz.scp.css */
.hub-check[b-z1kywai6ps] { display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; color: #111827; }
.hub-check input[b-z1kywai6ps] { width: 1.1rem; height: 1.1rem; accent-color: #1d4ed8; }
.hub-check input:focus-visible[b-z1kywai6ps] { outline: 3px solid #1d4ed8; outline-offset: 2px; }
/* /Hub/Components/HubChip.razor.rz.scp.css */
.hub-chip[b-2szimxkcc3] { font: inherit; padding: .3rem .85rem; border-radius: 999px; border: 1px solid #6b7280; background: #fff; color: #111827; cursor: pointer; }
.hub-chip:focus-visible[b-2szimxkcc3] { outline: 3px solid #1d4ed8; outline-offset: 2px; }
.hub-chip--on[b-2szimxkcc3] { background: #111827; color: #fff; border-color: #111827; }
.hub-chip__n[b-2szimxkcc3] { display: inline-block; min-width: 1.2rem; margin-left: .15rem; padding: 0 .35rem; border-radius: 999px; background: #e5e7eb; color: #111827; font-size: .78rem; font-weight: 700; text-align: center; }
.hub-chip--on .hub-chip__n[b-2szimxkcc3] { background: #374151; color: #fff; }
/* /Hub/Components/HubCounter.razor.rz.scp.css */
.hub-counter[b-bbg0hcyyia] { display: inline-block; min-width: 1.5rem; text-align: center; padding: .05rem .5rem; border-radius: 999px; font-weight: 700; font-size: .8rem; }
.hub-counter--neutral[b-bbg0hcyyia] { background: #e5e7eb; color: #111827; }
.hub-counter--info[b-bbg0hcyyia] { background: #1d4ed8; color: #fff; }
.hub-counter--danger[b-bbg0hcyyia] { background: #b91c1c; color: #fff; }
.hub-counter--warning[b-bbg0hcyyia] { background: #92400e; color: #fff; }
.hub-counter--success[b-bbg0hcyyia] { background: #047857; color: #fff; }
.hub-counter--violet[b-bbg0hcyyia] { background: #6d28d9; color: #fff; }
/* /Hub/Components/HubDialog.razor.rz.scp.css */
.hub-scrim[b-mr3b7jlhox] { position: fixed; inset: 0; background: rgba(17, 24, 39, .55); z-index: 1000; }
.hub-modal[b-mr3b7jlhox] { position: fixed; z-index: 1001; background: #fff; color: #111827; display: flex; flex-direction: column; box-shadow: 0 20px 50px rgba(0,0,0,.3); }
.hub-modal:focus[b-mr3b7jlhox] { outline: none; }
.hub-modal--dialog[b-mr3b7jlhox] { top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(32rem, 92vw); max-height: 90vh; border-radius: .75rem; }
.hub-modal--drawer[b-mr3b7jlhox] { top: 0; right: 0; bottom: 0; width: min(26rem, 100vw); }
.hub-modal__head[b-mr3b7jlhox] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; border-bottom: 1px solid #e5e7eb; }
.hub-modal__title[b-mr3b7jlhox] { margin: 0; font-size: 1.15rem; }
.hub-modal__close[b-mr3b7jlhox] { font-size: 1.5rem; line-height: 1; background: transparent; border: 0; cursor: pointer; padding: .25rem .5rem; border-radius: .35rem; }
.hub-modal__close:focus-visible[b-mr3b7jlhox] { outline: 3px solid #1d4ed8; }
.hub-modal__body[b-mr3b7jlhox] { padding: 1.25rem; overflow: auto; flex: 1; }
.hub-modal__actions[b-mr3b7jlhox] { display: flex; justify-content: flex-end; gap: .5rem; padding: .85rem 1.25rem; border-top: 1px solid #e5e7eb; }
/* /Hub/Components/HubList.razor.rz.scp.css */
.hub-list[b-4zqogfmpgv] { list-style: none; margin: 0; padding: 0; }
/* /Hub/Components/HubListRow.razor.rz.scp.css */
.hub-row[b-cvagc1y7j0] { border-bottom: 1px solid #e5e7eb; }
.hub-row__btn[b-cvagc1y7j0] { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; box-sizing: border-box; min-width: 0; overflow: hidden; gap: .35rem; width: 100%; text-align: left; font: inherit; background: transparent; border: 0; padding: 1rem 1.2rem; cursor: pointer; color: #111827; }
.hub-row__btn:hover[b-cvagc1y7j0] { background: #f9fafb; }
.hub-row__btn:focus-visible[b-cvagc1y7j0] { outline: 3px solid #1d4ed8; outline-offset: -3px; }
.hub-row__top[b-cvagc1y7j0] { display: flex; align-items: center; gap: .6rem; min-width: 0; }
.hub-row__title[b-cvagc1y7j0] { font-weight: 600; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hub-row__trail[b-cvagc1y7j0] { color: #4b5563; font-size: .85rem; }
.hub-row__preview[b-cvagc1y7j0] { display: block; min-width: 0; max-width: 100%; direction: ltr; text-align: left; color: #374151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hub-row__meta[b-cvagc1y7j0] { color: #1f2937; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
/* Selected row (#68576 B, Main.png): blue 4px left bar + tint. Styled on the BUTTON, not the : the button fills the row,
so a tint/inset shadow on the was painted underneath it and the button's own :hover background (#f9fafb) covered both
while the pointer still sat on the row just clicked - staging showed a faint grey row with a 0px left border. A real
border-left (padding reduced by the same 4px so text does not shift) and a :hover variant that outranks
.hub-row__btn:hover keep the bar and tint visible in every state. */
.hub-row--on[b-cvagc1y7j0] { background: #e0e9ff; }
.hub-row--on .hub-row__btn[b-cvagc1y7j0],
.hub-row--on .hub-row__btn:hover[b-cvagc1y7j0] { background: #e0e9ff; border-left: 4px solid #1d4ed8; padding-left: calc(1.2rem - 4px); }
/* /Hub/Components/HubSelect.razor.rz.scp.css */
.hub-field[b-zyzfwg3x3b] { display: flex; flex-direction: column; gap: .25rem; }
.hub-field__label[b-zyzfwg3x3b] { font-size: .85rem; font-weight: 600; color: #374151; }
.hub-field__control[b-zyzfwg3x3b] { font: inherit; padding: .5rem .75rem; border: 1px solid #6b7280; border-radius: .5rem; background: #fff; color: #111827; }
.hub-field__control:focus-visible[b-zyzfwg3x3b] { outline: 3px solid #1d4ed8; outline-offset: 1px; }
/* /Hub/Components/HubTabs.razor.rz.scp.css */
.hub-tabs[b-1xegwncfzj] { display: flex; gap: .25rem; border-bottom: 1px solid #d1d5db; }
.hub-tab[b-1xegwncfzj] { font: inherit; background: transparent; border: 0; border-bottom: 3px solid transparent; padding: .6rem 1rem; cursor: pointer; color: #374151; }
.hub-tab--on[b-1xegwncfzj] { border-bottom-color: #1d4ed8; color: #111827; font-weight: 600; }
.hub-tab:focus-visible[b-1xegwncfzj] { outline: 3px solid #1d4ed8; outline-offset: -3px; }
/* /Hub/Components/HubTextInput.razor.rz.scp.css */
.hub-field[b-4qr9u22r1r] { display: flex; flex-direction: column; gap: .25rem; }
.hub-field__label[b-4qr9u22r1r] { font-size: .85rem; font-weight: 600; color: #374151; }
.hub-field__control[b-4qr9u22r1r] { font: inherit; padding: .5rem .75rem; border: 1px solid #6b7280; border-radius: .5rem; background: #fff; color: #111827; }
.hub-field__control:focus-visible[b-4qr9u22r1r] { outline: 3px solid #1d4ed8; outline-offset: 1px; }
.hub-field__control[aria-invalid="true"][b-4qr9u22r1r] { border-color: #b91c1c; }
.hub-field__error[b-4qr9u22r1r] { color: #b91c1c; font-size: .8rem; }
/* /Hub/Components/HubTimelineItem.razor.rz.scp.css */
.hub-tl[b-83hh2v8v71] { display: flex; gap: .75rem; align-items: flex-start; padding: .75rem 1rem; margin-bottom: .6rem; background: #fff; border: 1px solid #e5e7eb; border-radius: .6rem; list-style: none; color: #111827; }
.hub-tl__time[b-83hh2v8v71] { color: #4b5563; font-size: .8rem; }
/* /Hub/Components/HubToastHost.razor.rz.scp.css */
.hub-toasts[b-zanuwdz4ij] { position: fixed; right: 1rem; bottom: 1rem; z-index: 1100; }
.hub-toast[b-zanuwdz4ij] { display: flex; gap: .75rem; align-items: center; justify-content: space-between; padding: .7rem 1rem; border-radius: .5rem; color: #fff; min-width: 15rem; margin-top: .5rem; }
.hub-toast--info[b-zanuwdz4ij], .hub-toast--neutral[b-zanuwdz4ij] { background: #1e3a8a; }
.hub-toast--success[b-zanuwdz4ij] { background: #065f46; }
.hub-toast--warning[b-zanuwdz4ij] { background: #78350f; }
.hub-toast--danger[b-zanuwdz4ij] { background: #991b1b; }
.hub-toast--violet[b-zanuwdz4ij] { background: #5b21b6; }
.hub-toast__x[b-zanuwdz4ij] { background: transparent; border: 0; color: inherit; font-size: 1.25rem; cursor: pointer; }
.hub-toast__x:focus-visible[b-zanuwdz4ij] { outline: 3px solid #fff; }
/* /Hub/Mobile/HubMobileIsland.razor.rz.scp.css */
/* Comms Hub mobile (#68576 P5), measured from MobileTasks.png / MobileChat.png (780px wide = 2x, so css px are half the image px).
Scoped CSS reaches child components only through ::deep, so every rule hangs off the .hubm-app root. The "Hub Inter" font-face
is declared once in HubConsoleIsland.razor.css (same compiled bundle). */
.hubm-app[b-oy2yzfwkjv] { position: fixed; inset: 0; margin: 0 auto; max-width: 560px; display: flex; flex-direction: column; background: #f3f4f6; color: #111827; font-family: "Hub Inter", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; -webkit-text-size-adjust: 100%; }
.hubm-app[b-oy2yzfwkjv] .hubm-body { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; }
.hubm-app[b-oy2yzfwkjv] .hubm-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hubm-app[b-oy2yzfwkjv] button { font: inherit; }
.hubm-app[b-oy2yzfwkjv] button:focus-visible, .hubm-app[b-oy2yzfwkjv] a:focus-visible, .hubm-app[b-oy2yzfwkjv] input:focus-visible { outline: 3px solid #1d4ed8; outline-offset: 2px; }
/* page = header + scroll area */
.hubm-app[b-oy2yzfwkjv] .hubm-page { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.hubm-app[b-oy2yzfwkjv] .hubm-head { flex: none; background: #fff; padding: calc(env(safe-area-inset-top, 0px) + 22px) 20px 12px; }
.hubm-app[b-oy2yzfwkjv] .hubm-head__row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.hubm-app[b-oy2yzfwkjv] .hubm-h1 { margin: 0; font-size: 28px; line-height: 1.15; font-weight: 700; letter-spacing: -.02em; }
.hubm-app[b-oy2yzfwkjv] .hubm-sync { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; color: #6b7280; white-space: nowrap; }
.hubm-app[b-oy2yzfwkjv] .hubm-sync--stale { color: #b45309; font-weight: 600; }
.hubm-app[b-oy2yzfwkjv] .hubm-scroll { flex: 1; min-height: 0; overflow-y: auto; padding: 4px 12px 96px; background: #f3f4f6; -webkit-overflow-scrolling: touch; }
/* segmented filter */
.hubm-app[b-oy2yzfwkjv] .hubm-seg { display: flex; gap: 2px; padding: 4px; background: #f3f4f6; border-radius: 12px; }
.hubm-app[b-oy2yzfwkjv] .hubm-seg__btn { flex: 1 1 0; padding: 10px 2px; font-size: 15.5px; white-space: nowrap; border: 0; border-radius: 9px; background: transparent; color: #4b5563; font-size: 16px; cursor: pointer; }
.hubm-app[b-oy2yzfwkjv] .hubm-seg__btn--on { background: #fff; color: #111827; font-weight: 600; box-shadow: 0 1px 3px rgba(17, 24, 39, .18); }
/* section headings and cards */
.hubm-app[b-oy2yzfwkjv] .hubm-sec { margin: 22px 8px 8px; font-size: 14px; font-weight: 700; letter-spacing: .1em; }
.hubm-app[b-oy2yzfwkjv] .hubm-sec--late { color: #b91c1c; }
.hubm-app[b-oy2yzfwkjv] .hubm-sec--today { color: #9a3412; }
.hubm-app[b-oy2yzfwkjv] .hubm-sec--ok, .hubm-app[b-oy2yzfwkjv] .hubm-sec--grey { color: #6b7280; }
.hubm-app[b-oy2yzfwkjv] .hubm-card { list-style: none; margin: 0; padding: 0; background: #fff; border-radius: 16px; overflow: hidden; }
.hubm-app[b-oy2yzfwkjv] .hubm-card--first { margin-top: 12px; }
.hubm-app[b-oy2yzfwkjv] .hubm-card > li + li { border-top: 1px solid #e5e7eb; }
/* row */
.hubm-app[b-oy2yzfwkjv] .hubm-row { display: flex; align-items: center; gap: 14px; width: 100%; box-sizing: border-box; min-height: 68px; padding: 14px 14px; border: 0; background: transparent; color: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.hubm-app[b-oy2yzfwkjv] .hubm-row:active { background: #f3f4f6; }
.hubm-app[b-oy2yzfwkjv] .hubm-row--link { color: #1d4ed8; font-weight: 600; }
.hubm-app[b-oy2yzfwkjv] .hubm-row__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.hubm-app[b-oy2yzfwkjv] .hubm-row__title { font-size: 18px; line-height: 1.25; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hubm-app[b-oy2yzfwkjv] .hubm-row__sub { font-size: 15px; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hubm-app[b-oy2yzfwkjv] .hubm-row__due { flex: none; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 16px; }
.hubm-app[b-oy2yzfwkjv] .hubm-row__due--late { color: #b91c1c; font-weight: 600; }
.hubm-app[b-oy2yzfwkjv] .hubm-row__due--today { color: #c2410c; }
.hubm-app[b-oy2yzfwkjv] .hubm-row__due--ok { color: #4b5563; }
/* channel badge */
.hubm-app[b-oy2yzfwkjv] .hubm-badge { flex: none; min-width: 52px; box-sizing: border-box; padding: 6px 8px; border-radius: 8px; text-align: center; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; letter-spacing: .02em; }
.hubm-app[b-oy2yzfwkjv] .hubm-badge--sms { background: #dcfce7; color: #166534; }
.hubm-app[b-oy2yzfwkjv] .hubm-badge--call { background: #ede9fe; color: #5b21b6; }
.hubm-app[b-oy2yzfwkjv] .hubm-badge--chat { background: #dbeafe; color: #1d4ed8; }
.hubm-app[b-oy2yzfwkjv] .hubm-badge--email { background: #ccfbf1; color: #0f766e; }
.hubm-app[b-oy2yzfwkjv] .hubm-badge--web { background: #fef3c7; color: #92400e; }
.hubm-app[b-oy2yzfwkjv] .hubm-badge--task { background: #f3f4f6; color: #374151; }
/* messages in the list area */
.hubm-app[b-oy2yzfwkjv] .hubm-empty { margin: 28px 12px; color: #4b5563; text-align: center; }
.hubm-app[b-oy2yzfwkjv] .hubm-banner { margin: 12px 0 0; padding: 10px 14px; border-radius: 12px; background: #fef3c7; color: #78350f; font-size: 15px; }
.hubm-app[b-oy2yzfwkjv] .hubm-more { margin: 14px 8px; color: #6b7280; font-size: 14px; text-align: center; }
.hubm-app[b-oy2yzfwkjv] .hubm-hint { margin: 0 0 10px; color: #4b5563; font-size: 14px; }
.hubm-app[b-oy2yzfwkjv] .hubm-error { margin: 4px 0 8px; color: #b91c1c; font-size: 14px; }
.hubm-app[b-oy2yzfwkjv] .hubm-linkbtn { border: 0; background: transparent; padding: 0; color: #1d4ed8; font-weight: 600; text-decoration: underline; cursor: pointer; }
/* capture button */
.hubm-app[b-oy2yzfwkjv] .hubm-fab { position: absolute; right: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 10px; padding: 15px 22px; border: 0; border-radius: 999px; background: #1d4ed8; color: #fff; font-size: 18px; font-weight: 600; cursor: pointer; box-shadow: 0 8px 22px rgba(29, 78, 216, .38); }
.hubm-app[b-oy2yzfwkjv] .hubm-fab:active { background: #1e40af; }
/* bottom nav */
.hubm-app[b-oy2yzfwkjv] .hubm-nav { flex: none; display: grid; grid-template-columns: repeat(5, 1fr); background: #fff; border-top: 1px solid #e5e7eb; padding-bottom: env(safe-area-inset-bottom, 0px); }
.hubm-app[b-oy2yzfwkjv] .hubm-nav__btn { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 11px 0 12px; border: 0; background: transparent; color: #6b7280; font-size: 14px; cursor: pointer; }
.hubm-app[b-oy2yzfwkjv] .hubm-nav__btn--on { color: #1d4ed8; font-weight: 600; }
/* customers search + me */
.hubm-app[b-oy2yzfwkjv] .hubm-search { display: flex; gap: 8px; }
.hubm-app[b-oy2yzfwkjv] .hubm-search input { flex: 1; min-width: 0; box-sizing: border-box; padding: 12px 16px; border: 1px solid #d1d5db; border-radius: 999px; font-size: 17px; background: #fff; }
.hubm-app[b-oy2yzfwkjv] .hubm-search__go { padding: 0 18px; border: 0; border-radius: 999px; background: #1d4ed8; color: #fff; font-weight: 600; cursor: pointer; }
.hubm-app[b-oy2yzfwkjv] .hubm-search__go:disabled { opacity: .55; }
.hubm-app[b-oy2yzfwkjv] .hubm-avatar { flex: none; width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #0f172a; color: #fff; font-weight: 600; font-size: 15px; }
.hubm-app[b-oy2yzfwkjv] .hubm-me { display: flex; align-items: center; gap: 14px; padding: 16px; margin-top: 12px; }
.hubm-app[b-oy2yzfwkjv] .hubm-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px; }
.hubm-app[b-oy2yzfwkjv] .hubm-dot { display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 50%; background: #94a3b8; }
.hubm-app[b-oy2yzfwkjv] .hubm-dot--online { background: #22c55e; }
.hubm-app[b-oy2yzfwkjv] .hubm-dot--busy { background: #ef4444; }
.hubm-app[b-oy2yzfwkjv] .hubm-dot--away { background: #f59e0b; }
/* conversation */
.hubm-app[b-oy2yzfwkjv] .hubm-chat { background: #f8fafc; }
.hubm-app[b-oy2yzfwkjv] .hubm-chat__head { flex: none; display: flex; align-items: center; gap: 12px; padding: calc(env(safe-area-inset-top, 0px) + 18px) 12px 12px 8px; background: #fff; border-bottom: 1px solid #e5e7eb; }
.hubm-app[b-oy2yzfwkjv] .hubm-chat__who { flex: 1; min-width: 0; }
.hubm-app[b-oy2yzfwkjv] .hubm-chat__name { margin: 0; font-size: 20px; line-height: 1.2; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hubm-app[b-oy2yzfwkjv] .hubm-chat__sub { margin: 2px 0 0; font-size: 15px; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hubm-app[b-oy2yzfwkjv] .hubm-iconbtn { flex: none; width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid #d1d5db; border-radius: 12px; background: #fff; color: #111827; text-decoration: none; cursor: pointer; }
.hubm-app[b-oy2yzfwkjv] .hubm-iconbtn--bare { border-color: transparent; }
.hubm-app[b-oy2yzfwkjv] .hubm-iconbtn--off { opacity: .4; cursor: default; }
.hubm-app[b-oy2yzfwkjv] .hubm-chips { flex: none; display: flex; gap: 8px; padding: 12px; overflow-x: auto; background: #fff; border-bottom: 1px solid #e5e7eb; scrollbar-width: none; }
.hubm-app[b-oy2yzfwkjv] .hubm-chips::-webkit-scrollbar { display: none; }
.hubm-app[b-oy2yzfwkjv] .hubm-pill { flex: none; padding: 10px 18px; border: 1px solid #d1d5db; border-radius: 999px; background: #fff; color: #111827; font-size: 16px; white-space: nowrap; cursor: pointer; }
.hubm-app[b-oy2yzfwkjv] .hubm-pill:disabled { opacity: .5; cursor: not-allowed; }
.hubm-app[b-oy2yzfwkjv] .hubm-pill--primary { background: #1d4ed8; border-color: #1d4ed8; color: #fff; font-weight: 600; }
/* column-reverse keeps the newest message in view without any scripting */
.hubm-app[b-oy2yzfwkjv] .hubm-timeline { flex: 1; min-height: 0; display: flex; flex-direction: column-reverse; overflow-y: auto; background: #f8fafc; }
.hubm-app[b-oy2yzfwkjv] .hubm-timeline__inner { display: flex; flex-direction: column; gap: 12px; padding: 14px 12px; }
.hubm-app[b-oy2yzfwkjv] .hubm-bubble { max-width: 86%; box-sizing: border-box; padding: 13px 18px; font-size: 18px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
.hubm-app[b-oy2yzfwkjv] .hubm-bubble--in { align-self: flex-start; background: #fff; border: 1px solid #d1d5db; border-radius: 20px 20px 20px 6px; }
.hubm-app[b-oy2yzfwkjv] .hubm-bubble--out { align-self: flex-end; background: #1d4ed8; color: #fff; border-radius: 20px 20px 6px 20px; }
.hubm-app[b-oy2yzfwkjv] .hubm-divider { text-align: center; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; letter-spacing: .08em; color: #6b7280; }
.hubm-app[b-oy2yzfwkjv] .hubm-composer { flex: none; background: #fff; border-top: 1px solid #e5e7eb; padding: 10px 12px calc(env(safe-area-inset-bottom, 0px) + 14px); }
.hubm-app[b-oy2yzfwkjv] .hubm-sendas { margin: 0 0 8px 4px; font-size: 15px; color: #6b7280; }
.hubm-app[b-oy2yzfwkjv] .hubm-sendas strong { color: #1d4ed8; font-weight: 600; }
.hubm-app[b-oy2yzfwkjv] .hubm-field { width: 100%; box-sizing: border-box; margin-bottom: 8px; padding: 10px 16px; border: 1px solid #d1d5db; border-radius: 12px; font-size: 16px; }
.hubm-app[b-oy2yzfwkjv] .hubm-composer__row { position: relative; }
.hubm-app[b-oy2yzfwkjv] .hubm-composer__input { width: 100%; box-sizing: border-box; padding: 15px 62px 15px 22px; border: 1px solid #d1d5db; border-radius: 999px; font-size: 18px; background: #fff; }
.hubm-app[b-oy2yzfwkjv] .hubm-send { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: #1d4ed8; color: #fff; cursor: pointer; }
.hubm-app[b-oy2yzfwkjv] .hubm-send:disabled { opacity: .5; cursor: not-allowed; }
.hubm-app[b-oy2yzfwkjv] .hubm-targets { list-style: none; margin: 8px 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.hubm-app[b-oy2yzfwkjv] .hubm-target { width: 100%; padding: 12px 14px; border: 1px solid #d1d5db; border-radius: 12px; background: #fff; text-align: left; cursor: pointer; }
.hubm-app[b-oy2yzfwkjv] .hubm-target--on { border-color: #1d4ed8; background: #dbeafe; font-weight: 600; }
.hubm-app[b-oy2yzfwkjv] .hubm-suggest { margin: 12px 0 0; padding: 14px; background: #fff; border: 1px solid #c9d8f5; border-radius: 16px; }
.hubm-app[b-oy2yzfwkjv] .hubm-suggest__label { margin: 0 0 4px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #1d4ed8; }
.hubm-app[b-oy2yzfwkjv] .hubm-suggest__text { margin: 0 0 10px; font-size: 16px; }
.hubm-app[b-oy2yzfwkjv] .hubm-suggest__row { display: flex; gap: 8px; }
.hubm-app[b-oy2yzfwkjv] .hubm-suggest__go { flex: 1; min-height: 44px; border: 0; border-radius: 12px; background: #1d4ed8; color: #fff; font-size: 16px; font-weight: 600; }
.hubm-app[b-oy2yzfwkjv] .hubm-suggest__go:disabled { opacity: .6; }
/* /Hub/Mobile/HubMobileOfferPage.razor.rz.scp.css */
/* Mobile transfer-offer screen (MobileTransfer.png). Dark, single column, phone width. Covers the host layout chrome. */
.mo-root[b-0mokrqcf1g] { position: fixed; inset: 0; z-index: 2000; overflow-y: auto; display: flex; flex-direction: column; align-items: center; gap: .75rem; padding: 2.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom)); background: #14161b; color: #fff; font-family: "Hub Inter", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; }
.mo-root > *[b-0mokrqcf1g] { width: 100%; max-width: 26rem; }
.mo-eyebrow[b-0mokrqcf1g] { margin: 0; text-align: center; font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: .85rem; letter-spacing: .14em; color: #a3a9b5; }
.mo-ring[b-0mokrqcf1g] { position: relative; align-self: center; width: 264px; height: 264px; margin: .25rem auto; }
.mo-ring svg[b-0mokrqcf1g] { display: block; }
.mo-ring-track[b-0mokrqcf1g] { stroke: #262a33; }
.mo-ring-arc[b-0mokrqcf1g] { stroke: #3b6cff; transition: stroke-dashoffset .25s linear; }
.mo-ring-arc--off[b-0mokrqcf1g] { stroke: #4b5160; }
.mo-time[b-0mokrqcf1g] { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: 3.4rem; font-weight: 500; letter-spacing: .02em; }
.mo-name[b-0mokrqcf1g] { margin: .25rem 0 0; text-align: center; font-size: 2rem; font-weight: 700; line-height: 1.15; }
.mo-page[b-0mokrqcf1g] { margin: 0; text-align: center; color: #c3c8d2; font-size: .95rem; overflow-wrap: anywhere; }
.mo-sub[b-0mokrqcf1g] { margin: 0; text-align: center; color: #c3c8d2; font-size: 1.05rem; }
.mo-result[b-0mokrqcf1g] { display: flex; flex-direction: column; align-items: center; gap: .35rem; padding: .85rem 1rem; border-radius: .9rem; background: #2a2418; color: #fde68a; text-align: center; }
.mo-result strong[b-0mokrqcf1g] { font-size: 1.05rem; }
.mo-link[b-0mokrqcf1g] { background: transparent; border: 0; color: #93b4ff; font: inherit; text-decoration: underline; cursor: pointer; padding: .25rem .5rem; }
.mo-card[b-0mokrqcf1g] { padding: 1.25rem 1.5rem; border-radius: 1.25rem; background: #1f222b; }
.mo-h[b-0mokrqcf1g] { margin: 1.1rem 0 .55rem; font-size: .95rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #a3a9b5; }
.mo-h:first-child[b-0mokrqcf1g] { margin-top: 0; }
.mo-chips[b-0mokrqcf1g] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.mo-chip[b-0mokrqcf1g] { padding: .4rem .75rem; border-radius: .6rem; background: #2a2e3a; color: #e5e7ee; font-size: .98rem; }
.mo-said[b-0mokrqcf1g] { margin: 0; font-size: 1.15rem; line-height: 1.5; overflow-wrap: anywhere; }
.mo-ctx[b-0mokrqcf1g] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .4rem; color: #e5e7ee; font-size: 1rem; line-height: 1.4; }
.mo-roll[b-0mokrqcf1g] { margin: .25rem 0; text-align: center; color: #a3a9b5; font-size: .95rem; line-height: 1.4; }
.mo-error[b-0mokrqcf1g] { padding: .65rem .85rem; border-radius: .7rem; background: #3b1d22; color: #fecaca; }
.mo-actions[b-0mokrqcf1g] { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; margin-top: .5rem; }
.mo-btn[b-0mokrqcf1g] { min-height: 3.5rem; font: inherit; font-size: 1.25rem; font-weight: 700; border-radius: 1rem; cursor: pointer; border: 1px solid transparent; color: #fff; }
.mo-btn--ghost[b-0mokrqcf1g] { background: #1f222b; border-color: #3a3f4b; }
.mo-btn--primary[b-0mokrqcf1g] { background: #3b6cff; }
.mo-btn:disabled[b-0mokrqcf1g] { opacity: .5; cursor: not-allowed; }
.mo-btn:focus-visible[b-0mokrqcf1g], .mo-quick:focus-visible[b-0mokrqcf1g], .mo-link:focus-visible[b-0mokrqcf1g], .mo-back:focus-visible[b-0mokrqcf1g] { outline: 3px solid #93b4ff; outline-offset: 3px; }
.mo-tip[b-0mokrqcf1g] { display: block; text-align: center; }
.mo-quick[b-0mokrqcf1g] { background: transparent; border: 0; color: #93b4ff; font: inherit; font-size: 1.1rem; padding: .6rem; }
.mo-quick:disabled[b-0mokrqcf1g] { color: #6b7a99; cursor: not-allowed; }
.mo-note[b-0mokrqcf1g] { margin: -.25rem 0 0; text-align: center; color: #8b92a0; font-size: .85rem; line-height: 1.35; }
.mo-back[b-0mokrqcf1g] { align-self: center; text-align: center; margin-top: .5rem; color: #a3a9b5; font-size: .95rem; }
.mo-status[b-0mokrqcf1g] { text-align: center; color: #a3a9b5; }
.mo-gone[b-0mokrqcf1g] { display: flex; flex-direction: column; align-items: center; gap: .75rem; margin-top: 4rem; text-align: center; }
.mo-gone-title[b-0mokrqcf1g] { margin: 0; font-size: 1.5rem; }
.mo-muted[b-0mokrqcf1g] { margin: 0; color: #a3a9b5; }
@media (prefers-reduced-motion: reduce) { .mo-ring-arc[b-0mokrqcf1g] { transition: none; } }
/* /Hub/Pages/HubConsoleIsland.razor.rz.scp.css */
/* #68576 C: the hub font. The stack always named Inter, but nothing ever loaded it, so on machines without Inter installed
every hub surface fell through to the default sans. A PRIVATE family name ("Hub Inter") keeps this scoped to the hub
roots (.hub-app, .hubm-app, .hp-root) - pages that merely name 'Inter' elsewhere are unaffected. Latin subset, variable
weight 400-700, from Google Fonts (fonts.gstatic.com is already allowed by font-src in SecurityHeadersMiddleware). */
@font-face { font-family: "Hub Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.hub-app[b-ucqy1fl8dk] { display: flex; flex-direction: column; height: 100vh; background: #f9fafb; color: #111827; font-family: "Hub Inter", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 15px; }
.hub-sr[b-ucqy1fl8dk] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hub-muted[b-ucqy1fl8dk] { color: #4b5563; font-size: .85rem; margin: 0; }
.hub-error[b-ucqy1fl8dk] { color: #b91c1c; margin: 0; }
.hub-pad[b-ucqy1fl8dk] { padding: .85rem 1.1rem; }
.hub-note[b-ucqy1fl8dk] { padding: 0 .25rem; }
.hub-top[b-ucqy1fl8dk] { display: flex; align-items: center; gap: .9rem; padding: .6rem 1rem; background: #0f172a; color: #fff; }
.hub-brand[b-ucqy1fl8dk] { font-weight: 700; font-size: 1.15rem; white-space: nowrap; }
.hub-brand span[b-ucqy1fl8dk] { font-size: .7rem; font-weight: 500; opacity: .8; margin-left: .25rem; }
.hub-search[b-ucqy1fl8dk] { flex: 1; position: relative; }
.hub-search__ico[b-ucqy1fl8dk] { position: absolute; left: .8rem; top: 50%; transform: translateY(-50%); color: #cbd5e1; pointer-events: none; }
.hub-search input[b-ucqy1fl8dk] { width: 100%; box-sizing: border-box; padding: .6rem .9rem .6rem 2.5rem; border-radius: .5rem; border: 1px solid #334155; background: #1e293b; color: #fff; font: inherit; }
.hub-search input[b-ucqy1fl8dk]::placeholder { color: #cbd5e1; }
.hub-search input:focus-visible[b-ucqy1fl8dk] { outline: 3px solid #93c5fd; outline-offset: 2px; }
.hub-presence[b-ucqy1fl8dk] { display: flex; align-items: center; gap: .45rem; border: 1px solid #334155; border-radius: .5rem; padding: .5rem .8rem; white-space: nowrap; font-size: .9rem; }
.hub-dot[b-ucqy1fl8dk] { width: .6rem; height: .6rem; border-radius: 50%; background: #94a3b8; display: inline-block; }
.hub-dot--online[b-ucqy1fl8dk] { background: #22c55e; }
.hub-dot--busy[b-ucqy1fl8dk] { background: #ef4444; }
.hub-dot--away[b-ucqy1fl8dk] { background: #f59e0b; }
.hub-dot--unknown[b-ucqy1fl8dk] { background: #94a3b8; }
.hub-presence[b-ucqy1fl8dk] { flex-wrap: wrap; }
.hub-popout[b-ucqy1fl8dk] { display: inline-flex; align-items: center; gap: .5rem; text-decoration: none; white-space: nowrap; padding: .55rem 1rem; border-radius: .5rem; background: #1d4ed8; border: 1px solid #1d4ed8; color: #fff; font-weight: 600; }
.hub-popout:hover[b-ucqy1fl8dk] { background: #1e40af; }
.hub-popout:focus-visible[b-ucqy1fl8dk] { outline: 3px solid #93c5fd; outline-offset: 2px; }
.hub-popout__ico[b-ucqy1fl8dk] { flex: none; }
.hub-stale[b-ucqy1fl8dk] { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; padding: .55rem 1rem; background: #fef3c7; color: #78350f; border-bottom: 1px solid #f59e0b; }
.hub-body[b-ucqy1fl8dk] { display: grid; grid-template-columns: 17rem 24rem minmax(0, 1fr) 20rem; flex: 1; min-height: 0; }
.hub-nav[b-ucqy1fl8dk], .hub-inbox[b-ucqy1fl8dk], .hub-center[b-ucqy1fl8dk], .hub-right[b-ucqy1fl8dk] { overflow-y: auto; min-height: 0; }
.hub-nav[b-ucqy1fl8dk] { padding: .8rem; background: #fff; border-right: 1px solid #e5e7eb; }
.hub-nav ul[b-ucqy1fl8dk] { list-style: none; margin: 0; padding: 0; }
.hub-nav__btn[b-ucqy1fl8dk] { display: flex; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box; padding: .6rem .8rem; border: 0; border-radius: .5rem; background: transparent; color: #111827; font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.hub-nav__btn:hover[b-ucqy1fl8dk] { background: #f3f4f6; }
.hub-nav__btn:focus-visible[b-ucqy1fl8dk] { outline: 3px solid #1d4ed8; outline-offset: 2px; }
.hub-nav__btn--on[b-ucqy1fl8dk] { background: #0f172a; color: #fff; font-weight: 600; }
.hub-nav__btn--on:hover[b-ucqy1fl8dk] { background: #1e293b; }
.hub-nav__btn--off[b-ucqy1fl8dk] { color: #6b7280; cursor: default; }
.hub-nav__head[b-ucqy1fl8dk] { margin: 1.4rem .8rem .4rem; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: #4b5563; }
.hub-inbox[b-ucqy1fl8dk] { background: #fff; border-right: 1px solid #e5e7eb; }
.hub-col-head[b-ucqy1fl8dk] { display: flex; justify-content: space-between; align-items: baseline; padding: 1rem 1.1rem .4rem; }
.hub-col-head h1[b-ucqy1fl8dk] { margin: 0; font-size: 1.3rem; }
.hub-chips[b-ucqy1fl8dk] { display: flex; flex-wrap: wrap; gap: .5rem; padding: .4rem 1.1rem .8rem; }
.hub-sla[b-ucqy1fl8dk] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .85rem; color: #4b5563; }
.hub-sla--late[b-ucqy1fl8dk] { color: #b91c1c; font-weight: 700; }
.hub-sla--near[b-ucqy1fl8dk] { color: #b45309; font-weight: 700; }
.hub-sla--ok[b-ucqy1fl8dk] { color: #4b5563; }
.hub-mail[b-ucqy1fl8dk] { background: #fff; border: 1px solid #e5e7eb; border-radius: .8rem; padding: .85rem 1.1rem; list-style: none; }
.hub-mail__head[b-ucqy1fl8dk] { display: flex; align-items: center; gap: .6rem; }
.hub-mail__subj[b-ucqy1fl8dk] { flex: 1; min-width: 0; overflow-wrap: anywhere; font-weight: 600; }
.hub-mail__time[b-ucqy1fl8dk] { color: #4b5563; font-size: .8rem; white-space: nowrap; }
.hub-mail__from[b-ucqy1fl8dk] { color: #4b5563; font-size: .85rem; margin-top: .25rem; overflow-wrap: anywhere; }
.hub-mail__body[b-ucqy1fl8dk] { margin-top: .6rem; white-space: pre-wrap; overflow-wrap: anywhere; font-weight: 400; line-height: 1.5; color: #1f2937; }
.hub-center[b-ucqy1fl8dk] { display: flex; flex-direction: column; border-right: 1px solid #e5e7eb; }
.hub-center__head[b-ucqy1fl8dk] { padding: 1rem 1.3rem; background: #fff; border-bottom: 1px solid #e5e7eb; }
.hub-center__head h2[b-ucqy1fl8dk] { margin: 0 0 .25rem; font-size: 1.3rem; display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.hub-actions[b-ucqy1fl8dk] { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .8rem; }
.hub-btn--link-btn[b-ucqy1fl8dk] { font: inherit; padding: .5rem 1rem; border-radius: .5rem; border: 1px solid #cfd4dc; background: #fff; color: #111827; text-decoration: none; display: inline-block; }
.hub-btn--link-btn:hover[b-ucqy1fl8dk] { background: #f3f4f6; }
.hub-btn--link-btn:focus-visible[b-ucqy1fl8dk] { outline: 3px solid #1d4ed8; outline-offset: 2px; }
.hub-timeline[b-ucqy1fl8dk] { flex: 1; padding: 1rem 1.3rem; overflow-y: auto; }
.hub-timeline__title[b-ucqy1fl8dk] { text-align: center; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: #4b5563; font-weight: 500; margin: 0 0 .8rem; }
.hub-tl-list[b-ucqy1fl8dk] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .7rem; }
.hub-bubble[b-ucqy1fl8dk] { align-self: flex-start; max-width: 70%; background: #fff; border: 1px solid #e5e7eb; border-radius: 1rem; padding: .7rem 1rem; }
.hub-bubble--out[b-ucqy1fl8dk] { align-self: flex-end; background: #1d4ed8; color: #fff; border-color: #1d4ed8; }
.hub-bubble__text[b-ucqy1fl8dk] { white-space: pre-wrap; overflow-wrap: anywhere; }
.hub-bubble__meta[b-ucqy1fl8dk] { font-size: .78rem; opacity: .85; margin-top: .3rem; }
.hub-composer[b-ucqy1fl8dk] { padding: .8rem 1.3rem 1rem; background: #fff; border-top: 1px solid #e5e7eb; }
.hub-composer__via[b-ucqy1fl8dk] { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.hub-composer__templates[b-ucqy1fl8dk] { display: flex; align-items: flex-end; gap: .6rem; margin-bottom: .4rem; }
.hub-search-results__title[b-ucqy1fl8dk] { margin: 0; font-size: 1.05rem; }
.hub-link-text[b-ucqy1fl8dk] { overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9rem; background: #f3f4f6; border-radius: .4rem; padding: .5rem .6rem; user-select: all; }
.hub-tpl[b-ucqy1fl8dk] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 1rem; min-width: min(40rem, 80vw); }
.hub-tpl__form[b-ucqy1fl8dk] { display: flex; flex-direction: column; gap: .6rem; align-items: stretch; }
.hub-composer__send[b-ucqy1fl8dk] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: .4rem; }
.hub-right[b-ucqy1fl8dk] { background: #f9fafb; padding: 1rem; }
.hub-visitor[b-ucqy1fl8dk] { margin: 0 0 .85rem; padding: .7rem .85rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; }
.hub-visitor h3[b-ucqy1fl8dk] { margin: 0 0 .35rem; font-size: .8rem; letter-spacing: .04em; text-transform: uppercase; color: #4b5563; }
.hub-visitor p[b-ucqy1fl8dk] { margin: .15rem 0; overflow-wrap: anywhere; }
.hub-card[b-ucqy1fl8dk] { display: flex; gap: .8rem; align-items: center; }
.hub-tiles[b-ucqy1fl8dk] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; margin: .8rem 0; }
.hub-tiles div[b-ucqy1fl8dk] { background: #eef0f3; border-radius: .5rem; padding: .5rem .6rem; display: flex; flex-direction: column; font-size: .8rem; }
.hub-tiles strong[b-ucqy1fl8dk] { font-size: .95rem; }
.hub-row-head[b-ucqy1fl8dk] { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; }
.hub-row-head h3[b-ucqy1fl8dk], .hub-side-head[b-ucqy1fl8dk] { font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: #374151; margin: 1.1rem 0 .5rem; }
.hub-row-head h3[b-ucqy1fl8dk] { margin: 0; }
.hub-open[b-ucqy1fl8dk] { background: #fff; border: 1px solid #e5e7eb; border-radius: .6rem; padding: .6rem .8rem; margin-top: .5rem; }
.hub-open__top[b-ucqy1fl8dk] { display: flex; justify-content: space-between; font-size: .75rem; }
.hub-open__type[b-ucqy1fl8dk] { font-weight: 700; letter-spacing: .04em; color: #92400e; }
.hub-open__type--followup[b-ucqy1fl8dk] { color: #92400e; }
.hub-open__type--opportunity[b-ucqy1fl8dk] { color: #047857; }
.hub-open__type--servicecase[b-ucqy1fl8dk] { color: #b91c1c; }
.hub-oneclick[b-ucqy1fl8dk] { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.hub-history[b-ucqy1fl8dk] { margin: 0; color: #374151; line-height: 1.5; }
@media (max-width: 1100px) {
.hub-body[b-ucqy1fl8dk] { grid-template-columns: 14rem 20rem minmax(0, 1fr); }
.hub-right[b-ucqy1fl8dk] { display: none; }
}
.hub-app[b-ucqy1fl8dk] :is(button, input, select, textarea) { font-family: inherit; }
/* /Hub/Pages/HubDashboardTable.razor.rz.scp.css */
.hub-sr[b-woe81pb3cl] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hub-muted[b-woe81pb3cl] { color: #4b5563; font-size: .85rem; margin: 0; }
.hubm-scroll[b-woe81pb3cl] { overflow-x: auto; background: #fff; border: 1px solid #e5e7eb; border-radius: .6rem; }
.hubm-table[b-woe81pb3cl] { border-collapse: collapse; width: 100%; font-size: .9rem; }
.hubm-table th[b-woe81pb3cl], .hubm-table td[b-woe81pb3cl] { padding: .55rem .7rem; text-align: left; border-bottom: 1px solid #e5e7eb; vertical-align: top; }
.hubm-table thead th[b-woe81pb3cl] { background: #f3f4f6; font-weight: 600; white-space: nowrap; position: sticky; top: 0; }
.hubm-table tbody th[b-woe81pb3cl] { font-weight: 600; white-space: nowrap; }
.hubm-table tbody tr:last-child th[b-woe81pb3cl], .hubm-table tbody tr:last-child td[b-woe81pb3cl] { border-bottom: 0; }
/* /Hub/Pages/HubManagerDashboardIsland.razor.rz.scp.css */
.hubm-app[b-ba7gji5fxn] { min-height: 100vh; background: #f9fafb; color: #111827; font-family: "Hub Inter", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 15px; }
.hub-sr[b-ba7gji5fxn] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hub-muted[b-ba7gji5fxn] { color: #4b5563; font-size: .85rem; margin: 0; }
.hub-error[b-ba7gji5fxn] { color: #b91c1c; margin: 0; }
.hubm-top[b-ba7gji5fxn] { display: flex; align-items: center; gap: .9rem; padding: .6rem 1rem; background: #0f172a; color: #fff; }
.hubm-brand[b-ba7gji5fxn] { font-weight: 700; font-size: 1.15rem; }
.hubm-brand span[b-ba7gji5fxn] { font-size: .7rem; font-weight: 500; opacity: .8; margin-left: .25rem; }
.hubm-top a[b-ba7gji5fxn] { color: #fff; margin-left: auto; }
.hubm-main[b-ba7gji5fxn] { padding: 1rem 1.2rem 2rem; display: flex; flex-direction: column; gap: 1rem; }
.hubm-main h1[b-ba7gji5fxn] { margin: 0; font-size: 1.4rem; }
.hubm-controls[b-ba7gji5fxn] { display: flex; flex-wrap: wrap; align-items: end; gap: .8rem 1.2rem; }
.hubm-banner[b-ba7gji5fxn] { padding: .55rem 1rem; border-radius: .5rem; background: #fef3c7; color: #78350f; border: 1px solid #f59e0b; }
.hubm-banner--err[b-ba7gji5fxn] { background: #fee2e2; color: #7f1d1d; border-color: #ef4444; }
.hubm-defs[b-ba7gji5fxn] { background: #fff; border: 1px solid #e5e7eb; border-radius: .6rem; padding: .6rem 1rem; }
.hubm-defs summary[b-ba7gji5fxn] { cursor: pointer; font-weight: 600; }
.hubm-defs ul[b-ba7gji5fxn] { margin: .5rem 0 0; padding-left: 1.2rem; display: flex; flex-direction: column; gap: .3rem; }
/* /Hub/Pages/HubNotesPanel.razor.rz.scp.css */
.hub-nt[b-vuzr2vqk6e] { margin: 0 1.3rem 1rem; padding: .9rem 1rem; background: #fffbeb; border: 1px solid #f59e0b; border-radius: .8rem; color: #1f2937; }
.hub-nt__head[b-vuzr2vqk6e] { display: flex; align-items: center; justify-content: space-between; gap: .8rem; flex-wrap: wrap; margin-bottom: .5rem; }
.hub-nt__title[b-vuzr2vqk6e] { margin: 0; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; color: #78350f; font-weight: 700; }
.hub-nt__viewing[b-vuzr2vqk6e] { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; color: #78350f; }
.hub-nt__pulse[b-vuzr2vqk6e] { width: .55rem; height: .55rem; border-radius: 50%; background: #22c55e; display: inline-block; }
.hub-nt__list[b-vuzr2vqk6e] { list-style: none; margin: 0 0 .8rem; padding: 0; display: flex; flex-direction: column; gap: .5rem; max-height: 14rem; overflow-y: auto; }
.hub-nt__note[b-vuzr2vqk6e] { background: #fef3c7; border: 1px solid #fcd34d; border-left: 4px solid #d97706; border-radius: .5rem; padding: .55rem .8rem; }
.hub-nt__meta[b-vuzr2vqk6e] { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; font-size: .85rem; }
.hub-nt__meta time[b-vuzr2vqk6e] { color: #4b5563; }
.hub-nt__body[b-vuzr2vqk6e] { margin-top: .3rem; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.45; }
.hub-nt__mention[b-vuzr2vqk6e] { background: #fde68a; color: #78350f; font-weight: 700; border-radius: .25rem; padding: 0 .2rem; }
.hub-nt__composer[b-vuzr2vqk6e] { border-top: 1px dashed #d97706; padding-top: .7rem; }
.hub-nt__banner[b-vuzr2vqk6e] { margin: 0 0 .4rem; display: inline-block; padding: .2rem .55rem; background: #78350f; color: #fff; border-radius: .35rem; font-size: .85rem; }
.hub-nt__label[b-vuzr2vqk6e] { display: block; font-size: .85rem; font-weight: 600; margin-bottom: .25rem; }
.hub-nt__field[b-vuzr2vqk6e] { position: relative; }
.hub-nt__input[b-vuzr2vqk6e] { width: 100%; box-sizing: border-box; padding: .55rem .7rem; border: 1px solid #b45309; border-radius: .5rem; background: #fff; font: inherit; color: #111827; resize: vertical; }
.hub-nt__input:focus-visible[b-vuzr2vqk6e] { outline: 3px solid #1d4ed8; outline-offset: 2px; }
.hub-nt__suggest[b-vuzr2vqk6e] { position: absolute; left: 0; right: 0; bottom: 100%; margin: 0 0 .25rem; padding: .25rem; list-style: none; background: #fff; border: 1px solid #9ca3af; border-radius: .5rem; box-shadow: 0 6px 18px rgba(15, 23, 42, .18); max-height: 12rem; overflow-y: auto; z-index: 5; }
.hub-nt__suggest--empty[b-vuzr2vqk6e] { padding: .5rem .7rem; }
.hub-nt__opt[b-vuzr2vqk6e] { padding: .4rem .6rem; border-radius: .35rem; cursor: pointer; }
.hub-nt__opt--on[b-vuzr2vqk6e] { background: #1d4ed8; color: #fff; }
.hub-nt__opt--on .hub-muted[b-vuzr2vqk6e] { color: #dbeafe; }
.hub-nt__send[b-vuzr2vqk6e] { display: flex; justify-content: flex-end; margin-top: .4rem; }
/* /Hub/Pages/HubTypingCue.razor.rz.scp.css */
.hub-typing[b-6kobknvhok] { margin: 0; padding: .15rem 1.3rem; font-size: .9rem; color: #4b5563; display: flex; align-items: center; gap: .45rem; }
.hub-typing__dot[b-6kobknvhok] { width: .5rem; height: .5rem; border-radius: 50%; background: #9ca3af; display: inline-block; }
/* /Hub/Popout/HubPopoutPage.razor.rz.scp.css */
/* Covers the host layout chrome so the pop-out is a clean compact window (PopOut.png). */
.hp-root[b-n2l2r1jbqf] { position: fixed; inset: 0; z-index: 2000; display: flex; flex-direction: column; background: #fff; color: #111827; font-family: "Hub Inter", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 14px; }
.hp-head[b-n2l2r1jbqf] { display: flex; align-items: center; gap: .5rem; padding: .85rem 1rem; background: #15171c; color: #fff; }
.hp-title[b-n2l2r1jbqf] { flex: 1; margin: 0; font-size: 1.05rem; font-weight: 700; }
.hp-tip[b-n2l2r1jbqf] { display: inline-flex; }
.hp-pin-ico[b-n2l2r1jbqf] { margin-right: .25rem; vertical-align: -3px; }
.hp-close[b-n2l2r1jbqf] { background: transparent; border: 0; color: #fff; font-size: 1.6rem; line-height: 1; padding: .1rem .55rem; cursor: pointer; border-radius: .4rem; }
.hp-close:focus-visible[b-n2l2r1jbqf] { outline: 3px solid #93c5fd; outline-offset: 1px; }
.hp-stats[b-n2l2r1jbqf] { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid #e5e7eb; }
.hp-stat[b-n2l2r1jbqf] { display: flex; flex-direction: column; padding: .7rem 1rem; border-right: 1px solid #e5e7eb; }
.hp-stat:last-child[b-n2l2r1jbqf] { border-right: 0; }
.hp-stat--overdue[b-n2l2r1jbqf] { background: #fee2e2; color: #991b1b; }
.hp-num[b-n2l2r1jbqf] { font-size: 1.7rem; line-height: 1.1; }
.hp-lbl[b-n2l2r1jbqf] { color: #4b5563; }
.hp-stat--overdue .hp-lbl[b-n2l2r1jbqf] { color: #991b1b; }
.hp-sync[b-n2l2r1jbqf] { margin: 0; padding: .4rem 1rem; font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: .8rem; color: #4b5563; border-bottom: 1px solid #e5e7eb; }
.hp-sync--stale[b-n2l2r1jbqf] { background: #fef3c7; color: #92400e; }
.hp-error[b-n2l2r1jbqf] { margin: .5rem 1rem 0; padding: .5rem .75rem; border-radius: .4rem; background: #fee2e2; color: #7f1d1d; }
.hp-chips[b-n2l2r1jbqf] { display: flex; flex-wrap: nowrap; gap: .4rem; padding: .75rem 1rem; overflow-x: auto; border-bottom: 1px solid #e5e7eb; }
.hp-scroll[b-n2l2r1jbqf] { flex: 1; overflow-y: auto; }
.hp-group[b-n2l2r1jbqf] { margin: 0; padding: .7rem 1rem .3rem; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: #4b5563; }
.hp-group--overdue[b-n2l2r1jbqf] { color: #b91c1c; }
.hp-group--today[b-n2l2r1jbqf] { color: #9a3412; }
.hp-list[b-n2l2r1jbqf] { list-style: none; margin: 0; padding: 0; }
.hp-row[b-n2l2r1jbqf] { display: flex; align-items: flex-start; gap: .75rem; padding: .8rem 1rem; border-bottom: 1px solid #f0f1f3; }
.hp-check[b-n2l2r1jbqf] { width: 1.15rem; height: 1.15rem; margin-top: .2rem; flex: none; accent-color: #1d4ed8; }
.hp-body[b-n2l2r1jbqf] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.hp-ttl[b-n2l2r1jbqf] { font-size: 1rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hp-sub[b-n2l2r1jbqf] { color: #4b5563; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hp-due[b-n2l2r1jbqf] { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; color: #4b5563; white-space: nowrap; }
.hp-due--overdue[b-n2l2r1jbqf] { color: #b91c1c; }
.hp-due--today[b-n2l2r1jbqf] { color: #9a3412; }
.hp-empty[b-n2l2r1jbqf], .hp-more[b-n2l2r1jbqf] { margin: 0; padding: 1rem; color: #4b5563; }
.hp-capture[b-n2l2r1jbqf] { display: flex; gap: .6rem; padding: .75rem 1rem; border-top: 1px solid #e5e7eb; background: #fff; }
.hp-capture-in[b-n2l2r1jbqf] { flex: 1; min-width: 0; font: inherit; padding: .6rem .8rem; border: 1px solid #9ca3af; border-radius: .5rem; }
.hp-capture-in:focus-visible[b-n2l2r1jbqf] { outline: 3px solid #1d4ed8; outline-offset: 1px; }
.hp-note[b-n2l2r1jbqf] { margin: 0; padding: 0 1rem .6rem; font-size: .75rem; color: #6b7280; }
[b-n2l2r1jbqf] .hp-chips > * { flex: 0 0 auto; white-space: nowrap; }
[b-n2l2r1jbqf] .hp-chips button { padding-left: .65rem; padding-right: .65rem; }
/* /Overseer/OverseerEpicKanban.razor.rz.scp.css */
.ovs-kanban[b-hclgp1ban8] {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(14rem, 1fr);
gap: 0.75rem;
overflow-x: auto;
}
.ovs-kanban-col[b-hclgp1ban8] {
border: 1px solid rgba(127, 127, 127, 0.4);
padding: 0.5rem;
min-width: 0;
}
.ovs-kanban-col h4[b-hclgp1ban8] {
margin: 0 0 0.5rem;
}
.ovs-kanban-cards[b-hclgp1ban8] {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.ovs-kanban-card[b-hclgp1ban8] {
border: 1px solid rgba(127, 127, 127, 0.5);
padding: 0.4rem 0.5rem;
overflow-wrap: anywhere;
}
.ovs-num[b-hclgp1ban8] {
color: #595959;
font-size: 0.8rem;
}
.ovs-empty[b-hclgp1ban8] {
color: #595959;
}
.ovs-badge[b-hclgp1ban8] {
display: inline-block;
margin-left: 0.4rem;
padding: 0 0.4rem;
border: 1px solid #595959;
border-radius: 0.6rem;
font-size: 0.75rem;
}
/* /Overseer/OverseerEpicTable.razor.rz.scp.css */
.ovs-filters[b-n7r4tcxwq8] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin: 0.5rem 0;
}
.ovs-filters label[b-n7r4tcxwq8] {
display: flex;
flex-direction: column;
font-size: 0.875rem;
}
.ovs-table[b-n7r4tcxwq8] {
width: 100%;
border-collapse: collapse;
}
.ovs-table th[b-n7r4tcxwq8],
.ovs-table td[b-n7r4tcxwq8] {
text-align: left;
padding: 0.4rem 0.5rem;
border-bottom: 1px solid rgba(127, 127, 127, 0.3);
vertical-align: top;
}
.ovs-sort[b-n7r4tcxwq8] {
background: none;
border: none;
padding: 0;
font: inherit;
font-weight: 600;
color: inherit;
cursor: pointer;
}
.ovs-sort:focus-visible[b-n7r4tcxwq8] {
outline: 2px solid #0067b1;
outline-offset: 2px;
}
.ovs-num[b-n7r4tcxwq8] {
color: #595959;
font-size: 0.8rem;
white-space: nowrap;
}
.ovs-badge[b-n7r4tcxwq8] {
display: inline-block;
margin-left: 0.4rem;
padding: 0 0.4rem;
border: 1px solid #595959;
border-radius: 0.6rem;
font-size: 0.75rem;
}
.ovs-empty[b-n7r4tcxwq8] {
color: #595959;
}
/* /Overseer/OverseerEpicTimeline.razor.rz.scp.css */
.ovs-timeline-axis[b-vyb7cgty1g] {
margin: 0.25rem 0;
}
.ovs-timeline-body[b-vyb7cgty1g] {
position: relative;
}
.ovs-timeline-rows[b-vyb7cgty1g] {
list-style: none;
margin: 0;
padding: 0;
}
.ovs-timeline-row[b-vyb7cgty1g] {
display: grid;
grid-template-columns: 16rem 1fr;
gap: 0.75rem;
height: var(--ovs-row-h);
align-items: center;
border-bottom: 1px solid rgba(127, 127, 127, 0.3);
}
.ovs-timeline-label[b-vyb7cgty1g] {
display: flex;
flex-direction: column;
overflow: hidden;
line-height: 1.15;
}
.ovs-timeline-track[b-vyb7cgty1g] {
position: relative;
height: 1rem;
background: rgba(127, 127, 127, 0.12);
}
.ovs-timeline-bar[b-vyb7cgty1g] {
position: absolute;
top: 0;
bottom: 0;
background: #0067b1;
border: 1px solid #00406e;
min-width: 4px;
}
.ovs-timeline-bar--closed[b-vyb7cgty1g] {
background: repeating-linear-gradient(45deg, #595959, #595959 4px, #8a8a8a 4px, #8a8a8a 8px);
border-color: #3d3d3d;
}
.ovs-timeline-arrows[b-vyb7cgty1g] {
position: absolute;
top: 0;
right: 0;
width: calc(100% - 16.75rem);
pointer-events: none;
overflow: visible;
}
.ovs-timeline-undated[b-vyb7cgty1g] {
margin: 0;
padding-left: 1.2rem;
}
.ovs-num[b-vyb7cgty1g] {
color: #595959;
font-size: 0.8rem;
}
.ovs-empty[b-vyb7cgty1g] {
color: #595959;
}
/* /Overseer/OverseerFrame.razor.rz.scp.css */
/* Overseer frame (#72757, S2). The app bar and nav drawer are IslandShell's (#74464); this styles the content only.
Dark mode swaps the custom properties. */
.ovs-frame[b-7ypb9xo5gb] {
--ovs-bg: #f5f5f5;
--ovs-text: #1f1f1f;
--ovs-warn-bg: #fff4e5;
--ovs-warn-text: #663c00;
/* Mockup v7 palette (#74464). */
--ovs-panel: #ffffff;
--ovs-muted: #6b6f72;
--ovs-line: #d9dcdd;
--ovs-band: #198754;
--ovs-hi: #198754;
--ovs-track: #e3e6e8;
--ovs-link: #0047ab;
--ovs-gbar2: #7fa9d1;
--ovs-alert-bg: #fde2e1;
--ovs-alert-text: #8a1c17;
--ovs-yellow-bg: #fff6d6;
--ovs-yellow-line: #e0b400;
--ovs-yellow-text: #7a5c00;
/* Person page v8 palette (#75741): status pills, soft panels, focus ring. */
--ovp-soft: #eef2f0;
--ovp-bar: #0067b1;
--ovp-focus: #0067b1;
--ovp-warn-bg: #fff4d1;
--ovp-warn-ink: #6b5200;
--ovp-crit-bg: #fde2e1;
--ovp-crit-ink: #8a1c17;
--ovp-info-bg: #e3effa;
--ovp-info-ink: #0b4f86;
--ovp-ok-bg: #dcf1e5;
--ovp-ok-ink: #11643d;
/* Pipeline state colours (#76337): the whole strip and banner are filled with these; the ink is picked per state for contrast. */
--st-red-bg: #a3221c; --st-red-ink: #ffffff;
--st-yellow-bg: #f2c12e; --st-yellow-ink: #2b2200;
--st-green-bg: #14713f; --st-green-ink: #ffffff;
--st-grey-bg: #59656a; --st-grey-ink: #ffffff;
min-height: calc(100vh - 48px);
background: var(--ovs-bg);
color: var(--ovs-text);
font-family: Roboto, "Segoe UI", Arial, sans-serif;
}
.ovs-frame--dark[b-7ypb9xo5gb] {
--ovs-bg: #1e1e23;
--ovs-text: #e8e8ea;
--ovs-warn-bg: #3a2c12;
--ovs-warn-text: #ffd699;
--ovs-panel: #1f2223;
--ovs-muted: #a3a8ab;
--ovs-line: #33383a;
--ovs-band: #1e7a4f;
--ovs-hi: #3fb07a;
--ovs-track: #33383a;
--ovs-link: #7fb0ff;
--ovs-gbar2: #2b5a85;
--ovs-alert-bg: #4a1e1c;
--ovs-alert-text: #ffb4ae;
--ovs-yellow-bg: #3a3214;
--ovs-yellow-line: #c9a200;
--ovs-yellow-text: #f2d77a;
--ovp-soft: #24292a;
--ovp-bar: #1f5f93;
--ovp-focus: #86b6ff;
--ovp-warn-bg: #3b3214;
--ovp-warn-ink: #f2d27a;
--ovp-crit-bg: #4a1e1c;
--ovp-crit-ink: #ffb4ae;
--ovp-info-bg: #16324a;
--ovp-info-ink: #9fcbff;
--ovp-ok-bg: #163a28;
--ovp-ok-ink: #8fdcb2;
--st-red-bg: #b3261e;
--st-yellow-bg: #e3b50f; --st-yellow-ink: #1f1800;
--st-green-bg: #1b7a49;
--st-grey-bg: #4d585c;
}
.ovs-main[b-7ypb9xo5gb] {
padding: 16px;
}
/* /Overseer/Pages/OverseerIsland.razor.rz.scp.css */
/* E26 editors-only account-check bar (#72757). Plain CSS, no MudBlazor (#69081). */
.ovs-bar[b-sf06gdyqa4] {
display: flex;
flex-wrap: wrap;
gap: 0.25rem 0.75rem;
align-items: baseline;
margin: 0 0 1rem;
padding: 0.5rem 0.75rem;
border-radius: 4px;
border-left: 4px solid;
font-size: 0.9rem;
}
.ovs-bar--ok[b-sf06gdyqa4] {
border-color: #2e7d32;
background: rgba(46, 125, 50, 0.08);
}
.ovs-bar--pending[b-sf06gdyqa4] {
border-color: #757575;
background: rgba(117, 117, 117, 0.08);
}
.ovs-bar--warn[b-sf06gdyqa4] {
border-color: #c62828;
background: rgba(198, 40, 40, 0.08);
}
.ovs-bar__list[b-sf06gdyqa4] {
flex-basis: 100%;
margin: 0;
padding-left: 1.25rem;
}
.ovs-bar__when[b-sf06gdyqa4] {
opacity: 0.75;
}
/* #72760 S5: the green Overseer title band under the standard blue top bar. White on #198754 is 4.5:1 or better. */
.ovs-band[b-sf06gdyqa4] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.75rem;
background: var(--ovs-band, #198754);
color: #ffffff;
padding: 0.5rem 1rem;
margin: 0 0 0.75rem;
}
.ovs-band h1[b-sf06gdyqa4] {
margin: 0;
font-size: 1.4rem;
}
.ovs-band__age[b-sf06gdyqa4],
.ovs-band__source[b-sf06gdyqa4] {
font-size: 0.8rem;
}
.ovs-band__spacer[b-sf06gdyqa4] {
flex: 1 1 auto;
}
.ovs-band__role[b-sf06gdyqa4] {
font-size: 0.75rem;
}
.ovs-band__sources[b-sf06gdyqa4] {
font-size: 0.75rem;
}
.ovs-band__sources summary[b-sf06gdyqa4] {
cursor: pointer;
}
.ovs-band__sources .ovs-band__source[b-sf06gdyqa4] {
display: block;
}
.ovs-band__refresh[b-sf06gdyqa4] {
background: #ffffff;
color: #146c43;
border: 1px solid #ffffff;
border-radius: 4px;
padding: 0.25rem 0.75rem;
font-weight: 600;
cursor: pointer;
}
.ovs-band__refresh:disabled[b-sf06gdyqa4] {
opacity: 0.7;
cursor: progress;
}
.ovs-band__refresh:focus-visible[b-sf06gdyqa4] {
outline: 3px solid #ffffff;
outline-offset: 2px;
}
/* E26 account check as one subtle line (#74464). Alert states keep their border and background. */
.ovs-bar--line[b-sf06gdyqa4] {
margin: 0 0 0.5rem;
padding: 0.2rem 0.5rem;
font-size: 0.78rem;
color: var(--ovs-muted, #6b6f72);
}
.ovs-bar--line.ovs-bar--warn[b-sf06gdyqa4] {
color: inherit;
}
/* /Overseer/Views/OverseerAreaPanel.razor.rz.scp.css */
.ovs-view-switch[b-1zn9c2j4m4] {
display: flex;
gap: 0.25rem;
margin: 0.75rem 0;
}
.ovs-view-btn[b-1zn9c2j4m4] {
padding: 0.3rem 0.8rem;
border: 1px solid #595959;
background: transparent;
color: inherit;
font: inherit;
cursor: pointer;
}
.ovs-view-btn[aria-pressed="true"][b-1zn9c2j4m4] {
background: #198754;
border-color: #0f5132;
color: #fff;
font-weight: 600;
}
.ovs-view-btn:focus-visible[b-1zn9c2j4m4] {
outline: 2px solid #0067b1;
outline-offset: 2px;
}
/* /Overseer/Views/OverseerMainPanel.razor.rz.scp.css */
/* Overseer main page, mockup v7 (#74464). Plain CSS, no MudBlazor (#69081). Every rule goes through ::deep so it also
reaches child components (the Sessions bar, the Unplaced table). Colours come from the --ovs-* custom properties set on
the frame, so dark mode swaps them in one place. */
.ovs-v7[b-ku2h9j91f7] .ovs-muted {
color: var(--ovs-muted, #6b6f72);
font-size: 0.8rem;
}
.ovs-v7[b-ku2h9j91f7] a {
color: var(--ovs-link, #0047ab);
text-decoration: none;
}
.ovs-v7[b-ku2h9j91f7] a:hover,
.ovs-v7[b-ku2h9j91f7] a:focus-visible {
text-decoration: underline;
}
.ovs-v7[b-ku2h9j91f7] .ovs-v7__heading {
font-size: 1rem;
margin: 1rem 0 0.5rem;
}
/* Panels and collapsed bars */
.ovs-v7[b-ku2h9j91f7] .ovs-panel,
.ovs-v7[b-ku2h9j91f7] .ovs-panelbar {
background: var(--ovs-panel, #ffffff);
border: 1px solid var(--ovs-line, #d9dcdd);
border-radius: 6px;
margin-bottom: 1rem;
overflow-x: auto;
}
.ovs-v7[b-ku2h9j91f7] .ovs-panel h2 {
font-size: 0.95rem;
margin: 0;
padding: 0.75rem 0.9rem;
border-bottom: 1px solid var(--ovs-line, #d9dcdd);
}
.ovs-v7[b-ku2h9j91f7] .ovs-panel h2 small {
color: var(--ovs-muted, #6b6f72);
font-weight: 400;
}
.ovs-v7[b-ku2h9j91f7] .ovs-panel__note {
margin: 0;
padding: 0.4rem 0.9rem;
}
.ovs-v7[b-ku2h9j91f7] .ovs-panelbar {
margin-top: 1rem;
}
.ovs-v7[b-ku2h9j91f7] .ovs-panelbar > summary {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
padding: 0.65rem 0.9rem;
cursor: pointer;
font-weight: 600;
}
.ovs-v7[b-ku2h9j91f7] .ovs-panelbar > summary:focus-visible {
outline: 3px solid var(--ovs-link, #0047ab);
outline-offset: -3px;
}
.ovs-v7[b-ku2h9j91f7] .ovs-panelbar__desc {
font-weight: 400;
}
.ovs-v7[b-ku2h9j91f7] .ovs-panelbar__body {
padding: 0.5rem 0.9rem 0.9rem;
}
/* Chips: every status chip also carries words or a symbol, never colour alone. */
.ovs-v7[b-ku2h9j91f7] .ovs-chip {
display: inline-block;
padding: 1px 8px;
border: 1px solid var(--ovs-line, #d9dcdd);
border-radius: 10px;
font-size: 0.72rem;
font-weight: 600;
}
.ovs-v7[b-ku2h9j91f7] .ovs-chip--live {
background: #d1e7dd;
border-color: #d1e7dd;
color: #0f5132;
}
.ovs-v7[b-ku2h9j91f7] .ovs-chip--stale {
background: var(--ovs-yellow-bg, #fff6d6);
border-color: var(--ovs-yellow-line, #e0b400);
color: var(--ovs-yellow-text, #7a5c00);
}
.ovs-v7[b-ku2h9j91f7] .ovs-chip--alert {
background: var(--ovs-alert-bg, #fde2e1);
border-color: var(--ovs-alert-bg, #fde2e1);
color: var(--ovs-alert-text, #8a1c17);
}
/* Workload table */
.ovs-v7[b-ku2h9j91f7] .ovs-wl {
display: grid;
gap: 0;
padding: 0.4rem 0.9rem 0.2rem;
font-size: 0.85rem;
}
.ovs-v7[b-ku2h9j91f7] .ovs-wl__row {
display: grid;
grid-template-columns: minmax(6rem, 9rem) minmax(8rem, 1fr) minmax(7rem, 10rem) minmax(5rem, 7rem);
gap: 0.5rem 0.75rem;
align-items: center;
padding: 0.35rem 0;
}
.ovs-v7[b-ku2h9j91f7] .ovs-wl__hd {
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
color: var(--ovs-muted, #6b6f72);
}
.ovs-v7[b-ku2h9j91f7] .ovs-wtrack {
display: flex;
height: 14px;
border-radius: 7px;
overflow: hidden;
background: var(--ovs-track, #e3e6e8);
}
.ovs-v7[b-ku2h9j91f7] .ovs-wtrack__active {
background: var(--ovs-hi, #198754);
}
.ovs-v7[b-ku2h9j91f7] .ovs-wtrack__other {
background: var(--ovs-gbar2, #7fa9d1);
}
/* Business-area tiles: 5 per row on a wide screen, fewer as it narrows */
.ovs-v7[b-ku2h9j91f7] .ovs-tiles {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 0.75rem;
list-style: none;
margin: 0;
padding: 0;
}
.ovs-v7[b-ku2h9j91f7] .ovs-tile {
display: flex;
flex-direction: column;
gap: 0.35rem;
padding: 0.85rem;
background: var(--ovs-panel, #ffffff);
border: 1px solid var(--ovs-line, #d9dcdd);
border-radius: 6px;
}
.ovs-v7[b-ku2h9j91f7] .ovs-tile:hover,
.ovs-v7[b-ku2h9j91f7] .ovs-tile:focus-within {
border-color: var(--ovs-band, #198754);
}
.ovs-v7[b-ku2h9j91f7] .ovs-tile h3 {
margin: 0;
font-size: 0.95rem;
}
.ovs-v7[b-ku2h9j91f7] .ovs-tile__title {
font-weight: 700;
}
.ovs-v7[b-ku2h9j91f7] .ovs-tile__waiting {
display: flex;
flex-wrap: wrap;
gap: 0.3rem;
}
.ovs-v7[b-ku2h9j91f7] .ovs-nums {
font-size: 0.75rem;
line-height: 1.5;
color: var(--ovs-muted, #6b6f72);
}
.ovs-v7[b-ku2h9j91f7] .ovs-prog {
display: flex;
align-items: center;
gap: 0.4rem;
font-size: 0.8rem;
}
.ovs-v7[b-ku2h9j91f7] .ovs-track {
flex: 1 1 auto;
height: 8px;
border-radius: 4px;
overflow: hidden;
background: var(--ovs-track, #e3e6e8);
}
.ovs-v7[b-ku2h9j91f7] .ovs-fill {
display: block;
height: 100%;
background: var(--ovs-hi, #198754);
}
/* Sessions detail table */
.ovs-v7[b-ku2h9j91f7] .ovs-sessions-table {
width: 100%;
border-collapse: collapse;
font-size: 0.8rem;
}
.ovs-v7[b-ku2h9j91f7] .ovs-sessions-table th,
.ovs-v7[b-ku2h9j91f7] .ovs-sessions-table td {
text-align: left;
vertical-align: top;
padding: 0.4rem 0.6rem;
border-bottom: 1px solid var(--ovs-line, #d9dcdd);
}
@media (max-width: 1099px) {
.ovs-v7[b-ku2h9j91f7] .ovs-tiles {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
.ovs-v7[b-ku2h9j91f7] .ovs-tiles {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ovs-v7[b-ku2h9j91f7] .ovs-wl__row {
grid-template-columns: 6rem minmax(5rem, 1fr) 6.5rem 4.5rem;
}
}
@media (max-width: 480px) {
.ovs-v7[b-ku2h9j91f7] .ovs-tiles {
grid-template-columns: 1fr;
}
}
/* /Overseer/Views/OverseerPageShell.razor.rz.scp.css */
/* Overseer epic and task pages, mockup v9 (#76338). Same look as the person page v8 (OverseerPersonPanel.razor.css): the shared card,
pill, needs, toolbar, Stage Left / Stage Right and pager rules are copied here under the .ove root because scoped CSS does not cross
components. Plain CSS, no MudBlazor (#69081). Every rule goes through ::deep so it reaches the child components. Colours come from
the --ovs-* and --ovp-* custom properties set on the frame, so dark mode swaps them in one place. Phone width: everything wraps or
stacks, nothing forces a horizontal scroll. */
.ove[b-cm1eszqlgh] {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 1180px;
min-width: 0;
margin: 0 auto;
font-size: 14px;
line-height: 1.45;
color: var(--ovs-text);
}
.ove[b-cm1eszqlgh] * { box-sizing: border-box; }
.ove[b-cm1eszqlgh] button, .ove[b-cm1eszqlgh] input, .ove[b-cm1eszqlgh] select, .ove[b-cm1eszqlgh] textarea { font: inherit; color: inherit; }
.ove[b-cm1eszqlgh] :focus-visible { outline: 2px solid var(--ovp-focus); outline-offset: 2px; }
.ove[b-cm1eszqlgh] a { color: var(--ovs-link); text-decoration: none; cursor: pointer; }
.ove[b-cm1eszqlgh] a:hover { text-decoration: underline; }
.ove[b-cm1eszqlgh] .ovp-num { font-variant-numeric: tabular-nums; }
.ove[b-cm1eszqlgh] .ovp-muted { color: var(--ovs-muted); }
.ove[b-cm1eszqlgh] .ovs-empty { color: var(--ovs-muted); padding: 12px 0; }
.ove[b-cm1eszqlgh] .ovp-crumbs { font-size: 13px; color: var(--ovs-muted); display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
/* Cards */
.ove[b-cm1eszqlgh] .ovp-card { background: var(--ovs-panel); border: 1px solid var(--ovs-line); border-radius: 8px; min-width: 0; }
.ove[b-cm1eszqlgh] .ovp-card > header { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 16px; border-bottom: 1px solid var(--ovs-line); }
.ove[b-cm1eszqlgh] .ovp-card > header h2 { margin: 0; font-size: 16px; text-wrap: balance; }
.ove[b-cm1eszqlgh] .ovp-card > header .hint { color: var(--ovs-muted); font-size: 13px; }
.ove[b-cm1eszqlgh] .ovp-card > header .end { margin-left: auto; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ove[b-cm1eszqlgh] .ovp-ownnote { font-size: 13px; color: var(--ovs-muted); padding: 12px 16px; }
/* Pills and dots */
.ove[b-cm1eszqlgh] .ovp-pill { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; border-radius: 11px; padding: 2px 9px; white-space: nowrap; }
.ove[b-cm1eszqlgh] .ovp-pill.ok { background: var(--ovp-ok-bg); color: var(--ovp-ok-ink); }
.ove[b-cm1eszqlgh] .ovp-pill.info { background: var(--ovp-info-bg); color: var(--ovp-info-ink); }
.ove[b-cm1eszqlgh] .ovp-pill.warn { background: var(--ovp-warn-bg); color: var(--ovp-warn-ink); }
.ove[b-cm1eszqlgh] .ovp-pill.crit { background: var(--ovp-crit-bg); color: var(--ovp-crit-ink); }
.ove[b-cm1eszqlgh] .ovp-pill.mute { background: var(--ovp-soft); color: var(--ovs-muted); }
.ove[b-cm1eszqlgh] .ovp-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: none; background: currentColor; }
.ove[b-cm1eszqlgh] .ovp-dot.ok { color: var(--ovs-hi); }
.ove[b-cm1eszqlgh] .ovp-dot.warn { color: var(--ovp-warn-ink); }
.ove[b-cm1eszqlgh] .ovp-dot.crit { color: var(--ovp-crit-ink); }
.ove[b-cm1eszqlgh] .ovp-dot.info { color: var(--ovp-info-ink); }
/* Needs you */
.ove[b-cm1eszqlgh] .ovp-needs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ove[b-cm1eszqlgh] .ovp-needs > div { padding: 12px 16px; border-right: 1px solid var(--ovs-line); min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.ove[b-cm1eszqlgh] .ovp-needs > div:last-child { border-right: 0; }
.ove[b-cm1eszqlgh] .ovp-needs h3 { margin: 0; font-size: 13px; display: flex; gap: 8px; align-items: center; }
.ove[b-cm1eszqlgh] .ovp-needs h3 .ovp-cnt { margin-left: auto; font-variant-numeric: tabular-nums; }
.ove[b-cm1eszqlgh] .ovp-ask { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 6px; background: var(--ovp-soft); border-left: 3px solid var(--ovs-line); min-width: 0; }
.ove[b-cm1eszqlgh] .ovp-ask.crit { border-left-color: var(--ovp-crit-ink); }
.ove[b-cm1eszqlgh] .ovp-ask.warn { border-left-color: var(--ovp-warn-ink); }
.ove[b-cm1eszqlgh] .ovp-ask.info { border-left-color: var(--ovp-info-ink); }
.ove[b-cm1eszqlgh] .ovp-ask a, .ove[b-cm1eszqlgh] .ovp-ask b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.ove[b-cm1eszqlgh] .ovp-ask span { font-size: 12px; color: var(--ovs-muted); overflow-wrap: anywhere; }
.ove[b-cm1eszqlgh] .ovp-act { display: flex; gap: 6px; margin-top: 4px; }
.ove[b-cm1eszqlgh] .ovp-mini { border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 5px; padding: 2px 9px; font-size: 12px; font-weight: 600; cursor: pointer; }
.ove[b-cm1eszqlgh] .ovp-mini.go { background: var(--ovs-band); border-color: var(--ovs-band); color: #fff; }
.ove[b-cm1eszqlgh] .ovp-mini.go:hover { text-decoration: none; }
.ove[b-cm1eszqlgh] .ovp-clear { font-size: 13px; color: var(--ovs-muted); display: flex; gap: 6px; align-items: center; }
.ove[b-cm1eszqlgh] .ovp-clear.warn { color: var(--ovp-warn-ink); background: var(--ovp-warn-bg); border-radius: 6px; padding: 6px 8px; }
.ove[b-cm1eszqlgh] .ovp-more { font-size: 12px; }
/* Toolbars */
.ove[b-cm1eszqlgh] .ovp-tools { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; padding: 10px 16px; border-bottom: 1px solid var(--ovs-line); background: var(--ovp-soft); }
.ove[b-cm1eszqlgh] .ovp-search { position: relative; flex: 1 1 220px; min-width: 0; }
.ove[b-cm1eszqlgh] .ovp-search input { padding-left: 30px; }
.ove[b-cm1eszqlgh] .ovp-search svg { position: absolute; left: 9px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; fill: none; stroke: var(--ovs-muted); stroke-width: 2; }
.ove[b-cm1eszqlgh] .ovp-seg { display: inline-flex; border: 1px solid var(--ovs-line); border-radius: 6px; overflow: hidden; background: var(--ovs-panel); }
.ove[b-cm1eszqlgh] .ovp-seg button { border: 0; background: transparent; padding: 6px 11px; cursor: pointer; font-size: 13px; border-right: 1px solid var(--ovs-line); }
.ove[b-cm1eszqlgh] .ovp-seg button:last-child { border-right: 0; }
.ove[b-cm1eszqlgh] .ovp-seg button[aria-pressed="true"] { background: var(--ovp-bar); color: #fff; }
.ove[b-cm1eszqlgh] .ovp-tools select { width: auto; max-width: 100%; min-width: 0; flex: 0 1 auto; padding: 6px 8px; text-overflow: ellipsis; }
.ove[b-cm1eszqlgh] .ovp-valsum { font-size: 12px; color: var(--ovs-muted); }
/* Stage Left / Stage Right */
.ove[b-cm1eszqlgh] .ovp-stages { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.ove[b-cm1eszqlgh] .ovp-stages.one { grid-template-columns: minmax(0, 1fr); }
.ove[b-cm1eszqlgh] .ovp-stage { min-width: 0; display: flex; flex-direction: column; border-right: 1px solid var(--ovs-line); }
.ove[b-cm1eszqlgh] .ovp-stage:last-child, .ove[b-cm1eszqlgh] .ovp-stages.one .ovp-stage { border-right: 0; }
.ove[b-cm1eszqlgh] .ovp-stage > h3 { margin: 0; padding: 10px 16px; font-size: 13px; display: flex; gap: 8px; align-items: center; border-bottom: 1px solid var(--ovs-line); flex-wrap: wrap; }
.ove[b-cm1eszqlgh] .ovp-stage > h3 small { color: var(--ovs-muted); font-weight: 400; }
.ove[b-cm1eszqlgh] .ovp-stage > h3 .ovp-cnt { margin-left: auto; }
.ove[b-cm1eszqlgh] .ovp-rows { display: flex; flex-direction: column; flex: 1; }
.ove[b-cm1eszqlgh] .ovp-r { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 9px 16px; border-bottom: 1px solid var(--ovs-line); align-items: center; }
.ove[b-cm1eszqlgh] .ovp-r:hover { background: var(--ovp-soft); }
.ove[b-cm1eszqlgh] .ovp-tt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ove[b-cm1eszqlgh] .ovp-meta { grid-column: 1; font-size: 12px; color: var(--ovs-muted); display: flex; gap: 8px; flex-wrap: wrap; align-items: center; min-width: 0; }
.ove[b-cm1eszqlgh] .ovp-ep { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.ove[b-cm1eszqlgh] .ovp-side { font-size: 12px; color: var(--ovs-muted); white-space: nowrap; }
.ove[b-cm1eszqlgh] .ovp-prog { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; min-width: 0; }
.ove[b-cm1eszqlgh] .ovp-track { flex: 1; height: 7px; border-radius: 4px; background: var(--ovs-track); overflow: hidden; min-width: 60px; }
.ove[b-cm1eszqlgh] .ovp-fill { height: 100%; background: var(--ovs-hi); }
.ove[b-cm1eszqlgh] .ovp-pct { font-size: 12px; }
.ove[b-cm1eszqlgh] .ovp-val { grid-column: 2; text-align: right; font-size: 12px; color: var(--ovs-muted); display: flex; flex-direction: column; align-items: flex-end; gap: 1px; min-width: 0; }
.ove[b-cm1eszqlgh] .ovp-val b { font-size: 14px; color: var(--ovp-ok-ink); font-variant-numeric: tabular-nums; }
.ove[b-cm1eszqlgh] .ovp-val.none { color: var(--ovs-muted); font-style: italic; }
.ove[b-cm1eszqlgh] .ovp-empty { padding: 28px 16px; text-align: center; color: var(--ovs-muted); flex: 1; display: grid; place-items: center; }
.ove[b-cm1eszqlgh] mark { background: var(--ovp-warn-bg); color: inherit; border-radius: 2px; }
.ove[b-cm1eszqlgh] .ovp-pager { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 10px 16px; font-size: 13px; color: var(--ovs-muted); margin-top: auto; }
.ove[b-cm1eszqlgh] .ovp-sp { flex: 1; }
.ove[b-cm1eszqlgh] .ovp-pager button { border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 5px; min-width: 30px; padding: 4px 8px; cursor: pointer; font-variant-numeric: tabular-nums; }
.ove[b-cm1eszqlgh] .ovp-pager button[aria-current="true"] { background: var(--ovs-band); border-color: var(--ovs-band); color: #fff; }
.ove[b-cm1eszqlgh] .ovp-pager button:disabled { opacity: .4; cursor: default; }
/* Form controls (fields card, note box, toolbar selects) */
.ove[b-cm1eszqlgh] input[type=text], .ove[b-cm1eszqlgh] input[type=date], .ove[b-cm1eszqlgh] input[type=number], .ove[b-cm1eszqlgh] textarea, .ove[b-cm1eszqlgh] select { width: 100%; border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 6px; padding: 7px 9px; }
.ove[b-cm1eszqlgh] textarea { min-height: 64px; resize: vertical; }
.ove[b-cm1eszqlgh] .ovp-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ove[b-cm1eszqlgh] .ovp-field label, .ove[b-cm1eszqlgh] .ovp-field .ove-lab { font-weight: 600; font-size: 13px; }
.ove[b-cm1eszqlgh] .ovp-help { font-size: 12px; color: var(--ovs-muted); }
.ove[b-cm1eszqlgh] .ovp-hint { color: var(--ovs-muted); font-size: 13px; }
.ove[b-cm1eszqlgh] .ovp-btn { border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 6px; padding: 8px 14px; cursor: pointer; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
.ove[b-cm1eszqlgh] .ovp-btn:hover { text-decoration: none; }
.ove[b-cm1eszqlgh] .ovp-btn.primary { background: var(--ovs-band); border-color: var(--ovs-band); color: #fff; }
.ove[b-cm1eszqlgh] .ovp-btn:disabled { opacity: .45; cursor: not-allowed; }
/* Page header (epic and task) */
.ove[b-cm1eszqlgh] .ove-head { padding: 16px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.ove[b-cm1eszqlgh] .ove-where { font-size: 12px; color: var(--ovs-muted); display: flex; gap: 6px; flex-wrap: wrap; }
.ove[b-cm1eszqlgh] .ove-head h2 { margin: 0; font-size: 22px; line-height: 1.25; text-wrap: balance; overflow-wrap: anywhere; }
.ove[b-cm1eszqlgh] .ove-head h2 .ove-no { font-weight: 400; color: var(--ovs-muted); font-size: 16px; white-space: nowrap; }
.ove[b-cm1eszqlgh] .ove-chips { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.ove[b-cm1eszqlgh] .ove-owner { display: inline-flex; gap: 6px; align-items: center; font-size: 13px; border: 1px solid var(--ovs-line); border-radius: 14px; padding: 2px 10px 2px 3px; }
.ove[b-cm1eszqlgh] .ove-owner small { color: var(--ovs-muted); }
.ove[b-cm1eszqlgh] .ove-av { width: 22px; height: 22px; border-radius: 50%; background: var(--ovp-soft); color: var(--ovs-band); border: 1px solid var(--ovs-band); display: grid; place-items: center; font-weight: 700; font-size: 10px; }
.ove[b-cm1eszqlgh] .ove-prog { display: flex; align-items: center; gap: 10px; max-width: 560px; }
.ove[b-cm1eszqlgh] .ove-track { flex: 1; height: 10px; border-radius: 5px; background: var(--ovs-track); overflow: hidden; min-width: 80px; }
.ove[b-cm1eszqlgh] .ove-fill { height: 100%; background: var(--ovs-hi); }
.ove[b-cm1eszqlgh] .ove-prog span { font-size: 13px; white-space: nowrap; }
.ove[b-cm1eszqlgh] .ove-money { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--ovs-line); border-radius: 8px; overflow: hidden; max-width: 560px; }
.ove[b-cm1eszqlgh] .ove-money > div { padding: 8px 12px; border-right: 1px solid var(--ovs-line); min-width: 0; }
.ove[b-cm1eszqlgh] .ove-money > div:last-child { border-right: 0; }
.ove[b-cm1eszqlgh] .ove-money .v { font-size: 18px; font-weight: 700; color: var(--ovp-ok-ink); font-variant-numeric: tabular-nums; }
.ove[b-cm1eszqlgh] .ove-money .k { font-size: 12px; color: var(--ovs-muted); }
.ove[b-cm1eszqlgh] .ove-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.ove[b-cm1eszqlgh] .ove-twocol { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.ove[b-cm1eszqlgh] .ove-note { margin: 0; padding: 12px 16px; font-size: 13px; color: var(--ovs-muted); }
.ove[b-cm1eszqlgh] .ove-note.warn { color: var(--ovp-warn-ink); background: var(--ovp-warn-bg); border-radius: 6px; margin: 12px 16px; padding: 8px 10px; }
.ove[b-cm1eszqlgh] .ovp-ask.stall { border-left-color: var(--ovp-crit-ink); }
/* Overseer fields card */
.ove[b-cm1eszqlgh] .ove-fgrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 14px; padding: 14px 16px; }
.ove[b-cm1eszqlgh] .ove-fgrid .wide { grid-column: 1 / -1; }
.ove[b-cm1eszqlgh] .ove-ro { font-size: 14px; overflow-wrap: anywhere; }
.ove[b-cm1eszqlgh] .ove-ro.none { color: var(--ovs-muted); font-style: italic; }
.ove[b-cm1eszqlgh] .ove-savebar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 0 16px 14px; }
.ove[b-cm1eszqlgh] .ove-msg { margin: 0; padding: 0 16px 12px; font-size: 13px; }
.ove[b-cm1eszqlgh] .ove-msg.bad { color: var(--ovp-crit-ink); }
.ove[b-cm1eszqlgh] .ove-msg.good { color: var(--ovp-ok-ink); }
/* Timeline (notes and history) */
.ove[b-cm1eszqlgh] .ove-tl { list-style: none; margin: 0; padding: 12px 16px 4px; display: flex; flex-direction: column; }
.ove[b-cm1eszqlgh] .ove-tl li { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 10px; position: relative; padding-bottom: 14px; }
.ove[b-cm1eszqlgh] .ove-tl li::before { content: ""; position: absolute; left: 6px; top: 14px; bottom: 0; width: 2px; background: var(--ovs-line); }
.ove[b-cm1eszqlgh] .ove-tl li:last-child::before { display: none; }
.ove[b-cm1eszqlgh] .ove-tdot { width: 14px; height: 14px; border-radius: 50%; border: 3px solid var(--ovs-panel); box-shadow: 0 0 0 1px var(--ovs-line); margin-top: 3px; background: var(--ovs-muted); }
.ove[b-cm1eszqlgh] .ove-tdot.note { background: var(--ovp-bar); }
.ove[b-cm1eszqlgh] .ove-tdot.gh { background: var(--ovs-hi); }
.ove[b-cm1eszqlgh] .ove-tdot.chg { background: var(--ovp-warn-ink); }
.ove[b-cm1eszqlgh] .ove-th { font-size: 12px; color: var(--ovs-muted); display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.ove[b-cm1eszqlgh] .ove-th b { color: var(--ovs-text); }
.ove[b-cm1eszqlgh] .ove-tb { font-size: 13px; overflow-wrap: anywhere; }
.ove[b-cm1eszqlgh] .ove-addnote { padding: 0 16px 14px; display: flex; flex-direction: column; gap: 8px; }
/* Task page */
.ove[b-cm1eszqlgh] .ove-lbls { display: flex; gap: 6px; flex-wrap: wrap; }
.ove[b-cm1eszqlgh] .ove-lbl { font-size: 12px; border: 1px solid var(--ovs-line); border-radius: 12px; padding: 2px 9px; background: var(--ovs-panel); white-space: nowrap; }
.ove[b-cm1eszqlgh] .ove-lbl.tone { border-color: transparent; font-weight: 600; }
.ove[b-cm1eszqlgh] .ove-lbl.ok { background: var(--ovp-ok-bg); color: var(--ovp-ok-ink); }
.ove[b-cm1eszqlgh] .ove-lbl.warn { background: var(--ovp-warn-bg); color: var(--ovp-warn-ink); }
.ove[b-cm1eszqlgh] .ove-lbl.crit { background: var(--ovp-crit-bg); color: var(--ovp-crit-ink); }
.ove[b-cm1eszqlgh] .ove-lbl.info { background: var(--ovp-info-bg); color: var(--ovp-info-ink); }
.ove[b-cm1eszqlgh] .ove-lbl.mute { background: var(--ovp-soft); color: var(--ovs-muted); }
.ove[b-cm1eszqlgh] .ove-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--ovs-line); }
.ove[b-cm1eszqlgh] .ove-facts > div { padding: 10px 16px; border-right: 1px solid var(--ovs-line); min-width: 0; }
.ove[b-cm1eszqlgh] .ove-facts > div:last-child { border-right: 0; }
.ove[b-cm1eszqlgh] .ove-facts .k { font-size: 12px; color: var(--ovs-muted); }
.ove[b-cm1eszqlgh] .ove-facts .v { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.ove[b-cm1eszqlgh] .ove-facts .v.bad { color: var(--ovp-warn-ink); }
.ove[b-cm1eszqlgh] .ove-raw { padding: 0 16px 12px; font-size: 12px; color: var(--ovs-muted); }
.ove[b-cm1eszqlgh] .ove-raw summary { cursor: pointer; }
.ove[b-cm1eszqlgh] .ove-pr { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px 16px; border-bottom: 1px solid var(--ovs-line); font-size: 13px; }
.ove[b-cm1eszqlgh] .ove-pr:last-child { border-bottom: 0; }
.ove[b-cm1eszqlgh] .ove-pr .ovp-tt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 960px) {
.ove[b-cm1eszqlgh] .ovp-needs { grid-template-columns: 1fr; }
.ove[b-cm1eszqlgh] .ovp-needs > div { border-right: 0; border-bottom: 1px solid var(--ovs-line); }
.ove[b-cm1eszqlgh] .ovp-stages { grid-template-columns: minmax(0, 1fr); }
.ove[b-cm1eszqlgh] .ovp-stage { border-right: 0; border-bottom: 1px solid var(--ovs-line); }
.ove[b-cm1eszqlgh] .ove-twocol { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
.ove[b-cm1eszqlgh] .ove-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ove[b-cm1eszqlgh] .ove-facts > div { border-bottom: 1px solid var(--ovs-line); }
}
@media (max-width: 560px) {
.ove[b-cm1eszqlgh] .ovp-tools select { flex: 1 1 140px; width: 0; }
.ove[b-cm1eszqlgh] .ove-fgrid { grid-template-columns: minmax(0, 1fr); }
.ove[b-cm1eszqlgh] .ove-pr { grid-template-columns: auto minmax(0, 1fr); }
.ove[b-cm1eszqlgh] .ove-pr .ovp-side { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
.ove[b-cm1eszqlgh] * { scroll-behavior: auto !important; }
}
/* /Overseer/Views/OverseerPersonPanel.razor.rz.scp.css */
/* Overseer person page, mockup v8 (#75741). Plain CSS, no MudBlazor (#69081). Every rule goes through ::deep so it also reaches
the child components (Needs, File form, Epics, Tasks, Pager). Colours come from the --ovs-* and --ovp-* custom properties set
on the frame (OverseerFrame.razor.css), so dark mode swaps them in one place. Phone width: everything wraps or stacks, nothing
forces a horizontal scroll (min-width:0 on grid children, no fixed-width tables). */
.ovp[b-u0fqlclf0b] {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 1180px;
min-width: 0;
margin: 0 auto;
font-size: 14px;
line-height: 1.45;
color: var(--ovs-text);
}
.ovp[b-u0fqlclf0b] * { box-sizing: border-box; }
.ovp[b-u0fqlclf0b] button, .ovp[b-u0fqlclf0b] input, .ovp[b-u0fqlclf0b] select, .ovp[b-u0fqlclf0b] textarea { font: inherit; color: inherit; }
.ovp[b-u0fqlclf0b] :focus-visible { outline: 2px solid var(--ovp-focus); outline-offset: 2px; }
.ovp[b-u0fqlclf0b] a { color: var(--ovs-link); text-decoration: none; cursor: pointer; }
.ovp[b-u0fqlclf0b] a:hover { text-decoration: underline; }
.ovp[b-u0fqlclf0b] .ovp-num { font-variant-numeric: tabular-nums; }
.ovp[b-u0fqlclf0b] .ovp-muted { color: var(--ovs-muted); }
.ovp[b-u0fqlclf0b] .ovs-empty { color: var(--ovs-muted); padding: 12px 0; }
.ovp[b-u0fqlclf0b] .ovp-crumbs { font-size: 13px; color: var(--ovs-muted); display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
/* Cards */
.ovp[b-u0fqlclf0b] .ovp-card { background: var(--ovs-panel); border: 1px solid var(--ovs-line); border-radius: 8px; min-width: 0; }
.ovp[b-u0fqlclf0b] .ovp-card > header { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 16px; border-bottom: 1px solid var(--ovs-line); }
.ovp[b-u0fqlclf0b] .ovp-card > header h2 { margin: 0; font-size: 16px; text-wrap: balance; }
.ovp[b-u0fqlclf0b] .ovp-card > header .hint { color: var(--ovs-muted); font-size: 13px; }
.ovp[b-u0fqlclf0b] .ovp-card > header .end { margin-left: auto; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ovp[b-u0fqlclf0b] .ovp-ownnote { font-size: 13px; color: var(--ovs-muted); padding: 12px 16px; }
/* Workload header and stat tiles */
.ovp[b-u0fqlclf0b] .ovp-phead { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; padding: 16px; align-items: center; }
.ovp[b-u0fqlclf0b] .ovp-avatar { width: 56px; height: 56px; border-radius: 50%; background: var(--ovp-soft); color: var(--ovs-band); display: grid; place-items: center; font-weight: 700; font-size: 20px; border: 2px solid var(--ovs-band); }
.ovp[b-u0fqlclf0b] .ovp-phead h2 { margin: 0; font-size: 22px; }
.ovp[b-u0fqlclf0b] .ovp-sub { color: var(--ovs-muted); font-size: 13px; display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.ovp[b-u0fqlclf0b] .ovp-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--ovs-line); }
.ovp[b-u0fqlclf0b] .ovp-stat { padding: 12px 16px; border-right: 1px solid var(--ovs-line); min-width: 0; }
.ovp[b-u0fqlclf0b] .ovp-stat:last-child { border-right: 0; }
.ovp[b-u0fqlclf0b] .ovp-stat .v { font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.ovp[b-u0fqlclf0b] .ovp-stat .k { font-size: 12px; color: var(--ovs-muted); }
/* Pills and dots */
.ovp[b-u0fqlclf0b] .ovp-pill { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; border-radius: 11px; padding: 2px 9px; white-space: nowrap; }
.ovp[b-u0fqlclf0b] .ovp-pill.ok { background: var(--ovp-ok-bg); color: var(--ovp-ok-ink); }
.ovp[b-u0fqlclf0b] .ovp-pill.info { background: var(--ovp-info-bg); color: var(--ovp-info-ink); }
.ovp[b-u0fqlclf0b] .ovp-pill.warn { background: var(--ovp-warn-bg); color: var(--ovp-warn-ink); }
.ovp[b-u0fqlclf0b] .ovp-pill.crit { background: var(--ovp-crit-bg); color: var(--ovp-crit-ink); }
.ovp[b-u0fqlclf0b] .ovp-pill.mute { background: var(--ovp-soft); color: var(--ovs-muted); }
.ovp[b-u0fqlclf0b] .ovp-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: none; background: currentColor; }
.ovp[b-u0fqlclf0b] .ovp-dot.ok { color: var(--ovs-hi); }
.ovp[b-u0fqlclf0b] .ovp-dot.warn { color: var(--ovp-warn-ink); }
.ovp[b-u0fqlclf0b] .ovp-dot.crit { color: var(--ovp-crit-ink); }
.ovp[b-u0fqlclf0b] .ovp-dot.info { color: var(--ovp-info-ink); }
/* Needs you */
.ovp[b-u0fqlclf0b] .ovp-needs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ovp[b-u0fqlclf0b] .ovp-needs > div { padding: 12px 16px; border-right: 1px solid var(--ovs-line); min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.ovp[b-u0fqlclf0b] .ovp-needs > div:last-child { border-right: 0; }
.ovp[b-u0fqlclf0b] .ovp-needs h3 { margin: 0; font-size: 13px; display: flex; gap: 8px; align-items: center; }
.ovp[b-u0fqlclf0b] .ovp-needs h3 .ovp-cnt { margin-left: auto; font-variant-numeric: tabular-nums; }
.ovp[b-u0fqlclf0b] .ovp-ask { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 6px; background: var(--ovp-soft); border-left: 3px solid var(--ovs-line); min-width: 0; }
.ovp[b-u0fqlclf0b] .ovp-ask.crit { border-left-color: var(--ovp-crit-ink); }
.ovp[b-u0fqlclf0b] .ovp-ask.warn { border-left-color: var(--ovp-warn-ink); }
.ovp[b-u0fqlclf0b] .ovp-ask.info { border-left-color: var(--ovp-info-ink); }
.ovp[b-u0fqlclf0b] .ovp-ask a, .ovp[b-u0fqlclf0b] .ovp-ask b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.ovp[b-u0fqlclf0b] .ovp-ask span { font-size: 12px; color: var(--ovs-muted); overflow-wrap: anywhere; }
.ovp[b-u0fqlclf0b] .ovp-act { display: flex; gap: 6px; margin-top: 4px; }
.ovp[b-u0fqlclf0b] .ovp-mini { border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 5px; padding: 2px 9px; font-size: 12px; font-weight: 600; cursor: pointer; }
.ovp[b-u0fqlclf0b] .ovp-mini.go { background: var(--ovs-band); border-color: var(--ovs-band); color: #fff; }
.ovp[b-u0fqlclf0b] .ovp-mini.go:hover { text-decoration: none; }
.ovp[b-u0fqlclf0b] .ovp-clear { font-size: 13px; color: var(--ovs-muted); display: flex; gap: 6px; align-items: center; }
.ovp[b-u0fqlclf0b] .ovp-clear.warn { color: var(--ovp-warn-ink); background: var(--ovp-warn-bg); border-radius: 6px; padding: 6px 8px; }
.ovp[b-u0fqlclf0b] .ovp-more { font-size: 12px; }
/* File an issue */
.ovp[b-u0fqlclf0b] .ovp-fi { display: block; }
.ovp[b-u0fqlclf0b] .ovp-fi form { padding: 16px; display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.ovp[b-u0fqlclf0b] .ovp-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.ovp[b-u0fqlclf0b] .ovp-step { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; }
.ovp[b-u0fqlclf0b] .ovp-n { width: 26px; height: 26px; border-radius: 50%; background: var(--ovs-track); color: var(--ovs-muted); display: grid; place-items: center; font-weight: 700; font-size: 13px; }
.ovp[b-u0fqlclf0b] .ovp-n.done { background: var(--ovs-hi); color: #fff; }
.ovp[b-u0fqlclf0b] .ovp-step h3 { margin: 2px 0 8px; font-size: 14px; }
.ovp[b-u0fqlclf0b] .ovp-field { display: flex; flex-direction: column; gap: 4px; margin-bottom: 10px; min-width: 0; }
.ovp[b-u0fqlclf0b] .ovp-field label { font-weight: 600; font-size: 13px; }
.ovp[b-u0fqlclf0b] .ovp-help { font-size: 12px; color: var(--ovs-muted); }
.ovp[b-u0fqlclf0b] .ovp-count { font-size: 12px; color: var(--ovs-muted); align-self: flex-end; }
.ovp[b-u0fqlclf0b] .ovp-count.bad { color: var(--ovp-crit-ink); }
.ovp[b-u0fqlclf0b] input[type=text], .ovp[b-u0fqlclf0b] textarea, .ovp[b-u0fqlclf0b] select { width: 100%; border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 6px; padding: 8px 10px; }
.ovp[b-u0fqlclf0b] textarea { min-height: 84px; resize: vertical; }
.ovp[b-u0fqlclf0b] .ovp-row2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin-top: 10px; }
.ovp[b-u0fqlclf0b] .ovp-prio { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.ovp[b-u0fqlclf0b] .ovp-prio button { border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 6px; padding: 7px 8px; cursor: pointer; text-align: left; min-width: 0; }
.ovp[b-u0fqlclf0b] .ovp-prio button b { display: block; font-size: 13px; }
.ovp[b-u0fqlclf0b] .ovp-prio button span { display: block; font-size: 11px; color: var(--ovs-muted); }
.ovp[b-u0fqlclf0b] .ovp-prio button[aria-pressed="true"] { border-color: var(--ovs-band); box-shadow: inset 0 0 0 1px var(--ovs-band); background: var(--ovp-ok-bg); }
.ovp[b-u0fqlclf0b] .ovp-prio button:disabled { opacity: .5; cursor: not-allowed; }
.ovp[b-u0fqlclf0b] .ovp-drop { position: relative; border: 2px dashed var(--ovs-line); border-radius: 8px; padding: 16px; text-align: center; color: var(--ovs-muted); cursor: pointer; background: var(--ovs-panel); }
.ovp[b-u0fqlclf0b] .ovp-drop:hover { border-color: var(--ovs-band); color: var(--ovs-text); }
.ovp[b-u0fqlclf0b] .ovp-drop.off { opacity: .6; cursor: not-allowed; }
.ovp[b-u0fqlclf0b] .ovp-drop input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.ovp[b-u0fqlclf0b] .ovp-drop.off input[type=file] { cursor: not-allowed; }
.ovp[b-u0fqlclf0b] .ovp-lnk { color: var(--ovs-link); cursor: pointer; }
.ovp[b-u0fqlclf0b] .ovp-thumbs { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0; }
.ovp[b-u0fqlclf0b] .ovp-thumbs span { font-size: 12px; border: 1px solid var(--ovs-line); border-radius: 4px; padding: 3px 8px; background: var(--ovs-panel); }
.ovp[b-u0fqlclf0b] .ovp-check { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; }
.ovp[b-u0fqlclf0b] .ovp-check input { margin-top: 3px; }
.ovp[b-u0fqlclf0b] .ovp-cd { border: 1px solid var(--ovs-line); border-radius: 6px; padding: 8px 12px; margin: 0 0 10px; display: grid; gap: 6px; }
.ovp[b-u0fqlclf0b] .ovp-cd legend { font-size: 13px; font-weight: 600; padding: 0 4px; }
.ovp[b-u0fqlclf0b] .ovp-cd-opt { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; }
.ovp[b-u0fqlclf0b] .ovp-cd-opt input { margin-top: 3px; }
.ovp[b-u0fqlclf0b] .ovp-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.ovp[b-u0fqlclf0b] .ovp-hint { color: var(--ovs-muted); font-size: 13px; }
.ovp[b-u0fqlclf0b] .ovp-btn { border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 6px; padding: 8px 14px; cursor: pointer; font-weight: 600; }
.ovp[b-u0fqlclf0b] .ovp-btn.small { padding: 3px 10px; font-size: 12px; align-self: flex-start; }
.ovp[b-u0fqlclf0b] .ovp-btn.primary { background: var(--ovs-band); border-color: var(--ovs-band); color: #fff; }
.ovp[b-u0fqlclf0b] .ovp-btn:disabled { opacity: .45; cursor: not-allowed; }
.ovp[b-u0fqlclf0b] .ovp-aside-h { font-size: 12px; font-weight: 700; color: var(--ovs-muted); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 6px; }
.ovp[b-u0fqlclf0b] .ovp-ready { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.ovp[b-u0fqlclf0b] .ovp-ready li { display: flex; gap: 8px; align-items: center; }
.ovp[b-u0fqlclf0b] .ovp-ic { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--ovs-line); flex: none; }
.ovp[b-u0fqlclf0b] .ovp-ready li.ok .ovp-ic { background: var(--ovs-hi); border-color: var(--ovs-hi); }
.ovp[b-u0fqlclf0b] .ovp-preview { background: var(--ovp-soft); border: 1px solid var(--ovs-line); border-radius: 6px; padding: 12px; font-size: 13px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ovp[b-u0fqlclf0b] .ovp-preview .t { font-weight: 700; font-size: 14px; overflow-wrap: anywhere; }
.ovp[b-u0fqlclf0b] .ovp-preview .d { color: var(--ovs-muted); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 120px; overflow: auto; }
.ovp[b-u0fqlclf0b] .ovp-preview .by { color: var(--ovs-muted); font-size: 12px; overflow-wrap: anywhere; }
.ovp[b-u0fqlclf0b] .ovp-labels { display: flex; gap: 4px; flex-wrap: wrap; }
.ovp[b-u0fqlclf0b] .ovp-labels span { font-size: 11px; border: 1px solid var(--ovs-line); border-radius: 10px; padding: 1px 7px; background: var(--ovs-panel); }
.ovp[b-u0fqlclf0b] .ovp-toast { display: flex; gap: 8px; align-items: flex-start; flex-wrap: wrap; background: var(--ovp-ok-bg); color: var(--ovp-ok-ink); border-radius: 6px; padding: 10px 12px; font-size: 13px; }
.ovp[b-u0fqlclf0b] .ovp-toast a { color: inherit; text-decoration: underline; }
.ovp[b-u0fqlclf0b] .ovp-warn { margin: 0; background: var(--ovp-crit-bg); color: var(--ovp-crit-ink); border-radius: 6px; padding: 8px 12px; font-size: 13px; list-style-position: inside; }
.ovp[b-u0fqlclf0b] .ovp-dup { padding: 0 16px 12px; margin: 0; }
.ovp[b-u0fqlclf0b] .ovp-filedrow { display: flex; flex-direction: column; gap: 6px; }
.ovp[b-u0fqlclf0b] .ovp-filed { display: flex; flex-direction: column; }
.ovp[b-u0fqlclf0b] .ovp-filed > div { display: flex; gap: 8px; align-items: center; padding: 8px 0; border-top: 1px solid var(--ovs-line); font-size: 13px; min-width: 0; flex-wrap: wrap; }
.ovp[b-u0fqlclf0b] .ovp-filed .ovp-tt { flex: 1; min-width: 0; }
/* Toolbars */
.ovp[b-u0fqlclf0b] .ovp-tools { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; padding: 10px 16px; border-bottom: 1px solid var(--ovs-line); background: var(--ovp-soft); }
.ovp[b-u0fqlclf0b] .ovp-search { position: relative; flex: 1 1 220px; min-width: 0; }
.ovp[b-u0fqlclf0b] .ovp-search input { padding-left: 30px; }
.ovp[b-u0fqlclf0b] .ovp-search svg { position: absolute; left: 9px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; fill: none; stroke: var(--ovs-muted); stroke-width: 2; }
.ovp[b-u0fqlclf0b] .ovp-seg { display: inline-flex; border: 1px solid var(--ovs-line); border-radius: 6px; overflow: hidden; background: var(--ovs-panel); }
.ovp[b-u0fqlclf0b] .ovp-seg button { border: 0; background: transparent; padding: 6px 11px; cursor: pointer; font-size: 13px; border-right: 1px solid var(--ovs-line); }
.ovp[b-u0fqlclf0b] .ovp-seg button:last-child { border-right: 0; }
.ovp[b-u0fqlclf0b] .ovp-seg button[aria-pressed="true"] { background: var(--ovp-bar); color: #fff; }
.ovp[b-u0fqlclf0b] .ovp-tools select { width: auto; max-width: 100%; min-width: 0; flex: 0 1 auto; padding: 6px 8px; text-overflow: ellipsis; }
.ovp[b-u0fqlclf0b] .ovp-valsum { font-size: 12px; color: var(--ovs-muted); }
/* Stage Left / Stage Right */
.ovp[b-u0fqlclf0b] .ovp-stages { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.ovp[b-u0fqlclf0b] .ovp-stages.one { grid-template-columns: minmax(0, 1fr); }
.ovp[b-u0fqlclf0b] .ovp-stage { min-width: 0; display: flex; flex-direction: column; border-right: 1px solid var(--ovs-line); }
.ovp[b-u0fqlclf0b] .ovp-stage:last-child, .ovp[b-u0fqlclf0b] .ovp-stages.one .ovp-stage { border-right: 0; }
.ovp[b-u0fqlclf0b] .ovp-stage > h3 { margin: 0; padding: 10px 16px; font-size: 13px; display: flex; gap: 8px; align-items: center; border-bottom: 1px solid var(--ovs-line); flex-wrap: wrap; }
.ovp[b-u0fqlclf0b] .ovp-stage > h3 small { color: var(--ovs-muted); font-weight: 400; }
.ovp[b-u0fqlclf0b] .ovp-stage > h3 .ovp-cnt { margin-left: auto; }
.ovp[b-u0fqlclf0b] .ovp-rows { display: flex; flex-direction: column; flex: 1; }
.ovp[b-u0fqlclf0b] .ovp-r { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 9px 16px; border-bottom: 1px solid var(--ovs-line); align-items: center; }
.ovp[b-u0fqlclf0b] .ovp-r:hover { background: var(--ovp-soft); }
.ovp[b-u0fqlclf0b] .ovp-tt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ovp[b-u0fqlclf0b] .ovp-meta { grid-column: 1; font-size: 12px; color: var(--ovs-muted); display: flex; gap: 8px; flex-wrap: wrap; align-items: center; min-width: 0; }
.ovp[b-u0fqlclf0b] .ovp-ep { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.ovp[b-u0fqlclf0b] .ovp-side { font-size: 12px; color: var(--ovs-muted); white-space: nowrap; }
.ovp[b-u0fqlclf0b] .ovp-prog { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; min-width: 0; }
.ovp[b-u0fqlclf0b] .ovp-track { flex: 1; height: 7px; border-radius: 4px; background: var(--ovs-track); overflow: hidden; min-width: 60px; }
.ovp[b-u0fqlclf0b] .ovp-fill { height: 100%; background: var(--ovs-hi); }
.ovp[b-u0fqlclf0b] .ovp-pct { font-size: 12px; }
.ovp[b-u0fqlclf0b] .ovp-val { grid-column: 2; text-align: right; font-size: 12px; color: var(--ovs-muted); display: flex; flex-direction: column; align-items: flex-end; gap: 1px; min-width: 0; }
.ovp[b-u0fqlclf0b] .ovp-val b { font-size: 14px; color: var(--ovp-ok-ink); font-variant-numeric: tabular-nums; }
.ovp[b-u0fqlclf0b] .ovp-val.none { color: var(--ovs-muted); font-style: italic; }
.ovp[b-u0fqlclf0b] .ovp-empty { padding: 28px 16px; text-align: center; color: var(--ovs-muted); flex: 1; display: grid; place-items: center; }
.ovp[b-u0fqlclf0b] mark { background: var(--ovp-warn-bg); color: inherit; border-radius: 2px; }
.ovp[b-u0fqlclf0b] .ovp-pager { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 10px 16px; font-size: 13px; color: var(--ovs-muted); margin-top: auto; }
.ovp[b-u0fqlclf0b] .ovp-sp { flex: 1; }
.ovp[b-u0fqlclf0b] .ovp-pager button { border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 5px; min-width: 30px; padding: 4px 8px; cursor: pointer; font-variant-numeric: tabular-nums; }
.ovp[b-u0fqlclf0b] .ovp-pager button[aria-current="true"] { background: var(--ovs-band); border-color: var(--ovs-band); color: #fff; }
.ovp[b-u0fqlclf0b] .ovp-pager button:disabled { opacity: .4; cursor: default; }
@media (max-width: 960px) {
.ovp[b-u0fqlclf0b] .ovp-needs { grid-template-columns: 1fr; }
.ovp[b-u0fqlclf0b] .ovp-needs > div { border-right: 0; border-bottom: 1px solid var(--ovs-line); }
.ovp[b-u0fqlclf0b] .ovp-stages { grid-template-columns: minmax(0, 1fr); }
.ovp[b-u0fqlclf0b] .ovp-stage { border-right: 0; border-bottom: 1px solid var(--ovs-line); }
}
@media (max-width: 760px) {
.ovp[b-u0fqlclf0b] .ovp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ovp[b-u0fqlclf0b] .ovp-stat { border-bottom: 1px solid var(--ovs-line); }
.ovp[b-u0fqlclf0b] .ovp-split { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
.ovp[b-u0fqlclf0b] .ovp-row2 { grid-template-columns: 1fr; }
.ovp[b-u0fqlclf0b] .ovp-prio { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ovp[b-u0fqlclf0b] .ovp-tools select { flex: 1 1 140px; width: 0; }
}
@media (prefers-reduced-motion: reduce) {
.ovp[b-u0fqlclf0b] * { scroll-behavior: auto !important; }
}
/* /Overseer/Views/OverseerPipelinePanel.razor.rz.scp.css */
/* Overseer Pipeline page, mockup v9 (#76337). Plain CSS, no MudBlazor (#69081). Every rule goes through ::deep so it also reaches the
child components (stall row, mark form). Colours come from the --ovs-*, --ovp-* and --st-* custom properties set on the frame, so
dark mode swaps them in one place. Phone width: everything wraps or stacks, nothing forces a sideways scroll. */
.ovpl[b-wadtbph8lc] {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 1180px;
min-width: 0;
margin: 0 auto;
font-size: 14px;
line-height: 1.45;
color: var(--ovs-text);
}
.ovpl[b-wadtbph8lc] * { box-sizing: border-box; }
.ovpl[b-wadtbph8lc] button, .ovpl[b-wadtbph8lc] input, .ovpl[b-wadtbph8lc] select, .ovpl[b-wadtbph8lc] textarea { font: inherit; color: inherit; }
.ovpl[b-wadtbph8lc] :focus-visible { outline: 2px solid var(--ovp-focus); outline-offset: 2px; }
.ovpl[b-wadtbph8lc] a { color: var(--ovs-link); text-decoration: none; cursor: pointer; }
.ovpl[b-wadtbph8lc] a:hover { text-decoration: underline; }
.ovpl[b-wadtbph8lc] .ovpl-muted { color: var(--ovs-muted); font-size: 12px; }
.ovpl[b-wadtbph8lc] .ovpl-empty { color: var(--ovs-muted); padding: 12px 0; }
.ovpl[b-wadtbph8lc] .ovpl-foot { font-size: 13px; color: var(--ovs-muted); padding: 4px 2px; margin: 0; }
.ovpl[b-wadtbph8lc] .ovpl-crumbs { font-size: 13px; color: var(--ovs-muted); display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.ovpl[b-wadtbph8lc] .ovpl-bar { border-radius: 6px; padding: 8px 12px; font-size: 13px; border: 1px solid var(--ovs-line); }
.ovpl[b-wadtbph8lc] .ovpl-bar.ok { background: var(--ovp-ok-bg); color: var(--ovp-ok-ink); }
.ovpl[b-wadtbph8lc] .ovpl-bar.warn { background: var(--ovp-warn-bg); color: var(--ovp-warn-ink); }
/* Cards */
.ovpl[b-wadtbph8lc] .ovpl-card { background: var(--ovs-panel); border: 1px solid var(--ovs-line); border-radius: 8px; min-width: 0; overflow: hidden; }
.ovpl[b-wadtbph8lc] .ovpl-card > header { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 16px; border-bottom: 1px solid var(--ovs-line); }
.ovpl[b-wadtbph8lc] .ovpl-card > header h2 { margin: 0; font-size: 16px; }
.ovpl[b-wadtbph8lc] .ovpl-hint { color: var(--ovs-muted); font-size: 13px; font-weight: 400; }
.ovpl[b-wadtbph8lc] .ovpl-note { display: flex; gap: 8px 12px; flex-wrap: wrap; align-items: center; padding: 8px 16px; font-size: 13px; color: var(--ovs-muted); border-top: 1px solid var(--ovs-line); }
.ovpl[b-wadtbph8lc] .ovpl-card > header + .ovpl-note { border-top: 0; border-bottom: 1px solid var(--ovs-line); }
.ovpl[b-wadtbph8lc] .ovpl-clear { padding: 10px 16px; font-size: 13px; color: var(--ovs-muted); }
/* Pills */
.ovpl[b-wadtbph8lc] .ovpl-pill { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; border-radius: 11px; padding: 2px 9px; white-space: nowrap; }
.ovpl[b-wadtbph8lc] .ovpl-pill.ok { background: var(--ovp-ok-bg); color: var(--ovp-ok-ink); }
.ovpl[b-wadtbph8lc] .ovpl-pill.info { background: var(--ovp-info-bg); color: var(--ovp-info-ink); }
.ovpl[b-wadtbph8lc] .ovpl-pill.warn { background: var(--ovp-warn-bg); color: var(--ovp-warn-ink); }
.ovpl[b-wadtbph8lc] .ovpl-pill.crit { background: var(--ovp-crit-bg); color: var(--ovp-crit-ink); }
.ovpl[b-wadtbph8lc] .ovpl-pill.mute { background: var(--ovp-soft); color: var(--ovs-muted); }
/* Status banner: the whole banner is the state colour */
.ovpl[b-wadtbph8lc] .ovpl-health { --sbg: var(--st-grey-bg); --sink: var(--st-grey-ink); display: flex; align-items: center; gap: 12px 18px; flex-wrap: wrap; padding: 18px 20px; border-radius: 8px; background: var(--sbg); color: var(--sink); }
.ovpl[b-wadtbph8lc] .ovpl-health.ovs-pipe--red { --sbg: var(--st-red-bg); --sink: var(--st-red-ink); }
.ovpl[b-wadtbph8lc] .ovpl-health.ovs-pipe--yellow { --sbg: var(--st-yellow-bg); --sink: var(--st-yellow-ink); }
.ovpl[b-wadtbph8lc] .ovpl-health.ovs-pipe--green { --sbg: var(--st-green-bg); --sink: var(--st-green-ink); }
.ovpl[b-wadtbph8lc] .ovpl-health.ovs-pipe--grey { --sbg: var(--st-grey-bg); --sink: var(--st-grey-ink); }
.ovpl[b-wadtbph8lc] .ovpl-hic { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 22px; flex: none; background: var(--sink); color: var(--sbg); }
.ovpl[b-wadtbph8lc] .ovpl-hmain { display: flex; flex-direction: column; gap: 4px; flex: 1 1 320px; min-width: 0; }
.ovpl[b-wadtbph8lc] .ovpl-hmain b { font-size: 22px; }
.ovpl[b-wadtbph8lc] .ovpl-hsum { font-size: 15px; }
.ovpl[b-wadtbph8lc] .ovpl-hmeta { font-size: 13px; display: flex; gap: 4px 14px; flex-wrap: wrap; }
.ovpl[b-wadtbph8lc] .ovpl-health a { color: inherit; text-decoration: underline; font-weight: 700; }
/* Key numbers */
.ovpl[b-wadtbph8lc] .ovpl-ktiles { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ovpl[b-wadtbph8lc] .ovpl-ktile { padding: 12px 16px; border-right: 1px solid var(--ovs-line); border-bottom: 1px solid var(--ovs-line); min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ovpl[b-wadtbph8lc] .ovpl-ktile .v { font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.2; overflow-wrap: anywhere; }
.ovpl[b-wadtbph8lc] .ovpl-ktile .v.sm { font-size: 16px; }
.ovpl[b-wadtbph8lc] .ovpl-ktile .k { font-size: 12px; color: var(--ovs-muted); }
@media (max-width: 1100px) { .ovpl[b-wadtbph8lc] .ovpl-ktiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) { .ovpl[b-wadtbph8lc] .ovpl-ktiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Severity groups */
.ovpl[b-wadtbph8lc] .ovpl-sev { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 10px 16px; font-weight: 700; font-size: 14px; border-bottom: 1px solid var(--ovs-line); }
.ovpl[b-wadtbph8lc] .ovpl-sev .sw, .ovpl[b-wadtbph8lc] .ovpl-knowng > summary .sw { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; flex: none; }
.ovpl[b-wadtbph8lc] .ovpl-sev.red .sw { background: var(--st-red-bg); color: var(--st-red-ink); }
.ovpl[b-wadtbph8lc] .ovpl-sev.yellow .sw { background: var(--st-yellow-bg); color: var(--st-yellow-ink); }
.ovpl[b-wadtbph8lc] .ovpl-sev.grey .sw { background: var(--st-grey-bg); color: var(--st-grey-ink); }
.ovpl[b-wadtbph8lc] .ovpl-scope { font-size: 11px; font-weight: 700; color: var(--ovs-muted); text-transform: uppercase; letter-spacing: 0.04em; padding: 6px 16px; background: var(--ovp-soft); border-bottom: 1px solid var(--ovs-line); }
.ovpl[b-wadtbph8lc] .ovpl-knowng > summary { list-style: none; cursor: pointer; padding: 10px 16px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-weight: 700; border-top: 1px solid var(--ovs-line); }
.ovpl[b-wadtbph8lc] .ovpl-knowng > summary::-webkit-details-marker { display: none; }
.ovpl[b-wadtbph8lc] .ovpl-knowng > summary .sw { background: var(--ovp-soft); color: var(--ovs-muted); border: 1px solid var(--ovs-line); }
/* Stall rows */
.ovpl[b-wadtbph8lc] .ovpl-r { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; align-items: center; padding: 10px 16px; border-bottom: 1px solid var(--ovs-line); min-width: 0; }
.ovpl[b-wadtbph8lc] .ovpl-r.on { background: var(--ovp-soft); }
.ovpl[b-wadtbph8lc] .ovpl-r.known .ovpl-why { color: var(--ovs-muted); }
.ovpl[b-wadtbph8lc] .ovpl-sbtn { display: flex; gap: 6px; align-items: baseline; background: none; border: 0; padding: 0; text-align: left; cursor: pointer; min-width: 0; }
.ovpl[b-wadtbph8lc] .ovpl-why { font-weight: 600; overflow-wrap: anywhere; }
.ovpl[b-wadtbph8lc] .ovpl-chev { color: var(--ovs-muted); width: 12px; flex: none; }
.ovpl[b-wadtbph8lc] .ovpl-act2 { display: flex; gap: 6px; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
.ovpl[b-wadtbph8lc] .ovpl-meta { grid-column: 1 / -1; display: flex; gap: 4px 14px; flex-wrap: wrap; font-size: 12px; color: var(--ovs-muted); }
.ovpl[b-wadtbph8lc] .ovpl-code { font-family: Consolas, "Cascadia Mono", monospace; font-size: 12px; background: var(--ovp-soft); border: 1px solid var(--ovs-line); border-radius: 4px; padding: 0 5px; overflow-wrap: anywhere; }
.ovpl[b-wadtbph8lc] .ovpl-mini { border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 5px; padding: 2px 9px; font-size: 12px; font-weight: 600; cursor: pointer; }
.ovpl[b-wadtbph8lc] .ovpl-mini.go { background: var(--ovs-band); border-color: var(--ovs-band); color: #fff; }
.ovpl[b-wadtbph8lc] .ovpl-mini:hover { text-decoration: none; }
.ovpl[b-wadtbph8lc] .ovpl-kline { grid-column: 1 / -1; display: flex; gap: 4px 12px; flex-wrap: wrap; align-items: center; font-size: 12px; color: var(--ovs-muted); }
.ovpl[b-wadtbph8lc] .ovpl-linkbtn { background: none; border: 0; padding: 0; color: var(--ovs-link); font-size: 12px; font-weight: 600; cursor: pointer; text-decoration: underline; }
.ovpl[b-wadtbph8lc] .ovpl-sdet { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; padding: 10px 0 4px 18px; }
.ovpl[b-wadtbph8lc] .ovpl-sdf { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 13px; }
.ovpl[b-wadtbph8lc] .ovpl-sdf.wide { grid-column: 1 / -1; }
.ovpl[b-wadtbph8lc] .ovpl-sdf .k { font-size: 11px; font-weight: 700; color: var(--ovs-muted); text-transform: uppercase; letter-spacing: 0.04em; }
.ovpl[b-wadtbph8lc] .ovpl-links { display: flex; gap: 4px 14px; flex-wrap: wrap; }
.ovpl[b-wadtbph8lc] .ovpl-dtl { font-size: 12px; color: var(--ovs-muted); overflow-wrap: anywhere; }
@media (max-width: 700px) {
.ovpl[b-wadtbph8lc] .ovpl-r { grid-template-columns: minmax(0, 1fr); }
.ovpl[b-wadtbph8lc] .ovpl-act2 { justify-content: flex-start; }
.ovpl[b-wadtbph8lc] .ovpl-sdet { grid-template-columns: minmax(0, 1fr); padding-left: 0; }
}
/* Mark form */
.ovpl[b-wadtbph8lc] .ovpl-kform { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 12px; padding: 12px 14px; margin-top: 4px; border: 1px solid var(--ovs-line); border-radius: 6px; background: var(--ovs-panel); }
.ovpl[b-wadtbph8lc] .ovpl-kform fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.ovpl[b-wadtbph8lc] .ovpl-kform legend { font-size: 13px; font-weight: 600; padding: 0; margin-bottom: 4px; }
.ovpl[b-wadtbph8lc] .ovpl-req { font-weight: 400; color: var(--ovs-muted); }
.ovpl[b-wadtbph8lc] .ovpl-kwhy { display: flex; gap: 6px 16px; flex-wrap: wrap; }
.ovpl[b-wadtbph8lc] .ovpl-kwhy label { display: flex; gap: 6px; align-items: center; font-size: 13px; }
.ovpl[b-wadtbph8lc] .ovpl-row2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 700px) { .ovpl[b-wadtbph8lc] .ovpl-row2 { grid-template-columns: minmax(0, 1fr); } }
.ovpl[b-wadtbph8lc] .ovpl-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ovpl[b-wadtbph8lc] .ovpl-field label, .ovpl[b-wadtbph8lc] .ovpl-lbl { font-size: 13px; font-weight: 600; }
.ovpl[b-wadtbph8lc] .ovpl-field input[type="text"] { border: 1px solid var(--ovs-line); border-radius: 5px; padding: 6px 8px; background: var(--ovs-panel); min-width: 0; }
.ovpl[b-wadtbph8lc] .ovpl-kdays { display: flex; gap: 8px 12px; flex-wrap: wrap; align-items: center; }
.ovpl[b-wadtbph8lc] .ovpl-seg { display: inline-flex; border: 1px solid var(--ovs-line); border-radius: 6px; overflow: hidden; }
.ovpl[b-wadtbph8lc] .ovpl-seg button { background: var(--ovs-panel); border: 0; border-right: 1px solid var(--ovs-line); padding: 4px 12px; font-size: 13px; cursor: pointer; }
.ovpl[b-wadtbph8lc] .ovpl-seg button:last-child { border-right: 0; }
.ovpl[b-wadtbph8lc] .ovpl-seg button[aria-pressed="true"] { background: var(--ovs-band); color: #fff; font-weight: 700; }
.ovpl[b-wadtbph8lc] .ovpl-help { font-size: 12px; color: var(--ovs-muted); }
.ovpl[b-wadtbph8lc] .ovpl-warn { margin: 0; padding: 6px 10px; border-radius: 5px; background: var(--ovp-warn-bg); color: var(--ovp-warn-ink); font-size: 13px; }
.ovpl[b-wadtbph8lc] .ovpl-actions { display: flex; gap: 8px 12px; flex-wrap: wrap; align-items: center; }
.ovpl[b-wadtbph8lc] .ovpl-btn { border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 6px; padding: 6px 14px; font-weight: 600; cursor: pointer; }
.ovpl[b-wadtbph8lc] .ovpl-btn.primary { background: var(--ovs-band); border-color: var(--ovs-band); color: #fff; }
.ovpl[b-wadtbph8lc] .ovpl-btn:disabled { opacity: 0.55; cursor: not-allowed; }
/* Checks table */
.ovpl[b-wadtbph8lc] .ovpl-ckhead, .ovpl[b-wadtbph8lc] .ovpl-ck { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.6fr) minmax(0, 1.5fr) 132px 80px 150px; gap: 10px; align-items: center; padding: 8px 16px; border-bottom: 1px solid var(--ovs-line); font-size: 13px; }
.ovpl[b-wadtbph8lc] .ovpl-ckhead { font-size: 12px; color: var(--ovs-muted); font-weight: 600; background: var(--ovp-soft); }
.ovpl[b-wadtbph8lc] .ovpl-ck .nm { font-weight: 600; }
.ovpl[b-wadtbph8lc] .ovpl-ck .w, .ovpl[b-wadtbph8lc] .ovpl-ck .th, .ovpl[b-wadtbph8lc] .ovpl-ck .lr { color: var(--ovs-muted); font-size: 12px; }
.ovpl[b-wadtbph8lc] .ovpl-ck .n, .ovpl[b-wadtbph8lc] .ovpl-ckhead .n { text-align: right; font-variant-numeric: tabular-nums; }
.ovpl[b-wadtbph8lc] .ovpl-ckclear > summary { list-style: none; cursor: pointer; padding: 10px 16px; display: flex; gap: 8px; align-items: center; font-size: 13px; font-weight: 600; border-bottom: 1px solid var(--ovs-line); }
.ovpl[b-wadtbph8lc] .ovpl-ckclear > summary::-webkit-details-marker { display: none; }
@media (max-width: 900px) {
.ovpl[b-wadtbph8lc] .ovpl-ckhead { display: none; }
.ovpl[b-wadtbph8lc] .ovpl-ck { grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; }
.ovpl[b-wadtbph8lc] .ovpl-ck .w, .ovpl[b-wadtbph8lc] .ovpl-ck .th, .ovpl[b-wadtbph8lc] .ovpl-ck .lr { grid-column: 1 / -1; }
.ovpl[b-wadtbph8lc] .ovpl-ck .n { text-align: left; grid-column: 1 / -1; font-size: 12px; color: var(--ovs-muted); }
.ovpl[b-wadtbph8lc] .ovpl-ck .n::before { content: "Examined: "; }
.ovpl[b-wadtbph8lc] .ovpl-ck .stt { grid-row: 1; grid-column: 2; }
}
/* Timeline */
.ovpl[b-wadtbph8lc] .ovpl-tl { list-style: none; margin: 0; padding: 8px 16px; display: flex; flex-direction: column; gap: 10px; }
.ovpl[b-wadtbph8lc] .ovpl-tl li { display: flex; gap: 10px; align-items: flex-start; }
.ovpl[b-wadtbph8lc] .ovpl-tdot { width: 10px; height: 10px; border-radius: 50%; margin-top: 5px; flex: none; background: var(--ovs-muted); }
.ovpl[b-wadtbph8lc] .ovpl-tl .th { display: flex; gap: 4px 10px; flex-wrap: wrap; align-items: center; font-size: 13px; }
.ovpl[b-wadtbph8lc] .ovpl-tl .tb { font-size: 13px; color: var(--ovs-muted); overflow-wrap: anywhere; }
/* Colour rule card */
.ovpl[b-wadtbph8lc] .ovpl-rules { font-size: 13px; padding: 12px 16px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.ovpl[b-wadtbph8lc] .ovpl-rules.two { grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--ovs-line); }
.ovpl[b-wadtbph8lc] .ovpl-rules > div { display: flex; gap: 8px; align-items: flex-start; min-width: 0; }
.ovpl[b-wadtbph8lc] .ovpl-rules .sw { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; font-weight: 800; flex: none; }
.ovpl[b-wadtbph8lc] .ovpl-rules .sw.red { background: var(--st-red-bg); color: var(--st-red-ink); }
.ovpl[b-wadtbph8lc] .ovpl-rules .sw.yellow { background: var(--st-yellow-bg); color: var(--st-yellow-ink); }
.ovpl[b-wadtbph8lc] .ovpl-rules .sw.green { background: var(--st-green-bg); color: var(--st-green-ink); }
.ovpl[b-wadtbph8lc] .ovpl-rules .sw.grey { background: var(--st-grey-bg); color: var(--st-grey-ink); }
.ovpl[b-wadtbph8lc] .ovpl-rules .sw.soft { background: var(--ovp-soft); color: var(--ovs-muted); border: 1px solid var(--ovs-line); }
@media (max-width: 860px) { .ovpl[b-wadtbph8lc] .ovpl-rules { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .ovpl[b-wadtbph8lc] .ovpl-rules, .ovpl[b-wadtbph8lc] .ovpl-rules.two { grid-template-columns: minmax(0, 1fr); } }
/* /Overseer/Views/OverseerPipelineStrip.razor.rz.scp.css */
/* Pipeline health strip (#74486, full colour #76337). The whole bar is the state colour; ink is picked per state for contrast in
light and dark (the --st-* tokens live on the frame, so dark mode swaps them in one place). Every state also carries an icon
and words. Wraps on a phone; nothing forces a sideways scroll. */
.ovs-pipe[b-u4p81fk3jv] {
--sbg: var(--st-grey-bg, #59656a);
--sink: var(--st-grey-ink, #ffffff);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem 0.75rem;
min-width: 0;
margin: 0 0 1rem;
padding: 0.7rem 1rem;
border-radius: 8px;
background: var(--sbg);
color: var(--sink);
font-size: 0.85rem;
}
.ovs-pipe--red[b-u4p81fk3jv] { --sbg: var(--st-red-bg, #a3221c); --sink: var(--st-red-ink, #ffffff); }
.ovs-pipe--yellow[b-u4p81fk3jv] { --sbg: var(--st-yellow-bg, #f2c12e); --sink: var(--st-yellow-ink, #2b2200); }
.ovs-pipe--green[b-u4p81fk3jv] { --sbg: var(--st-green-bg, #14713f); --sink: var(--st-green-ink, #ffffff); }
.ovs-pipe--grey[b-u4p81fk3jv] { --sbg: var(--st-grey-bg, #59656a); --sink: var(--st-grey-ink, #ffffff); }
.ovs-pipe__icon[b-u4p81fk3jv] {
display: inline-grid;
place-items: center;
flex: none;
width: 1.6rem;
height: 1.6rem;
border-radius: 50%;
background: var(--sink);
color: var(--sbg);
font-size: 0.95rem;
font-weight: 800;
line-height: 1;
}
.ovs-pipe__head[b-u4p81fk3jv] { white-space: nowrap; font-size: 1rem; }
.ovs-pipe__reasons[b-u4p81fk3jv] {
display: flex;
flex-wrap: wrap;
gap: 0.25rem 0.75rem;
flex: 1 1 12rem;
min-width: 0;
}
.ovs-pipe__reason[b-u4p81fk3jv] { min-width: 0; overflow-wrap: anywhere; }
.ovs-pipe__reason + .ovs-pipe__reason[b-u4p81fk3jv]::before { content: "\00b7\00a0"; }
.ovs-pipe .ovs-pipe__all[b-u4p81fk3jv],
.ovs-pipe .ovs-pipe__known[b-u4p81fk3jv] {
font-weight: 700;
color: inherit;
text-decoration: underline;
white-space: nowrap;
cursor: pointer;
}
.ovs-pipe span.ovs-pipe__known[b-u4p81fk3jv] { text-decoration: none; cursor: default; }
.ovs-pipe .ovs-pipe__all[b-u4p81fk3jv] { margin-left: auto; }
.ovs-pipe .ovs-pipe__all:focus-visible[b-u4p81fk3jv],
.ovs-pipe .ovs-pipe__known:focus-visible[b-u4p81fk3jv] { outline: 3px solid var(--sink); outline-offset: 2px; }
/* /Overseer/Views/OverseerStallBadge.razor.rz.scp.css */
.ovs-stallbadge[b-bosbpe4isl] {
display: inline-block;
margin-left: 0.35rem;
padding: 1px 8px;
border: 1px solid var(--ovs-alert-text, #8a1c17);
border-radius: 10px;
background: var(--ovs-track, #e3e6e8);
color: var(--ovs-alert-text, #8a1c17);
font-size: 0.72rem;
font-weight: 600;
white-space: nowrap;
}
/* /Overseer/Views/OverseerStallChip.razor.rz.scp.css */
.ovs-stallchip[b-mc3nhvja6y] {
display: inline-block;
align-self: flex-start;
padding: 1px 8px;
border: 1px solid var(--ovs-alert-text, #8a1c17);
border-radius: 10px;
background: var(--ovs-alert-bg, #fde2e1);
color: var(--ovs-alert-text, #8a1c17);
font-size: 0.72rem;
font-weight: 600;
white-space: nowrap;
}
a.ovs-stallchip.ovs-stallchip[b-mc3nhvja6y] { color: var(--ovs-alert-text, #8a1c17); text-decoration: none; cursor: pointer; }
a.ovs-stallchip:hover[b-mc3nhvja6y] { text-decoration: underline; }
a.ovs-stallchip:focus-visible[b-mc3nhvja6y] { outline: 3px solid var(--ovp-focus, #0067b1); outline-offset: 2px; }
/* /Pages/Ap/ApShell.razor.rz.scp.css */
/* AP workspace shared styles (#72474). Plain CSS, no MudBlazor (#69081 HARD rule). Everything is ::deep so the markup of each
AP island (rendered as this component's ChildContent) is styled by one stylesheet. */
.ap-shell[b-eoz27d8ezx] { max-width: 1280px; margin: 0 auto; padding: 1rem 1.5rem 3rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.ap-top[b-eoz27d8ezx] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1.5rem; border-bottom: 2px solid #a31e23; padding-bottom: 0.5rem; margin-bottom: 1rem; }
.ap-brand[b-eoz27d8ezx] { display: flex; align-items: baseline; gap: 1rem; }
.ap-brand a[b-eoz27d8ezx] { color: #0047ab; text-decoration: none; font-size: 0.9rem; }
.ap-brand span[b-eoz27d8ezx] { font-weight: 700; color: #a31e23; font-size: 1.1rem; }
.ap-tabs[b-eoz27d8ezx] { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.ap-tab[b-eoz27d8ezx] { padding: 0.4rem 0.8rem; border-radius: 6px; text-decoration: none; color: #1a1a2e; border: 1px solid transparent; }
.ap-tab:hover[b-eoz27d8ezx] { background: #f3f3f8; }
.ap-tab--on[b-eoz27d8ezx] { background: #a31e23; color: #fff; }
.ap-title[b-eoz27d8ezx] { margin: 0.25rem 0 0.25rem; font-size: 1.6rem; }
.ap-sub[b-eoz27d8ezx] { color: #555; margin: 0 0 1rem; max-width: 56rem; }
.ap-shell[b-eoz27d8ezx] .ap-panel { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; background: #fff; }
.ap-shell[b-eoz27d8ezx] .ap-panel h2 { margin: 0 0 0.75rem; font-size: 1.15rem; }
.ap-shell[b-eoz27d8ezx] .ap-panel h3 { margin: 1rem 0 0.4rem; font-size: 1rem; }
.ap-shell[b-eoz27d8ezx] .ap-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.5rem 0.9rem; margin-bottom: 0.75rem; }
.ap-shell[b-eoz27d8ezx] .ap-field { display: flex; flex-direction: column; gap: 0.2rem; min-width: 9rem; }
.ap-shell[b-eoz27d8ezx] .ap-field label { font-size: 0.78rem; color: #555; text-transform: uppercase; letter-spacing: 0.03em; }
.ap-shell[b-eoz27d8ezx] .ap-field--wide { flex: 1 1 18rem; }
.ap-shell[b-eoz27d8ezx] input[type="text"], .ap-shell[b-eoz27d8ezx] input[type="date"], .ap-shell[b-eoz27d8ezx] input[type="number"], .ap-shell[b-eoz27d8ezx] select, .ap-shell[b-eoz27d8ezx] textarea
{ padding: 0.4rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; background: #fff; }
.ap-shell[b-eoz27d8ezx] textarea { min-height: 4.5rem; width: 100%; box-sizing: border-box; }
.ap-shell[b-eoz27d8ezx] input:disabled, .ap-shell[b-eoz27d8ezx] select:disabled, .ap-shell[b-eoz27d8ezx] textarea:disabled { background: #f3f3f8; color: #555; }
.ap-shell[b-eoz27d8ezx] .ap-btn { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.4rem 0.9rem; cursor: pointer; font: inherit; color: inherit; }
.ap-shell[b-eoz27d8ezx] .ap-btn:hover:not(:disabled) { background: #f3f3f8; }
.ap-shell[b-eoz27d8ezx] .ap-btn:disabled { opacity: 0.55; cursor: default; }
.ap-shell[b-eoz27d8ezx] .ap-btn--primary { background: #0047ab; border-color: #0047ab; color: #fff; }
.ap-shell[b-eoz27d8ezx] .ap-btn--primary:hover:not(:disabled) { background: #003a8c; }
.ap-shell[b-eoz27d8ezx] .ap-btn--danger { background: #fff; border-color: #a31e23; color: #a31e23; }
.ap-shell[b-eoz27d8ezx] .ap-btn--small { padding: 0.2rem 0.55rem; font-size: 0.88rem; }
.ap-shell[b-eoz27d8ezx] a.ap-link { color: #0047ab; text-decoration: none; }
.ap-shell[b-eoz27d8ezx] a.ap-link:hover { text-decoration: underline; }
.ap-shell[b-eoz27d8ezx] .ap-table { width: 100%; border-collapse: collapse; }
.ap-shell[b-eoz27d8ezx] .ap-table th, .ap-shell[b-eoz27d8ezx] .ap-table td { text-align: left; padding: 0.45rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; overflow-wrap: anywhere; }
.ap-shell[b-eoz27d8ezx] .ap-table th { font-size: 0.78rem; color: #555; text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap; }
.ap-shell[b-eoz27d8ezx] .ap-num { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ap-shell[b-eoz27d8ezx] .ap-table tr.ap-row--muted td { color: #777; background: #fafafc; }
.ap-shell[b-eoz27d8ezx] .ap-chip { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.78rem; margin: 0 0.25rem 0.2rem 0; border: 1px solid #d6d6e0; background: #f3f3f8; }
.ap-shell[b-eoz27d8ezx] .ap-chip--good { background: #e8f5e9; border-color: #a5d6a7; color: #1b5e20; }
.ap-shell[b-eoz27d8ezx] .ap-chip--info { background: #e8eefc; border-color: #b3c6f0; color: #0b2f7a; }
.ap-shell[b-eoz27d8ezx] .ap-chip--warn { background: #fff4e0; border-color: #f0c987; color: #7a4a00; }
.ap-shell[b-eoz27d8ezx] .ap-chip--bad { background: #fdecea; border-color: #f0a8a0; color: #8c1d18; }
.ap-shell[b-eoz27d8ezx] .ap-error { color: #991b1b; background: #fef2f2; padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0; }
.ap-shell[b-eoz27d8ezx] .ap-note { background: #eef2ff; color: #1e3a8a; padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0; }
.ap-shell[b-eoz27d8ezx] .ap-warn { background: #fff4e0; color: #7a4a00; padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0; border: 1px solid #f0c987; }
.ap-shell[b-eoz27d8ezx] .ap-ok { background: #e8f5e9; color: #1b5e20; padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0; }
.ap-shell[b-eoz27d8ezx] .ap-muted { color: #666; font-size: 0.9rem; }
.ap-shell[b-eoz27d8ezx] .ap-confirm { border: 2px solid #a31e23; border-radius: 8px; padding: 0.75rem 1rem; margin: 0.75rem 0; background: #fffafa; }
.ap-shell[b-eoz27d8ezx] .ap-confirm p { margin: 0 0 0.6rem; }
.ap-shell[b-eoz27d8ezx] .ap-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.75rem; }
.ap-shell[b-eoz27d8ezx] .ap-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.ap-shell[b-eoz27d8ezx] .ap-doc { width: 100%; height: 78vh; min-height: 30rem; border: 1px solid #c7c7d4; border-radius: 6px; background: #f3f3f8; }
.ap-shell[b-eoz27d8ezx] .ap-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: 0.5rem 1.25rem; margin: 0 0 0.75rem; }
.ap-shell[b-eoz27d8ezx] .ap-facts dt { font-size: 0.78rem; color: #666; text-transform: uppercase; letter-spacing: 0.03em; }
.ap-shell[b-eoz27d8ezx] .ap-facts dd { margin: 0; overflow-wrap: anywhere; }
.ap-shell[b-eoz27d8ezx] .ap-pager { display: flex; align-items: center; gap: 0.75rem; margin-top: 0.75rem; }
.ap-shell[b-eoz27d8ezx] .ap-vendor-head td { background: #f7f7fb; font-weight: 600; border-top: 2px solid #e2e2ea; }
@media (max-width: 900px) { .ap-shell[b-eoz27d8ezx] .ap-split { grid-template-columns: minmax(0, 1fr); } }
/* /Pages/AttributionReportIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.attr-page[b-76oncvkybs] { max-width: 1200px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.attr-header h1[b-76oncvkybs] { margin: 0 0 0.25rem; }
.attr-sub[b-76oncvkybs] { color: #555; margin: 0 0 1rem; max-width: 52rem; }
.attr-panel[b-76oncvkybs] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; background: #fff; }
.attr-panel h2[b-76oncvkybs] { margin: 0 0 0.75rem; font-size: 1.15rem; }
.attr-row[b-76oncvkybs] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-bottom: 0.75rem; }
.attr-row input[type="text"][b-76oncvkybs] { min-width: 16rem; }
.attr-row input[b-76oncvkybs], .attr-row select[b-76oncvkybs] { padding: 0.35rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; }
.attr-btn[b-76oncvkybs] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; color: inherit; }
.attr-btn:disabled[b-76oncvkybs] { opacity: 0.6; cursor: default; }
.attr-btn--on[b-76oncvkybs] { background: #1e3a8a; border-color: #1e3a8a; color: #fff; }
.attr-toggle[b-76oncvkybs] { display: inline-flex; gap: 0.25rem; }
.attr-error[b-76oncvkybs] { color: #991b1b; background: #fef2f2; padding: 0.5rem 0.75rem; border-radius: 6px; }
.attr-note[b-76oncvkybs] { background: #eef2ff; color: #1e3a8a; padding: 0.5rem 0.75rem; border-radius: 6px; }
.attr-muted[b-76oncvkybs] { color: #666; font-size: 0.9rem; }
.attr-card[b-76oncvkybs] { border: 1px solid #d6d6e0; border-radius: 8px; padding: 1rem; background: #fafafe; }
.attr-card__title[b-76oncvkybs] { margin: 0 0 0.75rem; font-size: 1.25rem; }
.attr-h3[b-76oncvkybs] { margin: 1rem 0 0.4rem; font-size: 1.05rem; }
.attr-facts[b-76oncvkybs] { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 0.5rem 1.25rem; margin: 0 0 0.75rem; }
.attr-facts div[b-76oncvkybs] { min-width: 0; }
.attr-facts dt[b-76oncvkybs] { font-size: 0.78rem; color: #666; text-transform: uppercase; letter-spacing: 0.03em; }
.attr-facts dd[b-76oncvkybs] { margin: 0; overflow-wrap: anywhere; }
.attr-facts--tight[b-76oncvkybs] { grid-template-columns: 1fr; gap: 0.35rem; }
.attr-touches[b-76oncvkybs] { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: 1rem; }
.attr-touch[b-76oncvkybs] { border: 1px solid #e2e2ea; border-radius: 6px; padding: 0.75rem; background: #fff; }
.attr-touch h4[b-76oncvkybs] { margin: 0 0 0.5rem; }
.attr-table[b-76oncvkybs] { width: 100%; border-collapse: collapse; }
.attr-table th[b-76oncvkybs], .attr-table td[b-76oncvkybs] { text-align: left; padding: 0.4rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; overflow-wrap: anywhere; }
.attr-table .attr-num[b-76oncvkybs] { text-align: right; font-variant-numeric: tabular-nums; }
/* /Pages/BudgetsSpendChart.razor.rz.scp.css */
/* Chart for Budgets & Spend (#74754). Plain CSS, palette variables from the shell with light fallbacks. */
.bsc-fig[b-s9osvspphk] { margin: 0; --bsc-text: var(--mud-palette-text-primary, #1f1f1f); --bsc-muted: var(--mud-palette-text-secondary, #5a5f63); --bsc-line: var(--mud-palette-lines-default, #d9dcdd); color: var(--bsc-text); }
.bsc-svg[b-s9osvspphk] { width: 100%; max-width: 900px; height: auto; display: block; }
.bsc-grid[b-s9osvspphk] { stroke: var(--bsc-line); stroke-width: 1; }
.bsc-svg[b-s9osvspphk] .bsc-axis { fill: var(--bsc-muted); font-size: 11px; font-family: Roboto, "Segoe UI", Arial, sans-serif; }
.bsc-bar[b-s9osvspphk] { shape-rendering: crispEdges; }
.bsc-empty[b-s9osvspphk] { color: var(--bsc-muted); }
.bsc-legend[b-s9osvspphk] { list-style: none; margin: 8px 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 0.85rem; }
.bsc-legend li[b-s9osvspphk] { display: inline-flex; align-items: center; gap: 6px; }
.bsc-swatch[b-s9osvspphk] { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }
.bsc-ltotal[b-s9osvspphk] { color: var(--bsc-muted); font-variant-numeric: tabular-nums; }
.bsc-details summary[b-s9osvspphk] { cursor: pointer; font-size: 0.85rem; color: var(--mud-palette-primary, #0047ab); }
.bsc-details summary:focus-visible[b-s9osvspphk] { outline: 3px solid #0072b2; outline-offset: 2px; }
.bsc-tablewrap[b-s9osvspphk] { overflow: auto; max-height: 360px; margin-top: 6px; }
.bsc-table[b-s9osvspphk] { border-collapse: collapse; font-size: 0.85rem; }
.bsc-table caption[b-s9osvspphk] { text-align: left; color: var(--bsc-muted); padding-bottom: 4px; }
.bsc-table th[b-s9osvspphk], .bsc-table td[b-s9osvspphk] { padding: 4px 10px; border-bottom: 1px solid var(--bsc-line); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.bsc-table th[scope="row"][b-s9osvspphk], .bsc-table thead th:first-child[b-s9osvspphk] { text-align: left; }
.bsc-table thead th[b-s9osvspphk] { position: sticky; top: 0; background: var(--mud-palette-surface, #ffffff); }
/* /Pages/BudgetsSpendIsland.razor.rz.scp.css */
/* Budgets & Spend (#74754). Plain CSS, no MudBlazor component (#69081). Colours come from the shell's palette variables, with light
fallbacks, so the page follows the shell's dark-mode toggle. Status is always also said in words, never colour alone. */
.bs-page[b-rgouztgr40] {
--bs-text: var(--mud-palette-text-primary, #1f1f1f);
--bs-muted: var(--mud-palette-text-secondary, #5a5f63);
--bs-panel: var(--mud-palette-surface, #ffffff);
--bs-line: var(--mud-palette-lines-default, #d9dcdd);
--bs-track: rgba(128, 128, 128, 0.25);
--bs-link: var(--mud-palette-primary, #0047ab);
--bs-ok: #1b8a5a;
--bs-warn: #d98e00;
--bs-over: #d03b3b;
--bs-info: #0072b2;
max-width: 1280px;
margin: 0 auto;
padding: 16px;
color: var(--bs-text);
font-family: Roboto, "Segoe UI", Arial, sans-serif;
line-height: 1.45;
}
.bs-header[b-rgouztgr40] { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.bs-header h1[b-rgouztgr40] { margin: 0; font-size: 1.7rem; }
.bs-sub[b-rgouztgr40] { margin: 4px 0 0; color: var(--bs-muted); max-width: 70ch; }
.bs-header-actions[b-rgouztgr40] { display: flex; align-items: center; gap: 12px; }
.bs-muted[b-rgouztgr40] { color: var(--bs-muted); }
.bs-banner[b-rgouztgr40] { margin: 0 0 12px; padding: 10px 14px; border-radius: 6px; border: 1px solid var(--bs-line); border-left: 5px solid var(--bs-info); background: rgba(0, 114, 178, 0.10); }
.bs-banner--err[b-rgouztgr40] { border-left-color: var(--bs-over); background: rgba(208, 59, 59, 0.12); }
.bs-banner--warn[b-rgouztgr40] { border-left-color: var(--bs-warn); background: rgba(217, 142, 0, 0.14); }
.bs-banner--ok[b-rgouztgr40] { border-left-color: var(--bs-ok); background: rgba(27, 138, 90, 0.12); }
.bs-tiles[b-rgouztgr40] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin-bottom: 20px; }
.bs-tile[b-rgouztgr40] { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid var(--bs-line); border-radius: 8px; background: var(--bs-panel); }
.bs-tile-label[b-rgouztgr40] { font-size: 0.85rem; color: var(--bs-muted); }
.bs-tile-value[b-rgouztgr40] { font-size: 1.9rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.bs-tile-note[b-rgouztgr40] { font-size: 0.8rem; color: var(--bs-muted); }
.bs-section[b-rgouztgr40] { margin: 0 0 24px; }
.bs-section h2[b-rgouztgr40] { font-size: 1.2rem; margin: 0 0 8px; }
.bs-section-head[b-rgouztgr40] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.bs-cards[b-rgouztgr40] { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 14px; }
.bs-card[b-rgouztgr40] { display: flex; flex-direction: column; gap: 6px; padding: 14px; border: 1px solid var(--bs-line); border-left: 6px solid var(--bs-line); border-radius: 8px; background: var(--bs-panel); }
.bs-card--ok[b-rgouztgr40] { border-left-color: var(--bs-ok); }
.bs-card--warn[b-rgouztgr40] { border-left-color: var(--bs-warn); }
.bs-card--over[b-rgouztgr40] { border-left-color: var(--bs-over); }
.bs-card--suspended[b-rgouztgr40] { border-left-color: var(--bs-info); }
.bs-card-head[b-rgouztgr40] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px; }
.bs-card-head h3[b-rgouztgr40] { margin: 0; font-size: 1.02rem; }
.bs-badges[b-rgouztgr40] { display: flex; flex-wrap: wrap; gap: 6px; }
.bs-badge[b-rgouztgr40] { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 0.78rem; font-weight: 600; border: 1px solid var(--bs-line); white-space: nowrap; }
.bs-badge--enforce[b-rgouztgr40] { border-color: var(--bs-ok); }
.bs-badge--advisory[b-rgouztgr40] { border-color: var(--bs-muted); border-style: dashed; }
.bs-badge--override[b-rgouztgr40] { border-color: var(--bs-info); background: rgba(0, 114, 178, 0.14); }
.bs-meta[b-rgouztgr40] { margin: 0; font-size: 0.85rem; color: var(--bs-muted); }
.bs-figures[b-rgouztgr40] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.bs-spent[b-rgouztgr40] { font-size: 1.5rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.bs-of[b-rgouztgr40] { color: var(--bs-muted); }
.bs-pct[b-rgouztgr40] { margin-left: auto; font-weight: 600; }
.bs-bar[b-rgouztgr40] { height: 12px; border-radius: 6px; background: var(--bs-track); overflow: hidden; }
.bs-bar-fill[b-rgouztgr40] { display: block; height: 100%; border-radius: 6px; background: var(--bs-ok); }
.bs-bar-fill--warn[b-rgouztgr40] { background: var(--bs-warn); }
.bs-bar-fill--over[b-rgouztgr40] { background: var(--bs-over); }
.bs-bar-fill--unknown[b-rgouztgr40], .bs-bar-fill--suspended[b-rgouztgr40] { background: transparent; }
.bs-status[b-rgouztgr40] { margin: 0; font-size: 0.85rem; font-weight: 600; }
.bs-note[b-rgouztgr40] { margin: 0; font-size: 0.85rem; color: var(--bs-muted); }
.bs-more summary[b-rgouztgr40] { cursor: pointer; font-size: 0.85rem; color: var(--bs-link); }
.bs-more dl[b-rgouztgr40] { margin: 6px 0 0; font-size: 0.85rem; }
.bs-more dt[b-rgouztgr40] { font-weight: 600; margin-top: 4px; }
.bs-more dd[b-rgouztgr40] { margin: 0; color: var(--bs-muted); overflow-wrap: anywhere; }
.bs-actions[b-rgouztgr40] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.bs-btn[b-rgouztgr40] { min-height: 36px; padding: 6px 14px; border: 1px solid var(--bs-line); border-radius: 6px; background: var(--bs-panel); color: var(--bs-text); font: inherit; cursor: pointer; }
.bs-btn:hover:not(:disabled)[b-rgouztgr40] { border-color: var(--bs-link); }
.bs-btn:disabled[b-rgouztgr40] { opacity: 0.6; cursor: default; }
.bs-btn--primary[b-rgouztgr40] { background: var(--bs-info); border-color: var(--bs-info); color: #ffffff; font-weight: 600; }
.bs-btn--quiet[b-rgouztgr40] { background: transparent; }
.bs-btn--on[b-rgouztgr40] { border-color: var(--bs-info); background: rgba(0, 114, 178, 0.18); font-weight: 600; }
.bs-btn:focus-visible[b-rgouztgr40], .bs-page a:focus-visible[b-rgouztgr40], .bs-page summary:focus-visible[b-rgouztgr40], .bs-page input:focus-visible[b-rgouztgr40],
.bs-page select:focus-visible[b-rgouztgr40], .bs-page textarea:focus-visible[b-rgouztgr40] { outline: 3px solid var(--bs-info); outline-offset: 2px; }
.bs-toggle[b-rgouztgr40] { display: inline-flex; gap: 6px; }
.bs-form[b-rgouztgr40] { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; padding: 12px; border: 1px solid var(--bs-line); border-radius: 6px; background: rgba(128, 128, 128, 0.08); }
.bs-form h4[b-rgouztgr40] { margin: 0 0 4px; font-size: 0.95rem; }
.bs-form label[b-rgouztgr40] { font-size: 0.85rem; font-weight: 600; }
.bs-form input[type="text"][b-rgouztgr40], .bs-form input[type="date"][b-rgouztgr40], .bs-form select[b-rgouztgr40], .bs-form textarea[b-rgouztgr40] {
padding: 6px 8px; border: 1px solid var(--bs-line); border-radius: 4px; background: var(--bs-panel); color: var(--bs-text); font: inherit;
}
.bs-check[b-rgouztgr40] { display: flex; align-items: center; gap: 8px; }
.bs-error[b-rgouztgr40] { margin: 0; color: var(--bs-over); font-weight: 600; }
.bs-tablewrap[b-rgouztgr40] { overflow-x: auto; }
.bs-table[b-rgouztgr40] { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.bs-table th[b-rgouztgr40], .bs-table td[b-rgouztgr40] { padding: 6px 10px; border-bottom: 1px solid var(--bs-line); text-align: left; vertical-align: top; }
.bs-table thead th[b-rgouztgr40] { font-weight: 600; white-space: nowrap; }
.bs-table tbody th[b-rgouztgr40] { font-weight: 500; }
.bs-num[b-rgouztgr40] { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bs-defs[b-rgouztgr40] { font-size: 0.9rem; color: var(--bs-muted); }
.bs-defs summary[b-rgouztgr40] { cursor: pointer; color: var(--bs-link); }
a[b-rgouztgr40] { color: var(--bs-link); }
/* /Pages/Catalog/ConfigurableProposalReviewIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.cpr[b-zavbx0l8iy] { max-width: 1280px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.cpr__header[b-zavbx0l8iy] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.cpr__sub[b-zavbx0l8iy] { color: #555; margin: 0.25rem 0 0; max-width: 52rem; }
.cpr__error[b-zavbx0l8iy] { color: #991b1b; }
.cpr-banner[b-zavbx0l8iy] { display: flex; justify-content: space-between; align-items: center; padding: 0.6rem 0.9rem; border-radius: 6px; margin-bottom: 1rem; }
.cpr-banner--info[b-zavbx0l8iy] { background: #eef2ff; color: #1e3a8a; }
.cpr-banner--success[b-zavbx0l8iy] { background: #ecfdf5; color: #065f46; }
.cpr-banner--error[b-zavbx0l8iy] { background: #fef2f2; color: #991b1b; }
.cpr-banner__close[b-zavbx0l8iy] { background: none; border: none; font-size: 1.1rem; cursor: pointer; color: inherit; }
.cpr-filters[b-zavbx0l8iy] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-end; margin-bottom: 1rem; }
.cpr-filters label[b-zavbx0l8iy] { display: flex; flex-direction: column; font-size: 0.85rem; color: #555; gap: 0.2rem; }
.cpr-filters select[b-zavbx0l8iy] { padding: 0.35rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; min-width: 11rem; }
.cpr-bulk[b-zavbx0l8iy] { display: flex; gap: 0.8rem; align-items: center; flex-wrap: wrap; margin-bottom: 1rem; }
.cpr-card[b-zavbx0l8iy] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.2rem; margin-bottom: 1rem; background: #fff; }
.cpr-card__head[b-zavbx0l8iy] { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.cpr-card h2[b-zavbx0l8iy] { margin: 0; font-size: 1.15rem; }
.cpr-card h3[b-zavbx0l8iy] { margin: 0.9rem 0 0.35rem; font-size: 0.95rem; color: #333; }
.cpr-chips[b-zavbx0l8iy] { display: flex; gap: 0.4rem; flex-wrap: wrap; align-items: flex-start; }
.cpr-chip[b-zavbx0l8iy] { border: 1px solid #e2e2ea; border-radius: 999px; padding: 0.1rem 0.65rem; background: #fafafe; font-size: 0.85rem; }
.cpr-chip--high[b-zavbx0l8iy] { background: #ecfdf5; border-color: #a7f3d0; }
.cpr-chip--mid[b-zavbx0l8iy] { background: #fffbeb; border-color: #fcd34d; }
.cpr-chip--low[b-zavbx0l8iy] { background: #fef2f2; border-color: #fecaca; }
.cpr-chip--approved[b-zavbx0l8iy] { background: #ecfdf5; border-color: #a7f3d0; }
.cpr-chip--rejected[b-zavbx0l8iy] { background: #fef2f2; border-color: #fecaca; }
.cpr-source[b-zavbx0l8iy], .cpr-reasoning[b-zavbx0l8iy] { margin: 0.5rem 0; font-size: 0.9rem; }
.cpr-reasoning[b-zavbx0l8iy] { color: #444; }
.cpr-axes[b-zavbx0l8iy] { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.35rem; }
.cpr-tag[b-zavbx0l8iy] { display: inline-block; border: 1px solid #e2e2ea; border-radius: 4px; padding: 0 0.4rem; margin: 0 0.2rem; background: #f6f6fb; font-size: 0.85rem; }
.cpr-cite[b-zavbx0l8iy] { font-size: 0.85rem; color: #555; margin-top: 0.3rem; }
.cpr-table[b-zavbx0l8iy] { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.cpr-table th[b-zavbx0l8iy], .cpr-table td[b-zavbx0l8iy] { text-align: left; padding: 0.35rem 0.5rem; border-bottom: 1px solid #ececf2; vertical-align: top; }
.cpr-row--dropped[b-zavbx0l8iy] { background: #fef2f2; text-decoration: line-through; color: #777; }
.cpr-muted[b-zavbx0l8iy] { color: #777; font-size: 0.85rem; }
.cpr-actions[b-zavbx0l8iy] { display: flex; gap: 0.5rem; margin-top: 1rem; align-items: center; flex-wrap: wrap; }
.cpr-input[b-zavbx0l8iy] { border: 1px solid #c7c7d4; border-radius: 6px; padding: 0.3rem 0.5rem; font: inherit; }
.cpr-input--wide[b-zavbx0l8iy] { min-width: 22rem; max-width: 100%; }
.cpr-input--short[b-zavbx0l8iy] { width: 8rem; margin: 0 0.2rem; }
.cpr-btn[b-zavbx0l8iy] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; text-decoration: none; color: inherit; font: inherit; }
.cpr-btn:disabled[b-zavbx0l8iy] { opacity: 0.6; cursor: default; }
.cpr-btn--ghost[b-zavbx0l8iy] { background: transparent; }
.cpr-btn--primary[b-zavbx0l8iy] { background: #1e3a8a; border-color: #1e3a8a; color: #fff; }
.cpr-btn--danger[b-zavbx0l8iy] { border-color: #fca5a5; color: #991b1b; }
/* /Pages/ConfigurableDetailIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.cfd[b-5kgot4hskx] { max-width: 1280px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.cfd__back[b-5kgot4hskx] { margin-bottom: 1rem; }
.cfd__back a[b-5kgot4hskx] { color: #1e3a8a; text-decoration: none; }
.cfd__back a:hover[b-5kgot4hskx] { text-decoration: underline; }
.cfd__header[b-5kgot4hskx] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.75rem; margin-bottom: 1rem; }
.cfd__header h1[b-5kgot4hskx] { margin: 0; font-size: 1.6rem; }
.cfd__sku[b-5kgot4hskx] { margin: 0; color: #555; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.cfd__error[b-5kgot4hskx] { color: #991b1b; }
.cfd section[b-5kgot4hskx] { margin-top: 1.5rem; }
.cfd h2[b-5kgot4hskx] { font-size: 1.15rem; margin: 0 0 0.6rem; }
.cfd-badge[b-5kgot4hskx] { font-size: 0.8rem; border-radius: 999px; padding: 0.1rem 0.7rem; border: 1px solid #c7c7d4; }
.cfd-badge--draft[b-5kgot4hskx] { background: #fffbeb; border-color: #fcd34d; color: #92400e; }
.cfd-badge--active[b-5kgot4hskx] { background: #ecfdf5; border-color: #6ee7b7; color: #065f46; }
.cfd-badge--inactive[b-5kgot4hskx] { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.cfd-facts[b-5kgot4hskx] { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: 0.75rem 1.5rem; margin: 0; }
.cfd-facts dt[b-5kgot4hskx] { font-size: 0.8rem; color: #666; }
.cfd-facts dd[b-5kgot4hskx] { margin: 0; }
.cfd-axes[b-5kgot4hskx] { margin: 0; padding-left: 1.2rem; }
.cfd-muted[b-5kgot4hskx] { color: #777; font-size: 0.85rem; margin-left: 0.3rem; }
.cfd-scroll[b-5kgot4hskx] { overflow-x: auto; }
.cfd-table[b-5kgot4hskx] { width: 100%; border-collapse: collapse; }
.cfd-table th[b-5kgot4hskx], .cfd-table td[b-5kgot4hskx] { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; white-space: nowrap; }
.cfd-table .cfd-num[b-5kgot4hskx] { text-align: right; }
.cfd-btn[b-5kgot4hskx] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; color: inherit; font: inherit; }
.cfd-sr[b-5kgot4hskx] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* /Pages/EdRep/EdRepAppointmentsPanel.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.edr-appts[b-4t8l0yy64l] { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.edr-sr[b-4t8l0yy64l] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.edr-btn[b-4t8l0yy64l] { border: 1px solid #c9c9d6; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; }
.edr-btn:disabled[b-4t8l0yy64l] { opacity: 0.55; cursor: not-allowed; }
.edr-btn[aria-pressed="true"][b-4t8l0yy64l] { outline: 2px solid #1a1a2e; }
.edr-btn--primary[b-4t8l0yy64l] { background: #1a1a2e; color: #fff; border-color: #1a1a2e; }
.edr-btn--danger[b-4t8l0yy64l] { color: #991b1b; border-color: #e7b4b4; }
.edr-btn:focus-visible[b-4t8l0yy64l] { outline: 3px solid #2563eb; outline-offset: 2px; }
.edr-banner[b-4t8l0yy64l] { padding: 0.6rem 0.9rem; border-radius: 6px; margin-bottom: 1rem; }
.edr-banner--ok[b-4t8l0yy64l] { background: #ecfdf5; color: #065f46; }
.edr-banner--warn[b-4t8l0yy64l] { background: #fffbeb; color: #92400e; }
.edr-error[b-4t8l0yy64l] { color: #991b1b; }
.edr-muted[b-4t8l0yy64l] { color: #666; font-size: 0.85rem; }
.edr-basis[b-4t8l0yy64l] { font-size: 0.85rem; color: #555; margin-bottom: 0.5rem; }
.edr-table[b-4t8l0yy64l] { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }
.edr-table th[b-4t8l0yy64l], .edr-table td[b-4t8l0yy64l] { text-align: left; padding: 0.4rem 0.5rem; border-bottom: 1px solid #e2e2ea; vertical-align: top; }
.edr-row--selected[b-4t8l0yy64l] { background: #f1f1fb; }
.edr-detail[b-4t8l0yy64l] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem; background: #fff; }
.edr-thread[b-4t8l0yy64l] { list-style: none; padding: 0; margin: 0 0 1rem; display: flex; flex-direction: column; gap: 0.4rem; }
.edr-msg[b-4t8l0yy64l] { border: 1px solid #e2e2ea; border-radius: 6px; padding: 0.4rem 0.6rem; background: #fafafe; }
.edr-msg__meta[b-4t8l0yy64l] { color: #666; font-size: 0.8rem; }
.edr-actions[b-4t8l0yy64l] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 0.75rem; }
.edr-actions__buttons[b-4t8l0yy64l] { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.5rem; }
.edr-form[b-4t8l0yy64l] { display: flex; flex-direction: column; gap: 0.4rem; max-width: 36rem; }
.edr-form textarea[b-4t8l0yy64l], .edr-form select[b-4t8l0yy64l] { font: inherit; padding: 0.35rem; }
/* /Pages/EdRep/EdRepConsoleIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.edr-page[b-n90ieetwqr] { max-width: 1200px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.edr-header[b-n90ieetwqr] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.edr-sub[b-n90ieetwqr] { color: #555; margin: 0.25rem 0 0; max-width: 48rem; }
.edr-counts[b-n90ieetwqr] { display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: stretch; margin-bottom: 1rem; }
.edr-count[b-n90ieetwqr] { border: 1px solid #e2e2ea; border-radius: 8px; background: #fafafe; padding: 0.5rem 1rem; display: flex; flex-direction: column; min-width: 8rem; }
.edr-count__n[b-n90ieetwqr] { font-size: 1.5rem; font-weight: 600; }
.edr-count__l[b-n90ieetwqr] { color: #555; font-size: 0.85rem; }
.edr-basis[b-n90ieetwqr] { font-size: 0.85rem; color: #555; align-self: center; }
.edr-tabs[b-n90ieetwqr] { display: flex; gap: 0.25rem; border-bottom: 1px solid #e2e2ea; margin-bottom: 1rem; }
.edr-tab[b-n90ieetwqr] { border: 1px solid transparent; border-bottom: none; background: none; padding: 0.5rem 1rem; cursor: pointer; font: inherit; border-radius: 6px 6px 0 0; }
.edr-tab[aria-selected="true"][b-n90ieetwqr] { background: #fff; border-color: #e2e2ea; font-weight: 600; margin-bottom: -1px; border-bottom: 1px solid #fff; }
.edr-btn[b-n90ieetwqr] { border: 1px solid #c9c9d6; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; }
.edr-btn:disabled[b-n90ieetwqr] { opacity: 0.55; cursor: not-allowed; }
.edr-btn[aria-pressed="true"][b-n90ieetwqr] { outline: 2px solid #1a1a2e; }
.edr-btn--primary[b-n90ieetwqr] { background: #1a1a2e; color: #fff; border-color: #1a1a2e; }
.edr-btn--danger[b-n90ieetwqr] { color: #991b1b; border-color: #e7b4b4; }
.edr-btn:focus-visible[b-n90ieetwqr], .edr-tab:focus-visible[b-n90ieetwqr] { outline: 3px solid #2563eb; outline-offset: 2px; }
.edr-filters[b-n90ieetwqr] { display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: flex-end; margin-bottom: 1rem; }
.edr-filters label[b-n90ieetwqr], .edr-inline[b-n90ieetwqr] { display: flex; flex-direction: column; font-size: 0.85rem; gap: 0.2rem; }
.edr-filters select[b-n90ieetwqr], .edr-filters input[b-n90ieetwqr], .edr-inline select[b-n90ieetwqr] { font: inherit; padding: 0.3rem 0.4rem; }
.edr-inline[b-n90ieetwqr] { margin: 0.5rem 0; max-width: 16rem; }
.edr-banner[b-n90ieetwqr] { padding: 0.6rem 0.9rem; border-radius: 6px; margin-bottom: 1rem; }
.edr-banner--ok[b-n90ieetwqr] { background: #ecfdf5; color: #065f46; }
.edr-banner--warn[b-n90ieetwqr] { background: #fffbeb; color: #92400e; }
.edr-error[b-n90ieetwqr] { color: #991b1b; }
.edr-muted[b-n90ieetwqr] { color: #666; font-size: 0.85rem; }
.edr-warn[b-n90ieetwqr] { color: #92400e; }
.edr-ok[b-n90ieetwqr] { color: #065f46; }
.edr-table[b-n90ieetwqr] { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }
.edr-table th[b-n90ieetwqr], .edr-table td[b-n90ieetwqr] { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; }
.edr-row--selected[b-n90ieetwqr] { background: #f1f5ff; }
.edr-detail[b-n90ieetwqr] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem; margin-top: 1rem; background: #fff; }
.edr-thread[b-n90ieetwqr] { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.edr-msg[b-n90ieetwqr] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 0.5rem 0.75rem; max-width: 46rem; }
.edr-msg--in[b-n90ieetwqr] { background: #fafafe; }
.edr-msg--out[b-n90ieetwqr] { background: #f4fbf7; margin-left: 2rem; }
.edr-msg--draft[b-n90ieetwqr] { border-color: #1a1a2e; border-width: 2px; }
.edr-msg--refused[b-n90ieetwqr] { background: #fdf2f2; border-style: dashed; border-color: #b42318; }
.edr-msg--refused .edr-msg__body[b-n90ieetwqr] { color: #6b6b6b; }
.edr-msg__meta[b-n90ieetwqr] { color: #555; font-size: 0.8rem; }
.edr-msg__body[b-n90ieetwqr] { white-space: pre-wrap; word-break: break-word; font: inherit; margin: 0.35rem 0 0; }
.edr-payload pre[b-n90ieetwqr] { white-space: pre-wrap; word-break: break-word; background: #fafafe; padding: 0.5rem; border-radius: 6px; }
.edr-actions[b-n90ieetwqr] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 0.75rem; }
.edr-actions__buttons[b-n90ieetwqr] { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.5rem; }
.edr-form[b-n90ieetwqr] { display: flex; flex-direction: column; gap: 0.4rem; max-width: 46rem; }
.edr-form textarea[b-n90ieetwqr], .edr-form input[b-n90ieetwqr] { font: inherit; padding: 0.4rem; }
.edr-sr[b-n90ieetwqr] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* /Pages/EdRep/EdRepMarketShareIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.ms-page[b-qzn7lgvjr8] { max-width: 1280px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.ms-header[b-qzn7lgvjr8] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.ms-sub[b-qzn7lgvjr8] { color: #555; margin: 0.25rem 0 0; max-width: 52rem; }
.ms-banner[b-qzn7lgvjr8] { padding: 0.6rem 0.9rem; border-radius: 6px; margin: 0 0 0.5rem; line-height: 1.45; }
.ms-banner--ok[b-qzn7lgvjr8] { background: #ecfdf5; color: #065f46; }
.ms-banner--warn[b-qzn7lgvjr8] { background: #fffbeb; color: #92400e; }
.ms-basis[b-qzn7lgvjr8] { font-size: 0.85rem; color: #555; margin-bottom: 1rem; }
.ms-filters[b-qzn7lgvjr8] { display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: flex-end; margin: 1rem 0; }
.ms-filters label[b-qzn7lgvjr8], .ms-inline[b-qzn7lgvjr8] { display: flex; flex-direction: column; font-size: 0.85rem; gap: 0.2rem; }
.ms-filters select[b-qzn7lgvjr8], .ms-filters input[b-qzn7lgvjr8], .ms-inline select[b-qzn7lgvjr8] { font: inherit; padding: 0.3rem 0.4rem; }
.ms-btn[b-qzn7lgvjr8] { display: inline-block; border: 1px solid #c9c9d6; background: #fff; color: inherit; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; text-decoration: none; }
.ms-btn:disabled[b-qzn7lgvjr8] { opacity: 0.55; cursor: not-allowed; }
.ms-btn--primary[b-qzn7lgvjr8] { background: #1a1a2e; color: #fff; border-color: #1a1a2e; }
.ms-btn:focus-visible[b-qzn7lgvjr8], .ms-sort:focus-visible[b-qzn7lgvjr8], .ms-link:focus-visible[b-qzn7lgvjr8] { outline: 3px solid #2563eb; outline-offset: 2px; }
.ms-link[b-qzn7lgvjr8] { border: none; background: none; color: #1d4ed8; cursor: pointer; font: inherit; text-decoration: underline; padding: 0; }
.ms-chip[b-qzn7lgvjr8] { margin: 0; padding: 0.3rem 0.6rem; border: 1px solid #c9c9d6; border-radius: 999px; font-size: 0.85rem; }
.ms-totals[b-qzn7lgvjr8] { margin: 0 0 0.75rem; }
.ms-table[b-qzn7lgvjr8] { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }
.ms-table th[b-qzn7lgvjr8], .ms-table td[b-qzn7lgvjr8] { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; }
.ms-table .ms-num[b-qzn7lgvjr8] { text-align: right; white-space: nowrap; }
.ms-sort[b-qzn7lgvjr8] { border: none; background: none; font: inherit; font-weight: 600; cursor: pointer; padding: 0; color: inherit; }
.ms-pager[b-qzn7lgvjr8] { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; }
.ms-muted[b-qzn7lgvjr8] { color: #666; font-size: 0.85rem; }
.ms-note[b-qzn7lgvjr8] { font-size: 0.78rem; }
.ms-warn[b-qzn7lgvjr8] { color: #92400e; font-weight: 600; }
.ms-error[b-qzn7lgvjr8] { color: #991b1b; }
.ms-sr[b-qzn7lgvjr8] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* /Pages/EdRep/EdRepScorecardPanel.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.edr-score[b-iqwsw16om3] { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.edr-sr[b-iqwsw16om3] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.edr-btn[b-iqwsw16om3] { border: 1px solid #c9c9d6; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; margin-left: 0.5rem; }
.edr-btn:disabled[b-iqwsw16om3] { opacity: 0.55; cursor: not-allowed; }
.edr-btn:focus-visible[b-iqwsw16om3] { outline: 3px solid #2563eb; outline-offset: 2px; }
.edr-banner[b-iqwsw16om3] { padding: 0.6rem 0.9rem; border-radius: 6px; margin-bottom: 1rem; }
.edr-banner--warn[b-iqwsw16om3] { background: #fffbeb; color: #92400e; }
.edr-error[b-iqwsw16om3] { color: #991b1b; }
.edr-muted[b-iqwsw16om3] { color: #666; font-size: 0.85rem; }
.edr-basis[b-iqwsw16om3] { font-size: 0.85rem; color: #555; margin-bottom: 0.75rem; }
.edr-table[b-iqwsw16om3] { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }
.edr-table th[b-iqwsw16om3], .edr-table td[b-iqwsw16om3] { text-align: left; padding: 0.4rem 0.5rem; border-bottom: 1px solid #e2e2ea; vertical-align: top; }
.edr-table tbody th[b-iqwsw16om3] { font-weight: 600; }
.edr-score__h3[b-iqwsw16om3] { font-size: 1rem; margin: 1rem 0 0.5rem; }
/* /Pages/EdRep/EdRepUnsubscribeIsland.razor.rz.scp.css */
/* EdRep unsubscribe landing page (#74638). Plain CSS, no component library (owner no-Mud rule #69081). */
.edr-unsub-page[b-0d3so2xm58] {
min-height: 60vh;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem 1rem;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.edr-unsub-card[b-0d3so2xm58] {
max-width: 30rem;
width: 100%;
padding: 2rem;
border: 1px solid #e0e0e0;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
text-align: center;
}
.edr-unsub-card h1[b-0d3so2xm58] {
font-size: 1.3rem;
margin: 0 0 1rem;
}
.edr-unsub-card p[b-0d3so2xm58] {
font-size: 1rem;
line-height: 1.5;
color: #333;
}
.edr-unsub-btn[b-0d3so2xm58] {
margin-top: 1.25rem;
padding: 0.6rem 1.4rem;
font-size: 1rem;
color: #fff;
background: #0b5cad;
border: none;
border-radius: 6px;
cursor: pointer;
}
.edr-unsub-btn:disabled[b-0d3so2xm58] {
background: #9bb8d4;
cursor: default;
}
.edr-unsub-ok[b-0d3so2xm58] {
color: #176a2e;
font-weight: 600;
}
.edr-unsub-error[b-0d3so2xm58] {
color: #a12020;
margin-top: 1rem;
}
/* /Pages/EdRepPublicClassRentalIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.pl[b-800z3c4ka8] { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #1c1c2b; }
.pl__header[b-800z3c4ka8] { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dfe3ee; background: #fff; }
.pl__brand[b-800z3c4ka8] { font-weight: 700; color: #0047AB; }
.pl__main[b-800z3c4ka8] { max-width: 44rem; margin: 0 auto; padding: 1.25rem; }
.pl__title[b-800z3c4ka8] { margin: 0 0 0.25rem; font-size: 1.5rem; }
.pl__sub[b-800z3c4ka8] { margin: 0 0 1rem; color: #4a4a62; }
.pl__list[b-800z3c4ka8] { list-style: none; margin: 0 0 1rem; padding: 0; }
.pl__item[b-800z3c4ka8] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; padding: 0.7rem 0; border-bottom: 1px solid #eef0f6; }
.pl__link[b-800z3c4ka8] { color: #0047AB; font-weight: 600; overflow-wrap: anywhere; }
.pl__asked[b-800z3c4ka8] { color: #666; font-size: 0.85rem; flex: 1 1 100%; }
.pl__plain[b-800z3c4ka8] { overflow-wrap: anywhere; }
.pl__price[b-800z3c4ka8] { margin-left: auto; font-weight: 600; }
.pl__button[b-800z3c4ka8] { display: inline-block; background: #0047AB; color: #fff; text-decoration: none; border-radius: 6px; padding: 0.55rem 1.1rem; }
.pl__button:hover[b-800z3c4ka8], .pl__button:focus-visible[b-800z3c4ka8] { background: #00337D; }
/* /Pages/EdRepPublicSupplyListIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.pl[b-yjcy8zjvek] { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #1c1c2b; }
.pl__header[b-yjcy8zjvek] { padding: 0.75rem 1.25rem; border-bottom: 1px solid #dfe3ee; background: #fff; }
.pl__brand[b-yjcy8zjvek] { font-weight: 700; color: #0047AB; }
.pl__main[b-yjcy8zjvek] { max-width: 44rem; margin: 0 auto; padding: 1.25rem; }
.pl__title[b-yjcy8zjvek] { margin: 0 0 0.25rem; font-size: 1.5rem; }
.pl__sub[b-yjcy8zjvek] { margin: 0 0 1rem; color: #4a4a62; }
.pl__list[b-yjcy8zjvek] { list-style: none; margin: 0 0 1rem; padding: 0; }
.pl__item[b-yjcy8zjvek] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; padding: 0.7rem 0; border-bottom: 1px solid #eef0f6; }
.pl__link[b-yjcy8zjvek] { color: #0047AB; font-weight: 600; overflow-wrap: anywhere; }
.pl__asked[b-yjcy8zjvek] { color: #666; font-size: 0.85rem; flex: 1 1 100%; }
.pl__plain[b-yjcy8zjvek] { overflow-wrap: anywhere; }
.pl__price[b-yjcy8zjvek] { margin-left: auto; font-weight: 600; }
.pl__button[b-yjcy8zjvek] { display: inline-block; background: #0047AB; color: #fff; text-decoration: none; border-radius: 6px; padding: 0.55rem 1.1rem; }
.pl__button:hover[b-yjcy8zjvek], .pl__button:focus-visible[b-yjcy8zjvek] { background: #00337D; }
/* /Pages/Merchandising/CollectionsHealthIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.health[b-03of4duwwi] { max-width: 1200px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.health__header[b-03of4duwwi] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.health__sub[b-03of4duwwi] { color: #555; margin: 0.25rem 0 0; max-width: 48rem; }
.health__actions[b-03of4duwwi] { display: flex; gap: 0.5rem; }
.health__error[b-03of4duwwi] { color: #991b1b; }
.health-table[b-03of4duwwi] { width: 100%; border-collapse: collapse; }
.health-table th[b-03of4duwwi], .health-table td[b-03of4duwwi] { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #ececf2; }
.health-muted[b-03of4duwwi] { color: #777; font-size: 0.85rem; margin-left: 0.3rem; }
.health-warn[b-03of4duwwi] { color: #92400e; font-weight: 600; }
.health-btn[b-03of4duwwi] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; text-decoration: none; color: inherit; font: inherit; }
.health-btn:disabled[b-03of4duwwi] { opacity: 0.6; cursor: default; }
.health-sr[b-03of4duwwi] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* /Pages/Merchandising/ExperimentsIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.exp-page[b-6cdmfrmf46] { max-width: 1200px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.exp-page__header[b-6cdmfrmf46] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.exp-page__sub[b-6cdmfrmf46] { color: #555; margin: 0.25rem 0 0; max-width: 48rem; }
.exp-page__actions[b-6cdmfrmf46] { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.exp-page__error[b-6cdmfrmf46] { color: #991b1b; }
.exp-banner[b-6cdmfrmf46] { padding: 0.6rem 0.9rem; border-radius: 6px; margin-bottom: 1rem; }
.exp-banner--warn[b-6cdmfrmf46] { background: #fffbeb; color: #92400e; }
.exp-summary[b-6cdmfrmf46] { display: flex; gap: 0.5rem; margin-bottom: 1rem; flex-wrap: wrap; }
.exp-chip[b-6cdmfrmf46] { border: 1px solid #e2e2ea; border-radius: 999px; padding: 0.15rem 0.7rem; background: #fafafe; font-size: 0.9rem; }
.exp-chip--live[b-6cdmfrmf46] { background: #ecfdf5; border-color: #a7f3d0; }
.exp-chip--muted[b-6cdmfrmf46] { color: #555; }
.exp-table[b-6cdmfrmf46] { width: 100%; border-collapse: collapse; }
.exp-table th[b-6cdmfrmf46], .exp-table td[b-6cdmfrmf46] { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; }
.exp-table--inner[b-6cdmfrmf46] { margin-top: 0.5rem; }
.exp-row--stopped[b-6cdmfrmf46] { background: #fef7f7; }
.exp-detail td[b-6cdmfrmf46] { background: #fafafe; }
.exp-h2[b-6cdmfrmf46] { font-size: 1rem; margin: 0.75rem 0 0.25rem; }
.exp-list[b-6cdmfrmf46] { margin: 0; padding-left: 1.2rem; }
.exp-muted[b-6cdmfrmf46] { color: #777; font-size: 0.85rem; margin-left: 0.3rem; display: inline-block; }
.exp-warn[b-6cdmfrmf46] { color: #92400e; font-weight: 600; }
.exp-bad[b-6cdmfrmf46] { color: #991b1b; font-weight: 600; }
.exp-btn[b-6cdmfrmf46] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; text-decoration: none; color: inherit; font: inherit; }
.exp-btn:disabled[b-6cdmfrmf46] { opacity: 0.6; cursor: default; }
.exp-btn--ghost[b-6cdmfrmf46] { background: transparent; }
.exp-sr[b-6cdmfrmf46] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.exp-banner--ok[b-6cdmfrmf46] { background: #ecfdf5; color: #065f46; }
.exp-btn--primary[b-6cdmfrmf46] { background: #1a1a2e; color: #fff; border-color: #1a1a2e; }
.exp-btn--danger[b-6cdmfrmf46] { background: #fff; color: #991b1b; border-color: #991b1b; }
.exp-stop[b-6cdmfrmf46] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; padding: 0.6rem 0.9rem; border: 1px solid #fca5a5; border-radius: 6px; background: #fef7f7; margin-bottom: 1rem; }
.exp-stop input[b-6cdmfrmf46] { flex: 1 1 18rem; padding: 0.35rem 0.5rem; font: inherit; }
/* /Pages/Merchandising/MerchandisingAnalyticsIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.mana[b-4sj012ucaf] {
max-width: 1200px;
margin: 0 auto;
padding: 1.5rem;
font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
color: #1a1a2e;
}
.mana__header[b-4sj012ucaf] {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 1rem;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.mana__sub[b-4sj012ucaf] { color: #555; margin: 0.25rem 0 0; max-width: 48rem; }
.mana__muted[b-4sj012ucaf] { color: #666; font-size: 0.85rem; }
.mana__error[b-4sj012ucaf] { color: #991b1b; font-size: 0.85rem; }
.mana__actions[b-4sj012ucaf] { display: flex; gap: 0.5rem; align-items: flex-end; flex-wrap: wrap; }
.mana__field[b-4sj012ucaf] { display: flex; flex-direction: column; font-size: 0.8rem; color: #555; gap: 0.15rem; }
.mana__field select[b-4sj012ucaf] { padding: 0.35rem 0.5rem; border: 1px solid #c9c9d6; border-radius: 6px; }
.mana-btn[b-4sj012ucaf] {
padding: 0.45rem 0.9rem;
border: 1px solid #1a1a2e;
background: #1a1a2e;
color: #fff;
border-radius: 6px;
cursor: pointer;
text-decoration: none;
font-size: 0.9rem;
}
.mana-btn--ghost[b-4sj012ucaf] { background: #fff; color: #1a1a2e; }
.mana-btn:disabled[b-4sj012ucaf] { opacity: 0.5; cursor: default; }
.mana-banner[b-4sj012ucaf] { padding: 0.6rem 0.9rem; border-radius: 6px; margin: 0.75rem 0; }
.mana-banner ul[b-4sj012ucaf] { margin: 0.25rem 0 0; padding-left: 1.2rem; }
.mana-banner--info[b-4sj012ucaf] { background: #eef2ff; color: #1e3a8a; }
.mana-banner--warn[b-4sj012ucaf] { background: #fffbeb; color: #92400e; }
.mana-banner--error[b-4sj012ucaf] { background: #fef2f2; color: #991b1b; }
.mana__cards[b-4sj012ucaf] { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1rem; }
.mana-card[b-4sj012ucaf] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 0.75rem 1rem; min-width: 11rem; background: #fff; }
.mana-card--na[b-4sj012ucaf] { background: #f7f7fa; }
.mana-card__label[b-4sj012ucaf] { font-size: 0.8rem; color: #555; }
.mana-card__value[b-4sj012ucaf] { font-size: 1.4rem; font-weight: 600; }
.mana-card--na .mana-card__value[b-4sj012ucaf] { font-size: 1rem; color: #666; }
.mana-card__note[b-4sj012ucaf] { font-size: 0.75rem; color: #666; margin-top: 0.15rem; }
.mana-table[b-4sj012ucaf] { width: 100%; border-collapse: collapse; margin: 0.5rem 0 1rem; font-size: 0.9rem; }
.mana-table--narrow[b-4sj012ucaf] { max-width: 32rem; }
.mana-table th[b-4sj012ucaf], .mana-table td[b-4sj012ucaf] { text-align: left; padding: 0.45rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; }
.mana-table th[b-4sj012ucaf] { font-size: 0.8rem; color: #555; background: #fafafd; }
.mana-table .num[b-4sj012ucaf] { text-align: right; font-variant-numeric: tabular-nums; }
.mana-chip[b-4sj012ucaf] { display: inline-block; padding: 0.1rem 0.55rem; border-radius: 999px; font-size: 0.78rem; font-weight: 600; }
.mana-chip--insufficient[b-4sj012ucaf] { background: #f1f1f5; color: #555; }
.mana-chip--neutral[b-4sj012ucaf] { background: #eef2ff; color: #1e3a8a; }
.mana-chip--overperforming[b-4sj012ucaf] { background: #ecfdf5; color: #065f46; }
.mana-chip--underperforming[b-4sj012ucaf] { background: #fef2f2; color: #991b1b; }
.mana-chip--indeterminate[b-4sj012ucaf] { background: #fffbeb; color: #92400e; }
/* /Pages/Merchandising/MerchandisingConsoleIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) — scoped to this component by Blazor's CSS isolation. */
.merch-console[b-vip16kk0ul] {
max-width: 1200px;
margin: 0 auto;
padding: 1.5rem;
font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
color: #1a1a2e;
}
.merch-console__header[b-vip16kk0ul] {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 1rem;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.merch-console__sub[b-vip16kk0ul] {
color: #555;
margin: 0.25rem 0 0;
max-width: 48rem;
}
.merch-console__header-actions[b-vip16kk0ul] {
display: flex;
gap: 0.5rem;
}
.merch-banner[b-vip16kk0ul] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.6rem 0.9rem;
border-radius: 6px;
margin-bottom: 1rem;
}
.merch-banner--info[b-vip16kk0ul] { background: #eef2ff; color: #1e3a8a; }
.merch-banner--success[b-vip16kk0ul] { background: #ecfdf5; color: #065f46; }
.merch-banner--error[b-vip16kk0ul] { background: #fef2f2; color: #991b1b; }
.merch-banner__close[b-vip16kk0ul] {
background: none;
border: none;
font-size: 1.1rem;
cursor: pointer;
color: inherit;
}
.merch-analytics[b-vip16kk0ul] {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.merch-analytics__card[b-vip16kk0ul] {
border: 1px solid #e2e2ea;
border-radius: 8px;
padding: 0.6rem 0.9rem;
background: #fafafe;
min-width: 14rem;
}
.merch-analytics__title[b-vip16kk0ul] {
font-weight: 600;
margin-bottom: 0.35rem;
}
.merch-analytics__counts[b-vip16kk0ul] {
display: flex;
gap: 0.4rem;
flex-wrap: wrap;
}
.merch-tabs[b-vip16kk0ul] {
display: flex;
gap: 0.25rem;
border-bottom: 2px solid #e2e2ea;
margin-bottom: 1rem;
}
.merch-tabs__btn[b-vip16kk0ul] {
background: none;
border: none;
padding: 0.6rem 1rem;
font-size: 0.95rem;
cursor: pointer;
border-bottom: 3px solid transparent;
color: #555;
}
.merch-tabs__btn--on[b-vip16kk0ul] {
color: #1a1a2e;
font-weight: 600;
border-bottom-color: #4338ca;
}
.merch-editor[b-vip16kk0ul] {
border: 1px solid #e2e2ea;
border-radius: 8px;
padding: 1rem;
margin-bottom: 1.25rem;
background: #fff;
}
.merch-editor h2[b-vip16kk0ul] {
margin-top: 0;
font-size: 1.05rem;
}
.merch-form[b-vip16kk0ul] {
display: flex;
gap: 0.9rem;
flex-wrap: wrap;
align-items: flex-end;
}
.merch-field[b-vip16kk0ul] {
display: flex;
flex-direction: column;
gap: 0.25rem;
font-size: 0.85rem;
flex: 1 1 14rem;
}
.merch-field--narrow[b-vip16kk0ul] {
flex: 0 0 9rem;
}
.merch-field--checkbox[b-vip16kk0ul] {
flex-direction: row;
align-items: center;
gap: 0.4rem;
}
.merch-field input[type="text"][b-vip16kk0ul],
.merch-field input:not([type="checkbox"])[b-vip16kk0ul] {
padding: 0.45rem 0.55rem;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 0.9rem;
}
.merch-form__actions[b-vip16kk0ul] {
display: flex;
gap: 0.5rem;
}
.merch-btn[b-vip16kk0ul] {
padding: 0.5rem 0.9rem;
border-radius: 6px;
border: 1px solid #ccc;
background: #fff;
cursor: pointer;
font-size: 0.85rem;
}
.merch-btn--primary[b-vip16kk0ul] {
background: #4338ca;
border-color: #4338ca;
color: #fff;
}
.merch-btn--ghost[b-vip16kk0ul] {
background: transparent;
}
.merch-btn--danger[b-vip16kk0ul] {
border-color: #dc2626;
color: #dc2626;
}
.merch-btn--small[b-vip16kk0ul] {
padding: 0.3rem 0.6rem;
font-size: 0.78rem;
margin-right: 0.25rem;
}
.merch-btn:disabled[b-vip16kk0ul] {
opacity: 0.6;
cursor: not-allowed;
}
.merch-table[b-vip16kk0ul] {
width: 100%;
border-collapse: collapse;
font-size: 0.88rem;
}
.merch-table th[b-vip16kk0ul], .merch-table td[b-vip16kk0ul] {
text-align: left;
padding: 0.5rem 0.6rem;
border-bottom: 1px solid #eee;
}
.merch-table__actions[b-vip16kk0ul] {
white-space: nowrap;
}
.merch-chip[b-vip16kk0ul] {
display: inline-block;
padding: 0.15rem 0.5rem;
border-radius: 999px;
font-size: 0.75rem;
font-weight: 600;
}
.merch-chip--live[b-vip16kk0ul] { background: #dcfce7; color: #166534; }
.merch-chip--promoted[b-vip16kk0ul] { background: #dbeafe; color: #1e40af; }
.merch-chip--killed[b-vip16kk0ul] { background: #fee2e2; color: #991b1b; }
.merch-chip--inactive[b-vip16kk0ul] { background: #f3f4f6; color: #4b5563; }
.merch-sr-only[b-vip16kk0ul] {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
}
/* WCAG 2.4.7 focus visible (#70346): the shell's skip/first link rendered outline-style:none. */
.merch-console a:focus-visible[b-vip16kk0ul],
.merch-console button:focus-visible[b-vip16kk0ul],
.merch-console input:focus-visible[b-vip16kk0ul],
.merch-console select:focus-visible[b-vip16kk0ul],
.merch-console textarea:focus-visible[b-vip16kk0ul] {
outline: 2px solid #1a56db;
outline-offset: 2px;
}
/* /Pages/Merchandising/StaffPicksReviewIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.picks-review[b-ykic1tt49u] { max-width: 1200px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.picks-review__header[b-ykic1tt49u] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.picks-review__sub[b-ykic1tt49u] { color: #555; margin: 0.25rem 0 0; max-width: 48rem; }
.picks-review__actions[b-ykic1tt49u] { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.picks-review__error[b-ykic1tt49u] { color: #991b1b; }
.picks-banner[b-ykic1tt49u] { display: flex; justify-content: space-between; align-items: center; padding: 0.6rem 0.9rem; border-radius: 6px; margin-bottom: 1rem; }
.picks-banner--info[b-ykic1tt49u] { background: #eef2ff; color: #1e3a8a; }
.picks-banner--success[b-ykic1tt49u] { background: #ecfdf5; color: #065f46; }
.picks-banner--error[b-ykic1tt49u] { background: #fef2f2; color: #991b1b; }
.picks-banner__close[b-ykic1tt49u] { background: none; border: none; font-size: 1.1rem; cursor: pointer; color: inherit; }
.picks-summary[b-ykic1tt49u] { display: flex; gap: 0.5rem; margin-bottom: 1rem; flex-wrap: wrap; }
.picks-chip[b-ykic1tt49u] { border: 1px solid #e2e2ea; border-radius: 999px; padding: 0.15rem 0.7rem; background: #fafafe; font-size: 0.9rem; }
.picks-chip--live[b-ykic1tt49u] { background: #ecfdf5; border-color: #a7f3d0; }
.picks-chip--vetoed[b-ykic1tt49u] { background: #fef2f2; border-color: #fecaca; }
.picks-chip--overdue[b-ykic1tt49u] { background: #fffbeb; border-color: #fcd34d; }
.picks-table[b-ykic1tt49u] { width: 100%; border-collapse: collapse; }
.picks-table th[b-ykic1tt49u], .picks-table td[b-ykic1tt49u] { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; }
.picks-row--vetoed[b-ykic1tt49u] { background: #fef7f7; }
.picks-row--withdrawn[b-ykic1tt49u] { color: #777; }
.picks-muted[b-ykic1tt49u] { color: #777; font-size: 0.85rem; margin-left: 0.3rem; }
.picks-overdue[b-ykic1tt49u] { color: #92400e; font-weight: 600; }
.picks-btn[b-ykic1tt49u] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; text-decoration: none; color: inherit; font: inherit; }
.picks-btn:disabled[b-ykic1tt49u] { opacity: 0.6; cursor: default; }
.picks-btn--ghost[b-ykic1tt49u] { background: transparent; }
.picks-btn--danger[b-ykic1tt49u] { border-color: #fca5a5; color: #991b1b; }
.picks-sr[b-ykic1tt49u] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* /Pages/MercuryFixListIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.fl-page[b-hmwmn15r03] { max-width: 1280px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.fl-header[b-hmwmn15r03] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.fl-sub[b-hmwmn15r03] { color: #555; margin: 0.25rem 0 0; max-width: 52rem; }
.fl-banner[b-hmwmn15r03] { padding: 0.6rem 0.9rem; border-radius: 6px; margin: 0 0 0.75rem; line-height: 1.45; }
.fl-banner--ok[b-hmwmn15r03] { background: #ecfdf5; color: #065f46; }
.fl-banner--warn[b-hmwmn15r03] { background: #fffbeb; color: #92400e; }
.fl-error[b-hmwmn15r03] { background: #fef2f2; color: #991b1b; padding: 0.6rem 0.9rem; border-radius: 6px; }
.fl-basis[b-hmwmn15r03] { font-size: 0.85rem; color: #555; margin-bottom: 0.75rem; }
.fl-table[b-hmwmn15r03] { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; font-size: 0.9rem; }
.fl-table th[b-hmwmn15r03], .fl-table td[b-hmwmn15r03] { text-align: left; padding: 0.45rem 0.6rem; border-bottom: 1px solid #e5e5ee; vertical-align: top; }
.fl-table th[b-hmwmn15r03] { background: #f6f6fa; font-weight: 600; }
.fl-num[b-hmwmn15r03] { text-align: right; font-variant-numeric: tabular-nums; }
.fl-desc[b-hmwmn15r03] { color: #666; font-size: 0.8rem; margin-top: 0.15rem; }
.fl-btn[b-hmwmn15r03] { display: inline-block; border: 1px solid #c9c9d6; background: #fff; color: inherit; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; }
.fl-btn:disabled[b-hmwmn15r03] { opacity: 0.55; cursor: not-allowed; }
.fl-btn:focus-visible[b-hmwmn15r03] { outline: 3px solid #2563eb; outline-offset: 2px; }
/* /Pages/MercurySettingsIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.mc-page[b-ir4u3lstnm] { max-width: 1280px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.mc-header[b-ir4u3lstnm] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.mc-sub[b-ir4u3lstnm] { color: #555; margin: 0.25rem 0 0; max-width: 52rem; }
.mc-banner[b-ir4u3lstnm] { padding: 0.6rem 0.9rem; border-radius: 6px; margin: 0 0 0.75rem; line-height: 1.45; }
.mc-banner--ok[b-ir4u3lstnm] { background: #ecfdf5; color: #065f46; }
.mc-banner--warn[b-ir4u3lstnm] { background: #fffbeb; color: #92400e; }
.mc-error[b-ir4u3lstnm] { background: #fef2f2; color: #991b1b; padding: 0.6rem 0.9rem; border-radius: 6px; }
.mc-basis[b-ir4u3lstnm] { font-size: 0.85rem; color: #555; margin-bottom: 0.75rem; }
.mc-table[b-ir4u3lstnm] { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; font-size: 0.9rem; }
.mc-table--narrow[b-ir4u3lstnm] { width: auto; min-width: 20rem; }
.mc-table th[b-ir4u3lstnm], .mc-table td[b-ir4u3lstnm] { text-align: left; padding: 0.45rem 0.6rem; border-bottom: 1px solid #e5e5ee; vertical-align: top; }
.mc-table th[b-ir4u3lstnm] { background: #f6f6fa; font-weight: 600; }
.mc-num[b-ir4u3lstnm] { text-align: right; font-variant-numeric: tabular-nums; }
.mc-desc[b-ir4u3lstnm] { color: #666; font-size: 0.8rem; margin-top: 0.15rem; }
.mc-table input[b-ir4u3lstnm], .mc-table select[b-ir4u3lstnm] { font: inherit; padding: 0.3rem 0.4rem; min-width: 9rem; }
.mc-actions[b-ir4u3lstnm] { white-space: nowrap; }
.mc-btn[b-ir4u3lstnm] { display: inline-block; border: 1px solid #c9c9d6; background: #fff; color: inherit; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; }
.mc-btn:disabled[b-ir4u3lstnm] { opacity: 0.55; cursor: not-allowed; }
.mc-btn--primary[b-ir4u3lstnm] { background: #1a1a2e; color: #fff; border-color: #1a1a2e; }
.mc-btn:focus-visible[b-ir4u3lstnm] { outline: 3px solid #2563eb; outline-offset: 2px; }
.mc-sr[b-ir4u3lstnm] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
/* /Pages/ProductContentReviewIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.pcr[b-zewnzvymj5] { max-width: 1280px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.pcr__header[b-zewnzvymj5] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.pcr__sub[b-zewnzvymj5] { color: #555; margin: 0.25rem 0 0; max-width: 48rem; }
.pcr__error[b-zewnzvymj5] { color: #991b1b; }
.pcr-banner[b-zewnzvymj5] { display: flex; justify-content: space-between; align-items: center; padding: 0.6rem 0.9rem; border-radius: 6px; margin-bottom: 1rem; }
.pcr-banner--info[b-zewnzvymj5] { background: #eef2ff; color: #1e3a8a; }
.pcr-banner--success[b-zewnzvymj5] { background: #ecfdf5; color: #065f46; }
.pcr-banner--error[b-zewnzvymj5] { background: #fef2f2; color: #991b1b; }
.pcr-banner__close[b-zewnzvymj5] { background: none; border: none; font-size: 1.1rem; cursor: pointer; color: inherit; }
.pcr-summary[b-zewnzvymj5] { display: flex; gap: 0.5rem; margin-bottom: 1rem; flex-wrap: wrap; }
.pcr-chip[b-zewnzvymj5] { border: 1px solid #e2e2ea; border-radius: 999px; padding: 0.15rem 0.7rem; background: #fafafe; font-size: 0.9rem; }
.pcr-table[b-zewnzvymj5] { width: 100%; border-collapse: collapse; }
.pcr-table th[b-zewnzvymj5], .pcr-table td[b-zewnzvymj5] { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; }
.pcr-muted[b-zewnzvymj5] { color: #777; font-size: 0.85rem; margin-left: 0.3rem; }
.pcr-status[b-zewnzvymj5] { font-size: 0.8rem; border-radius: 4px; padding: 0.05rem 0.4rem; background: #fffbeb; border: 1px solid #fcd34d; margin-right: 0.3rem; }
.pcr-status--Failed[b-zewnzvymj5] { background: #fef2f2; border-color: #fecaca; }
.pcr-actions[b-zewnzvymj5] { white-space: nowrap; }
.pcr-btn[b-zewnzvymj5] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; color: inherit; font: inherit; }
.pcr-btn:disabled[b-zewnzvymj5] { opacity: 0.6; cursor: default; }
.pcr-btn--danger[b-zewnzvymj5] { border-color: #fca5a5; color: #991b1b; }
.pcr-sr[b-zewnzvymj5] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* /Pages/RayDashboardIsland.razor.rz.scp.css */
/* #B16 — Ray's dashboard. Baseline rules apply at every width (phone legibility is
not an enhancement, per the brief — it's always on, not gated behind a breakpoint).
TV mode (.ray-dashboard-tv) additionally forces dark + scales type for
room-width legibility and hides nothing structural — MudGrid's own xs/md
breakpoints (see the .razor markup) already collapse the three sections to one
column under ~960px, which is what makes phone width work without a second layout. */
.ray-dashboard-root[b-wmir1e8eil] {
font-size: 1rem;
}
.ray-dashboard-basis[b-wmir1e8eil] {
font-size: 0.8rem;
opacity: 0.7;
margin-bottom: 0.5rem;
}
.ray-dashboard-empty[b-wmir1e8eil] {
font-style: italic;
opacity: 0.7;
}
.ray-dashboard-item-meta[b-wmir1e8eil] {
font-size: 0.85rem;
opacity: 0.75;
}
.ray-dashboard-group-title[b-wmir1e8eil] {
font-weight: 600;
margin-top: 0.5rem;
}
.ray-dashboard-unknown[b-wmir1e8eil] {
border: 2px solid #A31E23;
background: rgba(163, 30, 35, 0.08);
border-radius: 4px;
padding: 0.75rem;
}
.ray-dashboard-unknown-label[b-wmir1e8eil] {
font-weight: 700;
color: #A31E23;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.ray-dashboard-unknown-reason[b-wmir1e8eil] {
margin-top: 0.25rem;
}
.ray-dashboard-wrong-critical[b-wmir1e8eil] {
border-left: 4px solid #A31E23;
padding-left: 0.5rem;
}
.ray-dashboard-wrong-warning[b-wmir1e8eil] {
border-left: 4px solid #C4870A;
padding-left: 0.5rem;
}
.ray-dashboard-stale-banner[b-wmir1e8eil] {
font-weight: 700;
}
/* TV MODE — dark, large, no-interaction. Applied via the .ray-dashboard-tv class
toggled from the code-behind (_tvMode), or booted directly with ?tv=1. */
.ray-dashboard-tv[b-wmir1e8eil] {
background: #0b0b0d;
color: #f5f5f5;
padding: 1.5rem;
border-radius: 8px;
font-size: 1.4rem;
}
.ray-dashboard-tv .ray-dashboard-title[b-wmir1e8eil] {
font-size: 2.2rem !important;
}
.ray-dashboard-tv .ray-dashboard-refresh-line[b-wmir1e8eil] {
font-size: 1.1rem !important;
}
.ray-dashboard-tv .ray-dashboard-basis[b-wmir1e8eil],
.ray-dashboard-tv .ray-dashboard-item-meta[b-wmir1e8eil] {
font-size: 1rem;
opacity: 0.85;
}
.ray-dashboard-tv .ray-dashboard-unknown-label[b-wmir1e8eil] {
font-size: 1.5rem;
}
/* Phone width — MudGrid already stacks columns below md; this tightens padding so
the three sections don't feel cramped edge-to-edge on a narrow viewport. */
@media (max-width: 600px) {
.ray-dashboard-header[b-wmir1e8eil] {
flex-direction: column;
align-items: flex-start;
}
.ray-dashboard-tv[b-wmir1e8eil] {
font-size: 1.15rem;
padding: 0.75rem;
}
.ray-dashboard-tv .ray-dashboard-title[b-wmir1e8eil] {
font-size: 1.6rem !important;
}
}
/* /Pages/Rentals/RentalInstrumentMappingIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.rim[b-8x0dst0fts] { max-width: 1400px; margin: 0 auto; padding: 1.5rem 1rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.rim__header[b-8x0dst0fts] { margin-bottom: 1rem; }
.rim__header h1[b-8x0dst0fts] { margin: 0; font-size: 1.5rem; }
.rim__sub[b-8x0dst0fts] { color: #555; margin: 0.35rem 0 0; max-width: 60rem; line-height: 1.45; }
.rim__error[b-8x0dst0fts] { color: #991b1b; }
.rim-banner[b-8x0dst0fts] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 0.6rem 0.9rem; border-radius: 6px; margin-bottom: 1rem; }
.rim-banner--info[b-8x0dst0fts] { background: #eef2ff; color: #1e3a8a; }
.rim-banner--success[b-8x0dst0fts] { background: #ecfdf5; color: #065f46; }
.rim-banner--error[b-8x0dst0fts] { background: #fef2f2; color: #991b1b; }
.rim-banner__close[b-8x0dst0fts] { background: none; border: none; font-size: 1.1rem; cursor: pointer; color: inherit; }
.rim-filters[b-8x0dst0fts] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-end; margin-bottom: 1rem; }
.rim-filters label[b-8x0dst0fts] { display: flex; flex-direction: column; font-size: 0.85rem; color: #555; gap: 0.2rem; }
.rim-filters select[b-8x0dst0fts] { padding: 0.35rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; min-width: 14rem; }
.rim-input[b-8x0dst0fts] { border: 1px solid #c7c7d4; border-radius: 6px; padding: 0.35rem 0.5rem; font: inherit; min-width: 18rem; max-width: 100%; }
.rim-input--short[b-8x0dst0fts] { min-width: 0; width: 8rem; }
.rim-card[b-8x0dst0fts] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.2rem; margin-bottom: 1rem; background: #fff; }
.rim-card__head[b-8x0dst0fts] { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; align-items: flex-start; }
.rim-card h2[b-8x0dst0fts] { margin: 0; font-size: 1.1rem; }
.rim-scroll[b-8x0dst0fts] { overflow-x: auto; }
.rim-table[b-8x0dst0fts] { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.rim-table th[b-8x0dst0fts], .rim-table td[b-8x0dst0fts] { text-align: left; padding: 0.45rem 0.5rem; border-bottom: 1px solid #ececf2; vertical-align: top; }
.rim-table th[b-8x0dst0fts] { font-size: 0.8rem; color: #555; text-transform: uppercase; letter-spacing: 0.02em; }
.rim-row--prices[b-8x0dst0fts] { background: #f6fbf8; }
.rim-muted[b-8x0dst0fts] { color: #777; font-size: 0.82rem; }
.rim-tag[b-8x0dst0fts] { display: inline-block; border: 1px solid #e2e2ea; border-radius: 4px; padding: 0 0.4rem; background: #f6f6fb; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 0.85rem; }
.rim-chip[b-8x0dst0fts] { display: inline-block; border: 1px solid #e2e2ea; border-radius: 999px; padding: 0 0.55rem; background: #fafafe; font-size: 0.78rem; margin: 0.1rem 0.2rem 0.1rem 0; }
.rim-chip--intended[b-8x0dst0fts] { background: #eef2ff; border-color: #c7d2fe; }
.rim-chip--history[b-8x0dst0fts] { background: #fffbeb; border-color: #fcd34d; }
.rim-chip--approved[b-8x0dst0fts] { background: #ecfdf5; border-color: #a7f3d0; }
.rim-chip--rejected[b-8x0dst0fts] { background: #fef2f2; border-color: #fecaca; }
.rim-chip--warn[b-8x0dst0fts] { background: #fff7ed; border-color: #fdba74; }
.rim-actions[b-8x0dst0fts] { white-space: nowrap; }
.rim-actions .rim-btn[b-8x0dst0fts] { margin: 0 0.25rem 0.25rem 0; }
.rim-btn[b-8x0dst0fts] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.3rem 0.7rem; cursor: pointer; color: inherit; font: inherit; font-size: 0.85rem; }
.rim-btn:disabled[b-8x0dst0fts] { opacity: 0.6; cursor: default; }
.rim-btn--ghost[b-8x0dst0fts] { background: transparent; }
.rim-btn--primary[b-8x0dst0fts] { background: #1e3a8a; border-color: #1e3a8a; color: #fff; }
.rim-btn--danger[b-8x0dst0fts] { border-color: #fca5a5; color: #991b1b; }
.rim-link[b-8x0dst0fts] { background: none; border: none; padding: 0; color: #1e3a8a; text-decoration: underline; cursor: pointer; font: inherit; }
.rim-link--small[b-8x0dst0fts] { font-size: 0.8rem; color: #555; }
.rim-link-edit[b-8x0dst0fts] { display: flex; gap: 0.3rem; flex-wrap: wrap; margin-top: 0.3rem; }
.rim-pager[b-8x0dst0fts] { display: flex; gap: 0.5rem; margin-top: 1rem; }
/* /Pages/SchoolPortalEdRepChatIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.chat[b-sfckhwnfqj] { background: #fff; border: 1px solid #dfe3ee; border-radius: 10px; padding: 1.25rem; }
.chat__title[b-sfckhwnfqj] { margin: 0 0 0.25rem; font-size: 1.4rem; }
.chat__sub[b-sfckhwnfqj] { margin: 0 0 1rem; color: #4a4a62; }
.chat__school[b-sfckhwnfqj] { display: inline-block; margin-left: 0.5rem; font-size: 0.85rem; background: #eef2ff; color: #1e3a8a; padding: 0.05rem 0.5rem; border-radius: 999px; }
.chat__log[b-sfckhwnfqj] { height: 22rem; overflow-y: auto; padding: 0.75rem; background: #f7f8fc; border: 1px solid #e2e5f0; border-radius: 8px; }
.chat__empty[b-sfckhwnfqj] { color: #666; text-align: center; margin: 2rem 0; }
.chat__row[b-sfckhwnfqj] { display: flex; margin-bottom: 0.6rem; }
.chat__row--you[b-sfckhwnfqj] { justify-content: flex-end; }
.chat__row--edrep[b-sfckhwnfqj] { justify-content: flex-start; }
.chat__bubble[b-sfckhwnfqj] { max-width: 80%; padding: 0.5rem 0.8rem; border-radius: 12px; background: #fff; border: 1px solid #dfe3ee; }
.chat__row--you .chat__bubble[b-sfckhwnfqj] { background: #0047AB; border-color: #0047AB; color: #fff; }
.chat__bubble--typing[b-sfckhwnfqj] { color: #666; font-style: italic; }
.chat__who[b-sfckhwnfqj] { display: block; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.75; margin-bottom: 0.1rem; }
.chat__text[b-sfckhwnfqj] { white-space: pre-wrap; overflow-wrap: anywhere; }
.chat__followup[b-sfckhwnfqj] { margin: 0.75rem 0 0; background: #ecfdf5; color: #065f46; padding: 0.5rem 0.75rem; border-radius: 6px; }
.chat__error[b-sfckhwnfqj] { margin: 0.75rem 0 0; background: #fef2f2; color: #991b1b; padding: 0.5rem 0.75rem; border-radius: 6px; }
.chat__form[b-sfckhwnfqj] { margin-top: 1rem; display: flex; flex-direction: column; gap: 0.4rem; }
.chat__label[b-sfckhwnfqj] { font-size: 0.85rem; color: #4a4a62; }
.chat__input[b-sfckhwnfqj] { width: 100%; box-sizing: border-box; padding: 0.55rem 0.7rem; border: 1px solid #c7c9d8; border-radius: 8px; font: inherit; resize: vertical; }
.chat__input:focus-visible[b-sfckhwnfqj] { outline: 2px solid #0047AB; outline-offset: 1px; }
.chat__actions[b-sfckhwnfqj] { display: flex; align-items: center; justify-content: space-between; }
.chat__count[b-sfckhwnfqj] { font-size: 0.8rem; color: #666; font-variant-numeric: tabular-nums; }
.chat__send[b-sfckhwnfqj] { background: #0047AB; color: #fff; border: 0; border-radius: 6px; padding: 0.5rem 1.4rem; font: inherit; cursor: pointer; }
.chat__send:hover:not(:disabled)[b-sfckhwnfqj], .chat__send:focus-visible[b-sfckhwnfqj] { background: #00337D; }
.chat__send:disabled[b-sfckhwnfqj] { opacity: 0.55; cursor: default; }
.chat__fine[b-sfckhwnfqj] { margin: 0.75rem 0 0; font-size: 0.8rem; color: #666; }
/* /Pages/SchoolPortalEdRepClassRentalIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.cr__loading[b-h8qkwhw75n] { color: #555; }
.cr__title[b-h8qkwhw75n] { margin: 0 0 0.25rem; font-size: 1.4rem; }
.cr__sub[b-h8qkwhw75n] { margin: 0 0 1rem; color: #4a4a62; max-width: 44rem; }
.cr__card[b-h8qkwhw75n] { background: #fff; border: 1px solid #dfe3ee; border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 1rem; }
.cr__card h2[b-h8qkwhw75n] { margin: 0 0 0.5rem; font-size: 1.1rem; }
.cr__fine[b-h8qkwhw75n] { font-size: 0.85rem; color: #666; margin: 0 0 0.5rem; }
.cr__sr[b-h8qkwhw75n] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cr__row[b-h8qkwhw75n] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 0.5rem; }
.cr__input[b-h8qkwhw75n] { padding: 0.4rem 0.55rem; border: 1px solid #c7c9d8; border-radius: 6px; font: inherit; flex: 1 1 14rem; }
.cr__input:focus-visible[b-h8qkwhw75n] { outline: 2px solid #0047AB; outline-offset: 1px; }
.cr__btn[b-h8qkwhw75n] { display: inline-block; background: #0047AB; color: #fff; border: 0; border-radius: 6px; padding: 0.45rem 1rem; font: inherit; cursor: pointer; text-decoration: none; }
.cr__btn:hover:not(:disabled)[b-h8qkwhw75n], .cr__btn:focus-visible[b-h8qkwhw75n] { background: #00337D; }
.cr__btn--ghost[b-h8qkwhw75n] { background: #fff; color: #0047AB; border: 1px solid #0047AB; }
.cr__btn--ghost:hover:not(:disabled)[b-h8qkwhw75n], .cr__btn--ghost:focus-visible[b-h8qkwhw75n] { background: #eef2ff; }
.cr__btn:disabled[b-h8qkwhw75n] { opacity: 0.55; cursor: default; }
.cr__list[b-h8qkwhw75n] { list-style: none; margin: 0.5rem 0 0; padding: 0; }
.cr__item[b-h8qkwhw75n] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; padding: 0.5rem 0; border-bottom: 1px solid #eef0f6; }
.cr__itemtext[b-h8qkwhw75n] { flex: 1 1 auto; overflow-wrap: anywhere; font-weight: 600; }
.cr__tag[b-h8qkwhw75n] { font-size: 0.75rem; background: #f1f5f9; color: #475569; padding: 0.05rem 0.5rem; border-radius: 999px; white-space: nowrap; }
.cr__tag--ok[b-h8qkwhw75n] { background: #ecfdf5; color: #065f46; }
.cr__checks[b-h8qkwhw75n] { border: 0; margin: 0 0 0.5rem; padding: 0; display: grid; gap: 0.35rem; }
.cr__check[b-h8qkwhw75n] { display: flex; align-items: center; gap: 0.5rem; }
.cr__price[b-h8qkwhw75n] { margin-left: auto; font-weight: 600; white-space: nowrap; }
.cr__link[b-h8qkwhw75n] { color: #0047AB; overflow-wrap: anywhere; }
.cr__empty[b-h8qkwhw75n] { color: #666; margin: 0.25rem 0 0.5rem; }
.cr__notice[b-h8qkwhw75n] { background: #ecfdf5; color: #065f46; padding: 0.5rem 0.75rem; border-radius: 6px; }
.cr__error[b-h8qkwhw75n] { background: #fef2f2; color: #991b1b; padding: 0.5rem 0.75rem; border-radius: 6px; }
/* /Pages/SchoolPortalEdRepInventoryIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.inv__loading[b-rrwu1cthgi] { color: #555; }
.inv__title[b-rrwu1cthgi] { margin: 0 0 0.25rem; font-size: 1.4rem; }
.inv__sub[b-rrwu1cthgi] { margin: 0 0 1rem; color: #4a4a62; max-width: 44rem; }
.inv__card[b-rrwu1cthgi] { background: #fff; border: 1px solid #dfe3ee; border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 1rem; }
.inv__card h2[b-rrwu1cthgi] { margin: 0 0 0.5rem; font-size: 1.1rem; }
.inv__fine[b-rrwu1cthgi] { font-size: 0.85rem; color: #666; margin: 0 0 0.5rem; }
.inv__sr[b-rrwu1cthgi] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.inv__row[b-rrwu1cthgi] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 0.5rem; }
.inv__select[b-rrwu1cthgi] { padding: 0.35rem 0.5rem; border: 1px solid #c7c9d8; border-radius: 6px; font: inherit; }
.inv__btn[b-rrwu1cthgi] { background: #0047AB; color: #fff; border: 0; border-radius: 6px; padding: 0.45rem 1rem; font: inherit; cursor: pointer; }
.inv__btn:hover:not(:disabled)[b-rrwu1cthgi], .inv__btn:focus-visible[b-rrwu1cthgi] { background: #00337D; }
.inv__btn--ghost[b-rrwu1cthgi] { background: #fff; color: #0047AB; border: 1px solid #0047AB; }
.inv__btn--ghost:hover:not(:disabled)[b-rrwu1cthgi], .inv__btn--ghost:focus-visible[b-rrwu1cthgi] { background: #eef2ff; }
.inv__btn--danger[b-rrwu1cthgi] { background: #fff; color: #991b1b; border: 1px solid #991b1b; }
.inv__btn--danger:hover:not(:disabled)[b-rrwu1cthgi], .inv__btn--danger:focus-visible[b-rrwu1cthgi] { background: #fef2f2; }
.inv__btn:disabled[b-rrwu1cthgi] { opacity: 0.55; cursor: default; }
.inv__list[b-rrwu1cthgi] { list-style: none; margin: 0; padding: 0; }
.inv__item[b-rrwu1cthgi] { padding: 0.6rem 0; border-bottom: 1px solid #eef0f6; }
.inv__itemhead[b-rrwu1cthgi] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; }
.inv__itemtext[b-rrwu1cthgi] { flex: 1 1 auto; overflow-wrap: anywhere; font-weight: 600; }
.inv__tag[b-rrwu1cthgi] { font-size: 0.75rem; background: #f1f5f9; color: #475569; padding: 0.05rem 0.5rem; border-radius: 999px; }
.inv__tag--ok[b-rrwu1cthgi] { background: #ecfdf5; color: #065f46; }
.inv__tag--bad[b-rrwu1cthgi] { background: #fef2f2; color: #991b1b; }
.inv__empty[b-rrwu1cthgi] { color: #666; margin: 0.25rem 0 0.5rem; }
.inv__notice[b-rrwu1cthgi] { background: #ecfdf5; color: #065f46; padding: 0.5rem 0.75rem; border-radius: 6px; }
.inv__error[b-rrwu1cthgi] { background: #fef2f2; color: #991b1b; padding: 0.5rem 0.75rem; border-radius: 6px; }
form label[b-rrwu1cthgi] { display: block; margin-top: 0.5rem; font-size: 0.85rem; color: #333; }
form input[type="text"][b-rrwu1cthgi], form input[type="number"][b-rrwu1cthgi], form select[b-rrwu1cthgi] {
padding: 0.4rem 0.55rem; border: 1px solid #c7c9d8; border-radius: 6px; font: inherit; width: 100%; box-sizing: border-box;
}
form input:focus-visible[b-rrwu1cthgi], form select:focus-visible[b-rrwu1cthgi] { outline: 2px solid #0047AB; outline-offset: 1px; }
form button[type="submit"][b-rrwu1cthgi] { margin-top: 0.75rem; }
/* /Pages/SchoolPortalEdRepProfileIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.prof__loading[b-ov5s09ipnz] { color: #555; }
.prof__title[b-ov5s09ipnz] { margin: 0 0 0.25rem; font-size: 1.4rem; }
.prof__sub[b-ov5s09ipnz] { margin: 0 0 1rem; color: #4a4a62; max-width: 42rem; }
.prof__card[b-ov5s09ipnz] { background: #fff; border: 1px solid #dfe3ee; border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 1rem; }
.prof__card h2[b-ov5s09ipnz] { margin: 0 0 0.5rem; font-size: 1.1rem; }
.prof__facts[b-ov5s09ipnz] { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 0.5rem 1.25rem; margin: 0 0 0.5rem; }
.prof__facts dt[b-ov5s09ipnz] { font-size: 0.75rem; color: #666; text-transform: uppercase; letter-spacing: 0.03em; }
.prof__facts dd[b-ov5s09ipnz] { margin: 0; overflow-wrap: anywhere; }
.prof__fine[b-ov5s09ipnz] { font-size: 0.85rem; color: #666; margin: 0 0 0.5rem; }
.prof__checks[b-ov5s09ipnz] { border: 0; margin: 0 0 0.75rem; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; }
.prof__check[b-ov5s09ipnz] { display: inline-flex; align-items: center; gap: 0.35rem; }
.prof__sr[b-ov5s09ipnz] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.prof__row[b-ov5s09ipnz] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 0.5rem; }
.prof__input[b-ov5s09ipnz] { padding: 0.4rem 0.55rem; border: 1px solid #c7c9d8; border-radius: 6px; font: inherit; min-width: 9rem; }
.prof__input--grow[b-ov5s09ipnz] { flex: 1 1 14rem; }
.prof__input:focus-visible[b-ov5s09ipnz] { outline: 2px solid #0047AB; outline-offset: 1px; }
.prof__btn[b-ov5s09ipnz] { background: #0047AB; color: #fff; border: 0; border-radius: 6px; padding: 0.45rem 1rem; font: inherit; cursor: pointer; }
.prof__btn:hover:not(:disabled)[b-ov5s09ipnz], .prof__btn:focus-visible[b-ov5s09ipnz] { background: #00337D; }
.prof__btn--ghost[b-ov5s09ipnz] { background: #fff; color: #0047AB; border: 1px solid #0047AB; }
.prof__btn--ghost:hover:not(:disabled)[b-ov5s09ipnz], .prof__btn--ghost:focus-visible[b-ov5s09ipnz] { background: #eef2ff; }
.prof__btn:disabled[b-ov5s09ipnz] { opacity: 0.55; cursor: default; }
.prof__list[b-ov5s09ipnz] { list-style: none; margin: 0; padding: 0; }
.prof__item[b-ov5s09ipnz] { display: flex; align-items: center; gap: 0.6rem; padding: 0.4rem 0; border-bottom: 1px solid #eef0f6; }
.prof__itemtext[b-ov5s09ipnz] { flex: 1 1 auto; overflow-wrap: anywhere; }
.prof__tag[b-ov5s09ipnz] { font-size: 0.72rem; background: #f1f5f9; color: #475569; padding: 0.05rem 0.5rem; border-radius: 999px; white-space: nowrap; }
.prof__remove[b-ov5s09ipnz] { background: none; border: 0; color: #b91c1c; cursor: pointer; font: inherit; text-decoration: underline; }
.prof__remove:disabled[b-ov5s09ipnz] { opacity: 0.5; cursor: default; }
.prof__empty[b-ov5s09ipnz] { color: #666; margin: 0.25rem 0 0.5rem; }
.prof__notice[b-ov5s09ipnz] { background: #ecfdf5; color: #065f46; padding: 0.5rem 0.75rem; border-radius: 6px; }
.prof__error[b-ov5s09ipnz] { background: #fef2f2; color: #991b1b; padding: 0.5rem 0.75rem; border-radius: 6px; }
/* /Pages/SchoolPortalEdRepSupplyListIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.sl__loading[b-v4k270us61] { color: #555; }
.sl__title[b-v4k270us61] { margin: 0 0 0.25rem; font-size: 1.4rem; }
.sl__sub[b-v4k270us61] { margin: 0 0 1rem; color: #4a4a62; max-width: 44rem; }
.sl__card[b-v4k270us61] { background: #fff; border: 1px solid #dfe3ee; border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 1rem; }
.sl__card h2[b-v4k270us61] { margin: 0 0 0.5rem; font-size: 1.1rem; }
.sl__fine[b-v4k270us61] { font-size: 0.85rem; color: #666; margin: 0 0 0.5rem; }
.sl__sr[b-v4k270us61] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sl__row[b-v4k270us61] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 0.5rem; }
.sl__input[b-v4k270us61] { padding: 0.4rem 0.55rem; border: 1px solid #c7c9d8; border-radius: 6px; font: inherit; width: 100%; box-sizing: border-box; }
.sl__textarea[b-v4k270us61] { resize: vertical; }
.sl__input:focus-visible[b-v4k270us61] { outline: 2px solid #0047AB; outline-offset: 1px; }
.sl__btn[b-v4k270us61] { background: #0047AB; color: #fff; border: 0; border-radius: 6px; padding: 0.45rem 1rem; font: inherit; cursor: pointer; }
.sl__btn:hover:not(:disabled)[b-v4k270us61], .sl__btn:focus-visible[b-v4k270us61] { background: #00337D; }
.sl__btn--ghost[b-v4k270us61] { background: #fff; color: #0047AB; border: 1px solid #0047AB; }
.sl__btn--ghost:hover:not(:disabled)[b-v4k270us61], .sl__btn--ghost:focus-visible[b-v4k270us61] { background: #eef2ff; }
.sl__btn:disabled[b-v4k270us61] { opacity: 0.55; cursor: default; }
.sl__list[b-v4k270us61], .sl__suggest[b-v4k270us61] { list-style: none; margin: 0; padding: 0; }
.sl__item[b-v4k270us61] { padding: 0.6rem 0; border-bottom: 1px solid #eef0f6; }
.sl__itemhead[b-v4k270us61] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; }
.sl__itemtext[b-v4k270us61] { flex: 1 1 auto; overflow-wrap: anywhere; font-weight: 600; }
.sl__tag[b-v4k270us61] { font-size: 0.75rem; background: #f1f5f9; color: #475569; padding: 0.05rem 0.5rem; border-radius: 999px; }
.sl__tag--ok[b-v4k270us61] { background: #ecfdf5; color: #065f46; }
.sl__suggest li[b-v4k270us61] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.35rem 0; }
.sl__sku[b-v4k270us61] { color: #666; font-size: 0.85rem; }
.sl__link[b-v4k270us61] { color: #0047AB; overflow-wrap: anywhere; }
.sl__empty[b-v4k270us61] { color: #666; margin: 0.25rem 0 0.5rem; }
.sl__notice[b-v4k270us61] { background: #ecfdf5; color: #065f46; padding: 0.5rem 0.75rem; border-radius: 6px; }
.sl__error[b-v4k270us61] { background: #fef2f2; color: #991b1b; padding: 0.5rem 0.75rem; border-radius: 6px; }
/* /Pages/SessionHeatmapIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.hm-page[b-9wqoiydy8f] { max-width: 1200px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.hm-header h1[b-9wqoiydy8f] { margin: 0 0 0.25rem; }
.hm-sub[b-9wqoiydy8f] { color: #555; margin: 0 0 1rem; max-width: 52rem; }
.hm-panel[b-9wqoiydy8f] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; background: #fff; }
.hm-panel h2[b-9wqoiydy8f] { margin: 0 0 0.75rem; font-size: 1.15rem; }
.hm-row[b-9wqoiydy8f] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-bottom: 0.75rem; }
.hm-row input[type="text"][b-9wqoiydy8f] { min-width: 16rem; padding: 0.35rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; }
.hm-row select[b-9wqoiydy8f] { padding: 0.35rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; }
.hm-btn[b-9wqoiydy8f] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; color: inherit; }
.hm-btn:disabled[b-9wqoiydy8f] { opacity: 0.6; cursor: default; }
.hm-error[b-9wqoiydy8f] { color: #991b1b; background: #fef2f2; padding: 0.5rem 0.75rem; border-radius: 6px; }
.hm-note[b-9wqoiydy8f] { background: #eef2ff; color: #1e3a8a; padding: 0.5rem 0.75rem; border-radius: 6px; }
.hm-meta[b-9wqoiydy8f] { color: #555; margin: 0 0 0.75rem; }
.hm-grid[b-9wqoiydy8f] { display: grid; gap: 1px; width: 100%; background: #f3f4f6; border: 1px solid #e2e2ea; }
.hm-cell[b-9wqoiydy8f] { min-height: 10px; }
.hm-table[b-9wqoiydy8f] { width: 100%; border-collapse: collapse; }
.hm-table th[b-9wqoiydy8f], .hm-table td[b-9wqoiydy8f] { text-align: left; padding: 0.4rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: middle; }
.hm-bar[b-9wqoiydy8f] { display: block; height: 0.7rem; background: #2563eb; border-radius: 3px; min-width: 1px; }
/* /Pages/SessionReplayIsland.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */
.rp-page[b-dow394r8yk] { max-width: 1200px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.rp-header h1[b-dow394r8yk] { margin: 0 0 0.25rem; }
.rp-sub[b-dow394r8yk] { color: #555; margin: 0 0 1rem; max-width: 52rem; }
.rp-panel[b-dow394r8yk] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; background: #fff; }
.rp-panel[hidden][b-dow394r8yk] { display: none; }
.rp-panel h2[b-dow394r8yk] { margin: 0 0 0.75rem; font-size: 1.15rem; }
.rp-row[b-dow394r8yk] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-bottom: 0.75rem; }
.rp-row input[type="text"][b-dow394r8yk] { min-width: 16rem; padding: 0.35rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; }
.rp-btn[b-dow394r8yk] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; color: inherit; }
.rp-btn:disabled[b-dow394r8yk] { opacity: 0.6; cursor: default; }
.rp-error[b-dow394r8yk] { color: #991b1b; background: #fef2f2; padding: 0.5rem 0.75rem; border-radius: 6px; }
.rp-note[b-dow394r8yk] { background: #eef2ff; color: #1e3a8a; padding: 0.5rem 0.75rem; border-radius: 6px; }
.rp-table[b-dow394r8yk] { width: 100%; border-collapse: collapse; }
.rp-table th[b-dow394r8yk], .rp-table td[b-dow394r8yk] { text-align: left; padding: 0.4rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; }
.rp-player[b-dow394r8yk] { overflow-x: auto; }
/* /Pages/VendorPortalBankDetailsIsland.razor.rz.scp.css */
.vpb-page[b-shxufr4hqb] { max-width: 640px; margin: 0 auto; padding: 24px 16px; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #1f2937; }
.vpb-header h1[b-shxufr4hqb] { font-size: 1.6rem; margin: 8px 0; }
.vpb-back[b-shxufr4hqb] { font-size: 0.9rem; text-decoration: none; color: #0b5cab; }
.vpb-card[b-shxufr4hqb] { background: #fff; border: 1px solid #d1d5db; border-radius: 8px; padding: 16px 20px; margin: 16px 0; }
.vpb-card h2[b-shxufr4hqb] { font-size: 1.15rem; margin-top: 0; }
.vpb-account[b-shxufr4hqb] { padding: 8px 0; border-bottom: 1px solid #eee; }
.vpb-account:last-child[b-shxufr4hqb] { border-bottom: none; }
.vpb-note[b-shxufr4hqb] { font-size: 0.9rem; color: #6b7280; }
.vpb-badge[b-shxufr4hqb] { display: inline-block; margin-top: 4px; padding: 2px 10px; border-radius: 12px; font-size: 0.8rem; font-weight: 600; }
.vpb-badge-ok[b-shxufr4hqb] { background: #dcfce7; color: #166534; }
.vpb-badge-wait[b-shxufr4hqb] { background: #fef3c7; color: #92400e; }
.vpb-alert[b-shxufr4hqb] { border-radius: 8px; padding: 12px 16px; margin: 16px 0; }
.vpb-alert ul[b-shxufr4hqb] { margin: 0; padding-left: 20px; }
.vpb-alert-ok[b-shxufr4hqb] { background: #dcfce7; border: 1px solid #86efac; }
.vpb-alert-error[b-shxufr4hqb] { background: #fee2e2; border: 1px solid #fca5a5; }
label[b-shxufr4hqb] { display: block; margin: 12px 0 4px; font-weight: 600; font-size: 0.9rem; }
input[type="text"][b-shxufr4hqb], input[type="password"][b-shxufr4hqb], select[b-shxufr4hqb] { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #9ca3af; border-radius: 6px; font-size: 1rem; }
.vpb-submit[b-shxufr4hqb] { margin-top: 20px; padding: 10px 20px; background: #0b5cab; color: #fff; border: none; border-radius: 6px; font-size: 1rem; cursor: pointer; }
.vpb-secondary[b-shxufr4hqb] { margin: 4px 0 8px; padding: 6px 14px; background: #fff; color: #0b5cab; border: 1px solid #0b5cab; border-radius: 6px; font-size: 0.9rem; cursor: pointer; }
.vpb-secondary:disabled[b-shxufr4hqb] { opacity: 0.6; cursor: default; }
.vpb-submit:disabled[b-shxufr4hqb] { opacity: 0.6; cursor: default; }
/* /Pages/VendorPortalHelpIsland.razor.rz.scp.css */
.vph-page[b-l3nt0hzeuh] { max-width: 640px; margin: 0 auto; padding: 24px 16px; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #1f2937; }
.vph-header h1[b-l3nt0hzeuh] { font-size: 1.6rem; margin: 8px 0; }
.vph-back[b-l3nt0hzeuh] { font-size: 0.9rem; text-decoration: none; color: #0b5cab; }
.vph-card[b-l3nt0hzeuh] { background: #fff; border: 1px solid #d1d5db; border-radius: 8px; padding: 16px 20px; margin: 16px 0; }
.vph-card h2[b-l3nt0hzeuh] { font-size: 1.15rem; margin-top: 0; }
.vph-card ul[b-l3nt0hzeuh] { margin: 0; padding-left: 20px; }
.vph-card li[b-l3nt0hzeuh] { margin: 6px 0; }
/* /Pages/WorkBoardIsland.razor.rz.scp.css */
/* #48243 — optimistic-UI states must be visually distinct at a glance, not distinguishable
only by reading small text. */
.work-board-row[b-eup4krxrr2] {
border-radius: 4px;
border: 1px solid transparent;
}
.work-board-row-pending[b-eup4krxrr2] {
background-color: rgba(128, 128, 128, 0.12);
}
.work-board-row-discrepancy[b-eup4krxrr2] {
border-color: var(--mud-palette-error);
background-color: rgba(var(--mud-palette-error-rgb), 0.08);
}
/* /Shared/BuildVersionWatcher.razor.rz.scp.css */
/* Plain-mode reload banner (#72757). Only rendered when Plain="true"; IslandShell keeps the MudBlazor snackbar. */
.bvw-plain[b-e4pcv8uedn] {
position: fixed;
right: 16px;
bottom: 16px;
z-index: 1000;
display: flex;
align-items: center;
gap: 12px;
max-width: 480px;
padding: 12px 16px;
border-radius: 6px;
background: #323232;
color: #fff;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
font-size: 0.875rem;
}
.bvw-plain__action[b-e4pcv8uedn],
.bvw-plain__close[b-e4pcv8uedn] {
border: 0;
background: transparent;
color: inherit;
cursor: pointer;
font: inherit;
}
.bvw-plain__action[b-e4pcv8uedn] {
font-weight: 600;
text-transform: uppercase;
}
.bvw-plain__close[b-e4pcv8uedn] {
font-size: 1.25rem;
line-height: 1;
}
/* /Shared/SchoolPortalEdRepAlertsBanner.razor.rz.scp.css */
.edrep-alerts[b-79y08n9r0y] { margin: 0 0 1rem; padding: 0.75rem 1rem; border: 1px solid #c9d6e8; border-left: 4px solid #1b4f9c; background: #f4f8fd; border-radius: 4px; }
.edrep-alerts__title[b-79y08n9r0y] { margin: 0 0 0.5rem; font-size: 1rem; }
.edrep-alerts__list[b-79y08n9r0y] { margin: 0; padding: 0; list-style: none; }
.edrep-alerts__item[b-79y08n9r0y] { display: flex; gap: 0.75rem; justify-content: space-between; align-items: flex-start; padding: 0.4rem 0; }
.edrep-alerts__item + .edrep-alerts__item[b-79y08n9r0y] { border-top: 1px solid #dfe7f2; }
.edrep-alerts__text[b-79y08n9r0y] { display: flex; flex-direction: column; gap: 0.15rem; }
.edrep-alerts__dismiss[b-79y08n9r0y] { flex: none; padding: 0.25rem 0.6rem; border: 1px solid #1b4f9c; background: #fff; color: #1b4f9c; border-radius: 3px; cursor: pointer; }
.edrep-alerts__dismiss:disabled[b-79y08n9r0y] { opacity: 0.6; cursor: default; }
.edrep-alerts__failed[b-79y08n9r0y] { margin: 0 0 1rem; color: #5a5a5a; }
/* /Shared/SchoolPortalEdRepShell.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule). Brook Mays blue #0047AB, matching the School Portal login. */
.edrep-portal[b-0pr25ecae2] { min-height: 100vh; background: #f4f6fb; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; }
.edrep-portal__header[b-0pr25ecae2] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1.5rem; background: #0047AB; color: #fff; padding: 0.75rem 1.25rem; }
.edrep-portal__brand[b-0pr25ecae2] { display: flex; align-items: baseline; gap: 0.6rem; }
.edrep-portal__logo[b-0pr25ecae2] { font-weight: 700; font-size: 1.1rem; letter-spacing: 0.01em; }
.edrep-portal__product[b-0pr25ecae2] { font-size: 0.85rem; background: rgba(255, 255, 255, 0.18); padding: 0.1rem 0.5rem; border-radius: 999px; }
.edrep-portal__nav[b-0pr25ecae2] { display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; }
.edrep-portal__navlink[b-0pr25ecae2] { color: #fff; text-decoration: none; padding: 0.35rem 0.75rem; border-radius: 6px; }
.edrep-portal__navlink:hover[b-0pr25ecae2], .edrep-portal__navlink:focus-visible[b-0pr25ecae2] { background: rgba(255, 255, 255, 0.2); outline: none; }
.edrep-portal__navlink--active[b-0pr25ecae2] { background: rgba(255, 255, 255, 0.28); font-weight: 600; }
.edrep-portal__main[b-0pr25ecae2] { max-width: 56rem; margin: 0 auto; padding: 1.25rem; }
.edrep-portal__notice[b-0pr25ecae2] { background: #fff; border: 1px solid #dfe3ee; border-radius: 10px; padding: 1.5rem; }
.edrep-portal__notice h1[b-0pr25ecae2] { margin: 0 0 0.5rem; font-size: 1.35rem; }
.edrep-portal__button[b-0pr25ecae2] { display: inline-block; background: #0047AB; color: #fff; text-decoration: none; padding: 0.5rem 1.1rem; border-radius: 6px; }
.edrep-portal__button:hover[b-0pr25ecae2], .edrep-portal__button:focus-visible[b-0pr25ecae2] { background: #00337D; }
/* /Shared/StudioStaffPicksPanel.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped by Blazor CSS isolation. */
.studio-picks[b-m1b9q3lj0r] { padding: 0.5rem 1rem; max-width: 44rem; }
.studio-picks h3[b-m1b9q3lj0r] { margin: 0 0 0.25rem; }
.studio-picks__toggle[b-m1b9q3lj0r] { display: flex; gap: 0.5rem; align-items: center; margin: 0.75rem 0; font-weight: 600; }
.studio-picks__list[b-m1b9q3lj0r] { list-style: none; margin: 0.5rem 0 0; padding: 0; }
.studio-picks__item[b-m1b9q3lj0r] { display: flex; justify-content: space-between; gap: 1rem; padding: 0.4rem 0.6rem; border-bottom: 1px solid #ececf2; }
.studio-picks__badge[b-m1b9q3lj0r] { font-size: 0.85rem; color: #065f46; }
.studio-picks__item--vetoed .studio-picks__badge[b-m1b9q3lj0r] { color: #991b1b; }
.studio-picks__item--withdrawn .studio-picks__badge[b-m1b9q3lj0r] { color: #666; }
.studio-picks__message[b-m1b9q3lj0r] { color: #1e3a8a; }
.studio-picks__warn[b-m1b9q3lj0r] { color: #92400e; }
.studio-picks__error[b-m1b9q3lj0r] { color: #991b1b; }
.studio-picks__link[b-m1b9q3lj0r] { background: none; border: none; color: #1d4ed8; cursor: pointer; text-decoration: underline; padding: 0; }
/* /Shared/StudioSuggestionsPanel.razor.rz.scp.css */
/* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped by Blazor CSS isolation. */
.studio-cards[b-9mighncjqp] { display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); padding: 0.5rem; }
.studio-card[b-9mighncjqp] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 0.75rem 1rem; background: #fafafe; }
.studio-card h3[b-9mighncjqp] { margin: 0 0 0.25rem; font-size: 1rem; }
.studio-card p[b-9mighncjqp] { margin: 0 0 0.5rem; color: #444; }
.studio-card ul[b-9mighncjqp] { margin: 0; padding-left: 1.1rem; }
.studio-card li[b-9mighncjqp] { margin-bottom: 0.25rem; }
.studio-card__sku[b-9mighncjqp] { margin-left: 0.4rem; color: #777; font-size: 0.8rem; }
.studio-card__note[b-9mighncjqp] { margin-left: 0.4rem; color: #92400e; font-size: 0.85rem; }
.studio-card--no-data[b-9mighncjqp] { background: #f7f7f9; color: #555; }
.studio-card--unavailable[b-9mighncjqp] { background: #fffbeb; border-color: #fcd34d; }
.studio-cards__error[b-9mighncjqp] { color: #991b1b; }
.studio-cards__link[b-9mighncjqp] { background: none; border: none; color: #1d4ed8; cursor: pointer; text-decoration: underline; padding: 0; }