with a single text node -- none of the
datarow__id/__body/__title/__pills children this rule depends on. :not(.datarow--empty)
excludes it so it keeps its own centered single-line layout instead of being pulled into
this rule's grid-template-areas, where its lone text node would otherwise auto-place into
the "id" cell (a shrink-to-fit column) and be squeezed/left-aligned instead of centered. */
@media (max-width: 1200px) {
.datarow:not(.datarow--empty)[b-hyd7p2kgwf] {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-areas:
"id title title"
"meta meta pills";
column-gap: 10px;
row-gap: 4px;
align-items: center;
padding: 10px 16px;
}
/* Unwraps the title+meta grouping span so its children (.datarow__title and .meta) become
direct grid items of .datarow above, placeable into their own grid areas instead of
staying confined to this wrapper's single "title-column" grid cell. */
.datarow__body[b-hyd7p2kgwf] {
display: contents;
}
/* Line 1, left: WO number. */
.datarow__id[b-hyd7p2kgwf] {
grid-area: id;
}
/* Line 1, right: description: fills the rest of row 1 and keeps its existing ellipsis
truncation (min-width:0 lets a grid item shrink below its content size, which
overflow/ellipsis needs to kick in). */
.datarow__title[b-hyd7p2kgwf] {
grid-area: title;
min-width: 0;
}
/* Line 2, left: asset id + name, spanning most of row 2's width; truncates with an
ellipsis instead of wrapping onto a third line if the asset name is long. */
.meta[b-hyd7p2kgwf] {
grid-area: meta;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Line 2, right: priority/status pills, right-aligned in their own column so they don't
get squeezed by (or squeeze) the asset text next to them. */
.datarow__pills[b-hyd7p2kgwf] {
grid-area: pills;
justify-self: end;
}
}
/* /Components/Pages/DataModel.razor.rz.scp.css */
/* DataModel.razor scoped styles */
.dm-title[b-2mhon0xgfc] {
font-size: 2rem;
font-weight: 700;
color: #1a1a2e;
margin: 0 0 4px;
}
.dm-subtitle[b-2mhon0xgfc] {
font-size: 0.95rem;
color: #6b7280;
margin: 0 0 16px;
}
.dm-scaffold[b-2mhon0xgfc] {
font-family: 'Consolas', 'Courier New', monospace;
font-size: 0.8rem;
background: #0f2137;
color: #a8d8ea;
padding: 14px 18px;
border-radius: 10px;
margin: 0 0 28px;
overflow-x: auto;
white-space: nowrap;
}
/* Grouped table grid */
.dm-groups[b-2mhon0xgfc] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
gap: 20px;
margin-bottom: 28px;
}
.dm-group[b-2mhon0xgfc] {
background: #fff;
border-radius: 12px;
padding: 16px;
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.dm-group-title[b-2mhon0xgfc] {
font-size: 0.95rem;
font-weight: 700;
color: #1a1a2e;
padding: 2px 0 12px;
border-bottom: 1px solid #e5e7eb;
display: flex;
align-items: center;
gap: 6px;
}
.dm-group-title[b-2mhon0xgfc]::before {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--mud-palette-primary, #1976d2);
flex-shrink: 0;
}
/* Table cards */
.dm-table-card[b-2mhon0xgfc] {
background: #f8f9fb;
border-radius: 8px;
padding: 10px 12px;
margin-top: 10px;
transition: box-shadow 0.15s ease;
}
.dm-table-card:hover[b-2mhon0xgfc] {
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.dm-table-head[b-2mhon0xgfc] {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 6px;
}
.dm-table-name[b-2mhon0xgfc] {
font-size: 0.88rem;
font-weight: 600;
color: #1a1a2e;
font-family: 'Consolas', 'Courier New', monospace;
}
.dm-badge[b-2mhon0xgfc] {
font-size: 0.72rem;
background: #e8eaed;
color: #5f6368;
padding: 2px 8px;
border-radius: 10px;
font-family: 'Consolas', 'Courier New', monospace;
}
/* Column chips */
.dm-cols[b-2mhon0xgfc] {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.dm-col[b-2mhon0xgfc] {
font-size: 0.75rem;
font-family: 'Consolas', 'Courier New', monospace;
background: #eef0f4;
color: #4a5568;
padding: 2px 7px;
border-radius: 4px;
border: 1px solid #e2e5ea;
}
.dm-col.pk[b-2mhon0xgfc] {
background: #e3f0ff;
color: #1565c0;
border-color: #b8d8f7;
font-weight: 600;
}
/* Foreign keys */
.dm-fk[b-2mhon0xgfc] {
background: #fff;
border-radius: 12px;
padding: 16px 20px;
margin-top: 4px;
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.dm-fk-row[b-2mhon0xgfc] {
font-family: 'Consolas', 'Courier New', monospace;
font-size: 0.82rem;
color: #4a5568;
padding: 3px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.dm-fk-row:hover[b-2mhon0xgfc] {
color: #1976d2;
}
.dm-fk-from[b-2mhon0xgfc] {
font-weight: 500;
}
.dm-fk-to[b-2mhon0xgfc] {
color: #1976d2;
font-weight: 500;
}
/* /Components/Pages/Inventory.razor.rz.scp.css */
.inv-title[b-lcoktoub25] {
font-size: 34px;
font-weight: 800;
color: #0e1726;
margin: 0 0 4px;
}
.inv-subtitle[b-lcoktoub25] {
font-size: 15px;
color: #5a6878;
margin: 0 0 24px;
}
.inv-stock[b-lcoktoub25] {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 160px;
}
.inv-bar[b-lcoktoub25] {
height: 8px;
background: #eaeef6;
border-radius: 999px;
overflow: hidden;
}
.inv-bar-fill[b-lcoktoub25] {
display: block;
height: 100%;
border-radius: 999px;
}
.inv-bar-fill.success[b-lcoktoub25] {
background: #2bb673;
}
.inv-bar-fill.warning[b-lcoktoub25] {
background: #e6a700;
}
.inv-bar-fill.danger[b-lcoktoub25] {
background: #e05353;
}
/* Toolbar filter controls — shared base style. */
.inv-filter[b-lcoktoub25]{
height:38px;padding:0 12px;border:1px solid #dce2ed;border-radius:10px;
font-size:13.5px;color:#0e1726;background:#fff;cursor:pointer;outline:none;appearance:none;
}
.inv-filter:focus[b-lcoktoub25]{border-color:#0599e1}
/* Status dropdown gets the chevron arrow. */
select.inv-filter[b-lcoktoub25]{
padding-right:32px;
background-image:url("data:image/svg+xml;utf8,
");
background-repeat:no-repeat;background-position:right 10px center;
}
/* Search input is wider and has no chevron. */
.inv-search[b-lcoktoub25]{width:240px}
/* Sortable header. */
.inv-th-sort[b-lcoktoub25]{cursor:pointer;user-select:none;white-space:nowrap}
.inv-th-sort:hover[b-lcoktoub25]{color:#0599e1}
.inv-sort-icon[b-lcoktoub25]{margin-left:4px;font-size:11px;color:#b0bac8;vertical-align:middle}
.inv-sort-active[b-lcoktoub25]{color:#0599e1}
/* Pagination bar. */
.inv-pager[b-lcoktoub25]{
display:flex;align-items:center;gap:12px;
padding:12px 16px 4px;font-size:13px;color:#5a6878;
border-top:1px solid #eef0f5;
}
.inv-pager-info[b-lcoktoub25]{display:flex;align-items:center;gap:6px}
.inv-pager-size[b-lcoktoub25]{
height:28px;padding:0 8px;border:1px solid #dce2ed;border-radius:8px;
font-size:13px;color:#0e1726;background:#fff;cursor:pointer;outline:none;
}
.inv-pager-btn[b-lcoktoub25]{
height:28px;min-width:28px;padding:0 8px;border:1px solid #dce2ed;border-radius:8px;
background:#fff;cursor:pointer;font-size:14px;color:#0e1726;line-height:1;
}
.inv-pager-btn:disabled[b-lcoktoub25]{opacity:0.35;cursor:default}
.inv-pager-btn:not(:disabled):hover[b-lcoktoub25]{border-color:#0599e1;color:#0599e1}
.inv-pager > .inv-pager-btn:first-of-type[b-lcoktoub25]{margin-left:auto}
.inv-scale[b-lcoktoub25] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 10px;
color: #9aa3b2;
}
/* /Components/Pages/InventoryDetail.razor.rz.scp.css */
/* Branded photo-upload button for the Photos card. Mirrors AttachmentPanel.razor.css: the real
(rendered by InputFile as .ap-input) is hidden and the styled label opens the
file picker. Scoped CSS is per-component, so these rules must live here even though they duplicate
AttachmentPanel's - they can't cross the component-scope boundary. */
.ap-upload[b-q4i6kpfvdb] {
display: inline-flex;
align-items: center;
gap: 6px;
height: 36px;
padding: 0 16px;
background: #0599e1;
color: #fff;
font-size: 13px;
font-weight: 600;
border-radius: 9px;
cursor: pointer;
box-shadow: 0 2px 6px rgba(5, 153, 225, 0.3);
transition: background 0.15s, box-shadow 0.15s;
}
.ap-upload:hover[b-q4i6kpfvdb] {
background: #047ab5;
box-shadow: 0 3px 10px rgba(5, 153, 225, 0.4);
}
.ap-upload-icon[b-q4i6kpfvdb] { font-size: 16px; line-height: 1; font-weight: 400; }
/* Hide the native file input but keep it operable via the wrapping label. InputFile renders its own
, which does NOT receive this component's scope attribute, so `::deep` is required to match
the rendered input (same reasoning as AttachmentPanel.razor.css). */
.ap-upload[b-q4i6kpfvdb] input[type=file] {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
overflow: hidden;
pointer-events: none;
}
.ap-hint[b-q4i6kpfvdb] {
display: inline-block;
margin-left: 10px;
font-size: 12px;
color: var(--ink-4);
vertical-align: middle;
}
/* /Components/Pages/Preventive.razor.rz.scp.css */
.pm-title[b-4w75xrdiw6] {
font-size: 34px;
font-weight: 800;
color: #0e1726;
margin: 0 0 4px;
}
.pm-subtitle[b-4w75xrdiw6] {
font-size: 15px;
color: #5a6878;
margin: 0 0 24px;
}
.pm-gen[b-4w75xrdiw6] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 11px;
font-weight: 600;
color: #fff;
background: #0599e1;
border: none;
border-radius: 999px;
padding: 6px 14px;
cursor: pointer;
transition: background 0.15s;
}
.pm-gen:hover[b-4w75xrdiw6] {
background: #047ab5;
}
/* ── New PM task form ─────────────────────────────────────────────
Self-contained card + fields. The page previously borrowed req-*
classes scoped to the Requests page, so the inputs rendered with
bare browser defaults; these pm-form-* rules style it properly. */
.pm-form-card[b-4w75xrdiw6] {
background: linear-gradient(180deg, #fbfdff 0%, #fff 100%);
border: 1px solid #e3eaf2;
border-radius: 16px;
padding: 20px 22px;
margin-bottom: 16px;
box-shadow: 0 1px 2px rgba(14, 23, 38, 0.04);
}
/* Header: square brand icon + kicker + subtitle. */
.pm-form-head[b-4w75xrdiw6] {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 18px;
}
.pm-form-icon[b-4w75xrdiw6] {
flex-shrink: 0;
width: 34px;
height: 34px;
border-radius: 10px;
background: #0599e1;
color: #fff;
font-size: 22px;
font-weight: 400;
line-height: 1;
display: grid;
place-items: center;
box-shadow: 0 2px 6px rgba(5, 153, 225, 0.35);
}
.pm-form-kicker[b-4w75xrdiw6] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
color: #0e1726;
}
.pm-form-sub[b-4w75xrdiw6] {
font-size: 12.5px;
color: var(--ink-4);
margin-top: 2px;
}
/* Responsive field row: fields flow and wrap, button sticks to the end. */
.pm-form-grid[b-4w75xrdiw6] {
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: flex-end;
}
.pm-field[b-4w75xrdiw6] {
display: flex;
flex-direction: column;
min-width: 150px;
}
.pm-field--sm[b-4w75xrdiw6] { min-width: 120px; max-width: 150px; }
.pm-field--grow[b-4w75xrdiw6] { flex: 1; min-width: 200px; }
.pm-label[b-4w75xrdiw6] {
font-size: 12px;
font-weight: 600;
color: #5a6878;
margin-bottom: 6px;
}
.pm-input[b-4w75xrdiw6] {
width: 100%;
height: 40px;
border: 1px solid #dce2ed;
border-radius: 10px;
padding: 0 12px;
font-size: 14px;
color: #0e1726;
background: #fff;
box-sizing: border-box;
transition: border-color 0.15s, box-shadow 0.15s;
outline: none;
}
.pm-input[b-4w75xrdiw6]::placeholder { color: #aab3c0; }
.pm-input:hover[b-4w75xrdiw6] { border-color: #b9c5d6; }
.pm-input:focus[b-4w75xrdiw6] {
border-color: #0599e1;
box-shadow: 0 0 0 3px rgba(5, 153, 225, 0.15);
}
/* Select gets a chevron and room for it. */
.pm-select[b-4w75xrdiw6] {
appearance: none;
padding-right: 32px;
cursor: pointer;
background-image: url("data:image/svg+xml;utf8,
");
background-repeat: no-repeat;
background-position: right 10px center;
}
/* Primary action: prominent, with disabled + hover states. */
.pm-submit[b-4w75xrdiw6] {
height: 40px;
padding: 0 22px;
background: #0599e1;
color: #fff;
border: none;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
white-space: nowrap;
box-shadow: 0 2px 6px rgba(5, 153, 225, 0.3);
transition: background 0.15s, box-shadow 0.15s;
}
.pm-submit:hover:not(:disabled)[b-4w75xrdiw6] {
background: #047ab5;
box-shadow: 0 3px 10px rgba(5, 153, 225, 0.4);
}
.pm-submit:disabled[b-4w75xrdiw6] {
background: #c3ced9;
box-shadow: none;
cursor: not-allowed;
}
/* ── Table toolbar: tabs / search / filter / sort / pager ─────────
Mirrors the Work Orders + Inventory table controls. */
.pm-tabs[b-4w75xrdiw6] { display: flex; gap: 8px; margin-bottom: 16px; }
.pm-tab[b-4w75xrdiw6] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 12px;
color: #5a6878;
background: transparent;
border: 1px solid #dce2ed;
border-radius: 999px;
padding: 6px 16px;
cursor: pointer;
transition: all 0.15s;
}
.pm-tab:hover[b-4w75xrdiw6] { color: #0e1726; border-color: #b0bdd0; }
.pm-tab.active[b-4w75xrdiw6] { color: #fff; background: #0599e1; border-color: #0599e1; }
.pm-filter[b-4w75xrdiw6] {
height: 38px; padding: 0 12px; border: 1px solid #dce2ed; border-radius: 10px;
font-size: 13.5px; color: #0e1726; background: #fff; cursor: pointer; outline: none; appearance: none;
}
.pm-filter:focus[b-4w75xrdiw6] { border-color: #0599e1; }
select.pm-filter[b-4w75xrdiw6] {
padding-right: 32px;
background-image: url("data:image/svg+xml;utf8,
");
background-repeat: no-repeat; background-position: right 10px center;
}
.pm-search[b-4w75xrdiw6] { width: 280px; }
.pm-th-sort[b-4w75xrdiw6] { cursor: pointer; user-select: none; white-space: nowrap; }
.pm-th-sort:hover[b-4w75xrdiw6] { color: #0599e1; }
.pm-sort-icon[b-4w75xrdiw6] { margin-left: 4px; font-size: 11px; color: #b0bac8; vertical-align: middle; }
.pm-sort-active[b-4w75xrdiw6] { color: #0599e1; }
.pm-pager[b-4w75xrdiw6] {
display: flex; align-items: center; gap: 12px;
padding: 12px 16px 4px; font-size: 13px; color: #5a6878;
border-top: 1px solid #eef0f5;
}
.pm-pager-info[b-4w75xrdiw6] { display: flex; align-items: center; gap: 6px; }
.pm-pager-size[b-4w75xrdiw6] {
height: 28px; padding: 0 8px; border: 1px solid #dce2ed; border-radius: 8px;
font-size: 13px; color: #0e1726; background: #fff; cursor: pointer; outline: none;
}
.pm-pager-btn[b-4w75xrdiw6] {
height: 28px; min-width: 28px; padding: 0 8px; border: 1px solid #dce2ed; border-radius: 8px;
background: #fff; cursor: pointer; font-size: 14px; color: #0e1726; line-height: 1;
}
.pm-pager-btn:disabled[b-4w75xrdiw6] { opacity: 0.35; cursor: default; }
.pm-pager-btn:not(:disabled):hover[b-4w75xrdiw6] { border-color: #0599e1; color: #0599e1; }
.pm-pager > .pm-pager-btn:first-of-type[b-4w75xrdiw6] { margin-left: auto; }
/* /Components/Pages/Purchasing/Purchasing.razor.rz.scp.css */
/* Page head: title block on the left, spend figure + "New PO" on the right.
gap + flex-wrap keep the two groups from colliding (and the button from being
pushed off-screen) once the title and the spend figure no longer fit on one row. */
.purch-head[b-7be2jb0ryq]{display:flex;align-items:flex-start;justify-content:space-between;
gap:16px;flex-wrap:wrap;margin-bottom:18px}
.purch-head-title[b-7be2jb0ryq]{min-width:0}
.purch-head-actions[b-7be2jb0ryq]{display:flex;align-items:center;gap:16px}
.purch-title[b-7be2jb0ryq]{font-family:'Helvetica LT','Helvetica Neue',sans-serif;font-weight:700;font-size:34px;
letter-spacing:-0.03em;color:#0e1726;margin:0}
.purch-subtitle[b-7be2jb0ryq]{font-size:15px;color:#5a6878;margin:6px 0 0}
.purch-spend[b-7be2jb0ryq]{display:flex;flex-direction:column;align-items:flex-end}
.purch-spend-label[b-7be2jb0ryq]{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;color:#9aa3b2}
.purch-spend-val[b-7be2jb0ryq]{font-family:'Helvetica LT','Helvetica Neue',sans-serif;font-weight:700;font-size:30px;
letter-spacing:-0.03em;color:#0e1726}
/* Mobile (matches the 700px breakpoint used on the sibling Suppliers page): stack the
spend figure and the action button in a full-width row under the title, left-aligned,
so nothing overlaps the h1 or clips past the right edge at ~390px wide. */
@media (max-width:700px){
.purch-head[b-7be2jb0ryq]{flex-direction:column;align-items:stretch;gap:12px}
.purch-title[b-7be2jb0ryq]{font-size:26px}
.purch-subtitle[b-7be2jb0ryq]{font-size:14px}
.purch-head-actions[b-7be2jb0ryq]{width:100%;justify-content:space-between;gap:12px}
/* Left-align the spend block once it sits under the title rather than at the far right. */
.purch-spend[b-7be2jb0ryq]{align-items:flex-start}
.purch-spend-val[b-7be2jb0ryq]{font-size:22px}
}
/* Toolbar filter controls. */
.purch-filter[b-7be2jb0ryq]{
height:38px;padding:0 12px;border:1px solid #dce2ed;border-radius:10px;
font-size:13.5px;color:#0e1726;background:#fff;cursor:pointer;outline:none;appearance:none;
}
.purch-filter:focus[b-7be2jb0ryq]{border-color:#0599e1}
select.purch-filter[b-7be2jb0ryq]{
padding-right:32px;
background-image:url("data:image/svg+xml;utf8,
");
background-repeat:no-repeat;background-position:right 10px center;
}
.purch-search[b-7be2jb0ryq]{width:240px}
/* Sortable headers. */
.purch-th-sort[b-7be2jb0ryq]{cursor:pointer;user-select:none;white-space:nowrap}
.purch-th-sort:hover[b-7be2jb0ryq]{color:#0599e1}
.purch-sort-icon[b-7be2jb0ryq]{margin-left:4px;font-size:11px;color:#b0bac8;vertical-align:middle}
.purch-sort-active[b-7be2jb0ryq]{color:#0599e1}
/* Pagination bar. */
.purch-pager[b-7be2jb0ryq]{
display:flex;align-items:center;gap:12px;
padding:12px 16px 4px;font-size:13px;color:#5a6878;
border-top:1px solid #eef0f5;
}
.purch-pager-info[b-7be2jb0ryq]{display:flex;align-items:center;gap:6px}
.purch-pager-size[b-7be2jb0ryq]{
height:28px;padding:0 8px;border:1px solid #dce2ed;border-radius:8px;
font-size:13px;color:#0e1726;background:#fff;cursor:pointer;outline:none;
}
.purch-pager-btn[b-7be2jb0ryq]{
height:28px;min-width:28px;padding:0 8px;border:1px solid #dce2ed;border-radius:8px;
background:#fff;cursor:pointer;font-size:14px;color:#0e1726;line-height:1;
}
.purch-pager-btn:disabled[b-7be2jb0ryq]{opacity:0.35;cursor:default}
.purch-pager-btn:not(:disabled):hover[b-7be2jb0ryq]{border-color:#0599e1;color:#0599e1}
.purch-pager > .purch-pager-btn:first-of-type[b-7be2jb0ryq]{margin-left:auto}
/* /Components/Pages/Purchasing/Suppliers.razor.rz.scp.css */
.ven-title[b-0p0uluev5x] {
font-size: 34px;
font-weight: 800;
color: #0e1726;
margin: 0 0 4px;
}
.ven-subtitle[b-0p0uluev5x] {
font-size: 15px;
color: #5a6878;
margin: 0 0 24px;
}
.ven-kpis[b-0p0uluev5x] {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-bottom: 18px;
}
.ven-grid[b-0p0uluev5x] {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
@media (max-width: 1100px) {
.ven-kpis[b-0p0uluev5x] { grid-template-columns: repeat(2, 1fr); }
.ven-grid[b-0p0uluev5x] { grid-template-columns: 1fr; }
}
.ven-card[b-0p0uluev5x] {
background: #fff;
border: 1px solid #dce2ed;
border-radius: 20px;
padding: 20px;
}
.ven-card-head[b-0p0uluev5x] {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 8px;
}
.ven-score[b-0p0uluev5x] {
width: 52px;
height: 52px;
border-radius: 14px;
background: #0a2540;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 18px;
font-weight: 700;
flex-shrink: 0;
}
.ven-name[b-0p0uluev5x] {
font-size: 16px;
font-weight: 600;
color: #0e1726;
margin: 0 0 6px;
}
.ven-subtitle[b-0p0uluev5x] {
font-size: 12px;
color: var(--ink-4);
margin-bottom: 14px;
}
.ven-bar-block[b-0p0uluev5x] {
margin-bottom: 14px;
}
.ven-bar-label[b-0p0uluev5x] {
display: flex;
justify-content: space-between;
font-size: 11px;
font-weight: 600;
color: #5a6878;
letter-spacing: 0.04em;
margin-bottom: 6px;
}
.ven-bar[b-0p0uluev5x] {
height: 8px;
background: #eaeef6;
border-radius: 999px;
overflow: hidden;
}
.ven-bar-fill[b-0p0uluev5x] {
display: block;
height: 100%;
border-radius: 999px;
transition: width 0.3s;
}
.ven-bar-fill.good[b-0p0uluev5x] {
background: #2bb673;
}
.ven-bar-fill.bad[b-0p0uluev5x] {
background: #e05353;
}
.ven-stats[b-0p0uluev5x] {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
}
.ven-stat[b-0p0uluev5x] {
text-align: center;
padding: 8px 4px;
background: #f8f9fb;
border-radius: 10px;
}
.ven-stat-label[b-0p0uluev5x] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 9px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--ink-4);
margin-bottom: 4px;
}
.ven-stat-val[b-0p0uluev5x] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 13px;
font-weight: 600;
color: #0e1726;
}
/* Card subtitle (renamed from .ven-subtitle to avoid clashing with the page subtitle). */
.ven-card-sub[b-0p0uluev5x] { font-size: 12px; color: var(--ink-4); margin-bottom: 14px; }
/* ── Control bar ─────────────────────────────────────────────────────────── */
.ven-toolbar[b-0p0uluev5x] { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.ven-search[b-0p0uluev5x] {
border: 1px solid #dce2ed; border-radius: 10px; padding: 9px 13px; font-size: 14px;
color: #0e1726; background: #fff; min-width: 240px; font-family: inherit;
}
.ven-search:focus[b-0p0uluev5x] { outline: none; border-color: #0599e1; box-shadow: 0 0 0 3px rgba(5,153,225,.15); }
.ven-toolbar-spacer[b-0p0uluev5x] { flex: 1; }
.ven-add-btn[b-0p0uluev5x] {
background: #0599e1; color: #fff; border: none; border-radius: 10px;
padding: 9px 16px; font-size: 13px; font-weight: 600; cursor: pointer; transition: background .15s;
}
.ven-add-btn:hover[b-0p0uluev5x] { background: #047ab5; }
/* Cards / Table segmented toggle. */
.ven-viewtoggle[b-0p0uluev5x] { display: inline-flex; background: #eef1f6; border-radius: 10px; padding: 3px; }
.ven-toggle-btn[b-0p0uluev5x] {
border: none; background: transparent; padding: 6px 14px; font-size: 13px; font-weight: 600;
color: #5a6878; border-radius: 8px; cursor: pointer; transition: background .15s, color .15s;
}
.ven-toggle-btn.active[b-0p0uluev5x] { background: #fff; color: #0e1726; box-shadow: 0 1px 3px rgba(14,23,38,.1); }
/* ── Add-vendor inline form ──────────────────────────────────────────────── */
.ven-addform[b-0p0uluev5x] { margin-bottom: 16px; padding: 18px; }
.ven-addform-row[b-0p0uluev5x] { display: flex; gap: 14px; align-items: flex-end; }
.ven-addform-field[b-0p0uluev5x] { flex: 1; }
.ven-addform-field .req-label[b-0p0uluev5x] { margin-top: 0; }
/* Override the global .req-submit full-width/top-margin for this inline button. */
.ven-addform-submit[b-0p0uluev5x] { width: auto; margin-top: 0; padding: 10px 20px; white-space: nowrap; }
/* ── Table view ──────────────────────────────────────────────────────────── */
.ven-tablewrap[b-0p0uluev5x] { background: #fff; border: 1px solid #e6eaf0; border-radius: 16px; overflow: hidden; }
.ven-table[b-0p0uluev5x] { width: 100%; border-collapse: collapse; }
.ven-table th[b-0p0uluev5x] {
text-align: left; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 10px;
letter-spacing: .1em; text-transform: uppercase; color: var(--ink-4); padding: 12px 16px;
border-bottom: 1px solid #eef1f6; background: #fafbfd;
}
.ven-table th.num[b-0p0uluev5x], .ven-table td.num[b-0p0uluev5x] { text-align: right; }
.ven-table td[b-0p0uluev5x] { padding: 13px 16px; font-size: 14px; color: #0e1726; border-bottom: 1px solid #f1f4f8; }
.ven-table tbody tr:last-child td[b-0p0uluev5x] { border-bottom: none; }
.ven-table tbody tr:hover[b-0p0uluev5x] { background: #f5f9ff; }
.ven-td-name[b-0p0uluev5x] { font-weight: 600; }
/* ── Empty state ─────────────────────────────────────────────────────────── */
.ven-empty[b-0p0uluev5x] {
border: 1px dashed #dce2ed; border-radius: 12px; padding: 28px; text-align: center;
font-size: 14px; color: #7a8696; background: #fbfdff;
}
/* ── Pager (matches the other table pages) ───────────────────────────────── */
.ven-pager[b-0p0uluev5x] {
display: flex; align-items: center; justify-content: flex-end; gap: 14px;
padding: 12px 16px; font-size: 13px; color: #5a6878;
}
.ven-pager-info[b-0p0uluev5x] { display: inline-flex; align-items: center; gap: 6px; }
.ven-pager-size[b-0p0uluev5x] { border: 1px solid #dce2ed; border-radius: 8px; padding: 4px 6px; font-size: 13px; }
.ven-pager-btn[b-0p0uluev5x] {
border: 1px solid #dce2ed; background: #fff; border-radius: 8px; width: 30px; height: 30px;
cursor: pointer; color: #0e1726; font-size: 14px;
}
.ven-pager-btn:disabled[b-0p0uluev5x] { opacity: .4; cursor: not-allowed; }
/* Card-view pager has no wrapper card, so give it a touch of separation. */
.ven-grid + .ven-pager[b-0p0uluev5x] { margin-top: 8px; }
@media (max-width: 700px) {
.ven-addform-row[b-0p0uluev5x] { flex-direction: column; align-items: stretch; }
.ven-addform-submit[b-0p0uluev5x] { width: 100%; }
}
/* Shown on a vendor card when there are no received POs yet (no real metrics to display). */
.ven-nodata[b-0p0uluev5x] {
font-size: 12.5px; color: var(--ink-4); background: #f8f9fb; border: 1px dashed #e3eaf2;
border-radius: 10px; padding: 12px 14px; text-align: center;
}
/* Late-outstanding warning (card view): a PO past its Expected_Date that still hasn't been
received. Sits above the on-time bar so it reads as an immediate flag, not a buried stat. */
.ven-late-warning[b-0p0uluev5x] { margin-bottom: 10px; }
/* Monthly on-time% trend strip (card view): a compact "Jun 65% · Jul 92%" list built from
VendorPerformanceSnapshot rows, most-recent month last so it reads left-to-right as a timeline. */
.ven-trend[b-0p0uluev5x] {
margin-top: 10px; padding-top: 10px; border-top: 1px dashed #e3eaf2;
display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; color: #5a6878;
}
.ven-trend-label[b-0p0uluev5x] {
font-size: 9px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-4);
margin-right: 2px;
}
.ven-trend-point[b-0p0uluev5x] { white-space: nowrap; }
.ven-trend-sep[b-0p0uluev5x] { color: #c7cfda; }
/* Table view: trend rendered inline in its own column, same compact dot-separated format. */
.ven-td-trend[b-0p0uluev5x] {
font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11.5px; color: #5a6878;
white-space: nowrap;
}
/* ── D-C7: deactivate/delete (Show inactive toggle, action buttons, inactive dimming) ────── */
.ven-showinactive[b-0p0uluev5x] {
display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #5a6878;
cursor: pointer; white-space: nowrap;
}
.ven-showinactive input[b-0p0uluev5x] { cursor: pointer; }
.ven-card-inactive[b-0p0uluev5x] { opacity: .6; }
.ven-row-inactive[b-0p0uluev5x] { opacity: .6; }
.ven-card-actions[b-0p0uluev5x] {
display: flex; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px dashed #e3eaf2;
}
.ven-td-actions[b-0p0uluev5x] { white-space: nowrap; }
.ven-action-btn[b-0p0uluev5x] {
border: 1px solid #dce2ed; background: #fff; border-radius: 8px; padding: 6px 12px;
font-size: 12px; font-weight: 600; color: #5a6878; cursor: pointer; transition: background .15s;
}
.ven-action-btn:hover[b-0p0uluev5x] { background: #f5f9ff; }
.ven-action-btn.ven-action-danger[b-0p0uluev5x] { color: #c0392b; border-color: #f0d3ce; }
.ven-action-btn.ven-action-danger:hover[b-0p0uluev5x] { background: #fdf2f0; }
/* /Components/Pages/Reliability.razor.rz.scp.css */
.rel-title[b-zmdtpm9p52] {
font-size: 34px;
font-weight: 800;
color: #0e1726;
margin: 0 0 4px;
}
.rel-subtitle[b-zmdtpm9p52] {
font-size: 15px;
color: #5a6878;
margin: 0 0 24px;
}
/* ── KPI cards ───────────────────────────────────────────────── */
.rel-kpis[b-zmdtpm9p52] {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-bottom: 18px;
}
.rel-stat[b-zmdtpm9p52] {
background: #fff;
border: 1px solid #dce2ed;
border-radius: 20px;
padding: 22px;
display: flex;
flex-direction: column;
gap: 6px;
min-height: 118px;
}
.rel-stat-eyebrow[b-zmdtpm9p52] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #5a6878;
}
.rel-stat-val[b-zmdtpm9p52] {
display: flex;
align-items: baseline;
gap: 10px;
margin-top: auto;
}
.rel-stat-num[b-zmdtpm9p52] {
font-weight: 700;
font-size: 38px;
line-height: 1;
letter-spacing: -0.03em;
color: #0e1726;
}
.rel-stat-unit[b-zmdtpm9p52] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 13px;
color: var(--ink-4);
}
.rel-stat-sub[b-zmdtpm9p52] {
font-size: 13px;
line-height: 18px;
color: #5a6878;
}
/* ── Three-card analytics grid ───────────────────────────────── */
.rel-grid[b-zmdtpm9p52] {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 18px;
align-items: start;
}
@media (max-width: 1100px) {
.rel-kpis[b-zmdtpm9p52] { grid-template-columns: repeat(2, 1fr); }
.rel-grid[b-zmdtpm9p52] { grid-template-columns: 1fr; }
}
.rel-card[b-zmdtpm9p52] {
background: #fff;
border: 1px solid #dce2ed;
border-radius: 20px;
}
.rel-pareto[b-zmdtpm9p52], .rel-failcodes[b-zmdtpm9p52], .rel-trend[b-zmdtpm9p52] {
padding: 22px;
}
.rel-failcodes[b-zmdtpm9p52] {
margin-top: 18px;
}
.rel-card-title[b-zmdtpm9p52] {
font-weight: 700;
font-size: 17px;
letter-spacing: -0.02em;
color: #0e1726;
margin: 0;
}
.rel-card-sub[b-zmdtpm9p52] {
font-size: 12.5px;
color: var(--ink-4);
margin-top: 2px;
}
.rel-card-sub--mb[b-zmdtpm9p52] {
margin-top: 4px;
margin-bottom: 16px;
}
.rel-card-head[b-zmdtpm9p52] {
padding: 18px 22px 6px;
}
.rel-card-head--row[b-zmdtpm9p52] {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
margin-bottom: 4px;
}
/* ── Bad actors table ────────────────────────────────────────── */
.rel-ba-row[b-zmdtpm9p52] {
display: grid;
grid-template-columns: 1.4fr 70px 90px 70px 90px;
gap: 10px;
align-items: center;
padding: 13px 22px;
}
.rel-ba-head[b-zmdtpm9p52] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 10px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #5a6878;
padding: 12px 22px;
}
.rel-ba-data[b-zmdtpm9p52] {
border-top: 1px solid #ebeff5;
}
.rel-num[b-zmdtpm9p52] { text-align: right; }
.rel-ba-asset[b-zmdtpm9p52] { min-width: 0; }
.rel-ba-id-line[b-zmdtpm9p52] {
display: flex;
align-items: center;
gap: 8px;
}
.rel-ba-id[b-zmdtpm9p52] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 12.5px;
color: #036fa8;
font-weight: 600;
}
.rel-ba-name[b-zmdtpm9p52] {
display: block;
font-size: 13px;
color: #0e1726;
font-weight: 500;
margin-top: 2px;
}
.rel-ba-faults[b-zmdtpm9p52] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 13px;
font-weight: 600;
color: #0e1726;
}
.rel-ba-dt[b-zmdtpm9p52] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 13px;
color: #c43521;
font-weight: 600;
}
.rel-ba-mttr[b-zmdtpm9p52] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 13px;
color: #5a6878;
}
.rel-ba-avail[b-zmdtpm9p52] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 13px;
color: #2c3a4f;
font-weight: 600;
}
/* ── Pareto / failure bars ───────────────────────────────────── */
.rel-bar-block[b-zmdtpm9p52] { margin-bottom: 14px; }
.rel-failcodes .rel-bar-block[b-zmdtpm9p52] { margin-bottom: 13px; }
.rel-bar-label[b-zmdtpm9p52] {
display: flex;
justify-content: space-between;
font-size: 13px;
margin-bottom: 5px;
}
.rel-bar-name[b-zmdtpm9p52] { color: #2c3a4f; font-weight: 500; }
.rel-bar-meta[b-zmdtpm9p52] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
color: var(--ink-4);
}
.rel-bar-count[b-zmdtpm9p52] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
color: #0e1726;
font-weight: 600;
}
.rel-bar-track[b-zmdtpm9p52] {
height: 10px;
background: #eaeef6;
border-radius: 999px;
overflow: hidden;
}
.rel-bar-fill[b-zmdtpm9p52] {
display: block;
height: 100%;
border-radius: 999px;
}
.rel-bar-fill--dark[b-zmdtpm9p52] { background: #0a2540; }
.rel-bar-fill--red[b-zmdtpm9p52] { background: #c43521; }
.rel-fc-coded[b-zmdtpm9p52] {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 11px;
color: var(--ink-4);
}
.rel-fc-warn[b-zmdtpm9p52] {
font-size: 12.5px;
color: #b27300;
margin-top: 10px;
background: #fffaf0;
border-radius: 10px;
padding: 9px 12px;
}
/* /Components/Pages/ReportPage.razor.rz.scp.css */
.report-crumb[b-oxdaguklxk] { font-size: 12px; color: var(--ink-4); margin-bottom: 6px; }
.report-crumb a[b-oxdaguklxk] { color: var(--ink-4); text-decoration: none; }
.report-crumb a:hover[b-oxdaguklxk] { color: #0599e1; }
.report-head[b-oxdaguklxk] { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.report-head__title[b-oxdaguklxk] { font-size: 28px; font-weight: 800; letter-spacing: -0.02em; color: #0e1726; margin: 0; }
.report-head__question[b-oxdaguklxk] { font-size: 13.5px; color: #5a6a7e; margin: 3px 0 0; }
.report-head__actions[b-oxdaguklxk] { display: flex; gap: 8px; align-items: center; flex-shrink: 0; }
.report-switch[b-oxdaguklxk], .report-print[b-oxdaguklxk] {
border: 1px solid #dce2ed;
background: #fff;
border-radius: 8px;
padding: 7px 12px;
font-size: 13px;
color: #0e1726;
cursor: pointer;
}
.report-switch:hover[b-oxdaguklxk], .report-print:hover[b-oxdaguklxk] { border-color: #0599e1; }
.report-filters[b-oxdaguklxk] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 16px 0 4px; }
.report-filters__label[b-oxdaguklxk] { font-size: 13px; font-weight: 600; color: var(--ink-4); }
.report-filters__select[b-oxdaguklxk] { border: 1px solid #dce2ed; border-radius: 8px; padding: 7px 12px; font-size: 13px; background: #fff; color: #0e1726; }
.report-filters__date[b-oxdaguklxk] { display: flex; align-items: center; gap: 10px; }
.report-body[b-oxdaguklxk] { margin-top: 14px; }
.report-missing[b-oxdaguklxk] { padding: 60px 24px; text-align: center; color: #5a6a7e; }
.report-missing a[b-oxdaguklxk] { color: #0599e1; text-decoration: none; font-weight: 600; }
/* Phone: header stacks and the actions sit under the title rather than squeezing it. */
@media (max-width: 680px) {
.report-head[b-oxdaguklxk] { flex-direction: column; }
.report-head__title[b-oxdaguklxk] { font-size: 22px; }
.report-head__actions[b-oxdaguklxk] { width: 100%; }
.report-switch[b-oxdaguklxk] { flex: 1; }
}
/* /Components/Pages/ReportsHub.razor.rz.scp.css */
/* Hub page shell. Scoped CSS only reaches markup this file renders -- the cards style themselves
from ReportCard.razor.css. */
.hub-title[b-lpv0lqcqfy] { font-size: 34px; font-weight: 800; color: var(--ink, #0e1726); margin: 0 0 4px; }
.hub-subtitle[b-lpv0lqcqfy] { font-size: 15px; color: var(--ink-3, #8b97a8); margin: 0 0 20px; }
.hub-scope[b-lpv0lqcqfy] { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.hub-scope__label[b-lpv0lqcqfy] { font-size: 13px; font-weight: 600; color: var(--ink-3, #8b97a8); }
.hub-scope__select[b-lpv0lqcqfy] {
border: 1px solid var(--line, #dce2ed);
border-radius: 8px;
padding: 7px 12px;
font-size: 13px;
background: var(--paper, #fff);
color: var(--ink, #0e1726);
}
/* Briefing strip: four tiles, each a link into the report behind the number. */
.hub-kpis[b-lpv0lqcqfy] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 26px; }
.hub-kpi[b-lpv0lqcqfy] {
display: block;
text-decoration: none;
background: var(--paper, #fff);
border: 1px solid var(--line, #dce2ed);
border-radius: 16px;
padding: 16px 18px;
transition: border-color 0.12s ease, box-shadow 0.12s ease;
}
.hub-kpi:hover[b-lpv0lqcqfy] { border-color: #0599e1; box-shadow: 0 6px 18px rgba(10, 37, 64, 0.08); }
.hub-kpi:focus-visible[b-lpv0lqcqfy] { outline: 2px solid #0599e1; outline-offset: 2px; }
.hub-kpi__label[b-lpv0lqcqfy] { display: block; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-4); }
.hub-kpi__value[b-lpv0lqcqfy] { display: block; font-size: 30px; font-weight: 800; letter-spacing: -0.02em; color: #0a2540; margin: 2px 0; }
.hub-kpi__unit[b-lpv0lqcqfy] { font-size: 14px; font-weight: 600; color: var(--ink-4); margin-left: 4px; }
.hub-kpi__sub[b-lpv0lqcqfy] { display: block; font-size: 11.5px; color: var(--ink-4); min-height: 14px; }
.hub-section[b-lpv0lqcqfy] { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-4); margin: 26px 0 10px; }
.hub-group[b-lpv0lqcqfy] { margin-bottom: 22px; }
.hub-group__heading[b-lpv0lqcqfy] { font-size: 14px; font-weight: 700; color: #0e1726; margin: 0 0 8px; }
.hub-grid[b-lpv0lqcqfy] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
/* Tablet: tiles two-up, cards two-up. */
@media (max-width: 1100px) {
.hub-kpis[b-lpv0lqcqfy] { grid-template-columns: repeat(2, 1fr); }
.hub-grid[b-lpv0lqcqfy] { grid-template-columns: repeat(2, 1fr); }
}
/* Phone: everything stacks. */
@media (max-width: 680px) {
.hub-title[b-lpv0lqcqfy] { font-size: 26px; }
.hub-kpis[b-lpv0lqcqfy] { grid-template-columns: 1fr; }
.hub-grid[b-lpv0lqcqfy] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Requests.razor.rz.scp.css */
/* Form primitives (.req-title/.req-subtitle/.req-kicker/.req-label/.req-input/.req-textarea/
.req-submit) now live GLOBALLY in app.css so every page shares them. This file keeps only
the layout that's specific to the Requests page (two-column grid, dark explainer, history). */
.req-cols[b-izs1bcyd8n]{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start}
.req-form[b-izs1bcyd8n]{padding:22px}
.req-explainer[b-izs1bcyd8n]{background:#0e1726;border-radius:16px;padding:22px;color:#fff}
.req-exp-kicker[b-izs1bcyd8n]{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;
color:rgba(255,255,255,.55);margin-bottom:14px}
.req-exp-step[b-izs1bcyd8n]{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;
color:rgba(255,255,255,.85);margin-bottom:12px}
.req-exp-num[b-izs1bcyd8n]{flex-shrink:0;width:20px;height:20px;border-radius:6px;background:#0599e1;color:#fff;
font-size:11px;font-weight:700;display:grid;place-items:center;margin-top:1px}
@media (max-width:900px){.req-cols[b-izs1bcyd8n]{grid-template-columns:1fr}}
/* "Your requests" history table — lets a submitter confirm and track their requests. */
.req-history[b-izs1bcyd8n]{margin-top:26px}
.req-hist-head[b-izs1bcyd8n]{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.req-hist-title[b-izs1bcyd8n]{font-family:'Helvetica LT','Helvetica Neue',sans-serif;font-weight:700;font-size:20px;
letter-spacing:-0.02em;color:#0e1726;margin:0}
.req-hist-count[b-izs1bcyd8n]{font-family:'JetBrains Mono',monospace;font-size:11px;color:#9aa3b2}
.req-empty[b-izs1bcyd8n]{border:1px dashed #dce2ed;border-radius:12px;padding:18px;font-size:13px;color:#7a8696;
background:#fbfdff;text-align:center}
.req-table[b-izs1bcyd8n]{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e6eaf0;
border-radius:14px;overflow:hidden}
.req-table th[b-izs1bcyd8n]{text-align:left;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;
text-transform:uppercase;color:var(--ink-4);padding:11px 14px;border-bottom:1px solid #eef1f6;background:#fafbfd}
.req-table td[b-izs1bcyd8n]{padding:12px 14px;font-size:14px;color:#0e1726;border-bottom:1px solid #f1f4f8}
.req-table tr:last-child td[b-izs1bcyd8n]{border-bottom:none}
.req-row[b-izs1bcyd8n]{cursor:pointer;transition:background .12s}
.req-row:hover[b-izs1bcyd8n]{background:#f5f9ff}
.req-mono[b-izs1bcyd8n]{font-family:'JetBrains Mono',monospace;font-size:13px;color:#0599e1;font-weight:600}
/* /Components/Pages/Scan.razor.rz.scp.css */
.scan-video[b-zpnjgmg7m0]{width:100%;border-radius:12px;margin-top:10px;background:#000}
.hidden[b-zpnjgmg7m0]{display:none}
/* /Components/Pages/Scheduler.razor.rz.scp.css */
.sch-title[b-nski6xuh2s] {
font-size: 34px;
font-weight: 800;
color: #0e1726;
margin: 0 0 4px;
}
.sch-subtitle[b-nski6xuh2s] {
font-size: 15px;
color: #5a6878;
margin: 0 0 18px;
}
.sch-weeknav[b-nski6xuh2s] {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 14px;
}
/* Push "Assign range…" to the right of the Prev/Today/Next cluster. ::deep is required here:
Btn.razor is a separate component, so its rendered