@import '_content/BM.Components/BM.Components.r8dt4iyo2c.bundle.scp.css'; /* /Components/CallPop.razor.rz.scp.css */ .callpop[b-5e34jtxrae] { position: fixed; top: 72px; right: 16px; z-index: 9999; width: 340px; background: #fff; color: #1b1b1b; border-radius: 6px; border-top: 3px solid #1565c0; box-shadow: 0 6px 20px rgba(0,0,0,.28); font-size: .9rem; } .callpop-head[b-5e34jtxrae] { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px 6px; } .callpop-x[b-5e34jtxrae] { background: none; border: 0; font-size: 1.3rem; line-height: 1; cursor: pointer; } .callpop-body[b-5e34jtxrae] { padding: 4px 12px 10px; } .callpop-name[b-5e34jtxrae] { font-weight: 600; font-size: 1.05rem; } .callpop-detail[b-5e34jtxrae] { color: #555; } .callpop-notice[b-5e34jtxrae] { margin: 6px 0 0; color: #7a4b00; } .callpop-actions[b-5e34jtxrae] { display: flex; gap: 8px; justify-content: flex-end; padding: 8px 12px 12px; border-top: 1px solid #e5e5e5; } .callpop-actions button[b-5e34jtxrae] { padding: 6px 12px; border: 1px solid #bbb; background: #f6f6f6; border-radius: 4px; cursor: pointer; } .callpop-actions .callpop-open[b-5e34jtxrae] { background: #1565c0; border-color: #1565c0; color: #fff; } /* /Components/Grid/BsDataGrid.razor.rz.scp.css */ /* Plain CSS, no MudBlazor (#69081). Look follows BMDataGrid: sticky grey header, zebra rows, hover highlight, compact density. */ .bs-grid[b-w216d2m66i] { font-size: 0.85rem; color: #1a1a2e; } .bs-bar[b-w216d2m66i], .bs-pager[b-w216d2m66i] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: end; margin: 0.5rem 0; } .bs-search[b-w216d2m66i] { display: flex; flex-direction: column; gap: 0.2rem; } .bs-search input[b-w216d2m66i], .bs-pager select[b-w216d2m66i], .bs-filters input[b-w216d2m66i], .bs-filters select[b-w216d2m66i] { font: inherit; padding: 0.2rem 0.4rem; border: 1px solid #c9c9d6; border-radius: 4px; } .bs-search input[b-w216d2m66i] { min-width: 16rem; } .bs-count[b-w216d2m66i] { color: #666; margin-left: auto; } .bs-btn[b-w216d2m66i] { border: 1px solid #c9c9d6; background: #fff; border-radius: 6px; padding: 0.3rem 0.7rem; cursor: pointer; font: inherit; } .bs-btn:disabled[b-w216d2m66i] { opacity: 0.45; cursor: default; } .bs-btn:focus-visible[b-w216d2m66i], .bs-sort:focus-visible[b-w216d2m66i], .bs-grid input:focus-visible[b-w216d2m66i], .bs-grid select:focus-visible[b-w216d2m66i] { outline: 3px solid #2563eb; outline-offset: 2px; } .bs-scroll[b-w216d2m66i] { overflow: auto; max-height: 70vh; border: 1px solid #e2e2ea; } .bs-table[b-w216d2m66i] { width: 100%; border-collapse: collapse; } .bs-table th[b-w216d2m66i], .bs-table td[b-w216d2m66i] { text-align: left; padding: 0.3rem 0.5rem; border-bottom: 1px solid #e2e2ea; vertical-align: top; white-space: nowrap; } .bs-table thead th[b-w216d2m66i] { position: sticky; top: 0; z-index: 2; background: #f6f6fa; font-weight: 600; } .bs-table thead tr.bs-filters th[b-w216d2m66i] { top: 2.1rem; z-index: 1; font-weight: 400; padding-top: 0.2rem; padding-bottom: 0.2rem; } .bs-table tbody tr:nth-child(even)[b-w216d2m66i] { background: #fafafc; } .bs-table tbody tr:hover[b-w216d2m66i] { background: #eef2ff; } .bs-table tbody th[b-w216d2m66i] { font-weight: 600; } .bs-num[b-w216d2m66i] { text-align: right !important; font-variant-numeric: tabular-nums; } .bs-sort[b-w216d2m66i] { all: unset; cursor: pointer; font-weight: 600; } .bs-filters input[b-w216d2m66i] { width: 100%; box-sizing: border-box; min-width: 4rem; } .bs-filters input.bs-minmax[b-w216d2m66i] { width: 3.6rem; min-width: 0; margin-left: 0.15rem; } .bs-empty[b-w216d2m66i] { text-align: center !important; color: #666; padding: 1rem !important; } .bs-sr[b-w216d2m66i] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } /* /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/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-orange-bg: #ffe6cf; /* "Fix in progress" (#72755): stuck, but someone is on it */ --ovp-orange-ink: #7a3400; --ovp-orange-line: #e8791a; --ovp-info-bg: #e3effa; --ovp-info-ink: #0b4f86; --ovp-ok-bg: #dcf1e5; --ovp-ok-ink: #11643d; /* Pipeline state colors (#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-orange-bg: #e8791a; --st-orange-ink: #2b1300; /* E60: the banner when square 2 or 3 has rows */ --st-green-bg: #14713f; --st-green-ink: #ffffff; --st-grey-bg: #59656a; --st-grey-ink: #ffffff; min-height: calc(100vh - 48px); max-width: 100%; overflow-x: clip; 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-orange-bg: #4a2a12; --ovp-orange-ink: #ffc896; --ovp-orange-line: #e8791a; --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-orange-bg: #d96a0c; --st-orange-ink: #1f0e00; --st-green-bg: #1b7a49; --st-grey-bg: #4d585c; } /* E53: the content is full width (no centred column). Side padding is 16 px on phones and 24 px from tablet width up. Wide content scrolls inside its own container; the page itself never scrolls sideways. */ .ovs-main[b-7ypb9xo5gb] { padding: 16px; width: 100%; min-width: 0; } @media (min-width: 768px) { .ovs-main[b-7ypb9xo5gb] { padding: 16px 24px; } } /* /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-spinner[b-sf06gdyqa4] { display: inline-block; width: 0.8em; height: 0.8em; margin-right: 0.4em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: -0.1em; animation: ovs-spin-b-sf06gdyqa4 0.9s linear infinite; } @keyframes ovs-spin-b-sf06gdyqa4 { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .ovs-spinner[b-sf06gdyqa4] { animation-duration: 3s; } } .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; } /* #76637 executive view: any page other than the overview. */ .ovs-notexec[b-sf06gdyqa4] { padding: 1rem; } /* /Overseer/Views/OverseerApprovalsPanel.razor.rz.scp.css */ /* Scoped styles for Waiting for approval (#76640, mockup v10). Colors come from the --ovs-* and --ovp-* properties the frame sets, so dark mode swaps in one place. */ .ova-stub[b-6uuovd752o] { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; padding: 16px; } .ova-stub h2[b-6uuovd752o] { margin: 0; font-size: 16px; } .ova-stub p[b-6uuovd752o] { margin: 0; color: var(--ovs-muted); } .ovp-card div.ova-note[b-6uuovd752o] { padding: 14px 16px; } .ova-card > header h3[b-6uuovd752o] { margin: 0; font-size: 15px; overflow-wrap: anywhere; min-width: 0; } .ova-num[b-6uuovd752o] { font-size: 12px; font-variant-numeric: tabular-nums; } .ova-grid[b-6uuovd752o] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 14px 18px; padding: 14px 16px; } .ova-facts[b-6uuovd752o] { margin: 0; display: flex; flex-direction: column; gap: 10px; font-size: 13px; min-width: 0; } .ova-facts > div[b-6uuovd752o] { display: flex; flex-direction: column; gap: 3px; align-items: flex-start; min-width: 0; } .ova-facts dt[b-6uuovd752o] { font-size: 11px; font-weight: 700; color: var(--ovs-muted); text-transform: uppercase; letter-spacing: .04em; } .ova-facts dd[b-6uuovd752o] { margin: 0; overflow-wrap: anywhere; min-width: 0; } .ova-facts dd .ova-wrap[b-6uuovd752o] { white-space: normal; text-align: left; border-radius: 8px; display: inline-block; max-width: 100%; } .ova-seeh[b-6uuovd752o] { font-size: 12px; font-weight: 700; color: var(--ovs-muted); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 6px; } .ova-see[b-6uuovd752o] { min-width: 0; } .ova-preview[b-6uuovd752o] { background: var(--ovs-panel); border: 1px solid var(--ovs-line); border-radius: 6px; padding: 12px; font-size: 13px; display: flex; flex-direction: column; gap: 6px; min-width: 0; } .ova-preview .t[b-6uuovd752o] { font-weight: 700; font-size: 14px; overflow-wrap: anywhere; } .ova-preview .d[b-6uuovd752o] { color: var(--ovs-muted); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 240px; overflow: auto; } .ova-preview .by[b-6uuovd752o] { color: var(--ovs-muted); font-size: 12px; } .ova-labels[b-6uuovd752o] { display: flex; gap: 4px; flex-wrap: wrap; } .ova-labels span[b-6uuovd752o] { font-size: 11px; border: 1px solid var(--ovs-line); border-radius: 10px; padding: 1px 7px; overflow-wrap: anywhere; } .ova-actions[b-6uuovd752o] { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; padding: 0 16px 14px; } .ova-btn[b-6uuovd752o] { display: inline-flex; align-items: center; border: 1px solid var(--ovs-line); background: var(--ovs-panel); color: var(--ovs-text); border-radius: 6px; padding: 8px 14px; font-weight: 600; font-size: 13px; text-decoration: none; } .ova-btn:hover[b-6uuovd752o] { background: var(--ovp-soft); text-decoration: none; } .ova-btn.primary[b-6uuovd752o] { background: var(--ovs-band); border-color: var(--ovs-band); color: #fff; } .ova-btn.primary:hover[b-6uuovd752o] { text-decoration: none; filter: brightness(1.08); } .ova-btn:focus-visible[b-6uuovd752o] { outline: 2px solid var(--ovp-focus); outline-offset: 2px; } @media (max-width: 760px) { .ova-grid[b-6uuovd752o] { grid-template-columns: minmax(0, 1fr); } } /* /Overseer/Views/OverseerBreakerCard.razor.rz.scp.css */ /* Overseer Pipeline page "Ellington circuit breaker stopped" card (#82540). Plain CSS, no MudBlazor (#69081). The card sits inside the .ovpl page root, which already styles .ovpl-card, .ovpl-pill, .ovpl-hint and .ovpl-muted; only the card's own pieces are here. A state always has words beside its colour (the "Stopped" pill), and every row wraps so nothing forces a sideways scroll on a phone. */ .ovbk[b-8g94vk061z] { padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; min-width: 0; border-left: 4px solid var(--st-red-bg, #c0392b); } .ovbk-head[b-8g94vk061z] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .ovbk-head h2[b-8g94vk061z] { margin: 0; font-size: 1rem; overflow-wrap: anywhere; } .ovbk-kv[b-8g94vk061z] { margin: 0; display: grid; gap: 4px; } .ovbk-kv > div[b-8g94vk061z] { display: flex; gap: 10px; flex-wrap: wrap; } .ovbk-kv dt[b-8g94vk061z] { font-weight: 600; min-width: 11rem; } .ovbk-kv dd[b-8g94vk061z] { margin: 0; overflow-wrap: anywhere; } .ovbk-sub[b-8g94vk061z] { font-weight: 600; margin-top: 6px; } .ovbk-list[b-8g94vk061z] { margin: 0; padding-left: 1.2rem; display: grid; gap: 2px; overflow-wrap: anywhere; } .ovbk-text[b-8g94vk061z] { overflow-wrap: anywhere; } .ovbk-bad[b-8g94vk061z] { color: var(--ovp-crit-ink, #c0392b); } .ovbk-actions[b-8g94vk061z] { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 6px; } .ovbk-act[b-8g94vk061z] { display: inline-flex; gap: 6px; align-items: center; flex-wrap: wrap; } /* /Overseer/Views/OverseerCheckPanel.razor.rz.scp.css */ /* Overseer check drill-down (#77205). Plain CSS, no MudBlazor (#69081). Uses the frame's --ovs-* / --ovp-* custom properties. Phone width (400 px): rows stack and nothing forces a sideways scroll. */ .ovck[b-od0nmf80m3] { display: flex; flex-direction: column; gap: 16px; width: 100%; min-width: 0; font-size: 14px; line-height: 1.45; color: var(--ovs-text); } .ovck[b-od0nmf80m3] * { box-sizing: border-box; } .ovck[b-od0nmf80m3] a { color: var(--ovs-link); text-decoration: none; overflow-wrap: anywhere; } .ovck[b-od0nmf80m3] a:hover { text-decoration: underline; } .ovck[b-od0nmf80m3] :focus-visible { outline: 2px solid var(--ovp-focus); outline-offset: 2px; } .ovck[b-od0nmf80m3] .ovck-crumbs { font-size: 13px; color: var(--ovs-muted); display: flex; gap: 6px; flex-wrap: wrap; } .ovck[b-od0nmf80m3] .ovck-card { background: var(--ovs-panel); border: 1px solid var(--ovs-line); border-radius: 8px; padding: 12px 16px; min-width: 0; overflow: hidden; } .ovck[b-od0nmf80m3] .ovck-card h1 { margin: 0 0 6px; font-size: 20px; } .ovck[b-od0nmf80m3] .ovck-card h2 { margin: 0; font-size: 16px; } .ovck[b-od0nmf80m3] .ovck-card p { margin: 4px 0; } .ovck[b-od0nmf80m3] .ovck-card > header { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; padding-bottom: 8px; border-bottom: 1px solid var(--ovs-line); } .ovck[b-od0nmf80m3] .ovck-muted { color: var(--ovs-muted); font-size: 13px; } .ovck[b-od0nmf80m3] .ovck-empty { color: var(--ovs-muted); padding: 10px 0; } .ovck[b-od0nmf80m3] .ovck-warn { background: var(--ovp-warn-bg); color: var(--ovp-warn-ink); border-radius: 6px; padding: 4px 8px; display: inline-block; } .ovck[b-od0nmf80m3] .ovck-gh { margin-left: 8px; font-weight: 600; } .ovck[b-od0nmf80m3] .ovck-pill { display: inline-block; font-size: 12px; font-weight: 600; border-radius: 11px; padding: 2px 9px; background: var(--ovp-soft); color: var(--ovs-text); } .ovck[b-od0nmf80m3] .ovck-sort { margin-left: auto; display: flex; gap: 6px; flex-wrap: wrap; align-items: center; font-size: 13px; color: var(--ovs-muted); } .ovck[b-od0nmf80m3] .ovck-sortbtn, .ovck[b-od0nmf80m3] .ovck-btn { border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 6px; padding: 4px 10px; min-height: 32px; cursor: pointer; font: inherit; color: inherit; } .ovck[b-od0nmf80m3] .ovck-sortbtn.on { background: var(--ovp-soft); font-weight: 600; } .ovck[b-od0nmf80m3] .ovck-item { display: grid; grid-template-columns: 130px minmax(0, 2fr) minmax(0, 3fr) auto; gap: 4px 12px; align-items: start; padding: 8px 0; border-bottom: 1px solid var(--ovs-line); } .ovck[b-od0nmf80m3] .ovck-item .t { min-width: 0; overflow-wrap: anywhere; font-weight: 600; } .ovck[b-od0nmf80m3] .ovck-item .s, .ovck[b-od0nmf80m3] .ovck-item .m { color: var(--ovs-muted); font-size: 12px; display: flex; flex-wrap: wrap; gap: 2px 12px; min-width: 0; } .ovck[b-od0nmf80m3] .ovck-item .l { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 4px; } .ovck[b-od0nmf80m3] .ovck-mark { font-size: 12px; font-weight: 700; border-radius: 11px; padding: 2px 9px; text-align: center; white-space: nowrap; } .ovck[b-od0nmf80m3] .ovck-mark.breaks { background: var(--ovp-crit-bg, var(--ovp-warn-bg)); color: var(--ovp-crit-ink, var(--ovp-warn-ink)); } .ovck[b-od0nmf80m3] .ovck-mark.meets { background: var(--ovp-ok-bg); color: var(--ovp-ok-ink); } @media (max-width: 640px) { .ovck[b-od0nmf80m3] .ovck-item { grid-template-columns: minmax(0, 1fr); } .ovck[b-od0nmf80m3] .ovck-item .l { grid-column: 1; } .ovck[b-od0nmf80m3] .ovck-mark { justify-self: start; } .ovck[b-od0nmf80m3] .ovck-sort { margin-left: 0; } } .ovck[b-od0nmf80m3] .ovck-pill.ovck-fixing { background: var(--ovp-orange-bg); color: var(--ovp-orange-ink); } /* /Overseer/Views/OverseerCueSheetPanel.razor.rz.scp.css */ /* Scoped styles for the Cue Sheet (#79297, mockup v12 tab 1). Own ovc-* classes under .ovc-card so the shell's .ove ::deep rules cannot win; checked at 400 px: every flex row wraps and every cell can shrink. */ .ovc-card .ovc-chips[b-fcbb44t85k] { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 16px 0; } .ovc-card .ovc-chip[b-fcbb44t85k] { border: 1px solid var(--ovs-line); background: var(--ovs-panel); color: var(--ovs-text); border-radius: 16px; padding: 5px 12px; font-size: 13px; cursor: pointer; max-width: 100%; } .ovc-card .ovc-chip[aria-pressed="true"][b-fcbb44t85k] { background: var(--ovs-band); border-color: var(--ovs-band); color: #fff; } .ovc-card .ovc-chip:focus-visible[b-fcbb44t85k] { outline: 2px solid var(--ovp-focus); outline-offset: 2px; } .ovc-card .ovc-tools[b-fcbb44t85k] { display: flex; flex-wrap: wrap; gap: 8px 14px; padding: 10px 16px 12px; align-items: center; min-width: 0; } .ovc-card .ovc-field[b-fcbb44t85k] { display: flex; flex-wrap: nowrap; gap: 6px; align-items: center; font-size: 13px; min-width: 0; max-width: 100%; } .ovc-card .ovc-label[b-fcbb44t85k] { flex: 0 0 auto; } .ovc-card .ovc-field select[b-fcbb44t85k] { flex: 1 1 auto; max-width: 100%; min-width: 0; } .ovc-card .ovc-gh[b-fcbb44t85k] { margin: 0; font-size: 15px; overflow-wrap: anywhere; min-width: 0; } .ovc-card .ovc-row[b-fcbb44t85k] { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 9px 16px; border-bottom: 1px solid var(--ovs-line); align-items: baseline; min-width: 0; } .ovc-card .ovc-title[b-fcbb44t85k] { flex: 1 1 14rem; min-width: 0; overflow-wrap: anywhere; font-weight: 600; } .ovc-card .ovc-time[b-fcbb44t85k] { font-size: 12px; color: var(--ovs-muted); font-variant-numeric: tabular-nums; min-width: 0; overflow-wrap: anywhere; } .ovc-card .ovc-time.ovc-over[b-fcbb44t85k] { color: #b42318; font-weight: 700; } .ovc-card .ovc-meta[b-fcbb44t85k] { flex: 1 0 100%; display: flex; flex-wrap: wrap; gap: 4px 8px; font-size: 12px; color: var(--ovs-muted); align-items: center; min-width: 0; overflow-wrap: anywhere; } .ovc-card .ovc-pager[b-fcbb44t85k] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; padding: 10px 16px; font-size: 13px; } .ovc-card .ovc-pager button[b-fcbb44t85k] { border: 1px solid var(--ovs-line); background: var(--ovs-panel); color: var(--ovs-text); border-radius: 6px; padding: 5px 12px; cursor: pointer; } .ovc-card .ovc-pager button:disabled[b-fcbb44t85k] { opacity: .5; cursor: default; } .ovc-card .ovc-search[b-fcbb44t85k] { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 16px 0; min-width: 0; } .ovc-card .ovc-search-box[b-fcbb44t85k] { flex: 1 1 12rem; min-width: 0; max-width: 100%; box-sizing: border-box; padding: 6px 10px; font-size: 14px; border: 1px solid var(--ovs-line); border-radius: 6px; background: var(--ovs-panel); color: var(--ovs-text); } .ovc-card .ovc-search-box:focus-visible[b-fcbb44t85k], .ovc-card .ovc-search-clear:focus-visible[b-fcbb44t85k] { outline: 2px solid var(--ovp-focus); outline-offset: 2px; } .ovc-card .ovc-search-clear[b-fcbb44t85k] { border: 1px solid var(--ovs-line); background: var(--ovs-panel); color: var(--ovs-text); border-radius: 6px; padding: 5px 12px; cursor: pointer; } .ovc-card .ovc-missing[b-fcbb44t85k] { padding: 8px 16px 0; font-size: 13px; overflow-wrap: anywhere; } /* /Overseer/Views/OverseerEpicRowActions.razor.rz.scp.css */ /* Estimate / Set value on a Stage Left epic row (#77108). Colours come from the --ovs-* and --ovp-* custom properties the frame sets. Scoped to this component so it never touches the shared page CSS. Phone width: everything wraps, nothing overflows. */ .oera[b-hnwgx5vusz] { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 6px; margin-top: 6px; min-width: 0; } .oera-btns[b-hnwgx5vusz] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .oera-btn[b-hnwgx5vusz] { border: 1px solid var(--ovs-band, #198754); background: var(--ovs-band, #198754); color: #fff; border-radius: 6px; padding: 3px 10px; font-weight: 600; font-size: 12px; cursor: pointer; white-space: nowrap; } .oera-btn.alt[b-hnwgx5vusz] { background: transparent; color: var(--ovs-band, #198754); } .oera-btn:focus-visible[b-hnwgx5vusz] { outline: 2px solid var(--ovp-focus, #0067b1); outline-offset: 2px; } .oera-btn:disabled[b-hnwgx5vusz] { opacity: .55; cursor: not-allowed; } .oera-spin[b-hnwgx5vusz] { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ovs-muted, #6b6f72); } .oera-spin i[b-hnwgx5vusz] { width: 12px; height: 12px; border: 2px solid var(--ovs-track, #e3e6e8); border-top-color: var(--ovp-bar, #0067b1); border-radius: 50%; animation: oera-turn-b-hnwgx5vusz .8s linear infinite; } @keyframes oera-turn-b-hnwgx5vusz { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .oera-spin i[b-hnwgx5vusz] { animation: none; } } .oera-edit[b-hnwgx5vusz] { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; } .oera-edit label[b-hnwgx5vusz] { display: flex; flex-direction: column; gap: 2px; font-size: 12px; color: var(--ovs-muted, #6b6f72); } .oera-edit input[b-hnwgx5vusz] { font-size: 13px; padding: 3px 6px; min-width: 0; width: 11em; max-width: 100%; } .oera-msg[b-hnwgx5vusz] { font-size: 12px; color: var(--ovs-muted, #6b6f72); overflow-wrap: anywhere; } .oera-msg.bad[b-hnwgx5vusz] { color: var(--ovp-crit-ink, #8a1c17); } /* /Overseer/Views/OverseerEstimate.razor.rz.scp.css */ /* Re-estimate button, progress bar and result panel (#77108). Colors come from the --ovs-* and --ovp-* custom properties the frame sets (OverseerFrame.razor.css), so dark mode swaps in one place. The root is display:contents so the button sits beside the title in a wrapping flex row and the progress bar and panel take the full row below. Phone width: blocks stack, nothing overflows. */ .ore[b-mqmbzc93o1] { display: contents; } .ore-btn[b-mqmbzc93o1] { border: 1px solid var(--ovs-band, #198754); background: var(--ovs-band, #198754); color: #fff; border-radius: 6px; padding: 6px 14px; font-weight: 600; font-size: 13px; cursor: pointer; white-space: nowrap; } .ore-btn:focus-visible[b-mqmbzc93o1] { outline: 2px solid var(--ovp-focus, #0067b1); outline-offset: 2px; } .ore-btn:disabled[b-mqmbzc93o1] { opacity: .55; cursor: not-allowed; } .ore-progress[b-mqmbzc93o1] { flex: 1 1 100%; display: flex; flex-direction: column; gap: 4px; min-width: 0; } .ore-track[b-mqmbzc93o1] { height: 8px; border-radius: 4px; background: var(--ovs-track, #e3e6e8); overflow: hidden; } .ore-fill[b-mqmbzc93o1] { height: 100%; background: var(--ovp-bar, #0067b1); transition: width .4s ease; } .ore-step[b-mqmbzc93o1] { font-size: 12px; color: var(--ovs-muted, #6b6f72); } .ore-alert[b-mqmbzc93o1] { flex: 1 1 100%; padding: 8px 12px; border-radius: 6px; background: var(--ovp-crit-bg, #fde2e1); color: var(--ovp-crit-ink, #8a1c17); font-size: 13px; } .ore-panel[b-mqmbzc93o1] { flex: 1 1 100%; min-width: 0; border: 1px solid var(--ovs-line, #d9dcdd); border-radius: 8px; background: var(--ovp-soft, #eef2f0); color: var(--ovs-text, #1f1f1f); padding: 12px 14px; } .ore-panel header[b-mqmbzc93o1] { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; } .ore-panel h3[b-mqmbzc93o1] { margin: 0; font-size: 15px; } .ore-when[b-mqmbzc93o1] { font-size: 12px; color: var(--ovs-muted, #6b6f72); } .ore-lead[b-mqmbzc93o1] { margin: 4px 0 10px; font-size: 12px; color: var(--ovs-muted, #6b6f72); } .ore-grid[b-mqmbzc93o1] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; } .ore-block[b-mqmbzc93o1] { background: var(--ovs-panel, #fff); border: 1px solid var(--ovs-line, #d9dcdd); border-radius: 6px; padding: 8px 10px; min-width: 0; } .ore-block h4[b-mqmbzc93o1] { margin: 0 0 6px; font-size: 13px; } .ore-block dl[b-mqmbzc93o1] { margin: 0; display: grid; grid-template-columns: max-content 1fr; gap: 3px 10px; font-size: 13px; } .ore-block dt[b-mqmbzc93o1] { color: var(--ovs-muted, #6b6f72); } .ore-block dd[b-mqmbzc93o1] { margin: 0; min-width: 0; overflow-wrap: anywhere; } .ore-block ul[b-mqmbzc93o1] { margin: 0; padding-left: 18px; font-size: 13px; } .ore-sub[b-mqmbzc93o1] { display: block; font-size: 11px; color: var(--ovs-muted, #6b6f72); } .ore-note[b-mqmbzc93o1] { margin: 6px 0 0; font-size: 12px; color: var(--ovs-muted, #6b6f72); overflow-wrap: anywhere; } .ore-write[b-mqmbzc93o1] { margin: 10px 0 0; padding: 6px 10px; border-radius: 6px; font-size: 13px; overflow-wrap: anywhere; } .ore-write.ok[b-mqmbzc93o1] { background: var(--ovp-ok-bg, #dcf1e5); color: var(--ovp-ok-ink, #11643d); } .ore-write.warn[b-mqmbzc93o1] { background: var(--ovp-warn-bg, #fff4d1); color: var(--ovp-warn-ink, #6b5200); } @media (max-width: 480px) { .ore-block dl[b-mqmbzc93o1] { grid-template-columns: 1fr; } .ore-block dt[b-mqmbzc93o1] { font-size: 12px; } } /* /Overseer/Views/OverseerFindBar.razor.rz.scp.css */ /* Find box inside the green data bar (E53). Plain CSS, no MudBlazor (#69081). It sits between the two spacers of the band, so it is centred on a wide screen. On a narrow screen it takes the whole row under the title and the rest of the bar wraps around it. */ .ovs-findbar[b-ixrr7rb5qi] { display: flex; flex: 0 1 560px; min-width: 0; gap: 6px; align-items: center; } .ovs-findbar__input[b-ixrr7rb5qi], .ovs-findbar__type[b-ixrr7rb5qi], .ovs-findbar__go[b-ixrr7rb5qi] { font: inherit; font-size: 0.85rem; min-height: 32px; border-radius: 4px; border: 1px solid #ffffff; background: #ffffff; color: #1f1f1f; padding: 0.2rem 0.5rem; } .ovs-findbar__input[b-ixrr7rb5qi] { flex: 1 1 160px; min-width: 0; } .ovs-findbar__type[b-ixrr7rb5qi] { flex: 0 1 auto; min-width: 0; max-width: 100%; } .ovs-findbar__go[b-ixrr7rb5qi] { flex: 0 0 auto; color: #146c43; font-weight: 600; cursor: pointer; } .ovs-findbar__input:focus-visible[b-ixrr7rb5qi], .ovs-findbar__type:focus-visible[b-ixrr7rb5qi], .ovs-findbar__go:focus-visible[b-ixrr7rb5qi] { outline: 3px solid #ffffff; outline-offset: 2px; } @media (max-width: 760px) { .ovs-findbar[b-ixrr7rb5qi] { flex: 1 1 100%; order: 10; } } /* /Overseer/Views/OverseerHostHealthCard.razor.rz.scp.css */ /* Overseer Pipeline page "Disk space" card (#77120, E53). Plain CSS, no MudBlazor (#69081). The card sits inside the .ovpl page root, which already styles .ovpl-card, .ovpl-pill, .ovpl-hint, .ovpl-note and .ovpl-muted; only the card's own pieces are here. Colours come from the --ovs-*, --ovp-* and --st-* custom properties on the frame, so dark mode swaps in one place. The bar always has words beside it (never colour alone). Phone width: every row wraps or stacks, nothing forces a sideways scroll. */ .ovhh-host[b-68ubrl5oy1] { padding: 14px 16px; border-bottom: 1px solid var(--ovs-line); display: flex; flex-direction: column; gap: 10px; min-width: 0; } .ovhh-host:last-of-type[b-68ubrl5oy1] { border-bottom: 0; } .ovhh-hhead[b-68ubrl5oy1] { display: flex; align-items: center; gap: 6px 12px; flex-wrap: wrap; min-width: 0; } .ovhh-name[b-68ubrl5oy1] { font-size: 16px; } .ovhh-src[b-68ubrl5oy1] { font-size: 12px; color: var(--ovs-link); } .ovhh-bad[b-68ubrl5oy1] { border: 1px solid var(--ovp-crit-ink); background: var(--ovp-crit-bg); color: var(--ovp-crit-ink); border-radius: 6px; padding: 8px 12px; font-size: 13px; overflow-wrap: anywhere; } .ovhh > .ovhh-bad[b-68ubrl5oy1] { margin: 12px 16px; } .ovhh .bad[b-68ubrl5oy1] { color: var(--ovp-crit-ink); font-weight: 600; } .ovhh-disks[b-68ubrl5oy1] { display: flex; flex-direction: column; gap: 8px; } .ovhh-disk[b-68ubrl5oy1] { display: grid; grid-template-columns: 64px minmax(120px, 1fr) minmax(0, 2fr); gap: 4px 12px; align-items: center; min-width: 0; } .ovhh-mount[b-68ubrl5oy1] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 700; } .ovhh-bar[b-68ubrl5oy1] { display: block; height: 14px; border-radius: 7px; background: var(--ovs-track); overflow: hidden; border: 1px solid var(--ovs-line); } .ovhh-fill[b-68ubrl5oy1] { display: block; height: 100%; border-radius: 7px 0 0 7px; background: var(--st-grey-bg); } .ovhh-fill.green[b-68ubrl5oy1] { background: var(--st-green-bg); } .ovhh-fill.amber[b-68ubrl5oy1] { background: var(--st-yellow-bg); } .ovhh-fill.red[b-68ubrl5oy1] { background: var(--st-red-bg); } .ovhh-dtext[b-68ubrl5oy1] { font-size: 13px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; } .ovhh-kv[b-68ubrl5oy1] { display: flex; flex-wrap: wrap; gap: 6px 28px; font-size: 14px; } .ovhh-kv .k[b-68ubrl5oy1] { color: var(--ovs-muted); margin-right: 6px; } .ovhh-kv .v[b-68ubrl5oy1] { font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; } .ovhh-sub[b-68ubrl5oy1] { font-size: 11px; font-weight: 700; color: var(--ovs-muted); text-transform: uppercase; letter-spacing: 0.04em; margin-top: 2px; } .mono[b-68ubrl5oy1] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; overflow-wrap: anywhere; } .ovhh-top[b-68ubrl5oy1] { display: flex; flex-direction: column; border: 1px solid var(--ovs-line); border-radius: 6px; overflow: hidden; } .ovhh-trow[b-68ubrl5oy1] { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 2fr) 90px minmax(0, 1.3fr); gap: 4px 12px; align-items: center; padding: 6px 10px; border-top: 1px solid var(--ovs-line); font-size: 13px; min-width: 0; } .ovhh-trow.head[b-68ubrl5oy1] { border-top: 0; background: var(--ovp-soft); font-size: 11px; font-weight: 700; color: var(--ovs-muted); text-transform: uppercase; letter-spacing: 0.04em; } .ovhh-trow .n[b-68ubrl5oy1] { text-align: right; font-variant-numeric: tabular-nums; } .ovhh-reapers[b-68ubrl5oy1] { display: flex; flex-direction: column; gap: 8px; } .ovhh-reaper[b-68ubrl5oy1] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; min-width: 0; padding: 6px 10px; border: 1px solid var(--ovs-line); border-radius: 6px; } .ovhh-reaper .nm[b-68ubrl5oy1] { font-weight: 700; font-size: 13px; } .ovhh-reaper .ovpl-pill[b-68ubrl5oy1] { white-space: normal; max-width: 100%; border-radius: 12px; } @media (max-width: 640px) { .ovhh-disk[b-68ubrl5oy1] { grid-template-columns: 56px minmax(0, 1fr); } .ovhh-disk .ovhh-dtext[b-68ubrl5oy1] { grid-column: 1 / -1; } .ovhh-trow[b-68ubrl5oy1] { grid-template-columns: minmax(0, 1fr) 80px; } .ovhh-trow.head > :nth-child(2)[b-68ubrl5oy1], .ovhh-trow.head > :nth-child(4)[b-68ubrl5oy1] { display: none; } .ovhh-trow > :nth-child(2)[b-68ubrl5oy1] { grid-column: 1 / -1; grid-row: 2; } .ovhh-trow > :nth-child(4)[b-68ubrl5oy1] { grid-column: 1 / -1; grid-row: 3; } } /* Header (E53): title and subtitle on the left, "Run reaper now" top right, the state line underneath across the full width. */ .ovhh-head[b-68ubrl5oy1] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 16px; min-width: 0; } .ovhh-titles[b-68ubrl5oy1] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 200px; } .ovhh-titles h2[b-68ubrl5oy1] { margin: 0; } .ovhh-details[b-68ubrl5oy1] { border-top: 1px solid var(--ovs-line); padding-top: 8px; } .ovhh-details > summary[b-68ubrl5oy1] { cursor: pointer; font-size: 13px; font-weight: 600; color: var(--ovs-link); } .ovhh-details > summary:focus-visible[b-68ubrl5oy1] { outline: 2px solid var(--ovs-link); outline-offset: 2px; } .ovhh-details[open] > summary[b-68ubrl5oy1] { margin-bottom: 8px; } .ovhh-sum[b-68ubrl5oy1] { flex: 1 1 100%; color: var(--ovs-muted); font-size: 13px; } /* "Run reaper now" (#77126, E53): the button and hint (top right), the state line (full width below), the confirm step. Always words beside the colour; wraps on a phone. */ .ovhh-head[b-68ubrl5oy1] .ovhh-run { display: contents; } .ovhh-head[b-68ubrl5oy1] .ovhh-runctl { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; min-width: 0; max-width: 100%; margin-left: auto; } .ovhh-head[b-68ubrl5oy1] .ovhh-runhint { font-size: 12px; color: var(--ovs-muted); max-width: 320px; text-align: right; } .ovhh-head[b-68ubrl5oy1] .ovhh-runstate { flex: 1 1 100%; order: 3; } .ovhh-head[b-68ubrl5oy1] .ovhh-runmsg { flex: 1 1 100%; order: 4; } .ovhh-head[b-68ubrl5oy1] .ovhh-spin { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--ovs-line); border-top-color: var(--ovs-link); animation: ovhh-spin-b-68ubrl5oy1 0.9s linear infinite; flex: 0 0 auto; } @keyframes ovhh-spin-b-68ubrl5oy1 { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .ovhh-head[b-68ubrl5oy1] .ovhh-spin { animation-duration: 3s; } } @media (max-width: 640px) { .ovhh-head[b-68ubrl5oy1] .ovhh-runctl { align-items: flex-start; margin-left: 0; flex: 1 1 100%; } .ovhh-head[b-68ubrl5oy1] .ovhh-runhint { text-align: left; } } .ovhh[b-68ubrl5oy1] .ovhh-runstate { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; font-size: 13px; overflow-wrap: anywhere; } .ovhh[b-68ubrl5oy1] .ovhh-btn { font: inherit; font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 6px; border: 1px solid var(--ovs-line); background: transparent; color: inherit; cursor: pointer; } .ovhh[b-68ubrl5oy1] .ovhh-btn.go { border-color: var(--ovs-link); color: var(--ovs-link); } .ovhh[b-68ubrl5oy1] .ovhh-btn:disabled { opacity: 0.6; cursor: not-allowed; } .ovhh[b-68ubrl5oy1] .ovhh-btn:focus-visible { outline: 2px solid var(--ovs-link); outline-offset: 2px; } .ovhh[b-68ubrl5oy1] .ovhh-confirm { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; border: 1px solid var(--ovs-line); border-radius: 6px; padding: 10px 12px; max-width: 100%; } .ovhh[b-68ubrl5oy1] .ovhh-confirm p { margin: 0 12px 0 0; font-size: 13px; flex: 1 1 260px; min-width: 0; } .ovhh[b-68ubrl5oy1] .ovhh-runmsg { font-size: 13px; overflow-wrap: anywhere; } .ovhh[b-68ubrl5oy1] .ovhh-runmsg.bad { color: var(--ovp-crit-ink); font-weight: 600; } /* /Overseer/Views/OverseerNoteBox.razor.rz.scp.css */ /* Scoped styles for the note box (#80571). Own ovn-* classes under .ovn-card so the shell's .ove ::deep rules cannot win (bm-memory 1051857); the row wraps and the text box shrinks (400 px). */ .ovn-card[b-34kya8mfqm] { display: flex; flex-direction: column; gap: 8px; padding: 10px 16px; min-width: 0; } .ovn-card .ovn-label[b-34kya8mfqm] { font-weight: 600; font-size: 14px; } .ovn-card .ovn-text[b-34kya8mfqm] { width: 100%; box-sizing: border-box; min-width: 0; font: inherit; font-size: 13px; padding: 6px 8px; border: 1px solid var(--ovs-line); border-radius: 6px; resize: vertical; } .ovn-card .ovn-row[b-34kya8mfqm] { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; min-width: 0; } .ovn-card .ovn-check[b-34kya8mfqm] { display: inline-flex; gap: 6px; align-items: center; font-size: 13px; } .ovn-card .ovn-btn[b-34kya8mfqm] { border: 1px solid var(--ovs-line); background: var(--ovs-panel); color: var(--ovs-text); border-radius: 6px; padding: 6px 14px; font-size: 13px; } .ovn-card .ovn-btn:focus-visible[b-34kya8mfqm], .ovn-card .ovn-text:focus-visible[b-34kya8mfqm] { outline: 2px solid var(--ovp-focus); outline-offset: 2px; } .ovn-card .ovn-hint[b-34kya8mfqm] { font-size: 12px; color: var(--ovs-muted); } .ovn-card .ovn-warn[b-34kya8mfqm] { margin: 0; color: #b42318; font-weight: 600; overflow-wrap: anywhere; } .ovn-card .ovn-ok[b-34kya8mfqm] { margin: 0; overflow-wrap: anywhere; } /* /Overseer/Views/OverseerPageBar.razor.rz.scp.css */ /* #76637 page bar under the green band (mockup v10). Pages that are not built are plain text, not links. */ .ovs-pagebar[b-0otqvksluz] { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; margin: -0.75rem 0 0.75rem; padding: 2px 12px; background: var(--ovs-panel, #ffffff); border-bottom: 1px solid var(--ovs-line, #d9dcdd); } .ovs-pagebar a[b-0otqvksluz], .ovs-pagebar__soon[b-0otqvksluz] { display: inline-flex; gap: 6px; align-items: center; padding: 8px 10px; font-size: 13px; font-weight: 600; border-bottom: 3px solid transparent; } .ovs-pagebar a[b-0otqvksluz] { color: var(--ovs-text, #1f1f1f); text-decoration: none; } .ovs-pagebar a:hover[b-0otqvksluz] { background: var(--ovp-soft, #eef2f0); } .ovs-pagebar a:focus-visible[b-0otqvksluz] { outline: 2px solid var(--ovp-focus, #0067b1); outline-offset: -2px; } .ovs-pagebar a[aria-current="page"][b-0otqvksluz] { border-bottom-color: var(--ovs-band, #198754); color: var(--ovs-band, #198754); } .ovs-pagebar__soon[b-0otqvksluz] { color: var(--ovs-muted, #6b6f72); font-weight: 500; cursor: default; } .ovs-pagebar__spacer[b-0otqvksluz] { flex: 1 1 auto; } .ovs-pagebar__mode[b-0otqvksluz] { font-size: 12px; color: var(--ovs-muted, #6b6f72); } .ovs-pagebar__count[b-0otqvksluz] { font-size: 11px; font-weight: 700; border: 1px solid var(--ovs-line, #d9dcdd); border-radius: 10px; padding: 0 7px; background: var(--ovp-soft, #eef2f0); color: var(--ovs-muted, #6b6f72); } /* #76639 Show automated work switch, at the right end of the bar. Same look as the Show details switch. */ .ovs-pagebar__switch[b-0otqvksluz] { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; font-size: 13px; cursor: pointer; } .ovs-pagebar__switch input[b-0otqvksluz] { position: absolute; opacity: 0; width: 1px; height: 1px; } .ovs-pagebar__trk[b-0otqvksluz] { position: relative; width: 34px; height: 18px; flex: none; border-radius: 9px; background: var(--ovs-track, #c9cdcf); border: 1px solid var(--ovs-line, #d9dcdd); } .ovs-pagebar__trk[b-0otqvksluz]::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--ovs-panel, #ffffff); box-shadow: 0 1px 2px rgba(0, 0, 0, .3); transition: left .15s; } .ovs-pagebar__switch input:checked + .ovs-pagebar__trk[b-0otqvksluz] { background: var(--ovs-band, #198754); border-color: var(--ovs-band, #198754); } .ovs-pagebar__switch input:checked + .ovs-pagebar__trk[b-0otqvksluz]::after { left: 18px; } .ovs-pagebar__switch input:focus-visible + .ovs-pagebar__trk[b-0otqvksluz] { outline: 2px solid var(--ovp-focus, #0067b1); outline-offset: 2px; } .ovs-pagebar__hidden[b-0otqvksluz] { color: var(--ovs-muted, #6b6f72); } @media (prefers-reduced-motion: reduce) { .ovs-pagebar__trk[b-0otqvksluz]::after { transition: none; } } /* /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. Colors 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; width: 100%; min-width: 0; 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.ovp-fixing { background: var(--ovp-orange-bg); color: var(--ovp-orange-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; } /* AI summary line spans the whole row, as on the person page; without this it auto-places into the auto-width second column and squeezes the title and meta into a sliver in the narrow Both view. */ .ove[b-cm1eszqlgh] .ovp-ai { grid-column: 1 / -1; font-size: 13px; display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; min-width: 0; } .ove[b-cm1eszqlgh] .ovp-ai-mark { color: var(--ovs-link); } .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-titlerow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; min-width: 0; } .ove[b-cm1eszqlgh] .ove-titlerow h2 { flex: 1 1 260px; min-width: 0; } .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-kv { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 16px; margin: 0; padding: 10px 16px; font-size: 13px; } .ove[b-cm1eszqlgh] .ove-kv dt { color: var(--ovs-muted); } .ove[b-cm1eszqlgh] .ove-kv dd { margin: 0; font-variant-numeric: tabular-nums; } .ove[b-cm1eszqlgh] .ove-ai, .ove[b-cm1eszqlgh] .ove-hist { padding: 4px 16px 8px; font-size: 13px; } .ove[b-cm1eszqlgh] .ove-ai h3, .ove[b-cm1eszqlgh] .ove-hist h3 { margin: 8px 0 4px; font-size: 13px; } .ove[b-cm1eszqlgh] .ove-ai ul { margin: 4px 0; padding-left: 18px; } .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; } /* v9 main, business-area and group pages (#76339). Same tokens as the person page; every class starts ovb- ("browse"). */ .ove[b-cm1eszqlgh] .ovb-pill-link { text-decoration: none; position: relative; z-index: 1; } .ove[b-cm1eszqlgh] .ovb-pill-link:hover { text-decoration: underline; } /* The pipeline strip carries its own bottom margin; the shell already spaces its children. */ .ove[b-cm1eszqlgh] .ovs-pipe.ovs-pipe { margin: 0; } /* The search box keeps its icon gutter (the shared form-control rule above would otherwise reset the padding). */ .ove[b-cm1eszqlgh] .ovp-search input[type=text] { padding-left: 30px; } /* Paragraph notes sit flush inside a card. */ .ove[b-cm1eszqlgh] p.ovp-ownnote, .ove[b-cm1eszqlgh] p.ovb-note { margin: 0; } /* The view switch is the band green, the Both / Open / Closed switch stays blue (mockup v9). */ .ove[b-cm1eszqlgh] .ovb-viewsw .ovp-seg button[aria-pressed="true"] { background: var(--ovs-band); } /* Workload */ .ove[b-cm1eszqlgh] .ovb-wl { display: flex; flex-direction: column; } .ove[b-cm1eszqlgh] .ovb-wlrow { display: grid; grid-template-columns: 170px minmax(0, 1fr) 230px; gap: 12px; align-items: center; padding: 9px 16px; border-bottom: 1px solid var(--ovs-line); } .ove[b-cm1eszqlgh] .ovb-wlrow:last-child { border-bottom: 0; } .ove[b-cm1eszqlgh] .ovb-who { display: flex; align-items: center; gap: 8px; min-width: 0; font-weight: 600; } .ove[b-cm1eszqlgh] .ovb-who a, .ove[b-cm1eszqlgh] .ovb-who > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ove[b-cm1eszqlgh] .ovb-who small { font-weight: 400; color: var(--ovs-muted); } .ove[b-cm1eszqlgh] .ovb-av { width: 28px; height: 28px; border-radius: 50%; background: var(--ovp-soft); border: 2px solid var(--ovs-band); color: var(--ovs-band); display: grid; place-items: center; font-size: 11px; font-weight: 700; flex: none; } .ove[b-cm1eszqlgh] .ovb-av.bot { border-color: var(--ovs-line); color: var(--ovs-muted); border-style: dashed; } .ove[b-cm1eszqlgh] .ovb-wlbar { height: 10px; border-radius: 5px; background: var(--ovs-track); overflow: hidden; display: flex; } .ove[b-cm1eszqlgh] .ovb-wlbar span { height: 100%; background: var(--ovs-hi); } .ove[b-cm1eszqlgh] .ovb-wln { font-size: 12px; color: var(--ovs-muted); text-align: right; font-variant-numeric: tabular-nums; } .ove[b-cm1eszqlgh] .ovb-wln b { color: var(--ovs-text); } .ove[b-cm1eszqlgh] details.ovb-grp > summary { list-style: none; cursor: pointer; padding: 10px 16px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-weight: 600; font-size: 13px; border-top: 1px solid var(--ovs-line); } .ove[b-cm1eszqlgh] details.ovb-grp > summary::-webkit-details-marker { display: none; } .ove[b-cm1eszqlgh] details.ovb-grp > summary::before { content: "\25B8"; color: var(--ovs-muted); width: 12px; } .ove[b-cm1eszqlgh] details.ovb-grp[open] > summary::before { content: "\25BE"; } .ove[b-cm1eszqlgh] details.ovb-grp > summary .hint { font-weight: 400; color: var(--ovs-muted); } /* Business-area tiles */ .ove[b-cm1eszqlgh] .ovb-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); gap: 12px; padding: 16px; margin: 0; list-style: none; } .ove[b-cm1eszqlgh] .ovb-tile { position: relative; display: flex; flex-direction: column; gap: 8px; text-align: left; background: var(--ovs-panel); border: 1px solid var(--ovs-line); border-radius: 8px; padding: 12px 14px; color: var(--ovs-text); min-width: 0; border-top: 3px solid var(--ovs-band); } .ove[b-cm1eszqlgh] .ovb-tile:hover { background: var(--ovp-soft); } .ove[b-cm1eszqlgh] .ovb-tile.empty0 { border-top-color: var(--ovs-line); } .ove[b-cm1eszqlgh] .ovb-tile h3 { margin: 0; font-size: 14px; line-height: 1.3; } .ove[b-cm1eszqlgh] .ovb-tile h3 a { color: var(--ovs-text); font-weight: 700; } .ove[b-cm1eszqlgh] .ovb-tile h3 a::after { content: ""; position: absolute; inset: 0; border-radius: 8px; } .ove[b-cm1eszqlgh] .ovb-tile h3 a:focus-visible { outline: none; } .ove[b-cm1eszqlgh] .ovb-tile:has(h3 a:focus-visible) { outline: 2px solid var(--ovp-focus); outline-offset: 2px; } .ove[b-cm1eszqlgh] .ovb-nums { font-size: 12px; color: var(--ovs-muted); } .ove[b-cm1eszqlgh] .ovb-chips { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; } .ove[b-cm1eszqlgh] .ovb-chips > a, .ove[b-cm1eszqlgh] .ovb-chips > span { position: relative; z-index: 1; } .ove[b-cm1eszqlgh] .ovb-tv { font-size: 12px; color: var(--ovs-muted); display: flex; gap: 6px; align-items: center; flex-wrap: wrap; } .ove[b-cm1eszqlgh] .ovb-tv b { color: var(--ovp-ok-ink); } .ove[b-cm1eszqlgh] .ovb-prog { display: flex; align-items: center; gap: 8px; min-width: 0; } .ove[b-cm1eszqlgh] .ovb-track { flex: 1; height: 7px; border-radius: 4px; background: var(--ovs-track); overflow: hidden; min-width: 60px; } .ove[b-cm1eszqlgh] .ovb-fill { height: 100%; background: var(--ovs-hi); } .ove[b-cm1eszqlgh] .ovb-xword { align-self: flex-start; font-size: 13px; padding: 3px 10px; } /* Area status word (#76637): the top edge repeats the word's tone, but the word and its icon are the signal. */ .ove[b-cm1eszqlgh] .ovb-tile[data-status="Stalled"] { border-top-color: var(--ovp-crit-ink); } .ove[b-cm1eszqlgh] .ovb-tile[data-status="Needs attention"] { border-top-color: var(--ovp-warn-ink); } .ove[b-cm1eszqlgh] .ovb-tile[data-status="On track"] { border-top-color: var(--ovp-ok-ink); } .ove[b-cm1eszqlgh] .ovb-tile[data-status="Nothing filed"] { border-top-color: var(--ovs-line); } .ove[b-cm1eszqlgh] .ovb-tile.still { border-top-width: 4px; cursor: default; } .ove[b-cm1eszqlgh] .ovb-tile.still:hover { background: var(--ovs-panel); } /* Executive overview (#76637) */ .ove[b-cm1eszqlgh] .ovx-head { padding: 16px 18px; } .ove[b-cm1eszqlgh] .ovx-head .headline { margin: 0; font-size: 20px; line-height: 1.35; text-wrap: balance; } .ove[b-cm1eszqlgh] .ovx-head .sub { margin: 6px 0 0; font-size: 13px; color: var(--ovs-muted); } .ove[b-cm1eszqlgh] .ovx-switch { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; cursor: pointer; } .ove[b-cm1eszqlgh] .ovx-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; } .ove[b-cm1eszqlgh] .ovx-trk { position: relative; width: 34px; height: 18px; border-radius: 9px; background: var(--ovs-track); border: 1px solid var(--ovs-line); flex: none; } .ove[b-cm1eszqlgh] .ovx-trk::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--ovs-panel); box-shadow: 0 1px 2px rgba(0, 0, 0, .3); transition: left .15s; } .ove[b-cm1eszqlgh] .ovx-switch input:checked + .ovx-trk { background: var(--ovs-band); border-color: var(--ovs-band); } .ove[b-cm1eszqlgh] .ovx-switch input:checked + .ovx-trk::after { left: 18px; } .ove[b-cm1eszqlgh] .ovx-switch input:focus-visible + .ovx-trk { outline: 2px solid var(--ovp-focus); outline-offset: 2px; } .ove[b-cm1eszqlgh] .ovx-who { font-weight: 700; } .ove[b-cm1eszqlgh] .ovx-extlink { white-space: nowrap; } .ove[b-cm1eszqlgh] .ovx-all { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; padding: 10px 16px; font-size: 13px; color: var(--ovs-muted); } .ove[b-cm1eszqlgh] .ovx-r { align-items: start; } .ove[b-cm1eszqlgh] .ovx-r .ovx-tt { grid-column: 1; overflow-wrap: anywhere; } @media (prefers-reduced-motion: reduce) { .ove[b-cm1eszqlgh] .ovx-trk::after { transition: none; } } /* Collapsible cards (Sessions, Unplaced) */ .ove[b-cm1eszqlgh] details.ovp-card > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 16px; } .ove[b-cm1eszqlgh] details.ovp-card > summary::-webkit-details-marker { display: none; } .ove[b-cm1eszqlgh] details.ovp-card > summary::before { content: "\25B8"; color: var(--ovs-muted); } .ove[b-cm1eszqlgh] details.ovp-card[open] > summary::before { content: "\25BE"; } .ove[b-cm1eszqlgh] details.ovp-card[open] > summary { border-bottom: 1px solid var(--ovs-line); } .ove[b-cm1eszqlgh] details.ovp-card > summary h2 { margin: 0; font-size: 16px; } .ove[b-cm1eszqlgh] details.ovp-card > summary .hint { color: var(--ovs-muted); font-size: 13px; } .ove[b-cm1eszqlgh] .ovb-sessionslink { margin-left: auto; font-size: 13px; } .ove[b-cm1eszqlgh] .ovb-sessgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px 14px; font-size: 12px; color: var(--ovs-muted); grid-column: 1 / -1; } .ove[b-cm1eszqlgh] .ovb-sessgrid b { color: var(--ovs-text); font-weight: 600; } .ove[b-cm1eszqlgh] .ovb-body { padding: 12px 16px; display: flex; flex-direction: column; gap: 8px; font-size: 13px; } .ove[b-cm1eszqlgh] .ovb-body p { margin: 0; } /* Area and group header card */ .ove[b-cm1eszqlgh] .ovb-ahead { padding: 16px; display: flex; flex-direction: column; gap: 10px; min-width: 0; } .ove[b-cm1eszqlgh] .ovb-ahead h2 { margin: 0; font-size: 22px; line-height: 1.25; text-wrap: balance; overflow-wrap: anywhere; } .ove[b-cm1eszqlgh] .ovb-where { font-size: 12px; color: var(--ovs-muted); } .ove[b-cm1eszqlgh] .ovb-sub { color: var(--ovs-muted); font-size: 13px; display: flex; gap: 6px 10px; flex-wrap: wrap; align-items: center; } .ove[b-cm1eszqlgh] .ovb-bigprog { display: flex; align-items: center; gap: 10px; max-width: 560px; } .ove[b-cm1eszqlgh] .ovb-bigprog .ovb-track { height: 10px; } .ove[b-cm1eszqlgh] .ovb-bigprog span { font-size: 13px; white-space: nowrap; } .ove[b-cm1eszqlgh] .ovb-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); border-top: 1px solid var(--ovs-line); } .ove[b-cm1eszqlgh] .ovb-stat { padding: 12px 16px; border-right: 1px solid var(--ovs-line); min-width: 0; } .ove[b-cm1eszqlgh] .ovb-stat:last-child { border-right: 0; } .ove[b-cm1eszqlgh] .ovb-stat .v { font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; } .ove[b-cm1eszqlgh] .ovb-stat .v.money { color: var(--ovp-ok-ink); } .ove[b-cm1eszqlgh] .ovb-stat .k { font-size: 12px; color: var(--ovs-muted); } .ove[b-cm1eszqlgh] .ovb-tabs { display: flex; gap: 6px; flex-wrap: wrap; padding: 10px 16px; border-top: 1px solid var(--ovs-line); background: var(--ovp-soft); } .ove[b-cm1eszqlgh] .ovb-tabs a { border: 1px solid var(--ovs-line); background: var(--ovs-panel); border-radius: 16px; padding: 4px 12px; font-size: 13px; font-weight: 600; color: var(--ovs-text); display: inline-flex; gap: 6px; align-items: center; } .ove[b-cm1eszqlgh] .ovb-tabs a:hover { text-decoration: none; background: var(--ovp-soft); } .ove[b-cm1eszqlgh] .ovb-tabs a[aria-current="page"] { background: var(--ovs-band); border-color: var(--ovs-band); color: #fff; } .ove[b-cm1eszqlgh] .ovb-tabs a .c { font-variant-numeric: tabular-nums; font-weight: 400; opacity: .85; } .ove[b-cm1eszqlgh] .ovb-owners { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; font-size: 13px; } .ove[b-cm1eszqlgh] .ovb-ownerchip { 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] .ovb-ownerchip .ovb-av { width: 22px; height: 22px; font-size: 10px; border-width: 1px; } .ove[b-cm1eszqlgh] .ovb-ownerchip small { color: var(--ovs-muted); } .ove[b-cm1eszqlgh] .ovb-ownerchip button { border: 0; background: transparent; color: var(--ovs-muted); cursor: pointer; font-size: 13px; padding: 0 2px; } .ove[b-cm1eszqlgh] .ovb-addowner { display: flex; gap: 6px; flex-wrap: wrap; align-items: end; } .ove[b-cm1eszqlgh] .ovb-addowner label { display: flex; flex-direction: column; gap: 2px; font-size: 12px; font-weight: 600; min-width: 0; flex: 0 1 200px; } .ove[b-cm1eszqlgh] .ovb-addowner input[type=text] { padding: 4px 8px; font-size: 13px; } .ove[b-cm1eszqlgh] .ovb-addowner .ovp-btn { padding: 4px 12px; font-size: 13px; } .ove[b-cm1eszqlgh] .ovb-note { padding: 10px 16px; font-size: 13px; color: var(--ovs-muted); border-top: 1px solid var(--ovs-line); display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .ove[b-cm1eszqlgh] .ovb-note.warn { color: var(--ovp-warn-ink); background: var(--ovp-warn-bg); } .ove[b-cm1eszqlgh] .ovb-place { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; } /* Epic rows on the area and group pages */ .ove[b-cm1eszqlgh] .ovb-kanban-note { padding: 10px 16px; font-size: 13px; color: var(--ovs-muted); border-top: 1px solid var(--ovs-line); } .ove[b-cm1eszqlgh] .ovb-viewpad { padding: 12px 16px; min-width: 0; } @media (max-width: 760px) { .ove[b-cm1eszqlgh] .ovb-stat { border-bottom: 1px solid var(--ovs-line); } .ove[b-cm1eszqlgh] .ovb-sessgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .ove[b-cm1eszqlgh] .ovb-wlrow { grid-template-columns: minmax(0, 1fr) auto; } .ove[b-cm1eszqlgh] .ovb-wlrow .ovb-wlbar { grid-column: 1 / -1; grid-row: 2; } } @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; } /* #76639 Pull requests, Other work and Find rows: the state pill drops under the title and the title wraps, so nothing is cut off at phone width. */ .ove[b-cm1eszqlgh] .ovl3-row { grid-template-columns: minmax(0, 1fr); } .ove[b-cm1eszqlgh] .ovl3-row .ovp-tt { white-space: normal; overflow-wrap: anywhere; } .ove[b-cm1eszqlgh] .ovl3-row .ovp-side { grid-column: 1; justify-self: start; white-space: normal; } .ove[b-cm1eszqlgh] .ovl3-row .ovp-side .ovp-pill { white-space: normal; } } @media (prefers-reduced-motion: reduce) { .ove[b-cm1eszqlgh] * { scroll-behavior: auto !important; } } .ove[b-cm1eszqlgh] .ovb-approvals { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; } .ove[b-cm1eszqlgh] .ovb-approvals small { color: var(--ovs-muted); } /* E53: wide row lists scroll inside their own container; the page never scrolls sideways. */ .ove[b-cm1eszqlgh] .ovp-rows, .ove[b-cm1eszqlgh] .ovb-wl { overflow-x: auto; } /* E62 rates, business inputs and estimate vs actual */ .ove[b-cm1eszqlgh] .ove-rates-wrap { overflow-x: auto; padding: 4px 16px 8px; } .ove[b-cm1eszqlgh] .ove-rates { border-collapse: collapse; width: 100%; font-size: 13px; font-variant-numeric: tabular-nums; } .ove[b-cm1eszqlgh] .ove-rates th, .ove[b-cm1eszqlgh] .ove-rates td { text-align: left; padding: 6px 10px; border-bottom: 1px solid var(--ovs-line); white-space: nowrap; } .ove[b-cm1eszqlgh] .ove-rates thead th { color: var(--ovs-muted); font-weight: 600; } .ove[b-cm1eszqlgh] .ove-rates tbody th { font-weight: 600; } .ove[b-cm1eszqlgh] .ove-rates .ove-rates-note td { color: var(--ovs-muted); white-space: normal; border-bottom: 0; padding-top: 0; } .ove[b-cm1eszqlgh] .ove-cap { caption-side: top; text-align: left; color: var(--ovs-muted); font-size: 12px; padding: 4px 0 6px; } .ove[b-cm1eszqlgh] .ove-sub { margin: 8px 16px 4px; font-size: 13px; } .ove[b-cm1eszqlgh] .ove-pad { padding: 0 16px; margin: 4px 0; } .ove[b-cm1eszqlgh] .ove-inputs { list-style: none; margin: 4px 0 8px; padding: 0 16px; } .ove[b-cm1eszqlgh] .ove-inputs li { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid var(--ovs-line); font-size: 13px; } .ove[b-cm1eszqlgh] .ove-in-main { display: flex; flex-wrap: wrap; gap: 2px 12px; align-items: baseline; min-width: 0; } .ove[b-cm1eszqlgh] .ove-in-name { font-weight: 600; } .ove[b-cm1eszqlgh] .ove-in-val.none { color: var(--ovs-muted); font-style: italic; } .ove[b-cm1eszqlgh] .ove-in-edit { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .ove[b-cm1eszqlgh] .ove-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .ove[b-cm1eszqlgh] .ove-act { padding: 4px 16px 8px; font-size: 13px; } .ove[b-cm1eszqlgh] .ove-act h3 { margin: 8px 0 4px; font-size: 13px; } .ove[b-cm1eszqlgh] .ove-act table { border-collapse: collapse; font-variant-numeric: tabular-nums; } .ove[b-cm1eszqlgh] .ove-act th, .ove[b-cm1eszqlgh] .ove-act td { text-align: left; padding: 4px 14px 4px 0; } .ove[b-cm1eszqlgh] .ove-act thead th { color: var(--ovs-muted); font-weight: 600; } @media (max-width: 640px) { .ove[b-cm1eszqlgh] .ove-in-edit input[type="text"] { flex: 1 1 100%; } } /* /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). Colors 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; width: 100%; min-width: 0; 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(auto-fit, minmax(min(150px, 100%), 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.four { grid-template-columns: repeat(4, minmax(0, 1fr)); } .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-ai { grid-column: 1 / -1; font-size: 13px; display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; min-width: 0; } .ovp[b-u0fqlclf0b] .ovp-ai-mark { color: var(--ovs-link); } .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, .ovp[b-u0fqlclf0b] .ovp-needs.four { 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-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; } } /* E53: wide row lists scroll inside their own container; the page never scrolls sideways. */ .ovp[b-u0fqlclf0b] .ovp-rows { overflow-x: auto; } /* E61: the File an issue section flashes for about 2 s when "File a fix" lands on it (OverseerFileTarget). */ .ovp[b-u0fqlclf0b] .ovp-filecard { scroll-margin-top: 12px; } .ovp[b-u0fqlclf0b] .ovp-filecard.ovp-flash { box-shadow: 0 0 0 3px var(--ovp-orange-ink, #b45309); transition: box-shadow .3s ease; } @media (prefers-reduced-motion: reduce) { .ovp[b-u0fqlclf0b] .ovp-filecard.ovp-flash { transition: none; } } /* /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). Colors 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; width: 100%; min-width: 0; 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.orange { background: var(--ovp-orange-bg); color: var(--ovp-orange-ink); } .ovpl[b-wadtbph8lc] .ovpl-pill.orange a { color: inherit; text-decoration: underline; } .ovpl[b-wadtbph8lc] .ovpl-pill.mute { background: var(--ovp-soft); color: var(--ovs-muted); } /* Status banner: the whole banner is the state color */ .ovpl[b-wadtbph8lc] .ovpl-health { --sbg: var(--st-grey-bg); --sink: var(--st-grey-ink); display: flex; align-items: center; gap: 6px 14px; flex-wrap: wrap; padding: 10px 16px; 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--orange { --sbg: var(--st-orange-bg); --sink: var(--st-orange-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: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 15px; flex: none; background: var(--sink); color: var(--sbg); } .ovpl[b-wadtbph8lc] .ovpl-hmain { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; flex: 1 1 260px; min-width: 0; } .ovpl[b-wadtbph8lc] .ovpl-hmain b { font-size: 18px; } .ovpl[b-wadtbph8lc] .ovpl-fixlinks { font-size: 13px; } .ovpl[b-wadtbph8lc] .ovpl-fixlinks a { color: inherit; text-decoration: underline; } .ovpl[b-wadtbph8lc] .ovpl-hsum { font-size: 13px; overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-hmeta { font-size: 12px; display: flex; gap: 2px 14px; flex-wrap: wrap; min-width: 0; overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-health a { color: inherit; text-decoration: underline; font-weight: 700; } /* E60: the 2x2 grid of squares. Order in the markup is 1, 2, 3, Paused, so one column on a small screen stacks them in that order. min-width 0 everywhere so a long subject wraps instead of widening the page. */ .ovpl[b-wadtbph8lc] .ovpl-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; min-width: 0; } @media (max-width: 900px) { .ovpl[b-wadtbph8lc] .ovpl-grid { grid-template-columns: minmax(0, 1fr); } } .ovpl[b-wadtbph8lc] .ovpl-sq { display: flex; flex-direction: column; } .ovpl[b-wadtbph8lc] .ovpl-sq > header { flex-wrap: nowrap; } .ovpl[b-wadtbph8lc] .ovpl-sq > header h2 { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-dot { width: 12px; height: 12px; border-radius: 50%; flex: none; background: var(--ovs-muted); } .ovpl[b-wadtbph8lc] .ovpl-dot.red { background: var(--st-red-bg); } .ovpl[b-wadtbph8lc] .ovpl-dot.orange { background: var(--st-orange-bg); } .ovpl[b-wadtbph8lc] .ovpl-dot.blue { background: var(--ovp-info-ink, #1d5fa8); } .ovpl[b-wadtbph8lc] .ovpl-sqhint { padding: 8px 16px; font-size: 12px; color: var(--ovs-muted); border-bottom: 1px solid var(--ovs-line); overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-none { padding: 14px 16px; font-weight: 700; color: var(--ovp-ok-ink); } .ovpl[b-wadtbph8lc] .ovpl-more { padding: 8px 16px; border-bottom: 1px solid var(--ovs-line); } .ovpl[b-wadtbph8lc] .ovpl-cklinks { padding: 0 16px 10px; } .ovpl[b-wadtbph8lc] .ovpl-sq .ovpl-fold > summary { padding: 8px 16px; } /* A square is half the page at 1280 px, so its rows always put the actions under the reason instead of beside it. */ .ovpl[b-wadtbph8lc] .ovpl-sq .ovpl-r { grid-template-columns: minmax(0, 1fr); } .ovpl[b-wadtbph8lc] .ovpl-sq .ovpl-act2 { justify-content: flex-start; } .ovpl[b-wadtbph8lc] .ovpl-sq .ovpl-sdet { grid-template-columns: minmax(0, 1fr); padding-left: 0; } /* E60: full-width closed sections. The summary is one row: title, count, hint. */ .ovpl[b-wadtbph8lc] .ovpl-dd > summary { display: flex; align-items: center; gap: 4px 10px; flex-wrap: wrap; cursor: pointer; padding: 12px 16px; } .ovpl[b-wadtbph8lc] .ovpl-dd[open] > summary { border-bottom: 1px solid var(--ovs-line); } .ovpl[b-wadtbph8lc] .ovpl-dd > summary h2 { display: inline; margin: 0; font-size: 16px; } .ovpl[b-wadtbph8lc] .ovpl-wowners { display: flex; flex-wrap: wrap; gap: 6px 18px; padding: 10px 16px; border-bottom: 1px solid var(--ovs-line); } .ovpl[b-wadtbph8lc] .ovpl-wowners > span { display: inline-flex; gap: 6px; align-items: center; overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-scope { padding-top: 8px; } .ovpl[b-wadtbph8lc] .ovpl-fnote { border: 1px solid var(--ovs-line); border-radius: 8px; } /* Known list inside a square */ .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-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.fixing { background: var(--ovp-orange-bg); box-shadow: inset 4px 0 0 var(--ovp-orange-line); } .ovpl[b-wadtbph8lc] .ovpl-r.fixing .ovpl-meta { color: var(--ovp-orange-ink); } .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; } .ovpl[b-wadtbph8lc] .ovpl-cause { grid-column: 1 / -1; display: flex; gap: 2px 12px; flex-wrap: wrap; align-items: baseline; min-width: 0; font-size: 12px; color: var(--ovs-text); overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-cause a { font-weight: 600; white-space: nowrap; } @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) minmax(0, 1fr) 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, .ovpl[b-wadtbph8lc] .ovpl-ck .grp { 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, .ovpl[b-wadtbph8lc] .ovpl-ck .grp { grid-column: 1 / -1; } .ovpl[b-wadtbph8lc] .ovpl-ck .grp::before { content: "Group: "; } .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; } /* Color 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.orange { background: var(--st-orange-bg); color: var(--st-orange-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); } } /* E53: the 23-check table scrolls inside its own card on a small screen; the page never scrolls sideways. */ .ovpl[b-wadtbph8lc] section[aria-labelledby="ovpl-checks"] { overflow-x: auto; } /* Request restart on the Ellington silent row (#72755): wraps at phone width, nothing forces a sideways scroll. */ .ovpl[b-wadtbph8lc] .ovpl-restart { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; font-size: 13px; } .ovpl[b-wadtbph8lc] .ovpl-rstate { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-rconfirm { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; border: 1px solid var(--ovs-line); border-radius: 6px; padding: 10px 12px; max-width: 100%; } .ovpl[b-wadtbph8lc] .ovpl-rconfirm p { margin: 0 12px 0 0; flex: 1 1 240px; min-width: 0; } .ovpl[b-wadtbph8lc] .ovpl-rmsg { flex: 1 1 100%; overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-rmsg.bad { color: var(--ovp-crit-ink); font-weight: 600; } .ovpl[b-wadtbph8lc] .ovpl-restart > .ovpl-muted { flex: 1 1 100%; overflow-wrap: anywhere; } /* #79199: "File a fix" update panel on a stall row. */ .ovpl[b-wadtbph8lc] .ovpl-fixup { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--ovs-line); border-radius: 6px; padding: 10px 12px; font-size: 13px; min-width: 0; } .ovpl[b-wadtbph8lc] .ovpl-fixup-issue { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-fixup-choice { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; } .ovpl[b-wadtbph8lc] .ovpl-fixup-note { display: flex; flex-direction: column; gap: 4px; } .ovpl[b-wadtbph8lc] .ovpl-fixup-note textarea { width: 100%; max-width: 100%; box-sizing: border-box; font: inherit; } .ovpl[b-wadtbph8lc] .ovpl-fixup-act { display: flex; gap: 8px; } .ovpl[b-wadtbph8lc] .ovpl-spin { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--ovs-line); border-top-color: var(--ovs-link); animation: ovpl-spin-b-wadtbph8lc 0.9s linear infinite; flex: 0 0 auto; } @keyframes ovpl-spin-b-wadtbph8lc { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .ovpl[b-wadtbph8lc] .ovpl-spin { animation-duration: 3s; } } /* Waiting on a person (#72755): the title wraps, the label never pushes the row wider than the screen. */ .ovpl[b-wadtbph8lc] .ovpl-w .ovpl-why a { overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-w .ovpl-pill { white-space: normal; overflow-wrap: anywhere; } /* E57: folded sections, the Paused for a limit rows and the banner's neutral note. Long words wrap so nothing pushes a row wider than a 400 px screen. */ .ovpl[b-wadtbph8lc] .ovpl-pausednote { display: inline-block; padding: 1px 9px; border-radius: 11px; background: rgba(255, 255, 255, 0.22); border: 1px solid currentColor; font-weight: 600; overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-fold > summary { cursor: pointer; padding: 10px 16px; font-size: 13px; font-weight: 600; } .ovpl[b-wadtbph8lc] .ovpl-lim .ovpl-meta { overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-lim.late { border-left: 3px solid var(--ovp-warn-ink, #8a5a00); } .ovpl[b-wadtbph8lc] .ovpl-lim .ovpl-pill { white-space: normal; overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-confirm { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; padding: 8px 16px 12px; font-size: 13px; } .ovpl[b-wadtbph8lc] .ovpl-confirm p { margin: 0; flex: 1 1 100%; overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-note.warnmsg { color: var(--ovp-warn-ink, #8a5a00); } .ovpl[b-wadtbph8lc] .ovpl-limcov { display: flex; flex-direction: column; gap: 4px; padding: 10px 16px; font-size: 13px; color: var(--ovs-muted); border-top: 1px solid var(--ovs-line); overflow-wrap: anywhere; } .ovpl[b-wadtbph8lc] .ovpl-limcov [data-unknown="true"] { font-style: italic; } /* /Overseer/Views/OverseerPipelineStrip.razor.rz.scp.css */ /* Pipeline health strip (#74486, full color #76337). The whole bar is the state color; 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--orange[b-u4p81fk3jv] { --sbg: var(--st-orange-bg, #e8791a); --sink: var(--st-orange-ink, #2b1300); } .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__lead[b-u4p81fk3jv] { font-weight: 600; } .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/OverseerPrPanel.razor.rz.scp.css */ /* Scoped styles for the single pull request page (#79300, mockup v12 tab 2). Own ovr-* classes under .ovr-card so the shell's .ove ::deep rules cannot win; every flex row wraps and every cell can shrink (400 px). */ .ovr-card .ovr-h[b-g46tj1exdv] { margin: 0; font-size: 15px; overflow-wrap: anywhere; min-width: 0; } .ovr-card .ovr-body[b-g46tj1exdv] { margin: 0; padding: 10px 16px; overflow-wrap: anywhere; } .ovr-card .ovr-muted[b-g46tj1exdv] { margin: 0; padding: 4px 16px 10px; font-size: 13px; color: var(--ovs-muted); overflow-wrap: anywhere; } .ovr-card .ovr-warn[b-g46tj1exdv] { color: #b42318; font-weight: 600; } .ovr-card p.ovr-warn[b-g46tj1exdv] { margin: 0; padding: 4px 16px 10px; overflow-wrap: anywhere; } .ovr-card .ovr-links[b-g46tj1exdv] { display: flex; flex-wrap: wrap; gap: 8px 12px; padding: 10px 16px; align-items: center; min-width: 0; } .ovr-card .ovr-btn[b-g46tj1exdv] { border: 1px solid var(--ovs-line); background: var(--ovs-panel); color: var(--ovs-text); border-radius: 6px; padding: 6px 14px; text-decoration: none; font-size: 13px; } .ovr-card .ovr-btn:focus-visible[b-g46tj1exdv] { outline: 2px solid var(--ovp-focus); outline-offset: 2px; } .ovr-card .ovr-confirm[b-g46tj1exdv] { display: flex; flex-wrap: wrap; gap: 8px 12px; padding: 10px 16px; align-items: center; min-width: 0; } .ovr-card .ovr-confirm p[b-g46tj1exdv] { margin: 0; flex: 1 1 100%; overflow-wrap: anywhere; } .ovr-card .ovr-list[b-g46tj1exdv] { margin: 0; padding: 8px 16px 10px 34px; overflow-wrap: anywhere; } .ovr-card .ovr-dl[b-g46tj1exdv] { display: grid; grid-template-columns: minmax(6rem, max-content) minmax(0, 1fr); gap: 4px 14px; margin: 0; padding: 10px 16px; font-size: 13px; } .ovr-card .ovr-dl dt[b-g46tj1exdv] { color: var(--ovs-muted); } .ovr-card .ovr-dl dd[b-g46tj1exdv] { margin: 0; overflow-wrap: anywhere; } /* /Overseer/Views/OverseerSessionsPage.razor.rz.scp.css */ /* Scoped styles for the Sessions page (#78333, mockup v10). Colors come from the --ovs-* and --ovp-* properties the frame sets, so dark mode swaps in one place. Every element styled here is in this component's own markup, so the selectors are plain (the .ove ::deep form would not match: .ove belongs to the page shell). The banner out-ranks the shell's .ovp-clear.warn (bm-memory 1051857). */ .ovp-card div.ovsp-banner.ovp-clear.warn[b-xou3h3z8lb] { margin: 0; padding: 10px 16px; border-radius: 0; overflow-wrap: anywhere; } .ovsp-h3[b-xou3h3z8lb] { margin: 0; font-size: 15px; overflow-wrap: anywhere; min-width: 0; } .ovsp-rows[b-xou3h3z8lb] { display: flex; flex-direction: column; } .ovsp-row[b-xou3h3z8lb] { 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; min-width: 0; } .ovsp-row:last-child[b-xou3h3z8lb] { border-bottom: 0; } .ovsp-row:hover[b-xou3h3z8lb] { background: var(--ovp-soft); } .ovsp-btn[b-xou3h3z8lb] { display: flex; gap: 6px; align-items: baseline; text-align: left; border: 0; background: transparent; color: var(--ovs-text); font-weight: 600; font-size: 13px; padding: 0; min-width: 0; overflow-wrap: anywhere; } button.ovsp-btn[b-xou3h3z8lb] { cursor: pointer; } button.ovsp-btn:focus-visible[b-xou3h3z8lb] { outline: 2px solid var(--ovp-focus); outline-offset: 2px; } .ovsp-btn.plain[b-xou3h3z8lb] { font-weight: 400; color: var(--ovs-muted); } .ovsp-meta[b-xou3h3z8lb] { grid-column: 1 / -1; font-size: 12px; color: var(--ovs-muted); display: flex; gap: 6px 12px; flex-wrap: wrap; align-items: center; min-width: 0; overflow-wrap: anywhere; } .ovsp-det[b-xou3h3z8lb] { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 6px; padding: 8px 0 4px; min-width: 0; } .ovsp-k[b-xou3h3z8lb] { font-size: 11px; font-weight: 700; color: var(--ovs-muted); text-transform: uppercase; letter-spacing: .04em; } .ovsp-none[b-xou3h3z8lb] { font-size: 13px; color: var(--ovs-muted); } .ovsp-block[b-xou3h3z8lb] { margin: 0; background: var(--ovp-soft); border: 1px solid var(--ovs-line); border-radius: 6px; padding: 10px 12px; font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; } @media (max-width: 760px) { .ovsp-row[b-xou3h3z8lb] { grid-template-columns: minmax(0, 1fr); } .ovsp-row > .ovp-pill[b-xou3h3z8lb] { justify-self: start; } .ovp-seg[b-xou3h3z8lb] { flex-wrap: wrap; } } /* /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; } /* /Overseer/Views/OverseerTrendsCard.razor.rz.scp.css */ /* Overseer Pipeline page Trends card (#78671). Plain CSS, no MudBlazor (#69081). Every element here is in this component's own markup, so the selectors are plain; the shared .ovpl-card, .ovpl-pill, .ovpl-hint rules come from the page root (.ovpl ::deep) and the pill tones from there too. The direction pill out-ranks the page's white-space: nowrap with one more class (bm-memory 1051857). Colours are the page's --ovs-* and --ovp-* variables, so light and dark both follow the frame. Phone width: one column, nothing forces a sideways scroll. */ .ovtr-row[b-9n7iljtoj1] { display: grid; grid-template-columns: minmax(9rem, 13rem) minmax(0, 1fr) minmax(11rem, 17rem); gap: 8px 16px; align-items: start; padding: 12px 16px; border-top: 1px solid var(--ovs-line); min-width: 0; } .ovtr > header + .ovtr-row[b-9n7iljtoj1] { border-top: 0; } .ovtr-name[b-9n7iljtoj1] { font-size: 14px; overflow-wrap: anywhere; } .ovtr-chart[b-9n7iljtoj1] { min-width: 0; display: flex; flex-direction: column; gap: 4px; } .ovtr-plot[b-9n7iljtoj1] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px; } .ovtr-axis[b-9n7iljtoj1] { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; font-size: 11px; color: var(--ovs-muted); font-variant-numeric: tabular-nums; white-space: nowrap; } .ovtr-canvas[b-9n7iljtoj1] { position: relative; display: block; min-width: 0; } .ovtr-svg[b-9n7iljtoj1] { display: block; width: 100%; height: 120px; background: var(--ovp-soft); border: 1px solid var(--ovs-line); border-radius: 4px; } .ovtr-line[b-9n7iljtoj1] { stroke: var(--ovs-text); stroke-width: 1.75; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; } .ovtr-target[b-9n7iljtoj1] { stroke: var(--ovs-muted); stroke-width: 1; stroke-dasharray: 5 4; vector-effect: non-scaling-stroke; } .ovtr-gap[b-9n7iljtoj1] { fill: var(--ovs-line); opacity: 0.55; } .ovtr-tlabel[b-9n7iljtoj1] { position: absolute; right: 4px; transform: translateY(-105%); font-size: 11px; color: var(--ovs-muted); background: var(--ovp-soft); padding: 0 3px; border-radius: 3px; pointer-events: none; white-space: nowrap; } .ovtr-dates[b-9n7iljtoj1] { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: var(--ovs-muted); padding-left: 2px; flex-wrap: wrap; } .ovtr-gaplabel[b-9n7iljtoj1] { flex: 1 1 auto; text-align: center; } .ovtr-facts[b-9n7iljtoj1] { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; font-size: 13px; color: var(--ovs-text); min-width: 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; } .ovtr-k[b-9n7iljtoj1] { color: var(--ovs-muted); margin-right: 4px; } .ovtr-count[b-9n7iljtoj1], .ovtr-note[b-9n7iljtoj1] { color: var(--ovs-muted); font-size: 12px; } .ovtr-row .ovtr-dir.ovpl-pill[b-9n7iljtoj1] { white-space: normal; max-width: 100%; } .ovtr-dot[b-9n7iljtoj1] { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: none; background: currentColor; } .ovtr-none[b-9n7iljtoj1] { color: var(--ovs-muted); grid-column: 2 / 4; } @media (max-width: 760px) { .ovtr-row[b-9n7iljtoj1] { grid-template-columns: minmax(0, 1fr); } .ovtr-none[b-9n7iljtoj1] { grid-column: 1; } } /* /Pages/AmazonBuyBoxScoreboardIsland.razor.rz.scp.css */ /* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */ .bb-page[b-rqu9levolz] { max-width: 1280px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .bb-header[b-rqu9levolz] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; } .bb-sub[b-rqu9levolz] { color: #555; margin: 0.25rem 0 0; max-width: 52rem; } .bb-controls[b-rqu9levolz] { display: flex; align-items: center; gap: 0.5rem; } .bb-controls select[b-rqu9levolz] { font: inherit; padding: 0.3rem 0.5rem; border: 1px solid #c9c9d6; border-radius: 6px; } .bb-banner[b-rqu9levolz] { padding: 0.6rem 0.9rem; border-radius: 6px; margin: 0 0 0.75rem; background: #fffbeb; color: #92400e; line-height: 1.45; } .bb-banner--ok[b-rqu9levolz] { background: #ecfdf5; color: #065f46; } .bb-error[b-rqu9levolz] { background: #fef2f2; color: #991b1b; padding: 0.6rem 0.9rem; border-radius: 6px; } .bb-basis[b-rqu9levolz] { font-size: 0.85rem; color: #555; margin-bottom: 0.75rem; } .bb-card[b-rqu9levolz] { border: 1px solid #e5e5ee; border-radius: 8px; padding: 0.75rem 1rem; margin-bottom: 1rem; overflow-x: auto; } .bb-card h2[b-rqu9levolz] { font-size: 1.05rem; margin: 0 0 0.5rem; } .bb-table[b-rqu9levolz] { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .bb-table th[b-rqu9levolz], .bb-table td[b-rqu9levolz] { text-align: left; padding: 0.4rem 0.6rem; border-bottom: 1px solid #e5e5ee; vertical-align: middle; } .bb-table thead th[b-rqu9levolz] { background: #f6f6fa; font-weight: 600; } .bb-table tbody th[b-rqu9levolz] { font-weight: 400; } .bb-num[b-rqu9levolz] { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; } .bb-ok[b-rqu9levolz] { color: #065f46; font-weight: 700; } .bb-bad[b-rqu9levolz] { color: #991b1b; font-weight: 700; } .bb-muted[b-rqu9levolz] { color: #777; font-size: 0.8rem; } .bb-btn[b-rqu9levolz] { display: inline-block; border: 1px solid #c9c9d6; background: #fff; color: inherit; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; } .bb-btn:disabled[b-rqu9levolz] { opacity: 0.55; cursor: not-allowed; } .bb-btn:focus-visible[b-rqu9levolz], .bb-controls select:focus-visible[b-rqu9levolz] { outline: 3px solid #2563eb; 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/BidCalendarIsland.razor.rz.scp.css */ .bidcal[b-m71mkqtysv] { font-family: system-ui, sans-serif; color: #1c1c1c; } .bidcal__main[b-m71mkqtysv] { padding: 1rem 1.2rem; } .bidcal__toolbar[b-m71mkqtysv], .bidcal__filters[b-m71mkqtysv] { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-bottom: 0.75rem; } .bidcal__filters label[b-m71mkqtysv] { display: flex; flex-direction: column; font-size: 0.8rem; gap: 0.2rem; } .bidcal__btn--active[b-m71mkqtysv] { background: #0047AB; color: #fff; } .bidcal__title[b-m71mkqtysv] { font-size: 1.1rem; } .bidcal__error[b-m71mkqtysv] { color: #8a1c1c; } .bidcal__grid[b-m71mkqtysv] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .bidcal__dow[b-m71mkqtysv] { background: #f3f3f3; padding: 0.3rem; font-weight: 600; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .bidcal__day[b-m71mkqtysv] { min-height: 6.5rem; padding: 0.25rem; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden; } .bidcal__day--week[b-m71mkqtysv] { min-height: 22rem; } .bidcal__day--other[b-m71mkqtysv] { background: #fafafa; color: #888; } .bidcal__day--today[b-m71mkqtysv] { background: #fff7e0; } .bidcal__daynum[b-m71mkqtysv] { font-size: 0.8rem; font-weight: 600; } .bidcal__event[b-m71mkqtysv] { display: block; margin-top: 0.2rem; padding: 0.15rem 0.3rem; border-left: 4px solid #0047AB; background: #eef3fb; font-size: 0.75rem; color: inherit; text-decoration: none; } .bidcal__event--due[b-m71mkqtysv] { border-left-color: #A31E23; background: #fbeeee; } .bidcal__event--opening[b-m71mkqtysv] { border-left-color: #2e7d32; background: #eef7ee; } .bidcal__event--task[b-m71mkqtysv] { border-left-color: #888; background: #f3f3f3; } .bidcal__meta[b-m71mkqtysv] { display: block; color: #555; } .bidcal__time[b-m71mkqtysv] { font-weight: 600; margin-right: 0.25rem; } .bidcal__count[b-m71mkqtysv] { color: #555; font-size: 0.8rem; } .bidcal__lane[b-m71mkqtysv] { display: inline-block; font-size: 0.7rem; font-weight: 600; padding: 0 0.35rem; border-radius: 0.6rem; background: #e6e6e6; color: #333; } .bidcal__lane--rep[b-m71mkqtysv] { background: #e3f0fb; color: #0b4a7a; } .bidcal__lane--ownerapproval[b-m71mkqtysv] { background: #A31E23; color: #fff; } .bidcal__undated[b-m71mkqtysv] { margin-top: 1rem; padding: 0.8rem 1rem; border: 1px solid #d9a441; background: #fff8e6; border-radius: 4px; } .bidcal__undated h2[b-m71mkqtysv] { margin: 0 0 0.3rem; font-size: 1.1rem; } .bidcal__undated ul[b-m71mkqtysv] { margin: 0.4rem 0; padding-left: 1.2rem; max-height: 18rem; overflow: auto; } /* /Pages/BidOutcomeIsland.razor.rz.scp.css */ .bo[b-si08483pq6] { font-family: system-ui, sans-serif; color: #1c1c1c; padding: 1rem 1.2rem; max-width: 1200px; } .bo h1[b-si08483pq6] { font-size: 1.4rem; } .bo h2[b-si08483pq6] { font-size: 1.05rem; margin: 0 0 0.5rem; } .bo__hint[b-si08483pq6] { color: #555; font-size: 0.85rem; } .bo__error[b-si08483pq6] { color: #8a1c1c; background: #fbeeee; border: 1px solid #e3b4b4; padding: 0.5rem 0.75rem; border-radius: 4px; } .bo__ok[b-si08483pq6] { color: #1f5a22; background: #eef7ee; border: 1px solid #b7d8b9; padding: 0.5rem 0.75rem; border-radius: 4px; } .bo__panel[b-si08483pq6] { border: 1px solid #ddd; border-radius: 4px; padding: 0.75rem 1rem; margin: 1rem 0; } .bo__form[b-si08483pq6] { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: 0.6rem 1rem; } .bo__form label[b-si08483pq6] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; } .bo__form input[b-si08483pq6], .bo__form select[b-si08483pq6], .bo__form textarea[b-si08483pq6] { padding: 0.3rem; font: inherit; box-sizing: border-box; } .bo__wide[b-si08483pq6] { grid-column: 1 / -1; } .bo__check[b-si08483pq6] { flex-direction: row !important; align-items: center; gap: 0.4rem !important; } .bo__facts[b-si08483pq6] { margin: 0.3rem 0; padding-left: 1.2rem; } .bo__btn[b-si08483pq6] { background: #0047AB; color: #fff; border: 0; padding: 0.35rem 0.9rem; border-radius: 4px; cursor: pointer; } .bo__btn:disabled[b-si08483pq6] { background: #9db3d6; cursor: not-allowed; } .bo__btn--ghost[b-si08483pq6] { background: #fff; color: #0047AB; border: 1px solid #0047AB; } .bo__scroll[b-si08483pq6] { overflow-x: auto; } .bo__table[b-si08483pq6] { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .bo__table th[b-si08483pq6], .bo__table td[b-si08483pq6] { border-bottom: 1px solid #e3e3e3; padding: 0.3rem 0.5rem; text-align: left; vertical-align: middle; } .bo__table th[b-si08483pq6] { background: #f3f3f3; font-weight: 600; } .bo__num[b-si08483pq6] { text-align: right !important; white-space: nowrap; } .bo__cell[b-si08483pq6] { width: 9rem; padding: 0.2rem; font: inherit; box-sizing: border-box; } .bo__cell--num[b-si08483pq6] { width: 6.5rem; text-align: right; } .bo__high[b-si08483pq6] { color: #8a1c1c; font-weight: 600; } .bo__low[b-si08483pq6] { color: #1f5a22; font-weight: 600; } .bo__pill[b-si08483pq6] { display: inline-block; font-size: 0.72rem; font-weight: 600; padding: 0.05rem 0.45rem; border-radius: 0.6rem; background: #e8eefb; color: #0047AB; margin-left: 0.3rem; } .bo__pill--win[b-si08483pq6] { background: #eef7ee; color: #1f5a22; } /* /Pages/BidPrepareResponseIsland.razor.rz.scp.css */ .bidprep[b-2y0z4lvndc] { font-family: system-ui, sans-serif; color: #1c1c1c; } .bidprep__main[b-2y0z4lvndc] { padding: 1rem 1.2rem; max-width: 70rem; } .bidprep table[b-2y0z4lvndc] { border-collapse: collapse; width: 100%; } .bidprep th[b-2y0z4lvndc], .bidprep td[b-2y0z4lvndc] { border: 1px solid #d0d0d0; padding: 0.4rem 0.6rem; text-align: left; vertical-align: top; } .bidprep__notice[b-2y0z4lvndc] { background: #fff4d6; border: 1px solid #e0c060; padding: 0.6rem 0.8rem; } .bidprep__error[b-2y0z4lvndc] { color: #a00000; } .bidprep__export[b-2y0z4lvndc] { display: inline-block; background: #0047AB; color: #fff; padding: 0.5rem 0.9rem; text-decoration: none; border-radius: 4px; } .bidprep__answer[b-2y0z4lvndc] { border-left: 3px solid #0047AB; padding-left: 0.8rem; margin-bottom: 0.8rem; } /* /Pages/BidPricingGuardrailsIsland.razor.rz.scp.css */ .bp[b-6ox3lju8li] { font-family: system-ui, sans-serif; color: #1c1c1c; padding: 1rem 1.2rem; max-width: 1400px; } .bp h1[b-6ox3lju8li] { font-size: 1.4rem; display: flex; gap: 0.6rem; align-items: center; } .bp__hint[b-6ox3lju8li] { color: #555; font-size: 0.85rem; } .bp__error[b-6ox3lju8li] { color: #8a1c1c; background: #fbeeee; border: 1px solid #e3b4b4; padding: 0.5rem 0.75rem; border-radius: 4px; } .bp__ok[b-6ox3lju8li] { color: #1f5a22; background: #eef7ee; border: 1px solid #b7d8b9; padding: 0.5rem 0.75rem; border-radius: 4px; margin: 0.5rem 0; } .bp__badge[b-6ox3lju8li] { font-size: 0.72rem; font-weight: 600; padding: 0.1rem 0.5rem; border-radius: 0.6rem; background: #e3f0fb; color: #0b4a7a; } .bp__table[b-6ox3lju8li] { width: 100%; border-collapse: collapse; margin: 0.75rem 0; font-size: 0.88rem; } .bp__table th[b-6ox3lju8li], .bp__table td[b-6ox3lju8li] { border-bottom: 1px solid #e3e3e3; padding: 0.35rem 0.5rem; text-align: left; vertical-align: top; } .bp__table th[b-6ox3lju8li] { background: #f3f3f3; font-weight: 600; } .bp__table .num[b-6ox3lju8li] { text-align: right; white-space: nowrap; } .bp__row--ask[b-6ox3lju8li] { background: #fff8e6; } .bp__work td[b-6ox3lju8li] { background: #fafafa; font-size: 0.82rem; } .bp__json[b-6ox3lju8li] { font-family: ui-monospace, monospace; font-size: 0.72rem; max-width: 22rem; word-break: break-all; } .bp__price[b-6ox3lju8li] { width: 6rem; text-align: right; padding: 0.2rem 0.3rem; } .bp__note[b-6ox3lju8li] { width: 11rem; padding: 0.2rem 0.3rem; } .bp__decide[b-6ox3lju8li] { display: flex; flex-wrap: wrap; gap: 0.3rem; align-items: center; max-width: 26rem; } .bp__actions[b-6ox3lju8li] { display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center; margin: 0.75rem 0; } .bp__factors[b-6ox3lju8li] { border: 1px solid #ddd; border-radius: 4px; padding: 0.75rem 1rem; margin: 0.75rem 0; display: flex; flex-wrap: wrap; gap: 0.8rem 1.2rem; align-items: flex-end; } .bp__factors label[b-6ox3lju8li] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; } .bp__check[b-6ox3lju8li] { flex-direction: row !important; align-items: center; gap: 0.4rem !important; } .bp__btn[b-6ox3lju8li] { background: #0047AB; color: #fff; border: 0; padding: 0.4rem 0.9rem; border-radius: 4px; cursor: pointer; text-decoration: none; display: inline-block; } .bp__btn:disabled[b-6ox3lju8li] { background: #9db3d6; cursor: not-allowed; } .bp__btn--ghost[b-6ox3lju8li] { background: #fff; color: #0047AB; border: 1px solid #0047AB; } .bp__btn--ghost:disabled[b-6ox3lju8li] { color: #9db3d6; border-color: #9db3d6; } .bp__tag[b-6ox3lju8li] { display: inline-block; font-size: 0.72rem; font-weight: 600; padding: 0.05rem 0.45rem; border-radius: 0.6rem; background: #e6e6e6; color: #333; } .bp__tag--ok[b-6ox3lju8li] { background: #e1f3e2; color: #1f5a22; } .bp__tag--edit[b-6ox3lju8li] { background: #e3f0fb; color: #0b4a7a; } .bp__tag--ask[b-6ox3lju8li] { background: #fdebc8; color: #7a4a00; } /* /Pages/BidPricingReportIsland.razor.rz.scp.css */ .bp[b-y43uj1nu5m] { font-family: system-ui, sans-serif; color: #1c1c1c; padding: 1rem 1.2rem; max-width: 1400px; } .bp h1[b-y43uj1nu5m] { font-size: 1.4rem; display: flex; gap: 0.6rem; align-items: center; } .bp__hint[b-y43uj1nu5m] { color: #555; font-size: 0.85rem; } .bp__error[b-y43uj1nu5m] { color: #8a1c1c; background: #fbeeee; border: 1px solid #e3b4b4; padding: 0.5rem 0.75rem; border-radius: 4px; } .bp__ok[b-y43uj1nu5m] { color: #1f5a22; background: #eef7ee; border: 1px solid #b7d8b9; padding: 0.5rem 0.75rem; border-radius: 4px; margin: 0.5rem 0; } .bp__badge[b-y43uj1nu5m] { font-size: 0.72rem; font-weight: 600; padding: 0.1rem 0.5rem; border-radius: 0.6rem; background: #e3f0fb; color: #0b4a7a; } .bp__table[b-y43uj1nu5m] { width: 100%; border-collapse: collapse; margin: 0.75rem 0; font-size: 0.88rem; } .bp__table th[b-y43uj1nu5m], .bp__table td[b-y43uj1nu5m] { border-bottom: 1px solid #e3e3e3; padding: 0.35rem 0.5rem; text-align: left; vertical-align: top; } .bp__table th[b-y43uj1nu5m] { background: #f3f3f3; font-weight: 600; } .bp__table .num[b-y43uj1nu5m] { text-align: right; white-space: nowrap; } .bp__row--ask[b-y43uj1nu5m] { background: #fff8e6; } .bp__work td[b-y43uj1nu5m] { background: #fafafa; font-size: 0.82rem; } .bp__json[b-y43uj1nu5m] { font-family: ui-monospace, monospace; font-size: 0.72rem; max-width: 22rem; word-break: break-all; } .bp__price[b-y43uj1nu5m] { width: 6rem; text-align: right; padding: 0.2rem 0.3rem; } .bp__note[b-y43uj1nu5m] { width: 11rem; padding: 0.2rem 0.3rem; } .bp__decide[b-y43uj1nu5m] { display: flex; flex-wrap: wrap; gap: 0.3rem; align-items: center; max-width: 26rem; } .bp__actions[b-y43uj1nu5m] { display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center; margin: 0.75rem 0; } .bp__factors[b-y43uj1nu5m] { border: 1px solid #ddd; border-radius: 4px; padding: 0.75rem 1rem; margin: 0.75rem 0; display: flex; flex-wrap: wrap; gap: 0.8rem 1.2rem; align-items: flex-end; } .bp__factors label[b-y43uj1nu5m] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; } .bp__check[b-y43uj1nu5m] { flex-direction: row !important; align-items: center; gap: 0.4rem !important; } .bp__btn[b-y43uj1nu5m] { background: #0047AB; color: #fff; border: 0; padding: 0.4rem 0.9rem; border-radius: 4px; cursor: pointer; text-decoration: none; display: inline-block; } .bp__btn:disabled[b-y43uj1nu5m] { background: #9db3d6; cursor: not-allowed; } .bp__btn--ghost[b-y43uj1nu5m] { background: #fff; color: #0047AB; border: 1px solid #0047AB; } .bp__btn--ghost:disabled[b-y43uj1nu5m] { color: #9db3d6; border-color: #9db3d6; } .bp__tag[b-y43uj1nu5m] { display: inline-block; font-size: 0.72rem; font-weight: 600; padding: 0.05rem 0.45rem; border-radius: 0.6rem; background: #e6e6e6; color: #333; } .bp__tag--ok[b-y43uj1nu5m] { background: #e1f3e2; color: #1f5a22; } .bp__tag--edit[b-y43uj1nu5m] { background: #e3f0fb; color: #0b4a7a; } .bp__tag--ask[b-y43uj1nu5m] { background: #fdebc8; color: #7a4a00; } /* /Pages/BidPricingReviewIsland.razor.rz.scp.css */ .bp[b-047ig78tgt] { font-family: system-ui, sans-serif; color: #1c1c1c; padding: 1rem 1.2rem; max-width: 1400px; } .bp h1[b-047ig78tgt] { font-size: 1.4rem; display: flex; gap: 0.6rem; align-items: center; } .bp__hint[b-047ig78tgt] { color: #555; font-size: 0.85rem; } .bp__error[b-047ig78tgt] { color: #8a1c1c; background: #fbeeee; border: 1px solid #e3b4b4; padding: 0.5rem 0.75rem; border-radius: 4px; } .bp__ok[b-047ig78tgt] { color: #1f5a22; background: #eef7ee; border: 1px solid #b7d8b9; padding: 0.5rem 0.75rem; border-radius: 4px; margin: 0.5rem 0; } .bp__badge[b-047ig78tgt] { font-size: 0.72rem; font-weight: 600; padding: 0.1rem 0.5rem; border-radius: 0.6rem; background: #e3f0fb; color: #0b4a7a; } .bp__table[b-047ig78tgt] { width: 100%; border-collapse: collapse; margin: 0.75rem 0; font-size: 0.88rem; } .bp__table th[b-047ig78tgt], .bp__table td[b-047ig78tgt] { border-bottom: 1px solid #e3e3e3; padding: 0.35rem 0.5rem; text-align: left; vertical-align: top; } .bp__table th[b-047ig78tgt] { background: #f3f3f3; font-weight: 600; } .bp__table .num[b-047ig78tgt] { text-align: right; white-space: nowrap; } .bp__row--ask[b-047ig78tgt] { background: #fff8e6; } .bp__work td[b-047ig78tgt] { background: #fafafa; font-size: 0.82rem; } .bp__json[b-047ig78tgt] { font-family: ui-monospace, monospace; font-size: 0.72rem; max-width: 22rem; word-break: break-all; } .bp__price[b-047ig78tgt] { width: 6rem; text-align: right; padding: 0.2rem 0.3rem; } .bp__note[b-047ig78tgt] { width: 11rem; padding: 0.2rem 0.3rem; } .bp__decide[b-047ig78tgt] { display: flex; flex-wrap: wrap; gap: 0.3rem; align-items: center; max-width: 26rem; } .bp__actions[b-047ig78tgt] { display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center; margin: 0.75rem 0; } .bp__factors[b-047ig78tgt] { border: 1px solid #ddd; border-radius: 4px; padding: 0.75rem 1rem; margin: 0.75rem 0; display: flex; flex-wrap: wrap; gap: 0.8rem 1.2rem; align-items: flex-end; } .bp__factors label[b-047ig78tgt] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; } .bp__check[b-047ig78tgt] { flex-direction: row !important; align-items: center; gap: 0.4rem !important; } .bp__btn[b-047ig78tgt] { background: #0047AB; color: #fff; border: 0; padding: 0.4rem 0.9rem; border-radius: 4px; cursor: pointer; text-decoration: none; display: inline-block; } .bp__btn:disabled[b-047ig78tgt] { background: #9db3d6; cursor: not-allowed; } .bp__btn--ghost[b-047ig78tgt] { background: #fff; color: #0047AB; border: 1px solid #0047AB; } .bp__btn--ghost:disabled[b-047ig78tgt] { color: #9db3d6; border-color: #9db3d6; } .bp__tag[b-047ig78tgt] { display: inline-block; font-size: 0.72rem; font-weight: 600; padding: 0.05rem 0.45rem; border-radius: 0.6rem; background: #e6e6e6; color: #333; } .bp__tag--ok[b-047ig78tgt] { background: #e1f3e2; color: #1f5a22; } .bp__tag--edit[b-047ig78tgt] { background: #e3f0fb; color: #0b4a7a; } .bp__tag--ask[b-047ig78tgt] { background: #fdebc8; color: #7a4a00; } /* /Pages/BidProposalTermsIsland.razor.rz.scp.css */ .bt[b-1a8dfi9ncb] { font-family: system-ui, sans-serif; color: #1c1c1c; padding: 1rem 1.2rem; max-width: 1100px; } .bt h1[b-1a8dfi9ncb] { font-size: 1.4rem; } .bt h2[b-1a8dfi9ncb] { font-size: 1.05rem; margin: 0 0 0.5rem; } .bt__hint[b-1a8dfi9ncb] { color: #555; font-size: 0.85rem; } .bt__error[b-1a8dfi9ncb] { color: #8a1c1c; background: #fbeeee; border: 1px solid #e3b4b4; padding: 0.5rem 0.75rem; border-radius: 4px; } .bt__ok[b-1a8dfi9ncb] { color: #1f5a22; background: #eef7ee; border: 1px solid #b7d8b9; padding: 0.5rem 0.75rem; border-radius: 4px; } .bt__panel[b-1a8dfi9ncb] { border: 1px solid #ddd; border-radius: 4px; padding: 0.75rem 1rem; margin: 1rem 0; } .bt__check[b-1a8dfi9ncb] { display: flex; gap: 0.4rem; align-items: center; font-size: 0.95rem; } .bt__clause[b-1a8dfi9ncb] { display: grid; grid-template-columns: 2rem 1fr auto; gap: 0.5rem; align-items: start; margin: 0.5rem 0; } .bt__num[b-1a8dfi9ncb] { padding-top: 0.3rem; color: #555; text-align: right; } .bt__clause textarea[b-1a8dfi9ncb] { width: 100%; font: inherit; padding: 0.3rem; box-sizing: border-box; } .bt__clausebtns[b-1a8dfi9ncb] { display: flex; flex-direction: column; gap: 0.25rem; } .bt__note[b-1a8dfi9ncb] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; max-width: 40rem; } .bt__note input[b-1a8dfi9ncb] { padding: 0.3rem; font: inherit; } .bt__btn[b-1a8dfi9ncb] { background: #0047AB; color: #fff; border: 0; padding: 0.35rem 0.9rem; border-radius: 4px; cursor: pointer; } .bt__btn:disabled[b-1a8dfi9ncb] { background: #9db3d6; cursor: not-allowed; } .bt__btn--ghost[b-1a8dfi9ncb] { background: #fff; color: #0047AB; border: 1px solid #0047AB; } .bt__btn--ghost:disabled[b-1a8dfi9ncb] { background: #fff; color: #9db3d6; border-color: #9db3d6; } .bt__table[b-1a8dfi9ncb] { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .bt__table th[b-1a8dfi9ncb], .bt__table td[b-1a8dfi9ncb] { border-bottom: 1px solid #e3e3e3; padding: 0.35rem 0.5rem; text-align: left; vertical-align: middle; } .bt__table th[b-1a8dfi9ncb] { background: #f3f3f3; font-weight: 600; } .bt__pill[b-1a8dfi9ncb] { display: inline-block; font-size: 0.72rem; font-weight: 600; padding: 0.05rem 0.45rem; border-radius: 0.6rem; background: #eef7ee; color: #1f5a22; margin-left: 0.3rem; } /* /Pages/BidStrategyIsland.razor.rz.scp.css */ .bs[b-2as3z6rt1g] { font-family: system-ui, sans-serif; color: #1c1c1c; padding: 1rem 1.2rem; max-width: 1200px; } .bs h1[b-2as3z6rt1g] { font-size: 1.4rem; } .bs[b-2as3z6rt1g] h2 { font-size: 1.05rem; margin: 0 0 0.5rem; } .bs h2[b-2as3z6rt1g] { font-size: 1.05rem; margin: 0 0 0.5rem; } .bs h3[b-2as3z6rt1g] { font-size: 0.95rem; margin: 0.5rem 0; } .bs[b-2as3z6rt1g] .bs__hint, .bs__hint[b-2as3z6rt1g] { color: #555; font-size: 0.85rem; } .bs__note[b-2as3z6rt1g] { background: #fff7e0; border: 1px solid #e8d48a; padding: 0.5rem 0.75rem; border-radius: 4px; font-size: 0.9rem; } .bs__error[b-2as3z6rt1g] { color: #8a1c1c; background: #fbeeee; border: 1px solid #e3b4b4; padding: 0.5rem 0.75rem; border-radius: 4px; } .bs__ok[b-2as3z6rt1g] { color: #1f5a22; background: #eef7ee; border: 1px solid #b7d8b9; padding: 0.5rem 0.75rem; border-radius: 4px; } .bs[b-2as3z6rt1g] .bs__panel, .bs__panel[b-2as3z6rt1g] { border: 1px solid #ddd; border-radius: 4px; padding: 0.75rem 1rem; margin: 1rem 0; } .bs[b-2as3z6rt1g] .bs__scroll { overflow-x: auto; } .bs[b-2as3z6rt1g] .bs__table, .bs__table[b-2as3z6rt1g] { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .bs[b-2as3z6rt1g] .bs__table th, .bs[b-2as3z6rt1g] .bs__table td, .bs__table th[b-2as3z6rt1g], .bs__table td[b-2as3z6rt1g] { border-bottom: 1px solid #e3e3e3; padding: 0.3rem 0.5rem; text-align: left; vertical-align: middle; } .bs[b-2as3z6rt1g] .bs__table th, .bs__table th[b-2as3z6rt1g] { background: #f3f3f3; font-weight: 600; } .bs[b-2as3z6rt1g] .bs__num, .bs__num[b-2as3z6rt1g] { text-align: right !important; white-space: nowrap; } .bs__btn[b-2as3z6rt1g] { background: #0047AB; color: #fff; border: 0; padding: 0.35rem 0.9rem; border-radius: 4px; cursor: pointer; } .bs__btn:disabled[b-2as3z6rt1g] { background: #9db3d6; cursor: not-allowed; } .bs__btn--ghost[b-2as3z6rt1g] { background: #fff; color: #0047AB; border: 1px solid #0047AB; } .bs__edit[b-2as3z6rt1g] { border-top: 1px solid #ddd; margin-top: 0.75rem; padding-top: 0.5rem; display: grid; gap: 0.5rem; max-width: 32rem; } .bs__edit label[b-2as3z6rt1g] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; } .bs__edit input[b-2as3z6rt1g], .bs__edit select[b-2as3z6rt1g] { padding: 0.3rem; font: inherit; } /* /Pages/BidWizardReviewIsland.razor.rz.scp.css */ .bw[b-ki18sdmfg6] { font-family: system-ui, sans-serif; color: #1c1c1c; padding: 1rem 1.2rem; max-width: 1200px; } .bw h1[b-ki18sdmfg6] { font-size: 1.4rem; display: flex; gap: 0.6rem; align-items: center; } .bw__hint[b-ki18sdmfg6] { color: #555; font-size: 0.85rem; } .bw__error[b-ki18sdmfg6] { color: #8a1c1c; background: #fbeeee; border: 1px solid #e3b4b4; padding: 0.5rem 0.75rem; border-radius: 4px; } .bw__ok[b-ki18sdmfg6] { color: #1f5a22; background: #eef7ee; border: 1px solid #b7d8b9; padding: 0.5rem 0.75rem; border-radius: 4px; } .bw__tabs[b-ki18sdmfg6] { display: flex; gap: 0.4rem; margin: 0.75rem 0; } .bw__tab[b-ki18sdmfg6] { border: 1px solid #ccc; background: #fff; padding: 0.3rem 0.8rem; border-radius: 4px; cursor: pointer; } .bw__tab--on[b-ki18sdmfg6] { background: #0047AB; color: #fff; border-color: #0047AB; } .bw__table[b-ki18sdmfg6] { width: 100%; border-collapse: collapse; margin: 0.75rem 0; font-size: 0.9rem; } .bw__table th[b-ki18sdmfg6], .bw__table td[b-ki18sdmfg6] { border-bottom: 1px solid #e3e3e3; padding: 0.35rem 0.5rem; text-align: left; vertical-align: middle; } .bw__table th[b-ki18sdmfg6] { background: #f3f3f3; font-weight: 600; } .bw__table .num[b-ki18sdmfg6] { text-align: right; white-space: nowrap; } .bw__row--bad[b-ki18sdmfg6] { background: #fff1f1; } .bw__price[b-ki18sdmfg6] { width: 7rem; text-align: right; padding: 0.2rem 0.3rem; } .bw__facts[b-ki18sdmfg6] { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 0.75rem; margin: 0.5rem 0 0.75rem; } .bw__actions[b-ki18sdmfg6] { display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center; margin: 0.75rem 0; } .bw__btn[b-ki18sdmfg6] { background: #0047AB; color: #fff; border: 0; padding: 0.45rem 1rem; border-radius: 4px; cursor: pointer; text-decoration: none; display: inline-block; } .bw__btn:disabled[b-ki18sdmfg6] { background: #9db3d6; cursor: not-allowed; } .bw__btn--ghost[b-ki18sdmfg6] { background: #fff; color: #0047AB; border: 1px solid #0047AB; } .bw__send[b-ki18sdmfg6] { border: 1px solid #ddd; border-radius: 4px; padding: 0.75rem 1rem; margin: 1rem 0; display: grid; gap: 0.5rem; max-width: 40rem; } .bw__send label[b-ki18sdmfg6] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; } .bw__send input[type=text][b-ki18sdmfg6], .bw__send textarea[b-ki18sdmfg6] { padding: 0.3rem; font: inherit; } .bw__check[b-ki18sdmfg6] { flex-direction: row !important; align-items: center; gap: 0.4rem !important; display: flex; } .bw__xlsx[b-ki18sdmfg6] { margin: 0.75rem 0; font-size: 0.9rem; } .bw__lane[b-ki18sdmfg6] { display: inline-block; font-size: 0.72rem; font-weight: 600; padding: 0.05rem 0.45rem; border-radius: 0.6rem; background: #e6e6e6; color: #333; } .bw__lane--rep[b-ki18sdmfg6] { background: #e3f0fb; color: #0b4a7a; } .bw__lane--ownerapproval[b-ki18sdmfg6] { background: #A31E23; color: #fff; } /* /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/CustomerPreferredLanguagePicker.razor.rz.scp.css */ /* Copied from customer-file-mockup-v16.html (#77226). Page tokens come from .cf-page. */ .langsel[b-iipf5xfsl3] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; font-size: 13.5px; } .langsel select.lang[b-iipf5xfsl3] { border: 1px solid var(--line); background: var(--surface); color: var(--ink); border-radius: 8px; padding: 5px 8px; font: inherit; } .muted[b-iipf5xfsl3] { color: var(--muted); } .pill[b-iipf5xfsl3] { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 2px 10px; font-size: 12.5px; font-weight: 700; white-space: nowrap; } .p-ok[b-iipf5xfsl3] { background: var(--ok-soft); color: var(--ok); } .badline[b-iipf5xfsl3] { color: var(--bad); font-weight: 700; } /* /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-attempt[b-n90ieetwqr] { border: 2px solid #92400e; border-radius: 8px; padding: 0.75rem; margin: 0 0 1rem; background: #fffbeb; } .edr-attempt__facts[b-n90ieetwqr] { display: grid; grid-template-columns: max-content 1fr; gap: 0.2rem 1rem; margin: 0 0 0.5rem; } .edr-attempt__facts dt[b-n90ieetwqr] { font-weight: 600; } .edr-attempt__facts dd[b-n90ieetwqr] { margin: 0; word-break: break-word; } .edr-sr[b-n90ieetwqr] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } /* /Pages/EdRep/EdRepKpiScorecardIsland.razor.rz.scp.css */ /* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */ .kpi-page[b-qayjuhp03n] { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; padding: 1rem 1.5rem; max-width: 100%; } .kpi-header h1[b-qayjuhp03n] { font-size: 1.5rem; margin: 0 0 0.25rem; } .kpi-h2[b-qayjuhp03n] { font-size: 1.1rem; margin: 1.5rem 0 0.5rem; } .kpi-sr[b-qayjuhp03n] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .kpi-muted[b-qayjuhp03n] { color: #666; font-size: 0.85rem; } .kpi-error[b-qayjuhp03n] { color: #991b1b; } .kpi-banner[b-qayjuhp03n] { padding: 0.6rem 0.9rem; border-radius: 6px; background: #fffbeb; color: #92400e; } .kpi-btn[b-qayjuhp03n] { border: 1px solid #c9c9d6; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; } .kpi-btn:focus-visible[b-qayjuhp03n], .kpi-toolbar select:focus-visible[b-qayjuhp03n], .kpi-toolbar input:focus-visible[b-qayjuhp03n], .kpi-table a:focus-visible[b-qayjuhp03n] { outline: 3px solid #2563eb; outline-offset: 2px; } .kpi-toolbar[b-qayjuhp03n] { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; margin: 1rem 0; } .kpi-toolbar label[b-qayjuhp03n] { display: flex; flex-direction: column; font-size: 0.85rem; gap: 0.2rem; } .kpi-toolbar select[b-qayjuhp03n], .kpi-toolbar input[b-qayjuhp03n] { font: inherit; padding: 0.3rem 0.5rem; border: 1px solid #c9c9d6; border-radius: 6px; min-width: 12rem; } .kpi-scroll[b-qayjuhp03n] { overflow-x: auto; } .kpi-table[b-qayjuhp03n] { width: 100%; border-collapse: collapse; font-size: 0.85rem; } .kpi-table th[b-qayjuhp03n], .kpi-table td[b-qayjuhp03n] { text-align: left; padding: 0.35rem 0.5rem; border-bottom: 1px solid #e2e2ea; vertical-align: top; white-space: nowrap; } .kpi-table thead th[b-qayjuhp03n] { position: sticky; top: 0; background: #f6f6fa; white-space: normal; } .kpi-table tbody th[b-qayjuhp03n] { font-weight: 600; } .kpi-flag[b-qayjuhp03n] { margin-left: 0.4rem; padding: 0 0.35rem; border-radius: 4px; background: #fef3c7; color: #92400e; font-size: 0.75rem; } .kpi-basis[b-qayjuhp03n] { margin-top: 1.5rem; font-size: 0.85rem; color: #333; } .kpi-basis dt[b-qayjuhp03n] { font-weight: 600; margin-top: 0.5rem; } .kpi-basis dd[b-qayjuhp03n] { margin: 0.1rem 0 0 1rem; } /* /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/EventKitAdminIsland.razor.rz.scp.css */ .ek[b-53th6p9fpm] { max-width: 1100px; margin: 0 auto; padding: 16px; font-family: Arial, Helvetica, sans-serif; color: #222; } .ek-title[b-53th6p9fpm] { margin: 20px 0 8px; font-size: 1.4rem; } .ek-title small[b-53th6p9fpm] { font-weight: normal; color: #666; margin-left: 8px; } .ek-events[b-53th6p9fpm] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; } .ek-event[b-53th6p9fpm] { text-align: left; background: #fff; border: 2px solid #d8d8d8; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; gap: 4px; cursor: pointer; font: inherit; } .ek-event-on[b-53th6p9fpm] { border-color: #b01e24; background: #fff6f6; } .ek-badges[b-53th6p9fpm] { display: flex; flex-wrap: wrap; gap: 4px; } .ek-badge[b-53th6p9fpm] { font-size: .75rem; padding: 2px 8px; border-radius: 10px; background: #eee; } .ek-on[b-53th6p9fpm] { background: #d9f2dd; } .ek-off[b-53th6p9fpm] { background: #e6e6e6; color: #555; } .ek-warn[b-53th6p9fpm] { background: #ffe9b8; } .ek-tabs[b-53th6p9fpm] { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; } .ek-tab[b-53th6p9fpm] { min-height: 44px; padding: 0 16px; border: 1px solid #bbb; background: #f5f5f5; border-radius: 6px; cursor: pointer; font: inherit; } .ek-tab-on[b-53th6p9fpm] { background: #b01e24; color: #fff; border-color: #b01e24; } .ek-btn[b-53th6p9fpm] { min-height: 40px; padding: 0 14px; border: 1px solid #999; background: #fff; border-radius: 6px; cursor: pointer; font: inherit; } .ek-btn:disabled[b-53th6p9fpm] { opacity: .5; cursor: not-allowed; } .ek-primary[b-53th6p9fpm] { background: #b01e24; border-color: #b01e24; color: #fff; } .ek-big[b-53th6p9fpm] { min-height: 56px; font-size: 1.15rem; padding: 0 22px; } .ek-form[b-53th6p9fpm] { display: flex; flex-direction: column; gap: 12px; max-width: 640px; } .ek-form label[b-53th6p9fpm] { display: flex; flex-direction: column; gap: 4px; font-size: .9rem; } .ek-form input[b-53th6p9fpm], .ek-form select[b-53th6p9fpm], .ek-form textarea[b-53th6p9fpm], .ek-bar input[b-53th6p9fpm], .ek-bar select[b-53th6p9fpm] { min-height: 40px; padding: 4px 8px; font: inherit; border: 1px solid #aaa; border-radius: 6px; } .ek-check[b-53th6p9fpm] { flex-direction: row !important; align-items: center; gap: 8px !important; } .ek-check input[b-53th6p9fpm] { min-height: 0 !important; width: 20px; height: 20px; } .ek-row[b-53th6p9fpm] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .ek-fine[b-53th6p9fpm] { font-size: .8rem; color: #555; } .ek-msg[b-53th6p9fpm] { padding: 10px 12px; border-radius: 6px; margin: 8px 0; } .ek-ok[b-53th6p9fpm] { background: #d9f2dd; } .ek-err[b-53th6p9fpm] { background: #fde0e0; } .ek-bar[b-53th6p9fpm] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 8px; } .ek-search[b-53th6p9fpm] { flex: 1 1 240px; } .ek-table[b-53th6p9fpm] { width: 100%; border-collapse: collapse; font-size: .9rem; } .ek-table th[b-53th6p9fpm], .ek-table td[b-53th6p9fpm] { border-bottom: 1px solid #e3e3e3; padding: 6px 8px; text-align: left; vertical-align: top; } .ek-num[b-53th6p9fpm] { width: 80px; min-height: 36px; padding: 2px 6px; } .ek-full[b-53th6p9fpm] { color: #b01e24; font-weight: bold; } .ek-checkin[b-53th6p9fpm] { display: flex; flex-direction: column; gap: 16px; max-width: 640px; } .ek-checkin form[b-53th6p9fpm] { display: flex; gap: 8px; } .ek-code[b-53th6p9fpm] { flex: 1; min-height: 56px; font-size: 1.6rem; letter-spacing: .15em; text-transform: uppercase; padding: 4px 12px; border: 2px solid #888; border-radius: 8px; } .ek-video[b-53th6p9fpm] { width: 100%; max-height: 360px; background: #000; border-radius: 8px; margin-top: 8px; } .ek-hidden[b-53th6p9fpm] { display: none; } .ek-result[b-53th6p9fpm] { display: flex; flex-direction: column; gap: 4px; padding: 18px; border-radius: 10px; font-size: 1.3rem; } .ek-result-ok[b-53th6p9fpm] { background: #c9f0cf; } .ek-result-warn[b-53th6p9fpm] { background: #ffe9b8; } .ek-result-bad[b-53th6p9fpm] { background: #fbcaca; } .ek-history[b-53th6p9fpm] { padding-left: 18px; margin: 0; } .ek-csv[b-53th6p9fpm] { font-family: monospace; } @media (max-width: 640px) { .ek-row[b-53th6p9fpm] { grid-template-columns: 1fr; } .ek-checkin form[b-53th6p9fpm] { flex-direction: column; } } /* /Pages/GroupFilterBar.razor.rz.scp.css */ .gfb[b-mkyurj71r8] { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; align-items: flex-end; margin: 0.5rem 0; font-size: 0.875rem; color: #555; } .gfb label[b-mkyurj71r8] { display: flex; flex-direction: column; gap: 0.2rem; } .gfb input[type="search"][b-mkyurj71r8], .gfb input[type="number"][b-mkyurj71r8], .gfb select[b-mkyurj71r8] { padding: 0.3rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; color: #1a1a2e; } .gfb input[type="number"][b-mkyurj71r8] { width: 7rem; } .gfb .gfb-check[b-mkyurj71r8] { flex-direction: row; align-items: center; gap: 0.4rem; padding-bottom: 0.35rem; } .gfb button[b-mkyurj71r8] { padding: 0.3rem 0.75rem; border: 1px solid #c7c7d4; border-radius: 6px; background: #fff; font: inherit; cursor: pointer; } /* /Pages/LendingBorrowerEnrollIsland.razor.rz.scp.css */ .lp-page[b-fifjodmx3k] { max-width: 760px; margin: 0 auto; padding: 24px 16px; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #1f2937; } .lp-header h1[b-fifjodmx3k] { font-size: 1.6rem; margin: 8px 0; } .lp-card[b-fifjodmx3k] { background: #fff; border: 1px solid #d1d5db; border-radius: 8px; padding: 16px 20px; margin: 16px 0; } .lp-card h2[b-fifjodmx3k] { font-size: 1.15rem; margin-top: 0; } .lp-balance[b-fifjodmx3k] { font-size: 2rem; font-weight: 700; } .lp-note[b-fifjodmx3k] { font-size: 0.9rem; color: #6b7280; } .lp-alert[b-fifjodmx3k] { border-radius: 8px; padding: 12px 16px; margin: 16px 0; } .lp-alert ul[b-fifjodmx3k] { margin: 0; padding-left: 20px; } .lp-alert-ok[b-fifjodmx3k] { background: #dcfce7; border: 1px solid #86efac; } .lp-alert-error[b-fifjodmx3k] { background: #fee2e2; border: 1px solid #fca5a5; } .lp-table[b-fifjodmx3k] { width: 100%; border-collapse: collapse; margin-top: 8px; } .lp-table th[b-fifjodmx3k], .lp-table td[b-fifjodmx3k] { text-align: left; padding: 6px 8px; border-bottom: 1px solid #e5e7eb; font-size: 0.95rem; } label[b-fifjodmx3k] { display: block; margin: 12px 0 4px; font-weight: 600; font-size: 0.9rem; } input[type="text"][b-fifjodmx3k], input[type="email"][b-fifjodmx3k], input[type="number"][b-fifjodmx3k], select[b-fifjodmx3k] { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #9ca3af; border-radius: 6px; font-size: 1rem; } .lp-submit[b-fifjodmx3k] { margin-top: 20px; padding: 10px 20px; background: #0b5cab; color: #fff; border: none; border-radius: 6px; font-size: 1rem; cursor: pointer; } .lp-secondary[b-fifjodmx3k] { margin: 8px 8px 0 0; padding: 6px 14px; background: #fff; color: #0b5cab; border: 1px solid #0b5cab; border-radius: 6px; font-size: 0.9rem; cursor: pointer; } .lp-secondary:disabled[b-fifjodmx3k] { opacity: 0.6; cursor: default; } .lp-submit:disabled[b-fifjodmx3k] { opacity: 0.6; cursor: default; } /* /Pages/LendingBorrowerPaymentIsland.razor.rz.scp.css */ .lbp-page[b-28drc81cvw] { max-width: 640px; margin: 0 auto; padding: 24px 16px; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #1f2937; } .lbp-header h1[b-28drc81cvw] { font-size: 1.6rem; margin: 8px 0; } .lbp-card[b-28drc81cvw] { background: #fff; border: 1px solid #d1d5db; border-radius: 8px; padding: 16px 20px; margin: 16px 0; } .lbp-card h2[b-28drc81cvw] { font-size: 1.15rem; margin-top: 0; } .lbp-balance[b-28drc81cvw] { font-size: 2rem; font-weight: 700; } .lbp-note[b-28drc81cvw] { font-size: 0.9rem; color: #6b7280; } .lbp-alert[b-28drc81cvw] { border-radius: 8px; padding: 12px 16px; margin: 16px 0; } .lbp-alert ul[b-28drc81cvw] { margin: 0; padding-left: 20px; } .lbp-alert-ok[b-28drc81cvw] { background: #dcfce7; border: 1px solid #86efac; } .lbp-alert-error[b-28drc81cvw] { background: #fee2e2; border: 1px solid #fca5a5; } label[b-28drc81cvw] { display: block; margin: 12px 0 4px; font-weight: 600; font-size: 0.9rem; } input[type="text"][b-28drc81cvw], input[type="email"][b-28drc81cvw], input[type="number"][b-28drc81cvw], input[type="tel"][b-28drc81cvw], select[b-28drc81cvw] { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #9ca3af; border-radius: 6px; font-size: 1rem; } .lbp-submit[b-28drc81cvw] { margin-top: 20px; padding: 10px 20px; background: #0b5cab; color: #fff; border: none; border-radius: 6px; font-size: 1rem; cursor: pointer; } .lbp-secondary[b-28drc81cvw] { margin: 8px 8px 0 0; padding: 6px 14px; background: #fff; color: #0b5cab; border: 1px solid #0b5cab; border-radius: 6px; font-size: 0.9rem; cursor: pointer; } .lbp-secondary:disabled[b-28drc81cvw] { opacity: 0.6; cursor: default; } .lbp-submit:disabled[b-28drc81cvw] { opacity: 0.6; cursor: default; } .lbp-table[b-28drc81cvw] { width: 100%; border-collapse: collapse; margin: 12px 0; } .lbp-table th[b-28drc81cvw], .lbp-table td[b-28drc81cvw] { text-align: left; padding: 6px 8px; border-bottom: 1px solid #e5e7eb; font-size: 0.9rem; } .lbp-table th[b-28drc81cvw] { color: #6b7280; font-weight: 600; } /* /Pages/LendingBorrowerPortalIsland.razor.rz.scp.css */ .lp-page[b-qy5qc8udvj] { max-width: 760px; margin: 0 auto; padding: 24px 16px; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #1f2937; } .lp-header h1[b-qy5qc8udvj] { font-size: 1.6rem; margin: 8px 0; } .lp-card[b-qy5qc8udvj] { background: #fff; border: 1px solid #d1d5db; border-radius: 8px; padding: 16px 20px; margin: 16px 0; } .lp-card h2[b-qy5qc8udvj] { font-size: 1.15rem; margin-top: 0; } .lp-balance[b-qy5qc8udvj] { font-size: 2rem; font-weight: 700; } .lp-note[b-qy5qc8udvj] { font-size: 0.9rem; color: #6b7280; } .lp-alert[b-qy5qc8udvj] { border-radius: 8px; padding: 12px 16px; margin: 16px 0; } .lp-alert ul[b-qy5qc8udvj] { margin: 0; padding-left: 20px; } .lp-alert-ok[b-qy5qc8udvj] { background: #dcfce7; border: 1px solid #86efac; } .lp-alert-error[b-qy5qc8udvj] { background: #fee2e2; border: 1px solid #fca5a5; } .lp-table[b-qy5qc8udvj] { width: 100%; border-collapse: collapse; margin-top: 8px; } .lp-table th[b-qy5qc8udvj], .lp-table td[b-qy5qc8udvj] { text-align: left; padding: 6px 8px; border-bottom: 1px solid #e5e7eb; font-size: 0.95rem; } label[b-qy5qc8udvj] { display: block; margin: 12px 0 4px; font-weight: 600; font-size: 0.9rem; } input[type="text"][b-qy5qc8udvj], input[type="email"][b-qy5qc8udvj], input[type="number"][b-qy5qc8udvj], select[b-qy5qc8udvj] { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #9ca3af; border-radius: 6px; font-size: 1rem; } .lp-submit[b-qy5qc8udvj] { margin-top: 20px; padding: 10px 20px; background: #0b5cab; color: #fff; border: none; border-radius: 6px; font-size: 1rem; cursor: pointer; } .lp-secondary[b-qy5qc8udvj] { margin: 8px 8px 0 0; padding: 6px 14px; background: #fff; color: #0b5cab; border: 1px solid #0b5cab; border-radius: 6px; font-size: 0.9rem; cursor: pointer; } .lp-secondary:disabled[b-qy5qc8udvj] { opacity: 0.6; cursor: default; } .lp-submit:disabled[b-qy5qc8udvj] { opacity: 0.6; cursor: default; } /* /Pages/LendingCheckoutIsland.razor.rz.scp.css */ .mfc-page[b-bcj0baprb9] { max-width: 680px; margin: 0 auto; padding: 24px 16px; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #1f2937; } .mfc-header h1[b-bcj0baprb9] { font-size: 1.6rem; margin: 8px 0; } .mfc-card[b-bcj0baprb9] { background: #fff; border: 1px solid #d1d5db; border-radius: 8px; padding: 16px 20px; margin: 16px 0; } .mfc-card h2[b-bcj0baprb9] { font-size: 1.15rem; margin-top: 0; } .mfc-total[b-bcj0baprb9] { font-size: 1.1rem; } .mfc-note[b-bcj0baprb9] { font-size: 0.9rem; color: #6b7280; } .mfc-alert[b-bcj0baprb9] { border-radius: 8px; padding: 12px 16px; margin: 16px 0; } .mfc-alert ul[b-bcj0baprb9] { margin: 0; padding-left: 20px; } .mfc-alert-ok[b-bcj0baprb9] { background: #dcfce7; border: 1px solid #86efac; } .mfc-alert-error[b-bcj0baprb9] { background: #fee2e2; border: 1px solid #fca5a5; } label[b-bcj0baprb9] { display: block; margin: 12px 0 4px; font-weight: 600; font-size: 0.9rem; } input[type="text"][b-bcj0baprb9], input[type="email"][b-bcj0baprb9] { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #9ca3af; border-radius: 6px; font-size: 1rem; } .mfc-submit[b-bcj0baprb9] { margin-top: 20px; padding: 10px 20px; background: #0b5cab; color: #fff; border: none; border-radius: 6px; font-size: 1rem; cursor: pointer; } .mfc-submit:disabled[b-bcj0baprb9] { opacity: 0.6; cursor: default; } .mfc-secondary[b-bcj0baprb9] { padding: 6px 14px; background: #fff; color: #0b5cab; border: 1px solid #0b5cab; border-radius: 6px; font-size: 0.9rem; cursor: pointer; } .mfc-table[b-bcj0baprb9] { width: 100%; border-collapse: collapse; margin: 12px 0; } .mfc-table th[b-bcj0baprb9], .mfc-table td[b-bcj0baprb9] { text-align: left; padding: 6px 8px; border-bottom: 1px solid #e5e7eb; font-size: 0.9rem; } .mfc-table th[b-bcj0baprb9] { color: #6b7280; font-weight: 600; } .mfc-row-selected[b-bcj0baprb9] { background: #eff6ff; } /* /Pages/LendingObservabilityDashboardIsland.razor.rz.scp.css */ /* Melody Finance lending observability dashboard (#81634). Plain CSS, no MudBlazor (#69081 HARD rule). */ .lob-page[b-u3q9ohhlnm] { max-width: 1200px; margin: 0 auto; padding: 1rem 1.5rem 3rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .lob-header[b-u3q9ohhlnm] { border-bottom: 2px solid #0047ab; padding-bottom: 0.5rem; margin-bottom: 1rem; } .lob-header h1[b-u3q9ohhlnm] { margin: 0 0 0.25rem; font-size: 1.6rem; } .lob-header p[b-u3q9ohhlnm] { margin: 0; color: #555; } .lob-card[b-u3q9ohhlnm] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; background: #fff; } .lob-card h2[b-u3q9ohhlnm] { margin: 0 0 0.75rem; font-size: 1.15rem; } .lob-subhead[b-u3q9ohhlnm] { margin: 1rem 0 0.5rem; font-size: 0.95rem; color: #333; } .lob-tile-row[b-u3q9ohhlnm] { display: flex; gap: 1rem; flex-wrap: wrap; } .lob-tile[b-u3q9ohhlnm] { display: flex; flex-direction: column; min-width: 10rem; padding: 0.6rem 0.9rem; border: 1px solid #ececf2; border-radius: 6px; background: #fafbff; } .lob-tile-label[b-u3q9ohhlnm] { font-size: 0.75rem; color: #666; text-transform: uppercase; letter-spacing: 0.03em; } .lob-tile-value[b-u3q9ohhlnm] { font-size: 1.4rem; font-weight: 600; } .lob-tile-sub[b-u3q9ohhlnm] { font-size: 0.78rem; color: #777; } .lob-table[b-u3q9ohhlnm] { width: 100%; border-collapse: collapse; margin-top: 0.5rem; } .lob-table th[b-u3q9ohhlnm], .lob-table td[b-u3q9ohhlnm] { text-align: left; padding: 0.45rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; } .lob-table th[b-u3q9ohhlnm] { font-size: 0.78rem; color: #555; text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap; } .lob-num[b-u3q9ohhlnm] { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; } .lob-note-cell[b-u3q9ohhlnm] { font-size: 0.85rem; color: #555; max-width: 24rem; } .lob-chip[b-u3q9ohhlnm] { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.78rem; border: 1px solid #d6d6e0; background: #f3f3f8; } .lob-chip-good[b-u3q9ohhlnm] { background: #e8f5e9; border-color: #a5d6a7; color: #1b5e20; } .lob-chip-warn[b-u3q9ohhlnm] { background: #fff8e1; border-color: #f0d28a; color: #8a5a00; } .lob-chip-info[b-u3q9ohhlnm] { background: #e8eefc; border-color: #b3c6f0; color: #0b2f7a; } .lob-chip-bad[b-u3q9ohhlnm] { background: #fdecea; border-color: #f0a8a0; color: #8c1d18; } .lob-btn[b-u3q9ohhlnm] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.3rem 0.7rem; cursor: pointer; font: inherit; color: inherit; } .lob-btn:hover[b-u3q9ohhlnm] { background: #f3f3f8; } .lob-link[b-u3q9ohhlnm] { color: #0047ab; text-decoration: none; margin-left: 0.5rem; } .lob-link:hover[b-u3q9ohhlnm] { text-decoration: underline; } .lob-info[b-u3q9ohhlnm] { cursor: help; color: #777; margin-left: 0.25rem; } .lob-age[b-u3q9ohhlnm] { color: #777; font-size: 0.82rem; margin-left: 0.35rem; } .lob-item-list[b-u3q9ohhlnm] { margin: 0.25rem 0; padding-left: 1.25rem; } .lob-item-list li[b-u3q9ohhlnm] { margin-bottom: 0.3rem; } .lob-alert[b-u3q9ohhlnm] { padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0; } .lob-alert-error[b-u3q9ohhlnm] { color: #991b1b; background: #fef2f2; } .lob-note[b-u3q9ohhlnm] { background: #eef2ff; color: #1e3a8a; padding: 0.4rem 0.6rem; border-radius: 6px; margin: 0.5rem 0; font-size: 0.82rem; } /* /Pages/LendingStaffLoanDetailIsland.razor.rz.scp.css */ /* Melody Finance staff admin portal (#81540). Plain CSS, no MudBlazor (#69081 HARD rule). Blazor CSS isolation scopes these rules to this component only — duplicated (not shared) with LendingStaffLoanSearchIsland.razor.css, same convention as the rest of the repo's per-island .razor.css files (e.g. ApShell vs. a standalone island). */ .lsl-page[b-8cao3xh2zn] { max-width: 1100px; margin: 0 auto; padding: 1rem 1.5rem 3rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .lsl-header[b-8cao3xh2zn] { border-bottom: 2px solid #0047ab; padding-bottom: 0.5rem; margin-bottom: 1rem; } .lsl-header h1[b-8cao3xh2zn] { margin: 0 0 0.25rem; font-size: 1.6rem; } .lsl-header p[b-8cao3xh2zn] { margin: 0; color: #555; } .lsl-muted[b-8cao3xh2zn] { color: #666; font-size: 0.9rem; } .lsl-card[b-8cao3xh2zn] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; background: #fff; } .lsl-card h2[b-8cao3xh2zn] { margin: 0 0 0.75rem; font-size: 1.15rem; } .lsl-facts[b-8cao3xh2zn] { display: grid; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: 0.5rem 1.25rem; margin: 0; } .lsl-facts dt[b-8cao3xh2zn] { font-size: 0.78rem; color: #666; text-transform: uppercase; letter-spacing: 0.03em; } .lsl-facts dd[b-8cao3xh2zn] { margin: 0; overflow-wrap: anywhere; } .lsl-btn[b-8cao3xh2zn] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.45rem 0.9rem; cursor: pointer; font: inherit; color: inherit; } .lsl-btn:hover:not(:disabled)[b-8cao3xh2zn] { background: #f3f3f8; } .lsl-btn:disabled[b-8cao3xh2zn] { opacity: 0.55; cursor: default; } .lsl-btn-primary[b-8cao3xh2zn] { background: #0047ab; border-color: #0047ab; color: #fff; } .lsl-btn-primary:hover:not(:disabled)[b-8cao3xh2zn] { background: #003a8c; } .lsl-table[b-8cao3xh2zn] { width: 100%; border-collapse: collapse; } .lsl-table th[b-8cao3xh2zn], .lsl-table td[b-8cao3xh2zn] { text-align: left; padding: 0.45rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; } .lsl-table th[b-8cao3xh2zn] { font-size: 0.78rem; color: #555; text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap; } .lsl-num[b-8cao3xh2zn] { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; } .lsl-chip[b-8cao3xh2zn] { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.78rem; border: 1px solid #d6d6e0; background: #f3f3f8; } .lsl-chip-good[b-8cao3xh2zn] { background: #e8f5e9; border-color: #a5d6a7; color: #1b5e20; } .lsl-chip-info[b-8cao3xh2zn] { background: #e8eefc; border-color: #b3c6f0; color: #0b2f7a; } .lsl-chip-bad[b-8cao3xh2zn] { background: #fdecea; border-color: #f0a8a0; color: #8c1d18; } .lsl-link[b-8cao3xh2zn] { color: #0047ab; text-decoration: none; } .lsl-link:hover[b-8cao3xh2zn] { text-decoration: underline; } .lsl-alert[b-8cao3xh2zn] { padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0; } .lsl-alert-error[b-8cao3xh2zn] { color: #991b1b; background: #fef2f2; } .lsl-alert-warn[b-8cao3xh2zn] { background: #fff4e0; color: #7a4a00; border: 1px solid #f0c987; } .lsl-note[b-8cao3xh2zn] { background: #eef2ff; color: #1e3a8a; padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0; } .lsl-statement-row[b-8cao3xh2zn] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 0.75rem; } .lsl-statement-row label[b-8cao3xh2zn] { display: flex; flex-direction: column; font-size: 0.78rem; color: #666; gap: 0.2rem; } .lsl-statement-row input[b-8cao3xh2zn], .lsl-statement-row select[b-8cao3xh2zn] { font: inherit; padding: 0.35rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; } /* /Pages/LendingStaffLoanSearchIsland.razor.rz.scp.css */ /* Melody Finance staff admin portal (#81540). Plain CSS, no MudBlazor (#69081 HARD rule). */ .lsl-page[b-uwdavhgfl2] { max-width: 1100px; margin: 0 auto; padding: 1rem 1.5rem 3rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .lsl-header[b-uwdavhgfl2] { border-bottom: 2px solid #0047ab; padding-bottom: 0.5rem; margin-bottom: 1rem; } .lsl-header h1[b-uwdavhgfl2] { margin: 0 0 0.25rem; font-size: 1.6rem; } .lsl-header p[b-uwdavhgfl2] { margin: 0; color: #555; } .lsl-card[b-uwdavhgfl2] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; background: #fff; } .lsl-card h2[b-uwdavhgfl2] { margin: 0 0 0.75rem; font-size: 1.15rem; } .lsl-search-form[b-uwdavhgfl2] { display: flex; gap: 0.5rem; flex-wrap: wrap; } .lsl-search-form input[type="text"][b-uwdavhgfl2] { flex: 1 1 20rem; padding: 0.45rem 0.6rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; } .lsl-visually-hidden[b-uwdavhgfl2] { position: absolute; left: -9999px; } .lsl-btn[b-uwdavhgfl2] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.45rem 0.9rem; cursor: pointer; font: inherit; color: inherit; } .lsl-btn:hover:not(:disabled)[b-uwdavhgfl2] { background: #f3f3f8; } .lsl-btn:disabled[b-uwdavhgfl2] { opacity: 0.55; cursor: default; } .lsl-btn-primary[b-uwdavhgfl2] { background: #0047ab; border-color: #0047ab; color: #fff; } .lsl-btn-primary:hover:not(:disabled)[b-uwdavhgfl2] { background: #003a8c; } .lsl-table[b-uwdavhgfl2] { width: 100%; border-collapse: collapse; } .lsl-table th[b-uwdavhgfl2], .lsl-table td[b-uwdavhgfl2] { text-align: left; padding: 0.45rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; } .lsl-table th[b-uwdavhgfl2] { font-size: 0.78rem; color: #555; text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap; } .lsl-num[b-uwdavhgfl2] { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; } .lsl-chip[b-uwdavhgfl2] { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.78rem; border: 1px solid #d6d6e0; background: #f3f3f8; } .lsl-chip-good[b-uwdavhgfl2] { background: #e8f5e9; border-color: #a5d6a7; color: #1b5e20; } .lsl-chip-info[b-uwdavhgfl2] { background: #e8eefc; border-color: #b3c6f0; color: #0b2f7a; } .lsl-chip-bad[b-uwdavhgfl2] { background: #fdecea; border-color: #f0a8a0; color: #8c1d18; } .lsl-link[b-uwdavhgfl2] { color: #0047ab; text-decoration: none; } .lsl-link:hover[b-uwdavhgfl2] { text-decoration: underline; } .lsl-alert[b-uwdavhgfl2] { padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0; } .lsl-alert-error[b-uwdavhgfl2] { color: #991b1b; background: #fef2f2; } .lsl-note[b-uwdavhgfl2] { background: #eef2ff; color: #1e3a8a; padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0; } .lsl-pager[b-uwdavhgfl2] { display: flex; align-items: center; gap: 0.75rem; margin-top: 0.75rem; } /* /Pages/LendingStaffPostPaymentIsland.razor.rz.scp.css */ /* Melody Finance staff "post payment" page (#81540). Plain CSS, no MudBlazor (#69081 HARD rule). Blazor CSS isolation scopes these rules to this component only. */ .lspp-field[b-gcrmap0753] { display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 0.9rem; max-width: 20rem; } .lspp-field label[b-gcrmap0753] { font-size: 0.78rem; color: #666; text-transform: uppercase; letter-spacing: 0.03em; } .lspp-field input[b-gcrmap0753], .lspp-field select[b-gcrmap0753] { padding: 0.4rem 0.55rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; } /* /Pages/LendingStaffSupportViewIsland.razor.rz.scp.css */ /* Melody Finance staff support view (#81616). Plain CSS, no MudBlazor (#69081 HARD rule). Blazor CSS isolation scopes these rules to this component only — duplicated (not shared) with LendingStaffLoanDetailIsland.razor.css, same convention as the rest of the repo's per-island .razor.css files. */ .svw-page[b-ec2ac9x22j] { max-width: 1100px; margin: 0 auto; padding: 1rem 1.5rem 3rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .svw-header[b-ec2ac9x22j] { border-bottom: 2px solid #0047ab; padding-bottom: 0.5rem; margin-bottom: 1rem; } .svw-header h1[b-ec2ac9x22j] { margin: 0 0 0.25rem; font-size: 1.6rem; } .svw-header p[b-ec2ac9x22j] { margin: 0 0 0.25rem; color: #555; } .svw-muted[b-ec2ac9x22j] { color: #666; font-size: 0.9rem; } .svw-card[b-ec2ac9x22j] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; background: #fff; } .svw-card h2[b-ec2ac9x22j] { margin: 0 0 0.75rem; font-size: 1.15rem; } .svw-balance[b-ec2ac9x22j] { font-size: 1.8rem; font-weight: 600; } .svw-table[b-ec2ac9x22j] { width: 100%; border-collapse: collapse; } .svw-table th[b-ec2ac9x22j], .svw-table td[b-ec2ac9x22j] { text-align: left; padding: 0.45rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; } .svw-table th[b-ec2ac9x22j] { font-size: 0.78rem; color: #555; text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap; } .svw-num[b-ec2ac9x22j] { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; } .svw-chip[b-ec2ac9x22j] { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.78rem; border: 1px solid #d6d6e0; background: #f3f3f8; } .svw-link[b-ec2ac9x22j] { color: #0047ab; text-decoration: none; } .svw-link:hover[b-ec2ac9x22j] { text-decoration: underline; } .svw-alert[b-ec2ac9x22j] { padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0; } .svw-alert-error[b-ec2ac9x22j] { color: #991b1b; background: #fef2f2; } .svw-note[b-ec2ac9x22j] { background: #eef2ff; color: #1e3a8a; padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0; } /* /Pages/MaestroClassic/ClassicShell.razor.rz.scp.css */ /* Maestro Classic shared styles (#81874). Plain CSS, no MudBlazor (#69081 HARD rule). Everything below the shell header is ::deep so the markup of each Classic island (rendered as this component's ChildContent) is styled by one stylesheet. Mirrors ApShell.razor.css. */ .mc-shell[b-ezi2b6lya9] { max-width: 1280px; margin: 0 auto; padding: 1rem 1.5rem 3rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .mc-top[b-ezi2b6lya9] { 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; } .mc-brand[b-ezi2b6lya9] { font-weight: 700; color: #a31e23; font-size: 1.1rem; } .mc-tabs[b-ezi2b6lya9] { display: flex; flex-wrap: wrap; gap: 0.25rem; } .mc-tab[b-ezi2b6lya9] { padding: 0.4rem 0.8rem; border-radius: 6px; text-decoration: none; color: #1a1a2e; border: 1px solid transparent; } .mc-tab:hover[b-ezi2b6lya9] { background: #f3f3f8; } .mc-tab--on[b-ezi2b6lya9] { background: #a31e23; color: #fff; } .mc-heading[b-ezi2b6lya9] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; } .mc-title[b-ezi2b6lya9] { margin: 0.25rem 0; font-size: 1.6rem; flex: 1 1 auto; } .mc-sub[b-ezi2b6lya9] { color: #555; margin: 0 0 1rem; max-width: 56rem; } .mc-shell[b-ezi2b6lya9] .mc-panel { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; background: #fff; } .mc-shell[b-ezi2b6lya9] .mc-panel h2 { margin: 0 0 0.75rem; font-size: 1.15rem; } .mc-shell[b-ezi2b6lya9] .mc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr)); gap: 0 1.25rem; } .mc-shell[b-ezi2b6lya9] .mc-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.5rem 0.9rem; margin-bottom: 0.75rem; } .mc-shell[b-ezi2b6lya9] .mc-field { display: flex; flex-direction: column; gap: 0.2rem; min-width: 10rem; } .mc-shell[b-ezi2b6lya9] .mc-field label { font-size: 0.78rem; color: #555; text-transform: uppercase; letter-spacing: 0.03em; } .mc-shell[b-ezi2b6lya9] .mc-field--wide { flex: 1 1 18rem; } .mc-shell[b-ezi2b6lya9] input[type="text"], .mc-shell[b-ezi2b6lya9] input[type="search"], .mc-shell[b-ezi2b6lya9] input[type="date"], .mc-shell[b-ezi2b6lya9] input[type="number"], .mc-shell[b-ezi2b6lya9] input[type="email"], .mc-shell[b-ezi2b6lya9] input[type="tel"], .mc-shell[b-ezi2b6lya9] select, .mc-shell[b-ezi2b6lya9] textarea { padding: 0.4rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; background: #fff; color: inherit; } .mc-shell[b-ezi2b6lya9] textarea { min-height: 4.5rem; width: 100%; box-sizing: border-box; } .mc-shell[b-ezi2b6lya9] input:disabled, .mc-shell[b-ezi2b6lya9] select:disabled, .mc-shell[b-ezi2b6lya9] textarea:disabled { background: #f3f3f8; color: #555; } .mc-shell[b-ezi2b6lya9] .mc-btn { display: inline-block; border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.4rem 0.9rem; cursor: pointer; font: inherit; color: inherit; text-decoration: none; } .mc-shell[b-ezi2b6lya9] .mc-btn:hover:not(:disabled) { background: #f3f3f8; } .mc-shell[b-ezi2b6lya9] .mc-btn:disabled { opacity: 0.55; cursor: default; } .mc-shell[b-ezi2b6lya9] .mc-btn--primary { background: #0047ab; border-color: #0047ab; color: #fff; } .mc-shell[b-ezi2b6lya9] .mc-btn--primary:hover:not(:disabled) { background: #003a8c; } .mc-shell[b-ezi2b6lya9] .mc-btn--danger { background: #a31e23; border-color: #a31e23; color: #fff; } .mc-shell[b-ezi2b6lya9] .mc-btn--danger:hover:not(:disabled) { background: #861a1e; } .mc-shell[b-ezi2b6lya9] .mc-btn--small { padding: 0.2rem 0.55rem; font-size: 0.85rem; } .mc-shell[b-ezi2b6lya9] .mc-alert { border: 1px solid #b6cdf0; background: #eef4fd; border-radius: 6px; padding: 0.6rem 0.9rem; margin-bottom: 1rem; } .mc-shell[b-ezi2b6lya9] .mc-alert--error { border-color: #e7b3b5; background: #fcefef; color: #7a1418; } .mc-shell[b-ezi2b6lya9] .mc-alert--warn { border-color: #ecd59a; background: #fff8e5; color: #6b4e00; } .mc-shell[b-ezi2b6lya9] .mc-muted { color: #666; } .mc-shell[b-ezi2b6lya9] .mc-chip { display: inline-block; padding: 0.1rem 0.6rem; border-radius: 999px; background: #e6eefb; color: #0b3a80; font-size: 0.85rem; font-weight: 600; } .mc-shell[b-ezi2b6lya9] .mc-table-wrap { overflow-x: auto; } .mc-shell[b-ezi2b6lya9] .mc-table { width: 100%; border-collapse: collapse; font-size: 0.92rem; } .mc-shell[b-ezi2b6lya9] .mc-table th, .mc-shell[b-ezi2b6lya9] .mc-table td { padding: 0.45rem 0.6rem; border-bottom: 1px solid #ececf2; text-align: left; vertical-align: top; } .mc-shell[b-ezi2b6lya9] .mc-table thead th { background: #f6f6fa; font-weight: 600; white-space: nowrap; position: sticky; top: 0; } .mc-shell[b-ezi2b6lya9] .mc-table tbody tr:nth-child(even) { background: #fafafc; } .mc-shell[b-ezi2b6lya9] .mc-table tbody tr:hover { background: #f0f4fb; } .mc-shell[b-ezi2b6lya9] .mc-table .mc-num { text-align: right; white-space: nowrap; } .mc-shell[b-ezi2b6lya9] .mc-sort { border: 0; background: none; padding: 0; font: inherit; font-weight: 600; cursor: pointer; color: inherit; } .mc-shell[b-ezi2b6lya9] .mc-sort:hover { text-decoration: underline; } .mc-shell[b-ezi2b6lya9] .mc-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0.5rem 1rem; padding-top: 0.75rem; } .mc-shell[b-ezi2b6lya9] .mc-dl { display: grid; grid-template-columns: minmax(9rem, max-content) 1fr; gap: 0.3rem 1rem; margin: 0; } .mc-shell[b-ezi2b6lya9] .mc-dl dt { font-weight: 600; } .mc-shell[b-ezi2b6lya9] .mc-dl dd { margin: 0; } .mc-shell[b-ezi2b6lya9] a { color: #0047ab; } @media (max-width: 640px) { .mc-shell[b-ezi2b6lya9] { padding: 0.75rem 1rem 2rem; } .mc-shell[b-ezi2b6lya9] .mc-field { min-width: 100%; } } .mc-shell[b-ezi2b6lya9] .mc-mt { margin-top: 0.5rem; } .mc-shell[b-ezi2b6lya9] .mc-flush { margin: 0; } .mc-shell[b-ezi2b6lya9] .mc-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .mc-shell[b-ezi2b6lya9] .mc-blank { display: inline-block; min-width: 140px; background-color: #fff3cd; border-bottom: 1px solid #000; } .mc-shell[b-ezi2b6lya9] .mc-mb { margin-bottom: 0.75rem; } .mc-shell[b-ezi2b6lya9] .mc-small { font-size: 0.85rem; margin: 0 0 0.5rem; } .mc-shell[b-ezi2b6lya9] .mc-end { justify-content: flex-end; } .mc-shell[b-ezi2b6lya9] .mc-qty { width: 5rem; } .mc-shell[b-ezi2b6lya9] .mc-picklist { list-style: none; margin: 0 0 0.75rem; padding: 0; border: 1px solid #e2e2ea; border-radius: 6px; max-height: 16rem; overflow-y: auto; } .mc-shell[b-ezi2b6lya9] .mc-picklist li { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; padding: 0.35rem 0.6rem; border-bottom: 1px solid #ececf2; } .mc-shell[b-ezi2b6lya9] .mc-picklist li:last-child { border-bottom: 0; } /* Rental Application wizard (#81874): step indicator, radio/checkbox groups, the selected SKU row and the Stripe card element. */ .mc-shell[b-ezi2b6lya9] .mc-steps { display: flex; flex-wrap: wrap; gap: 0.4rem; list-style: none; margin: 0 0 1rem; padding: 0; } .mc-shell[b-ezi2b6lya9] .mc-steps li { padding: 0.2rem 0.75rem; border-radius: 999px; border: 1px solid #c7c7d4; font-size: 0.88rem; } .mc-shell[b-ezi2b6lya9] .mc-steps .mc-step--done { border-color: #2e7d32; color: #2e7d32; } .mc-shell[b-ezi2b6lya9] .mc-steps .mc-step--on { background: #0047ab; border-color: #0047ab; color: #fff; font-weight: 600; } .mc-shell[b-ezi2b6lya9] .mc-choice { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; border: 0; margin: 0 0 0.75rem; padding: 0; } .mc-shell[b-ezi2b6lya9] .mc-choice legend { font-size: 0.78rem; color: #555; text-transform: uppercase; letter-spacing: 0.03em; padding: 0; margin-bottom: 0.2rem; width: 100%; } .mc-shell[b-ezi2b6lya9] .mc-choice label { display: inline-flex; align-items: center; gap: 0.35rem; } .mc-shell[b-ezi2b6lya9] .mc-table tbody tr.mc-selected { background: #e6eefb; } .mc-shell[b-ezi2b6lya9] .mc-card-element { padding: 12px; border: 1px solid #c7c7d4; border-radius: 6px; background: #fff; } .mc-shell[b-ezi2b6lya9] .mc-error-text { color: #7a1418; font-size: 0.85rem; } /* Schools and Rental Preferences (#81874): inline checkbox labels, the delivery-method list, and a confirm box for destructive choices. */ .mc-shell[b-ezi2b6lya9] .mc-check { display: inline-flex; align-items: center; gap: 0.35rem; margin-right: 1.25rem; } .mc-shell[b-ezi2b6lya9] .mc-delivery { flex-direction: column; flex-wrap: nowrap; max-width: 34rem; } .mc-shell[b-ezi2b6lya9] .mc-delivery .mc-picklist { max-height: none; } .mc-shell[b-ezi2b6lya9] .mc-confirm { border: 2px solid #a31e23; background: #fcefef; border-radius: 6px; padding: 0.75rem 1rem; margin: 0.5rem 0 1rem; } .mc-shell[b-ezi2b6lya9] .mc-confirm p { margin: 0 0 0.6rem; } /* Popup overlay (#81874): the Add Rental Preference form. Click outside, Escape or Cancel closes it. */ .mc-shell[b-ezi2b6lya9] .mc-modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 1rem; background: rgba(20, 20, 40, 0.45); } .mc-shell[b-ezi2b6lya9] .mc-modal-box { background: #fff; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); padding: 1.25rem 1.5rem; width: min(46rem, 100%); max-height: calc(100vh - 2rem); overflow-y: auto; } .mc-shell[b-ezi2b6lya9] .mc-modal-box h2 { margin: 0 0 0.25rem; font-size: 1.15rem; } /* /Pages/MaestroClassic/RentalContractPrintIsland.razor.rz.scp.css */ /* Maestro Classic contract print sheets (#81874), ported from Print.cshtml's styles. Plain CSS, no MudBlazor (#69081). */ .pr-page[b-8sf4sll50n] { max-width: 1100px; margin: 0 auto; padding: 1rem 1.5rem; font-family: Helvetica, Arial, sans-serif; color: #1a1a2e; background: #fff; } .pr-actions[b-8sf4sll50n] { display: flex; gap: 0.5rem; align-items: center; margin-bottom: 1rem; } .pr-btn[b-8sf4sll50n] { display: inline-block; border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.4rem 0.9rem; cursor: pointer; font: inherit; color: inherit; text-decoration: none; } .pr-btn--primary[b-8sf4sll50n] { background: #0047ab; border-color: #0047ab; color: #fff; } .pr-alert[b-8sf4sll50n] { border: 1px solid #ecd59a; background: #fff8e5; color: #6b4e00; border-radius: 6px; padding: 0.6rem 0.9rem; margin-bottom: 1rem; } .pr-counter[b-8sf4sll50n] { text-align: right; width: 100%; } .pr-spacer[b-8sf4sll50n] { padding-bottom: 100px; } .pr-name[b-8sf4sll50n] { color: #336699; font-weight: bold; } .pr-address[b-8sf4sll50n] { margin-bottom: 0.75rem; } .pr-none[b-8sf4sll50n] { color: #d32f2f; } .pr-finalized-by[b-8sf4sll50n] { display: flex; gap: 5px; } .contractHeader[b-8sf4sll50n] { font-size: 16pt; text-align: center; width: 100%; padding-bottom: 30px; color: #336699; } /* One contract per printed page. */ .contractDivider[b-8sf4sll50n] { page-break-after: always; break-after: page; } .contractRow[b-8sf4sll50n] { display: flex; align-items: stretch; gap: 10px; } .contractColumn[b-8sf4sll50n] { flex: 1; } .printFieldset[b-8sf4sll50n] { border: 2px solid #336699; border-radius: 3px 4px; background-color: #f9f9f9; padding: 0 10px 10px 10px; margin: 5px 0; } .printFieldset > legend[b-8sf4sll50n] { font-size: 14pt; color: #336699; width: auto; text-align: left; padding: 0 4px; } .dataGrid[b-8sf4sll50n] { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 1rem; } .dataLabel[b-8sf4sll50n] { font-weight: bold; padding-right: 5px; } .bg-warning[b-8sf4sll50n] { background-color: #fff3cd; } .printTable[b-8sf4sll50n] { width: 100%; border-collapse: collapse; } .printTable thead tr[b-8sf4sll50n] { color: #336699; } .printTable th[b-8sf4sll50n], .printTable td[b-8sf4sll50n] { text-align: left; padding: 2px 4px; } .printTable tbody[b-8sf4sll50n] { background-color: white; } @media print { .noPrint[b-8sf4sll50n] { display: none; } .pr-page[b-8sf4sll50n] { padding: 0; max-width: none; } /* Keep the fill-in-the-blank highlight when printing. */ .bg-warning[b-8sf4sll50n] { -webkit-print-color-adjust: exact; print-color-adjust: exact; } .contractHeader[b-8sf4sll50n] { font-size: 18pt; } .contractRow[b-8sf4sll50n], .dataGrid[b-8sf4sll50n] { font-size: 10pt; } .printFieldset > legend[b-8sf4sll50n] { font-size: 14pt; } } /* /Pages/MaestroClassic/RentalPreferencePrintView.razor.rz.scp.css */ /* Rental preference printout (#81874). Plain CSS, no MudBlazor (#69081). */ .pp-page[b-batw387uaq] { max-width: 1100px; margin: 0 auto; padding: 1rem 1.5rem; font-family: Helvetica, Arial, sans-serif; color: #1a1a2e; background: #fff; } .pp-page h1[b-batw387uaq] { font-size: 1.4rem; margin: 0 0 1rem; } .pp-page h2[b-batw387uaq] { font-size: 1.1rem; margin: 0 0 0.4rem; } .pp-actions[b-batw387uaq] { display: flex; gap: 0.5rem; align-items: center; margin-bottom: 1rem; } .pp-btn[b-batw387uaq] { display: inline-block; border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.4rem 0.9rem; cursor: pointer; font: inherit; color: inherit; text-decoration: none; } .pp-btn--primary[b-batw387uaq] { background: #0047ab; border-color: #0047ab; color: #fff; } .pp-alert[b-batw387uaq] { border: 1px solid #e7b3b5; background: #fcefef; color: #7a1418; border-radius: 6px; padding: 0.6rem 0.9rem; margin-bottom: 1rem; } .pp-group[b-batw387uaq] { margin-bottom: 2rem; break-inside: avoid; } .pp-table[b-batw387uaq] { width: 100%; border-collapse: collapse; font-size: 0.92rem; } .pp-table th[b-batw387uaq], .pp-table td[b-batw387uaq] { border: 1px solid #c7c7d4; padding: 0.3rem 0.5rem; text-align: left; } .pp-table thead th[b-batw387uaq] { background: #f6f6fa; } .pp-num[b-batw387uaq] { text-align: right; white-space: nowrap; } @media print { .pp-noprint[b-batw387uaq] { display: none; } .pp-page[b-batw387uaq] { padding: 0; max-width: none; } } /* /Pages/MarketingPerformanceIsland.razor.rz.scp.css */ /* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */ .mp-page[b-b8f36fp6v2] { max-width: 1400px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .mp-header h1[b-b8f36fp6v2] { margin: 0 0 0.25rem; } .mp-sub[b-b8f36fp6v2] { color: #555; margin: 0 0 1rem; max-width: 60rem; } .mp-panel[b-b8f36fp6v2] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; background: #fff; } .mp-panel h2[b-b8f36fp6v2] { margin: 0 0 0.75rem; font-size: 1.15rem; } .mp-row[b-b8f36fp6v2] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-bottom: 0.75rem; } .mp-row select[b-b8f36fp6v2] { padding: 0.35rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; } .mp-btn[b-b8f36fp6v2] { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; color: inherit; } .mp-btn:disabled[b-b8f36fp6v2] { opacity: 0.6; cursor: default; } .mp-error[b-b8f36fp6v2] { color: #991b1b; background: #fef2f2; padding: 0.5rem 0.75rem; border-radius: 6px; } .mp-note[b-b8f36fp6v2] { background: #eef2ff; color: #1e3a8a; padding: 0.5rem 0.75rem; border-radius: 6px; } .mp-ok[b-b8f36fp6v2] { background: #ecfdf5; color: #065f46; padding: 0.5rem 0.75rem; border-radius: 6px; } .mp-muted[b-b8f36fp6v2] { color: #666; font-size: 0.9rem; } .mp-scroll[b-b8f36fp6v2] { overflow-x: auto; } .mp-table[b-b8f36fp6v2] { width: 100%; border-collapse: collapse; font-size: 0.92rem; } .mp-table th[b-b8f36fp6v2], .mp-table td[b-b8f36fp6v2] { text-align: left; padding: 0.4rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; } .mp-table th[b-b8f36fp6v2] { font-size: 0.78rem; color: #555; text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap; } .mp-table .mp-num[b-b8f36fp6v2] { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; } .mp-table--tight th[b-b8f36fp6v2], .mp-table--tight td[b-b8f36fp6v2] { padding: 0.25rem 0.5rem; } .mp-pill[b-b8f36fp6v2] { display: inline-block; padding: 0.1rem 0.55rem; border-radius: 999px; font-size: 0.82rem; font-weight: 600; background: #eee; color: #333; } .mp-pill--above[b-b8f36fp6v2], .mp-pill--pace-on_track[b-b8f36fp6v2], .mp-pill--src-ok[b-b8f36fp6v2] { background: #d1fae5; color: #065f46; } .mp-pill--below[b-b8f36fp6v2], .mp-pill--pace-over[b-b8f36fp6v2], .mp-pill--src-failed[b-b8f36fp6v2] { background: #fee2e2; color: #991b1b; } .mp-pill--pace-under[b-b8f36fp6v2], .mp-pill--src-stale[b-b8f36fp6v2] { background: #fef3c7; color: #92400e; } .mp-pill--nodata[b-b8f36fp6v2], .mp-pill--src-not_connected[b-b8f36fp6v2] { background: #e5e7eb; color: #4b5563; } .mp-insights[b-b8f36fp6v2] { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; } .mp-insight[b-b8f36fp6v2] { padding: 0.5rem 0.75rem; border-radius: 6px; border-left: 4px solid #9ca3af; background: #f9fafb; } .mp-insight--critical[b-b8f36fp6v2] { border-left-color: #b91c1c; background: #fef2f2; } .mp-insight--warning[b-b8f36fp6v2] { border-left-color: #d97706; background: #fffbeb; } .mp-insight--info[b-b8f36fp6v2] { border-left-color: #2563eb; background: #eff6ff; } .mp-bar[b-b8f36fp6v2] { position: relative; height: 0.9rem; background: #e5e7eb; border-radius: 999px; overflow: hidden; margin: 0.5rem 0; } .mp-bar__fill[b-b8f36fp6v2] { height: 100%; background: #1e3a8a; } .mp-bar__mark[b-b8f36fp6v2] { position: absolute; top: 0; bottom: 0; width: 2px; background: #dc2626; } .mp-inline[b-b8f36fp6v2] { display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem; list-style: none; padding: 0; margin: 0; } .mp-cols[b-b8f36fp6v2] { display: grid; grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr)); gap: 1rem; } .mp-card[b-b8f36fp6v2] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 0.9rem 1rem; background: #fafafe; min-width: 0; } .mp-card h3[b-b8f36fp6v2] { margin: 0 0 0.5rem; } .mp-card h4[b-b8f36fp6v2] { margin: 0.9rem 0 0.3rem; font-size: 0.95rem; } .mp-facts[b-b8f36fp6v2] { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 0.5rem 1rem; margin: 0 0 0.5rem; } .mp-facts dt[b-b8f36fp6v2] { font-size: 0.75rem; color: #666; text-transform: uppercase; letter-spacing: 0.03em; } .mp-facts dd[b-b8f36fp6v2] { margin: 0; overflow-wrap: anywhere; } .mp-spark[b-b8f36fp6v2] { width: 100%; max-width: 320px; height: 48px; } .mp-spark--small[b-b8f36fp6v2] { width: 90px; height: 24px; } .mp-src-strip[b-b8f36fp6v2] { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0 0 0.5rem; } /* /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/MetaShopHealthIsland.razor.rz.scp.css */ /* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */ .mh-page[b-usu33jmue7] { max-width: 1280px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .mh-header[b-usu33jmue7] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; } .mh-sub[b-usu33jmue7] { color: #555; margin: 0.25rem 0 0; max-width: 52rem; } .mh-controls[b-usu33jmue7] { display: flex; align-items: center; gap: 0.5rem; } .mh-controls select[b-usu33jmue7] { font: inherit; padding: 0.3rem 0.5rem; border: 1px solid #c9c9d6; border-radius: 6px; } .mh-banner[b-usu33jmue7] { padding: 0.6rem 0.9rem; border-radius: 6px; margin: 0 0 0.75rem; background: #fffbeb; color: #92400e; line-height: 1.45; } .mh-banner--ok[b-usu33jmue7] { background: #ecfdf5; color: #065f46; } .mh-error[b-usu33jmue7] { background: #fef2f2; color: #991b1b; padding: 0.6rem 0.9rem; border-radius: 6px; } .mh-basis[b-usu33jmue7] { font-size: 0.85rem; color: #555; margin-bottom: 0.75rem; } .mh-card[b-usu33jmue7] { border: 1px solid #e5e5ee; border-radius: 8px; padding: 0.75rem 1rem; margin-bottom: 1rem; overflow-x: auto; } .mh-card h2[b-usu33jmue7] { font-size: 1.05rem; margin: 0 0 0.5rem; } .mh-table[b-usu33jmue7] { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .mh-table th[b-usu33jmue7], .mh-table td[b-usu33jmue7] { text-align: left; padding: 0.4rem 0.6rem; border-bottom: 1px solid #e5e5ee; vertical-align: middle; } .mh-table thead th[b-usu33jmue7] { background: #f6f6fa; font-weight: 600; } .mh-table tbody th[b-usu33jmue7] { font-weight: 400; } .mh-num[b-usu33jmue7] { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; } .mh-ok[b-usu33jmue7] { color: #065f46; font-weight: 700; } .mh-bad[b-usu33jmue7] { color: #991b1b; font-weight: 700; } .mh-muted[b-usu33jmue7] { color: #777; font-size: 0.8rem; } .mh-btn[b-usu33jmue7] { display: inline-block; border: 1px solid #c9c9d6; background: #fff; color: inherit; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; } .mh-btn:disabled[b-usu33jmue7] { opacity: 0.55; cursor: not-allowed; } .mh-btn:focus-visible[b-usu33jmue7], .mh-controls select:focus-visible[b-usu33jmue7] { outline: 3px solid #2563eb; outline-offset: 2px; } .mh-card h3[b-usu33jmue7] { font-size: 0.95rem; margin: 1rem 0 0.4rem; } .mh-kv[b-usu33jmue7] { display: grid; grid-template-columns: max-content 1fr; gap: 0.25rem 1rem; margin: 0 0 0.75rem; } .mh-kv dt[b-usu33jmue7] { color: #555; } .mh-kv dd[b-usu33jmue7] { margin: 0; } /* /Pages/MixingBoardIsland.razor.rz.scp.css */ /* Built to mixing-board-mockup-v3.1.html (light and dark tokens kept). */ .mb-page[b-i1giexk8rq] { --bg:#f5f6f7; --panel:#fff; --text:#333; --muted:#6b6f72; --line:#d9dcdd; --bar:#0067B1; --on-bar:#fff; --bar-soft:rgba(255,255,255,.18); --focus:#0067B1; --alert-bg:#fde2e1; --alert-text:#8a1c17; background:var(--bg); color:var(--text); min-height:100vh; font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; font-size:14px; line-height:1.4; } @media (prefers-color-scheme: dark) { .mb-page[b-i1giexk8rq] { --bg:#151718; --panel:#1f2223; --text:#e6e7e8; --muted:#a3a8ab; --line:#33383a; --bar:#0b4f86; --focus:#7fb0ff; --alert-bg:#4a1e1c; --alert-text:#ffb4ae; color-scheme:dark; } } .mb-page *:focus-visible[b-i1giexk8rq] { outline:2px solid var(--focus); outline-offset:2px; } .mb-appbar[b-i1giexk8rq] { background:var(--bar); color:var(--on-bar); display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; padding:8px 16px; min-height:48px; } .mb-brand[b-i1giexk8rq] { font-weight:600; font-size:15px; white-space:nowrap; } .mb-tabs[b-i1giexk8rq] { display:flex; gap:4px; flex-wrap:wrap; } .mb-tab[b-i1giexk8rq] { background:transparent; border:1px solid transparent; color:var(--on-bar); border-radius:4px; padding:5px 11px; cursor:pointer; font:inherit; font-weight:600; font-size:13px; } .mb-tab:hover[b-i1giexk8rq] { background:var(--bar-soft); } .mb-tab[aria-selected="true"][b-i1giexk8rq] { background:var(--on-bar); color:var(--bar); } .mb-who[b-i1giexk8rq] { margin-left:auto; font-size:13px; } .mb-wrap[b-i1giexk8rq] { width:100%; padding:16px; } .mb-stampline[b-i1giexk8rq] { text-align:right; margin-bottom:6px; } .mb-stamp[b-i1giexk8rq] { font-size:12px; font-weight:400; color:var(--muted); white-space:nowrap; } .mb-panel[b-i1giexk8rq] { background:var(--panel); border:1px solid var(--line); border-radius:6px; margin-bottom:16px; } .mb-panel > h2[b-i1giexk8rq] { font-size:15px; margin:0; padding:12px 14px; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:8px; flex-wrap:wrap; } .mb-panel > h2 .mb-stamp[b-i1giexk8rq] { margin-left:auto; } .mb-empty[b-i1giexk8rq] { margin:0; padding:14px; color:var(--muted); } .mb-error[b-i1giexk8rq] { background:var(--alert-bg); color:var(--alert-text); padding:10px 14px; border-radius:6px; } .mb-footer[b-i1giexk8rq] { font-size:12px; color:var(--muted); padding-top:4px; border-top:1px solid var(--line); margin-top:8px; } .mb-footer p[b-i1giexk8rq] { margin:8px 0; } [hidden][b-i1giexk8rq] { display:none !important; } @media (prefers-reduced-motion: reduce) { *[b-i1giexk8rq] { transition:none !important; animation:none !important; } } @media (max-width:560px) { .mb-who[b-i1giexk8rq] { margin-left:0; } } .mb-btn[b-i1giexk8rq] { background:var(--panel); color:var(--text); border:1px solid var(--line); border-radius:4px; padding:4px 10px; font:inherit; font-size:13px; font-weight:600; cursor:pointer; } .mb-btn:disabled[b-i1giexk8rq] { opacity:.55; cursor:not-allowed; } .mb-danger[b-i1giexk8rq] { color:var(--alert-text); border-color:var(--alert-text); margin-left:auto; } .mb-pill[b-i1giexk8rq] { display:inline-block; font-size:11px; font-weight:600; padding:2px 8px; border-radius:10px; border:1px solid #e0c36a; background:#fff4cc; color:#6b4e00; white-space:nowrap; line-height:1.5; } .mb-tscroll[b-i1giexk8rq] { overflow-x:auto; } .mb-table[b-i1giexk8rq] { width:100%; border-collapse:collapse; font-size:13px; } .mb-table th[b-i1giexk8rq], .mb-table td[b-i1giexk8rq] { text-align:left; padding:6px 10px; border-bottom:1px solid var(--line); vertical-align:top; } .mb-table th[b-i1giexk8rq] { font-size:12px; color:var(--muted); font-weight:600; white-space:nowrap; } .mb-table .mb-r[b-i1giexk8rq] { text-align:right; } .mb-small[b-i1giexk8rq] { font-size:12px; color:var(--muted); } .mb-row-paused td[b-i1giexk8rq] { color:var(--muted); } .mb-status[b-i1giexk8rq] { display:inline-block; font-size:11px; font-weight:600; padding:2px 8px; border-radius:10px; border:1px solid var(--line); } .mb-status-on[b-i1giexk8rq] { border-color:#2e7d32; color:#2e7d32; } .mb-status-stuck[b-i1giexk8rq] { border-color:var(--alert-text); color:var(--alert-text); background:var(--alert-bg); } .mb-legend[b-i1giexk8rq] { display:flex; flex-direction:column; gap:2px; padding:10px 14px; font-size:12px; color:var(--muted); } /* /Pages/NachaMonitoringDashboardIsland.razor.rz.scp.css */ .nm-page[b-lwj5qfhryd] { max-width: 960px; margin: 0 auto; padding: 24px 16px; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #1f2937; } .nm-header h1[b-lwj5qfhryd] { font-size: 1.6rem; margin: 8px 0; } .nm-refresh[b-lwj5qfhryd] { margin-top: 8px; padding: 6px 14px; border: 1px solid #0b5cab; border-radius: 6px; background: #fff; color: #0b5cab; cursor: pointer; } .nm-refresh:disabled[b-lwj5qfhryd] { opacity: 0.6; cursor: default; } .nm-status[b-lwj5qfhryd] { color: #4b5563; } .nm-error[b-lwj5qfhryd] { color: #b91c1c; } .nm-card[b-lwj5qfhryd] { background: #fff; border: 1px solid #d1d5db; border-radius: 8px; padding: 16px 20px; margin: 16px 0; } .nm-card h2[b-lwj5qfhryd] { font-size: 1.15rem; margin-top: 0; } .nm-card-ok[b-lwj5qfhryd] { border-color: #16a34a; } .nm-card-danger[b-lwj5qfhryd] { border-color: #b91c1c; } .nm-stop-banner[b-lwj5qfhryd] { font-weight: 700; color: #b91c1c; } .nm-meta[b-lwj5qfhryd] { color: #4b5563; font-size: 0.9rem; } .nm-table[b-lwj5qfhryd] { width: 100%; border-collapse: collapse; margin-top: 8px; } .nm-table th[b-lwj5qfhryd], .nm-table td[b-lwj5qfhryd] { text-align: left; padding: 6px 10px; border-bottom: 1px solid #e5e7eb; } /* /Pages/Players/PlayersDealerApprovalsIsland.razor.rz.scp.css */ /* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */ .pda-page[b-82w1arj19e] { max-width: 1100px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .pda-header[b-82w1arj19e] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; } .pda-sub[b-82w1arj19e] { color: #555; margin: 0.25rem 0 0; max-width: 46rem; } .pda-tabs[b-82w1arj19e] { display: flex; gap: 0.25rem; border-bottom: 1px solid #e2e2ea; margin-bottom: 1rem; } .pda-tab[b-82w1arj19e] { border: 1px solid transparent; border-bottom: none; background: none; padding: 0.5rem 1rem; cursor: pointer; font: inherit; border-radius: 6px 6px 0 0; } .pda-tab[aria-selected="true"][b-82w1arj19e] { background: #fff; border-color: #e2e2ea; font-weight: 600; margin-bottom: -1px; border-bottom: 1px solid #fff; } .pda-btn[b-82w1arj19e] { border: 1px solid #c9c9d6; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; } .pda-btn:disabled[b-82w1arj19e] { opacity: 0.55; cursor: not-allowed; } .pda-btn--primary[b-82w1arj19e] { background: #1a1a2e; color: #fff; border-color: #1a1a2e; } .pda-btn--danger[b-82w1arj19e] { color: #991b1b; border-color: #e7b4b4; } .pda-btn:focus-visible[b-82w1arj19e], .pda-tab:focus-visible[b-82w1arj19e] { outline: 3px solid #2563eb; outline-offset: 2px; } .pda-banner[b-82w1arj19e] { padding: 0.6rem 0.9rem; border-radius: 6px; margin-bottom: 1rem; } .pda-banner--ok[b-82w1arj19e] { background: #ecfdf5; color: #065f46; } .pda-banner--warn[b-82w1arj19e] { background: #fffbeb; color: #92400e; } .pda-error[b-82w1arj19e] { color: #991b1b; } .pda-muted[b-82w1arj19e] { color: #666; font-size: 0.85rem; } .pda-warn[b-82w1arj19e] { color: #92400e; } .pda-table[b-82w1arj19e] { width: 100%; border-collapse: collapse; margin-bottom: 1rem; } .pda-table th[b-82w1arj19e], .pda-table td[b-82w1arj19e] { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; } .pda-row--selected[b-82w1arj19e] { background: #f1f5ff; } .pda-detail[b-82w1arj19e] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem; margin-top: 1rem; background: #fff; } .pda-facts[b-82w1arj19e] { display: grid; grid-template-columns: max-content 1fr; gap: 0.25rem 1rem; margin: 0 0 1rem; } .pda-facts dt[b-82w1arj19e] { color: #555; } .pda-facts dd[b-82w1arj19e] { margin: 0; white-space: pre-wrap; } .pda-terms[b-82w1arj19e] { border: 1px solid #e2e2ea; border-radius: 6px; padding: 0.5rem 0.75rem; margin: 0 0 1rem; } .pda-radio[b-82w1arj19e] { display: inline-flex; align-items: center; gap: 0.4rem; margin-right: 1.25rem; } .pda-note[b-82w1arj19e] { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.9rem; margin-bottom: 1rem; max-width: 40rem; } .pda-note textarea[b-82w1arj19e] { font: inherit; padding: 0.4rem; } .pda-actions[b-82w1arj19e] { display: flex; gap: 0.5rem; flex-wrap: wrap; } .pda-confirm[b-82w1arj19e] { border: 2px solid #1a1a2e; border-radius: 8px; padding: 0.75rem 1rem; } .pda-visually-hidden[b-82w1arj19e] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } /* /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/RentalCohortChart.razor.rz.scp.css */ /* Plain CSS, no MudBlazor (#69081 HARD rule). */ .rcc[b-9x3q1jrwpx] { display: flex; flex-wrap: wrap; gap: 1rem; margin: 0.75rem 0 1rem; } .rcc-fig[b-9x3q1jrwpx] { margin: 0; flex: 1 1 20rem; max-width: 30rem; } .rcc-fig figcaption[b-9x3q1jrwpx] { font-size: 0.95rem; font-weight: 600; color: #333; margin-bottom: 0.2rem; } .rcc-svg[b-9x3q1jrwpx] { width: 100%; height: auto; } .rcc-grid[b-9x3q1jrwpx] { stroke: #e4e4ec; stroke-width: 1; } .rcc[b-9x3q1jrwpx] .rcc-tick { font-size: 12px; fill: #333; font-variant-numeric: tabular-nums; } .rcc-started[b-9x3q1jrwpx] { fill: #4f46e5; } .rcc-income[b-9x3q1jrwpx] { fill: #059669; } .rcc-bar:hover[b-9x3q1jrwpx] { opacity: 0.8; } /* Projected rent stacked on the income bar (#79046): same hue, lighter, dashed outline so it reads as "not collected yet". */ .rcc-projected[b-9x3q1jrwpx] { fill: #a7f3d0; stroke: #059669; stroke-width: 1; stroke-dasharray: 3 2; } .rcc-legend[b-9x3q1jrwpx] { display: flex; gap: 1rem; font-size: 0.85rem; color: #333; margin-bottom: 0.2rem; } .rcc-key[b-9x3q1jrwpx] { display: inline-flex; align-items: center; gap: 0.3rem; } .rcc-swatch[b-9x3q1jrwpx] { display: inline-block; width: 0.8rem; height: 0.8rem; } .rcc-swatch.rcc-projected[b-9x3q1jrwpx] { border: 1px dashed #059669; } .rcc-swatch.rcc-income[b-9x3q1jrwpx] { background: #059669; } .rcc-swatch.rcc-projected[b-9x3q1jrwpx] { background: #a7f3d0; } /* /Pages/RentalContractAdministrationIsland.razor.rz.scp.css */ /* Rental Contract Administration (UCF 3.11, #77072). Ported directly from rental-contract-administration-mockup-v12.html (Backstage/docs/design/mockups/unified-customer/), same class names and values. Scoped to this component. The mockup's :root and body rules live on .rca-root; native became .dialog inside .backdrop. */ .rca-root[b-6w2qxezai2]{ --bg:#eef1f7; --card:#ffffff; --fg:#1d2433; --muted:#5d6779; --line:#d9dfea; --brand:#1f3f9c; --brand-fg:#ffffff; --danger:#b3261e; --ok:#1f7a3a; --ok-bg:#e6f4ea; --accent-soft:#e8edfa; --warn:#8a5a00; --warn-bg:#fff4dc; --paper:#fbfaf6; --ink:#222; --font-body:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif; --font-display:"Source Serif 4",Georgia,serif; --font-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace; background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.45;margin:0; } @media (prefers-color-scheme: dark){.rca-root[b-6w2qxezai2]{ --bg:#12161f; --card:#1b2130; --fg:#e7ebf3; --muted:#a3adbf; --line:#2c3446; --brand:#7d9cf0; --brand-fg:#0d1426; --danger:#ff8a80; --ok:#7fd49a; --ok-bg:#16301f; --accent-soft:#22304f; --warn:#f3c56b; --warn-bg:#3a2e12; color-scheme:dark}} .rca-root[b-6w2qxezai2], .rca-root *[b-6w2qxezai2]{box-sizing:border-box} .wrap[b-6w2qxezai2]{max-width:1120px;margin:0 auto;padding-inline:16px;padding-block:12px 32px;display:flex;flex-direction:column;gap:12px} .topbar[b-6w2qxezai2]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px} .crumbs[b-6w2qxezai2]{display:flex;gap:8px;color:var(--muted);font-size:14px} .crumbs span:last-child[b-6w2qxezai2]{color:var(--fg);font-weight:600} .crumbs a[b-6w2qxezai2]{color:var(--muted);text-decoration:none} .btn[b-6w2qxezai2]{font:inherit;font-weight:600;border-radius:8px;padding:9px 14px;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--fg);display:inline-flex;align-items:center;gap:8px;text-decoration:none} .btn:focus-visible[b-6w2qxezai2],a:focus-visible[b-6w2qxezai2],.link:focus-visible[b-6w2qxezai2],.icon:focus-visible[b-6w2qxezai2],.thumb:focus-visible[b-6w2qxezai2]{outline:3px solid var(--brand);outline-offset:2px} .btn:disabled[b-6w2qxezai2]{opacity:.55;cursor:not-allowed} .btn.primary[b-6w2qxezai2]{background:var(--brand);border-color:var(--brand);color:var(--brand-fg)} .btn.danger[b-6w2qxezai2]{color:var(--danger);border-color:var(--danger)} .btn.outline-brand[b-6w2qxezai2]{color:var(--brand);border-color:var(--brand)} .btn.small[b-6w2qxezai2]{padding:5px 10px;font-size:13px} .icon[b-6w2qxezai2]{border:0;background:none;color:var(--brand);cursor:pointer;font-size:17px;padding:2px 6px;border-radius:6px} .card[b-6w2qxezai2]{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0} .card h2[b-6w2qxezai2]{margin:0;font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .headrow[b-6w2qxezai2]{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap} .cust-head[b-6w2qxezai2]{display:flex;flex-wrap:wrap;align-items:center;gap:12px} .back[b-6w2qxezai2]{border:0;background:none;color:var(--muted);font-size:20px;cursor:pointer;padding:0 4px;text-decoration:none} .name[b-6w2qxezai2]{font-family:var(--font-display);font-size:24px;font-weight:600;margin:0} .acct[b-6w2qxezai2]{color:var(--danger);font-weight:600;font-family:var(--font-mono);font-size:14px} .chip[b-6w2qxezai2]{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;border-radius:999px;padding:3px 10px;white-space:nowrap} .chip.ok[b-6w2qxezai2]{background:var(--ok);color:var(--card)} .chip.ok-outline[b-6w2qxezai2]{border:1.5px solid var(--ok);color:var(--ok)} .chip.muted[b-6w2qxezai2]{background:var(--accent-soft);color:var(--brand)} .chip.warn[b-6w2qxezai2]{background:var(--warn-bg);color:var(--warn)} .best[b-6w2qxezai2]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px} .bitem[b-6w2qxezai2]{display:flex;flex-direction:column;gap:2px;min-width:0} .bitem.addr[b-6w2qxezai2]{grid-column:1/-1} .bitem .k[b-6w2qxezai2]{color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:600} .bitem .v[b-6w2qxezai2]{font-size:16px;font-weight:600;overflow-wrap:anywhere} @media (max-width:560px){.best[b-6w2qxezai2]{grid-template-columns:1fr}} .link[b-6w2qxezai2]{color:var(--brand);font-weight:600;text-decoration:none;cursor:pointer;background:none;border:0;font:inherit;padding:0} .link:hover[b-6w2qxezai2]{text-decoration:underline} .sum-grid[b-6w2qxezai2]{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;align-items:start} .sum-main[b-6w2qxezai2]{display:flex;flex-direction:column;gap:10px;min-width:0} .stats[b-6w2qxezai2]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .stat .k[b-6w2qxezai2]{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--danger);font-weight:600} .stat .v[b-6w2qxezai2]{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums} .stat .v.good[b-6w2qxezai2]{color:var(--ok)} .coverage[b-6w2qxezai2]{border-top:1px solid var(--line);padding-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .coverage h3[b-6w2qxezai2]{grid-column:1/-1;margin:0;font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap} .cov[b-6w2qxezai2]{display:flex;flex-direction:column;gap:4px} .cov .t[b-6w2qxezai2]{display:flex;justify-content:space-between;gap:8px;font-weight:700} .cov .t .amt[b-6w2qxezai2]{color:var(--brand);font-variant-numeric:tabular-nums} .cov .sub[b-6w2qxezai2]{color:var(--danger);font-size:13px} .cov .meta[b-6w2qxezai2]{font-size:13.5px} .cov .check[b-6w2qxezai2]{color:var(--ok);font-size:13px} .cov-total[b-6w2qxezai2]{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;border-top:1px dashed var(--line);padding-top:10px} .cov-total strong[b-6w2qxezai2]{color:var(--brand);font-variant-numeric:tabular-nums} .pdfbox[b-6w2qxezai2]{display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--line);padding-left:20px} .pdfbox .lbl[b-6w2qxezai2]{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600} .thumb[b-6w2qxezai2]{border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:0;cursor:zoom-in;display:block;width:100%;aspect-ratio:8.5/11;overflow:hidden} .thumb object[b-6w2qxezai2],.thumb iframe[b-6w2qxezai2]{display:block;width:100%;height:100%;border:0;pointer-events:none} .thumb.none[b-6w2qxezai2]{cursor:default;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:13px;padding:12px;background:var(--accent-soft)} .pdfbox .hint[b-6w2qxezai2]{font-size:12.5px;color:var(--muted)} .tablewrap[b-6w2qxezai2]{overflow-x:auto} table[b-6w2qxezai2]{width:100%;border-collapse:collapse;font-size:14px} th[b-6w2qxezai2]{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap} td[b-6w2qxezai2]{padding:10px;border-bottom:1px solid var(--line);vertical-align:top} td.num[b-6w2qxezai2]{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap} .mono[b-6w2qxezai2]{font-family:var(--font-mono);font-size:13px} .methods[b-6w2qxezai2]{display:flex;flex-direction:column;gap:10px} .method[b-6w2qxezai2]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:10px 12px} .method .exp[b-6w2qxezai2]{font-size:12.5px;color:var(--danger)} .paybtns[b-6w2qxezai2]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:6px} .paybtns .btn[b-6w2qxezai2]{justify-content:center;text-align:center;padding:12px 14px} .btn.dark-outline[b-6w2qxezai2]{color:var(--fg);border-color:var(--fg)} .notice[b-6w2qxezai2]{background:var(--accent-soft);border-radius:8px;padding:10px 12px;font-size:14px} .notice.warn[b-6w2qxezai2]{background:var(--warn-bg);color:var(--warn)} .sub-h[b-6w2qxezai2]{margin:4px 0 0;font-size:14px;font-weight:700} .subrow[b-6w2qxezai2]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px 12px} details.help[b-6w2qxezai2]{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 18px} details.help summary[b-6w2qxezai2]{cursor:pointer;font-weight:700} .backdrop[b-6w2qxezai2]{position:fixed;inset:0;background:rgba(10,14,24,.55);display:flex;align-items:center;justify-content:center;z-index:20;overflow:auto;padding:16px} .dialog[b-6w2qxezai2]{border:1px solid var(--line);border-radius:12px;padding:0;background:var(--card);color:var(--fg);width:min(520px,calc(100% - 32px))} .dialog.wide[b-6w2qxezai2]{width:min(760px,calc(100% - 32px))} .dlg[b-6w2qxezai2]{padding:20px;display:flex;flex-direction:column;gap:12px} .dlg h3[b-6w2qxezai2]{margin:0;font-size:18px} .dlg label[b-6w2qxezai2]{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)} .dlg input[b-6w2qxezai2],.dlg select[b-6w2qxezai2],.dlg textarea[b-6w2qxezai2]{font:inherit;font-size:14.5px;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:8px 10px} .dlg .two[b-6w2qxezai2]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .dlg .three[b-6w2qxezai2]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px} .dlg .tabs[b-6w2qxezai2]{display:flex;gap:6px;border-bottom:1px solid var(--line)} .dlg .tabs button[b-6w2qxezai2]{font:inherit;font-weight:600;border:0;background:none;color:var(--muted);padding:8px 10px;cursor:pointer;border-bottom:2px solid transparent} .dlg .tabs button[aria-selected="true"][b-6w2qxezai2]{color:var(--brand);border-bottom-color:var(--brand)} .dlg .radios[b-6w2qxezai2]{display:flex;flex-direction:column;gap:6px;font-size:14.5px;color:var(--fg)} .dlg .radios label[b-6w2qxezai2]{flex-direction:row;align-items:center;gap:8px;color:var(--fg);font-size:14.5px} .dlg .foot[b-6w2qxezai2]{display:flex;justify-content:flex-end;gap:10px;margin-top:4px} .dlg .note[b-6w2qxezai2]{font-size:13px;color:var(--muted)} .dlg .err[b-6w2qxezai2]{font-size:13.5px;color:var(--danger)} .viewer[b-6w2qxezai2]{background:#3a3f4a;padding:16px;display:flex;justify-content:center;max-height:75vh;overflow:auto} .viewer object[b-6w2qxezai2],.viewer iframe[b-6w2qxezai2]{width:100%;max-width:640px;height:70vh;border:0;background:#fbfaf6;box-shadow:0 4px 18px rgba(0,0,0,.35)} .toast[b-6w2qxezai2]{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:8px;font-size:14px;max-width:calc(100% - 32px);z-index:30} @media (max-width:820px){.sum-grid[b-6w2qxezai2]{grid-template-columns:1fr}.pdfbox[b-6w2qxezai2]{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:14px;max-width:260px}} @media (max-width:720px){.stats[b-6w2qxezai2]{grid-template-columns:repeat(2,minmax(0,1fr))}.coverage[b-6w2qxezai2]{grid-template-columns:1fr}.paybtns[b-6w2qxezai2]{grid-template-columns:repeat(2,minmax(0,1fr))}.dlg .two[b-6w2qxezai2],.dlg .three[b-6w2qxezai2]{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){.rca-root *[b-6w2qxezai2]{transition:none!important}} .cust-head .acct[b-6w2qxezai2]{margin-left:auto;text-align:right} .acct .lbl2[b-6w2qxezai2]{display:block;font-weight:400;font-size:11.5px;color:var(--muted);font-family:inherit} .custno[b-6w2qxezai2]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;font-size:14.5px;color:var(--muted);margin:2px 0 4px} .custfile[b-6w2qxezai2]{margin:-6px 0 0 34px;font-size:14px;color:var(--muted)} .custfile .link[b-6w2qxezai2]{font-size:14px;font-weight:600} .primrow td[b-6w2qxezai2]{text-align:center;padding-top:6px;padding-bottom:8px;font-size:13.5px;color:var(--muted);border-bottom:0} .primrow b[b-6w2qxezai2]{color:var(--fg)} .custno .link[b-6w2qxezai2]{font-size:14.5px;font-weight:600} .cstats[b-6w2qxezai2]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} @media (max-width:720px){.cstats[b-6w2qxezai2]{grid-template-columns:repeat(2,minmax(0,1fr))}} .center-actions[b-6w2qxezai2]{display:flex;justify-content:center;margin-top:4px} td .sub[b-6w2qxezai2]{display:block;font-size:12.5px;color:var(--muted)} td .sub.cov[b-6w2qxezai2]{color:var(--ok)} td .sub.cov.muted[b-6w2qxezai2]{color:var(--muted)} .money[b-6w2qxezai2]{text-align:right;white-space:nowrap} .status-line[b-6w2qxezai2]{font-size:14px} .status-err[b-6w2qxezai2]{color:var(--danger);font-size:14px} /* /Pages/RentalProfitabilityPanel.razor.rz.scp.css */ /* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */ .rp-panel[b-5i8p4vfs1d] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.25rem; margin: 1rem 0; background: #fff; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .rp-head[b-5i8p4vfs1d] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem; margin-bottom: 0.5rem; } .rp-head h2[b-5i8p4vfs1d] { margin: 0; font-size: 1.25rem; } .rp-year[b-5i8p4vfs1d] { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; color: #555; } .rp-year select[b-5i8p4vfs1d] { padding: 0.35rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; color: #1a1a2e; } .rp-muted[b-5i8p4vfs1d] { color: #666; font-size: 0.88rem; margin: 0.25rem 0 0.5rem; } .rp-note[b-5i8p4vfs1d] { background: #eef2ff; color: #1e3a8a; padding: 0.5rem 0.75rem; border-radius: 6px; } .rp-warn[b-5i8p4vfs1d] { background: #fff7ed; color: #9a3412; border: 1px solid #fed7aa; padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0 0.75rem; } .rp-error[b-5i8p4vfs1d] { color: #991b1b; background: #fef2f2; padding: 0.5rem 0.75rem; border-radius: 6px; } .rp-kpis[b-5i8p4vfs1d] { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: 0.75rem; margin: 0.75rem 0 1rem; } .rp-kpi[b-5i8p4vfs1d] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 0.6rem 0.8rem; background: #fafafe; } .rp-kpi span[b-5i8p4vfs1d] { display: block; font-size: 0.75rem; color: #666; text-transform: uppercase; letter-spacing: 0.03em; } .rp-kpi strong[b-5i8p4vfs1d] { font-size: 1.35rem; font-variant-numeric: tabular-nums; } .rp-h3[b-5i8p4vfs1d] { margin: 1.25rem 0 0.4rem; font-size: 1.05rem; } .rp-scroll[b-5i8p4vfs1d] { overflow-x: auto; } .rp-table[b-5i8p4vfs1d] { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .rp-table th[b-5i8p4vfs1d], .rp-table td[b-5i8p4vfs1d] { text-align: left; padding: 0.35rem 0.55rem; border-bottom: 1px solid #ececf2; white-space: nowrap; } .rp-table th[b-5i8p4vfs1d] { font-size: 0.78rem; color: #555; text-transform: uppercase; letter-spacing: 0.02em; background: #f6f6fa; } .rp-pl[b-5i8p4vfs1d] { max-width: 44rem; } .rp-pl td[b-5i8p4vfs1d] { white-space: normal; } .rp-num[b-5i8p4vfs1d] { text-align: right !important; font-variant-numeric: tabular-nums; } .rp-sub td[b-5i8p4vfs1d] { font-weight: 600; border-top: 1px solid #c7c7d4; } .rp-total td[b-5i8p4vfs1d] { font-weight: 700; border-top: 2px solid #1a1a2e; } .rp-neg[b-5i8p4vfs1d] { color: #b91c1c; } .rp-sort[b-5i8p4vfs1d] { all: unset; cursor: pointer; font: inherit; color: inherit; text-transform: inherit; letter-spacing: inherit; white-space: nowrap; } .rp-sort:hover[b-5i8p4vfs1d], .rp-sort:focus-visible[b-5i8p4vfs1d] { text-decoration: underline; } .rp-sort-ind[b-5i8p4vfs1d] { display: inline-block; min-width: 1em; } /* /Pages/RentalProfitLegend.razor.rz.scp.css */ /* Plain CSS, no MudBlazor (#69081 HARD rule). */ .rpl[b-vmj4m09k9l] { margin: 1rem 0 0.5rem; border: 1px solid #e2e2ea; border-radius: 8px; padding: 0.5rem 0.9rem; background: #fafafe; font-size: 0.9rem; } .rpl summary[b-vmj4m09k9l] { cursor: pointer; font-weight: 600; } .rpl dl[b-vmj4m09k9l] { display: grid; grid-template-columns: minmax(9rem, max-content) 1fr; gap: 0.35rem 1rem; margin: 0.75rem 0 0.25rem; } .rpl dt[b-vmj4m09k9l] { font-weight: 600; color: #1a1a2e; } .rpl dd[b-vmj4m09k9l] { margin: 0; color: #333; } /* /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/Repair/RepairFeesPanel.razor.rz.scp.css */ .rb__panel[b-3sgawswp4u] { border: 1px solid #ddd; border-radius: 4px; padding: 0.75rem 1rem; margin: 1rem 0; font-family: system-ui, sans-serif; } .rb__panel h2[b-3sgawswp4u] { font-size: 1.05rem; margin: 0 0 0.5rem; } .rb__panel h3[b-3sgawswp4u] { font-size: 0.95rem; margin: 1rem 0 0.4rem; } .rb__hint[b-3sgawswp4u] { color: #555; font-size: 0.85rem; } .rb__warn[b-3sgawswp4u] { color: #7a4b00; background: #fff6e5; border: 1px solid #f0d49c; padding: 0.5rem 0.75rem; border-radius: 4px; } .rb__table[b-3sgawswp4u] { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .rb__table th[b-3sgawswp4u], .rb__table td[b-3sgawswp4u] { border-bottom: 1px solid #e3e3e3; padding: 0.35rem 0.5rem; text-align: left; vertical-align: middle; } .rb__table th[b-3sgawswp4u] { background: #f3f3f3; font-weight: 600; } .rb__state[b-3sgawswp4u] { font-weight: 600; } .rb__state--waived[b-3sgawswp4u], .rb__state--waivedoverride[b-3sgawswp4u] { color: #1f5a22; } .rb__state--notwaived[b-3sgawswp4u] { color: #1c1c1c; } .rb__state--pending[b-3sgawswp4u] { color: #7a4b00; } .rb__state--notchecked[b-3sgawswp4u], .rb__state--notrequested[b-3sgawswp4u] { color: #666; font-weight: 400; } .rb__override[b-3sgawswp4u] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: end; } .rb__override label[b-3sgawswp4u] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; } .rb__override label input[type=radio][b-3sgawswp4u] { margin-right: 0.3rem; } .rb__override input[type=text][b-3sgawswp4u] { padding: 0.3rem; font: inherit; min-width: 18rem; } .rb__btn[b-3sgawswp4u] { background: #0047AB; color: #fff; border: 0; padding: 0.35rem 0.9rem; border-radius: 4px; cursor: pointer; } .rb__btn:disabled[b-3sgawswp4u] { background: #9db3d6; cursor: not-allowed; } /* /Pages/Repair/RepairPortalFeeLines.razor.rz.scp.css */ .rpf[b-gl0wxwqbfe] { list-style: none; margin: 0.25rem 0; padding: 0; } .rpf__line[b-gl0wxwqbfe] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: baseline; } .rpf__amount[b-gl0wxwqbfe] { font-weight: 600; } .rpf__line--waivedauto .rpf__amount[b-gl0wxwqbfe], .rpf__line--waivedoverride .rpf__amount[b-gl0wxwqbfe] { text-decoration: line-through; color: #555; } .rpf__note[b-gl0wxwqbfe] { color: #065f46; font-weight: 600; } .rpf__line--pending .rpf__note[b-gl0wxwqbfe] { color: #7a4b00; } /* /Pages/Repair/RepairQuoteAnswerPanel.razor.rz.scp.css */ .qa[b-2t8odmubpn] { margin-top: .75rem; padding: .75rem; border: 1px solid #d9d9e0; border-radius: 8px; background: #fafafc; } .qa h3[b-2t8odmubpn] { margin: 0 0 .4rem; font-size: 1rem; } .qa__fine[b-2t8odmubpn] { color: #555; font-size: .9rem; margin: .25rem 0; } .qa__lines[b-2t8odmubpn] { list-style: none; padding: 0; margin: .4rem 0; } .qa__lines li[b-2t8odmubpn] { padding: .2rem 0; } .qa__money[b-2t8odmubpn] { margin-left: .5rem; font-weight: 600; } .qa__btn[b-2t8odmubpn] { padding: .5rem 1rem; border: 0; border-radius: 6px; background: #1b3a6b; color: #fff; font-weight: 600; cursor: pointer; margin-right: .5rem; } .qa__btn:disabled[b-2t8odmubpn] { opacity: .5; cursor: not-allowed; } .qa__btn--quiet[b-2t8odmubpn] { background: #fff; color: #1b3a6b; border: 1px solid #1b3a6b; } .qa__warn[b-2t8odmubpn] { color: #8a4b00; font-weight: 600; } .qa__ok[b-2t8odmubpn] { color: #1a6b2f; } .qa__error[b-2t8odmubpn] { color: #a31515; } .qa label[b-2t8odmubpn] { display: block; margin-top: .4rem; } /* /Pages/RepairBidEstimateIsland.razor.rz.scp.css */ .re[b-jaw9yntw7o] { font-family: system-ui, sans-serif; color: #1c1c1c; padding: 1rem 1.2rem; max-width: 1100px; } .re h1[b-jaw9yntw7o] { font-size: 1.4rem; } .re h2[b-jaw9yntw7o] { font-size: 1.05rem; margin: 0 0 0.5rem; } .re h3[b-jaw9yntw7o] { font-size: 0.95rem; margin: 0.5rem 0 0.2rem; } .re__hint[b-jaw9yntw7o] { color: #555; font-size: 0.85rem; } .re__error[b-jaw9yntw7o] { color: #8a1c1c; background: #fbeeee; border: 1px solid #e3b4b4; padding: 0.5rem 0.75rem; border-radius: 4px; } .re__ok[b-jaw9yntw7o] { color: #1f5a22; background: #eef7ee; border: 1px solid #b7d8b9; padding: 0.5rem 0.75rem; border-radius: 4px; } .re__warn[b-jaw9yntw7o] { color: #7a4b00; background: #fff6e5; border: 1px solid #f0d49c; padding: 0.5rem 0.75rem; border-radius: 4px; } .re__panel[b-jaw9yntw7o] { border: 1px solid #ddd; border-radius: 4px; padding: 0.75rem 1rem; margin: 1rem 0; } .re__line[b-jaw9yntw7o] { border-top: 1px solid #eee; padding-top: 0.5rem; } .re__grid[b-jaw9yntw7o] { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 0.6rem; } .re__grid label[b-jaw9yntw7o], .re__row label[b-jaw9yntw7o] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; } .re__grid input[type=text][b-jaw9yntw7o], .re__grid select[b-jaw9yntw7o], .re__row input[type=text][b-jaw9yntw7o] { padding: 0.3rem; font: inherit; } .re__check[b-jaw9yntw7o] { flex-direction: row !important; align-items: center; } .re__row[b-jaw9yntw7o] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: end; } .re__price[b-jaw9yntw7o] { margin-left: 1rem; font-weight: 600; } .re__btn[b-jaw9yntw7o] { background: #0047AB; color: #fff; border: 0; padding: 0.35rem 0.9rem; border-radius: 4px; cursor: pointer; } .re__btn:disabled[b-jaw9yntw7o] { background: #9db3d6; cursor: not-allowed; } .re__btn--ghost[b-jaw9yntw7o] { background: #fff; color: #0047AB; border: 1px solid #0047AB; } .re__table[b-jaw9yntw7o] { border-collapse: collapse; font-size: 0.9rem; } .re__table th[b-jaw9yntw7o], .re__table td[b-jaw9yntw7o] { border-bottom: 1px solid #e3e3e3; padding: 0.35rem 0.8rem; text-align: left; } /* /Pages/RepairBidListIsland.razor.rz.scp.css */ .rl[b-rsr7p9cplk] { font-family: system-ui, sans-serif; color: #1c1c1c; padding: 1rem 1.2rem; max-width: 1100px; } .rl h1[b-rsr7p9cplk] { font-size: 1.4rem; } .rl__form[b-rsr7p9cplk] { display: flex; gap: 0.75rem; align-items: end; margin: 0.75rem 0; } .rl__form label[b-rsr7p9cplk] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; } .rl__form input[b-rsr7p9cplk] { padding: 0.3rem; font: inherit; } .rl__hint[b-rsr7p9cplk] { color: #555; font-size: 0.85rem; } .rl__error[b-rsr7p9cplk] { color: #8a1c1c; background: #fbeeee; border: 1px solid #e3b4b4; padding: 0.5rem 0.75rem; border-radius: 4px; } .rl__btn[b-rsr7p9cplk] { background: #0047AB; color: #fff; border: 0; padding: 0.35rem 0.9rem; border-radius: 4px; cursor: pointer; } .rl__btn:disabled[b-rsr7p9cplk] { background: #9db3d6; cursor: not-allowed; } .rl__table[b-rsr7p9cplk] { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .rl__table th[b-rsr7p9cplk], .rl__table td[b-rsr7p9cplk] { border-bottom: 1px solid #e3e3e3; padding: 0.35rem 0.5rem; text-align: left; } .rl__table th[b-rsr7p9cplk] { background: #f3f3f3; font-weight: 600; } /* /Pages/RepairBidSettingsIsland.razor.rz.scp.css */ .rs[b-3ssgdkkfju] { font-family: system-ui, sans-serif; color: #1c1c1c; padding: 1rem 1.2rem; max-width: 1200px; } .rs h1[b-3ssgdkkfju] { font-size: 1.4rem; } .rs h2[b-3ssgdkkfju] { font-size: 1.05rem; margin: 0 0 0.5rem; } .rs h3[b-3ssgdkkfju] { font-size: 0.95rem; margin: 1rem 0 0.4rem; } .rs__hint[b-3ssgdkkfju] { color: #555; font-size: 0.85rem; } .rs__error[b-3ssgdkkfju] { color: #8a1c1c; background: #fbeeee; border: 1px solid #e3b4b4; padding: 0.5rem 0.75rem; border-radius: 4px; } .rs__ok[b-3ssgdkkfju] { color: #1f5a22; background: #eef7ee; border: 1px solid #b7d8b9; padding: 0.5rem 0.75rem; border-radius: 4px; } .rs__panel[b-3ssgdkkfju] { border: 1px solid #ddd; border-radius: 4px; padding: 0.75rem 1rem; margin: 1rem 0; } .rs__table[b-3ssgdkkfju] { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .rs__table th[b-3ssgdkkfju], .rs__table td[b-3ssgdkkfju] { border-bottom: 1px solid #e3e3e3; padding: 0.35rem 0.5rem; text-align: left; vertical-align: top; } .rs__table th[b-3ssgdkkfju] { background: #f3f3f3; font-weight: 600; } .rs__table input[type=text][b-3ssgdkkfju] { padding: 0.25rem; font: inherit; margin-bottom: 0.2rem; width: 100%; box-sizing: border-box; } .rs__key[b-3ssgdkkfju] { color: #666; font-size: 0.75rem; } .rs__unset[b-3ssgdkkfju] { color: #8a5a00; font-style: italic; } .rs__inactive[b-3ssgdkkfju] { color: #777; background: #fafafa; } .rs__history[b-3ssgdkkfju] { background: #f8f9fc; font-size: 0.85rem; } .rs__history ul[b-3ssgdkkfju] { margin: 0.2rem 0; padding-left: 1.2rem; } .rs__search[b-3ssgdkkfju] { padding: 0.3rem; font: inherit; width: 24rem; max-width: 100%; } .rs__check[b-3ssgdkkfju] { margin-left: 1rem; font-size: 0.9rem; } .rs__num[b-3ssgdkkfju] { max-width: 9rem; } .rs__add[b-3ssgdkkfju] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4rem; max-width: 60rem; } .rs__add input[b-3ssgdkkfju] { padding: 0.3rem; font: inherit; } .rs__btn[b-3ssgdkkfju] { background: #0047AB; color: #fff; border: 0; padding: 0.3rem 0.8rem; border-radius: 4px; cursor: pointer; margin-right: 0.25rem; } .rs__btn:disabled[b-3ssgdkkfju] { background: #9db3d6; cursor: not-allowed; } .rs__btn--ghost[b-3ssgdkkfju] { background: #fff; color: #0047AB; border: 1px solid #0047AB; } .rs__btn--ghost:disabled[b-3ssgdkkfju] { background: #fff; color: #9db3d6; border-color: #9db3d6; } .rs__pill[b-3ssgdkkfju] { display: inline-block; font-size: 0.72rem; font-weight: 600; padding: 0.05rem 0.45rem; border-radius: 0.6rem; background: #eee; color: #555; margin-left: 0.3rem; } /* /Pages/Reviews/ReviewModerationIsland.razor.rz.scp.css */ /* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. The page sits inside IslandShell, so it takes the shell's font and text color instead of setting its own. */ .rvm-page[b-2jn78dn6pw] { max-width: 1200px; margin: 0 auto; padding: 1.5rem; } .rvm-header[b-2jn78dn6pw] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; } .rvm-header h1[b-2jn78dn6pw] { margin: 0; } .rvm-sub[b-2jn78dn6pw] { color: #555; margin: 0.25rem 0 0; max-width: 48rem; } /* app.css forces overflow-x:auto on every [role=tablist], which turns overflow-y to auto as well; the tabs used to hang 2px below the strip and that drew a vertical scrollbar (Aaron, 2026-11-06). The baseline is now an inset shadow (no overflow) and y is clipped. */ .rvm-tabs[b-2jn78dn6pw] { display: flex; gap: 0.25rem; box-shadow: inset 0 -2px 0 #e2e2ea; margin-bottom: 1rem; flex-wrap: wrap; overflow-y: hidden; } /* The active tab is marked three ways (color, a thick underline and bold text) so it does not depend on color alone. */ .rvm-tab[b-2jn78dn6pw] { border: none; border-bottom: 3px solid transparent; background: none; padding: 0.55rem 1.1rem; cursor: pointer; font: inherit; color: #555; border-radius: 6px 6px 0 0; } .rvm-tab:hover[b-2jn78dn6pw] { background: #f4f4f8; color: #1a1a2e; } .rvm-tab.rvm-tab--active[b-2jn78dn6pw], .rvm-tab.rvm-tab--active:hover[b-2jn78dn6pw] { color: #1d4ed8; border-bottom-color: #1d4ed8; background: #eef3ff; font-weight: 700; } .rvm-search[b-2jn78dn6pw] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; margin-bottom: 1rem; } .rvm-search__box[b-2jn78dn6pw] { flex: 1 1 22rem; max-width: 36rem; font: inherit; padding: 0.45rem 0.6rem; border: 1px solid #8a8aa0; border-radius: 6px; background: #fff; color: inherit; } .rvm-search__box:focus[b-2jn78dn6pw] { outline: 3px solid #93b4f5; outline-offset: 0; border-color: #1d4ed8; } .rvm-btn[b-2jn78dn6pw] { border: 1px solid #c9c9d6; background: #fff; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; } .rvm-btn:disabled[b-2jn78dn6pw] { opacity: 0.55; cursor: not-allowed; } .rvm-btn--primary[b-2jn78dn6pw] { background: #1a1a2e; color: #fff; border-color: #1a1a2e; } .rvm-btn--danger[b-2jn78dn6pw] { color: #991b1b; border-color: #e7b4b4; } .rvm-btn:focus-visible[b-2jn78dn6pw], .rvm-tab:focus-visible[b-2jn78dn6pw] { outline: 3px solid #2563eb; outline-offset: 2px; } .rvm-banner[b-2jn78dn6pw] { padding: 0.6rem 0.9rem; border-radius: 6px; margin-bottom: 1rem; } .rvm-banner--ok[b-2jn78dn6pw] { background: #ecfdf5; color: #065f46; } .rvm-banner--warn[b-2jn78dn6pw] { background: #fffbeb; color: #92400e; } .rvm-error[b-2jn78dn6pw] { color: #991b1b; } .rvm-muted[b-2jn78dn6pw] { color: #666; font-size: 0.85rem; } .rvm-nowrap[b-2jn78dn6pw] { white-space: nowrap; } .rvm-table[b-2jn78dn6pw] { width: 100%; border-collapse: collapse; margin-bottom: 1rem; } .rvm-table th[b-2jn78dn6pw], .rvm-table td[b-2jn78dn6pw] { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; } .rvm-table caption[b-2jn78dn6pw] { text-align: left; font-weight: 600; padding: 0.5rem 0; } .rvm-table--votes[b-2jn78dn6pw] { font-size: 0.9rem; } .rvm-row--selected[b-2jn78dn6pw] { background: #f1f5ff; } .rvm-row--invalid td[b-2jn78dn6pw] { opacity: 0.7; text-decoration: line-through; text-decoration-color: #c9c9d6; } .rvm-row--invalid .rvm-status[b-2jn78dn6pw] { text-decoration: none; } .rvm-review-cell[b-2jn78dn6pw] { max-width: 32rem; } .rvm-review-cell strong[b-2jn78dn6pw] { display: block; } .rvm-review-cell .rvm-muted[b-2jn78dn6pw] { display: block; margin-top: 0.2rem; } .rvm-clamp[b-2jn78dn6pw] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .rvm-stars[b-2jn78dn6pw] { color: #b9811a; letter-spacing: 1px; } .rvm-status[b-2jn78dn6pw] { display: inline-block; padding: 0.05rem 0.45rem; border-radius: 999px; background: #f1f1f6; font-size: 0.85rem; } .rvm-status--ok[b-2jn78dn6pw] { background: #ecfdf5; color: #065f46; } .rvm-status--bad[b-2jn78dn6pw] { background: #fdf2f2; color: #991b1b; } .rvm-pager[b-2jn78dn6pw] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; margin: 0.5rem 0 1rem; } .rvm-pager__info[b-2jn78dn6pw] { color: #555; font-size: 0.9rem; padding: 0 0.25rem; } /* Details open as a dialog over a dimmed page (Aaron, 2026-11-06): opening one is noticed however long the list is. */ .rvm-overlay[b-2jn78dn6pw] { position: fixed; inset: 0; z-index: 1300; background: rgba(15, 15, 30, 0.55); display: flex; align-items: flex-start; justify-content: center; padding: 3vh 1rem; overflow-y: auto; } .rvm-detail[b-2jn78dn6pw] { width: min(960px, 100%); max-height: 94vh; overflow-y: auto; border: 1px solid #e2e2ea; border-radius: 10px; padding: 1.25rem 1.5rem; background: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); } .rvm-detail:focus[b-2jn78dn6pw] { outline: none; } .rvm-detail__head[b-2jn78dn6pw] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; position: sticky; top: -1.25rem; background: #fff; padding: 0.25rem 0 0.5rem; border-bottom: 1px solid #ececf2; z-index: 1; } .rvm-detail__head h2[b-2jn78dn6pw] { margin: 0; } .rvm-detail h3[b-2jn78dn6pw] { margin: 1.25rem 0 0.5rem; font-size: 1rem; } .rvm-quote[b-2jn78dn6pw] { margin: 0.75rem 0; padding: 0.75rem 1rem; border-left: 3px solid #c9c9d6; background: #fafafe; } .rvm-quote p[b-2jn78dn6pw] { margin: 0 0 0.35rem; } .rvm-body[b-2jn78dn6pw] { white-space: pre-wrap; word-break: break-word; } .rvm-list[b-2jn78dn6pw] { margin: 0; padding-left: 1.2rem; display: flex; flex-direction: column; gap: 0.4rem; } .rvm-form[b-2jn78dn6pw] { display: flex; flex-direction: column; gap: 1rem; } .rvm-form label[b-2jn78dn6pw] { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.9rem; font-weight: 600; } /* Explicit borders: the shell's base styles leave form fields borderless, so the note box was hard to see (Aaron, 2026-11-06). */ .rvm-form textarea[b-2jn78dn6pw], .rvm-form select[b-2jn78dn6pw] { font: inherit; font-weight: 400; padding: 0.45rem 0.6rem; border: 1px solid #8a8aa0; border-radius: 6px; background: #fff; color: inherit; } .rvm-form textarea[b-2jn78dn6pw] { min-height: 4.5rem; resize: vertical; } .rvm-form textarea:focus[b-2jn78dn6pw], .rvm-form select:focus[b-2jn78dn6pw] { outline: 3px solid #93b4f5; outline-offset: 0; border-color: #1d4ed8; } .rvm-note[b-2jn78dn6pw] { max-width: 40rem; } /* Publish, Hide the name and Withhold are separate actions, each in its own box; Withhold is tinted red. */ .rvm-cards[b-2jn78dn6pw] { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; } .rvm-card[b-2jn78dn6pw] { border: 1px solid #d6d6e2; border-radius: 8px; padding: 0.75rem 1rem 1rem; margin: 0; min-width: 0; display: flex; flex-direction: column; gap: 0.6rem; } .rvm-card legend[b-2jn78dn6pw] { font-weight: 700; padding: 0 0.35rem; } .rvm-card p[b-2jn78dn6pw] { margin: 0; } .rvm-card .rvm-actions[b-2jn78dn6pw] { margin-top: auto; } .rvm-card--danger[b-2jn78dn6pw] { border-color: #e7b4b4; background: #fffafa; } .rvm-card--danger legend[b-2jn78dn6pw] { color: #991b1b; } .rvm-actions[b-2jn78dn6pw] { display: flex; gap: 0.5rem; } .rvm-sr[b-2jn78dn6pw] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (max-width: 720px) { .rvm-table thead[b-2jn78dn6pw] { display: none; } .rvm-table:not(.rvm-table--votes) tr[b-2jn78dn6pw] { display: block; border-bottom: 1px solid #ececf2; padding: 0.5rem 0; } .rvm-table:not(.rvm-table--votes) td[b-2jn78dn6pw] { display: block; border: none; padding: 0.15rem 0; } } /* /Pages/SchoolPortalAdminIsland.razor.rz.scp.css */ .spa[b-9orwslwi7p] { font-family: system-ui, sans-serif; color: #1c1c1c; padding: 1rem 1.2rem; max-width: 1100px; } .spa h1[b-9orwslwi7p] { font-size: 1.4rem; } .spa__card[b-9orwslwi7p] { border: 1px solid #d8d8d8; border-radius: 6px; padding: 0.75rem 1rem; margin: 1rem 0; } .spa__card h2[b-9orwslwi7p] { font-size: 1.1rem; margin: 0 0 0.4rem; } .spa__hint[b-9orwslwi7p], .spa__muted[b-9orwslwi7p] { color: #555; font-size: 0.85rem; } .spa__warn[b-9orwslwi7p] { color: #8a5a00; } .spa__row[b-9orwslwi7p] { display: flex; gap: 0.75rem; align-items: end; margin: 0.5rem 0; } .spa__row label[b-9orwslwi7p] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; } .spa__row input[b-9orwslwi7p] { padding: 0.3rem; font: inherit; min-width: 18rem; } .spa__picks[b-9orwslwi7p] { list-style: none; padding: 0; margin: 0.25rem 0 0.75rem; } .spa__picks li[b-9orwslwi7p] { padding: 0.25rem 0; display: flex; gap: 0.5rem; align-items: center; } .spa__error[b-9orwslwi7p] { color: #8a1c1c; background: #fbeeee; border: 1px solid #e3b4b4; padding: 0.5rem 0.75rem; border-radius: 4px; } .spa__ok[b-9orwslwi7p] { color: #1c5a2a; background: #eef8f0; border: 1px solid #b4d9bc; padding: 0.5rem 0.75rem; border-radius: 4px; } .spa__btn[b-9orwslwi7p] { background: #0047AB; color: #fff; border: 0; padding: 0.3rem 0.8rem; border-radius: 4px; cursor: pointer; } .spa__btn--ghost[b-9orwslwi7p] { background: #fff; color: #0047AB; border: 1px solid #0047AB; margin-left: 0.5rem; } .spa__btn:disabled[b-9orwslwi7p] { background: #9db3d6; color: #fff; cursor: not-allowed; border-color: #9db3d6; } .spa__table[b-9orwslwi7p] { width: 100%; border-collapse: collapse; font-size: 0.9rem; margin-top: 0.5rem; } .spa__table th[b-9orwslwi7p], .spa__table td[b-9orwslwi7p] { border-bottom: 1px solid #e3e3e3; padding: 0.35rem 0.5rem; text-align: left; } .spa__table th[b-9orwslwi7p] { background: #f3f3f3; font-weight: 600; } /* /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/SchoolPortalRepairsIsland.razor.rz.scp.css */ /* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. Brook Mays blue #0047AB. */ .rp[b-zy7zmm0pek] { min-height: 100vh; background: #f4f6fb; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .rp__header[b-zy7zmm0pek] { 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; } .rp__brand[b-zy7zmm0pek] { display: flex; align-items: baseline; gap: 0.6rem; } .rp__logo[b-zy7zmm0pek] { font-weight: 700; font-size: 1.1rem; } .rp__product[b-zy7zmm0pek] { font-size: 0.85rem; background: rgba(255, 255, 255, 0.18); padding: 0.1rem 0.5rem; border-radius: 999px; } .rp__nav[b-zy7zmm0pek] { display: flex; gap: 0.25rem 0.5rem; } .rp__nav[b-zy7zmm0pek] a, .rp__navlink[b-zy7zmm0pek] { color: #fff; text-decoration: none; padding: 0.35rem 0.75rem; border-radius: 6px; } .rp__nav[b-zy7zmm0pek] a:hover, .rp__nav[b-zy7zmm0pek] a:focus-visible { background: rgba(255, 255, 255, 0.2); outline: none; } .rp__main[b-zy7zmm0pek] { max-width: 56rem; margin: 0 auto; padding: 1.25rem; } .rp__loading[b-zy7zmm0pek] { color: #555; } .rp__title[b-zy7zmm0pek] { margin: 0 0 0.75rem; font-size: 1.4rem; } .rp__sub[b-zy7zmm0pek] { margin: 0 0 1rem; color: #4a4a62; max-width: 44rem; } .rp__card[b-zy7zmm0pek] { background: #fff; border: 1px solid #dfe3ee; border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 1rem; } .rp__card h1[b-zy7zmm0pek], .rp__card h2[b-zy7zmm0pek] { margin: 0 0 0.5rem; font-size: 1.15rem; } .rp__h3[b-zy7zmm0pek] { margin: 1rem 0 0.25rem; font-size: 1rem; } .rp__line[b-zy7zmm0pek] { border: 1px solid #dfe3ee; border-radius: 8px; padding: 0.75rem 1rem; margin: 0 0 0.75rem; } .rp__line legend[b-zy7zmm0pek] { font-weight: 600; padding: 0 0.4rem; } .rp__row[b-zy7zmm0pek] { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; margin-bottom: 0.25rem; } .rp__radio[b-zy7zmm0pek], .rp__check[b-zy7zmm0pek] { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.4rem; font-size: 0.95rem; } .rp__chips[b-zy7zmm0pek] { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0.25rem 0 0.4rem; } .rp__chip[b-zy7zmm0pek] { background: #eef2ff; color: #1e3a8a; border: 1px solid #c7d2fe; border-radius: 999px; padding: 0.2rem 0.7rem; font: inherit; font-size: 0.82rem; cursor: pointer; } .rp__chip:hover:not(:disabled)[b-zy7zmm0pek], .rp__chip:focus-visible[b-zy7zmm0pek] { background: #dbe4ff; } .rp__fees[b-zy7zmm0pek] { background: #f8fafc; border: 1px solid #dfe3ee; border-radius: 8px; padding: 0.6rem 0.9rem; margin: 0.6rem 0; } .rp__waived[b-zy7zmm0pek] { color: #065f46; font-weight: 600; } .rp__btn[b-zy7zmm0pek] { background: #0047AB; color: #fff; border: 0; border-radius: 6px; padding: 0.5rem 1.1rem; font: inherit; cursor: pointer; text-decoration: none; display: inline-block; } .rp__btn:hover:not(:disabled)[b-zy7zmm0pek], .rp__btn:focus-visible[b-zy7zmm0pek] { background: #00337D; } .rp__btn--ghost[b-zy7zmm0pek] { background: #fff; color: #0047AB; border: 1px solid #0047AB; } .rp__btn--danger[b-zy7zmm0pek] { background: #fff; color: #991b1b; border: 1px solid #991b1b; margin-top: 0.6rem; } .rp__btn:disabled[b-zy7zmm0pek] { opacity: 0.55; cursor: default; } .rp__list[b-zy7zmm0pek], .rp__lines[b-zy7zmm0pek] { list-style: none; margin: 0; padding: 0; } .rp__item[b-zy7zmm0pek] { padding: 0.75rem 0; border-bottom: 1px solid #eef0f6; } .rp__itemhead[b-zy7zmm0pek] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; } .rp__lines[b-zy7zmm0pek] { margin: 0.4rem 0 0 0.5rem; } .rp__lines li[b-zy7zmm0pek] { margin: 0.2rem 0; } .rp__tag[b-zy7zmm0pek] { font-size: 0.75rem; background: #e0f2fe; color: #075985; padding: 0.05rem 0.55rem; border-radius: 999px; } .rp__tag--soft[b-zy7zmm0pek] { background: #f1f5f9; color: #475569; } .rp__fine[b-zy7zmm0pek] { font-size: 0.85rem; color: #666; margin: 0.25rem 0; } .rp__money[b-zy7zmm0pek] { font-weight: 600; margin-left: 0.4rem; } .rp__totals[b-zy7zmm0pek] { margin-top: 0.5rem; padding: 0.5rem 0.75rem; background: #f8fafc; border-radius: 8px; } .rp__thumbs[b-zy7zmm0pek] { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.5rem; } .rp__thumbs img[b-zy7zmm0pek] { width: 72px; height: 72px; object-fit: cover; border-radius: 6px; border: 1px solid #dfe3ee; } .rp__empty[b-zy7zmm0pek] { color: #666; } .rp__notice[b-zy7zmm0pek] { background: #ecfdf5; color: #065f46; padding: 0.5rem 0.75rem; border-radius: 6px; } .rp__error[b-zy7zmm0pek] { background: #fef2f2; color: #991b1b; padding: 0.5rem 0.75rem; border-radius: 6px; } .rp__table[b-zy7zmm0pek] { width: 100%; border-collapse: collapse; margin: 0.6rem 0; font-size: 0.9rem; } .rp__table th[b-zy7zmm0pek], .rp__table td[b-zy7zmm0pek] { text-align: left; padding: 0.3rem 0.5rem; border-bottom: 1px solid #eef0f6; } .rp__skip[b-zy7zmm0pek] { color: #888; } .rp label[b-zy7zmm0pek] { display: block; margin-top: 0.5rem; font-size: 0.85rem; color: #333; } .rp label.rp__radio[b-zy7zmm0pek], .rp label.rp__check[b-zy7zmm0pek] { display: flex; font-size: 0.95rem; color: #1a1a2e; } .rp input[type="text"][b-zy7zmm0pek], .rp select[b-zy7zmm0pek], .rp textarea[b-zy7zmm0pek] { padding: 0.4rem 0.55rem; border: 1px solid #c7c9d8; border-radius: 6px; font: inherit; width: 100%; box-sizing: border-box; } .rp input:focus-visible[b-zy7zmm0pek], .rp select:focus-visible[b-zy7zmm0pek], .rp textarea:focus-visible[b-zy7zmm0pek], .rp__chip:focus-visible[b-zy7zmm0pek], .rp__btn:focus-visible[b-zy7zmm0pek] { outline: 2px solid #0047AB; outline-offset: 1px; } /* /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/TerritoryAnalysisRollupIsland.razor.rz.scp.css */ /* Rental profitability additions (#78363). Plain CSS, no MudBlazor (#69081 HARD rule). */ .rpr[b-o2sbvon1ae] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 0.75rem 1rem; margin-bottom: 1rem; background: #fff; } .rpr-year[b-o2sbvon1ae] { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; color: #555; } .rpr-year select[b-o2sbvon1ae] { padding: 0.35rem 0.5rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; color: #1a1a2e; } .rpr-muted[b-o2sbvon1ae] { color: #666; font-size: 0.88rem; margin: 0.4rem 0; } .rpr-note[b-o2sbvon1ae] { background: #eef2ff; color: #1e3a8a; padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0 0; } .rpr-warn[b-o2sbvon1ae] { background: #fff7ed; color: #9a3412; border: 1px solid #fed7aa; padding: 0.5rem 0.75rem; border-radius: 6px; margin: 0.5rem 0 0; } .rpr-num[b-o2sbvon1ae] { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; } .rpr-col[b-o2sbvon1ae] { padding: 6px 16px; border-bottom: 1px solid #e0e0e0; font-size: 0.875rem; } th.rpr-col[b-o2sbvon1ae] { font-weight: 500; } .rpr-neg[b-o2sbvon1ae] { color: #b91c1c; } .rpr-h3[b-o2sbvon1ae] { margin: 0.9rem 0 0.2rem; font-size: 1rem; } .rpr-year-main[b-o2sbvon1ae] { font-size: 1rem; color: #333; padding-top: 0.75rem; } .rpr-year-main select[b-o2sbvon1ae] { font-size: 1rem; min-width: 11rem; } .rpr-recon[b-o2sbvon1ae] { font-size: 1rem; font-weight: 600; color: #1a1a2e; margin: 0.4rem 0 0.2rem; } .rpr-unmatched[b-o2sbvon1ae] { font-style: italic; color: #555; } .rpr-pager[b-o2sbvon1ae] { display: flex; align-items: center; gap: 0.75rem; justify-content: flex-end; margin: 0.5rem 0 1rem; font-size: 0.9rem; color: #444; } .rpr-pager button[b-o2sbvon1ae] { padding: 0.3rem 0.75rem; border: 1px solid #c7c7d4; border-radius: 6px; background: #fff; font: inherit; cursor: pointer; } .rpr-pager button:disabled[b-o2sbvon1ae] { opacity: 0.45; cursor: default; } .rpr-tabs[b-o2sbvon1ae] { display: flex; gap: 0.25rem; margin: 0 0 0.75rem; } .rpr-tabs button[b-o2sbvon1ae] { padding: 0.4rem 1rem; border: 1px solid #c7c7d4; border-radius: 6px; background: #fff; font: inherit; cursor: pointer; } .rpr-tabs button.rpr-tab-on[b-o2sbvon1ae] { background: #1a1a2e; color: #fff; border-color: #1a1a2e; } .rpr-reps[b-o2sbvon1ae] { width: 100%; border-collapse: collapse; font-size: 0.875rem; margin-bottom: 1rem; } .rpr-reps th[b-o2sbvon1ae], .rpr-reps td[b-o2sbvon1ae] { padding: 6px 16px; border-bottom: 1px solid #e0e0e0; text-align: left; } .rpr-reps th.rpr-num[b-o2sbvon1ae], .rpr-reps td.rpr-num[b-o2sbvon1ae] { text-align: right; } .rpr-reps tfoot td[b-o2sbvon1ae] { border-top: 2px solid #999; } .rpr-sort[b-o2sbvon1ae] { background: none; border: 0; font: inherit; font-weight: 500; cursor: pointer; padding: 0; color: inherit; } .rpr-reps .rpr-avg th[b-o2sbvon1ae] { background: #f4f4f8; font-weight: 600; border-bottom: 2px solid #999; } .rpr-above[b-o2sbvon1ae] { background: #e7f6ec; color: #14532d; } .rpr-below[b-o2sbvon1ae] { background: #fdeaea; color: #991b1b; } .rpr-swatch[b-o2sbvon1ae] { padding: 0 0.4rem; border-radius: 4px; } .rpr-proj[b-o2sbvon1ae] { margin: 0.6rem 0 0.4rem; } .rpr-proj-head[b-o2sbvon1ae] { font-size: 1.05rem; margin: 0.2rem 0; color: #1a1a2e; } .rpr-best[b-o2sbvon1ae] { font-size: 0.82rem; } /* /Pages/UsedItemIntakeIsland.razor.rz.scp.css */ /* Used Item Intake (#81076). Plain CSS, no MudBlazor (#69081). Large touch targets: used on the warehouse floor with a phone or tablet. */ .ui-shell[b-yg55dnwah5] { max-width: 960px; margin: 0 auto; padding: 1rem 1.25rem 3rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .ui-top[b-yg55dnwah5] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.25rem; border-bottom: 2px solid #a31e23; padding-bottom: 0.5rem; margin-bottom: 1rem; } .ui-top a[b-yg55dnwah5] { color: #0047ab; text-decoration: none; font-size: 0.9rem; } .ui-top h1[b-yg55dnwah5] { margin: 0; font-size: 1.5rem; color: #a31e23; flex: 1 1 auto; } .ui-tabs[b-yg55dnwah5] { display: flex; gap: 0.25rem; } .ui-tab[b-yg55dnwah5] { border: 1px solid transparent; background: none; padding: 0.5rem 0.9rem; border-radius: 6px; cursor: pointer; font: inherit; } .ui-tab:hover[b-yg55dnwah5] { background: #f3f3f8; } .ui-tab--on[b-yg55dnwah5] { background: #a31e23; color: #fff; } .ui-steps[b-yg55dnwah5] { display: flex; flex-wrap: wrap; gap: 0.35rem; list-style: none; padding: 0; margin: 0 0 1rem; } .ui-step[b-yg55dnwah5] { padding: 0.3rem 0.7rem; border-radius: 999px; background: #eee; color: #555; font-size: 0.9rem; } .ui-step--done[b-yg55dnwah5] { background: #dfeee1; color: #1f5a2a; } .ui-step--on[b-yg55dnwah5] { background: #0047ab; color: #fff; font-weight: 600; } .ui-panel[b-yg55dnwah5] { border: 1px solid #e2e2ea; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; background: #fff; } .ui-panel h2[b-yg55dnwah5] { margin: 0 0 0.75rem; font-size: 1.15rem; } .ui-sub[b-yg55dnwah5] { color: #555; margin: 0 0 0.75rem; } .ui-alert[b-yg55dnwah5] { border: 1px solid #c7c7d4; background: #f3f3f8; border-radius: 6px; padding: 0.6rem 0.9rem; margin-bottom: 1rem; } .ui-alert--error[b-yg55dnwah5] { border-color: #a31e23; background: #fdecec; color: #7a1216; } .ui-row[b-yg55dnwah5] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.6rem 1rem; margin-bottom: 0.75rem; } .ui-field[b-yg55dnwah5] { display: flex; flex-direction: column; gap: 0.2rem; min-width: 10rem; } .ui-field--wide[b-yg55dnwah5] { flex: 1 1 20rem; } .ui-field label[b-yg55dnwah5] { font-size: 0.78rem; color: #555; text-transform: uppercase; letter-spacing: 0.03em; } .ui-shell input[type="text"][b-yg55dnwah5], .ui-shell input[type="number"][b-yg55dnwah5], .ui-shell select[b-yg55dnwah5], .ui-shell textarea[b-yg55dnwah5] { padding: 0.6rem 0.6rem; border: 1px solid #c7c7d4; border-radius: 6px; font: inherit; background: #fff; } .ui-shell textarea[b-yg55dnwah5] { min-height: 4.5rem; width: 100%; box-sizing: border-box; } .ui-shell[b-yg55dnwah5] .ui-btn { border: 1px solid #c7c7d4; background: #fff; border-radius: 6px; padding: 0.6rem 1.1rem; cursor: pointer; font: inherit; color: inherit; } .ui-shell[b-yg55dnwah5] .ui-btn:hover:not(:disabled) { background: #f3f3f8; } .ui-shell[b-yg55dnwah5] .ui-btn:disabled { opacity: 0.55; cursor: default; } .ui-shell[b-yg55dnwah5] .ui-btn--primary { background: #0047ab; border-color: #0047ab; color: #fff; } .ui-shell[b-yg55dnwah5] .ui-btn--primary:hover:not(:disabled) { background: #003a8c; } .ui-shell[b-yg55dnwah5] .ui-btn--danger { border-color: #a31e23; color: #a31e23; } .ui-shell[b-yg55dnwah5] .ui-btn--small { padding: 0.25rem 0.6rem; font-size: 0.9rem; } .ui-link[b-yg55dnwah5] { color: #0047ab; } .ui-table[b-yg55dnwah5] { width: 100%; border-collapse: collapse; margin-bottom: 0.75rem; } .ui-table th[b-yg55dnwah5], .ui-table td[b-yg55dnwah5] { text-align: left; padding: 0.45rem 0.6rem; border-bottom: 1px solid #ececf2; vertical-align: top; overflow-wrap: anywhere; } .ui-table th[b-yg55dnwah5] { font-size: 0.78rem; color: #555; text-transform: uppercase; } .ui-num[b-yg55dnwah5] { text-align: right !important; font-variant-numeric: tabular-nums; } .ui-draft[b-yg55dnwah5] { margin-top: 1rem; border-top: 1px dashed #c7c7d4; padding-top: 0.75rem; } .ui-draft summary[b-yg55dnwah5] { cursor: pointer; font-weight: 600; margin-bottom: 0.5rem; } .ui-thumbs[b-yg55dnwah5] { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 0.75rem 0; } .ui-thumbs figure[b-yg55dnwah5] { margin: 0; display: flex; flex-direction: column; gap: 0.25rem; align-items: flex-start; } .ui-thumbs img[b-yg55dnwah5] { width: 140px; height: 105px; object-fit: cover; border-radius: 6px; border: 1px solid #c7c7d4; } .ui-summary[b-yg55dnwah5] { display: grid; grid-template-columns: 11rem 1fr; gap: 0.3rem 1rem; margin: 0 0 1rem; } .ui-summary dt[b-yg55dnwah5] { color: #555; } .ui-summary dd[b-yg55dnwah5] { margin: 0; } .ui-zpl[b-yg55dnwah5] { width: 100%; min-height: 8rem; font-family: ui-monospace, Menlo, Consolas, monospace; margin-top: 0.5rem; } .ui-label[b-yg55dnwah5] { border: 2px dashed #1a1a2e; border-radius: 6px; padding: 0.75rem 1rem; margin-bottom: 0.75rem; width: 20rem; max-width: 100%; } .ui-label-serial[b-yg55dnwah5] { font-size: 2.2rem; font-weight: 800; letter-spacing: 0.05em; } .ui-shell[b-yg55dnwah5] .ui-nav { display: flex; gap: 0.5rem; margin-top: 0.75rem; } .ui-qr[b-yg55dnwah5], .ui-comps[b-yg55dnwah5] { border-top: 1px dashed #c7c7d4; margin-top: 1rem; padding-top: 0.75rem; } .ui-qr h3[b-yg55dnwah5], .ui-comps h3[b-yg55dnwah5], .ui-panel h3[b-yg55dnwah5] { margin: 0.5rem 0; font-size: 1rem; } .ui-qr-box[b-yg55dnwah5] { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; } .ui-qr-img[b-yg55dnwah5] { width: 220px; height: 220px; background: #fff; border: 1px solid #c7c7d4; border-radius: 6px; padding: 6px; } .ui-unmapped td[b-yg55dnwah5] { background: #fff7e6; } .ui-check[b-yg55dnwah5] { display: flex; gap: 0.5rem; align-items: center; margin: 0.5rem 0 1rem; font-weight: 600; } .ui-check input[b-yg55dnwah5] { width: 1.25rem; height: 1.25rem; } @media print { .ui-top[b-yg55dnwah5], .ui-steps[b-yg55dnwah5], .ui-alert[b-yg55dnwah5] { display: none; } .ui-panel > *:not(.ui-label)[b-yg55dnwah5] { display: none; } .ui-panel[b-yg55dnwah5] { border: none; padding: 0; } } /* /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/VendorPortalProfileIsland.razor.rz.scp.css */ .vpp-page[b-fak8phmb7s] { max-width: 640px; margin: 0 auto; padding: 24px 16px; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #1f2937; } .vpp-header h1[b-fak8phmb7s] { font-size: 1.6rem; margin: 8px 0; } .vpp-back[b-fak8phmb7s] { font-size: 0.9rem; text-decoration: none; color: #0b5cab; } .vpp-card[b-fak8phmb7s] { background: #fff; border: 1px solid #d1d5db; border-radius: 8px; padding: 16px 20px; margin: 16px 0; } .vpp-card h2[b-fak8phmb7s] { font-size: 1.15rem; margin-top: 0; } .vpp-card dl[b-fak8phmb7s] { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0; } .vpp-card dt[b-fak8phmb7s] { font-weight: 600; } .vpp-card dd[b-fak8phmb7s] { margin: 0; overflow-wrap: anywhere; } .vpp-card ul[b-fak8phmb7s] { margin: 0; padding-left: 20px; } .vpp-card li[b-fak8phmb7s] { margin: 6px 0; } .vpp-note[b-fak8phmb7s] { font-size: 0.9rem; color: #4b5563; margin: 12px 0 0; } .vpp-alert[b-fak8phmb7s] { background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b; border-radius: 8px; padding: 12px 16px; margin: 16px 0; } /* /Pages/WarehouseLabelsIsland.razor.rz.scp.css */ /* Warehouse labels (#82392). Plain CSS, no MudBlazor (#69081). Large touch targets for floor use. */ .wl-shell[b-7ti7xfo44p] { max-width: 720px; margin: 0 auto; padding: 1rem 1.25rem 3rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .wl-top[b-7ti7xfo44p] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.25rem; border-bottom: 2px solid #a31e23; padding-bottom: 0.5rem; margin-bottom: 1rem; } .wl-top h1[b-7ti7xfo44p] { font-size: 1.4rem; margin: 0; } .wl-panel[b-7ti7xfo44p] { border: 1px solid #d8d8e0; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1rem; background: #fff; } .wl-panel h2[b-7ti7xfo44p] { font-size: 1.1rem; margin: 0 0 0.75rem; } .wl-field[b-7ti7xfo44p] { display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 0.85rem; flex: 1 1 140px; } .wl-field label[b-7ti7xfo44p] { font-weight: 600; font-size: 0.9rem; } .wl-field input[b-7ti7xfo44p], .wl-field select[b-7ti7xfo44p] { min-height: 44px; font-size: 1rem; padding: 0.4rem 0.6rem; border: 1px solid #8a8a99; border-radius: 6px; } .wl-row[b-7ti7xfo44p] { display: flex; flex-wrap: wrap; gap: 0 1rem; } .wl-actions[b-7ti7xfo44p] { display: flex; gap: 0.75rem; margin-top: 0.5rem; } .wl-btn[b-7ti7xfo44p] { min-height: 48px; min-width: 120px; font-size: 1rem; font-weight: 600; border: 2px solid #a31e23; background: #fff; color: #a31e23; border-radius: 6px; cursor: pointer; } .wl-btn--primary[b-7ti7xfo44p] { background: #a31e23; color: #fff; } .wl-btn:disabled[b-7ti7xfo44p] { opacity: 0.6; cursor: not-allowed; } .wl-alert[b-7ti7xfo44p] { padding: 0.75rem 1rem; border-radius: 6px; margin-bottom: 1rem; background: #eef2ff; } .wl-alert--error[b-7ti7xfo44p] { background: #fdecea; border: 1px solid #a31e23; color: #7a1216; } .wl-ok[b-7ti7xfo44p] { color: #1b5e20; font-weight: 600; } .wl-sub[b-7ti7xfo44p] { color: #55556a; font-size: 0.9rem; } .wl-zpl[b-7ti7xfo44p] { width: 100%; font-family: ui-monospace, Consolas, monospace; font-size: 0.85rem; box-sizing: border-box; } /* /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); } /* /Pages/Www26LeafHealthIsland.razor.rz.scp.css */ /* Plain CSS, no MudBlazor (#69081 HARD rule) - scoped to this component by Blazor's CSS isolation. */ .lh-page[b-0warwqeps9] { max-width: 1280px; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1a2e; } .lh-header[b-0warwqeps9] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; } .lh-sub[b-0warwqeps9] { color: #555; margin: 0.25rem 0 0; max-width: 52rem; } .lh-banner[b-0warwqeps9] { padding: 0.6rem 0.9rem; border-radius: 6px; margin: 0 0 0.75rem; line-height: 1.45; } .lh-banner--ok[b-0warwqeps9] { background: #ecfdf5; color: #065f46; } .lh-banner--warn[b-0warwqeps9] { background: #fffbeb; color: #92400e; } .lh-error[b-0warwqeps9] { background: #fef2f2; color: #991b1b; padding: 0.6rem 0.9rem; border-radius: 6px; } .lh-basis[b-0warwqeps9] { font-size: 0.85rem; color: #555; margin-bottom: 0.75rem; } .lh-table[b-0warwqeps9] { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; font-size: 0.9rem; } .lh-table th[b-0warwqeps9], .lh-table td[b-0warwqeps9] { text-align: left; padding: 0.45rem 0.6rem; border-bottom: 1px solid #e5e5ee; vertical-align: top; } .lh-table th[b-0warwqeps9] { background: #f6f6fa; font-weight: 600; } .lh-num[b-0warwqeps9] { text-align: right; font-variant-numeric: tabular-nums; } .lh-desc[b-0warwqeps9] { color: #666; font-size: 0.8rem; margin-top: 0.15rem; } .lh-btn[b-0warwqeps9] { display: inline-block; border: 1px solid #c9c9d6; background: #fff; color: inherit; border-radius: 6px; padding: 0.35rem 0.8rem; cursor: pointer; font: inherit; } .lh-btn:disabled[b-0warwqeps9] { opacity: 0.55; cursor: not-allowed; } .lh-btn:focus-visible[b-0warwqeps9] { outline: 3px solid #2563eb; outline-offset: 2px; } .lh-card[b-0warwqeps9] { border: 1px solid #e5e5ee; border-radius: 8px; padding: 0.75rem 1rem; margin-bottom: 1rem; } .lh-card h2[b-0warwqeps9] { font-size: 1.05rem; margin: 0 0 0.5rem; } .lh-big[b-0warwqeps9] { font-size: 1.8rem; font-weight: 700; margin: 0 0 0.25rem; } .lh-ok[b-0warwqeps9] { color: #065f46; } .lh-bad[b-0warwqeps9] { color: #991b1b; } .lh-table[b-0warwqeps9] { border-collapse: collapse; margin-bottom: 0.5rem; font-size: 0.9rem; } .lh-table th[b-0warwqeps9], .lh-table td[b-0warwqeps9] { text-align: left; padding: 0.3rem 0.8rem 0.3rem 0; border-bottom: 1px solid #e5e5ee; font-weight: 400; } /* /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/CustomerFileStyleScope.razor.rz.scp.css */ /* Shared stylesheet for the Unified Customer page and every child component (#77662, parent #77071). Ported from the