/* /Components/Contacts/ContactsWorkspace.razor.rz.scp.css */
.contacts-workspace[b-a0kngt2vub]{color:var(--fdc-color-text,#172b4d);max-width:1800px;margin:auto;padding:4px 0 28px}.contacts-heading[b-a0kngt2vub],.contact-actions[b-a0kngt2vub],.contact-panel-top[b-a0kngt2vub],.contact-person-heading[b-a0kngt2vub],.contact-pagination[b-a0kngt2vub]{display:flex;align-items:center;justify-content:space-between;gap:10px}.contacts-heading[b-a0kngt2vub]{margin-bottom:22px;flex-wrap:wrap}.contacts-heading h1[b-a0kngt2vub]{margin:5px 0;font-size:28px}.contacts-heading p[b-a0kngt2vub],.contact-editor>p[b-a0kngt2vub]{color:var(--fdc-color-text-secondary,#61718b);margin:6px 0;line-height:1.55}.contact-actions[b-a0kngt2vub]{justify-content:flex-start;flex-wrap:wrap}.contact-button[b-a0kngt2vub]{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--fdc-color-border,#d7e2ef);background:var(--fdc-color-surface,#fff);color:var(--fdc-color-text,#203853);border-radius:7px;padding:7px 12px;text-decoration:none;font:inherit;font-size:12px;cursor:pointer;gap:6px}.contact-button.primary[b-a0kngt2vub]{background:var(--fdc-color-accent,#0766c7);border-color:var(--fdc-color-accent,#0766c7);color:var(--fdc-color-on-accent,#fff)}.contact-button.danger[b-a0kngt2vub]{color:var(--fdc-color-danger,#ba3030)}.contact-button:disabled[b-a0kngt2vub]{opacity:.55;cursor:default}.contact-button:focus-visible[b-a0kngt2vub],.contact-tabs button:focus-visible[b-a0kngt2vub],.contact-open:focus-visible[b-a0kngt2vub],input:focus-visible[b-a0kngt2vub],select:focus-visible[b-a0kngt2vub],textarea:focus-visible[b-a0kngt2vub]{outline:3px solid #69aaff;outline-offset:2px}.contact-message[b-a0kngt2vub]{background:var(--fdc-color-surface,#fff);border:1px solid #9ebcdc;border-radius:8px;padding:12px;margin:12px 0;overflow-wrap:anywhere}.contacts-layout[b-a0kngt2vub]{display:grid;gap:18px;align-items:start;grid-template-columns:minmax(0,1fr)}.contacts-layout.has-detail[b-a0kngt2vub]{grid-template-columns:minmax(400px,1fr) minmax(340px,410px)}.contact-directory[b-a0kngt2vub],.contact-detail[b-a0kngt2vub]{background:var(--fdc-color-surface,#fff);border:1px solid var(--fdc-color-border,#dce6f1);border-radius:12px;min-width:0;box-shadow:0 4px 16px #182f4d05}.contact-detail[b-a0kngt2vub]{padding:18px;position:sticky;top:84px;max-height:calc(100vh - 105px);overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.contact-panel-top[b-a0kngt2vub]{font-size:11px;color:var(--fdc-color-text-secondary,#657993);margin-bottom:16px}.contact-panel-top button[b-a0kngt2vub]{min-width:36px;padding:4px}.contact-tabs[b-a0kngt2vub]{display:flex;gap:10px;padding:0 14px;border-bottom:1px solid var(--fdc-color-border,#e0e8f2);overflow:auto}.contact-tabs button[b-a0kngt2vub]{white-space:nowrap;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--fdc-color-text-secondary,#51647f);font:inherit;font-size:12px;padding:15px 5px;cursor:pointer}.contact-tabs button.active[b-a0kngt2vub]{color:var(--fdc-color-accent,#0063d3);border-bottom-color:var(--fdc-color-accent,#0063d3)}.contact-filter-form[b-a0kngt2vub]{padding:14px}.contact-search-row[b-a0kngt2vub]{display:flex;gap:8px}.contact-search[b-a0kngt2vub]{flex:1;min-width:100px}.contacts-workspace input:not([type=checkbox])[b-a0kngt2vub],.contacts-workspace select[b-a0kngt2vub],.contacts-workspace textarea[b-a0kngt2vub]{box-sizing:border-box;min-height:38px;border:1px solid var(--fdc-color-border,#d8e3f0);border-radius:6px;padding:8px 10px;width:100%;color:var(--fdc-color-text,#203853);background:var(--fdc-color-surface,#fff);font:inherit;font-size:12px}.contact-filters[b-a0kngt2vub]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}.contacts-workspace label[b-a0kngt2vub]{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}.contacts-workspace label.contact-check[b-a0kngt2vub]{flex-direction:row;align-items:center;font-size:12px;min-height:30px;font-weight:400}.contact-filter-summary[b-a0kngt2vub]{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--fdc-color-text-secondary,#687c98);margin-top:12px}.contact-chip[b-a0kngt2vub]{display:inline-block;background:#eef3f8;color:#536980;padding:3px 6px;border-radius:4px;font-size:10px;margin:2px;max-width:100%;overflow-wrap:anywhere}.contact-chip.type-supplier[b-a0kngt2vub],.contact-chip.preferred[b-a0kngt2vub]{background:#dcf7eb;color:#06794d}.contact-chip.type-subcontractor[b-a0kngt2vub]{background:#e6f1ff;color:#0765c6}.contact-chip.type-employee[b-a0kngt2vub],.contact-chip.type-technician[b-a0kngt2vub]{background:#eee9ff;color:#6745b5}.contact-link[b-a0kngt2vub]{border:0;background:transparent;color:var(--fdc-color-accent,#0765c6);font:inherit;cursor:pointer}.contact-table-scroll[b-a0kngt2vub]{overflow:auto}.contact-table[b-a0kngt2vub]{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.contact-table th[b-a0kngt2vub]{background:var(--fdc-color-surface-interactive,#f7f9fc);color:var(--fdc-color-text-secondary,#6a7891);font-weight:500;white-space:nowrap;padding:11px}.contact-table td[b-a0kngt2vub]{border-bottom:1px solid var(--fdc-color-border,#eaf0f7);padding:10px;max-width:210px;overflow-wrap:anywhere}.contact-table tr.selected[b-a0kngt2vub]{background:var(--fdc-color-surface-interactive,#f3f8ff)}.contact-open[b-a0kngt2vub]{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer;min-width:165px;padding:3px;width:100%;font:inherit}.contact-open strong[b-a0kngt2vub]{display:block;font-size:12px}.contact-open small[b-a0kngt2vub],.contact-table td>small[b-a0kngt2vub]{display:block;font-size:10px;color:var(--fdc-color-text-secondary,#71819b);margin-top:4px}.contact-avatar[b-a0kngt2vub]{background:var(--fdc-color-accent-soft,#e6f0fc);color:var(--fdc-color-accent,#0765c6);border:1px solid var(--fdc-color-border,#cddff6);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:700}.contact-avatar.large[b-a0kngt2vub]{width:52px;height:52px;font-size:18px}.contact-person-heading[b-a0kngt2vub]{justify-content:flex-start;align-items:flex-start;overflow-wrap:anywhere}.contact-person-heading h2[b-a0kngt2vub]{margin:3px 0;font-size:18px}.contact-person-heading p[b-a0kngt2vub]{color:var(--fdc-color-text-secondary,#687c95);font-size:12px;margin:4px 0}.contact-stars[b-a0kngt2vub]{color:#df9d08;letter-spacing:1px;white-space:nowrap}.contact-detail>.contact-actions[b-a0kngt2vub]{margin:18px 0}.contact-detail .contact-tabs[b-a0kngt2vub]{padding:0;gap:8px}.contact-key-details[b-a0kngt2vub]{display:grid;grid-template-columns:105px minmax(0,1fr);font-size:12px;line-height:1.6;gap:12px 10px;margin:20px 0}.contact-key-details dt[b-a0kngt2vub]{color:var(--fdc-color-text-secondary,#647892)}.contact-key-details dd[b-a0kngt2vub]{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.contact-detail a[b-a0kngt2vub]{color:var(--fdc-color-accent,#0765c6);overflow-wrap:anywhere}.contact-detail a.contact-button.primary[b-a0kngt2vub]{color:var(--fdc-color-on-accent,#fff)}.contact-editor[b-a0kngt2vub]{display:flex;flex-direction:column;gap:12px}.contact-editor h2[b-a0kngt2vub]{font-size:20px;margin:3px 0}.contact-editor h3[b-a0kngt2vub]{margin:0}.contact-fields[b-a0kngt2vub]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-editor small[b-a0kngt2vub],.contact-review small[b-a0kngt2vub]{font-size:11px;color:var(--fdc-color-text-secondary,#667f9d)}.contact-editor textarea[b-a0kngt2vub]{resize:vertical;min-height:75px}.contact-hint[b-a0kngt2vub]{font-size:11px;color:var(--fdc-color-text-secondary,#6a7b95);line-height:1.6}.contact-review[b-a0kngt2vub],.contact-confirm[b-a0kngt2vub]{border:1px solid var(--fdc-color-border,#dce6f1);border-radius:8px;padding:12px;margin:14px 0;font-size:12px;line-height:1.6}.contact-review time[b-a0kngt2vub]{display:block;color:var(--fdc-color-text-secondary,#6a7b95);font-size:10px}.contact-review p[b-a0kngt2vub]{white-space:pre-wrap;overflow-wrap:anywhere}.contact-link-form[b-a0kngt2vub]{margin-top:20px;border-top:1px solid var(--fdc-color-border,#dce6f1);padding-top:20px}.contact-empty[b-a0kngt2vub]{padding:45px 20px;text-align:center;color:var(--fdc-color-text-secondary,#71809b)}.contact-pagination[b-a0kngt2vub]{padding:16px;font-size:11px;color:var(--fdc-color-text-secondary,#6b7e98)}.contact-pagination>div[b-a0kngt2vub]{display:flex;gap:6px}.sr-only[b-a0kngt2vub]{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:1200px){.contacts-layout.has-detail[b-a0kngt2vub]{grid-template-columns:minmax(320px,1fr) minmax(320px,380px)}.contact-table td:nth-child(n+5)[b-a0kngt2vub],.contact-table th:nth-child(n+5)[b-a0kngt2vub]{display:none}}@media(max-width:1100px){.contacts-layout.has-detail[b-a0kngt2vub]{grid-template-columns:1fr}.contact-detail[b-a0kngt2vub]{position:fixed;inset:70px 12px 12px;z-index:80;max-height:none;box-shadow:0 8px 90px #18365565;padding:18px}.contact-filters[b-a0kngt2vub]{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-button[b-a0kngt2vub]{min-height:42px}.contact-table td[b-a0kngt2vub],.contact-table th[b-a0kngt2vub]{padding:9px 7px}.contact-heading h1[b-a0kngt2vub]{font-size:24px}}@media(max-width:480px){.contact-filters[b-a0kngt2vub]{grid-template-columns:1fr}.contact-fields[b-a0kngt2vub]{grid-template-columns:1fr}.contact-table td:nth-child(3)[b-a0kngt2vub],.contact-table th:nth-child(3)[b-a0kngt2vub]{display:none}.contact-search-row[b-a0kngt2vub]{flex-wrap:wrap}.contact-search[b-a0kngt2vub]{flex-basis:100%}.contact-key-details[b-a0kngt2vub]{grid-template-columns:90px minmax(0,1fr)}.contact-detail[b-a0kngt2vub]{inset:58px 6px 6px}}

.contact-table td:nth-child(2)[b-a0kngt2vub],.contact-table th:nth-child(2)[b-a0kngt2vub]{white-space:nowrap}.contact-table td:nth-child(2) .contact-chip[b-a0kngt2vub]{white-space:nowrap}
/* /Components/Contacts/JobContactsPanel.razor.rz.scp.css */
.job-contacts-section[b-d7lumxq96x]{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px;border:1px solid var(--fdc-color-border);border-radius:10px;background:var(--fdc-color-surface);margin:16px 0}.job-contacts-section h3[b-d7lumxq96x]{margin:0 0 5px}.job-contacts-section p[b-d7lumxq96x]{margin:0;color:var(--fdc-color-text-secondary);font-size:13px}.job-contacts-dialog-host[b-d7lumxq96x]  dialog.job-contacts-dialog{width:min(1540px,96vw);max-width:96vw;max-height:95vh}.job-contacts-dialog-host[b-d7lumxq96x]  .fdc-dialog-panel{width:100%;max-width:none}.job-contacts-dialog-host[b-d7lumxq96x]  .fdc-dialog-body{background:var(--fdc-color-background);padding:20px}.job-contacts-dialog-host[b-d7lumxq96x]  .contact-detail{position:static;max-height:none}
/* /Components/DesignSystem/AccountDetailRow.razor.rz.scp.css */
.fdc-account-detail[b-odrvq4fk6s] { display: flex; align-items: start; gap: var(--fdc-space-3); min-width: 0; }
.fdc-account-detail[b-odrvq4fk6s]  .icon-shell { flex: none; margin-top: var(--fdc-space-1); color: var(--fdc-color-text-muted); }
.fdc-account-detail > div[b-odrvq4fk6s] { display: grid; gap: var(--fdc-space-1); flex: 1; min-width: 0; }
.fdc-account-detail-label[b-odrvq4fk6s] { font-size: 0.72rem; color: var(--fdc-color-text-muted); }
.fdc-account-detail strong[b-odrvq4fk6s], .fdc-account-detail a[b-odrvq4fk6s] { font-size: 0.86rem; font-weight: 600; color: var(--fdc-color-text); overflow-wrap: anywhere; }
.fdc-account-detail a:hover[b-odrvq4fk6s] { color: var(--fdc-color-accent); }
/* /Components/DesignSystem/AllowanceWorkspace.razor.rz.scp.css */
.allowances[b-rjo41bg4bl]{display:grid;gap:var(--fdc-space-5);min-width:0;padding-bottom:var(--fdc-space-6)}
.allowance-header[b-rjo41bg4bl],.allowance-actions[b-rjo41bg4bl],.allowance-cost[b-rjo41bg4bl]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--fdc-space-3)}
.allowance-header h1[b-rjo41bg4bl],.allowance-card h2[b-rjo41bg4bl],.allowance-card h3[b-rjo41bg4bl]{margin:0}.allowance-header>div:first-child[b-rjo41bg4bl]{flex:1;min-width:230px}.allowance-header p[b-rjo41bg4bl]{max-width:64ch;margin:.5rem 0 0;line-height:1.6}
.allowance-actions[b-rjo41bg4bl]{justify-content:flex-start}.allowance-actions .fdc-button[b-rjo41bg4bl]{white-space:nowrap;word-break:normal;flex-shrink:0}
.allowance-notice[b-rjo41bg4bl]{padding:var(--fdc-space-4);border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md);background:var(--fdc-color-surface);font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}.allowance-notice p[b-rjo41bg4bl]{margin:.5rem 0 0}
.allowance-note[b-rjo41bg4bl]{color:var(--fdc-color-text-secondary);font-size:.875rem;line-height:1.6;margin:0;overflow-wrap:anywhere}
.allowance-filter[b-rjo41bg4bl]{display:grid;grid-template-columns:minmax(240px,1fr) 1fr;align-items:center;gap:var(--fdc-space-4)}
.allowance-card[b-rjo41bg4bl]{display:grid;gap:var(--fdc-space-4);padding:var(--fdc-space-5);border:1px solid var(--fdc-color-border);background:var(--fdc-color-surface);border-radius:var(--fdc-radius-lg)}
.allowance-editor fieldset[b-rjo41bg4bl]{border:0;padding:0;margin:0;min-width:0}.allowance-editor footer[b-rjo41bg4bl]{margin-top:var(--fdc-space-5)}
.allowance-form-grid[b-rjo41bg4bl]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fdc-space-4)}
.allowance-table-wrap[b-rjo41bg4bl]{overflow:auto;border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md)}
.allowance-table[b-rjo41bg4bl]{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--fdc-color-surface)}
.allowance-table th[b-rjo41bg4bl],.allowance-table td[b-rjo41bg4bl]{padding:var(--fdc-space-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--fdc-color-border)}
.allowance-table th[b-rjo41bg4bl]{background:var(--fdc-color-background);color:var(--fdc-color-text-secondary);white-space:nowrap}.allowance-table td:first-child[b-rjo41bg4bl]{overflow-wrap:anywhere}
.allowance-table td>span[b-rjo41bg4bl]{display:block;margin-top:.4rem;color:var(--fdc-color-text-secondary);line-height:1.5}.allowance-table td:not(:first-child) strong[b-rjo41bg4bl]{white-space:nowrap;font-variant-numeric:tabular-nums}.allowance-table[b-rjo41bg4bl]  .fdc-status-badge{white-space:nowrap;word-break:normal}
.allowance-table tr:last-child td[b-rjo41bg4bl]{border-bottom:0}.allowance-pages[b-rjo41bg4bl]{justify-content:space-between;font-size:.875rem}
.allowance-metrics[b-rjo41bg4bl]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fdc-space-4)}.allowance-metrics>div[b-rjo41bg4bl]{display:grid;gap:.5rem;padding:var(--fdc-space-4);background:var(--fdc-color-background);border-radius:var(--fdc-radius-md)}.allowance-metrics strong[b-rjo41bg4bl]{font-size:1.4rem;font-variant-numeric:tabular-nums}.allowance-metrics span[b-rjo41bg4bl],.allowance-metrics small[b-rjo41bg4bl]{color:var(--fdc-color-text-secondary);line-height:1.5}
.allowance-meter[b-rjo41bg4bl]{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.allowance-meter span[b-rjo41bg4bl]{height:12px;border-radius:4px;background:var(--fdc-color-border)}.allowance-meter .used[b-rjo41bg4bl]{background:var(--fdc-color-primary,#2365a8)}
.allowance-cost[b-rjo41bg4bl]{padding:var(--fdc-space-4);border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md);align-items:flex-start}.allowance-cost>div:first-child[b-rjo41bg4bl]{min-width:0;flex:1;overflow-wrap:anywhere}.allowance-cost p[b-rjo41bg4bl]{margin:.5rem 0 0;color:var(--fdc-color-text-secondary);font-size:.875rem;line-height:1.6}
.sr-only[b-rjo41bg4bl]{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:1000px){.allowance-metrics[b-rjo41bg4bl]{grid-template-columns:1fr}.allowance-metrics strong[b-rjo41bg4bl]{font-size:1.25rem}}
@media(max-width:700px){.allowance-filter[b-rjo41bg4bl],.allowance-form-grid[b-rjo41bg4bl]{grid-template-columns:1fr}.allowance-card[b-rjo41bg4bl]{padding:var(--fdc-space-4)}.allowance-header>div:first-child[b-rjo41bg4bl]{min-width:0;flex-basis:100%}.allowance-table-wrap[b-rjo41bg4bl]{overflow:visible;border:0}.allowance-table[b-rjo41bg4bl],.allowance-table tbody[b-rjo41bg4bl],.allowance-table tr[b-rjo41bg4bl],.allowance-table td[b-rjo41bg4bl]{display:block}.allowance-table[b-rjo41bg4bl]{background:transparent}.allowance-table thead[b-rjo41bg4bl]{display:none}.allowance-table tr[b-rjo41bg4bl]{padding:var(--fdc-space-3);margin-bottom:var(--fdc-space-4);border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md);background:var(--fdc-color-surface)}.allowance-table td[b-rjo41bg4bl]{border:0;padding:.5rem}.allowance-table td[b-rjo41bg4bl]::before{content:attr(data-label);display:block;font-size:.75rem;color:var(--fdc-color-text-secondary);margin-bottom:.375rem}.allowance-cost[b-rjo41bg4bl]{flex-direction:column}.allowance-history .fdc-button[b-rjo41bg4bl]{align-self:flex-start}}
/* /Components/DesignSystem/AppActionAlert.razor.rz.scp.css */
.fdc-action-alert[b-jtrn99r83c] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:var(--fdc-space-3); padding:var(--fdc-space-4); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface); }
.fdc-action-alert-warning[b-jtrn99r83c] { border-color:color-mix(in srgb,var(--fdc-color-warning) 42%,var(--fdc-color-border)); background:color-mix(in srgb,var(--fdc-color-warning) 7%,var(--fdc-color-surface)); }
.fdc-action-alert-danger[b-jtrn99r83c] { border-color:color-mix(in srgb,var(--fdc-color-danger) 44%,var(--fdc-color-border)); background:color-mix(in srgb,var(--fdc-color-danger) 7%,var(--fdc-color-surface)); }
.fdc-action-alert-success[b-jtrn99r83c] { border-color:color-mix(in srgb,var(--fdc-color-success) 38%,var(--fdc-color-border)); background:color-mix(in srgb,var(--fdc-color-success) 7%,var(--fdc-color-surface)); }
.fdc-action-alert-icon[b-jtrn99r83c] { display:grid; place-items:center; width:2rem; height:2rem; border-radius:var(--fdc-radius-sm); color:var(--fdc-color-warning); background:color-mix(in srgb,var(--fdc-color-warning) 14%,transparent); }
.fdc-action-alert-danger .fdc-action-alert-icon[b-jtrn99r83c] { color:var(--fdc-color-danger); background:color-mix(in srgb,var(--fdc-color-danger) 14%,transparent); }
.fdc-action-alert-success .fdc-action-alert-icon[b-jtrn99r83c] { color:var(--fdc-color-success); background:color-mix(in srgb,var(--fdc-color-success) 14%,transparent); }
.fdc-action-alert-copy strong[b-jtrn99r83c] { display:block; font-size:.875rem; }
.fdc-action-alert-copy p[b-jtrn99r83c] { margin:var(--fdc-space-1) 0 0; color:var(--fdc-color-text-secondary); font-size:.8125rem; line-height:1.5; }
.fdc-action-alert-actions[b-jtrn99r83c] { display:flex; align-items:center; gap:var(--fdc-space-2); flex-wrap:wrap; }
@media(max-width:640px){ .fdc-action-alert[b-jtrn99r83c] { grid-template-columns:auto minmax(0,1fr); } .fdc-action-alert-actions[b-jtrn99r83c] { grid-column:1/-1; } }
/* /Components/DesignSystem/AppActionMenu.razor.rz.scp.css */
.fdc-action-menu[b-ptcepkut2t] {
    display: inline-flex;
    align-items: center;
}

.fdc-action-menu-panel[b-ptcepkut2t] {
    position: fixed;
    inset: auto;
    margin: 0;
    min-width: min(13rem, calc(100vw - 1rem));
    max-width: calc(100vw - 1rem);
    max-height: calc(100dvh - 1rem);
    overflow: auto;
    gap: 0.2rem;
    padding: var(--fdc-space-2);
    border: 1px solid var(--fdc-color-border-strong);
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-surface-elevated);
    color: var(--fdc-color-text);
    box-shadow: var(--fdc-shadow-lg);
}

.fdc-action-menu-panel:popover-open[b-ptcepkut2t] {
    display: grid;
}

.fdc-action-menu-panel[b-ptcepkut2t]  a {
    min-height: var(--fdc-tap-target);
    display: flex;
    align-items: center;
    gap: var(--fdc-space-2);
    padding: 0.48rem 0.65rem;
    border-radius: var(--fdc-radius-sm);
    color: var(--fdc-color-text-secondary);
    font-size: 0.76rem;
    font-weight: 700;
    text-decoration: none;
}

.fdc-action-menu-panel[b-ptcepkut2t]  a:hover {
    background: var(--fdc-color-surface-interactive);
    color: var(--fdc-color-text);
}

.fdc-action-menu-panel[b-ptcepkut2t]  a:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 2px var(--fdc-color-accent);
    background: var(--fdc-color-surface-interactive);
}
/* /Components/DesignSystem/AppAttachmentPicker.razor.rz.scp.css */
.fdc-attachment-card[b-20x21uri4a] { display:flex; flex-direction:column; min-width:0; color:var(--fdc-color-text); background:var(--fdc-color-surface); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); }
.fdc-attachment-card > header[b-20x21uri4a] { padding:var(--fdc-space-6); }
.fdc-attachment-card h3[b-20x21uri4a] { margin:0 0 var(--fdc-space-2); font-size:1.5rem; font-weight:600; letter-spacing:-.025em; }
.fdc-attachment-card header p[b-20x21uri4a] { margin:0; font-size:.875rem; line-height:1.6; color:var(--fdc-color-text-secondary); }
.fdc-attachment-content[b-20x21uri4a] { display:flex; flex-direction:column; flex:1; padding:0 var(--fdc-space-6) var(--fdc-space-6); }
.fdc-attachment-drop[b-20x21uri4a] { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:var(--fdc-space-3); padding:var(--fdc-space-8) var(--fdc-space-4); border:2px dashed var(--fdc-color-border-strong); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-surface-interactive); transition:background var(--fdc-motion-standard),border-color var(--fdc-motion-standard); }
.fdc-attachment-icon[b-20x21uri4a] { display:grid; place-items:center; width:calc(var(--fdc-space-6) * 2); height:calc(var(--fdc-space-6) * 2); flex-shrink:0; }
.fdc-attachment-drop p[b-20x21uri4a] { margin:0; font-size:.875rem; }
.fdc-attachment-drop small[b-20x21uri4a] { display:flex; align-items:center; justify-content:center; min-block-size:3em; line-height:1.5; color:var(--fdc-color-text-secondary); font-size:.75rem; }
.fdc-attachment-drop:focus-within[b-20x21uri4a],.fdc-attachment-drop[data-dragging=true][b-20x21uri4a] { border-color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); outline:2px solid var(--fdc-color-accent); outline-offset:2px; }
.fdc-attachment-drop input[b-20x21uri4a] { position:absolute; width:1px; height:1px; opacity:0; }
.fdc-attachment-choose[b-20x21uri4a] { display:inline-flex; justify-content:center; align-items:center; min-height:var(--fdc-tap-target); padding:var(--fdc-space-2) var(--fdc-space-4); border:1px solid var(--fdc-color-border-strong); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-surface); color:var(--fdc-color-text); cursor:pointer; font-size:.875rem; font-weight:600; }
.fdc-attachment-choose:hover[b-20x21uri4a] { background:var(--fdc-color-accent-soft); }
.fdc-attachment-choose:active[b-20x21uri4a] { transform:translateY(1px); }
.fdc-attachment-status[b-20x21uri4a] { min-height:1.5rem; margin:var(--fdc-space-4) 0; font-size:.875rem; color:var(--fdc-color-text-secondary); }
.fdc-attachment-status[data-error=true][b-20x21uri4a] { color:var(--fdc-color-warning); }
.fdc-attachment-items[b-20x21uri4a] { padding:0; margin:0; list-style:none; display:grid; gap:var(--fdc-space-4); }
.fdc-attachment-items[b-20x21uri4a]  li { display:flex; align-items:center; gap:var(--fdc-space-3); padding:var(--fdc-space-4); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); min-width:0; }
.fdc-attachment-items[b-20x21uri4a]  .fdc-attachment-file-icon { display:grid; place-items:center; flex-shrink:0; width:2.5rem; height:2.5rem; background:var(--fdc-color-background-secondary); border-radius:var(--fdc-radius-sm); }
.fdc-attachment-items[b-20x21uri4a]  .fdc-attachment-copy { display:grid; flex:1; min-width:0; gap:var(--fdc-space-1); font-size:.875rem; }
.fdc-attachment-items[b-20x21uri4a]  strong { font-weight:550; overflow-wrap:anywhere; }
.fdc-attachment-items[b-20x21uri4a]  small { font-size:.75rem; color:var(--fdc-color-text-secondary); }
.fdc-attachment-items[b-20x21uri4a]  .fdc-attachment-remove { display:grid; place-items:center; flex-shrink:0; width:var(--fdc-tap-target); height:var(--fdc-tap-target); border:0; border-radius:var(--fdc-radius-sm); background:transparent; color:var(--fdc-color-text-secondary); }
.fdc-attachment-items[b-20x21uri4a]  .fdc-attachment-remove:hover { background:var(--fdc-color-background-secondary); color:var(--fdc-color-text); }
.fdc-attachment-items[b-20x21uri4a]  .fdc-attachment-remove:focus-visible { outline:2px solid var(--fdc-color-accent); }
.fdc-attachment-photos[b-20x21uri4a] { display:flex; flex-wrap:wrap; gap:var(--fdc-space-2); }
.fdc-attachment-photos[b-20x21uri4a]  li { flex-direction:column; align-items:start; width:calc(50% - var(--fdc-space-2)); padding:var(--fdc-space-2); }
.fdc-attachment-photos[b-20x21uri4a]  img { width:5rem; height:5rem; object-fit:cover; border-radius:var(--fdc-radius-sm); border:1px solid var(--fdc-color-border); }
.fdc-attachment-note[b-20x21uri4a] { font-size:.75rem; line-height:1.6; padding-top:var(--fdc-space-4); margin:auto 0 0; color:var(--fdc-color-text-secondary); }
.fdc-attachment-content footer[b-20x21uri4a] { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:var(--fdc-space-3); padding-top:var(--fdc-space-6); margin-top:var(--fdc-space-6); border-top:1px solid var(--fdc-color-border); }
.fdc-attachment-stored[b-20x21uri4a] { margin-top:var(--fdc-space-4); }
.fdc-attachment-stored img[b-20x21uri4a] { width:5rem; height:5rem; object-fit:cover; border-radius:var(--fdc-radius-sm); }
.fdc-attachment-stored li[b-20x21uri4a] { flex-wrap:wrap; }
.fdc-attachment-actions[b-20x21uri4a] { display:flex; flex-basis:100%; flex-wrap:wrap; justify-content:flex-end; gap:var(--fdc-space-2); align-items:center; }
.fdc-attachment-actions a[b-20x21uri4a] { display:inline-flex; align-items:center; justify-content:center; min-height:var(--fdc-tap-target); padding:var(--fdc-space-2); color:var(--fdc-color-accent); font-size:.75rem; text-decoration:none; }
.fdc-attachment-actions a[aria-disabled=true][b-20x21uri4a] { opacity:.5; pointer-events:none; }
.fdc-attachment-state[b-20x21uri4a] { width:fit-content; padding:var(--fdc-space-1) var(--fdc-space-2); font-size:.75rem; font-weight:600; border-radius:var(--fdc-radius-sm); background:var(--fdc-color-background-secondary); color:var(--fdc-color-text); }
.fdc-attachment-state[data-state=Clean][b-20x21uri4a] { background:var(--fdc-color-accent-soft); color:var(--fdc-color-accent); }
.fdc-attachment-state[data-state=Blocked][b-20x21uri4a] { color:var(--fdc-color-warning); }
@media(max-width:480px) { .fdc-attachment-stored li[b-20x21uri4a] { align-items:start; } .fdc-attachment-actions[b-20x21uri4a] { width:100%; } }
@media(max-width:480px) { .fdc-attachment-card > header[b-20x21uri4a] { padding:var(--fdc-space-4); } .fdc-attachment-content[b-20x21uri4a] { padding:0 var(--fdc-space-4) var(--fdc-space-4); } }
@media(prefers-reduced-motion:reduce) { .fdc-attachment-drop[b-20x21uri4a] { transition:none; } .fdc-attachment-choose:active[b-20x21uri4a] { transform:none; } }
/* /Components/DesignSystem/AppCommandSearch.razor.rz.scp.css */
.fdc-command-search[b-29ctufc8x8] {
    min-width: 0;
    width: 100%;
}

.fdc-command-trigger[b-29ctufc8x8] {
    width: 100%;
    min-height: var(--fdc-tap-target);
    display: flex;
    align-items: center;
    gap: var(--fdc-space-3);
    padding: 0.35rem 0.45rem 0.35rem var(--fdc-space-4);
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-pill);
    background: color-mix(in srgb, var(--fdc-color-surface-interactive) 88%, transparent);
    color: var(--fdc-color-text-muted);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--fdc-color-surface) 86%, transparent);
    cursor: pointer;
    transition:
        border-color var(--fdc-motion-fast) var(--fdc-ease-standard),
        background-color var(--fdc-motion-fast) var(--fdc-ease-standard),
        box-shadow var(--fdc-motion-fast) var(--fdc-ease-standard);
}

.fdc-command-trigger:hover[b-29ctufc8x8] {
    border-color: color-mix(in srgb, var(--fdc-color-accent) 42%, var(--fdc-color-border));
    background: var(--fdc-color-surface);
    box-shadow: var(--fdc-shadow-sm);
}

.fdc-command-trigger:focus-visible[b-29ctufc8x8] {
    outline: 0;
    border-color: var(--fdc-color-accent);
    box-shadow: var(--fdc-focus-ring);
}

.fdc-command-trigger-copy[b-29ctufc8x8] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fdc-command-trigger kbd[b-29ctufc8x8],
.fdc-command-dialog kbd[b-29ctufc8x8] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    min-height: 1.65rem;
    padding: 0 0.48rem;
    border: 1px solid var(--fdc-color-border-strong);
    border-radius: 0.42rem;
    background: var(--fdc-color-surface);
    color: var(--fdc-color-text-secondary);
    box-shadow: 0 1px 0 var(--fdc-color-border);
    font-family: inherit;
    font-size: 0.68rem;
    font-weight: 780;
}

.fdc-command-dialog[b-29ctufc8x8] {
    width: min(39rem, calc(100vw - 2rem));
    max-height: min(42rem, calc(100dvh - 2rem));
    margin: 11vh auto auto;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--fdc-color-border-strong);
    border-radius: var(--fdc-radius-xl);
    background: var(--fdc-color-surface-elevated);
    color: var(--fdc-color-text);
    box-shadow: var(--fdc-shadow-lg);
}

.fdc-command-dialog[b-29ctufc8x8]::backdrop {
    background: color-mix(in srgb, #071321 62%, transparent);
    backdrop-filter: blur(6px);
}

.fdc-command-dialog[open][b-29ctufc8x8] {
    animation: command-dialog-in-b-29ctufc8x8 var(--fdc-motion-standard) var(--fdc-ease-standard);
}

.fdc-command-dialog-panel[b-29ctufc8x8] {
    max-height: inherit;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.fdc-command-dialog-header[b-29ctufc8x8] {
    padding: var(--fdc-space-3);
    border-bottom: 1px solid var(--fdc-color-border);
}

.fdc-command-input-row[b-29ctufc8x8] {
    min-height: 3.25rem;
    display: flex;
    align-items: center;
    gap: var(--fdc-space-3);
    padding: 0 var(--fdc-space-3);
    border: 1px solid transparent;
    border-radius: var(--fdc-radius-md);
    color: var(--fdc-color-text-muted);
}

.fdc-command-input-row:focus-within[b-29ctufc8x8] {
    border-color: var(--fdc-color-accent);
    box-shadow: var(--fdc-focus-ring);
}

.fdc-command-input-row input[b-29ctufc8x8] {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--fdc-color-text);
    font-size: 0.96rem;
}

.fdc-command-input-row input[b-29ctufc8x8]::placeholder {
    color: var(--fdc-color-text-muted);
}

.fdc-command-close[b-29ctufc8x8] {
    width: 2.25rem;
    height: 2.25rem;
    display: none;
    flex: 0 0 auto;
    place-items: center;
    padding: 0;
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-sm);
    background: var(--fdc-color-surface-interactive);
    color: var(--fdc-color-text-secondary);
    cursor: pointer;
}

.fdc-command-close:hover[b-29ctufc8x8] {
    border-color: var(--fdc-color-border-strong);
    background: var(--fdc-color-surface);
    color: var(--fdc-color-text);
}

.fdc-command-close:focus-visible[b-29ctufc8x8] {
    outline: 0;
    box-shadow: var(--fdc-focus-ring);
}

.fdc-command-results[b-29ctufc8x8] {
    overflow-y: auto;
    padding: var(--fdc-space-3);
}

.fdc-command-group + .fdc-command-group[b-29ctufc8x8] {
    margin-top: var(--fdc-space-4);
}

.fdc-command-group h2[b-29ctufc8x8] {
    margin: 0 0 var(--fdc-space-2);
    padding: 0 var(--fdc-space-2);
    color: var(--fdc-color-text-muted);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fdc-command-list[b-29ctufc8x8] {
    display: grid;
    gap: 0.2rem;
}

.fdc-command-list a[b-29ctufc8x8] {
    min-height: 3.35rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--fdc-space-3);
    padding: 0.48rem var(--fdc-space-3);
    border: 1px solid transparent;
    border-radius: var(--fdc-radius-md);
    color: var(--fdc-color-text);
    text-decoration: none;
}

.fdc-command-list a:hover[b-29ctufc8x8],
.fdc-command-list a[data-command-active="true"][b-29ctufc8x8] {
    border-color: color-mix(in srgb, var(--fdc-color-accent) 25%, transparent);
    background: var(--fdc-color-accent-soft);
}

.fdc-command-list a:focus-visible[b-29ctufc8x8] {
    outline: 0;
    box-shadow: var(--fdc-focus-ring);
}

.fdc-command-item-icon[b-29ctufc8x8] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-sm);
    background: var(--fdc-color-background-secondary);
    color: var(--fdc-color-accent);
}

.fdc-command-list a > span:nth-child(2)[b-29ctufc8x8],
.fdc-command-empty > div[b-29ctufc8x8] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.fdc-command-list strong[b-29ctufc8x8],
.fdc-command-list small[b-29ctufc8x8],
.fdc-command-empty strong[b-29ctufc8x8],
.fdc-command-empty small[b-29ctufc8x8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fdc-command-list strong[b-29ctufc8x8],
.fdc-command-empty strong[b-29ctufc8x8] {
    font-size: 0.84rem;
}

.fdc-command-list small[b-29ctufc8x8],
.fdc-command-empty small[b-29ctufc8x8] {
    color: var(--fdc-color-text-muted);
    font-size: 0.72rem;
}

.fdc-command-item-arrow[b-29ctufc8x8] {
    color: var(--fdc-color-text-muted);
}

.fdc-command-empty[b-29ctufc8x8] {
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--fdc-space-3);
    padding: var(--fdc-space-6) var(--fdc-space-3);
}

.fdc-command-empty:not([hidden])[b-29ctufc8x8] {
    display: grid;
}

.fdc-command-dialog-footer[b-29ctufc8x8] {
    display: flex;
    align-items: center;
    gap: var(--fdc-space-4);
    padding: var(--fdc-space-2) var(--fdc-space-4);
    border-top: 1px solid var(--fdc-color-border);
    background: var(--fdc-color-background-secondary);
    color: var(--fdc-color-text-muted);
    font-size: 0.68rem;
}

.fdc-command-dialog-footer span[b-29ctufc8x8] {
    display: inline-flex;
    align-items: center;
    gap: var(--fdc-space-1);
}

.fdc-command-dialog-footer kbd[b-29ctufc8x8] {
    min-height: 1.35rem;
    padding-inline: 0.35rem;
    font-size: 0.6rem;
}

@keyframes command-dialog-in-b-29ctufc8x8 {
    from { opacity: 0; transform: translateY(-0.45rem) scale(0.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 640px) {
    .fdc-command-trigger kbd[b-29ctufc8x8] {
        display: none;
    }

    .fdc-command-dialog[b-29ctufc8x8] {
        width: 100%;
        max-width: none;
        max-height: 88dvh;
        margin: auto 0 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: var(--fdc-radius-xl) var(--fdc-radius-xl) 0 0;
    }

    .fdc-command-dialog-footer[b-29ctufc8x8] {
        display: none;
    }

    .fdc-command-escape-hint[b-29ctufc8x8] {
        display: none;
    }

    .fdc-command-close[b-29ctufc8x8] {
        display: grid;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fdc-command-dialog[open][b-29ctufc8x8] {
        animation-duration: 1ms;
    }
}
/* /Components/DesignSystem/AppMetricCard.razor.rz.scp.css */
.fdc-metric-card[b-0kx9wn3z37] {
    --metric-accent: var(--fdc-color-accent);
    --metric-soft: var(--fdc-color-accent-soft);
    position: relative;
    min-width: 0;
    min-height: 9.25rem;
    display: grid;
    align-content: space-between;
    gap: var(--fdc-space-4);
    padding: var(--fdc-space-4);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--metric-accent) 18%, var(--fdc-color-border));
    border-radius: var(--fdc-radius-lg);
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--metric-soft) 78%, transparent), transparent 58%),
        var(--fdc-color-surface);
    box-shadow: var(--fdc-shadow-sm);
    transition:
        transform var(--fdc-motion-standard) var(--fdc-ease-standard),
        border-color var(--fdc-motion-standard) var(--fdc-ease-standard),
        box-shadow var(--fdc-motion-standard) var(--fdc-ease-standard);
}

.fdc-metric-card[b-0kx9wn3z37]::after {
    content: "";
    position: absolute;
    inset: auto var(--fdc-space-4) 0;
    height: 2px;
    border-radius: var(--fdc-radius-pill) var(--fdc-radius-pill) 0 0;
    background: var(--metric-accent);
    opacity: 0.72;
}

.fdc-metric-card:hover[b-0kx9wn3z37] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--metric-accent) 42%, var(--fdc-color-border));
    box-shadow: var(--fdc-shadow-md);
}

.fdc-metric-card-info[b-0kx9wn3z37] {
    --metric-accent: var(--fdc-color-info);
    --metric-soft: var(--fdc-color-info-soft);
}

.fdc-metric-card-success[b-0kx9wn3z37] {
    --metric-accent: var(--fdc-color-success);
    --metric-soft: var(--fdc-color-success-soft);
}

.fdc-metric-card-warning[b-0kx9wn3z37] {
    --metric-accent: var(--fdc-color-warning);
    --metric-soft: var(--fdc-color-warning-soft);
}

.fdc-metric-card-danger[b-0kx9wn3z37] {
    --metric-accent: var(--fdc-color-danger);
    --metric-soft: var(--fdc-color-danger-soft);
}

.fdc-metric-card-topline[b-0kx9wn3z37] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fdc-space-2);
}

.fdc-metric-card-icon[b-0kx9wn3z37] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--metric-accent) 20%, transparent);
    border-radius: var(--fdc-radius-md);
    background: var(--metric-soft);
    color: var(--metric-accent);
}

.fdc-metric-card-indicator[b-0kx9wn3z37] {
    color: var(--metric-accent);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.fdc-metric-card-copy[b-0kx9wn3z37] {
    min-width: 0;
    display: grid;
    gap: 0.22rem;
}

.fdc-metric-card-label[b-0kx9wn3z37] {
    color: var(--fdc-color-text-secondary);
    font-size: 0.69rem;
    font-weight: 850;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}

.fdc-metric-card-value[b-0kx9wn3z37] {
    color: var(--fdc-color-text);
    font-size: clamp(1.85rem, 3vw, 2.5rem);
    font-weight: 850;
    line-height: 1;
    letter-spacing: -0.055em;
}

.fdc-metric-card-detail[b-0kx9wn3z37] {
    color: var(--fdc-color-text-muted);
    font-size: 0.73rem;
    line-height: 1.35;
}

.fdc-metric-card-compact[b-0kx9wn3z37] {
    min-height: 6.8rem;
    gap: var(--fdc-space-2);
    padding: var(--fdc-space-3);
}

.fdc-metric-card-compact .fdc-metric-card-icon[b-0kx9wn3z37] {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: var(--fdc-radius-sm);
}

.fdc-metric-card-compact .fdc-metric-card-value[b-0kx9wn3z37] {
    font-size: 1.5rem;
}

.fdc-metric-card-compact .fdc-metric-card-detail[b-0kx9wn3z37] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    .fdc-metric-card[b-0kx9wn3z37] {
        transition: none;
    }
}
/* /Components/DesignSystem/AppQuickAction.razor.rz.scp.css */
.fdc-quick-action[b-yj0520w31v] {
    min-width: 0;
    min-height: 4.65rem;
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--fdc-space-3);
    padding: var(--fdc-space-3);
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-surface-interactive);
    color: var(--fdc-color-text);
    text-decoration: none;
    width: 100%;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition:
        transform var(--fdc-motion-fast) var(--fdc-ease-standard),
        border-color var(--fdc-motion-fast) var(--fdc-ease-standard),
        background-color var(--fdc-motion-fast) var(--fdc-ease-standard);
}

.fdc-quick-action:hover[b-yj0520w31v] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--fdc-color-accent) 44%, var(--fdc-color-border));
    background: var(--fdc-color-accent-soft);
    color: var(--fdc-color-text);
}

.fdc-quick-action:active[b-yj0520w31v] {
    transform: scale(0.985);
}

.fdc-quick-action:focus-visible[b-yj0520w31v] {
    outline: none;
    box-shadow: var(--fdc-focus-ring);
}

.fdc-quick-action-icon[b-yj0520w31v] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-accent-soft);
    color: var(--fdc-color-accent);
}

.fdc-quick-action-copy[b-yj0520w31v] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.fdc-quick-action-copy strong[b-yj0520w31v] {
    overflow: hidden;
    color: var(--fdc-color-text);
    font-size: 0.78rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fdc-quick-action-copy small[b-yj0520w31v] {
    overflow: hidden;
    color: var(--fdc-color-text-muted);
    font-size: 0.65rem;
    font-weight: 650;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fdc-quick-action[b-yj0520w31v]  .fdc-quick-action-arrow {
    color: var(--fdc-color-text-muted);
    transition: transform var(--fdc-motion-fast) var(--fdc-ease-standard);
}

.fdc-quick-action:hover[b-yj0520w31v]  .fdc-quick-action-arrow {
    transform: translate(1px, -1px);
    color: var(--fdc-color-accent);
}

@media (prefers-reduced-motion: reduce) {
    .fdc-quick-action[b-yj0520w31v],
    .fdc-quick-action[b-yj0520w31v]  .fdc-quick-action-arrow {
        transition: none;
    }
}
/* /Components/DesignSystem/AppTimeline.razor.rz.scp.css */
.fdc-timeline[b-c0st4alksc] { display:flex; flex-direction:column; }
.fdc-timeline-item[b-c0st4alksc] { position:relative; padding-left:2.5rem; }
.fdc-timeline-item:not(:last-child)[b-c0st4alksc]::before { content:""; position:absolute; left:.95rem; top:2rem; bottom:0; width:1px; background:var(--fdc-color-border); }
.fdc-timeline-item summary[b-c0st4alksc] { display:grid; grid-template-columns:2rem minmax(0,1fr) auto; align-items:center; gap:var(--fdc-space-2); min-height:3.25rem; cursor:pointer; list-style:none; }
.fdc-timeline-item summary[b-c0st4alksc]::-webkit-details-marker { display:none; }
.fdc-timeline-marker[b-c0st4alksc] { position:absolute; left:0; top:.65rem; z-index:1; display:grid; place-items:center; width:2rem; height:2rem; border:1px solid var(--fdc-color-border); border-radius:50%; background:var(--fdc-color-surface); color:var(--fdc-color-accent); }
.fdc-timeline-heading[b-c0st4alksc] { grid-column:2; min-width:0; }
.fdc-timeline-heading strong[b-c0st4alksc],.fdc-timeline-heading small[b-c0st4alksc] { display:block; }
.fdc-timeline-heading strong[b-c0st4alksc] { font-size:.875rem; }
.fdc-timeline-heading small[b-c0st4alksc] { margin-top:var(--fdc-space-1); color:var(--fdc-color-text-secondary); font-size:.75rem; }
.fdc-timeline-chevron[b-c0st4alksc] { color:var(--fdc-color-text-secondary); transition:transform .18s ease; }
.fdc-timeline-item[open] .fdc-timeline-chevron[b-c0st4alksc] { transform:rotate(180deg); }
.fdc-timeline-body[b-c0st4alksc] { padding:0 0 var(--fdc-space-4); color:var(--fdc-color-text-secondary); font-size:.8125rem; line-height:1.5; }
/* /Components/DesignSystem/AppViewSwitcher.razor.rz.scp.css */
.fdc-view-switcher[b-t7apjq94u6] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    padding: 0.22rem;
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-background-secondary);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--fdc-color-surface) 72%, transparent);
}

.fdc-view-switcher a[b-t7apjq94u6] {
    min-width: var(--fdc-tap-target);
    min-height: var(--fdc-tap-target);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--fdc-space-2);
    padding: 0.42rem 0.72rem;
    border: 1px solid transparent;
    border-radius: calc(var(--fdc-radius-md) - 0.18rem);
    color: var(--fdc-color-text-muted);
    font-size: 0.74rem;
    font-weight: 760;
    line-height: 1;
    text-decoration: none;
    transition:
        background-color var(--fdc-motion-fast) var(--fdc-ease-standard),
        border-color var(--fdc-motion-fast) var(--fdc-ease-standard),
        color var(--fdc-motion-fast) var(--fdc-ease-standard),
        box-shadow var(--fdc-motion-fast) var(--fdc-ease-standard),
        transform var(--fdc-motion-fast) var(--fdc-ease-standard);
}

.fdc-view-switcher a:hover[b-t7apjq94u6] {
    color: var(--fdc-color-text);
    background: color-mix(in srgb, var(--fdc-color-surface) 76%, transparent);
}

.fdc-view-switcher a.selected[b-t7apjq94u6] {
    border-color: color-mix(in srgb, var(--fdc-color-accent) 24%, var(--fdc-color-border));
    background: var(--fdc-color-surface);
    color: var(--fdc-color-accent);
    box-shadow: var(--fdc-shadow-sm);
}

.fdc-view-switcher.equipment-view-switcher[b-t7apjq94u6] {
    box-shadow: none;
}

.fdc-view-switcher.equipment-view-switcher a.selected[b-t7apjq94u6] {
    border-color: transparent;
    background: var(--fdc-color-accent-soft);
    box-shadow: none;
}

.fdc-view-switcher a:focus-visible[b-t7apjq94u6] {
    outline: 0;
    box-shadow: var(--fdc-focus-ring);
}

.fdc-view-switcher a:active[b-t7apjq94u6] {
    transform: scale(0.97);
}

@media (max-width: 560px) {
    .fdc-view-switcher[b-t7apjq94u6] {
        width: 100%;
    }

    .fdc-view-switcher a[b-t7apjq94u6] {
        flex: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fdc-view-switcher a[b-t7apjq94u6] {
        transition: none;
    }
}
/* /Components/DesignSystem/CompanyMessageSurface.razor.rz.scp.css */
.company-message[b-pb8u1w9z1u]{min-width:0;color:var(--text);width:100%}.company-message[b-pb8u1w9z1u]  .message-header{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.company-message[b-pb8u1w9z1u]  h1,.company-message[b-pb8u1w9z1u]  h2,.company-message[b-pb8u1w9z1u]  h3{margin:.3rem 0 .6rem}.company-message[b-pb8u1w9z1u]  p{line-height:1.55}.company-message[b-pb8u1w9z1u]  .message-columns{display:grid;grid-template-columns:minmax(15rem,1fr) minmax(0,2.4fr);align-items:start;gap:1.25rem}.company-message[b-pb8u1w9z1u]  .message-card{min-width:0;border:1px solid var(--fdc-border);border-radius:var(--fdc-radius-lg,1rem);padding:1.25rem;background:var(--surface)}.company-message[b-pb8u1w9z1u]  .message-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.company-message[b-pb8u1w9z1u]  .message-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.company-message[b-pb8u1w9z1u]  fieldset{border:0;margin:0;padding:0;min-width:0}.company-message[b-pb8u1w9z1u]  label{display:flex;flex-direction:column;gap:.4rem;margin:.8rem 0;font-weight:600;min-width:0;align-items:stretch;position:static}.company-message[b-pb8u1w9z1u]  input:not([type=checkbox]),.company-message[b-pb8u1w9z1u]  select,.company-message[b-pb8u1w9z1u]  textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:.7rem .8rem;border:1px solid var(--fdc-border);border-radius:.65rem;font:inherit;font-weight:400;background:var(--surface-soft);color:var(--text)}.company-message[b-pb8u1w9z1u]  textarea{min-height:9rem;resize:vertical;line-height:1.6}.company-message[b-pb8u1w9z1u]  .message-check{flex-direction:row;align-items:center;font-weight:400}.company-message[b-pb8u1w9z1u]  input[type=checkbox]{width:20px;height:20px;flex:none}.company-message[b-pb8u1w9z1u]  .message-list{display:grid;gap:.65rem;margin-top:1rem;max-height:35rem;overflow:auto}.company-message[b-pb8u1w9z1u]  .message-choice{display:flex;flex-direction:column;align-items:start;text-align:left;width:100%;gap:.25rem;padding:.9rem;background:var(--surface-soft);color:var(--text);border:1px solid var(--fdc-border);border-radius:.75rem;cursor:pointer;min-height:64px;overflow-wrap:anywhere}.company-message[b-pb8u1w9z1u]  .message-choice[aria-pressed=true]{border-color:var(--fdc-color-accent);box-shadow:inset 3px 0 var(--fdc-color-accent)}.company-message[b-pb8u1w9z1u]  small,.company-message[b-pb8u1w9z1u]  .message-muted{font-size:.875rem;color:var(--muted);line-height:1.5}.company-message[b-pb8u1w9z1u]  .message-preview{background:var(--surface-soft);border:1px solid var(--fdc-border);border-radius:.75rem;padding:1rem;margin:1rem 0;min-width:0;overflow-wrap:anywhere}.company-message[b-pb8u1w9z1u]  .message-preview p{white-space:pre-wrap}.company-message[b-pb8u1w9z1u]  .message-tokens{display:flex;flex-wrap:wrap;gap:.4rem;margin:.65rem 0}.company-message[b-pb8u1w9z1u]  .message-token{font:inherit;font-size:.8rem;padding:.4rem .6rem;background:var(--surface-soft);border:1px solid var(--fdc-border);border-radius:.5rem;color:var(--text)}.company-message[b-pb8u1w9z1u]  .message-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.company-message[b-pb8u1w9z1u]  .message-toolbar button,.company-message[b-pb8u1w9z1u]  .message-toolbar a{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.company-message[b-pb8u1w9z1u]  .message-error{border-left:3px solid var(--fdc-color-accent);background:var(--surface-soft);padding:1rem;margin:1rem 0;overflow-wrap:anywhere}.company-message[b-pb8u1w9z1u]  :is(input,textarea,select,button,a):focus-visible{outline:3px solid var(--fdc-color-accent);outline-offset:3px}.company-message[b-pb8u1w9z1u]  .message-composer{border:1px solid var(--fdc-border);border-radius:1rem;padding:1rem;margin:1rem 0;background:var(--surface)}.company-message[b-pb8u1w9z1u]  .message-empty{padding:2rem 1rem;text-align:center;background:var(--surface-soft);border-radius:.75rem}.company-message[b-pb8u1w9z1u]  .message-count{margin-left:auto}.company-message[b-pb8u1w9z1u]  .message-prepare{border-top:1px solid var(--fdc-border);padding-top:1rem;margin-top:1rem}.company-message[b-pb8u1w9z1u]  button:disabled{opacity:.55;cursor:default}@media(max-width:850px){.company-message[b-pb8u1w9z1u]  .message-columns{grid-template-columns:1fr}.company-message[b-pb8u1w9z1u]  .message-list{max-height:19rem}.company-message[b-pb8u1w9z1u]  .message-fields{grid-template-columns:1fr}.company-message[b-pb8u1w9z1u]  .message-card{padding:1rem}}
.company-message[b-pb8u1w9z1u]  .message-token{min-height:44px;min-width:44px}.company-message[b-pb8u1w9z1u]  .message-check{min-height:44px}
.company-message[b-pb8u1w9z1u]  .message-alternatives{margin:1rem 0}.company-message[b-pb8u1w9z1u]  .message-alternatives summary{cursor:pointer;min-height:44px;padding:.75rem 0}.company-message[b-pb8u1w9z1u]  .message-composer>.message-toolbar{margin-top:1.25rem}.company-message[b-pb8u1w9z1u]  .message-check{align-items:flex-start}.company-message[b-pb8u1w9z1u]  .message-check input{margin-top:.25rem}
.company-message[b-pb8u1w9z1u]  .message-consent{border:1px solid var(--fdc-border);border-radius:1rem;padding:1.25rem;background:var(--surface)}.company-message[b-pb8u1w9z1u]  .message-consent .message-header{margin-bottom:.5rem}.company-message[b-pb8u1w9z1u]  .message-header>div{min-width:0;flex:1}.company-message[b-pb8u1w9z1u]  .message-header>button{flex:none}
/* /Components/DesignSystem/CustomerCard.razor.rz.scp.css */
.fdc-customer-card[b-hdv7o98m08] { display: grid; gap: var(--fdc-space-5); padding: var(--fdc-space-5); min-width: 0; background: var(--fdc-color-surface); border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); box-shadow: var(--fdc-shadow-sm); transition: border-color var(--fdc-motion-fast); }
.fdc-customer-card:hover[b-hdv7o98m08], .fdc-customer-card:focus-within[b-hdv7o98m08] { border-color: var(--fdc-color-border-strong); }
.fdc-customer-card-heading[b-hdv7o98m08] { display: flex; align-items: center; gap: var(--fdc-space-3); min-width: 0; }
.fdc-account-avatar[b-hdv7o98m08] { display: grid; place-items: center; flex: none; width: var(--fdc-tap-target); height: var(--fdc-tap-target); border-radius: var(--fdc-radius-pill); background: var(--fdc-color-background-secondary); color: var(--fdc-color-text-muted); }
.fdc-customer-card-heading > div[b-hdv7o98m08] { display: grid; gap: var(--fdc-space-1); min-width: 0; flex: 1; }
.fdc-customer-card-heading a[b-hdv7o98m08] { font-size: 0.98rem; font-weight: 650; color: var(--fdc-color-text); overflow-wrap: anywhere; }
.fdc-customer-card-heading > div > span[b-hdv7o98m08] { font-size: 0.68rem; color: var(--fdc-color-text-muted); overflow-wrap: anywhere; }
.fdc-customer-card footer[b-hdv7o98m08] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--fdc-space-3); border-top: 1px solid var(--fdc-color-border); padding-top: var(--fdc-space-4); }
.fdc-customer-card footer > span[b-hdv7o98m08] { color: var(--fdc-color-text-muted); font-size: 0.75rem; }
@media (prefers-reduced-motion: reduce) { .fdc-customer-card[b-hdv7o98m08] { transition: none; } }
/* /Components/DesignSystem/EquipmentAnalyticsPanel.razor.rz.scp.css */
.equipment-analytics[b-f3h0ljd4fy] {
    --equipment-chart-owned: var(--fdc-color-accent);
    --equipment-chart-rented: #6e8fc9;
    --equipment-chart-leased: #d9a441;
    display: grid;
    gap: var(--fdc-space-5, 1.25rem);
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-xl, 1.25rem);
    background: linear-gradient(145deg, color-mix(in srgb, var(--fdc-color-surface) 96%, var(--fdc-color-accent) 4%), var(--fdc-color-surface));
    box-shadow: var(--fdc-shadow-sm);
}

.equipment-analytics-heading[b-f3h0ljd4fy],
.equipment-chart-card > header[b-f3h0ljd4fy],
.equipment-bar-row > div:first-child[b-f3h0ljd4fy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.equipment-analytics-heading h2[b-f3h0ljd4fy],
.equipment-chart-card h3[b-f3h0ljd4fy] { margin: .2rem 0 0; color: var(--fdc-color-text); }
.equipment-analytics-heading p[b-f3h0ljd4fy],
.equipment-chart-card p[b-f3h0ljd4fy] { margin: .25rem 0 0; color: var(--fdc-color-text-muted); }
.equipment-analytics-updated[b-f3h0ljd4fy] { display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; color: var(--fdc-color-text-muted); font-size: .82rem; }

.equipment-chart-grid[b-f3h0ljd4fy] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.equipment-chart-card[b-f3h0ljd4fy] { min-width: 0; padding: 1.1rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-lg, 1rem); background: var(--fdc-color-surface); }
.equipment-chart-card > header > svg[b-f3h0ljd4fy] { color: var(--fdc-color-accent); }
.equipment-donut-layout[b-f3h0ljd4fy] { display: grid; grid-template-columns: minmax(8.5rem, .8fr) minmax(10rem, 1fr); align-items: center; gap: clamp(1rem, 3vw, 2rem); margin-top: 1.1rem; }
.equipment-donut[b-f3h0ljd4fy] { position: relative; width: min(100%, 9.5rem); aspect-ratio: 1; border-radius: 50%; margin-inline: auto; }
.equipment-donut[b-f3h0ljd4fy]::after { content: ""; position: absolute; inset: 18%; border-radius: inherit; background: var(--fdc-color-surface); box-shadow: inset 0 0 0 1px var(--fdc-color-border); }
.equipment-donut > span[b-f3h0ljd4fy] { position: absolute; inset: 25%; z-index: 1; display: grid; place-content: center; text-align: center; }
.equipment-donut strong[b-f3h0ljd4fy] { font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1; color: var(--fdc-color-text); }
.equipment-donut small[b-f3h0ljd4fy] { margin-top: .25rem; color: var(--fdc-color-text-muted); font-size: .68rem; white-space: nowrap; }
.equipment-chart-legend[b-f3h0ljd4fy] { display: grid; gap: .7rem; margin: 0; padding: 0; list-style: none; }
.equipment-chart-legend li[b-f3h0ljd4fy] { display: grid; grid-template-columns: .7rem 1fr auto; align-items: center; gap: .55rem; color: var(--fdc-color-text); }
.equipment-chart-legend strong[b-f3h0ljd4fy] { color: var(--fdc-color-text); }
.equipment-legend-key[b-f3h0ljd4fy] { width: .65rem; height: .65rem; border-radius: 50%; }
.equipment-legend-key.owned[b-f3h0ljd4fy] { background: var(--equipment-chart-owned); }
.equipment-legend-key.rented[b-f3h0ljd4fy] { background: var(--equipment-chart-rented); }
.equipment-legend-key.leased[b-f3h0ljd4fy] { background: var(--equipment-chart-leased); }

.equipment-bars[b-f3h0ljd4fy] { display: grid; gap: 1rem; margin-top: 1.3rem; }
.equipment-bar-row[b-f3h0ljd4fy] { display: grid; gap: .45rem; }
.equipment-bar-row span[b-f3h0ljd4fy] { color: var(--fdc-color-text); }
.equipment-bar-track[b-f3h0ljd4fy] { overflow: hidden; height: .72rem; border-radius: 999px; background: var(--fdc-color-background-secondary); }
.equipment-bar-track > span[b-f3h0ljd4fy] { display: block; min-width: 0; height: 100%; border-radius: inherit; transition: width 220ms ease; }
.equipment-bar-track .ready[b-f3h0ljd4fy] { background: var(--fdc-color-success); }
.equipment-bar-track .attention[b-f3h0ljd4fy] { background: var(--fdc-color-warning); }
.equipment-bar-track .unavailable[b-f3h0ljd4fy] { background: var(--fdc-color-danger); }

.equipment-activity-strip[b-f3h0ljd4fy] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; padding-top: 1rem; border-top: 1px solid var(--fdc-color-border); }
.equipment-activity-strip > div[b-f3h0ljd4fy] { display: flex; align-items: center; min-width: 0; gap: .65rem; }
.equipment-activity-strip span:last-child[b-f3h0ljd4fy] { display: grid; min-width: 0; }
.equipment-activity-strip strong[b-f3h0ljd4fy] { color: var(--fdc-color-text); line-height: 1.1; }
.equipment-activity-strip small[b-f3h0ljd4fy] { overflow: hidden; color: var(--fdc-color-text-muted); text-overflow: ellipsis; white-space: nowrap; }
.equipment-activity-icon[b-f3h0ljd4fy] { display: grid; flex: 0 0 2.15rem; width: 2.15rem; height: 2.15rem; place-items: center; border-radius: .7rem; color: var(--fdc-color-accent); background: color-mix(in srgb, var(--fdc-color-accent) 12%, var(--fdc-color-surface)); }
.equipment-activity-icon.warning[b-f3h0ljd4fy] { color: var(--fdc-color-warning); background: var(--fdc-color-warning-soft); }
.equipment-activity-icon.danger[b-f3h0ljd4fy] { color: var(--fdc-color-danger); background: var(--fdc-color-danger-soft); }

@media (max-width: 760px) {
    .equipment-analytics-heading[b-f3h0ljd4fy] { align-items: flex-start; }
    .equipment-analytics-updated[b-f3h0ljd4fy] { display: none; }
    .equipment-chart-grid[b-f3h0ljd4fy] { grid-template-columns: 1fr; }
    .equipment-activity-strip[b-f3h0ljd4fy] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 420px) {
    .equipment-donut-layout[b-f3h0ljd4fy] { grid-template-columns: 1fr; }
    .equipment-activity-strip[b-f3h0ljd4fy] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .equipment-bar-track > span[b-f3h0ljd4fy] { transition: none; }
}
/* /Components/DesignSystem/EquipmentAvailabilityBoard.razor.rz.scp.css */
.equipment-availability-board[b-c0e2v2wyno] { display:flex; flex-direction:column; gap:var(--fdc-space-4); min-width:0; }
.equipment-calendar-toolbar[b-c0e2v2wyno] { display:flex; align-items:center; justify-content:space-between; gap:var(--fdc-space-4); flex-wrap:wrap; }
.equipment-calendar-kicker[b-c0e2v2wyno] { color:var(--fdc-color-accent); font-size:.6875rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.equipment-calendar-toolbar h3[b-c0e2v2wyno] { margin:var(--fdc-space-1) 0 0; font-size:1.125rem; letter-spacing:-.02em; }
.equipment-calendar-actions[b-c0e2v2wyno],.equipment-calendar-legend[b-c0e2v2wyno] { display:flex; align-items:center; gap:var(--fdc-space-2); flex-wrap:wrap; }
.equipment-calendar-legend[b-c0e2v2wyno] { color:var(--fdc-color-text-secondary); font-size:.75rem; }
.equipment-calendar-legend span[b-c0e2v2wyno] { display:inline-flex; align-items:center; gap:var(--fdc-space-1); }
.equipment-calendar-legend i[b-c0e2v2wyno] { width:.55rem; height:.55rem; border-radius:50%; background:var(--fdc-color-accent); }
.equipment-calendar-legend i.requested[b-c0e2v2wyno] { background:var(--fdc-color-warning); }
.equipment-calendar-legend i.conflict[b-c0e2v2wyno] { background:var(--fdc-color-danger); }
.equipment-calendar-scroll[b-c0e2v2wyno] { overflow:auto; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface); scrollbar-gutter:stable; }
.equipment-calendar-scroll:focus-visible[b-c0e2v2wyno] { outline:2px solid var(--fdc-color-accent); outline-offset:2px; }
.equipment-calendar-grid[b-c0e2v2wyno] { display:grid; grid-template-columns:minmax(13rem,1.2fr) repeat(7,minmax(9.25rem,1fr)); min-width:78rem; }
.equipment-calendar-corner[b-c0e2v2wyno],.equipment-day-heading[b-c0e2v2wyno],.equipment-resource-name[b-c0e2v2wyno],.equipment-calendar-cell[b-c0e2v2wyno] { border-right:1px solid var(--fdc-color-border); border-bottom:1px solid var(--fdc-color-border); }
.equipment-calendar-corner[b-c0e2v2wyno] { position:sticky; left:0; z-index:4; display:flex; align-items:end; padding:var(--fdc-space-3); background:var(--fdc-color-background-secondary); color:var(--fdc-color-text-secondary); font-size:.6875rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.equipment-day-heading[b-c0e2v2wyno] { display:flex; align-items:center; justify-content:center; gap:var(--fdc-space-2); min-height:3.5rem; background:var(--fdc-color-background-secondary); }
.equipment-day-heading span[b-c0e2v2wyno] { color:var(--fdc-color-text-secondary); font-size:.6875rem; font-weight:700; text-transform:uppercase; }
.equipment-day-heading strong[b-c0e2v2wyno] { display:grid; place-items:center; width:1.85rem; height:1.85rem; border-radius:50%; font-size:.875rem; }
.equipment-day-heading.today strong[b-c0e2v2wyno] { color:var(--fdc-color-on-accent); background:var(--fdc-color-accent); }
.equipment-resource-name[b-c0e2v2wyno] { position:sticky; left:0; z-index:2; display:flex; align-items:center; gap:var(--fdc-space-3); min-height:6.25rem; padding:var(--fdc-space-3); background:var(--fdc-color-surface); }
.equipment-resource-name div[b-c0e2v2wyno] { min-width:0; }
.equipment-resource-name strong[b-c0e2v2wyno],.equipment-resource-name small[b-c0e2v2wyno] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.equipment-resource-name strong[b-c0e2v2wyno] { font-size:.8125rem; }
.equipment-resource-name small[b-c0e2v2wyno] { margin-top:var(--fdc-space-1); color:var(--fdc-color-text-secondary); font-size:.6875rem; }
.equipment-resource-icon[b-c0e2v2wyno] { display:grid; place-items:center; flex:0 0 auto; width:2.25rem; height:2.25rem; border-radius:var(--fdc-radius-sm); color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); }
.equipment-calendar-cell[b-c0e2v2wyno] { position:relative; display:flex; flex-direction:column; gap:var(--fdc-space-2); min-height:6.25rem; padding:var(--fdc-space-2); background:var(--fdc-color-surface); }
.equipment-calendar-cell.unavailable[b-c0e2v2wyno] { background:repeating-linear-gradient(135deg,var(--fdc-color-background-secondary),var(--fdc-color-background-secondary) 8px,transparent 8px,transparent 16px); }
.equipment-unavailable-label[b-c0e2v2wyno] { color:var(--fdc-color-text-secondary); font-size:.6875rem; font-weight:600; }
.equipment-booking[b-c0e2v2wyno],.equipment-request-pill[b-c0e2v2wyno] { border:1px solid color-mix(in srgb,var(--fdc-color-accent) 34%,var(--fdc-color-border)); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-accent-soft); color:var(--fdc-color-text-primary); }
.equipment-booking[b-c0e2v2wyno] { display:flex; flex-direction:column; gap:.15rem; padding:var(--fdc-space-2); font-size:.6875rem; }
.equipment-booking strong[b-c0e2v2wyno] { color:var(--fdc-color-accent); }
.equipment-booking span[b-c0e2v2wyno] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.equipment-booking:hover[b-c0e2v2wyno] { border-color:var(--fdc-color-accent); transform:translateY(-1px); box-shadow:var(--fdc-shadow-sm); }
.equipment-booking.has-conflict[b-c0e2v2wyno],.equipment-request-pill.has-conflict[b-c0e2v2wyno] { border-color:color-mix(in srgb,var(--fdc-color-danger) 60%,var(--fdc-color-border)); background:color-mix(in srgb,var(--fdc-color-danger) 9%,var(--fdc-color-surface)); }
.equipment-request-lane[b-c0e2v2wyno] { display:grid; grid-template-columns:minmax(13rem,1.2fr) minmax(0,7fr); border:1px solid color-mix(in srgb,var(--fdc-color-warning) 38%,var(--fdc-color-border)); border-radius:var(--fdc-radius-md); overflow:hidden; }
.equipment-request-lane .equipment-resource-name[b-c0e2v2wyno] { position:static; min-height:auto; border:0; background:color-mix(in srgb,var(--fdc-color-warning) 8%,var(--fdc-color-surface)); }
.equipment-request-list[b-c0e2v2wyno] { display:flex; gap:var(--fdc-space-2); padding:var(--fdc-space-3); overflow:auto; background:color-mix(in srgb,var(--fdc-color-warning) 5%,var(--fdc-color-surface)); }
.equipment-request-pill[b-c0e2v2wyno] { flex:0 0 auto; padding:var(--fdc-space-2) var(--fdc-space-3); background:color-mix(in srgb,var(--fdc-color-warning) 12%,var(--fdc-color-surface)); }
.equipment-request-pill strong[b-c0e2v2wyno],.equipment-request-pill span[b-c0e2v2wyno] { display:block; }
.equipment-request-pill strong[b-c0e2v2wyno] { font-size:.75rem; }
.equipment-request-pill span[b-c0e2v2wyno] { margin-top:.2rem; color:var(--fdc-color-text-secondary); font-size:.6875rem; }
@media(max-width:720px){ .equipment-calendar-actions[b-c0e2v2wyno] { width:100%; justify-content:space-between; } .equipment-request-lane[b-c0e2v2wyno] { grid-template-columns:1fr; } .equipment-request-lane .equipment-resource-name[b-c0e2v2wyno] { border-bottom:1px solid var(--fdc-color-border); } }
/* /Components/DesignSystem/EquipmentCard.razor.rz.scp.css */
.fdc-equipment-card[b-jquffwa3vu] { display:flex; flex-direction:column; gap:var(--fdc-space-5); padding:var(--fdc-space-5); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface); box-shadow:var(--fdc-shadow-sm); min-width:0; }
.fdc-equipment-card header[b-jquffwa3vu] { display:flex; align-items:flex-start; gap:var(--fdc-space-3); flex-wrap:wrap; }
.fdc-equipment-card header>div[b-jquffwa3vu] { flex:1; min-width:7rem; display:flex; flex-direction:column; gap:var(--fdc-space-1); }
.fdc-equipment-card a[b-jquffwa3vu] { color:var(--fdc-color-text); font-weight:600; overflow-wrap:anywhere; }
.fdc-equipment-symbol[b-jquffwa3vu] { display:grid; place-items:center; width:var(--fdc-tap-target); height:var(--fdc-tap-target); background:var(--fdc-color-accent-soft); color:var(--fdc-color-accent); border-radius:var(--fdc-radius-sm); }
.fdc-equipment-tag[b-jquffwa3vu] { font-family:ui-monospace,monospace; color:var(--fdc-color-text-muted); font-size:.75rem; }
.fdc-equipment-card-meta[b-jquffwa3vu] { display:grid; gap:var(--fdc-space-4); }
.fdc-equipment-card footer[b-jquffwa3vu] { display:flex; align-items:center; justify-content:space-between; gap:var(--fdc-space-3); flex-wrap:wrap; border-top:1px solid var(--fdc-color-border); padding-top:var(--fdc-space-4); margin-top:auto; font-size:.8125rem; color:var(--fdc-color-text-secondary); }
/* /Components/DesignSystem/EquipmentEditor.razor.rz.scp.css */
.equipment-editor-fields[b-if0l4r4euk] { border:0; padding:0; margin:0; min-width:0; }
.equipment-editor-fields[b-if0l4r4euk]  .wide-field { grid-column:1/-1; }
.equipment-archive[b-if0l4r4euk] { display:flex; flex-direction:row; align-items:center; gap:var(--fdc-space-3); min-height:var(--fdc-tap-target); }
.equipment-archive input[b-if0l4r4euk] { width:1.125rem; height:1.125rem; flex:none; accent-color:var(--fdc-color-accent); }
/* /Components/DesignSystem/EquipmentEvidenceConcept.razor.rz.scp.css */
.fdc-evidence-concept[b-8jjwunv7wi] { display:grid; gap:var(--fdc-space-6); color:var(--fdc-color-text); }
.fdc-evidence-preview-notice[b-8jjwunv7wi] { display:flex; align-items:flex-start; gap:var(--fdc-space-3); padding:var(--fdc-space-4); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-warning-soft); color:var(--fdc-color-warning); }
.fdc-evidence-preview-notice p[b-8jjwunv7wi] { margin:var(--fdc-space-1) 0 0; font-size:.875rem; line-height:1.6; }
.fdc-evidence-heading[b-8jjwunv7wi] { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--fdc-space-4); }
.fdc-evidence-heading h2[b-8jjwunv7wi] { margin:0 0 var(--fdc-space-2); font-size:1.75rem; font-weight:650; letter-spacing:-.025em; }
.fdc-evidence-heading p[b-8jjwunv7wi] { margin:0; color:var(--fdc-color-text-secondary); }
.fdc-evidence-heading .fdc-evidence-eyebrow[b-8jjwunv7wi] { margin-bottom:var(--fdc-space-2); color:var(--fdc-color-accent); font-size:.75rem; font-weight:650; letter-spacing:.06em; text-transform:uppercase; }
.fdc-evidence-columns[b-8jjwunv7wi] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:var(--fdc-space-6); align-items:start; }
.fdc-evidence-card[b-8jjwunv7wi] { min-width:0; background:var(--fdc-color-surface); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); }
.fdc-evidence-card > header[b-8jjwunv7wi] { padding:var(--fdc-space-6); }
.fdc-evidence-card h3[b-8jjwunv7wi] { margin:0 0 var(--fdc-space-2); font-size:1.5rem; font-weight:600; letter-spacing:-.025em; }
.fdc-evidence-card p[b-8jjwunv7wi],.fdc-evidence-card small[b-8jjwunv7wi] { color:var(--fdc-color-text-secondary); }
.fdc-evidence-card header p[b-8jjwunv7wi] { margin:0; font-size:.875rem; line-height:1.6; }
.fdc-evidence-card-content[b-8jjwunv7wi] { padding:0 var(--fdc-space-6) var(--fdc-space-6); }
.fdc-evidence-image-drop[b-8jjwunv7wi],.fdc-evidence-document-drop[b-8jjwunv7wi] { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:var(--fdc-space-3); border:2px dashed var(--fdc-color-border-strong); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-surface-interactive); padding:var(--fdc-space-8) var(--fdc-space-4); transition:background var(--fdc-motion-standard),border-color var(--fdc-motion-standard); }
.fdc-evidence-image-drop[b-8jjwunv7wi] { max-width:24rem; margin:auto; }
.fdc-evidence-document-drop[b-8jjwunv7wi] { padding-top:var(--fdc-space-10); padding-bottom:var(--fdc-space-10); }
.fdc-evidence-image-drop p[b-8jjwunv7wi],.fdc-evidence-document-drop p[b-8jjwunv7wi] { margin:0; font-size:.875rem; }
.fdc-evidence-image-drop small[b-8jjwunv7wi],.fdc-evidence-document-drop small[b-8jjwunv7wi] { font-size:.75rem; }
.fdc-evidence-thumbnails[b-8jjwunv7wi] { display:flex; flex-wrap:wrap; gap:var(--fdc-space-2); margin-top:var(--fdc-space-4); }
.fdc-evidence-thumbnails figure[b-8jjwunv7wi] { margin:0; width:calc(50% - var(--fdc-space-2)); min-width:0; }
.fdc-evidence-thumbnail[b-8jjwunv7wi] { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:var(--fdc-space-1); width:5rem; height:5rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-background-secondary); color:var(--fdc-color-text-secondary); font-size:.625rem; }
.fdc-evidence-thumbnails figcaption[b-8jjwunv7wi] { overflow-wrap:anywhere; font-size:.75rem; margin:var(--fdc-space-2) 0; }
.fdc-evidence-card h4[b-8jjwunv7wi] { font-size:.875rem; font-weight:600; margin:var(--fdc-space-6) 0 var(--fdc-space-4); }
.fdc-evidence-files[b-8jjwunv7wi] { padding:0; margin:0; list-style:none; display:grid; gap:var(--fdc-space-4); }
.fdc-evidence-files li[b-8jjwunv7wi] { display:flex; gap:var(--fdc-space-3); align-items:flex-start; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); padding:var(--fdc-space-4); min-width:0; }
.fdc-evidence-file-icon[b-8jjwunv7wi] { display:grid; place-items:center; flex-shrink:0; width:2.5rem; height:2.5rem; border-radius:var(--fdc-radius-sm); background:var(--fdc-color-background-secondary); }
.fdc-evidence-file-copy[b-8jjwunv7wi] { display:grid; gap:var(--fdc-space-1); flex:1; min-width:0; }
.fdc-evidence-file-copy strong[b-8jjwunv7wi] { font-size:.875rem; font-weight:550; overflow-wrap:anywhere; }
.fdc-evidence-file-copy small[b-8jjwunv7wi] { font-size:.75rem; }
.fdc-evidence-card .fdc-evidence-footnote[b-8jjwunv7wi] { font-size:.75rem; line-height:1.6; margin:var(--fdc-space-4) 0 0; }
.fdc-evidence-card footer[b-8jjwunv7wi] { display:flex; justify-content:flex-end; gap:var(--fdc-space-3); border-top:1px solid var(--fdc-color-border); margin-top:var(--fdc-space-6); padding-top:var(--fdc-space-6); }
@media(max-width:850px) { .fdc-evidence-columns[b-8jjwunv7wi] { grid-template-columns:minmax(0,1fr); } }
@media(max-width:480px) {
 .fdc-evidence-heading[b-8jjwunv7wi] { flex-direction:column; }
 .fdc-evidence-card > header[b-8jjwunv7wi] { padding:var(--fdc-space-4); }
 .fdc-evidence-card-content[b-8jjwunv7wi] { padding:0 var(--fdc-space-4) var(--fdc-space-4); }
 .fdc-evidence-files li[b-8jjwunv7wi] { flex-wrap:wrap; }
 .fdc-evidence-file-copy[b-8jjwunv7wi] { flex-basis:calc(100% - 3.5rem); }
}
@media(prefers-reduced-motion:reduce) { .fdc-evidence-image-drop[b-8jjwunv7wi],.fdc-evidence-document-drop[b-8jjwunv7wi] { transition:none; } }
/* /Components/DesignSystem/EquipmentEvidenceNotificationCenter.razor.rz.scp.css */
.notification-menu > summary[b-0puaqi7uyz] { position:relative; }
.equipment-notification-count[b-0puaqi7uyz] { position:absolute; inset-block-start:-.25rem; inset-inline-end:-.25rem; min-width:1.1rem; height:1.1rem; padding:0 .25rem; border-radius:999px; display:grid; place-items:center; background:var(--fdc-color-danger); color:#fff; font-size:.65rem; font-weight:800; }
.equipment-notification-panel ul[b-0puaqi7uyz] { display:grid; gap:var(--fdc-space-3); margin:var(--fdc-space-3) 0 0; padding:0; list-style:none; }
.equipment-notification-panel li[b-0puaqi7uyz] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:var(--fdc-space-2); align-items:start; padding:var(--fdc-space-3); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-surface); }
.equipment-notification-panel li[data-outcome="Blocked"][b-0puaqi7uyz] { border-color:var(--fdc-color-danger); }
.equipment-notification-panel span[b-0puaqi7uyz] { display:grid; gap:.2rem; min-width:0; }
.equipment-notification-panel small[b-0puaqi7uyz] { color:var(--fdc-color-text-secondary); overflow-wrap:anywhere; }
.equipment-notification-actions[b-0puaqi7uyz] { display:flex; gap:var(--fdc-space-2); align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.equipment-notification-toast[b-0puaqi7uyz] { position:fixed; z-index:1200; inset-inline-end:var(--fdc-space-5); inset-block-end:var(--fdc-space-5); width:min(28rem,calc(100vw - 2rem)); display:flex; align-items:start; gap:var(--fdc-space-3); padding:var(--fdc-space-4); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface); color:var(--fdc-color-text); box-shadow:var(--fdc-shadow-lg); }
.equipment-notification-toast[data-outcome="Blocked"][b-0puaqi7uyz] { border-color:var(--fdc-color-danger); }
.equipment-notification-toast > span[b-0puaqi7uyz] { display:grid; gap:.2rem; flex:1; }
.equipment-notification-toast small[b-0puaqi7uyz] { color:var(--fdc-color-text-secondary); }
@media(max-width:640px) { .equipment-notification-panel li[b-0puaqi7uyz] { grid-template-columns:auto minmax(0,1fr); } .equipment-notification-actions[b-0puaqi7uyz] { grid-column:1 / -1; width:100%; } .equipment-notification-actions .fdc-button[b-0puaqi7uyz] { flex:1 1 7rem; } .equipment-notification-toast[b-0puaqi7uyz] { inset-inline:1rem; width:auto; } }
/* /Components/DesignSystem/EquipmentEvidencePanel.razor.rz.scp.css */
.equipment-evidence-panel[b-vxre543jj7] { display:grid; gap:var(--fdc-space-6); }
.equipment-evidence-columns[b-vxre543jj7] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--fdc-space-6); row-gap:0; align-items:stretch; }
.equipment-evidence-columns[b-vxre543jj7]  .fdc-attachment-card { display:grid; grid-row:span 2; grid-template-rows:subgrid; row-gap:0; }
.equipment-evidence-message[b-vxre543jj7] { margin:0; font-size:.875rem; color:var(--fdc-color-text-secondary); }
.equipment-evidence-note[b-vxre543jj7] { display:flex; gap:var(--fdc-space-2); align-items:start; margin:0; color:var(--fdc-color-text-secondary); font-size:.75rem; }
@media(max-width:850px) { .equipment-evidence-columns[b-vxre543jj7] { grid-template-columns:minmax(0,1fr); row-gap:var(--fdc-space-6); } .equipment-evidence-columns[b-vxre543jj7]  .fdc-attachment-card { grid-row:auto; grid-template-rows:auto 1fr; } }
/* /Components/DesignSystem/EquipmentEvidenceSelectionPreview.razor.rz.scp.css */
.equipment-evidence-selection-review[b-7nzbzu1jfg] { display:grid; gap:var(--fdc-space-6); }
.equipment-evidence-review-columns[b-7nzbzu1jfg] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--fdc-space-6); row-gap:0; align-items:stretch; }
/* Paired cards share header/body tracks: descriptions may wrap differently
   without moving either drop target or footer out of alignment. */
.equipment-evidence-review-columns[b-7nzbzu1jfg]  .fdc-attachment-card { display:grid; grid-row:span 2; grid-template-rows:subgrid; row-gap:0; }
.equipment-evidence-review-notice[b-7nzbzu1jfg] { display:flex; align-items:start; gap:var(--fdc-space-3); padding:var(--fdc-space-4); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-accent-soft); color:var(--fdc-color-text); font-size:.875rem; }
.equipment-evidence-review-notice p[b-7nzbzu1jfg] { margin:0; }
@media(max-width:850px) { .equipment-evidence-review-columns[b-7nzbzu1jfg] { grid-template-columns:minmax(0,1fr); row-gap:var(--fdc-space-6); } .equipment-evidence-review-columns[b-7nzbzu1jfg]  .fdc-attachment-card { grid-row:auto; grid-template-rows:auto 1fr; } }
/* /Components/DesignSystem/EquipmentFinancialPanel.razor.rz.scp.css */
.equipment-financials[b-nvmnu8eue1] { min-width:0; padding-top:var(--fdc-space-4); }
.equipment-financials[b-nvmnu8eue1]  .fdc-section-header { flex-wrap:wrap; align-items:center; }
.equipment-financials[b-nvmnu8eue1]  .fdc-section-header-copy { flex:1 1 20rem; min-width:0; }
.equipment-financials[b-nvmnu8eue1]  .fdc-section-header-actions { flex-wrap:wrap; }
.equipment-financials[b-nvmnu8eue1]  .fdc-section-header-actions .fdc-button { white-space:nowrap; }
.financial-summary-heading[b-nvmnu8eue1]  .fdc-form-field { flex:0 1 12rem; width:12rem; max-width:100%; }
.financial-summary-heading[b-nvmnu8eue1],.financial-section-heading[b-nvmnu8eue1] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--fdc-space-4); margin:var(--fdc-space-5) 0 var(--fdc-space-3); }
.financial-summary-heading>div:first-child[b-nvmnu8eue1] { display:flex; flex-wrap:wrap; align-items:center; gap:var(--fdc-space-3); color:var(--fdc-color-text-secondary); }
.financial-metrics[b-nvmnu8eue1] { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:var(--fdc-space-3); }
.financial-details[b-nvmnu8eue1] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--fdc-space-5); padding:var(--fdc-space-5) 0; }
.financial-section-heading h3[b-nvmnu8eue1],.financial-disposal h3[b-nvmnu8eue1] { font-size:1rem; margin:0 0 .35rem; }
.financial-section-heading p[b-nvmnu8eue1],.financial-note[b-nvmnu8eue1] { font-size:.8125rem; line-height:1.6; color:var(--fdc-color-text-secondary); margin:.65rem 0; }
.financial-table-wrap[b-nvmnu8eue1] { width:100%; overflow:auto; max-height:25rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); }
.financial-table[b-nvmnu8eue1] { width:100%; border-collapse:separate; border-spacing:0; font-size:.8125rem; font-variant-numeric:tabular-nums; }
.financial-table th[b-nvmnu8eue1],.financial-table td[b-nvmnu8eue1] { padding:.625rem; text-align:right; white-space:nowrap; border-bottom:1px solid var(--fdc-color-border); background:var(--fdc-color-surface); }
.financial-table thead th[b-nvmnu8eue1] { position:sticky; top:0; z-index:1; color:var(--fdc-color-text-secondary); background:var(--fdc-color-surface-muted,var(--fdc-color-background)); font-weight:500; }
.financial-table th:first-child[b-nvmnu8eue1] { text-align:left; }
.financial-table tbody th[b-nvmnu8eue1] { font-weight:500; }
.financial-table small[b-nvmnu8eue1] { display:block; font-size:.6875rem; font-weight:400; color:var(--fdc-color-text-muted); margin-top:.2rem; }
.financial-table tr:last-child>*[b-nvmnu8eue1] { border-bottom:0; }
.financial-table tr:hover>*[b-nvmnu8eue1] { background:color-mix(in srgb,var(--fdc-color-surface),var(--fdc-color-text) 2%); }
.financial-table .current-year>*[b-nvmnu8eue1] { background:var(--fdc-color-accent-soft); }
.financial-cost-table td:nth-child(2)[b-nvmnu8eue1],.financial-cost-table td:nth-child(3)[b-nvmnu8eue1] { text-align:left; white-space:normal; min-width:10rem; overflow-wrap:anywhere; }
.financial-disclosure[b-nvmnu8eue1] { border-top:1px solid var(--fdc-color-border); padding:var(--fdc-space-4) 0; margin-top:var(--fdc-space-3); }
.financial-disclosure summary[b-nvmnu8eue1] { cursor:pointer; padding:.5rem 0; font-weight:500; }
.financial-disclosure h4[b-nvmnu8eue1] { font-size:.875rem; margin:1rem 0 .4rem; }
.financial-disclosure p[b-nvmnu8eue1],.financial-history dd[b-nvmnu8eue1] { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.875rem; color:var(--fdc-color-text-secondary); }
.financial-history[b-nvmnu8eue1] { display:grid; grid-template-columns:minmax(9rem,1fr) 2fr; gap:.5rem 1rem; font-size:.8125rem; }
.financial-history dd[b-nvmnu8eue1] { margin:0; }
.financial-editor[b-nvmnu8eue1] { margin-top:var(--fdc-space-4); padding:var(--fdc-space-5); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface); }
.financial-editor fieldset[b-nvmnu8eue1] { margin:0; padding:0; border:0; min-width:0; }
.financial-editor legend[b-nvmnu8eue1] { float:none; font-size:1rem; font-weight:600; }
.financial-form-grid[b-nvmnu8eue1] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--fdc-space-3) var(--fdc-space-5); }
.financial-form-grid[b-nvmnu8eue1]  .financial-wide { grid-column:1/-1; }
.financial-editor footer[b-nvmnu8eue1] { display:flex; flex-wrap:wrap; align-items:center; gap:var(--fdc-space-3); margin-top:var(--fdc-space-4); }
.financial-editor footer span[b-nvmnu8eue1],.financial-message[b-nvmnu8eue1] { font-size:.875rem; }
.financial-disposal[b-nvmnu8eue1] { margin-top:var(--fdc-space-5); border-top:1px solid var(--fdc-color-border); padding-top:var(--fdc-space-5); }
@media(max-width:1000px) { .financial-details[b-nvmnu8eue1] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .financial-metrics[b-nvmnu8eue1],.financial-form-grid[b-nvmnu8eue1],.financial-details[b-nvmnu8eue1] { grid-template-columns:1fr; } .financial-editor[b-nvmnu8eue1] { padding:var(--fdc-space-3); } .financial-history[b-nvmnu8eue1] { grid-template-columns:1fr; } .financial-summary-heading[b-nvmnu8eue1] { align-items:stretch; } }
/* /Components/DesignSystem/EquipmentInspectionChecklist.razor.rz.scp.css */
.equipment-inspection-checklist[b-jigb0cc6e6] { display:flex; flex-direction:column; gap:var(--fdc-space-4); padding:var(--fdc-space-4); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface); }
.equipment-inspection-checklist header[b-jigb0cc6e6] { display:flex; justify-content:space-between; align-items:start; gap:var(--fdc-space-4); }
.equipment-inspection-checklist h3[b-jigb0cc6e6],.equipment-inspection-checklist p[b-jigb0cc6e6] { margin:0; }
.equipment-inspection-checklist h3[b-jigb0cc6e6] { margin-top:var(--fdc-space-1); font-size:1.125rem; }
.equipment-inspection-checklist header p[b-jigb0cc6e6] { margin-top:var(--fdc-space-1); color:var(--fdc-color-text-secondary); font-size:.8125rem; line-height:1.5; }
.equipment-inspection-progress[b-jigb0cc6e6] { height:.3rem; overflow:hidden; border-radius:var(--fdc-radius-pill); background:var(--fdc-color-background-secondary); }
.equipment-inspection-progress span[b-jigb0cc6e6] { display:block; height:100%; border-radius:inherit; background:var(--fdc-color-accent); transition:width var(--fdc-motion-standard) var(--fdc-ease-standard); }
.equipment-inspection-items[b-jigb0cc6e6] { display:flex; flex-direction:column; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); overflow:hidden; }
.equipment-inspection-items label[b-jigb0cc6e6] { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:var(--fdc-space-3); min-height:3.75rem; padding:var(--fdc-space-3); background:var(--fdc-color-surface-interactive); cursor:pointer; }
.equipment-inspection-items label+label[b-jigb0cc6e6] { border-top:1px solid var(--fdc-color-border); }
.equipment-inspection-items input[b-jigb0cc6e6] { position:absolute; opacity:0; pointer-events:none; }
.equipment-check-box[b-jigb0cc6e6] { display:grid; place-items:center; width:1.4rem; height:1.4rem; border:1px solid var(--fdc-color-border-strong); border-radius:.4rem; color:transparent; background:var(--fdc-color-surface); transition:all var(--fdc-motion-fast) var(--fdc-ease-standard); }
.equipment-inspection-items input:checked+.equipment-check-box[b-jigb0cc6e6] { color:var(--fdc-color-on-accent); border-color:var(--fdc-color-accent); background:var(--fdc-color-accent); }
.equipment-inspection-items input:focus-visible+.equipment-check-box[b-jigb0cc6e6] { outline:2px solid var(--fdc-color-accent); outline-offset:2px; }
.equipment-inspection-items strong[b-jigb0cc6e6],.equipment-inspection-items small[b-jigb0cc6e6],.equipment-issues-toggle strong[b-jigb0cc6e6],.equipment-issues-toggle small[b-jigb0cc6e6] { display:block; }
.equipment-inspection-items strong[b-jigb0cc6e6],.equipment-issues-toggle strong[b-jigb0cc6e6] { font-size:.875rem; }
.equipment-inspection-items small[b-jigb0cc6e6],.equipment-issues-toggle small[b-jigb0cc6e6] { margin-top:.15rem; color:var(--fdc-color-text-secondary); font-size:.75rem; line-height:1.4; }
.equipment-issues-toggle[b-jigb0cc6e6] { display:flex; align-items:start; gap:var(--fdc-space-3); min-height:var(--fdc-tap-target); padding:var(--fdc-space-3); border-radius:var(--fdc-radius-md); background:color-mix(in srgb,var(--fdc-color-warning) 8%,var(--fdc-color-surface)); cursor:pointer; }
.equipment-issues-toggle input[b-jigb0cc6e6] { width:1.2rem; height:1.2rem; flex:0 0 auto; accent-color:var(--fdc-color-warning); }
@media(max-width:560px){ .equipment-inspection-checklist header[b-jigb0cc6e6] { flex-direction:column; } }
/* /Components/DesignSystem/EquipmentInventoryTable.razor.rz.scp.css */
.fdc-equipment-table-wrap[b-7w9b0kapao] { overflow-x:auto; width:100%; border-radius:var(--fdc-radius-md); box-shadow:var(--fdc-shadow-sm); }
.fdc-equipment-table[b-7w9b0kapao] { width:100%; border-collapse:separate; border-spacing:0; font-size:.875rem; color:var(--fdc-color-text); }
.fdc-equipment-table th[b-7w9b0kapao] { height:2.5rem; padding:0 .625rem; white-space:nowrap; text-align:left; font-weight:500; color:var(--fdc-color-text-muted); }
.fdc-equipment-table td[b-7w9b0kapao] { padding:.625rem; background:var(--fdc-color-surface); border-bottom:1px solid var(--fdc-color-border); vertical-align:middle; line-height:1.4; }
.fdc-equipment-table td:first-child[b-7w9b0kapao] { border-left:1px solid var(--fdc-color-border); min-width:11rem; }
.fdc-equipment-table td:last-child[b-7w9b0kapao] { border-right:1px solid var(--fdc-color-border); }
.fdc-equipment-table tr:first-child td[b-7w9b0kapao] { border-top:1px solid var(--fdc-color-border); }
.fdc-equipment-table tr:first-child td:first-child[b-7w9b0kapao] { border-top-left-radius:var(--fdc-radius-md); }
.fdc-equipment-table tr:first-child td:last-child[b-7w9b0kapao] { border-top-right-radius:var(--fdc-radius-md); }
.fdc-equipment-table tr:last-child td:first-child[b-7w9b0kapao] { border-bottom-left-radius:var(--fdc-radius-md); }
.fdc-equipment-table tr:last-child td:last-child[b-7w9b0kapao] { border-bottom-right-radius:var(--fdc-radius-md); }
.fdc-equipment-table tr:hover td[b-7w9b0kapao] { background:color-mix(in srgb,var(--fdc-color-surface),var(--fdc-color-text) 2%); }
.fdc-equipment-table tr[data-state=selected] td[b-7w9b0kapao] { background:color-mix(in srgb,var(--fdc-color-surface),var(--fdc-color-text) 4%); }
.fdc-equipment-table a[b-7w9b0kapao] { display:inline-flex; align-items:center; min-height:var(--fdc-tap-target); font-weight:600; color:var(--fdc-color-text); }
.fdc-equipment-table a:focus-visible[b-7w9b0kapao] { outline:2px solid var(--fdc-color-accent); outline-offset:2px; border-radius:var(--fdc-radius-sm); }
.fdc-equipment-table small[b-7w9b0kapao] { display:block; color:var(--fdc-color-text-muted); }
.fdc-equipment-tag[b-7w9b0kapao] { font-family:ui-monospace,monospace; font-size:.75rem; color:var(--fdc-color-text-muted); }
.fdc-equipment-number[b-7w9b0kapao] { font-variant-numeric:tabular-nums; text-align:right; }
/* /Components/DesignSystem/EquipmentOperationsPanel.razor.rz.scp.css */
.operations-panel[b-2iypwsll3r]{display:grid;gap:var(--fdc-space-5)}
.operations-metrics[b-2iypwsll3r]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--fdc-space-3)}
.operations-actions[b-2iypwsll3r]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fdc-space-3)}
.operations-form[b-2iypwsll3r]{border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-lg);background:var(--fdc-color-surface);padding:var(--fdc-space-5);box-shadow:var(--fdc-shadow-sm)}
.operations-form>header[b-2iypwsll3r]{display:flex;justify-content:space-between;gap:var(--fdc-space-4);align-items:flex-start;margin-bottom:var(--fdc-space-4)}
.operations-form h3[b-2iypwsll3r],.maintenance-card h4[b-2iypwsll3r]{margin:.2rem 0}.operations-form p[b-2iypwsll3r],.maintenance-card p[b-2iypwsll3r]{margin:.25rem 0;color:var(--fdc-color-text-muted)}
.operations-form-grid[b-2iypwsll3r]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fdc-space-4)}
.operations-wide[b-2iypwsll3r]{grid-column:1/-1}.operations-form footer[b-2iypwsll3r]{display:flex;align-items:center;gap:var(--fdc-space-3);margin-top:var(--fdc-space-4);flex-wrap:wrap}
.operations-check[b-2iypwsll3r]{display:flex;gap:var(--fdc-space-3);align-items:flex-start;padding:var(--fdc-space-3);border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md);background:var(--fdc-color-surface-interactive)}
.operations-check input[b-2iypwsll3r]{width:1.1rem;height:1.1rem;margin-top:.15rem}.operations-check span[b-2iypwsll3r]{display:grid;gap:.2rem}.operations-check small[b-2iypwsll3r]{color:var(--fdc-color-text-muted)}
.operations-section-grid[b-2iypwsll3r]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--fdc-space-5)}
.maintenance-list[b-2iypwsll3r],.usage-list[b-2iypwsll3r],.maintenance-history[b-2iypwsll3r]{display:grid;gap:var(--fdc-space-3);margin-top:var(--fdc-space-3)}
.maintenance-card[b-2iypwsll3r]{border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-lg);padding:var(--fdc-space-4);background:var(--fdc-color-surface)}
.maintenance-card.blocks[b-2iypwsll3r]{border-color:var(--fdc-color-warning);box-shadow:inset 3px 0 0 var(--fdc-color-warning)}
.maintenance-card>header[b-2iypwsll3r],.maintenance-card>footer[b-2iypwsll3r]{display:flex;justify-content:space-between;gap:var(--fdc-space-3);align-items:flex-start}.maintenance-card>footer[b-2iypwsll3r]{align-items:center;border-top:1px solid var(--fdc-color-border);padding-top:var(--fdc-space-3)}
.maintenance-card>footer>div[b-2iypwsll3r]{display:flex;gap:var(--fdc-space-2)}.maintenance-card dl[b-2iypwsll3r]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fdc-space-3);margin:var(--fdc-space-3) 0}.maintenance-card dl div[b-2iypwsll3r]{display:grid;gap:.15rem}.maintenance-card dt[b-2iypwsll3r]{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--fdc-color-text-muted)}.maintenance-card dd[b-2iypwsll3r]{margin:0;font-weight:650}
.maintenance-block-label[b-2iypwsll3r]{display:inline-flex;align-items:center;gap:.35rem;color:var(--fdc-color-warning);font-weight:700}
.usage-list article[b-2iypwsll3r]{display:grid;grid-template-columns:auto 1fr;gap:var(--fdc-space-3);padding:var(--fdc-space-3);border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md);background:var(--fdc-color-surface)}
.usage-list article>div[b-2iypwsll3r]{display:grid;gap:.2rem}.usage-list small[b-2iypwsll3r]{color:var(--fdc-color-text-muted)}.usage-list p[b-2iypwsll3r]{display:flex;gap:.45rem;flex-wrap:wrap;margin:.2rem 0}.usage-list p span[b-2iypwsll3r]{padding:.2rem .45rem;border-radius:999px;background:var(--fdc-color-accent-soft);font-size:.78rem;font-weight:700}.usage-icon[b-2iypwsll3r]{width:2rem;height:2rem;border-radius:.6rem;display:grid;place-items:center;background:var(--fdc-color-accent-soft);color:var(--fdc-color-accent)}
.operations-history[b-2iypwsll3r]{border-top:1px solid var(--fdc-color-border);padding-top:var(--fdc-space-4)}.operations-history>summary[b-2iypwsll3r]{font-weight:750;cursor:pointer}.maintenance-history article[b-2iypwsll3r]{display:flex;justify-content:space-between;gap:var(--fdc-space-3);padding:var(--fdc-space-3);border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md)}.maintenance-history article>div[b-2iypwsll3r]{display:grid;gap:.15rem}.maintenance-history small[b-2iypwsll3r]{color:var(--fdc-color-text-muted)}.maintenance-history p[b-2iypwsll3r]{margin:.2rem 0}
@media(max-width:980px){.operations-metrics[b-2iypwsll3r]{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-section-grid[b-2iypwsll3r]{grid-template-columns:1fr}.operations-form-grid[b-2iypwsll3r]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.operations-metrics[b-2iypwsll3r],.operations-actions[b-2iypwsll3r],.operations-form-grid[b-2iypwsll3r]{grid-template-columns:1fr}.operations-form[b-2iypwsll3r]{padding:var(--fdc-space-4)}.operations-form>header[b-2iypwsll3r],.maintenance-card>header[b-2iypwsll3r],.maintenance-card>footer[b-2iypwsll3r]{align-items:stretch;flex-direction:column}.maintenance-card dl[b-2iypwsll3r]{grid-template-columns:1fr}.maintenance-card>footer>div[b-2iypwsll3r]{display:grid;grid-template-columns:1fr 1fr;width:100%}}
/* /Components/DesignSystem/EquipmentPayerPanel.razor.rz.scp.css */
.equipment-payers[b-wl3ny885sc] { display:grid; gap:var(--fdc-space-4); min-width:0; padding-top:var(--fdc-space-4); }
.equipment-payers[b-wl3ny885sc]  .fdc-section-header { flex-wrap:wrap; gap:var(--fdc-space-3); }
.equipment-payers[b-wl3ny885sc]  .fdc-section-header-actions { flex-wrap:wrap; }
.payer-note[b-wl3ny885sc] { color:var(--fdc-color-text-secondary); line-height:1.6; font-size:.875rem; margin:0; }
.payer-notice[b-wl3ny885sc] { padding:var(--fdc-space-3); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface); overflow-wrap:anywhere; }
.payer-editor[b-wl3ny885sc] { display:grid; gap:var(--fdc-space-4); padding:var(--fdc-space-5); background:var(--fdc-color-surface); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); }
.payer-editor h3[b-wl3ny885sc],.payer-history h3[b-wl3ny885sc] { margin:0; font-size:1rem; }
.payer-editor fieldset[b-wl3ny885sc] { margin:0; padding:0; border:0; min-width:0; }
.payer-form-grid[b-wl3ny885sc] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--fdc-space-4); }
.payer-editor footer[b-wl3ny885sc],.payer-actions[b-wl3ny885sc],.payer-pagination[b-wl3ny885sc] { display:flex; align-items:center; flex-wrap:wrap; gap:var(--fdc-space-3); }
.payer-editor footer[b-wl3ny885sc] { margin-top:var(--fdc-space-4); }
.payer-table-wrap[b-wl3ny885sc] { overflow:auto; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); }
.payer-table[b-wl3ny885sc] { border-collapse:collapse; width:100%; font-size:.8125rem; background:var(--fdc-color-surface); }
.payer-table th[b-wl3ny885sc],.payer-table td[b-wl3ny885sc] { padding:var(--fdc-space-3); text-align:left; vertical-align:top; border-bottom:1px solid var(--fdc-color-border); overflow-wrap:anywhere; }
.payer-table th[b-wl3ny885sc] { background:var(--fdc-color-surface-muted,var(--fdc-color-background)); color:var(--fdc-color-text-secondary); }
.payer-table tr:last-child td[b-wl3ny885sc] { border-bottom:0; }
.payer-table td>span[b-wl3ny885sc] { display:block; margin-top:.375rem; color:var(--fdc-color-text-secondary); line-height:1.5; }
.payer-table td:nth-child(3)[b-wl3ny885sc] { white-space:nowrap; font-variant-numeric:tabular-nums; }
.payer-pagination[b-wl3ny885sc] { justify-content:space-between; font-size:.8125rem; }
.payer-history[b-wl3ny885sc] { display:grid; gap:var(--fdc-space-3); }
.payer-history article[b-wl3ny885sc] { padding:var(--fdc-space-4); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface); overflow-wrap:anywhere; }
.payer-history p[b-wl3ny885sc] { margin:.5rem 0 0; color:var(--fdc-color-text-secondary); line-height:1.5; font-size:.8125rem; }
.sr-only[b-wl3ny885sc] { 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:1100px) { .payer-actions[b-wl3ny885sc] { flex-direction:column; align-items:stretch; } }
@media(max-width:700px) {
    .payer-form-grid[b-wl3ny885sc] { grid-template-columns:1fr; }
    .payer-editor[b-wl3ny885sc] { padding:var(--fdc-space-3); }
    .payer-table-wrap[b-wl3ny885sc] { overflow:visible; border:0; }
    .payer-table[b-wl3ny885sc],.payer-table tbody[b-wl3ny885sc],.payer-table tr[b-wl3ny885sc],.payer-table td[b-wl3ny885sc] { display:block; }
    .payer-table[b-wl3ny885sc] { background:transparent; }
    .payer-table thead[b-wl3ny885sc] { display:none; }
    .payer-table tr[b-wl3ny885sc] { margin-bottom:var(--fdc-space-4); padding:var(--fdc-space-3); background:var(--fdc-color-surface); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); }
    .payer-table td[b-wl3ny885sc] { border:0; padding:.5rem; }
    .payer-table td[b-wl3ny885sc]::before { content:attr(data-label); display:block; font-size:.6875rem; font-weight:600; margin-bottom:.375rem; color:var(--fdc-color-text-secondary); }
    .payer-actions[b-wl3ny885sc] { flex-direction:row; }
}
/* /Components/DesignSystem/EquipmentQrLabelDialog.razor.rz.scp.css */
.equipment-qr-label-host[b-7g5k5o1huk]  .fdc-dialog.equipment-qr-label-dialog { width:min(46rem,calc(100vw - 2rem)); max-height:min(50rem,calc(100dvh - 2rem)); }
.equipment-qr-label-layout[b-7g5k5o1huk] { display:flex; flex-direction:column; gap:var(--fdc-space-5); }
.equipment-qr-format[b-7g5k5o1huk],.equipment-qr-picker[b-7g5k5o1huk] { display:flex; flex-direction:column; gap:var(--fdc-space-4); }
.equipment-qr-format[b-7g5k5o1huk] { padding:var(--fdc-space-4); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-background-secondary); }
.equipment-qr-section-heading[b-7g5k5o1huk],.equipment-qr-picker-toolbar[b-7g5k5o1huk] { display:flex; justify-content:space-between; align-items:flex-start; gap:var(--fdc-space-4); }
.equipment-qr-section-heading[b-7g5k5o1huk] { justify-content:flex-start; }
.equipment-qr-section-icon[b-7g5k5o1huk] { display:grid; place-items:center; width:2.5rem; height:2.5rem; flex:0 0 auto; border-radius:var(--fdc-radius-md); color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); }
.equipment-qr-section-heading h3[b-7g5k5o1huk],.equipment-qr-picker-toolbar h3[b-7g5k5o1huk] { margin:0; font-size:1rem; }
.equipment-qr-section-heading p[b-7g5k5o1huk],.equipment-qr-picker-toolbar p[b-7g5k5o1huk] { margin:var(--fdc-space-1) 0 0; color:var(--fdc-color-text-secondary); font-size:.8125rem; line-height:1.45; }
.equipment-qr-format[b-7g5k5o1huk]  .fdc-segmented-control { align-self:flex-start; }
.equipment-qr-print-note[b-7g5k5o1huk] { display:flex; align-items:flex-start; gap:var(--fdc-space-2); color:var(--fdc-color-text-secondary); font-size:.8125rem; line-height:1.45; }
.equipment-qr-print-note svg[b-7g5k5o1huk] { flex:0 0 auto; margin-top:.1rem; }
.equipment-qr-select-all[b-7g5k5o1huk] { display:flex; align-items:center; gap:var(--fdc-space-2); min-height:var(--fdc-tap-target); padding:0 var(--fdc-space-3); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface-interactive); font-size:.8125rem; font-weight:600; cursor:pointer; }
.equipment-qr-select-all:hover[b-7g5k5o1huk] { border-color:var(--fdc-color-accent); }
.equipment-qr-select-all input[b-7g5k5o1huk],.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-option input { width:1.05rem; height:1.05rem; accent-color:var(--fdc-color-accent); }
.equipment-qr-groups[b-7g5k5o1huk] { display:flex; flex-direction:column; gap:var(--fdc-space-4); max-height:20rem; overflow-y:auto; padding-right:var(--fdc-space-1); }
.equipment-qr-group[b-7g5k5o1huk] { display:flex; flex-direction:column; gap:var(--fdc-space-2); }
.equipment-qr-group-heading[b-7g5k5o1huk] { display:flex; justify-content:space-between; color:var(--fdc-color-text-secondary); font-size:.6875rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-option { display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; align-items:center; gap:var(--fdc-space-3); min-height:3.75rem; padding:var(--fdc-space-3); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface-interactive); cursor:pointer; transition:border-color var(--fdc-motion-fast),background var(--fdc-motion-fast),box-shadow var(--fdc-motion-fast); }
.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-option:hover { border-color:var(--fdc-color-accent); box-shadow:var(--fdc-shadow-sm); }
.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-option:has(input:focus-visible) { outline:2px solid var(--fdc-color-focus); outline-offset:2px; }
.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-option:has(input:checked) { border-color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); }
.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-option-icon { display:grid; place-items:center; width:2.25rem; height:2.25rem; border-radius:var(--fdc-radius-sm); color:var(--fdc-color-text-secondary); background:var(--fdc-color-surface); }
.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-option-copy { min-width:0; }
.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-option-copy strong,.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-option-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-option-copy small { margin-top:var(--fdc-space-1); color:var(--fdc-color-text-secondary); font-size:.75rem; }
.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-option-check { display:grid; place-items:center; width:1.5rem; height:1.5rem; border-radius:var(--fdc-radius-pill); color:transparent; border:1px solid var(--fdc-color-border); background:var(--fdc-color-surface); }
.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-option:has(input:checked) .equipment-qr-option-check { color:var(--fdc-color-on-accent); border-color:var(--fdc-color-accent); background:var(--fdc-color-accent); }
.equipment-qr-message[b-7g5k5o1huk] { padding:var(--fdc-space-3); border-radius:var(--fdc-radius-md); color:var(--fdc-color-success); background:color-mix(in srgb,var(--fdc-color-success) 10%,transparent); font-size:.8125rem; }
.equipment-qr-message.is-error[b-7g5k5o1huk] { color:var(--fdc-color-danger); background:color-mix(in srgb,var(--fdc-color-danger) 10%,transparent); }
.equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-label-dialog .fdc-dialog-footer { justify-content:space-between; }
.equipment-qr-footer-copy[b-7g5k5o1huk] { display:flex; flex-direction:column; gap:var(--fdc-space-1); min-width:0; }
.equipment-qr-footer-copy span[b-7g5k5o1huk] { color:var(--fdc-color-text-secondary); font-size:.75rem; }
@media(max-width:620px) {
    .equipment-qr-label-host[b-7g5k5o1huk]  .fdc-dialog.equipment-qr-label-dialog { width:calc(100vw - 1rem); max-height:92dvh; }
    .equipment-qr-picker-toolbar[b-7g5k5o1huk] { flex-direction:column; }
    .equipment-qr-select-all[b-7g5k5o1huk] { width:100%; }
    .equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-label-dialog .fdc-dialog-footer { flex-direction:column; align-items:stretch; }
    .equipment-qr-footer-copy[b-7g5k5o1huk] { width:100%; }
    .equipment-qr-label-host[b-7g5k5o1huk]  .equipment-qr-label-dialog .fdc-dialog-footer .fdc-button { width:100%; }
}
/* /Components/DesignSystem/EquipmentRentalPanel.razor.rz.scp.css */
.equipment-rental-shell[b-jtgvkqsz2g] { display: grid; gap: 1rem; min-width: 0; }
.equipment-rental-heading[b-jtgvkqsz2g], .equipment-rental-primary header[b-jtgvkqsz2g], .equipment-rental-form header[b-jtgvkqsz2g], .equipment-rental-inline-form header[b-jtgvkqsz2g] { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.equipment-rental-heading h3[b-jtgvkqsz2g], .equipment-rental-primary h4[b-jtgvkqsz2g], .equipment-rental-form h4[b-jtgvkqsz2g], .equipment-rental-inline-form h4[b-jtgvkqsz2g] { margin: .2rem 0; }
.equipment-rental-heading p[b-jtgvkqsz2g], .equipment-rental-primary header p[b-jtgvkqsz2g] { margin: .25rem 0 0; color: var(--fdc-color-text-muted); }
.equipment-rental-overview[b-jtgvkqsz2g] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem); gap: 1rem; min-width: 0; }
.equipment-rental-primary[b-jtgvkqsz2g], .equipment-rental-forecast[b-jtgvkqsz2g], .equipment-rental-form[b-jtgvkqsz2g], .equipment-rental-inline-form[b-jtgvkqsz2g], .equipment-rental-history[b-jtgvkqsz2g], .equipment-rental-invoices[b-jtgvkqsz2g] { min-width: 0; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-lg); background: var(--fdc-color-surface); padding: 1rem; }
.equipment-rental-steps[b-jtgvkqsz2g] { display: grid; grid-template-columns: repeat(7, 1fr); gap: .25rem; margin: 1.25rem 0; min-width: 0; max-width: 100%; }
.equipment-rental-step[b-jtgvkqsz2g] { position: relative; display: grid; justify-items: center; text-align: center; gap: .35rem; color: var(--fdc-color-text-muted); }
.equipment-rental-step[b-jtgvkqsz2g]::before { content: ""; position: absolute; height: 2px; background: var(--fdc-color-border); left: -50%; right: 50%; top: .65rem; }
.equipment-rental-step:first-child[b-jtgvkqsz2g]::before { display: none; }
.equipment-rental-step span[b-jtgvkqsz2g] { display: grid; place-items: center; width: 1.4rem; height: 1.4rem; border-radius: 999px; background: var(--fdc-color-background-secondary); border: 1px solid var(--fdc-color-border); z-index: 1; }
.equipment-rental-step.complete span[b-jtgvkqsz2g], .equipment-rental-step.complete[b-jtgvkqsz2g]::before { background: var(--fdc-color-success); border-color: var(--fdc-color-success); color: var(--fdc-color-on-accent); }
.equipment-rental-step.current span[b-jtgvkqsz2g] { border-color: var(--fdc-color-accent); color: var(--fdc-color-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fdc-color-accent) 15%, transparent); }
.equipment-rental-step small[b-jtgvkqsz2g] { font-size: .68rem; }
.equipment-rental-facts[b-jtgvkqsz2g] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 0; }
.equipment-rental-facts div[b-jtgvkqsz2g] { padding: .75rem; border-radius: var(--fdc-radius-md); background: var(--fdc-color-background-secondary); }
.equipment-rental-facts dt[b-jtgvkqsz2g], .equipment-rental-forecast dt[b-jtgvkqsz2g] { font-size: .72rem; color: var(--fdc-color-text-muted); }
.equipment-rental-facts dd[b-jtgvkqsz2g] { margin: .25rem 0 0; font-weight: 700; }
.equipment-rental-facts dd small[b-jtgvkqsz2g] { display: block; margin-top: .2rem; font-weight: 400; color: var(--fdc-color-text-muted); }
.equipment-rental-alert[b-jtgvkqsz2g] { display: flex; gap: .5rem; align-items: center; padding: .75rem; margin: 1rem 0 0; border-radius: var(--fdc-radius-md); background: var(--fdc-color-danger-soft); color: var(--fdc-color-danger); }
.equipment-rental-actions[b-jtgvkqsz2g] { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: 1rem; }
.equipment-rental-lock[b-jtgvkqsz2g] { display: inline-flex; align-items: center; gap: .35rem; color: var(--fdc-color-text-muted); }
.equipment-rental-shared[b-jtgvkqsz2g] { margin-top: 1rem; padding: .85rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: var(--fdc-color-background-secondary); }
.equipment-rental-shared h5[b-jtgvkqsz2g] { margin: .15rem 0 0; font-size: 1rem; }
.equipment-rental-shared > p[b-jtgvkqsz2g] { margin: .5rem 0 .75rem; color: var(--fdc-color-text-muted); }
.equipment-rental-unit-list[b-jtgvkqsz2g] { display: grid; gap: .45rem; }
.equipment-rental-unit[b-jtgvkqsz2g] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-width: 0; padding: .7rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-sm); background: var(--fdc-color-surface); color: inherit; text-decoration: none; }
.equipment-rental-unit:hover[b-jtgvkqsz2g] { border-color: var(--fdc-color-accent); }
.equipment-rental-unit span:first-child[b-jtgvkqsz2g] { min-width: 0; }
.equipment-rental-unit strong[b-jtgvkqsz2g], .equipment-rental-unit small[b-jtgvkqsz2g] { display: block; }
.equipment-rental-unit strong[b-jtgvkqsz2g] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.equipment-rental-unit small[b-jtgvkqsz2g] { margin-top: .2rem; color: var(--fdc-color-text-muted); }
.equipment-rental-forecast strong[b-jtgvkqsz2g] { display: block; font-size: 2rem; margin: .35rem 0; }
.equipment-rental-forecast > p[b-jtgvkqsz2g] { color: var(--fdc-color-text-muted); }
.equipment-rental-forecast dl[b-jtgvkqsz2g] { display: grid; gap: .5rem; margin: 1rem 0; }
.equipment-rental-forecast dl div[b-jtgvkqsz2g] { display: flex; justify-content: space-between; gap: 1rem; }
.equipment-rental-forecast dd[b-jtgvkqsz2g] { margin: 0; font-weight: 700; }
.equipment-rental-forecast .total[b-jtgvkqsz2g] { padding-top: .7rem; border-top: 1px solid var(--fdc-color-border); }
.equipment-rental-form[b-jtgvkqsz2g], .equipment-rental-inline-form[b-jtgvkqsz2g] { display: grid; gap: 1rem; }
.equipment-rental-form-grid[b-jtgvkqsz2g] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; }
.equipment-rental-form fieldset[b-jtgvkqsz2g], .equipment-rental-inline-form fieldset[b-jtgvkqsz2g] { display: grid; gap: .85rem; border: 0; padding: 0; margin: 0; }
.equipment-rental-inline-form fieldset[b-jtgvkqsz2g] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.equipment-rental-form footer[b-jtgvkqsz2g], .equipment-rental-inline-form footer[b-jtgvkqsz2g] { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.equipment-rental-message[b-jtgvkqsz2g] { padding: .75rem 1rem; border-radius: var(--fdc-radius-md); background: var(--fdc-color-info-soft); }
.equipment-rental-invoices > header h4[b-jtgvkqsz2g] { margin: .2rem 0; }
.equipment-rental-invoices > header p[b-jtgvkqsz2g] { margin: .25rem 0 0; color: var(--fdc-color-text-muted); }
.equipment-rental-invoice-list[b-jtgvkqsz2g] { display: grid; gap: .75rem; margin-top: 1rem; }
.equipment-rental-invoice[b-jtgvkqsz2g] { display: grid; gap: .8rem; padding: .9rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: var(--fdc-color-background-secondary); }
.equipment-rental-invoice > header[b-jtgvkqsz2g] { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.equipment-rental-invoice > header strong[b-jtgvkqsz2g], .equipment-rental-invoice > header small[b-jtgvkqsz2g] { display: block; }
.equipment-rental-invoice > header small[b-jtgvkqsz2g] { margin-top: .2rem; color: var(--fdc-color-text-muted); }
.equipment-rental-invoice dl[b-jtgvkqsz2g] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; margin: 0; }
.equipment-rental-invoice dl div[b-jtgvkqsz2g] { padding: .65rem; border-radius: var(--fdc-radius-sm); background: var(--fdc-color-surface); }
.equipment-rental-invoice dt[b-jtgvkqsz2g] { color: var(--fdc-color-text-muted); font-size: .72rem; }
.equipment-rental-invoice dd[b-jtgvkqsz2g] { margin: .2rem 0 0; font-weight: 700; }
.equipment-rental-invoice dd.variance[b-jtgvkqsz2g] { color: var(--fdc-color-warning); }
.equipment-rental-invoice-actions[b-jtgvkqsz2g] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.equipment-rental-posted[b-jtgvkqsz2g] { display: inline-flex; align-items: center; gap: .4rem; color: var(--fdc-color-success); font-weight: 650; }
.equipment-rental-allocation-editor[b-jtgvkqsz2g] { display: grid; gap: .55rem; padding: .85rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: var(--fdc-color-background-secondary); }
.equipment-rental-allocation-editor > header strong[b-jtgvkqsz2g], .equipment-rental-allocation-editor > header small[b-jtgvkqsz2g] { display: block; }
.equipment-rental-allocation-editor > header small[b-jtgvkqsz2g] { margin-top: .2rem; color: var(--fdc-color-text-muted); }
.equipment-rental-allocation-editor > div[b-jtgvkqsz2g] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(9rem, 13rem); align-items: end; gap: .75rem; padding-top: .55rem; border-top: 1px solid var(--fdc-color-border); }
.equipment-rental-allocation-editor > div > span strong[b-jtgvkqsz2g], .equipment-rental-allocation-editor > div > span small[b-jtgvkqsz2g] { display: block; }
.equipment-rental-allocation-editor > div > span small[b-jtgvkqsz2g] { margin-top: .2rem; color: var(--fdc-color-text-muted); }
.equipment-rental-history > div[b-jtgvkqsz2g] { display: grid; gap: .55rem; }
.equipment-rental-history article[b-jtgvkqsz2g] { display: grid; grid-template-columns: auto 1fr auto; gap: .75rem; align-items: start; padding: .75rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); }
.equipment-rental-history article > span[b-jtgvkqsz2g] { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .6rem; background: var(--fdc-color-background-secondary); }
.equipment-rental-history strong[b-jtgvkqsz2g], .equipment-rental-history small[b-jtgvkqsz2g] { display: block; }
.equipment-rental-history small[b-jtgvkqsz2g] { color: var(--fdc-color-text-muted); margin-top: .15rem; }
.equipment-rental-history p[b-jtgvkqsz2g] { margin: .35rem 0 0; }
.equipment-rental-history .section-header[b-jtgvkqsz2g] { margin-bottom: .75rem; }
@media (max-width: 1050px) {
    .equipment-rental-overview[b-jtgvkqsz2g] { grid-template-columns: 1fr; }
    .equipment-rental-facts[b-jtgvkqsz2g], .equipment-rental-form-grid[b-jtgvkqsz2g] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .equipment-rental-steps[b-jtgvkqsz2g] { overflow-x: auto; grid-template-columns: repeat(7, minmax(6rem, 1fr)); padding-bottom: .4rem; }
}
@media (max-width: 620px) {
    .equipment-rental-heading[b-jtgvkqsz2g], .equipment-rental-primary header[b-jtgvkqsz2g] { display: grid; }
    .equipment-rental-facts[b-jtgvkqsz2g], .equipment-rental-form-grid[b-jtgvkqsz2g], .equipment-rental-inline-form fieldset[b-jtgvkqsz2g] { grid-template-columns: 1fr; }
    .equipment-rental-actions > *[b-jtgvkqsz2g] { flex: 1 1 100%; }
    .equipment-rental-unit[b-jtgvkqsz2g] { align-items: flex-start; }
    .equipment-rental-history article[b-jtgvkqsz2g] { grid-template-columns: auto 1fr; }
    .equipment-rental-history article > :last-child[b-jtgvkqsz2g] { grid-column: 2; }
    .equipment-rental-invoice dl[b-jtgvkqsz2g] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .equipment-rental-allocation-editor > div[b-jtgvkqsz2g] { grid-template-columns: 1fr; }
}
/* /Components/DesignSystem/EquipmentWorkspace.razor.rz.scp.css */
.equipment-page[b-0wos7h9js3] { display:flex; flex-direction:column; gap:var(--fdc-space-6); min-width:0; }
.equipment-page .page-header[b-0wos7h9js3] { margin:0; }
.equipment-form-fields[b-0wos7h9js3] { border:0; padding:0; margin:0; min-width:0; width:100%; }
.equipment-readiness[b-0wos7h9js3] { display:flex; align-items:center; gap:var(--fdc-space-3); color:var(--fdc-color-text-secondary); font-size:.875rem; }
.equipment-page[b-0wos7h9js3]  #equipment-detail,.equipment-page[b-0wos7h9js3]  #equipment-form { scroll-margin-top:var(--fdc-space-6); }
.equipment-metrics[b-0wos7h9js3] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--fdc-space-4); }
.equipment-page[b-0wos7h9js3]  .equipment-register,.equipment-page[b-0wos7h9js3]  .equipment-form-surface,.equipment-page[b-0wos7h9js3]  .equipment-detail,.equipment-page[b-0wos7h9js3]  .equipment-availability { display:flex; flex-direction:column; gap:var(--fdc-space-5); min-width:0; }
.equipment-availability-heading[b-0wos7h9js3] { display:flex; align-items:start; justify-content:space-between; gap:var(--fdc-space-4); flex-wrap:wrap; }
.equipment-availability-heading[b-0wos7h9js3]  .fdc-section-header { flex:1; min-width:min(100%,22rem); }
.equipment-reservation-form[b-0wos7h9js3] { display:flex; flex-direction:column; gap:var(--fdc-space-4); padding:var(--fdc-space-5); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-background-secondary); }
.equipment-reservation-form-heading[b-0wos7h9js3] { display:flex; align-items:start; justify-content:space-between; gap:var(--fdc-space-3); }
.equipment-reservation-form-heading h3[b-0wos7h9js3] { margin:var(--fdc-space-1) 0 0; font-size:1.125rem; }
.equipment-reservation-grid[b-0wos7h9js3] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.equipment-reservation-actions[b-0wos7h9js3] { margin-top:0; }
.equipment-toolbar[b-0wos7h9js3] { display:flex; align-items:end; gap:var(--fdc-space-3); flex-wrap:wrap; }
.equipment-toolbar label[b-0wos7h9js3] { min-width:8rem; }
.equipment-toolbar[b-0wos7h9js3]  .equipment-search { flex:1; min-width:10rem; }
.equipment-toolbar input[b-0wos7h9js3],.equipment-toolbar select[b-0wos7h9js3] { min-height:var(--fdc-tap-target); }
.equipment-filter-actions[b-0wos7h9js3] { display:flex; align-items:center; justify-content:center; gap:var(--fdc-space-3); margin-inline-start:auto; }
.equipment-filter-actions[b-0wos7h9js3]  .equipment-filter-apply { flex:0 0 auto; min-width:5.25rem; justify-content:center; border-radius:var(--fdc-radius-md); box-shadow:var(--fdc-shadow-sm); }
.equipment-filter-actions[b-0wos7h9js3]  .equipment-view-switcher { flex:0 0 auto; width:auto; padding:0; }
.equipment-register-count[b-0wos7h9js3],.equipment-pagination[b-0wos7h9js3] { display:flex; justify-content:space-between; align-items:center; gap:var(--fdc-space-3); color:var(--fdc-color-text-secondary); font-size:.8125rem; }
.equipment-pagination>div[b-0wos7h9js3] { display:flex; gap:var(--fdc-space-2); }
.equipment-card-view[b-0wos7h9js3] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--fdc-space-4); }
.equipment-phone-cards[b-0wos7h9js3] { display:none; }
.equipment-detail-heading[b-0wos7h9js3] { display:flex; justify-content:space-between; align-items:center; gap:var(--fdc-space-4); padding-bottom:var(--fdc-space-5); border-bottom:1px solid var(--fdc-color-border); flex-wrap:wrap; }
.equipment-detail-heading h2[b-0wos7h9js3] { margin:var(--fdc-space-2) 0 0; font-size:1.875rem; letter-spacing:-.03em; overflow-wrap:anywhere; }
.equipment-detail-meta[b-0wos7h9js3] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--fdc-space-6); }
.equipment-detail-tabs[b-0wos7h9js3] { display:flex; gap:var(--fdc-space-4); border-bottom:1px solid var(--fdc-color-border); }
.equipment-detail-tabs a[b-0wos7h9js3] { padding:var(--fdc-space-3) var(--fdc-space-2); min-height:var(--fdc-tap-target); color:var(--fdc-color-text-secondary); font-weight:500; }
.equipment-detail-tabs a[aria-current=page][b-0wos7h9js3] { color:var(--fdc-color-accent); border-bottom:2px solid var(--fdc-color-accent); }
.equipment-tab-count[b-0wos7h9js3] { display:inline-grid; place-items:center; min-width:1.35rem; height:1.35rem; padding:0 var(--fdc-space-1); border-radius:var(--fdc-radius-pill); background:var(--fdc-color-accent-soft); color:var(--fdc-color-accent); font-size:.6875rem; }
.equipment-detail-tabs[b-0wos7h9js3] { flex-wrap:wrap; }
.equipment-detail-tabs a[b-0wos7h9js3] { display:flex; flex-wrap:wrap; align-items:center; gap:var(--fdc-space-2); }
.equipment-connection-counts[b-0wos7h9js3] { display:inline-flex; flex-wrap:wrap; gap:var(--fdc-space-2); font-size:.75rem; }
.equipment-connection-counts > span[b-0wos7h9js3] { border-radius:var(--fdc-radius-pill); padding:var(--fdc-space-1) var(--fdc-space-2); background:var(--fdc-color-accent-soft); color:var(--fdc-color-accent); }
.equipment-connection-counts .equipment-released-count[b-0wos7h9js3] { background:var(--fdc-color-background-secondary); color:var(--fdc-color-text-secondary); }
.equipment-context[b-0wos7h9js3],.equipment-form-actions[b-0wos7h9js3],.equipment-job-relations[b-0wos7h9js3] { display:flex; align-items:center; gap:var(--fdc-space-3); flex-wrap:wrap; }
.equipment-context[b-0wos7h9js3] { padding:var(--fdc-space-3) var(--fdc-space-4); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-surface); font-size:.875rem; }
.equipment-form-actions[b-0wos7h9js3] { margin-top:var(--fdc-space-5); color:var(--fdc-color-text-secondary); }
.equipment-form-actions span[b-0wos7h9js3] { flex-basis:100%; font-size:.875rem; }
.equipment-job-connection[b-0wos7h9js3],.equipment-inline-form[b-0wos7h9js3],.equipment-history-event[b-0wos7h9js3] { padding:var(--fdc-space-4); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-surface-interactive); }
.equipment-job-relations[b-0wos7h9js3] { padding-top:var(--fdc-space-3); font-size:.875rem; }
.equipment-job-relations a[b-0wos7h9js3] { min-height:var(--fdc-tap-target); display:inline-flex; align-items:center; }
.equipment-inline-form .wide-field[b-0wos7h9js3] { grid-column:1/-1; }
.equipment-notes[b-0wos7h9js3] { white-space:pre-wrap; color:var(--fdc-color-text-secondary); }
.equipment-history-event summary[b-0wos7h9js3] { cursor:pointer; min-height:var(--fdc-tap-target); }
.equipment-history-event summary strong[b-0wos7h9js3],.equipment-history-event summary span[b-0wos7h9js3] { display:block; }
.equipment-history-event summary span[b-0wos7h9js3] { font-size:.8125rem; color:var(--fdc-color-text-secondary); margin:var(--fdc-space-2) 0; }
.equipment-snapshots[b-0wos7h9js3] { display:grid; grid-template-columns:1fr 1fr; gap:var(--fdc-space-4); margin-top:var(--fdc-space-4); }
.equipment-snapshots section[b-0wos7h9js3] { min-width:0; }
.equipment-snapshots pre[b-0wos7h9js3] { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--fdc-color-text-secondary); padding:var(--fdc-space-3); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-background-secondary); font-size:.75rem; }
.equipment-reservation-list[b-0wos7h9js3] { display:flex; flex-direction:column; gap:var(--fdc-space-2); }
.equipment-reservation-row[b-0wos7h9js3] { display:grid; grid-template-columns:5rem minmax(0,1fr) auto; align-items:center; gap:var(--fdc-space-4); min-height:var(--fdc-tap-target); padding:var(--fdc-space-3); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-surface-interactive); color:var(--fdc-color-text-primary); }
.equipment-reservation-row:hover[b-0wos7h9js3] { border-color:var(--fdc-color-accent); box-shadow:var(--fdc-shadow-sm); }
.equipment-reservation-row.has-conflict[b-0wos7h9js3] { border-color:color-mix(in srgb,var(--fdc-color-danger) 50%,var(--fdc-color-border)); }
.equipment-reservation-row > span:not(.fdc-status)[b-0wos7h9js3] { min-width:0; }
.equipment-reservation-row strong[b-0wos7h9js3],.equipment-reservation-row small[b-0wos7h9js3] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.equipment-reservation-row small[b-0wos7h9js3] { margin-top:var(--fdc-space-1); color:var(--fdc-color-text-secondary); font-size:.75rem; }
.equipment-reservation-date[b-0wos7h9js3] { padding-right:var(--fdc-space-3); border-right:1px solid var(--fdc-color-border); }
.equipment-reservation-timeline[b-0wos7h9js3] { margin-top:var(--fdc-space-3); padding:var(--fdc-space-4); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); }
.equipment-reservation-timeline h3[b-0wos7h9js3] { margin:0 0 var(--fdc-space-2); font-size:.875rem; }
.equipment-operations-hero[b-0wos7h9js3] { display:block; }
.equipment-custody-status[b-0wos7h9js3] { display:flex; flex-direction:column; gap:var(--fdc-space-4); min-width:0; padding:var(--fdc-space-5); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface); }
.equipment-custody-status>header[b-0wos7h9js3] { display:flex; justify-content:space-between; align-items:start; gap:var(--fdc-space-4); }
.equipment-custody-status h3[b-0wos7h9js3],.equipment-custody-status p[b-0wos7h9js3] { margin:0; }
.equipment-custody-status h3[b-0wos7h9js3] { margin-top:var(--fdc-space-1); font-size:1.125rem; }
.equipment-custody-facts[b-0wos7h9js3] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--fdc-space-4); margin:0; padding:var(--fdc-space-4); border-radius:var(--fdc-radius-md); background:var(--fdc-color-background-secondary); }
.equipment-custody-facts div[b-0wos7h9js3] { min-width:0; }
.equipment-custody-facts dt[b-0wos7h9js3] { color:var(--fdc-color-text-secondary); font-size:.72rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.equipment-custody-facts dd[b-0wos7h9js3] { margin:var(--fdc-space-1) 0 0; overflow-wrap:anywhere; font-size:.875rem; font-weight:600; }
.equipment-custody-empty[b-0wos7h9js3] { display:flex; align-items:start; gap:var(--fdc-space-3); padding:var(--fdc-space-4); border-radius:var(--fdc-radius-md); background:var(--fdc-color-background-secondary); }
.equipment-custody-empty>span[b-0wos7h9js3] { display:grid; place-items:center; width:2.5rem; height:2.5rem; flex:0 0 auto; border-radius:var(--fdc-radius-md); color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); }
.equipment-custody-empty strong[b-0wos7h9js3] { display:block; }
.equipment-custody-empty p[b-0wos7h9js3] { margin-top:var(--fdc-space-1); color:var(--fdc-color-text-secondary); font-size:.8125rem; line-height:1.5; }
.equipment-operation-actions[b-0wos7h9js3] { display:grid; grid-template-columns:repeat(auto-fit,minmax(13rem,1fr)); gap:var(--fdc-space-3); margin-top:auto; }
.equipment-custody-form[b-0wos7h9js3] { display:flex; flex-direction:column; gap:var(--fdc-space-5); padding:var(--fdc-space-5); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-background-secondary); }
.equipment-custody-form-grid[b-0wos7h9js3] { display:grid; grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr); align-items:start; gap:var(--fdc-space-5); }
.equipment-custody-fields[b-0wos7h9js3] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--fdc-space-3); }
.equipment-custody-fields[b-0wos7h9js3]  .fdc-form-field,.equipment-custody-notes[b-0wos7h9js3] { min-width:0; }
.equipment-custody-notes[b-0wos7h9js3] { grid-column:1/-1; display:flex; flex-direction:column; gap:var(--fdc-space-2); }
.equipment-custody-notes>span[b-0wos7h9js3] { font-size:.8125rem; font-weight:600; }
.equipment-custody-notes textarea[b-0wos7h9js3] { min-height:7rem; resize:vertical; padding:var(--fdc-space-3); }
.equipment-custody-submit[b-0wos7h9js3] { margin-top:0; }
.equipment-operations-history[b-0wos7h9js3] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--fdc-space-5); }
.equipment-operations-history>section[b-0wos7h9js3] { display:flex; flex-direction:column; gap:var(--fdc-space-4); min-width:0; padding:var(--fdc-space-5); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface); }
.equipment-inspection-history[b-0wos7h9js3] { display:flex; flex-direction:column; gap:var(--fdc-space-2); }
.equipment-inspection-history article[b-0wos7h9js3] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:var(--fdc-space-3); padding:var(--fdc-space-3); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface-interactive); }
.equipment-inspection-history-icon[b-0wos7h9js3] { display:grid; place-items:center; width:2rem; height:2rem; border-radius:var(--fdc-radius-sm); color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); }
.equipment-inspection-history strong[b-0wos7h9js3],.equipment-inspection-history small[b-0wos7h9js3] { display:block; }
.equipment-inspection-history small[b-0wos7h9js3],.equipment-inspection-history p[b-0wos7h9js3] { color:var(--fdc-color-text-secondary); font-size:.75rem; }
.equipment-inspection-history p[b-0wos7h9js3] { margin:var(--fdc-space-1) 0 0; line-height:1.45; }
@media(max-width:1100px) { .equipment-card-view[b-0wos7h9js3] { grid-template-columns:repeat(2,minmax(0,1fr)); } .equipment-metrics[b-0wos7h9js3] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:920px) { .equipment-operations-hero[b-0wos7h9js3],.equipment-custody-form-grid[b-0wos7h9js3],.equipment-operations-history[b-0wos7h9js3] { grid-template-columns:1fr; } }
@media(max-width:720px) { .equipment-card-view[b-0wos7h9js3],.equipment-phone-cards[b-0wos7h9js3] { display:grid; grid-template-columns:1fr; gap:var(--fdc-space-4); } .equipment-desktop-table[b-0wos7h9js3] { display:none; } .equipment-detail-meta[b-0wos7h9js3] { grid-template-columns:repeat(2,minmax(0,1fr)); } .equipment-toolbar[b-0wos7h9js3] { align-items:stretch; } .equipment-toolbar label[b-0wos7h9js3] { flex:1; } .equipment-toolbar[b-0wos7h9js3]  .equipment-search { flex-basis:100%; } .equipment-filter-actions[b-0wos7h9js3] { width:100%; margin-inline-start:0; justify-content:center; } .equipment-filter-actions[b-0wos7h9js3]  .equipment-filter-apply { flex:0 0 auto; } .equipment-filter-actions[b-0wos7h9js3]  .equipment-view-switcher { width:auto; } .equipment-snapshots[b-0wos7h9js3],.equipment-reservation-grid[b-0wos7h9js3],.equipment-custody-fields[b-0wos7h9js3] { grid-template-columns:1fr; } .equipment-custody-notes[b-0wos7h9js3] { grid-column:auto; } .equipment-reservation-row[b-0wos7h9js3] { grid-template-columns:4.25rem minmax(0,1fr); } .equipment-reservation-row[b-0wos7h9js3]  .fdc-status { grid-column:2; justify-self:start; } }
@media(max-width:520px) { .equipment-custody-facts[b-0wos7h9js3],.equipment-operation-actions[b-0wos7h9js3] { grid-template-columns:1fr; } .equipment-custody-status>header[b-0wos7h9js3] { flex-direction:column; } .equipment-inspection-history article[b-0wos7h9js3] { grid-template-columns:auto minmax(0,1fr); } .equipment-inspection-history article[b-0wos7h9js3]  .fdc-status { grid-column:2; justify-self:start; } }
@media(max-width:420px) { .equipment-detail-meta[b-0wos7h9js3] { grid-template-columns:1fr; } }
/* /Components/DesignSystem/LeadCard.razor.rz.scp.css */
.fdc-lead-card[b-10qury56a5] { display: grid; gap: var(--fdc-space-4); padding: var(--fdc-space-5); border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-lg); background: var(--fdc-color-surface); box-shadow: var(--fdc-shadow-sm); min-width: 0; transition: box-shadow var(--fdc-motion-standard), border-color var(--fdc-motion-standard); }
.fdc-lead-card:hover[b-10qury56a5], .fdc-lead-card:focus-within[b-10qury56a5] { box-shadow: var(--fdc-shadow-md); border-color: var(--fdc-color-border-strong); }
.fdc-lead-card header[b-10qury56a5], .fdc-lead-card footer[b-10qury56a5] { display: flex; align-items: center; justify-content: space-between; gap: var(--fdc-space-3); flex-wrap: wrap; }
.fdc-lead-value[b-10qury56a5] { color: var(--fdc-color-text); font-size: 1rem; font-variant-numeric: tabular-nums; }
.fdc-lead-card-content[b-10qury56a5] { display: grid; gap: var(--fdc-space-2); }
.fdc-lead-card-content > a[b-10qury56a5] { font-size: 1rem; font-weight: 700; color: var(--fdc-color-text); text-decoration: none; overflow-wrap: anywhere; }
.fdc-lead-card-content p[b-10qury56a5] { color: var(--fdc-color-text-secondary); font-size: .875rem; margin: 0; }
.fdc-lead-next[b-10qury56a5], .fdc-lead-card footer > span[b-10qury56a5], .fdc-lead-open[b-10qury56a5] { display: flex; align-items: center; gap: var(--fdc-space-2); font-size: .875rem; }
.fdc-lead-next[b-10qury56a5] { color: var(--fdc-color-text-secondary); }
.fdc-lead-card footer[b-10qury56a5] { border-top: 1px solid var(--fdc-color-border); padding-top: var(--fdc-space-4); color: var(--fdc-color-text-secondary); }
.fdc-lead-card footer .fdc-lead-overdue[b-10qury56a5] { color: var(--fdc-color-danger); font-weight: 600; }
.fdc-lead-owner > span[b-10qury56a5] { display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: var(--fdc-radius-pill); background: var(--fdc-color-accent-soft); color: var(--fdc-color-accent); font-weight: 700; font-size: .75rem; }
.fdc-lead-open[b-10qury56a5] { justify-content: space-between; min-height: var(--fdc-tap-target); color: var(--fdc-color-accent); text-decoration: none; font-weight: 600; }
@media(prefers-reduced-motion: reduce) { .fdc-lead-card[b-10qury56a5] { transition: none; } }
.fdc-lead-card[draggable="true"][b-10qury56a5] { cursor: grab; }
.fdc-lead-card.is-dragging[b-10qury56a5] { opacity: .6; cursor: grabbing; }
/* /Components/DesignSystem/LeadPipeline.razor.rz.scp.css */
.fdc-lead-pipeline[b-f2mzbcxj4b] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--fdc-space-6); align-items: start; }
.fdc-lead-column[b-f2mzbcxj4b] { min-width: 0; }
.fdc-lead-column > header[b-f2mzbcxj4b] { display: flex; align-items: center; justify-content: space-between; gap: var(--fdc-space-2); margin-bottom: var(--fdc-space-4); padding: 0 var(--fdc-space-1); }
.fdc-lead-column h3[b-f2mzbcxj4b] { font-size: .875rem; font-weight: 700; margin: 0; display: flex; align-items: center; gap: var(--fdc-space-2); }
.fdc-lead-column h3 span[b-f2mzbcxj4b] { border-radius: var(--fdc-radius-pill); background: var(--fdc-color-background-secondary); color: var(--fdc-color-text-secondary); padding: var(--fdc-space-1) var(--fdc-space-2); }
.fdc-lead-column small[b-f2mzbcxj4b] { color: var(--fdc-color-text-secondary); font-size: .875rem; }
.fdc-lead-column-cards[b-f2mzbcxj4b] { display: grid; gap: var(--fdc-space-4); }
.fdc-lead-column-empty[b-f2mzbcxj4b] { display: grid; place-items: center; padding: var(--fdc-space-6); min-height: 6rem; border: 2px dashed var(--fdc-color-border); border-radius: var(--fdc-radius-lg); font-size: .875rem; color: var(--fdc-color-text-secondary); }
@media(max-width: 1200px) { .fdc-lead-pipeline[b-f2mzbcxj4b] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width: 640px) { .fdc-lead-pipeline[b-f2mzbcxj4b] { grid-template-columns: minmax(0, 1fr); } }
.fdc-lead-column.is-drag-target[b-f2mzbcxj4b] { outline: 2px solid var(--fdc-color-accent); outline-offset: 2px; background: var(--fdc-color-accent-soft); }
/* /Components/DesignSystem/LinkedRecordRow.razor.rz.scp.css */
.fdc-linked-record[b-e4abaqbelx] { display: flex; align-items: center; gap: var(--fdc-space-3); padding: var(--fdc-space-3) 0; min-width: 0; }
.fdc-linked-record + .fdc-linked-record[b-e4abaqbelx] { border-top: 1px solid var(--fdc-color-border); }
.fdc-linked-record-icon[b-e4abaqbelx] { display: grid; place-items: center; flex: none; width: var(--fdc-tap-target); height: var(--fdc-tap-target); border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-sm); background: var(--fdc-color-background-secondary); color: var(--fdc-color-text-muted); }
.fdc-linked-record-copy[b-e4abaqbelx] { display: grid; gap: var(--fdc-space-1); min-width: 0; flex: 1; }
.fdc-linked-record-copy a[b-e4abaqbelx] { color: var(--fdc-color-text); font-size: 0.85rem; font-weight: 650; overflow-wrap: anywhere; }
.fdc-linked-record-copy a:hover[b-e4abaqbelx] { color: var(--fdc-color-accent); }
.fdc-linked-record-copy span[b-e4abaqbelx] { font-size: 0.74rem; color: var(--fdc-color-text-muted); overflow-wrap: anywhere; }
.fdc-linked-record-meta[b-e4abaqbelx] { display: grid; justify-items: end; gap: var(--fdc-space-1); max-width: 40%; overflow-wrap: anywhere; }
.fdc-linked-record-meta strong[b-e4abaqbelx] { color: var(--fdc-color-text); font-size: 0.85rem; }
@media (max-width: 480px) { .fdc-linked-record[b-e4abaqbelx] { flex-wrap: wrap; } .fdc-linked-record-meta[b-e4abaqbelx] { margin-left: calc(var(--fdc-tap-target) + var(--fdc-space-3)); max-width: 100%; justify-items: start; } }
/* /Components/DesignSystem/NorthVaultWordmark.razor.rz.scp.css */
.northvault-wordmark[b-2h5dqvzzof] {
    display: block;
    position: relative;
    width: min(100%, var(--northvault-wordmark-width, 20rem));
    height: var(--northvault-wordmark-height, 4.25rem);
    flex: none;
    overflow: hidden;
}

.northvault-wordmark img[b-2h5dqvzzof] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    max-width: none;
    transform: translate(-50%, -50%);
}
/* /Components/DesignSystem/QuoteCard.razor.rz.scp.css */
.fdc-quote-card[b-dy1trtcl1y] { display: grid; gap: var(--fdc-space-3); padding: var(--fdc-space-5); border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: var(--fdc-color-surface); min-width: 0; }
.fdc-quote-card:hover[b-dy1trtcl1y], .fdc-quote-card:focus-within[b-dy1trtcl1y] { border-color: var(--fdc-color-border-strong); background: var(--fdc-color-surface-interactive); }
.fdc-quote-card.selected[b-dy1trtcl1y] { border-color: var(--fdc-color-accent); }
.fdc-quote-card-top[b-dy1trtcl1y], .fdc-quote-card-bottom[b-dy1trtcl1y] { display: flex; align-items: center; gap: var(--fdc-space-2); }
.fdc-quote-card-top[b-dy1trtcl1y] { justify-content: space-between; flex-wrap: wrap; }
.fdc-quote-card-number[b-dy1trtcl1y] { font: 0.72rem ui-monospace, monospace; color: var(--fdc-color-text-muted); }
.fdc-quote-card-title[b-dy1trtcl1y] { display: flex; justify-content: space-between; align-items: start; gap: var(--fdc-space-3); color: var(--fdc-color-text); font-size: 1.05rem; font-weight: 650; letter-spacing: -0.025em; overflow-wrap: anywhere; text-decoration: none; }
.fdc-quote-card-title:hover[b-dy1trtcl1y] { color: var(--fdc-color-accent); }
.fdc-quote-card-title[b-dy1trtcl1y]  svg { flex: none; color: var(--fdc-color-text-muted); }
.fdc-quote-card-type[b-dy1trtcl1y] { font-size: 0.75rem; color: var(--fdc-color-text-secondary); }
.fdc-quote-card-amount[b-dy1trtcl1y] { font-size: 1.5rem; letter-spacing: -0.045em; font-variant-numeric: tabular-nums; color: var(--fdc-color-text); }
.fdc-quote-card-bottom[b-dy1trtcl1y] { padding-top: var(--fdc-space-3); border-top: 1px solid var(--fdc-color-border); font-size: 0.74rem; color: var(--fdc-color-text-muted); }
.fdc-quote-card-bottom small[b-dy1trtcl1y] { display: block; font-size: 0.68rem; margin-top: var(--fdc-space-1); }
.fdc-quote-card-bottom > a[b-dy1trtcl1y] { margin-left: auto; display: flex; gap: var(--fdc-space-2); align-items: center; min-height: var(--fdc-tap-target); color: var(--fdc-color-accent); font-weight: 600; }
.fdc-quote-card a:focus-visible[b-dy1trtcl1y] { outline: 2px solid var(--fdc-color-accent); outline-offset: 4px; border-radius: var(--fdc-radius-sm); }
/* /Components/DesignSystem/QuoteLineEditor.razor.rz.scp.css */
.fdc-quote-line-editor[b-nwd5mo2i4f] { padding: var(--fdc-space-4); border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: var(--fdc-color-background-secondary); }
.fdc-quote-line-main[b-nwd5mo2i4f] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(5rem, 0.5fr) minmax(7rem, 0.7fr); gap: var(--fdc-space-3); }
label[b-nwd5mo2i4f] { display: grid; gap: var(--fdc-space-2); font-weight: 550; font-size: 0.75rem; color: var(--fdc-color-text-secondary); min-width: 0; }
input[b-nwd5mo2i4f], select[b-nwd5mo2i4f] { width: 100%; min-width: 0; min-height: var(--fdc-tap-target); padding: var(--fdc-space-2) var(--fdc-space-3); border: 1px solid var(--fdc-color-border-strong); border-radius: var(--fdc-radius-sm); background: var(--fdc-color-surface); color: var(--fdc-color-text); font-size: 0.85rem; }
input:focus-visible[b-nwd5mo2i4f], select:focus-visible[b-nwd5mo2i4f], summary:focus-visible[b-nwd5mo2i4f], button:focus-visible[b-nwd5mo2i4f] { outline: 2px solid var(--fdc-color-accent); outline-offset: 2px; }
input:disabled[b-nwd5mo2i4f], select:disabled[b-nwd5mo2i4f] { opacity: 0.55; }
.fdc-quote-line-secondary[b-nwd5mo2i4f] { display: flex; align-items: start; gap: var(--fdc-space-3); margin-top: var(--fdc-space-3); }
details[b-nwd5mo2i4f] { flex: 1; min-width: 0; }
summary[b-nwd5mo2i4f] { display: flex; align-items: center; gap: var(--fdc-space-2); min-height: var(--fdc-tap-target); cursor: pointer; font-size: 0.75rem; color: var(--fdc-color-text-secondary); list-style: none; }
summary[b-nwd5mo2i4f]::-webkit-details-marker { display: none; }
details[open] summary[b-nwd5mo2i4f]  svg { transform: rotate(180deg); }
.fdc-quote-line-extra[b-nwd5mo2i4f] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--fdc-space-3); padding-top: var(--fdc-space-2); }
.fdc-quote-line-hint[b-nwd5mo2i4f] { margin: var(--fdc-space-3) 0 0; color: var(--fdc-color-text-muted); font-size: 0.75rem; line-height: 1.5; }
.fdc-quote-line-remove[b-nwd5mo2i4f] { min-height: var(--fdc-tap-target); min-width: var(--fdc-tap-target); display: grid; place-items: center; border: 1px solid var(--fdc-color-border); background: var(--fdc-color-surface); border-radius: var(--fdc-radius-sm); color: var(--fdc-color-danger); }
.fdc-quote-line-remove:hover:not(:disabled)[b-nwd5mo2i4f] { border-color: var(--fdc-color-danger); }
.fdc-quote-line-remove:disabled[b-nwd5mo2i4f] { opacity: 0.45; cursor: not-allowed; }
@media (max-width: 760px) { .fdc-quote-line-main[b-nwd5mo2i4f], .fdc-quote-line-extra[b-nwd5mo2i4f] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .description[b-nwd5mo2i4f] { grid-column: 1 / -1; } }
/* /Components/DesignSystem/QuotePricingTable.razor.rz.scp.css */
.fdc-quote-pricing[b-ah1nad4obo] { border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); overflow: hidden; margin: var(--fdc-space-5) 0; background: var(--fdc-color-surface); }
table[b-ah1nad4obo] { width: 100%; border-collapse: collapse; table-layout: fixed; color: var(--fdc-color-text); font-size: 0.8rem; }
caption[b-ah1nad4obo] { caption-side: top; padding: var(--fdc-space-3); color: var(--fdc-color-text-muted); font-size: 0.72rem; border-bottom: 1px solid var(--fdc-color-border); }
th[b-ah1nad4obo], td[b-ah1nad4obo] { padding: var(--fdc-space-3); vertical-align: top; border-bottom: 1px solid var(--fdc-color-border); overflow-wrap: anywhere; }
thead th[b-ah1nad4obo] { font-size: 0.7rem; font-weight: 600; text-transform: none; letter-spacing: 0; background: var(--fdc-color-background-secondary); color: var(--fdc-color-text-secondary); }
thead th:first-child[b-ah1nad4obo] { width: 46%; }
tbody td[b-ah1nad4obo] { color: var(--fdc-color-text-secondary); }
.quote-section-heading[b-ah1nad4obo] { background: var(--fdc-color-background-secondary); }
.quote-section-heading th[b-ah1nad4obo] { color: var(--fdc-color-text); font-weight: 650; }
td strong[b-ah1nad4obo] { font-weight: 600; color: var(--fdc-color-text); }
small[b-ah1nad4obo] { display: block; font-size: 0.7rem; color: var(--fdc-color-text-muted); margin-top: var(--fdc-space-1); }
.amount[b-ah1nad4obo] { text-align: right; font-variant-numeric: tabular-nums; }
tfoot[b-ah1nad4obo] { background: var(--fdc-color-background-secondary); }
tfoot th[b-ah1nad4obo] { font-weight: 500; color: var(--fdc-color-text-secondary); }
tfoot th[b-ah1nad4obo], tfoot td[b-ah1nad4obo] { border: 0; }
.grand-total th[b-ah1nad4obo], .grand-total td[b-ah1nad4obo] { border-top: 1px solid var(--fdc-color-border); font-weight: 650; color: var(--fdc-color-text); }
.fdc-quote-pricing-hint[b-ah1nad4obo] { margin: 0; padding: var(--fdc-space-3); border-top: 1px solid var(--fdc-color-border); color: var(--fdc-color-text-muted); font-size: 0.7rem; }
@media (max-width: 540px) {
 table[b-ah1nad4obo] { font-size: 0.72rem; }
 th[b-ah1nad4obo], td[b-ah1nad4obo] { padding: var(--fdc-space-2); }
 thead th:first-child[b-ah1nad4obo] { width: 35%; }
 thead th:nth-child(2)[b-ah1nad4obo] { width: 15%; }
 thead th:nth-child(3)[b-ah1nad4obo] { width: 22%; }
 thead th:last-child[b-ah1nad4obo], tfoot td[b-ah1nad4obo] { width: 28%; }
 td.amount[b-ah1nad4obo] { overflow-wrap: normal; }
}
/* /Components/DesignSystem/RetainageWorkspace.razor.rz.scp.css */
.retainage[b-2gvfw3mbfq]{display:grid;gap:var(--fdc-space-5);min-width:0;padding-bottom:var(--fdc-space-6)}
.retainage-header[b-2gvfw3mbfq],.retainage-actions[b-2gvfw3mbfq],.retainage-entry[b-2gvfw3mbfq]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--fdc-space-3)}
.retainage-header h1[b-2gvfw3mbfq],.retainage-card h2[b-2gvfw3mbfq],.retainage-card h3[b-2gvfw3mbfq]{margin:0}.retainage-header>div:first-child[b-2gvfw3mbfq]{flex:1;min-width:230px}.retainage-header p[b-2gvfw3mbfq]{max-width:64ch;margin:.5rem 0 0;line-height:1.6}
.retainage-actions[b-2gvfw3mbfq]{justify-content:flex-start}.retainage-actions .fdc-button[b-2gvfw3mbfq]{white-space:nowrap;word-break:normal;flex-shrink:0}
.retainage-notice[b-2gvfw3mbfq]{padding:var(--fdc-space-4);border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md);background:var(--fdc-color-surface);font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}.retainage-notice p[b-2gvfw3mbfq]{margin:.5rem 0 0}
.retainage-note[b-2gvfw3mbfq]{color:var(--fdc-color-text-secondary);font-size:.875rem;line-height:1.6;margin:0;overflow-wrap:anywhere}
.retainage-filter[b-2gvfw3mbfq]{display:grid;grid-template-columns:minmax(240px,1fr) 1fr;align-items:center;gap:var(--fdc-space-4)}
.retainage-card[b-2gvfw3mbfq]{display:grid;gap:var(--fdc-space-4);padding:var(--fdc-space-5);border:1px solid var(--fdc-color-border);background:var(--fdc-color-surface);border-radius:var(--fdc-radius-lg)}
.retainage-editor fieldset[b-2gvfw3mbfq]{border:0;padding:0;margin:0;min-width:0}.retainage-editor footer[b-2gvfw3mbfq]{margin-top:var(--fdc-space-5)}
.retainage-form-grid[b-2gvfw3mbfq]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--fdc-space-4)}
.retainage-table-wrap[b-2gvfw3mbfq]{overflow:auto;border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md)}
.retainage-table[b-2gvfw3mbfq]{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--fdc-color-surface)}
.retainage-table th[b-2gvfw3mbfq],.retainage-table td[b-2gvfw3mbfq]{padding:var(--fdc-space-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--fdc-color-border)}
.retainage-table th[b-2gvfw3mbfq]{background:var(--fdc-color-background);color:var(--fdc-color-text-secondary);white-space:nowrap}.retainage-table td:first-child[b-2gvfw3mbfq]{overflow-wrap:anywhere}
.retainage-table td>span[b-2gvfw3mbfq]{display:block;margin-top:.4rem;color:var(--fdc-color-text-secondary);line-height:1.5}.retainage-table td:not(:first-child) strong[b-2gvfw3mbfq]{white-space:nowrap;font-variant-numeric:tabular-nums}.retainage-table[b-2gvfw3mbfq]  .fdc-status{white-space:nowrap;word-break:normal}
.retainage-table tr:last-child td[b-2gvfw3mbfq]{border-bottom:0}.retainage-pages[b-2gvfw3mbfq]{justify-content:space-between;font-size:.875rem}
.retainage-metrics[b-2gvfw3mbfq]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fdc-space-4)}.retainage-metrics>div[b-2gvfw3mbfq]{display:grid;gap:.5rem;padding:var(--fdc-space-4);background:var(--fdc-color-background);border-radius:var(--fdc-radius-md)}.retainage-metrics strong[b-2gvfw3mbfq]{font-size:1.4rem;font-variant-numeric:tabular-nums}.retainage-metrics span[b-2gvfw3mbfq],.retainage-metrics small[b-2gvfw3mbfq]{color:var(--fdc-color-text-secondary);line-height:1.5}
.retainage-entry[b-2gvfw3mbfq]{padding:var(--fdc-space-4);border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md);align-items:flex-start}.retainage-entry>div:first-child[b-2gvfw3mbfq]{min-width:0;flex:1;overflow-wrap:anywhere}.retainage-entry p[b-2gvfw3mbfq]{margin:.5rem 0 0;color:var(--fdc-color-text-secondary);font-size:.875rem;line-height:1.6}
.sr-only[b-2gvfw3mbfq]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.retainage-confirm[b-2gvfw3mbfq]{display:flex;align-items:flex-start;gap:var(--fdc-space-3);margin-top:var(--fdc-space-4);line-height:1.6}.retainage-confirm input[b-2gvfw3mbfq]{margin-top:.3rem;min-width:18px;min-height:18px}.retainage-table .fdc-button[b-2gvfw3mbfq]{margin-top:var(--fdc-space-3)}
@media(max-width:1000px){.retainage-metrics[b-2gvfw3mbfq]{grid-template-columns:1fr}.retainage-metrics strong[b-2gvfw3mbfq]{font-size:1.25rem}}
@media(max-width:700px){.retainage-filter[b-2gvfw3mbfq],.retainage-form-grid[b-2gvfw3mbfq]{grid-template-columns:1fr}.retainage-card[b-2gvfw3mbfq]{padding:var(--fdc-space-4)}.retainage-header>div:first-child[b-2gvfw3mbfq]{min-width:0;flex-basis:100%}.retainage-table-wrap[b-2gvfw3mbfq]{overflow:visible;border:0}.retainage-table[b-2gvfw3mbfq],.retainage-table tbody[b-2gvfw3mbfq],.retainage-table tr[b-2gvfw3mbfq],.retainage-table td[b-2gvfw3mbfq]{display:block}.retainage-table[b-2gvfw3mbfq]{background:transparent}.retainage-table thead[b-2gvfw3mbfq]{display:none}.retainage-table tr[b-2gvfw3mbfq]{padding:var(--fdc-space-3);margin-bottom:var(--fdc-space-4);border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md);background:var(--fdc-color-surface)}.retainage-table td[b-2gvfw3mbfq]{border:0;padding:.5rem}.retainage-table td[b-2gvfw3mbfq]::before{content:attr(data-label);display:block;font-size:.75rem;color:var(--fdc-color-text-secondary);margin-bottom:.375rem}.retainage-entry[b-2gvfw3mbfq]{flex-direction:column}.retainage-history .fdc-button[b-2gvfw3mbfq]{align-self:flex-start}}
/* /Components/DesignSystem/SupplierPriceHistory.razor.rz.scp.css */
.supplier-history[b-g6fepbdev9]{display:grid;gap:var(--fdc-space-5);min-width:0;padding:var(--fdc-space-5);border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-lg);background:var(--fdc-color-surface)}
.supplier-header[b-g6fepbdev9],.supplier-actions[b-g6fepbdev9]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--fdc-space-3)}.supplier-header h2[b-g6fepbdev9],.supplier-card h3[b-g6fepbdev9]{margin:0}.supplier-header p[b-g6fepbdev9],.supplier-context p[b-g6fepbdev9]{margin:.5rem 0 0;line-height:1.6;color:var(--fdc-color-text-secondary)}
.supplier-actions[b-g6fepbdev9]{justify-content:flex-start}.supplier-actions button[b-g6fepbdev9]{min-height:44px;white-space:nowrap}.supplier-context[b-g6fepbdev9],.supplier-notice[b-g6fepbdev9]{padding:var(--fdc-space-4);border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md);background:var(--fdc-color-background);line-height:1.6}.supplier-context span[b-g6fepbdev9]{display:block;color:var(--fdc-color-text-secondary)}
.supplier-split[b-g6fepbdev9]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:var(--fdc-space-4);align-items:start}.supplier-card[b-g6fepbdev9]{display:grid;gap:var(--fdc-space-4);padding:var(--fdc-space-5);min-width:0;border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md);background:var(--fdc-color-surface);overflow-wrap:anywhere}.supplier-card p[b-g6fepbdev9]{margin:0;line-height:1.6}.supplier-card dl[b-g6fepbdev9]{margin:0;display:grid;gap:.5rem}.supplier-card dt[b-g6fepbdev9]{font-size:.8rem;color:var(--fdc-color-text-secondary)}.supplier-card dd[b-g6fepbdev9]{margin:0}.supplier-note[b-g6fepbdev9]{font-size:.875rem;color:var(--fdc-color-text-secondary);line-height:1.6}
.supplier-table-wrap[b-g6fepbdev9]{overflow:auto;border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md)}.supplier-table[b-g6fepbdev9]{width:100%;border-collapse:collapse;font-size:.875rem}.supplier-table th[b-g6fepbdev9],.supplier-table td[b-g6fepbdev9]{padding:var(--fdc-space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--fdc-color-border);overflow-wrap:anywhere}.supplier-table th[b-g6fepbdev9]{color:var(--fdc-color-text-secondary);background:var(--fdc-color-background)}.supplier-table td span[b-g6fepbdev9]{display:block;margin-top:.4rem}.supplier-table .supplier-price[b-g6fepbdev9]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.supplier-table tr.selected[b-g6fepbdev9]{background:var(--fdc-color-background)}.supplier-pages[b-g6fepbdev9]{margin-top:var(--fdc-space-4);justify-content:space-between}
.supplier-editor fieldset[b-g6fepbdev9]{border:0;margin:0;padding:0;min-width:0}.supplier-editor footer[b-g6fepbdev9]{margin-top:var(--fdc-space-5)}.supplier-form[b-g6fepbdev9]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--fdc-space-5);row-gap:var(--fdc-space-4);align-items:start}
.supplier-form[b-g6fepbdev9]  .fdc-form-field{display:grid;grid-template-columns:minmax(168px,.7fr) minmax(0,1fr);column-gap:var(--fdc-space-3);row-gap:var(--fdc-space-1);align-items:center;min-width:0}
.supplier-form[b-g6fepbdev9]  .fdc-form-field>label{grid-column:1;grid-row:1;text-align:right;padding:0 0 0 28px;line-height:1.4}
.supplier-form[b-g6fepbdev9]  .fdc-field-shell{grid-column:2;grid-row:1;min-width:0}
.supplier-form[b-g6fepbdev9]  .fdc-field-message{grid-column:2;grid-row:2;min-height:0}
.supplier-form[b-g6fepbdev9]  .fdc-field-message:empty,.supplier-form[b-g6fepbdev9]  .fdc-field-message:has(>span:empty){display:none}.supplier-form[b-g6fepbdev9]  .fdc-field{min-height:44px}.supplier-confirm[b-g6fepbdev9]{display:flex;align-items:center;gap:var(--fdc-space-3);min-height:44px;margin-top:var(--fdc-space-4)}.supplier-confirm input[b-g6fepbdev9]{min-width:20px;min-height:20px}.sr-only[b-g6fepbdev9]{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:1100px){.supplier-form[b-g6fepbdev9]{grid-template-columns:1fr}}@media(max-width:760px){.supplier-history[b-g6fepbdev9],.supplier-card[b-g6fepbdev9]{padding:var(--fdc-space-4)}.supplier-split[b-g6fepbdev9]{grid-template-columns:1fr}.supplier-form[b-g6fepbdev9]  .fdc-form-field{grid-template-columns:minmax(0,1fr);row-gap:var(--fdc-space-2)}.supplier-form[b-g6fepbdev9]  .fdc-form-field>label{grid-column:1;grid-row:1;text-align:left;padding:0 28px 0 0}.supplier-form[b-g6fepbdev9]  .fdc-field-shell{grid-column:1;grid-row:2}.supplier-form[b-g6fepbdev9]  .fdc-field-message{grid-column:1;grid-row:3}.supplier-table-wrap[b-g6fepbdev9]{overflow:visible;border:0}.supplier-table[b-g6fepbdev9],.supplier-table tbody[b-g6fepbdev9],.supplier-table tr[b-g6fepbdev9],.supplier-table td[b-g6fepbdev9]{display:block}.supplier-table thead[b-g6fepbdev9]{display:none}.supplier-table tr[b-g6fepbdev9]{border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md);margin-bottom:var(--fdc-space-4);padding:var(--fdc-space-3)}.supplier-table td[b-g6fepbdev9]{border:0;padding:.5rem}.supplier-table td[b-g6fepbdev9]::before{content:attr(data-label);display:block;color:var(--fdc-color-text-secondary);font-size:.75rem;margin-bottom:.375rem}.supplier-table .supplier-price[b-g6fepbdev9]{text-align:left}}
@media(max-width:760px){.supplier-editing[b-g6fepbdev9]{display:none}}
@media(min-width:761px) and (max-width:1100px){.supplier-table-wrap[b-g6fepbdev9]{overflow:visible;border:0}.supplier-table[b-g6fepbdev9],.supplier-table tbody[b-g6fepbdev9]{display:block}.supplier-table thead[b-g6fepbdev9]{display:none}.supplier-table tr[b-g6fepbdev9]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--fdc-color-border);border-radius:var(--fdc-radius-md);margin-bottom:var(--fdc-space-4);padding:var(--fdc-space-3)}.supplier-table td[b-g6fepbdev9]{display:block;border:0;padding:.5rem}.supplier-table td:first-child[b-g6fepbdev9]{grid-column:1/-1}.supplier-table td[b-g6fepbdev9]::before{content:attr(data-label);display:block;color:var(--fdc-color-text-secondary);font-size:.75rem;margin-bottom:.375rem}.supplier-table .supplier-price[b-g6fepbdev9]{white-space:normal;text-align:left}}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-zjh7yhnm1p] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--fdc-color-background);
    color: var(--fdc-color-text);
}

.skip-link[b-zjh7yhnm1p] {
    position: fixed;
    top: var(--fdc-space-3);
    left: var(--fdc-space-3);
    z-index: 1000;
    padding: 0.7rem 1rem;
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-accent);
    color: var(--fdc-color-on-accent);
    font-weight: 800;
    text-decoration: none;
    transform: translateY(-180%);
    transition: transform var(--fdc-motion-fast) var(--fdc-ease-standard);
}

.skip-link:focus[b-zjh7yhnm1p] {
    transform: translateY(0);
    box-shadow: var(--fdc-focus-ring);
}

main[b-zjh7yhnm1p] {
    flex: 1;
    min-width: 0;
}

.sidebar[b-zjh7yhnm1p] {
    position: relative;
    background: #f5f7fa;
    border-right: 1px solid var(--fdc-color-border);
}

.shell-edge-toggle[b-zjh7yhnm1p] {
    position: absolute;
    top: 5.35rem;
    right: -1.1rem;
    z-index: 45;
    width: 2.2rem;
    height: 2.2rem;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--fdc-color-border-strong);
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-surface-elevated);
    color: var(--fdc-color-text-muted);
    box-shadow: var(--fdc-shadow-sm);
    cursor: pointer;
    transition:
        color var(--fdc-motion-fast),
        border-color var(--fdc-motion-fast),
        background var(--fdc-motion-fast),
        box-shadow var(--fdc-motion-fast),
        transform var(--fdc-motion-fast);
}

.shell-edge-toggle:hover[b-zjh7yhnm1p] {
    border-color: color-mix(in srgb, var(--fdc-color-accent) 55%, var(--fdc-color-border));
    background: var(--fdc-color-accent-soft);
    color: var(--fdc-color-accent);
    box-shadow: var(--fdc-shadow-md);
    transform: translateX(1px);
}

.shell-edge-toggle:active[b-zjh7yhnm1p] {
    transform: scale(0.94);
}

.shell-edge-toggle:focus-visible[b-zjh7yhnm1p] {
    outline: 0;
    box-shadow: var(--fdc-focus-ring), var(--fdc-shadow-md);
}

.shell-edge-toggle[b-zjh7yhnm1p]  .sidebar-icon-expand {
    display: none;
}

.portal-main[b-zjh7yhnm1p] {
    min-width: 0;
    background: var(--fdc-color-background);
}

.app-topbar[b-zjh7yhnm1p] {
    position: sticky;
    top: 0;
    z-index: 30;
    min-height: var(--fdc-shell-header-height);
    display: grid;
    grid-template-columns: minmax(9rem, 12rem) minmax(14rem, 1fr) auto;
    align-items: center;
    gap: var(--fdc-space-3);
    padding: 0 var(--fdc-space-5);
    border-bottom: 1px solid color-mix(in srgb, var(--fdc-color-border) 82%, transparent);
    background: #f8fafc;
    backdrop-filter: blur(18px) saturate(140%);
}

.office-context[b-zjh7yhnm1p] {
    min-width: 10rem;
}

.office-context .eyebrow[b-zjh7yhnm1p] {
    color: var(--fdc-color-text-muted);
    font-size: 0.66rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-company[b-zjh7yhnm1p] {
    max-width: 13rem;
    overflow: hidden;
    color: var(--fdc-color-text);
    font-size: 0.93rem;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.global-search[b-zjh7yhnm1p] {
    min-width: 0;
    width: 100%;
}

.topbar-actions[b-zjh7yhnm1p] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--fdc-space-2);
}

.action-button[b-zjh7yhnm1p] {
    min-height: 2.55rem;
    padding-inline: 0.95rem;
    font-size: 0.82rem;
}

.sync-pill[b-zjh7yhnm1p] {
    min-height: 2.55rem;
    display: flex;
    align-items: center;
    gap: var(--fdc-space-2);
    padding: 0.35rem 0.72rem;
    border: 1px solid color-mix(in srgb, var(--fdc-color-success) 38%, var(--fdc-color-border));
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-success-soft);
    color: var(--fdc-color-success);
    white-space: nowrap;
}

.sync-pill > span[b-zjh7yhnm1p] {
    display: grid;
    gap: 0.05rem;
}

.sync-pill strong[b-zjh7yhnm1p],
.sync-pill small[b-zjh7yhnm1p] {
    font-size: 0.68rem;
    line-height: 1.05;
}

.sync-pill strong[b-zjh7yhnm1p] {
    font-weight: 850;
}

.sync-pill-sql[b-zjh7yhnm1p] {
    border-color: color-mix(in srgb, var(--fdc-color-info) 38%, var(--fdc-color-border));
    background: var(--fdc-color-info-soft);
    color: var(--fdc-color-info);
}

.menu-shell[b-zjh7yhnm1p] {
    position: relative;
}

.menu-shell summary[b-zjh7yhnm1p] {
    list-style: none;
    cursor: pointer;
}

.menu-shell summary[b-zjh7yhnm1p]::-webkit-details-marker {
    display: none;
}

.menu-panel[b-zjh7yhnm1p] {
    position: absolute;
    top: calc(100% + var(--fdc-space-2));
    right: 0;
    z-index: 40;
    width: 14rem;
    display: grid;
    gap: var(--fdc-space-1);
    padding: var(--fdc-space-2);
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-surface-elevated);
    box-shadow: var(--fdc-shadow-lg);
}

.menu-panel-wide[b-zjh7yhnm1p] {
    width: min(22rem, calc(100vw - 2rem));
    padding: var(--fdc-space-4);
}

.menu-panel a[b-zjh7yhnm1p],
.menu-profile[b-zjh7yhnm1p] {
    display: flex;
    align-items: center;
    gap: var(--fdc-space-2);
    min-height: 2.4rem;
    padding: 0.55rem 0.7rem;
    border-radius: var(--fdc-radius-sm);
    color: var(--fdc-color-text);
    font-size: 0.82rem;
    font-weight: 750;
    text-decoration: none;
}

.menu-panel a:hover[b-zjh7yhnm1p] {
    background: var(--fdc-color-surface-interactive);
}

.menu-profile[b-zjh7yhnm1p] {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.1rem;
    margin-bottom: var(--fdc-space-1);
    border-bottom: 1px solid var(--fdc-color-border);
    border-radius: 0;
}

.menu-profile span[b-zjh7yhnm1p] {
    color: var(--fdc-color-text-muted);
    font-size: 0.72rem;
}

.profile-summary[b-zjh7yhnm1p] {
    min-height: 2.55rem;
    display: flex;
    align-items: center;
    gap: var(--fdc-space-2);
    padding: 0.2rem 0.55rem 0.2rem 0.2rem;
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-surface);
}

.profile-summary span:last-child[b-zjh7yhnm1p] {
    display: grid;
    gap: 0.05rem;
}

.profile-summary strong[b-zjh7yhnm1p] {
    max-width: 8rem;
    overflow: hidden;
    color: var(--fdc-color-text);
    font-size: 0.78rem;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-summary small[b-zjh7yhnm1p] {
    color: var(--fdc-color-text-muted);
    font-size: 0.66rem;
}

.avatar[b-zjh7yhnm1p] {
    width: 2.05rem;
    height: 2.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-accent);
    color: var(--fdc-color-on-accent);
    font-size: 0.72rem;
    font-weight: 900;
}

.content[b-zjh7yhnm1p] {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: var(--fdc-space-6);
    outline: none;
}

@media (min-width: 1025px) {
    .page[b-zjh7yhnm1p] {
        flex-direction: row;
    }

    .sidebar[b-zjh7yhnm1p] {
        position: sticky;
        top: 0;
        z-index: 35;
        width: 268px;
        height: 100vh;
        flex: 0 0 268px;
        overflow: visible;
        transition: width var(--fdc-motion-standard) var(--fdc-ease-standard), flex-basis var(--fdc-motion-standard) var(--fdc-ease-standard);
    }

    .shell-edge-toggle[b-zjh7yhnm1p] {
        display: inline-flex;
    }

    .sidebar-collapsed .sidebar[b-zjh7yhnm1p] {
        width: 78px;
        flex-basis: 78px;
    }

    .sidebar-collapsed .sidebar[b-zjh7yhnm1p]  .portal-brand a span,
    .sidebar-collapsed .sidebar[b-zjh7yhnm1p]  .workspace-copy,
    .sidebar-collapsed .sidebar[b-zjh7yhnm1p]  .workspace-chevron,
    .sidebar-collapsed .sidebar[b-zjh7yhnm1p]  .nav-section {
        display: none;
    }

    .sidebar-collapsed .sidebar[b-zjh7yhnm1p]  .portal-brand,
    .sidebar-collapsed .sidebar[b-zjh7yhnm1p]  .workspace-switcher {
        justify-content: center;
        padding-inline: var(--fdc-space-2);
    }

    .sidebar-collapsed .sidebar[b-zjh7yhnm1p]  .workspace-switcher {
        display: flex;
    }

    .sidebar-collapsed .sidebar[b-zjh7yhnm1p]  .nav-menu {
        padding-inline: var(--fdc-space-3);
    }

    .sidebar-collapsed .sidebar[b-zjh7yhnm1p]  .nav-link {
        width: var(--fdc-tap-target);
        height: var(--fdc-tap-target);
        justify-content: center;
        padding: 0;
        overflow: hidden;
        font-size: 0;
    }

    .sidebar-collapsed .shell-edge-toggle[b-zjh7yhnm1p]  .sidebar-icon-collapse {
        display: none;
    }

    .sidebar-collapsed .shell-edge-toggle[b-zjh7yhnm1p]  .sidebar-icon-expand {
        display: inline-flex;
    }
}

@media (max-width: 1280px) {
    .app-topbar[b-zjh7yhnm1p] {
        display: flex;
        flex-wrap: wrap;
        min-height: var(--fdc-shell-header-height);
        padding-block: var(--fdc-space-3);
    }

    .global-search[b-zjh7yhnm1p] {
        order: 3;
        flex: 0 0 100%;
        max-width: none;
    }

    .office-context[b-zjh7yhnm1p] {
        flex: 1 1 12rem;
        min-width: 0;
    }

    .topbar-actions[b-zjh7yhnm1p] {
        flex: 0 1 auto;
    }

    .profile-summary strong[b-zjh7yhnm1p],
    .profile-summary small[b-zjh7yhnm1p] {
        display: none;
    }
}

@media (max-width: 1024px) {
    .sidebar[b-zjh7yhnm1p] {
        border-right: 0;
        border-bottom: 1px solid var(--fdc-color-border);
    }

    .shell-edge-toggle[b-zjh7yhnm1p] {
        display: none;
    }

    .app-topbar[b-zjh7yhnm1p] {
        position: relative;
        padding-inline: var(--fdc-space-4);
    }

    .content[b-zjh7yhnm1p] {
        padding: var(--fdc-space-5);
    }
}

@media (max-width: 640px) {
    .app-topbar[b-zjh7yhnm1p] {
        gap: var(--fdc-space-2);
    }

    .office-context[b-zjh7yhnm1p] {
        display: none;
    }

    .global-search[b-zjh7yhnm1p] {
        order: 2;
    }

    .topbar-actions[b-zjh7yhnm1p] {
        order: 1;
        width: 100%;
        justify-content: space-between;
    }

    .sync-pill > span[b-zjh7yhnm1p],
    .notification-menu[b-zjh7yhnm1p],
    .profile-summary span:last-child[b-zjh7yhnm1p] {
        display: none;
    }

    .sync-pill[b-zjh7yhnm1p],
    .profile-summary[b-zjh7yhnm1p] {
        width: 2.55rem;
        justify-content: center;
        padding: 0;
    }

    .content[b-zjh7yhnm1p] {
        padding: var(--fdc-space-4);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sidebar[b-zjh7yhnm1p],
    .skip-link[b-zjh7yhnm1p] {
        transition: none;
    }
}

#blazor-error-ui[b-zjh7yhnm1p] {
    color-scheme: light only;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0.6rem 1.25rem 0.7rem;
    background: #fff3cd;
    color: #172530;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
}

#blazor-error-ui .dismiss[b-zjh7yhnm1p] {
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
    cursor: pointer;
}

.candidate-read-only-notice[b-zjh7yhnm1p] {
    display: flex;
    align-items: center;
    gap: var(--fdc-space-2);
    margin-bottom: var(--fdc-space-4);
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.portal-brand[b-84n1gyubjc] {
    min-height: var(--fdc-shell-header-height);
    height: var(--fdc-shell-header-height);
    display: flex;
    align-items: center;
    padding: 0 var(--fdc-space-4);
    border-bottom: 1px solid var(--fdc-color-border);
    background: transparent;
}

.portal-brand a[b-84n1gyubjc] {
    display: inline-flex;
    align-items: center;
    gap: var(--fdc-space-3);
    color: var(--fdc-color-text);
    font-size: 0.9rem;
    font-weight: 850;
    text-decoration: none;
}

.portal-brand a span[b-84n1gyubjc] {
    display: grid;
    gap: 0.05rem;
}

.portal-brand a small[b-84n1gyubjc] {
    color: var(--fdc-color-text-muted);
    font-size: 0.65rem;
    font-weight: 750;
}

.portal-brand img[b-84n1gyubjc] {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: contain;
    filter: drop-shadow(0 2px 3px rgba(19, 47, 80, .13));
}

.workspace-switcher[b-84n1gyubjc] {
    min-height: 3.65rem;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--fdc-space-2);
    margin: var(--fdc-space-3) var(--fdc-space-3) var(--fdc-space-1);
    padding: 0.55rem 0.6rem;
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-surface-interactive);
    box-shadow: var(--fdc-shadow-sm);
}

.workspace-avatar[b-84n1gyubjc] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--fdc-radius-sm);
    background: var(--fdc-color-accent);
    color: var(--fdc-color-on-accent);
    font-size: 0.72rem;
    font-weight: 900;
}

.workspace-copy[b-84n1gyubjc] {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.workspace-copy strong[b-84n1gyubjc],
.workspace-copy small[b-84n1gyubjc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-copy strong[b-84n1gyubjc] {
    color: var(--fdc-color-text);
    font-size: 0.76rem;
    line-height: 1.15;
}

.workspace-copy small[b-84n1gyubjc] {
    color: var(--fdc-color-text-muted);
    font-size: 0.63rem;
}

.workspace-chevron[b-84n1gyubjc] {
    color: var(--fdc-color-text-muted);
}

.navbar-toggler[b-84n1gyubjc] {
    appearance: none;
    cursor: pointer;
    position: absolute;
    top: 0.8rem;
    right: var(--fdc-space-4);
    width: var(--fdc-tap-target);
    height: var(--fdc-tap-target);
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-pill);
    background:
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2824,37,48,.78%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M6 8h18M6 15h18M6 22h18'/%3e%3c/svg%3e") no-repeat center/1.5rem,
        var(--fdc-color-surface);
}

.navbar-toggler:focus-visible[b-84n1gyubjc] {
    outline: none;
    box-shadow: var(--fdc-focus-ring);
}

.navbar-toggler:checked[b-84n1gyubjc] {
    background-color: var(--fdc-color-surface-interactive);
}

.nav-scrollable[b-84n1gyubjc] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-84n1gyubjc] {
    display: block;
}

.nav-menu[b-84n1gyubjc] {
    display: grid;
    gap: 0.12rem;
    padding: var(--fdc-space-3);
}

.nav-section[b-84n1gyubjc] {
    margin: var(--fdc-space-5) 0 var(--fdc-space-1);
    padding-inline: 0.62rem;
    color: var(--fdc-color-text-muted);
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.nav-section:first-child[b-84n1gyubjc] {
    margin-top: var(--fdc-space-2);
}

[b-84n1gyubjc] .nav-link {
    position: relative;
    min-height: 2.6rem;
    display: flex;
    align-items: center;
    gap: var(--fdc-space-3);
    padding: 0.55rem 0.68rem;
    border-radius: 0.62rem;
    color: var(--fdc-color-text-secondary);
    font-size: 0.8rem;
    font-weight: 720;
    line-height: 1.2;
    text-decoration: none;
    transition:
        background-color var(--fdc-motion-fast) var(--fdc-ease-standard),
        color var(--fdc-motion-fast) var(--fdc-ease-standard),
        transform var(--fdc-motion-fast) var(--fdc-ease-standard);
}

[b-84n1gyubjc] .nav-link .nav-icon {
    flex: 0 0 auto;
    color: var(--fdc-color-text-muted);
    transition: color var(--fdc-motion-fast) var(--fdc-ease-standard);
}

[b-84n1gyubjc] a.active {
    background: var(--fdc-color-accent-soft);
    color: var(--fdc-color-text);
    box-shadow: inset 3px 0 0 var(--fdc-color-accent);
}

[b-84n1gyubjc] a.active .nav-icon {
    color: var(--fdc-color-accent);
}

[b-84n1gyubjc] .nav-link:hover {
    background: var(--fdc-color-surface-interactive);
    color: var(--fdc-color-text);
}

[b-84n1gyubjc] .nav-link:active {
    transform: scale(0.985);
}

[b-84n1gyubjc] .nav-link:focus-visible {
    outline: none;
    box-shadow: var(--fdc-focus-ring);
}

@media (min-width: 1025px) {
    .navbar-toggler[b-84n1gyubjc] {
        display: none;
    }

    .nav-scrollable[b-84n1gyubjc] {
        display: block;
        height: calc(100vh - 8.9rem);
        overflow-y: auto;
        scrollbar-width: none;
    }

    .nav-scrollable[b-84n1gyubjc]::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 1024px) {
    .workspace-switcher[b-84n1gyubjc] {
        max-width: 22rem;
    }

    .nav-menu[b-84n1gyubjc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-top: var(--fdc-space-2);
    }

    .nav-section[b-84n1gyubjc] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .nav-menu[b-84n1gyubjc] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-84n1gyubjc] .nav-link,
    [b-84n1gyubjc] .nav-link .nav-icon {
        transition: none;
    }
}
/* /Components/Layout/RolePreviewLayout.razor.rz.scp.css */
.role-preview-shell[b-l7x4fjijr9]{max-width:1380px;margin:0 auto;padding:0 24px 32px}
.role-preview-banner[b-l7x4fjijr9]{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;background:var(--fdc-color-background,#f4f6fa);border-bottom:1px solid var(--fdc-color-border,#d8e1ec)}
.role-preview-banner>div[b-l7x4fjijr9],.role-preview-banner-actions[b-l7x4fjijr9]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.role-preview-banner strong[b-l7x4fjijr9]{font-size:1rem;color:var(--fdc-color-text,#17314f)}.role-preview-banner span[b-l7x4fjijr9]{color:var(--fdc-color-text-muted,#59718a);font-size:.88rem}.role-preview-banner a[b-l7x4fjijr9]{min-height:44px}
@media(max-width:650px){.role-preview-shell[b-l7x4fjijr9]{padding:0 12px 24px}.role-preview-banner[b-l7x4fjijr9]{align-items:flex-start;gap:8px}.role-preview-banner>div:first-child[b-l7x4fjijr9]{gap:7px}.role-preview-banner span[b-l7x4fjijr9]{flex-basis:100%}.role-preview-banner-actions[b-l7x4fjijr9]{flex-wrap:nowrap}}
/* /Components/Pages/Office/AiPhotoStudio.razor.rz.scp.css */
.visual-studio-hero[b-xawcxkv9f4] {
    position: relative;
    overflow: hidden;
    padding: 1.35rem 1.45rem;
    border: 1px solid rgba(65, 194, 170, .24);
    border-radius: 1.1rem;
    background:
        radial-gradient(circle at 86% 20%, rgba(95, 163, 235, .22), transparent 28%),
        linear-gradient(135deg, #071a2c 0%, #0d2c50 58%, #1b4f86 100%);
    color: #fff;
    box-shadow: 0 18px 46px rgba(3, 18, 31, .16);
}

.visual-studio-hero[b-xawcxkv9f4]::after {
    content: "";
    position: absolute;
    inset: auto -5rem -7rem auto;
    width: 17rem;
    height: 17rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    box-shadow: 0 0 0 2.5rem rgba(255, 255, 255, .025), 0 0 0 5rem rgba(255, 255, 255, .018);
    pointer-events: none;
}

.visual-studio-hero h1[b-xawcxkv9f4] {
    margin-top: .35rem;
    color: #fff;
}

.visual-studio-hero p[b-xawcxkv9f4] {
    max-width: 52rem;
    color: rgba(236, 250, 249, .76);
}

.visual-studio-hero .page-actions[b-xawcxkv9f4] {
    position: relative;
    z-index: 1;
}

.visual-studio-hero .text-button[b-xawcxkv9f4] {
    border-color: rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.visual-ai-kicker[b-xawcxkv9f4] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #71e1cb;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.visual-workflow-steps[b-xawcxkv9f4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
    margin: 1rem 0;
    padding: .45rem;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--surface);
    box-shadow: 0 10px 24px rgba(8, 30, 48, .06);
}

.visual-workflow-step[b-xawcxkv9f4] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    padding: .65rem .75rem;
    border-radius: .75rem;
    color: var(--muted);
}

.visual-workflow-step > span[b-xawcxkv9f4] {
    display: grid;
    flex: 0 0 1.75rem;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: var(--surface-soft);
    font-size: .78rem;
    font-weight: 800;
}

.visual-workflow-step > div[b-xawcxkv9f4] {
    display: grid;
    min-width: 0;
}

.visual-workflow-step strong[b-xawcxkv9f4] {
    color: var(--text);
    font-size: .86rem;
}

.visual-workflow-step small[b-xawcxkv9f4] {
    overflow: hidden;
    font-size: .73rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.visual-workflow-step.active[b-xawcxkv9f4] {
    background: linear-gradient(135deg, rgba(27, 128, 112, .16), rgba(48, 129, 211, .08));
    color: var(--text);
}

.visual-workflow-step.active > span[b-xawcxkv9f4] {
    border-color: transparent;
    background: #205d9e;
    color: #fff;
}

.visual-workflow-step.complete > span[b-xawcxkv9f4] {
    border-color: transparent;
    background: #167c6c;
    color: #fff;
}

.visual-workflow-step.complete > span[b-xawcxkv9f4]::after {
    content: "✓";
}

.visual-workflow-step.complete > span[b-xawcxkv9f4] {
    font-size: 0;
}

.visual-workflow-step.complete > span[b-xawcxkv9f4]::after {
    font-size: .82rem;
}

.visual-scope-library[b-xawcxkv9f4],
.visual-studio-layout[b-xawcxkv9f4] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
    gap: 1rem;
    align-items: start;
}

.visual-studio-layout[b-xawcxkv9f4] {
    grid-template-columns: minmax(460px, 1.35fr) minmax(360px, .85fr);
}

.visual-canvas-panel[b-xawcxkv9f4] {
    position: sticky;
    top: 1rem;
    overflow: hidden;
    border-color: rgba(29, 128, 112, .22);
    box-shadow: 0 16px 44px rgba(8, 30, 48, .09);
}

.visual-tool-row[b-xawcxkv9f4],
.visual-save-actions[b-xawcxkv9f4] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: .85rem;
}

.visual-tool-row[b-xawcxkv9f4] {
    padding: .5rem;
    border: 1px solid var(--line);
    border-radius: .85rem;
    background: var(--surface-soft);
}

.visual-tool-row button[b-xawcxkv9f4],
.visual-save-actions button[b-xawcxkv9f4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
}

.visual-canvas-wrap[b-xawcxkv9f4] {
    position: relative;
    display: grid;
    width: 100%;
    min-height: 18rem;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(113, 225, 203, .2);
    border-radius: 1rem;
    background:
        radial-gradient(circle at center, rgba(31, 82, 105, .42), transparent 65%),
        linear-gradient(135deg, #07131f, #0b2334);
    touch-action: none;
    user-select: none;
}

.visual-canvas-wrap img[b-xawcxkv9f4] {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 74vh;
    margin: auto;
    object-fit: contain;
    pointer-events: none;
}

.visual-canvas-wrap canvas[b-xawcxkv9f4] {
    position: absolute;
    z-index: 2;
    cursor: crosshair;
}

.visual-source-badge[b-xawcxkv9f4],
.visual-expand-button[b-xawcxkv9f4] {
    position: absolute;
    z-index: 4;
    top: .75rem;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(4, 18, 29, .78);
    color: #f5fffd;
    font-size: .76rem;
    font-weight: 750;
    backdrop-filter: blur(10px);
}

.visual-source-badge[b-xawcxkv9f4] {
    left: .75rem;
    padding: .42rem .65rem;
    color: #84ead6;
    pointer-events: none;
}

.visual-expand-button[b-xawcxkv9f4] {
    right: .75rem;
    padding: .45rem .68rem;
    cursor: pointer;
}

.visual-expand-button:hover[b-xawcxkv9f4] {
    border-color: rgba(132, 234, 214, .7);
    background: rgba(18, 83, 75, .92);
}

.visual-canvas-wrap:fullscreen[b-xawcxkv9f4] {
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    border: 0;
    border-radius: 0;
    background: #02070c;
}

.visual-canvas-wrap:fullscreen img[b-xawcxkv9f4] {
    width: 100%;
    height: 100%;
    max-width: 96vw;
    max-height: 96vh;
    object-fit: contain;
}

.visual-canvas-help[b-xawcxkv9f4] {
    margin: .7rem 0 0;
    color: var(--muted);
    font-size: .9rem;
}

.visual-brief-column[b-xawcxkv9f4],
.visual-region-list[b-xawcxkv9f4] {
    display: grid;
    gap: 1rem;
}

.visual-brief-column > .panel[b-xawcxkv9f4] {
    border-color: rgba(29, 128, 112, .16);
    box-shadow: 0 10px 26px rgba(8, 30, 48, .055);
}

.visual-region-card[b-xawcxkv9f4] {
    position: relative;
    border: 1px solid var(--line);
    border-radius: .95rem;
    padding: .95rem;
    background: linear-gradient(145deg, var(--surface-soft), var(--surface));
    box-shadow: inset 3px 0 0 #ff6b35;
}

.visual-region-summary[b-xawcxkv9f4] {
    padding: 0;
}

.visual-region-open[b-xawcxkv9f4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    width: 100%;
    padding: .85rem .9rem;
    border: 0;
    background: transparent;
    color: var(--text);
    text-align: left;
    cursor: pointer;
}

.visual-region-summary-copy[b-xawcxkv9f4] {
    display: grid;
    gap: .16rem;
    min-width: 0;
}

.visual-region-summary-copy > small[b-xawcxkv9f4] {
    overflow: hidden;
    color: var(--muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.visual-region-reference-label[b-xawcxkv9f4] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    width: max-content;
    max-width: 100%;
    margin-top: .12rem;
    color: var(--muted) !important;
    font-size: .72rem;
}

.visual-region-reference-label.attached[b-xawcxkv9f4] {
    color: #167c6c !important;
    font-weight: 700;
}

.visual-region-open > span:nth-child(2)[b-xawcxkv9f4] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.visual-region-open small[b-xawcxkv9f4] {
    overflow: hidden;
    color: var(--muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.visual-region-number[b-xawcxkv9f4] {
    display: inline-grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 50%;
    background: linear-gradient(145deg, #ff7c45, #e75520);
    color: #fff;
    font-weight: 850;
    box-shadow: 0 5px 12px rgba(239, 108, 53, .24);
}

.visual-region-tip[b-xawcxkv9f4] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: .75rem 0 0;
    color: var(--muted);
    font-size: .82rem;
}

.visual-count-stack[b-xawcxkv9f4] {
    display: grid;
    justify-items: end;
    gap: .25rem;
}

.visual-count-stack small[b-xawcxkv9f4] {
    color: var(--muted);
    font-size: .72rem;
}

.visual-region-card:focus-within[b-xawcxkv9f4] {
    border-color: rgba(255, 107, 53, .56);
    box-shadow: inset 3px 0 0 #ff6b35, 0 0 0 3px rgba(255, 107, 53, .08);
}

.visual-region-heading[b-xawcxkv9f4] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.visual-region-heading > span[b-xawcxkv9f4] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: linear-gradient(145deg, #ff7c45, #e75520);
    color: white;
    font-weight: 800;
    box-shadow: 0 5px 12px rgba(239, 108, 53, .24);
}

.visual-region-card label[b-xawcxkv9f4],
.visual-brief-column > .panel > label[b-xawcxkv9f4] {
    display: grid;
    gap: .35rem;
    margin-top: .8rem;
    color: var(--muted);
    font-size: .86rem;
}

.visual-region-card textarea[b-xawcxkv9f4],
.visual-brief-column textarea[b-xawcxkv9f4] {
    min-height: 5.2rem;
}

.visual-reference-section[b-xawcxkv9f4] {
    display: grid;
    gap: .65rem;
    margin-top: .85rem;
    padding: .8rem;
    border: 1px dashed rgba(29, 128, 112, .34);
    border-radius: .8rem;
    background: rgba(31, 128, 112, .055);
}

.visual-reference-section .toolbar > div[b-xawcxkv9f4],
.visual-reference-preview > div[b-xawcxkv9f4] {
    display: grid;
    gap: .15rem;
}

.visual-reference-section small[b-xawcxkv9f4] {
    color: var(--muted);
}

.visual-reference-preview[b-xawcxkv9f4] {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: .7rem;
    align-items: center;
}

.visual-reference-image-button[b-xawcxkv9f4] {
    position: relative;
    width: 5.5rem;
    height: 5.5rem;
    overflow: hidden;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: .65rem;
    background: var(--surface-soft);
    cursor: zoom-in;
}

.visual-reference-image-button img[b-xawcxkv9f4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.visual-reference-image-button[b-xawcxkv9f4]  svg {
    position: absolute;
    right: .35rem;
    bottom: .35rem;
    padding: .2rem;
    border-radius: .3rem;
    background: rgba(3, 15, 25, .78);
    color: white;
    box-sizing: content-box;
}

.visual-reference-preview strong[b-xawcxkv9f4] {
    overflow-wrap: anywhere;
}

.visual-reference-actions[b-xawcxkv9f4] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.visual-reference-actions > *[b-xawcxkv9f4] {
    flex: 1 1 10rem;
}

.visual-file-button[b-xawcxkv9f4] {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .4rem !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    cursor: pointer;
}

.visual-file-button[b-xawcxkv9f4]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.visual-save-panel[b-xawcxkv9f4] {
    border-color: rgba(29, 128, 112, .32) !important;
    background: linear-gradient(135deg, rgba(29, 128, 112, .09), var(--surface));
}

.visual-save-panel p[b-xawcxkv9f4] {
    margin: .3rem 0 .85rem;
}

.visual-readiness-note[b-xawcxkv9f4] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin: 0 0 .85rem;
    padding: .65rem .75rem;
    border-radius: .7rem;
    background: rgba(31, 82, 105, .08);
    color: var(--muted);
    font-size: .86rem;
    line-height: 1.45;
}

.visual-readiness-note > :first-child[b-xawcxkv9f4] {
    flex: 0 0 auto;
    margin-top: .12rem;
    color: #167c6c;
}

.visual-save-actions[b-xawcxkv9f4] {
    margin: 0;
}

.visual-save-actions button[b-xawcxkv9f4] {
    flex: 1 1 13rem;
}

.visual-save-actions .visual-save-success[b-xawcxkv9f4] {
    border-color: #16806d;
    background: #16806d;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(22, 128, 109, .14);
}

.visual-save-actions .visual-save-error[b-xawcxkv9f4] {
    border-color: var(--red);
    color: var(--red);
    box-shadow: 0 0 0 3px rgba(196, 62, 62, .1);
}

.visual-render-card[b-xawcxkv9f4] {
    overflow: hidden;
}

.visual-render-image-button[b-xawcxkv9f4] {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: .9rem;
    background: #071321;
    cursor: zoom-in;
}

.visual-render-preview[b-xawcxkv9f4] {
    display: block;
    width: 100%;
    max-height: 34rem;
    object-fit: contain;
    background: #071321;
    transition: transform .2s ease;
}

.visual-render-image-button:hover .visual-render-preview[b-xawcxkv9f4] {
    transform: scale(1.012);
}

.visual-render-image-button > span[b-xawcxkv9f4] {
    position: absolute;
    right: .7rem;
    bottom: .7rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .65rem;
    border-radius: 999px;
    background: rgba(3, 15, 25, .78);
    color: #fff;
    font-size: .78rem;
    font-weight: 750;
    backdrop-filter: blur(9px);
}

.visual-render-load-failure[b-xawcxkv9f4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid rgba(192, 76, 61, .28);
    border-radius: .9rem;
    background: rgba(192, 76, 61, .07);
    color: var(--red);
}

.visual-render-load-failure > div[b-xawcxkv9f4] {
    display: grid;
    gap: .2rem;
}

.visual-render-load-failure span[b-xawcxkv9f4] {
    color: var(--muted);
    font-size: .82rem;
}

.visual-delivery-panel[b-xawcxkv9f4] {
    display: grid;
    gap: .8rem;
    padding: .9rem;
    border: 1px solid rgba(29, 128, 112, .28);
    border-radius: .9rem;
    background: linear-gradient(135deg, rgba(29, 128, 112, .1), var(--surface-soft));
}

.visual-delivery-heading[b-xawcxkv9f4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
}

.visual-delivery-heading > span:first-child[b-xawcxkv9f4] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .65rem;
    background: rgba(29, 128, 112, .16);
    color: #167c6c;
}

.visual-delivery-heading > div[b-xawcxkv9f4] {
    display: grid;
    gap: .15rem;
}

.visual-delivery-heading small[b-xawcxkv9f4],
.visual-delivery-panel > small[b-xawcxkv9f4] {
    color: var(--muted);
}

.visual-delivery-actions[b-xawcxkv9f4] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.visual-delivery-actions > *[b-xawcxkv9f4] {
    flex: 1 1 10rem;
}

.visual-share-confirmation[b-xawcxkv9f4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    justify-content: start;
    gap: .55rem;
    padding: .7rem;
    border: 1px solid var(--line);
    border-radius: .75rem;
    background: var(--surface);
    text-align: left;
}

.visual-share-confirmation input[b-xawcxkv9f4] {
    flex: 0 0 auto;
    margin: .18rem 0 0;
}

.visual-share-button[b-xawcxkv9f4] {
    width: 100%;
}

.visual-danger-action[b-xawcxkv9f4] {
    color: var(--red) !important;
}

.visual-region-dialog[b-xawcxkv9f4] {
    position: fixed;
    z-index: 9500;
    inset: 0;
    display: grid;
    align-items: end;
    justify-items: center;
    padding: 1rem;
    background: rgba(1, 7, 12, .72);
    backdrop-filter: blur(8px);
}

.visual-region-dialog-sheet[b-xawcxkv9f4] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(46rem, 100%);
    max-height: min(88vh, 58rem);
    overflow: hidden;
    border: 1px solid rgba(113, 225, 203, .24);
    border-radius: 1.15rem;
    background: var(--surface);
    box-shadow: 0 28px 90px rgba(0, 0, 0, .4);
}

.visual-region-dialog-sheet > header[b-xawcxkv9f4],
.visual-region-dialog-sheet > footer[b-xawcxkv9f4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .9rem 1rem;
}

.visual-region-dialog-sheet > header[b-xawcxkv9f4] {
    border-bottom: 1px solid var(--line);
    background: linear-gradient(135deg, rgba(29, 128, 112, .12), var(--surface));
}

.visual-region-dialog-sheet > footer[b-xawcxkv9f4] {
    border-top: 1px solid var(--line);
    background: var(--surface-soft);
}

.visual-region-dialog-sheet > footer button[b-xawcxkv9f4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-width: 8rem;
}

.visual-region-dialog-body[b-xawcxkv9f4] {
    display: grid;
    gap: .9rem;
    overflow-y: auto;
    padding: 1rem;
}

.visual-region-dialog-body > label[b-xawcxkv9f4],
.visual-region-dialog-body .form-grid > label[b-xawcxkv9f4] {
    display: grid;
    gap: .35rem;
    color: var(--muted);
    font-size: .86rem;
}

.visual-region-dialog-body textarea[b-xawcxkv9f4] {
    min-height: 6rem;
}

.visual-lightbox[b-xawcxkv9f4] {
    position: fixed;
    z-index: 10000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: clamp(.5rem, 2vw, 1.5rem);
    background: rgba(1, 7, 12, .92);
    backdrop-filter: blur(12px);
}

.visual-lightbox-content[b-xawcxkv9f4] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(96vw, 110rem);
    height: 94vh;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1rem;
    background: #06131f;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .45);
}

.visual-lightbox-toolbar[b-xawcxkv9f4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: #fff;
}

.visual-lightbox-toolbar > div[b-xawcxkv9f4] {
    display: grid;
    gap: .15rem;
}

.visual-lightbox-toolbar .icon-button[b-xawcxkv9f4] {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .1);
    color: #fff;
}

.visual-lightbox-toolbar .icon-button:hover[b-xawcxkv9f4] {
    border-color: rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .2);
    color: #fff;
}

.visual-lightbox-close > span[b-xawcxkv9f4] {
    display: block;
    color: inherit;
    font-size: 1.65rem;
    font-weight: 400;
    line-height: .75;
}

.visual-lightbox-content > img[b-xawcxkv9f4] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.visual-lightbox-error[b-xawcxkv9f4] {
    display: grid;
    align-content: center;
    justify-items: center;
    gap: .65rem;
    padding: 2rem;
    color: #fff;
    text-align: center;
}

.visual-lightbox-error span[b-xawcxkv9f4] {
    max-width: 34rem;
    color: rgba(255, 255, 255, .7);
}

.visual-photo-grid[b-xawcxkv9f4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: .8rem;
}

.visual-photo-card[b-xawcxkv9f4] {
    display: grid;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: .9rem;
    background: var(--surface-soft);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.visual-photo-card:hover[b-xawcxkv9f4] {
    border-color: var(--blue);
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(8, 30, 48, .1);
}

.visual-photo-card img[b-xawcxkv9f4] {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.visual-photo-card span[b-xawcxkv9f4] {
    display: grid;
    gap: .2rem;
    padding: .7rem;
}

.visual-photo-card small[b-xawcxkv9f4] {
    color: var(--muted);
}

@media (max-width: 1100px) {
    .visual-scope-library[b-xawcxkv9f4],
    .visual-studio-layout[b-xawcxkv9f4] {
        grid-template-columns: 1fr;
    }

    .visual-canvas-panel[b-xawcxkv9f4] {
        position: static;
    }
}

@media (max-width: 760px) {
    .visual-workflow-steps[b-xawcxkv9f4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .visual-workflow-step small[b-xawcxkv9f4] {
        display: none;
    }
}

@media (max-width: 620px) {
    .visual-studio-hero[b-xawcxkv9f4] {
        padding: 1rem;
    }

    .visual-tool-row button[b-xawcxkv9f4] {
        flex: 1 1 calc(50% - .55rem);
    }

    .visual-canvas-wrap[b-xawcxkv9f4] {
        min-height: 13rem;
        border-radius: .65rem;
    }

    .visual-expand-button span[b-xawcxkv9f4] {
        display: none;
    }

    .visual-reference-actions > *[b-xawcxkv9f4] {
        flex-basis: 100%;
    }

    .visual-lightbox-content[b-xawcxkv9f4] {
        width: 98vw;
        height: 92vh;
        border-radius: .7rem;
    }

    .visual-render-load-failure[b-xawcxkv9f4] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .visual-render-load-failure .text-button[b-xawcxkv9f4] {
        grid-column: 1 / -1;
    }

    .visual-region-dialog[b-xawcxkv9f4] {
        padding: 0;
    }

    .visual-region-dialog-sheet[b-xawcxkv9f4] {
        width: 100%;
        max-height: 94vh;
        border-radius: 1rem 1rem 0 0;
    }

    .visual-region-dialog-body[b-xawcxkv9f4] {
        padding: .85rem;
    }

    .visual-region-dialog-sheet > footer button[b-xawcxkv9f4] {
        flex: 1 1 0;
    }

    .visual-delivery-heading[b-xawcxkv9f4] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .visual-delivery-heading > .status[b-xawcxkv9f4] {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

.visual-dimensions[b-xawcxkv9f4] { margin: 0; padding: .9rem; border: 1px solid var(--line); border-radius: .75rem; min-width: 0; }
.visual-dimensions legend[b-xawcxkv9f4] { font-weight: 700; padding: 0 .35rem; }
.visual-dimension-fields[b-xawcxkv9f4] { display: grid; grid-template-columns: 1fr 1fr .8fr; gap: .75rem; margin-bottom: .5rem; }
.visual-dimension-fields label[b-xawcxkv9f4] { display: grid; gap: .35rem; min-width: 0; color: var(--muted); font-size: .86rem; }
.visual-dimension-fields input[b-xawcxkv9f4], .visual-dimension-fields select[b-xawcxkv9f4] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: .6rem .75rem; border: 1px solid var(--line-strong); border-radius: var(--fdc-radius-sm); background: var(--surface-soft); color: var(--text); }
@media (max-width: 640px) { .visual-dimension-fields[b-xawcxkv9f4] { grid-template-columns: 1fr; } }
/* /Components/Pages/Office/AiPhotoVisualOptions.razor.rz.scp.css */
.visual-options[b-qn1mw8ocr2], .visual-option-list[b-qn1mw8ocr2], .visual-option-editor[b-qn1mw8ocr2] { display: grid; gap: var(--fdc-space-3); min-width: 0; }
.visual-option-choice[b-qn1mw8ocr2] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.5rem; padding: .85rem 1rem; border: 1px solid var(--line); border-radius: var(--fdc-radius-md); background: var(--surface); cursor: pointer; }
.visual-option-choice.selected[b-qn1mw8ocr2] { border-color: var(--teal); background: var(--surface-soft); box-shadow: inset 3px 0 var(--teal); }
.visual-option-choice:focus-within[b-qn1mw8ocr2] { outline: 2px solid var(--teal); outline-offset: 2px; }
.visual-option-choice span[b-qn1mw8ocr2] { display: grid; gap: .25rem; min-width: 0; overflow-wrap: anywhere; }
.visual-option-choice small[b-qn1mw8ocr2] { color: var(--muted); }
.visual-option-choice input[b-qn1mw8ocr2] { flex: 0 0 auto; width: 1.15rem; height: 1.15rem; margin: 0; }
.visual-option-fields[b-qn1mw8ocr2] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.visual-option-editor label[b-qn1mw8ocr2] { display: grid; gap: .35rem; min-width: 0; color: var(--muted); font-size: .86rem; }
.visual-option-editor input[b-qn1mw8ocr2], .visual-option-editor textarea[b-qn1mw8ocr2] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: .6rem .75rem; border: 1px solid var(--line-strong); border-radius: var(--fdc-radius-sm); background: var(--surface-soft); color: var(--text); }
.visual-option-editor textarea[b-qn1mw8ocr2] { min-height: 6rem; resize: vertical; }
.visual-options > button[b-qn1mw8ocr2], .visual-option-editor > button[b-qn1mw8ocr2] { justify-self: start; min-height: 44px; }
@media (max-width: 640px) { .visual-option-fields[b-qn1mw8ocr2] { grid-template-columns: 1fr; } }
/* /Components/Pages/Office/Customers.razor.rz.scp.css */
/* Approved 21st.dev 9048 directory and 8248 detail hierarchy. Phone/tablet
   adaptations keep the same identity/metadata rhythm without a page-wide grid. */
.customers-page-header[b-feecg5l9np] { align-items: end; padding-bottom: var(--fdc-space-5); }
.customers-page-header h1[b-feecg5l9np] { letter-spacing: -0.045em; }
.customers-page-header .page-actions[b-feecg5l9np] { align-items: center; }
.customers-loading[b-feecg5l9np] { display: grid; gap: var(--fdc-space-4); }
.customers-directory[b-feecg5l9np] { display: grid; gap: var(--fdc-space-4); padding: var(--fdc-space-5); margin-bottom: var(--fdc-space-4); border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: var(--fdc-color-surface); }
.customers-directory-heading[b-feecg5l9np] { display: flex; align-items: center; justify-content: space-between; gap: var(--fdc-space-4); }
.customers-directory-heading h2[b-feecg5l9np] { margin: 0; font-size: 1.05rem; letter-spacing: -0.025em; }
.customers-directory-heading p[b-feecg5l9np] { margin: var(--fdc-space-1) 0 0; font-size: 0.76rem; color: var(--fdc-color-text-muted); }
.customers-filter-form[b-feecg5l9np] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.4fr) auto; align-items: end; gap: var(--fdc-space-3); }
.customers-search-field[b-feecg5l9np] { display: flex; gap: var(--fdc-space-2); align-items: center; min-width: 0; padding: 0 var(--fdc-space-3); min-height: var(--fdc-tap-target); border: 1px solid var(--fdc-color-border-strong); border-radius: var(--fdc-radius-sm); background: var(--fdc-color-background-secondary); }
.customers-search-field:focus-within[b-feecg5l9np] { box-shadow: var(--fdc-focus-ring); border-color: var(--fdc-color-accent); }
.customers-search-field[b-feecg5l9np]  svg { flex: none; color: var(--fdc-color-text-muted); }
.customers-search-field input[b-feecg5l9np] { min-width: 0; width: 100%; border: 0; box-shadow: none; outline: none; background: transparent; padding: var(--fdc-space-2) 0; font-size: 0.85rem; }
.customers-status-field[b-feecg5l9np] { display: grid; min-width: 0; gap: var(--fdc-space-1); font-size: 0.72rem; color: var(--fdc-color-text-muted); }
.customers-status-field select[b-feecg5l9np] { min-height: var(--fdc-tap-target); font-size: 0.85rem; background: var(--fdc-color-background-secondary); color: var(--fdc-color-text); border: 1px solid var(--fdc-color-border-strong); border-radius: var(--fdc-radius-sm); }
.customers-filter-actions[b-feecg5l9np] { display: flex; flex-wrap: wrap; gap: var(--fdc-space-2); }
.customers-table-surface[b-feecg5l9np] { min-width: 0; max-width: 100%; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-sm); overflow: hidden; background: var(--fdc-color-surface); }
.customers-table-scroll[b-feecg5l9np] { overflow-x: auto; max-width: 100%; overscroll-behavior-inline: contain; }
.customers-table[b-feecg5l9np] { min-width: 54rem; width: 100%; table-layout: fixed; border-collapse: collapse; }
.customers-table th[b-feecg5l9np] { padding: var(--fdc-space-3); color: var(--fdc-color-text-muted); background: var(--fdc-color-background-secondary); font-size: 0.68rem; font-weight: 600; text-transform: none; letter-spacing: 0; }
.customers-table td[b-feecg5l9np] { padding: var(--fdc-space-4) var(--fdc-space-3); vertical-align: middle; border-top: 1px solid var(--fdc-color-border); color: var(--fdc-color-text-secondary); font-size: 0.78rem; overflow-wrap: anywhere; }
.customers-table td strong[b-feecg5l9np] { font-size: 0.8rem; font-weight: 600; color: var(--fdc-color-text); }
.customers-table th:nth-child(1)[b-feecg5l9np] { width: 24%; }
.customers-table th:nth-child(2)[b-feecg5l9np] { width: 24%; }
.customers-table th:nth-child(3)[b-feecg5l9np] { width: 25%; }
.customers-table th:nth-child(4)[b-feecg5l9np] { width: 17%; }
.customers-table th:nth-child(5)[b-feecg5l9np] { width: 10%; }
.customers-table tbody tr:hover[b-feecg5l9np], .customers-table tbody tr:focus-within[b-feecg5l9np] { background: var(--fdc-color-surface-interactive); }
.customers-table td small[b-feecg5l9np] { display: block; margin-top: var(--fdc-space-1); font-size: 0.68rem; color: var(--fdc-color-text-muted); }
.customers-table-identity[b-feecg5l9np] { display: flex; align-items: center; gap: var(--fdc-space-2); }
.customers-table-identity > span[b-feecg5l9np] { display: grid; place-items: center; flex: none; width: 2rem; height: 2rem; border-radius: var(--fdc-radius-pill); background: var(--fdc-color-background-secondary); color: var(--fdc-color-text-muted); }
.customers-table-identity a[b-feecg5l9np] { color: var(--fdc-color-text); font-size: 0.87rem; font-weight: 650; }
.customers-table-identity a:hover[b-feecg5l9np] { color: var(--fdc-color-accent); }
.customers-open-work[b-feecg5l9np] { display: flex; flex-wrap: wrap; gap: var(--fdc-space-1) var(--fdc-space-2); font-size: 0.7rem; }
.customers-pagination[b-feecg5l9np] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--fdc-space-3); padding: var(--fdc-space-4) 0; color: var(--fdc-color-text-muted); font-size: 0.75rem; }
.customers-pagination > div[b-feecg5l9np] { display: flex; gap: var(--fdc-space-2); }
.customers-pagination [aria-disabled][b-feecg5l9np] { opacity: 0.45; cursor: default; }
.customers-card-grid[b-feecg5l9np] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--fdc-space-4); }
.customers-list-cards[b-feecg5l9np] { display: none; }
.customer-account-details[b-feecg5l9np] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--fdc-space-6); }
.customer-account-grid[b-feecg5l9np] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--fdc-space-5); }
.customer-account-pulse[b-feecg5l9np] { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--fdc-space-3); }
.customer-account-grid[b-feecg5l9np]  .wide { grid-column: 1 / -1; }
.customer-account-grid[b-feecg5l9np]  .command-card { grid-column: auto; min-width: 0; border-radius: var(--fdc-radius-md); background: var(--fdc-color-surface); }
.customer-account-grid[b-feecg5l9np]  .command-card.wide { grid-column: 1 / -1; }
.customer-account-grid[b-feecg5l9np]  .workspace-card-body { padding: var(--fdc-space-5); }
.customer-account-grid[b-feecg5l9np]  .detail-list > div { background: var(--fdc-color-background-secondary); }
.customer-account-grid[b-feecg5l9np]  .command-list-row strong, .customer-account-grid[b-feecg5l9np]  .command-list-row .muted { overflow-wrap: anywhere; }
.customer-account-grid[b-feecg5l9np]  .compact-editor { margin-top: var(--fdc-space-4); }
@media (max-width: 1100px) { .customers-card-grid[b-feecg5l9np] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .customer-account-details[b-feecg5l9np] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) {
    .customers-table-surface[b-feecg5l9np] { display: none; }
    .customers-list-cards[b-feecg5l9np] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--fdc-space-4); }
    .customers-page-header[b-feecg5l9np], .customers-directory-heading[b-feecg5l9np] { align-items: start; flex-direction: column; }
    .customers-directory[b-feecg5l9np] { padding: var(--fdc-space-4); }
    .customers-filter-form[b-feecg5l9np] { grid-template-columns: minmax(0, 1fr); }
    .customers-card-grid[b-feecg5l9np], .customer-account-grid[b-feecg5l9np] { grid-template-columns: minmax(0, 1fr); }
    .customer-account-pulse[b-feecg5l9np] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .customer-account-details[b-feecg5l9np] { gap: var(--fdc-space-5); }
}
@media (max-width: 320px) { .customer-account-details[b-feecg5l9np] { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .customers-search-field[b-feecg5l9np] { transition: none; } }
/* /Components/Pages/Office/Dashboard.razor.rz.scp.css */
/*
 * 21st.dev reference composition:
 * - Builder OS Bento (drewsephski): restrained command-center hierarchy and live pulse
 * - Progress Metric Card (makviesainte): large KPI value, compact label, state accent
 * - Chrono Board (dhileepkumargm): connected operational activity timeline
 * - Quick Actions Grid Drawer (cnippet-dev): touch-friendly action anatomy on narrow screens
 * Ported to Razor with FieldDocs tokens, workflows, accessibility, and responsive behavior.
 */
.dashboard-page[b-xk3ll9ut13] {
    --mission-night: #e7f0fb;
    --mission-night-elevated: #f3f7fd;
    --mission-night-border: rgba(47, 86, 132, 0.18);
    --mission-night-muted: #526780;
    --mission-teal: #205d9e;
    --mission-warm: #e0b86d;
    gap: var(--fdc-space-6);
    padding-bottom: var(--fdc-space-10);
}

.mission-hero[b-xk3ll9ut13] {
    position: relative;
    isolation: isolate;
    min-height: 15.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(22rem, 0.8fr);
    align-items: stretch;
    gap: clamp(1.25rem, 3vw, 3rem);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    overflow: hidden;
    border: 1px solid #c9dbef;
    border-radius: calc(var(--fdc-radius-xl) + 0.25rem);
    background:
        radial-gradient(circle at 12% 18%, rgba(125, 181, 236, 0.28), transparent 27rem),
        radial-gradient(circle at 93% 110%, rgba(88, 144, 209, 0.2), transparent 25rem),
        linear-gradient(138deg, #f8fbff 0%, var(--mission-night) 58%, #d9e8f9 100%);
    color: #14243a;
    box-shadow: 0 18px 44px rgba(30, 65, 108, 0.1);
}

.mission-hero[b-xk3ll9ut13]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: 0.18;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 2.25rem 2.25rem;
    mask-image: linear-gradient(110deg, black, transparent 70%);
}

.mission-hero-copy[b-xk3ll9ut13] {
    align-self: center;
    min-width: 0;
    max-width: 52rem;
}

.mission-kicker[b-xk3ll9ut13] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--fdc-space-2);
    color: var(--mission-teal);
    font-size: 0.69rem;
    font-weight: 850;
    letter-spacing: 0.095em;
    text-transform: uppercase;
}

.mission-live-dot[b-xk3ll9ut13] {
    position: relative;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: var(--fdc-radius-pill);
    background: var(--mission-teal);
    box-shadow: 0 0 0 0 rgba(32, 93, 158, 0.34);
    animation: mission-pulse-b-xk3ll9ut13 2.6s ease-out infinite;
}

.mission-date[b-xk3ll9ut13] {
    margin-left: var(--fdc-space-2);
    padding-left: var(--fdc-space-3);
    border-left: 1px solid rgba(47, 86, 132, 0.2);
    color: var(--mission-night-muted);
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: none;
}

.mission-hero h1[b-xk3ll9ut13] {
    max-width: 18ch;
    margin: var(--fdc-space-3) 0 var(--fdc-space-3);
    color: #14243a;
    font-size: clamp(2.25rem, 4vw, 3.75rem);
    font-weight: 740;
    line-height: 0.96;
    letter-spacing: -0.065em;
}

.mission-hero-copy > p[b-xk3ll9ut13] {
    max-width: 55ch;
    margin: 0;
    color: var(--mission-night-muted);
    font-size: clamp(0.92rem, 1.4vw, 1.04rem);
    line-height: 1.65;
}

.mission-pulse[b-xk3ll9ut13] {
    align-self: stretch;
    display: grid;
    align-content: space-between;
    gap: var(--fdc-space-5);
    padding: clamp(1.15rem, 2vw, 1.5rem);
    border: 1px solid var(--mission-night-border);
    border-radius: var(--fdc-radius-xl);
    background: rgba(255, 255, 255, 0.62);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(16px);
}

.mission-pulse-header[b-xk3ll9ut13],
.coverage-row[b-xk3ll9ut13] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fdc-space-4);
}

.mission-pulse-header > div[b-xk3ll9ut13],
.coverage-row > div:first-child[b-xk3ll9ut13] {
    display: grid;
    gap: 0.25rem;
}

.mission-pulse-label[b-xk3ll9ut13],
.coverage-row span:first-child[b-xk3ll9ut13] {
    color: var(--mission-night-muted);
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.mission-pulse-header strong[b-xk3ll9ut13] {
    color: #14243a;
    font-size: 0.94rem;
}

.live-status[b-xk3ll9ut13] {
    display: inline-flex;
    align-items: center;
    gap: var(--fdc-space-2);
    padding: 0.34rem 0.64rem;
    border: 1px solid rgba(32, 93, 158, 0.22);
    border-radius: var(--fdc-radius-pill);
    background: rgba(32, 93, 158, 0.09);
    color: var(--mission-teal);
    font-size: 0.68rem;
    font-weight: 800;
}

.live-status > span[b-xk3ll9ut13] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: var(--fdc-radius-pill);
    background: var(--mission-teal);
}

.mission-pulse-grid[b-xk3ll9ut13] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-block: 1px solid var(--mission-night-border);
}

.mission-pulse-grid > div[b-xk3ll9ut13] {
    min-width: 0;
    display: grid;
    gap: 0.35rem;
    padding: var(--fdc-space-4) var(--fdc-space-3);
    border-right: 1px solid var(--mission-night-border);
}

.mission-pulse-grid > div:first-child[b-xk3ll9ut13] { padding-left: 0; }
.mission-pulse-grid > div:last-child[b-xk3ll9ut13] { padding-right: 0; border-right: 0; }

.mission-pulse-grid span[b-xk3ll9ut13] {
    color: var(--mission-night-muted);
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1.25;
}

.mission-pulse-grid strong[b-xk3ll9ut13] {
    color: #14243a;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: -0.04em;
}

.coverage-row small[b-xk3ll9ut13] {
    color: var(--mission-night-muted);
    font-size: 0.68rem;
}

.coverage-ring[b-xk3ll9ut13] {
    --mission-progress: 0deg;
    position: relative;
    width: 3.65rem;
    height: 3.65rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(var(--mission-teal) var(--mission-progress), rgba(255, 255, 255, 0.1) 0);
}

.coverage-ring[b-xk3ll9ut13]::before {
    content: "";
    position: absolute;
    inset: 0.28rem;
    border-radius: 50%;
    background: var(--mission-night-elevated);
}

.coverage-ring span[b-xk3ll9ut13] {
    position: relative;
    z-index: 1;
    color: #14243a;
    font-size: 0.7rem;
    font-weight: 850;
}

.mission-loading[b-xk3ll9ut13],
.executive-metrics[b-xk3ll9ut13] {
    display: grid;
    gap: var(--fdc-space-4);
}

.mission-loading-metrics[b-xk3ll9ut13],
.primary-metric-grid[b-xk3ll9ut13],
.signal-rail[b-xk3ll9ut13] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--fdc-space-3);
}

.mission-loading-grid[b-xk3ll9ut13] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(20rem, 0.8fr);
    gap: var(--fdc-space-4);
}

.mission-section-heading[b-xk3ll9ut13],
.mission-card-heading[b-xk3ll9ut13] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--fdc-space-4);
}

.mission-section-heading > div[b-xk3ll9ut13],
.mission-card-heading > div[b-xk3ll9ut13] {
    min-width: 0;
}

.mission-section-heading h2[b-xk3ll9ut13],
.mission-card-heading h2[b-xk3ll9ut13] {
    margin: 0;
    color: var(--fdc-color-text);
    letter-spacing: -0.026em;
}

.mission-section-heading h2[b-xk3ll9ut13] {
    margin-top: 0.18rem;
    font-size: clamp(1.25rem, 2vw, 1.55rem);
}

.mission-section-kicker[b-xk3ll9ut13] {
    color: var(--fdc-color-accent);
    font-size: 0.63rem;
    font-weight: 850;
    letter-spacing: 0.085em;
    text-transform: uppercase;
}

.mission-updated[b-xk3ll9ut13] {
    display: inline-flex;
    align-items: center;
    gap: var(--fdc-space-2);
    padding: 0.4rem 0.68rem;
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-surface-interactive);
    color: var(--fdc-color-text-muted);
    font-size: 0.68rem;
    font-weight: 750;
    white-space: nowrap;
}

.signal-rail[b-xk3ll9ut13] {
    gap: var(--fdc-space-2);
}

.dashboard-flow[b-xk3ll9ut13] {
    display: grid;
    gap: var(--fdc-space-4);
}

.dashboard-pair[b-xk3ll9ut13] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--fdc-space-4);
    align-items: stretch;
}

.mission-card[b-xk3ll9ut13] {
    min-width: 0;
    height: 100%;
    display: grid;
    align-content: start;
    gap: var(--fdc-space-4);
    padding: var(--fdc-space-5);
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-xl);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--fdc-color-surface) 96%, var(--fdc-color-accent-soft)), var(--fdc-color-surface));
    box-shadow: var(--fdc-shadow-sm);
}

.mission-card-heading h2[b-xk3ll9ut13] {
    display: flex;
    align-items: center;
    gap: var(--fdc-space-2);
    margin-top: 0.24rem;
    font-size: 1.05rem;
}

.mission-card-heading h2[b-xk3ll9ut13]  .icon-shell {
    color: var(--fdc-color-accent);
}

.mission-card-heading p[b-xk3ll9ut13] {
    margin: var(--fdc-space-1) 0 0;
    color: var(--fdc-color-text-muted);
    font-size: 0.73rem;
    line-height: 1.45;
}

.compact-heading[b-xk3ll9ut13] {
    margin-bottom: 0;
}

.mission-link[b-xk3ll9ut13],
.mission-footer-link[b-xk3ll9ut13] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--fdc-space-1);
    min-height: 2rem;
    color: var(--fdc-color-accent);
    font-size: 0.69rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.mission-link:hover[b-xk3ll9ut13],
.mission-footer-link:hover[b-xk3ll9ut13] {
    color: var(--fdc-color-accent-hover);
}

.mission-footer-link[b-xk3ll9ut13] {
    justify-self: start;
    margin-top: auto;
}

.dispatch-list[b-xk3ll9ut13],
.attention-list[b-xk3ll9ut13],
.technician-list[b-xk3ll9ut13],
.activity-feed[b-xk3ll9ut13],
.pipeline-groups[b-xk3ll9ut13] {
    display: grid;
}

.dispatch-list[b-xk3ll9ut13],
.attention-list[b-xk3ll9ut13] {
    border-block: 1px solid var(--fdc-color-border);
}

.dispatch-row[b-xk3ll9ut13] {
    min-width: 0;
    display: grid;
    grid-template-columns: 4.65rem 0.65rem minmax(10rem, 1.35fr) minmax(8rem, 0.75fr) auto 1rem;
    align-items: center;
    gap: var(--fdc-space-3);
    min-height: 4.45rem;
    padding: var(--fdc-space-2) 0;
    border-bottom: 1px solid var(--fdc-color-border);
    color: var(--fdc-color-text);
    text-decoration: none;
    transition: background-color var(--fdc-motion-fast) var(--fdc-ease-standard);
}

.dispatch-row:last-child[b-xk3ll9ut13] { border-bottom: 0; }

.dispatch-row:hover[b-xk3ll9ut13] {
    margin-inline: calc(var(--fdc-space-2) * -1);
    padding-inline: var(--fdc-space-2);
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-surface-interactive);
    color: var(--fdc-color-text);
}

.dispatch-time[b-xk3ll9ut13] {
    color: var(--fdc-color-text-secondary);
    font-size: 0.69rem;
    font-weight: 800;
    white-space: nowrap;
}

.dispatch-marker[b-xk3ll9ut13],
.priority-indicator[b-xk3ll9ut13] {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-info);
    box-shadow: 0 0 0 0.25rem var(--fdc-color-info-soft);
}

.dispatch-marker.success[b-xk3ll9ut13],
.priority-indicator.success[b-xk3ll9ut13] { background: var(--fdc-color-success); box-shadow: 0 0 0 0.25rem var(--fdc-color-success-soft); }
.dispatch-marker.warning[b-xk3ll9ut13],
.priority-indicator.warning[b-xk3ll9ut13] { background: var(--fdc-color-warning); box-shadow: 0 0 0 0.25rem var(--fdc-color-warning-soft); }
.dispatch-marker.danger[b-xk3ll9ut13],
.priority-indicator.danger[b-xk3ll9ut13] { background: var(--fdc-color-danger); box-shadow: 0 0 0 0.25rem var(--fdc-color-danger-soft); }
.priority-indicator.neutral[b-xk3ll9ut13] { background: var(--fdc-color-text-muted); box-shadow: 0 0 0 0.25rem var(--fdc-color-background-secondary); }

.dispatch-copy[b-xk3ll9ut13],
.attention-copy[b-xk3ll9ut13],
.dispatch-assignee[b-xk3ll9ut13],
.pipeline-group a > span[b-xk3ll9ut13] {
    min-width: 0;
}

.dispatch-copy[b-xk3ll9ut13],
.attention-copy[b-xk3ll9ut13],
.pipeline-group a > span[b-xk3ll9ut13] {
    display: grid;
    gap: 0.22rem;
}

.dispatch-copy strong[b-xk3ll9ut13],
.attention-copy strong[b-xk3ll9ut13] {
    overflow: hidden;
    color: var(--fdc-color-text);
    font-size: 0.77rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dispatch-copy small[b-xk3ll9ut13],
.attention-copy small[b-xk3ll9ut13] {
    overflow: hidden;
    color: var(--fdc-color-text-muted);
    font-size: 0.67rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dispatch-assignee[b-xk3ll9ut13] {
    display: flex;
    align-items: center;
    gap: var(--fdc-space-2);
    overflow: hidden;
    color: var(--fdc-color-text-secondary);
    font-size: 0.69rem;
    font-weight: 700;
}

.dispatch-assignee > span:last-child[b-xk3ll9ut13] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.technician-mini-avatar[b-xk3ll9ut13],
.technician-avatar[b-xk3ll9ut13] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--fdc-color-accent) 25%, var(--fdc-color-border));
    border-radius: 50%;
    background: var(--fdc-color-accent-soft);
    color: var(--fdc-color-accent);
    font-weight: 850;
}

.technician-mini-avatar[b-xk3ll9ut13] { width: 1.75rem; height: 1.75rem; font-size: 0.6rem; }
.technician-avatar[b-xk3ll9ut13] { width: 2.45rem; height: 2.45rem; font-size: 0.72rem; }

.dispatch-row[b-xk3ll9ut13]  .fdc-status,
.attention-row[b-xk3ll9ut13]  .fdc-status,
.activity-row[b-xk3ll9ut13]  .fdc-status {
    font-size: 0.61rem;
}

.dispatch-row[b-xk3ll9ut13]  .dispatch-chevron {
    color: var(--fdc-color-text-muted);
}

.command-grid[b-xk3ll9ut13] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--fdc-space-2);
}

.alert-kicker[b-xk3ll9ut13] { color: var(--fdc-color-danger); }

.attention-count[b-xk3ll9ut13] {
    min-width: 2.1rem;
    height: 2.1rem;
    display: inline-grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--fdc-color-danger) 26%, var(--fdc-color-border));
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-danger-soft);
    color: var(--fdc-color-danger);
    font-size: 0.78rem;
    font-weight: 900;
}

.attention-row[b-xk3ll9ut13] {
    min-width: 0;
    display: grid;
    grid-template-columns: 0.65rem minmax(10rem, 1fr) auto 1rem;
    align-items: center;
    gap: var(--fdc-space-3);
    min-height: 4.1rem;
    padding: var(--fdc-space-2) 0;
    border-bottom: 1px solid var(--fdc-color-border);
    color: var(--fdc-color-text);
    text-decoration: none;
}

.attention-row:last-child[b-xk3ll9ut13] { border-bottom: 0; }
.attention-row:hover[b-xk3ll9ut13] { color: var(--fdc-color-text); background: var(--fdc-color-surface-interactive); }

.attention-badges[b-xk3ll9ut13] {
    display: flex;
    align-items: center;
    gap: var(--fdc-space-1);
}

.technician-list[b-xk3ll9ut13] { gap: var(--fdc-space-3); }

.technician-row[b-xk3ll9ut13] {
    display: flex;
    align-items: center;
    gap: var(--fdc-space-3);
}

.technician-copy[b-xk3ll9ut13] {
    min-width: 0;
    flex: 1;
    display: grid;
    gap: 0.3rem;
}

.technician-copy > div:first-child[b-xk3ll9ut13] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fdc-space-2);
}

.technician-copy strong[b-xk3ll9ut13] {
    overflow: hidden;
    color: var(--fdc-color-text);
    font-size: 0.73rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.technician-copy > div:first-child span[b-xk3ll9ut13],
.technician-copy small[b-xk3ll9ut13] {
    color: var(--fdc-color-text-muted);
    font-size: 0.62rem;
    font-weight: 700;
    white-space: nowrap;
}

.load-track[b-xk3ll9ut13] {
    height: 0.25rem;
    overflow: hidden;
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-background-secondary);
}

.load-track > span[b-xk3ll9ut13] {
    width: var(--tech-load);
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--fdc-color-accent), var(--fdc-color-info));
}

.customer-signal-grid[b-xk3ll9ut13] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--fdc-space-2);
}

.customer-signal-grid > a[b-xk3ll9ut13] {
    min-width: 0;
    min-height: 6.25rem;
    display: grid;
    grid-template-columns: 2rem 1fr;
    align-content: center;
    align-items: center;
    gap: 0.12rem var(--fdc-space-2);
    padding: var(--fdc-space-3);
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-surface-interactive);
    color: var(--fdc-color-text);
    text-decoration: none;
}

.customer-signal-grid > a:hover[b-xk3ll9ut13] {
    border-color: var(--fdc-color-border-strong);
    background: var(--fdc-color-surface-elevated);
    color: var(--fdc-color-text);
}

.signal-icon[b-xk3ll9ut13] {
    grid-row: span 2;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--fdc-radius-sm);
    background: var(--fdc-color-accent-soft);
    color: var(--fdc-color-accent);
}

.signal-icon.success[b-xk3ll9ut13] { background: var(--fdc-color-success-soft); color: var(--fdc-color-success); }
.signal-icon.info[b-xk3ll9ut13] { background: var(--fdc-color-info-soft); color: var(--fdc-color-info); }
.signal-icon.warning[b-xk3ll9ut13] { background: var(--fdc-color-warning-soft); color: var(--fdc-color-warning); }
.signal-icon.danger[b-xk3ll9ut13] { background: var(--fdc-color-danger-soft); color: var(--fdc-color-danger); }

.customer-signal-grid small[b-xk3ll9ut13] {
    overflow: hidden;
    color: var(--fdc-color-text-muted);
    font-size: 0.61rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-signal-grid strong[b-xk3ll9ut13] {
    color: var(--fdc-color-text);
    font-size: 1.25rem;
    letter-spacing: -0.03em;
}

.activity-feed[b-xk3ll9ut13] {
    border-top: 1px solid var(--fdc-color-border);
}

.activity-row[b-xk3ll9ut13] {
    min-width: 0;
    display: grid;
    grid-template-columns: 1.2rem minmax(0, 1fr) auto;
    gap: var(--fdc-space-3);
    padding: var(--fdc-space-3) 0;
    border-bottom: 1px solid var(--fdc-color-border);
}

.activity-line[b-xk3ll9ut13] {
    position: relative;
    display: flex;
    justify-content: center;
}

.activity-line[b-xk3ll9ut13]::after {
    content: "";
    position: absolute;
    top: 0.85rem;
    bottom: calc(var(--fdc-space-3) * -1);
    width: 1px;
    background: var(--fdc-color-border);
}

.activity-row:last-child .activity-line[b-xk3ll9ut13]::after { display: none; }

.activity-line > span[b-xk3ll9ut13] {
    position: relative;
    z-index: 1;
    width: 0.5rem;
    height: 0.5rem;
    margin-top: 0.25rem;
    border: 2px solid var(--fdc-color-surface);
    border-radius: 50%;
    background: var(--fdc-color-info);
    box-shadow: 0 0 0 1px var(--fdc-color-info);
}

.activity-line > span.success[b-xk3ll9ut13] { background: var(--fdc-color-success); box-shadow: 0 0 0 1px var(--fdc-color-success); }
.activity-line > span.neutral[b-xk3ll9ut13] { background: var(--fdc-color-text-muted); box-shadow: 0 0 0 1px var(--fdc-color-text-muted); }

.activity-copy[b-xk3ll9ut13] { min-width: 0; }

.activity-copy > div[b-xk3ll9ut13] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--fdc-space-2);
}

.activity-copy strong[b-xk3ll9ut13] {
    color: var(--fdc-color-text);
    font-size: 0.75rem;
}

.activity-copy p[b-xk3ll9ut13] {
    margin: 0.28rem 0 0;
    color: var(--fdc-color-text-secondary);
    font-size: 0.7rem;
    line-height: 1.42;
}

.activity-row time[b-xk3ll9ut13] {
    color: var(--fdc-color-text-muted);
    font-size: 0.61rem;
    font-weight: 700;
    white-space: nowrap;
}

.pipeline-groups[b-xk3ll9ut13] {
    gap: var(--fdc-space-3);
}

.pipeline-group[b-xk3ll9ut13] {
    overflow: hidden;
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-surface-interactive);
}

.pipeline-heading[b-xk3ll9ut13],
.pipeline-group > a[b-xk3ll9ut13] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fdc-space-3);
}

.pipeline-heading[b-xk3ll9ut13] {
    padding: var(--fdc-space-2) var(--fdc-space-3);
    border-bottom: 1px solid var(--fdc-color-border);
    background: color-mix(in srgb, var(--fdc-color-background-secondary) 55%, transparent);
}

.pipeline-heading span[b-xk3ll9ut13] {
    display: inline-flex;
    align-items: center;
    gap: var(--fdc-space-2);
    color: var(--fdc-color-text-secondary);
    font-size: 0.67rem;
    font-weight: 800;
}

.pipeline-heading strong[b-xk3ll9ut13] {
    color: var(--fdc-color-text);
    font-size: 0.78rem;
}

.pipeline-group > a[b-xk3ll9ut13] {
    padding: var(--fdc-space-2) var(--fdc-space-3);
    border-bottom: 1px solid var(--fdc-color-border);
    color: var(--fdc-color-text);
    font-size: 0.7rem;
    text-decoration: none;
}

.pipeline-group > a:last-of-type[b-xk3ll9ut13] { border-bottom: 0; }
.pipeline-group > a:hover[b-xk3ll9ut13] { background: var(--fdc-color-surface-elevated); color: var(--fdc-color-text); }

.pipeline-group a > span:last-child[b-xk3ll9ut13] {
    text-align: right;
    white-space: nowrap;
}

.pipeline-group a strong[b-xk3ll9ut13] {
    overflow: hidden;
    color: var(--fdc-color-text);
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-group a small[b-xk3ll9ut13] {
    overflow: hidden;
    color: var(--fdc-color-text-muted);
    font-size: 0.59rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-request[b-xk3ll9ut13] {
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pipeline-empty[b-xk3ll9ut13] {
    margin: 0;
    padding: var(--fdc-space-3);
    color: var(--fdc-color-text-muted);
    font-size: 0.68rem;
}

.connection-panel[b-xk3ll9ut13] {
    grid-template-columns: minmax(15rem, 1fr) minmax(20rem, auto) auto;
    align-items: center;
    background:
        linear-gradient(110deg, color-mix(in srgb, var(--fdc-color-success-soft) 52%, var(--fdc-color-surface)), var(--fdc-color-surface));
}

.connection-status[b-xk3ll9ut13] {
    display: flex;
    align-items: center;
    gap: var(--fdc-space-3);
}

.connection-icon[b-xk3ll9ut13] {
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--fdc-color-success) 24%, var(--fdc-color-border));
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-success-soft);
    color: var(--fdc-color-success);
}

.connection-status > div[b-xk3ll9ut13] {
    display: grid;
    gap: 0.18rem;
}

.connection-status strong[b-xk3ll9ut13] {
    color: var(--fdc-color-text);
    font-size: 0.8rem;
}

.connection-status small[b-xk3ll9ut13],
.connection-integrations small[b-xk3ll9ut13] {
    color: var(--fdc-color-text-muted);
    font-size: 0.63rem;
}

.connection-integrations[b-xk3ll9ut13] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--fdc-space-3);
}

.connection-integrations > span[b-xk3ll9ut13] {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 0.15rem var(--fdc-space-2);
    color: var(--fdc-color-text-secondary);
    font-size: 0.67rem;
    font-weight: 750;
}

.connection-integrations i[b-xk3ll9ut13] {
    width: 0.4rem;
    height: 0.4rem;
    align-self: center;
    border-radius: 50%;
    background: var(--fdc-color-success);
    box-shadow: 0 0 0 0.2rem var(--fdc-color-success-soft);
}

.connection-integrations small[b-xk3ll9ut13] {
    grid-column: 2;
}

.task-pulse-panel[b-xk3ll9ut13] {
    overflow: hidden;
}

.dashboard-task-list[b-xk3ll9ut13] {
    display: grid;
    gap: var(--fdc-space-2);
    margin-top: var(--fdc-space-4);
}

.dashboard-task-list > a[b-xk3ll9ut13] {
    display: grid;
    grid-template-columns: 0.55rem minmax(0, 1fr) auto 1rem;
    align-items: center;
    gap: var(--fdc-space-3);
    min-height: 3.8rem;
    padding: var(--fdc-space-3);
    color: var(--fdc-color-text-primary);
    text-decoration: none;
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-md);
    background: color-mix(in srgb, var(--fdc-color-surface) 92%, var(--fdc-color-brand-soft));
    transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.dashboard-task-list > a:hover[b-xk3ll9ut13] {
    border-color: var(--fdc-color-border-strong);
    background: var(--fdc-color-surface);
    transform: translateY(-1px);
}

.dashboard-task-list > a:focus-visible[b-xk3ll9ut13] {
    outline: 3px solid color-mix(in srgb, var(--fdc-color-brand) 30%, transparent);
    outline-offset: 2px;
}

.dashboard-task-list a > span:nth-child(2)[b-xk3ll9ut13] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
}

.dashboard-task-list strong[b-xk3ll9ut13],
.dashboard-task-list small[b-xk3ll9ut13] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-task-list small[b-xk3ll9ut13],
.dashboard-task-list time[b-xk3ll9ut13] {
    color: var(--fdc-color-text-muted);
    font-size: 0.72rem;
}

.dashboard-task-state[b-xk3ll9ut13] {
    width: 0.5rem;
    height: 2rem;
    border-radius: 999px;
    background: var(--fdc-color-info);
}

.dashboard-task-state.warning[b-xk3ll9ut13] { background: var(--fdc-color-warning); }
.dashboard-task-state.danger[b-xk3ll9ut13] { background: var(--fdc-color-danger); }

.mission-card[b-xk3ll9ut13]  .fdc-state {
    min-height: 7rem;
    border-style: dashed;
    background: var(--fdc-color-surface-interactive);
}

@keyframes mission-pulse-b-xk3ll9ut13 {
    0% { box-shadow: 0 0 0 0 rgba(32, 93, 158, 0.32); }
    70%, 100% { box-shadow: 0 0 0 0.55rem rgba(32, 93, 158, 0); }
}

@media (max-width: 1260px) {
    .mission-hero[b-xk3ll9ut13] {
        grid-template-columns: minmax(0, 1.1fr) minmax(20rem, 0.9fr);
    }

    .primary-metric-grid[b-xk3ll9ut13],
    .signal-rail[b-xk3ll9ut13] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .command-grid[b-xk3ll9ut13] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .mission-hero[b-xk3ll9ut13] {
        grid-template-columns: 1fr;
    }

    .mission-hero h1[b-xk3ll9ut13] { max-width: none; }

    .dashboard-pair[b-xk3ll9ut13] {
        grid-template-columns: 1fr;
    }

    .connection-panel[b-xk3ll9ut13] {
        grid-template-columns: 1fr auto;
    }

    .connection-integrations[b-xk3ll9ut13] {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .dashboard-page[b-xk3ll9ut13] {
        gap: var(--fdc-space-4);
        margin-inline: calc(var(--fdc-space-2) * -1);
    }

    .mission-hero[b-xk3ll9ut13] {
        min-height: 0;
        gap: var(--fdc-space-5);
        padding: var(--fdc-space-5);
        border-radius: var(--fdc-radius-xl);
    }

    .mission-date[b-xk3ll9ut13] {
        width: 100%;
        margin: 0.15rem 0 0 calc(0.55rem + var(--fdc-space-2));
        padding: 0;
        border: 0;
    }

    .mission-hero h1[b-xk3ll9ut13] {
        margin-top: var(--fdc-space-4);
        font-size: clamp(2.25rem, 13vw, 3.25rem);
    }

    .mission-pulse[b-xk3ll9ut13] {
        gap: var(--fdc-space-4);
    }

    .mission-pulse-grid > div[b-xk3ll9ut13] {
        padding-inline: var(--fdc-space-2);
    }

    .mission-section-heading[b-xk3ll9ut13] {
        align-items: flex-end;
    }

    .mission-updated[b-xk3ll9ut13] {
        max-width: 8.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .primary-metric-grid[b-xk3ll9ut13],
    .signal-rail[b-xk3ll9ut13] {
        grid-template-columns: repeat(4, minmax(12.25rem, 1fr));
        overflow-x: auto;
        padding: 0.1rem 0 var(--fdc-space-2);
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
    }

    .primary-metric-grid[b-xk3ll9ut13]  .fdc-metric-card,
    .signal-rail[b-xk3ll9ut13]  .fdc-metric-card {
        scroll-snap-align: start;
    }

    .dashboard-flow[b-xk3ll9ut13],
    .dashboard-pair[b-xk3ll9ut13] {
        gap: var(--fdc-space-3);
    }

    .command-grid[b-xk3ll9ut13] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mission-card[b-xk3ll9ut13] {
        padding: var(--fdc-space-4);
        border-radius: var(--fdc-radius-lg);
    }

    .mission-card-heading[b-xk3ll9ut13] {
        gap: var(--fdc-space-2);
    }

    .mission-link[b-xk3ll9ut13] {
        min-height: var(--fdc-tap-target);
    }

    .dispatch-row[b-xk3ll9ut13] {
        grid-template-columns: 3.8rem 0.55rem minmax(0, 1fr) auto;
        gap: var(--fdc-space-2);
        min-height: 4.75rem;
    }

    .dispatch-assignee[b-xk3ll9ut13],
    .dispatch-row[b-xk3ll9ut13]  .dispatch-chevron {
        display: none;
    }

    .dispatch-row[b-xk3ll9ut13]  .fdc-status {
        max-width: 5.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .attention-row[b-xk3ll9ut13] {
        grid-template-columns: 0.55rem minmax(0, 1fr) 1rem;
    }

    .attention-badges[b-xk3ll9ut13] {
        display: none;
    }

    .connection-panel[b-xk3ll9ut13] {
        grid-template-columns: 1fr;
    }

    .connection-integrations[b-xk3ll9ut13] {
        grid-column: 1;
        grid-row: auto;
    }

    .connection-panel > .mission-link[b-xk3ll9ut13] {
        justify-self: start;
    }

    .dashboard-task-list > a[b-xk3ll9ut13] {
        grid-template-columns: 0.45rem minmax(0, 1fr) 1rem;
    }

    .dashboard-task-list time[b-xk3ll9ut13] {
        display: none;
    }
}

@media (max-width: 430px) {
    .command-grid[b-xk3ll9ut13],
    .customer-signal-grid[b-xk3ll9ut13] {
        grid-template-columns: 1fr;
    }

    .activity-row[b-xk3ll9ut13] {
        grid-template-columns: 1rem minmax(0, 1fr);
    }

    .activity-row time[b-xk3ll9ut13] {
        grid-column: 2;
    }

    .mission-pulse-grid span[b-xk3ll9ut13] { font-size: 0.59rem; }
    .mission-pulse-grid strong[b-xk3ll9ut13] { font-size: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .mission-live-dot[b-xk3ll9ut13] {
        animation: none;
    }
}
/* /Components/Pages/Office/EstimateTaskReview.razor.rz.scp.css */
.task-review[b-98j26kz9k8]{border:1px solid var(--border);border-radius:var(--radius-lg,16px);padding:20px;background:var(--surface);display:grid;gap:16px;min-width:0}
.task-review-heading[b-98j26kz9k8]{display:flex;align-items:center;justify-content:space-between;gap:12px}
.task-review h3[b-98j26kz9k8],.task-review h4[b-98j26kz9k8],.task-review p[b-98j26kz9k8]{margin:0}
.task-review-picker[b-98j26kz9k8],.task-review-reason[b-98j26kz9k8]{display:grid;gap:7px;min-width:0;font-weight:600}
.task-review select[b-98j26kz9k8],.task-review textarea[b-98j26kz9k8]{width:100%;min-width:0;max-width:100%;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface-alt,var(--surface));color:var(--text)}
.task-review textarea[b-98j26kz9k8]{min-height:74px;resize:vertical}
.task-review-assumptions[b-98j26kz9k8],.task-review-components[b-98j26kz9k8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.task-review-assumptions>div[b-98j26kz9k8],.task-review-components>article[b-98j26kz9k8],.task-review-evidence>article[b-98j26kz9k8],.task-review-saved[b-98j26kz9k8]{display:grid;gap:6px;padding:14px;border:1px solid var(--border);border-radius:10px;min-width:0;overflow-wrap:anywhere}
.task-review dl[b-98j26kz9k8]{margin:0;display:grid;gap:8px}.task-review dl>div[b-98j26kz9k8]{display:grid;gap:3px}.task-review dd[b-98j26kz9k8]{margin:0;font-weight:600}
.task-review dt[b-98j26kz9k8],.task-review small[b-98j26kz9k8],.task-review-assumptions span[b-98j26kz9k8],.task-review-decision>p:not(.task-review-question)[b-98j26kz9k8]{color:var(--muted);font-size:.86rem;line-height:1.5}
.task-review-evidence[b-98j26kz9k8]{display:grid;gap:12px}.task-review-evidence summary[b-98j26kz9k8]{cursor:pointer;font-weight:600}
.task-review-decision[b-98j26kz9k8]{border:1px solid var(--border);border-radius:12px;padding:16px;display:grid;gap:12px;min-width:0}
.task-review-question[b-98j26kz9k8]{font-weight:700}.task-review-choices[b-98j26kz9k8]{display:grid;gap:8px}
.task-review-choices button[b-98j26kz9k8]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;text-align:left;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);cursor:pointer}
.task-review-choices button:hover:not(:disabled)[b-98j26kz9k8]{background:var(--surface-alt,var(--surface))}.task-review-choices button:disabled[b-98j26kz9k8]{opacity:.55;cursor:default}.task-review-choices span[b-98j26kz9k8]{font-size:.8rem;color:var(--muted)}
.task-review-confirm[b-98j26kz9k8]{display:flex;align-items:flex-start;gap:9px}.task-review-confirm input[b-98j26kz9k8]{margin-top:4px;flex:none}
.task-review-settled[b-98j26kz9k8]{display:flex;align-items:center;gap:8px;font-weight:600}.task-review-message[b-98j26kz9k8]{color:var(--muted);line-height:1.5}
@media(max-width:600px){.task-review[b-98j26kz9k8]{padding:14px}.task-review-choices button[b-98j26kz9k8]{flex-direction:column;align-items:flex-start;gap:5px}}
/* /Components/Pages/Office/FormsBuilder.razor.rz.scp.css */
/* 21st.dev Questionnaire 28569 / Toolbar 19520 / Drawer 31360: panel hierarchy,
   compact grouped controls, responsive side-to-bottom sheet translation. */
.builder-page[b-bs5xj869t5] { display:grid; gap:1rem; color:var(--fdc-color-text); padding-bottom:3rem; }
.builder-header[b-bs5xj869t5] { display:grid; gap:.6rem; }
.builder-breadcrumb[b-bs5xj869t5] { display:flex; align-items:center; gap:.35rem; color:var(--fdc-color-text-muted); font-size:.78rem; }
.builder-breadcrumb a[b-bs5xj869t5] { color:var(--fdc-color-accent); text-decoration:none; font-weight:700; }
.builder-header-main[b-bs5xj869t5] { display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; flex-wrap:wrap; }
.builder-eyebrow[b-bs5xj869t5] { text-transform:uppercase; letter-spacing:.13em; font-size:.66rem; color:var(--fdc-color-accent); font-weight:800; }
.builder-header h1[b-bs5xj869t5] { margin:.12rem 0; font-size:clamp(1.5rem,2.5vw,2.15rem); letter-spacing:-.035em; }
.builder-header p[b-bs5xj869t5],.builder-hint[b-bs5xj869t5] { margin:.2rem 0; color:var(--fdc-color-text-muted); font-size:.82rem; line-height:1.5; }
.builder-actions[b-bs5xj869t5],.builder-item-actions[b-bs5xj869t5] { display:flex; align-items:center; gap:.25rem; flex-wrap:wrap; }
.builder-actions button[b-bs5xj869t5],.builder-mobile-tools button[b-bs5xj869t5],.builder-tool-group button[b-bs5xj869t5],.builder-add-section[b-bs5xj869t5],.builder-empty[b-bs5xj869t5],.builder-settings-foot button[b-bs5xj869t5] { min-height:2.6rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface-elevated); color:var(--fdc-color-text); padding:.45rem .65rem; cursor:pointer; font-weight:700; }
.builder-actions button[b-bs5xj869t5] { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; }
.builder-actions button:not(.builder-action)[b-bs5xj869t5] { width:2.65rem; padding:0; }
.builder-actions .primary[b-bs5xj869t5] { background:var(--fdc-color-accent); border-color:var(--fdc-color-accent); color:var(--fdc-color-on-accent); }
.builder-actions button:disabled[b-bs5xj869t5] { opacity:.5; cursor:not-allowed; }
.builder-save-status[b-bs5xj869t5] { display:inline-flex; align-items:center; gap:.32rem; margin-right:.3rem; white-space:nowrap; font-size:.78rem; color:var(--fdc-color-text-muted); }
.builder-save-status.error[b-bs5xj869t5] { color:var(--fdc-color-danger); }
.builder-notice[b-bs5xj869t5] { padding:.75rem .9rem; border:1px solid var(--fdc-color-danger); border-radius:var(--fdc-radius-md); background:var(--fdc-color-danger-soft); color:var(--fdc-color-danger); }
.builder-layout[b-bs5xj869t5] { min-height:39rem; display:grid; grid-template-columns:minmax(12.5rem,14rem) minmax(0,1fr) minmax(15rem,17rem); align-items:start; gap:.75rem; }
.builder-toolbox[b-bs5xj869t5],.builder-settings[b-bs5xj869t5] { position:sticky; top:1rem; max-height:calc(100vh - 2rem); overflow:auto; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface-elevated); box-shadow:var(--fdc-shadow-sm); }
.builder-panel-heading[b-bs5xj869t5] { position:sticky; top:0; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:.5rem; padding:1rem; background:var(--fdc-color-surface-elevated); border-bottom:1px solid var(--fdc-color-border); }
.builder-panel-heading h2[b-bs5xj869t5] { margin:.15rem 0 0; font-size:1rem; }
.builder-close-panel[b-bs5xj869t5] { display:none; border:0; background:transparent; color:var(--fdc-color-text); }
.builder-toolbox > .builder-hint[b-bs5xj869t5] { padding:.55rem 1rem 0; }
.builder-tool-group[b-bs5xj869t5] { padding:1rem; border-bottom:1px solid var(--fdc-color-border); }
.builder-tool-group h3[b-bs5xj869t5] { display:flex; align-items:center; gap:.4rem; margin:0 0 .6rem; font-size:.78rem; }
.builder-tool-group button[b-bs5xj869t5] { width:100%; min-height:2.65rem; display:flex; align-items:center; justify-content:space-between; gap:.4rem; margin:.32rem 0; text-align:left; font-size:.78rem; background:var(--fdc-color-surface); }
.builder-tool-group button span[b-bs5xj869t5] { flex:1; }
.builder-tool-group button:hover[b-bs5xj869t5],.builder-actions button:hover[b-bs5xj869t5],.builder-settings-foot button:hover[b-bs5xj869t5] { border-color:var(--fdc-color-accent); }
.builder-tool-group textarea[b-bs5xj869t5] { box-sizing:border-box; width:100%; margin:.5rem 0; padding:.6rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface); color:var(--fdc-color-text); }
.builder-canvas-wrap[b-bs5xj869t5] { min-width:0; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); overflow:hidden; background:var(--fdc-color-surface); }
.builder-canvas-toolbar[b-bs5xj869t5] { display:flex; justify-content:space-between; align-items:center; gap:.5rem; flex-wrap:wrap; padding:.7rem 1rem; background:var(--fdc-color-surface-elevated); border-bottom:1px solid var(--fdc-color-border); }
.builder-canvas-toolbar > div[b-bs5xj869t5] { display:grid; gap:.1rem; }
.builder-canvas-toolbar strong[b-bs5xj869t5] { font-size:.82rem; }
.builder-canvas-toolbar span[b-bs5xj869t5] { font-size:.7rem; color:var(--fdc-color-text-muted); }
.builder-guides[b-bs5xj869t5] { display:flex; align-items:center; gap:.35rem; font-size:.76rem; font-weight:700; cursor:pointer; }
.builder-guides input[b-bs5xj869t5] { width:1rem; height:1rem; accent-color:var(--fdc-color-accent); }
.builder-canvas[b-bs5xj869t5] { max-width:54rem; min-height:36rem; margin:1rem auto; padding:clamp(1rem,3vw,2rem); border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface-elevated); box-shadow:var(--fdc-shadow-sm); }
.builder-canvas.guides[b-bs5xj869t5] { background-image:linear-gradient(to right,var(--fdc-color-border) 1px,transparent 1px),linear-gradient(to bottom,var(--fdc-color-border) 1px,transparent 1px); background-size:20px 20px; }
.builder-brand[b-bs5xj869t5],.builder-brand-footer[b-bs5xj869t5] { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.builder-brand[b-bs5xj869t5] { justify-content:flex-start; padding-bottom:1rem; border-bottom:1px solid var(--fdc-color-border); }
.builder-brand-mark[b-bs5xj869t5] { display:grid; place-items:center; width:2.6rem; height:2.6rem; border-radius:var(--fdc-radius-md); background:var(--fdc-color-accent-soft); color:var(--fdc-color-accent); }
.builder-brand-logo[b-bs5xj869t5] { max-width:6.2rem; max-height:2.6rem; object-fit:contain; }
.builder-brand > div[b-bs5xj869t5] { display:grid; gap:.1rem; font-size:.8rem; }
.builder-brand small[b-bs5xj869t5],.builder-brand-footer[b-bs5xj869t5] { color:var(--fdc-color-text-muted); font-size:.68rem; }
.builder-form-title[b-bs5xj869t5] { padding:1.2rem 0; }
.builder-form-title h2[b-bs5xj869t5] { margin:0; font-size:1.4rem; }
.builder-form-title p[b-bs5xj869t5] { margin:.3rem 0 0; color:var(--fdc-color-text-muted); }
.builder-section[b-bs5xj869t5] { margin-bottom:1rem; padding:.85rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface-elevated); }
.builder-section.selected[b-bs5xj869t5],.builder-field.selected[b-bs5xj869t5] { border-color:var(--fdc-color-accent); box-shadow:0 0 0 2px var(--fdc-color-accent-soft); }
.builder-section-heading[b-bs5xj869t5] { display:flex; align-items:center; justify-content:space-between; gap:.6rem; border-bottom:1px solid var(--fdc-color-border); padding-bottom:.55rem; }
.builder-section-title[b-bs5xj869t5] { display:grid; gap:.08rem; flex:1; min-width:0; text-align:left; border:0; background:transparent; color:var(--fdc-color-text); cursor:pointer; }
.builder-section-title strong[b-bs5xj869t5] { font-size:1rem; }
.builder-section-title span[b-bs5xj869t5] { font-size:.67rem; color:var(--fdc-color-text-muted); }
.builder-section-instructions[b-bs5xj869t5] { font-size:.78rem; color:var(--fdc-color-text-muted); }
.builder-item-actions[b-bs5xj869t5] { margin-left:auto; }
.builder-item-actions button[b-bs5xj869t5],.builder-drag[b-bs5xj869t5] { display:grid; place-items:center; width:1.9rem; height:1.9rem; border:0; border-radius:var(--fdc-radius-sm); background:transparent; color:var(--fdc-color-text-muted); cursor:pointer; }
.builder-item-actions button:hover[b-bs5xj869t5],.builder-drag:hover[b-bs5xj869t5] { background:var(--fdc-color-surface-interactive); color:var(--fdc-color-accent); }
.builder-field-grid[b-bs5xj869t5] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; }
.builder-field[b-bs5xj869t5] { min-width:0; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); padding:.55rem; background:var(--fdc-color-surface-elevated); }
.builder-field.full[b-bs5xj869t5],.builder-drop.full[b-bs5xj869t5] { grid-column:1/-1; }
.builder-field-top[b-bs5xj869t5] { display:flex; align-items:center; gap:.25rem; color:var(--fdc-color-text-muted); font-size:.65rem; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
.builder-field-top > span[b-bs5xj869t5] { flex:1; }
.builder-drag[b-bs5xj869t5] { cursor:grab; }
.builder-field-preview[b-bs5xj869t5] { display:grid; gap:.3rem; width:100%; padding:.5rem; border:0; background:transparent; color:var(--fdc-color-text); text-align:left; cursor:pointer; }
.builder-field-preview strong[b-bs5xj869t5] { font-size:.81rem; overflow-wrap:anywhere; }
.builder-field-preview em[b-bs5xj869t5] { color:var(--fdc-color-danger); font-style:normal; }
.builder-field-preview small[b-bs5xj869t5] { color:var(--fdc-color-text-muted); }
.builder-faux-control[b-bs5xj869t5] { width:100%; box-sizing:border-box; min-height:2.25rem; padding:.58rem .65rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-surface); color:var(--fdc-color-text-muted); font-size:.72rem; }
.builder-drop[b-bs5xj869t5] { grid-column:1/-1; height:.4rem; margin:.15rem 0; border:1px dashed transparent; border-radius:var(--fdc-radius-sm); transition:height .12s ease,background .12s ease; }
.builder-drop span[b-bs5xj869t5] { display:none; }
.builder-page.dragging .builder-drop[b-bs5xj869t5] { height:1.9rem; display:grid; place-items:center; border-color:var(--fdc-color-border); background:var(--fdc-color-surface); }
.builder-page.dragging .builder-drop span[b-bs5xj869t5] { display:block; font-size:.65rem; color:var(--fdc-color-text-muted); }
.builder-page.dragging .builder-drop:hover[b-bs5xj869t5] { border-color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); }
.builder-options[b-bs5xj869t5] { display:grid; gap:.4rem; }
.builder-options > small[b-bs5xj869t5] { color:var(--fdc-color-text-muted); }
.builder-option-row[b-bs5xj869t5] { display:grid; grid-template-columns:minmax(0,1fr) repeat(3,2.25rem); align-items:center; gap:.2rem; }
.builder-option-row button[b-bs5xj869t5] { min-width:2.25rem; min-height:2.25rem; padding:.25rem; }
.builder-add-option[b-bs5xj869t5] { justify-self:start; }
.builder-save-block[b-bs5xj869t5] { display:grid; gap:.45rem; padding-top:.7rem; border-top:1px solid var(--fdc-color-border); }
.builder-save-block button[b-bs5xj869t5] { justify-self:start; }
.builder-rules[b-bs5xj869t5] { border-top:1px solid var(--fdc-color-border); }
.builder-rules summary[b-bs5xj869t5] { display:flex; align-items:center; gap:.4rem; min-height:3rem; padding:.5rem 1rem; cursor:pointer; font-size:.78rem; font-weight:800; }
.builder-rules summary span[b-bs5xj869t5] { margin-left:auto; color:var(--fdc-color-text-muted); }
.builder-rules-body[b-bs5xj869t5] { display:grid; gap:.7rem; padding:0 1rem 1rem; }
.builder-rules-body p[b-bs5xj869t5] { margin:0; color:var(--fdc-color-text-muted); font-size:.72rem; }
.builder-rule-card[b-bs5xj869t5] { display:grid; gap:.5rem; padding:.65rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface); }
.builder-rule-card label[b-bs5xj869t5] { display:grid; gap:.2rem; font-size:.72rem; font-weight:700; }
.builder-rule-card :is(input,select)[b-bs5xj869t5] { min-width:0; width:100%; min-height:2.3rem; padding:.35rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-sm); background:var(--fdc-color-surface-elevated); color:var(--fdc-color-text); }
.builder-rule-condition[b-bs5xj869t5] { display:grid; gap:.25rem; }
.builder-rule-condition button[b-bs5xj869t5] { justify-self:end; }
.builder-rule-actions[b-bs5xj869t5] { display:flex; flex-wrap:wrap; gap:.3rem; }
.builder-rule-actions button[b-bs5xj869t5],.builder-add-rule[b-bs5xj869t5] { font-size:.72rem; }
.builder-drop:hover[b-bs5xj869t5],.builder-drop:focus-within[b-bs5xj869t5] { height:1.8rem; display:grid; place-items:center; border-color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); }
.builder-drop:hover span[b-bs5xj869t5] { display:block; font-size:.65rem; color:var(--fdc-color-accent); }
.builder-empty[b-bs5xj869t5],.builder-add-section[b-bs5xj869t5] { width:100%; display:flex; align-items:center; justify-content:center; gap:.45rem; border-style:dashed; color:var(--fdc-color-accent); }
.builder-empty[b-bs5xj869t5] { margin-top:.7rem; }
.builder-add-section[b-bs5xj869t5] { margin-top:1rem; }
.builder-brand-footer[b-bs5xj869t5] { margin-top:1.25rem; padding-top:.6rem; border-top:1px solid var(--fdc-color-border); flex-wrap:wrap; }
.builder-settings-body[b-bs5xj869t5] { display:grid; gap:.85rem; padding:1rem; }
.builder-settings-subtitle[b-bs5xj869t5] { display:flex; justify-content:space-between; align-items:center; gap:.4rem; font-size:.75rem; font-weight:800; }
.builder-settings-subtitle small[b-bs5xj869t5] { color:var(--fdc-color-text-muted); font-size:.62rem; }
.builder-settings-body label[b-bs5xj869t5] { display:grid; gap:.3rem; font-size:.73rem; font-weight:700; }
.builder-settings-body label small[b-bs5xj869t5] { color:var(--fdc-color-text-muted); font-weight:400; }
.builder-settings-body :is(input:not([type=checkbox]),select,textarea)[b-bs5xj869t5] { box-sizing:border-box; width:100%; min-height:2.5rem; padding:.55rem .65rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface); color:var(--fdc-color-text); font:inherit; font-weight:400; }
.builder-settings-body .builder-check[b-bs5xj869t5] { display:flex; align-items:center; gap:.5rem; min-height:2.7rem; cursor:pointer; }
.builder-check input[b-bs5xj869t5] { width:1rem; height:1rem; accent-color:var(--fdc-color-accent); }
.builder-setting-pair[b-bs5xj869t5] { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; }
.builder-settings-foot[b-bs5xj869t5] { padding:1rem; border-top:1px solid var(--fdc-color-border); }
.builder-settings-foot button[b-bs5xj869t5] { width:100%; }
.builder-mobile-tools[b-bs5xj869t5] { display:none; }
.builder-page button:focus-visible[b-bs5xj869t5],.builder-page a:focus-visible[b-bs5xj869t5],.builder-page input:focus-visible[b-bs5xj869t5],.builder-page select:focus-visible[b-bs5xj869t5],.builder-page textarea:focus-visible[b-bs5xj869t5] { outline:3px solid var(--fdc-color-accent); outline-offset:2px; }
@media(max-width:1080px) { .builder-layout[b-bs5xj869t5] { grid-template-columns:minmax(11rem,13rem) minmax(0,1fr); } .builder-settings[b-bs5xj869t5] { position:fixed; z-index:90; inset:auto 0 0; max-height:80vh; border-radius:var(--fdc-radius-lg) var(--fdc-radius-lg) 0 0; transform:translateY(110%); transition:transform .2s ease; box-shadow:var(--fdc-shadow-lg); } .builder-settings.open[b-bs5xj869t5] { transform:none; } .builder-mobile-tools[b-bs5xj869t5] { display:flex; gap:.5rem; } .builder-mobile-tools button[b-bs5xj869t5] { display:flex; align-items:center; gap:.3rem; } .builder-close-panel[b-bs5xj869t5] { display:block; } }
@media(max-width:710px) { .builder-layout[b-bs5xj869t5] { display:block; } .builder-canvas[b-bs5xj869t5] { margin:.5rem; padding:.75rem; } .builder-toolbox[b-bs5xj869t5] { position:fixed; z-index:90; inset:auto 0 0; max-height:80vh; border-radius:var(--fdc-radius-lg) var(--fdc-radius-lg) 0 0; transform:translateY(110%); transition:transform .2s ease; box-shadow:var(--fdc-shadow-lg); } .builder-toolbox.open[b-bs5xj869t5] { transform:none; } .builder-actions[b-bs5xj869t5] { width:100%; } .builder-save-status[b-bs5xj869t5] { width:100%; } .builder-field-grid[b-bs5xj869t5] { grid-template-columns:1fr; } .builder-field.half[b-bs5xj869t5] { grid-column:1/-1; } .builder-brand-footer[b-bs5xj869t5] { display:grid; } }
@media(prefers-reduced-motion:reduce) { .builder-drop[b-bs5xj869t5],.builder-toolbox[b-bs5xj869t5],.builder-settings[b-bs5xj869t5] { transition:none; } }
/* /Components/Pages/Office/FormsChecklists.razor.rz.scp.css */
/* 21st.dev Questionnaire 28569, Toolbar 19520 and Drawer 31360, translated to native Razor and product tokens. */
.forms-page[b-8rahy0y1dl] { display:grid; gap:1.2rem; padding-bottom:3rem; color:var(--fdc-color-text); }
.forms-heading[b-8rahy0y1dl] { display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; flex-wrap:wrap; }
.forms-heading h1[b-8rahy0y1dl] { margin:.15rem 0; font-size:clamp(1.55rem,2.8vw,2.2rem); letter-spacing:-.035em; }
.forms-heading p[b-8rahy0y1dl],.forms-toolbar p[b-8rahy0y1dl] { margin:.2rem 0 0; color:var(--fdc-color-text-muted); }
.forms-heading-actions[b-8rahy0y1dl],.forms-card-actions[b-8rahy0y1dl],.forms-dialog footer[b-8rahy0y1dl] { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; }
.forms-button[b-8rahy0y1dl] { min-height:2.65rem; display:inline-flex; align-items:center; justify-content:center; gap:.45rem; padding:.55rem .85rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface-elevated); color:var(--fdc-color-text); font-weight:700; cursor:pointer; }
.forms-button:hover[b-8rahy0y1dl],.forms-card-actions button:hover[b-8rahy0y1dl] { border-color:var(--fdc-color-accent); color:var(--fdc-color-accent); }
.forms-button:focus-visible[b-8rahy0y1dl],.forms-tabs button:focus-visible[b-8rahy0y1dl],.forms-card-actions button:focus-visible[b-8rahy0y1dl] { outline:3px solid var(--fdc-color-accent); outline-offset:2px; }
.forms-button:disabled[b-8rahy0y1dl] { opacity:.55; cursor:not-allowed; }
.forms-button.primary[b-8rahy0y1dl] { background:var(--fdc-color-accent); color:var(--fdc-color-on-accent); border-color:var(--fdc-color-accent); }
.forms-button.primary:hover[b-8rahy0y1dl] { filter:brightness(1.08); color:var(--fdc-color-on-accent); }
.forms-button.quiet[b-8rahy0y1dl] { background:transparent; border-color:transparent; }
.forms-tabs[b-8rahy0y1dl] { display:flex; gap:.25rem; width:max-content; max-width:100%; padding:.25rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface); overflow:auto; }
.forms-tabs button[b-8rahy0y1dl] { min-height:2.75rem; display:flex; align-items:center; gap:.45rem; border:0; border-radius:var(--fdc-radius-md); padding:.5rem .8rem; color:var(--fdc-color-text-muted); background:transparent; font-weight:700; white-space:nowrap; cursor:pointer; }
.forms-tabs button.selected[b-8rahy0y1dl] { color:var(--fdc-color-text); background:var(--fdc-color-surface-elevated); box-shadow:var(--fdc-shadow-sm); }
.forms-tabs button span[b-8rahy0y1dl] { padding:.05rem .4rem; border-radius:99px; background:var(--fdc-color-surface-interactive); font-size:.7rem; }
.forms-main[b-8rahy0y1dl] { border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface-elevated); overflow:hidden; min-height:20rem; }
.forms-toolbar[b-8rahy0y1dl] { padding:1.15rem 1.25rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; border-bottom:1px solid var(--fdc-color-border); }
.forms-toolbar h2[b-8rahy0y1dl] { font-size:1.1rem; margin:0; }
.forms-search[b-8rahy0y1dl] { display:flex; align-items:center; gap:.5rem; min-width:min(100%,17rem); padding:.45rem .7rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); color:var(--fdc-color-text-muted); }
.forms-search input[b-8rahy0y1dl] { width:100%; border:0; outline:0; background:transparent; color:var(--fdc-color-text); }
.forms-filter-row[b-8rahy0y1dl] { padding:.7rem 1.25rem; display:flex; gap:.8rem; flex-wrap:wrap; border-bottom:1px solid var(--fdc-color-border); }
.forms-filter-row label[b-8rahy0y1dl] { display:flex; align-items:center; gap:.4rem; color:var(--fdc-color-text-muted); font-size:.78rem; font-weight:700; }
.forms-filter-row select[b-8rahy0y1dl],.forms-dialog :is(select,input,textarea)[b-8rahy0y1dl] { padding:.55rem .65rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); color:var(--fdc-color-text); background:var(--fdc-color-surface-elevated); }
.forms-list[b-8rahy0y1dl] { display:grid; }
.forms-row[b-8rahy0y1dl] { display:flex; align-items:center; gap:.85rem; min-height:5rem; padding:.7rem 1.2rem; border-top:1px solid var(--fdc-color-border); }
.forms-row:first-child[b-8rahy0y1dl] { border-top:0; }
.forms-row:hover[b-8rahy0y1dl] { background:var(--fdc-color-surface-interactive); }
.forms-row-icon[b-8rahy0y1dl],.forms-template-icon[b-8rahy0y1dl] { width:2.65rem; height:2.65rem; flex:none; display:grid; place-items:center; border-radius:var(--fdc-radius-md); color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); }
.forms-row-main[b-8rahy0y1dl] { min-width:0; flex:1; display:grid; gap:.2rem; }
.forms-row-main strong[b-8rahy0y1dl] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.forms-row-main span[b-8rahy0y1dl],.forms-row-meta[b-8rahy0y1dl],.forms-template-foot[b-8rahy0y1dl] { color:var(--fdc-color-text-muted); font-size:.78rem; }
.forms-row-meta[b-8rahy0y1dl] { display:flex; gap:.55rem; align-items:center; }
.forms-template-grid[b-8rahy0y1dl] { padding:1rem; display:grid; grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr)); gap:.85rem; }
.forms-template-card[b-8rahy0y1dl] { min-width:0; display:flex; flex-direction:column; gap:.65rem; padding:1rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface-elevated); box-shadow:var(--fdc-shadow-sm); }
.forms-template-card:hover[b-8rahy0y1dl] { border-color:var(--fdc-color-border-strong); }
.forms-template-top[b-8rahy0y1dl],.forms-template-foot[b-8rahy0y1dl] { display:flex; justify-content:space-between; align-items:center; gap:.5rem; }
.forms-template-card h3[b-8rahy0y1dl] { margin:.2rem 0 0; font-size:1rem; }
.forms-template-card p[b-8rahy0y1dl] { margin:0; min-height:2.7rem; color:var(--fdc-color-text-muted); font-size:.82rem; line-height:1.5; }
.forms-template-foot[b-8rahy0y1dl] { flex-wrap:wrap; margin-top:auto; }
.forms-card-actions[b-8rahy0y1dl] { padding-top:.65rem; border-top:1px solid var(--fdc-color-border); }
.forms-card-actions button[b-8rahy0y1dl] { min-height:2.3rem; padding:.35rem .5rem; border:1px solid transparent; border-radius:var(--fdc-radius-sm); background:transparent; color:var(--fdc-color-text); font-size:.8rem; font-weight:700; cursor:pointer; }
.forms-start-menu[b-8rahy0y1dl] { display:flex; flex-wrap:wrap; gap:.45rem; padding:.7rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface-elevated); box-shadow:var(--fdc-shadow-sm); }
.forms-start-menu button[b-8rahy0y1dl] { min-height:2.7rem; display:flex; align-items:center; gap:.4rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); padding:.45rem .7rem; background:var(--fdc-color-surface); color:var(--fdc-color-text); cursor:pointer; }
.forms-start-menu button:hover[b-8rahy0y1dl] { border-color:var(--fdc-color-accent); }
.forms-notice[b-8rahy0y1dl] { padding:.65rem .85rem; border-radius:var(--fdc-radius-md); background:var(--fdc-color-success-soft); color:var(--fdc-color-success); }
.forms-notice.error[b-8rahy0y1dl] { background:var(--fdc-color-danger-soft); color:var(--fdc-color-danger); }
.forms-dialog-backdrop[b-8rahy0y1dl] { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:1rem; background:rgba(13,20,30,.55); }
.forms-dialog[b-8rahy0y1dl] { width:min(100%,30rem); display:grid; gap:1rem; padding:1.3rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface-elevated); color:var(--fdc-color-text); box-shadow:var(--fdc-shadow-lg); }
.forms-dialog header[b-8rahy0y1dl] { display:flex; justify-content:space-between; gap:1rem; align-items:start; }
.forms-dialog h2[b-8rahy0y1dl] { margin:.2rem 0 0; font-size:1.15rem; }
.forms-dialog header button[b-8rahy0y1dl] { border:0; background:transparent; color:inherit; cursor:pointer; }
.forms-dialog p[b-8rahy0y1dl] { margin:0; color:var(--fdc-color-text-muted); font-size:.85rem; }
.forms-dialog label[b-8rahy0y1dl] { display:grid; gap:.35rem; font-weight:700; font-size:.83rem; }
.forms-dialog footer[b-8rahy0y1dl] { justify-content:flex-end; }
@media (max-width:700px) { .forms-row[b-8rahy0y1dl] { align-items:start; flex-wrap:wrap; } .forms-row-main[b-8rahy0y1dl] { flex-basis:calc(100% - 4rem); } .forms-row-meta[b-8rahy0y1dl] { margin-left:3.5rem; } .forms-row > .forms-button[b-8rahy0y1dl] { margin-left:auto; } .forms-search[b-8rahy0y1dl] { width:100%; } .forms-toolbar[b-8rahy0y1dl] { padding:1rem; } }
@media (prefers-reduced-motion:reduce) { .forms-button[b-8rahy0y1dl],.forms-template-card[b-8rahy0y1dl] { transition:none; } }
/* /Components/Pages/Office/FormsRespond.razor.rz.scp.css */
/* 21st.dev Questionnaire 28569 port: discrete sections, quiet progress, large answer targets. */
.respond-page[b-1qkt3ntn4t] { display:grid; gap:1.2rem; max-width:74rem; margin:auto; padding-bottom:3rem; color:var(--fdc-color-text); }
.respond-company-brand[b-1qkt3ntn4t] { display:flex; align-items:center; gap:.8rem; padding:.9rem 1rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface-elevated); }
.respond-company-brand img[b-1qkt3ntn4t] { max-width:7rem; max-height:3.5rem; object-fit:contain; }
.respond-company-brand div[b-1qkt3ntn4t] { display:grid; gap:.15rem; }
.respond-company-brand span[b-1qkt3ntn4t],.respond-company-footer[b-1qkt3ntn4t] { color:var(--fdc-color-text-muted); font-size:.75rem; }
.respond-company-footer[b-1qkt3ntn4t] { display:flex; justify-content:space-between; gap:.5rem; flex-wrap:wrap; padding:.8rem 0; border-top:1px solid var(--fdc-color-border); }
.respond-heading[b-1qkt3ntn4t] { display:grid; gap:.7rem; }
.respond-heading>a[b-1qkt3ntn4t] { display:inline-flex; align-items:center; gap:.35rem; color:var(--fdc-color-accent); font-size:.8rem; font-weight:700; text-decoration:none; }
.respond-eyebrow[b-1qkt3ntn4t] { color:var(--fdc-color-accent); text-transform:uppercase; letter-spacing:.11em; font-size:.68rem; font-weight:800; }
.respond-heading h1[b-1qkt3ntn4t] { margin:.15rem 0; font-size:clamp(1.45rem,2.8vw,2.1rem); }
.respond-heading p[b-1qkt3ntn4t],.respond-panel-head p[b-1qkt3ntn4t] { margin:.3rem 0; color:var(--fdc-color-text-muted); }
.respond-actions[b-1qkt3ntn4t],.respond-bottom-actions[b-1qkt3ntn4t],.respond-review-actions>div[b-1qkt3ntn4t] { display:flex; align-items:center; justify-content:flex-end; gap:.5rem; flex-wrap:wrap; }
.respond-status[b-1qkt3ntn4t] { margin-right:auto; font-size:.78rem; color:var(--fdc-color-success); }
.respond-status.error[b-1qkt3ntn4t] { color:var(--fdc-color-danger); }
.respond-button[b-1qkt3ntn4t] { min-height:2.75rem; display:inline-flex; align-items:center; justify-content:center; gap:.4rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); padding:.5rem .85rem; background:var(--fdc-color-surface-elevated); color:var(--fdc-color-text); font-weight:700; cursor:pointer; }
.respond-button.primary[b-1qkt3ntn4t] { background:var(--fdc-color-accent); border-color:var(--fdc-color-accent); color:var(--fdc-color-on-accent); }
.respond-button:disabled[b-1qkt3ntn4t] { opacity:.55; cursor:not-allowed; }
.respond-layout[b-1qkt3ntn4t] { display:grid; grid-template-columns:minmax(12rem,15rem) minmax(0,1fr); gap:1rem; align-items:start; }
.respond-sections[b-1qkt3ntn4t] { display:grid; gap:.3rem; position:sticky; top:1rem; padding:.8rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface-elevated); }
.respond-sections>.respond-eyebrow[b-1qkt3ntn4t] { margin:.4rem; }
.respond-sections button[b-1qkt3ntn4t] { display:grid; gap:.2rem; min-height:3rem; padding:.55rem .7rem; border:1px solid transparent; border-radius:var(--fdc-radius-md); text-align:left; background:transparent; color:var(--fdc-color-text); cursor:pointer; }
.respond-sections button.selected[b-1qkt3ntn4t] { border-color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); }
.respond-sections button span[b-1qkt3ntn4t] { font-size:.83rem; font-weight:700; }
.respond-sections small[b-1qkt3ntn4t],.respond-tip[b-1qkt3ntn4t] { color:var(--fdc-color-text-muted); font-size:.69rem; }
.respond-tip[b-1qkt3ntn4t] { padding:.6rem .4rem; line-height:1.5; }
.respond-panel[b-1qkt3ntn4t],.respond-review-actions[b-1qkt3ntn4t],.respond-history[b-1qkt3ntn4t] { border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface-elevated); box-shadow:var(--fdc-shadow-sm); padding:clamp(1rem,3vw,1.7rem); }
.respond-panel-head[b-1qkt3ntn4t] { border-bottom:1px solid var(--fdc-color-border); padding-bottom:1rem; margin-bottom:1.25rem; }
.respond-panel-head h2[b-1qkt3ntn4t] { margin:.3rem 0; font-size:1.3rem; }
.respond-row[b-1qkt3ntn4t] { margin:1rem 0; }
.respond-row-head[b-1qkt3ntn4t] { display:flex; justify-content:space-between; align-items:center; margin-bottom:.7rem; padding:.6rem; background:var(--fdc-color-surface); border-radius:var(--fdc-radius-md); }
.respond-row-head button[b-1qkt3ntn4t] { border:0; color:var(--fdc-color-danger); background:transparent; cursor:pointer; }
.respond-field-grid[b-1qkt3ntn4t] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }
.respond-field[b-1qkt3ntn4t] { display:grid; align-content:start; gap:.35rem; min-width:0; }
.respond-field.full[b-1qkt3ntn4t],.respond-layout-field[b-1qkt3ntn4t] { grid-column:1/-1; }
.respond-field>small[b-1qkt3ntn4t] { color:var(--fdc-color-text-muted); font-size:.75rem; }
.respond-label[b-1qkt3ntn4t] { display:grid; gap:.35rem; font-size:.84rem; font-weight:700; }
.respond-label em[b-1qkt3ntn4t] { color:var(--fdc-color-danger); font-style:normal; }
.respond-field :is(input:not([type=radio]):not([type=checkbox]),select,textarea)[b-1qkt3ntn4t],.respond-label textarea[b-1qkt3ntn4t],.respond-signature input[b-1qkt3ntn4t] { box-sizing:border-box; width:100%; min-height:2.8rem; padding:.65rem .75rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); color:var(--fdc-color-text); background:var(--fdc-color-surface); font:inherit; }
.respond-field :is(input,select,textarea):disabled[b-1qkt3ntn4t] { opacity:.8; }
.respond-field fieldset[b-1qkt3ntn4t] { display:grid; gap:.4rem; border:0; margin:.2rem 0; padding:0; }
.respond-choice[b-1qkt3ntn4t] { min-height:2.75rem; display:flex; align-items:center; gap:.6rem; padding:.5rem .65rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); font-size:.84rem; cursor:pointer; }
.respond-choice:has(input:checked)[b-1qkt3ntn4t] { border-color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); }
.respond-choice input[b-1qkt3ntn4t] { flex:none; width:1rem; height:1rem; accent-color:var(--fdc-color-accent); }
.respond-number[b-1qkt3ntn4t] { display:flex; align-items:center; gap:.5rem; }
.respond-number>span[b-1qkt3ntn4t] { font-size:.75rem; color:var(--fdc-color-text-muted); }
.respond-signature[b-1qkt3ntn4t],.respond-evidence[b-1qkt3ntn4t] { display:grid; gap:.6rem; padding:.85rem; border:1px dashed var(--fdc-color-border); border-radius:var(--fdc-radius-md); }
.respond-signature p[b-1qkt3ntn4t] { margin:0; color:var(--fdc-color-text-muted); font-size:.75rem; }
.respond-evidence[b-1qkt3ntn4t] { display:grid; gap:.6rem; color:var(--fdc-color-text); font-size:.78rem; }
.respond-evidence>label[b-1qkt3ntn4t] { display:grid; gap:.35rem; font-weight:700; }
.respond-evidence input[type=file][b-1qkt3ntn4t] { min-height:2.8rem; padding:.5rem; }
.respond-evidence>small[b-1qkt3ntn4t] { color:var(--fdc-color-text-muted); }
.respond-evidence-item[b-1qkt3ntn4t] { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; padding:.45rem .6rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); overflow-wrap:anywhere; }
.respond-evidence-item span[b-1qkt3ntn4t] { flex:1; min-width:8rem; }
.respond-evidence-item :is(button,a)[b-1qkt3ntn4t] { border:0; padding:.3rem; background:transparent; color:var(--fdc-color-accent); cursor:pointer; font:inherit; font-weight:700; }
.respond-layout-field[b-1qkt3ntn4t] { margin:.4rem 0; }
.respond-divider[b-1qkt3ntn4t] { color:var(--fdc-color-text-muted); font-size:.73rem; }
.respond-bottom-actions[b-1qkt3ntn4t] { margin-top:1.5rem; padding-top:1rem; border-top:1px solid var(--fdc-color-border); }
.respond-alert[b-1qkt3ntn4t] { padding:.8rem 1rem; border:1px solid var(--fdc-color-warning); border-radius:var(--fdc-radius-md); background:var(--fdc-color-warning-soft); color:var(--fdc-color-text); font-size:.82rem; }
.respond-alert p[b-1qkt3ntn4t] { margin:.2rem 0; }
.respond-alert ul[b-1qkt3ntn4t] { margin:.5rem 0; padding-left:1.3rem; }
.respond-review-section[b-1qkt3ntn4t] { margin:.8rem 0; padding:.8rem 0; border-bottom:1px solid var(--fdc-color-border); }
.respond-review-section h3[b-1qkt3ntn4t] { font-size:.95rem; }
.respond-review-section>div[b-1qkt3ntn4t] { display:flex; justify-content:space-between; gap:1rem; margin:.5rem 0; font-size:.8rem; }
.respond-review-section>div span[b-1qkt3ntn4t] { color:var(--fdc-color-text-muted); }
.respond-review-section>div strong[b-1qkt3ntn4t] { max-width:60%; overflow-wrap:anywhere; text-align:right; }
.respond-row-label[b-1qkt3ntn4t] { color:var(--fdc-color-text-muted); font-size:.7rem; font-weight:700; }
.respond-review-actions[b-1qkt3ntn4t] { display:grid; gap:.7rem; }
.respond-review-actions h2[b-1qkt3ntn4t] { margin:0; font-size:1.05rem; }
.respond-failure-item[b-1qkt3ntn4t] { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.7rem 0; border-top:1px solid var(--fdc-color-border); }
.respond-failure-item>div[b-1qkt3ntn4t] { display:grid; gap:.2rem; min-width:0; }
.respond-failure-item small[b-1qkt3ntn4t] { color:var(--fdc-color-text-muted); }
.respond-followup-form[b-1qkt3ntn4t] { display:grid; gap:.75rem; max-width:38rem; padding:1rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface); }
.respond-followup-form h3[b-1qkt3ntn4t],.respond-followup-form p[b-1qkt3ntn4t] { margin:0; }
.respond-followup-form p[b-1qkt3ntn4t] { color:var(--fdc-color-text-muted); font-size:.8rem; }
.respond-followup-form :is(input,textarea,select)[b-1qkt3ntn4t] { width:100%; min-height:2.7rem; padding:.6rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface-elevated); color:var(--fdc-color-text); font:inherit; }
.respond-history summary[b-1qkt3ntn4t] { cursor:pointer; font-weight:700; }
.respond-history p[b-1qkt3ntn4t] { color:var(--fdc-color-text-muted); font-size:.78rem; }
.respond-page :is(button,input,select,textarea,a):focus-visible[b-1qkt3ntn4t] { outline:3px solid var(--fdc-color-accent); outline-offset:2px; }
@media(max-width:760px) { .respond-layout[b-1qkt3ntn4t] { grid-template-columns:1fr; } .respond-sections[b-1qkt3ntn4t] { position:static; display:flex; overflow-x:auto; align-items:center; } .respond-sections button[b-1qkt3ntn4t] { min-width:9rem; } .respond-tip[b-1qkt3ntn4t] { display:none; } .respond-field-grid[b-1qkt3ntn4t] { grid-template-columns:1fr; } .respond-field.half[b-1qkt3ntn4t] { grid-column:1/-1; } .respond-actions .respond-button[b-1qkt3ntn4t] { flex:1; } .respond-failure-item[b-1qkt3ntn4t] { align-items:stretch; flex-direction:column; } }
/* /Components/Pages/Office/JobBoard.razor.rz.scp.css */
.jobs-board[b-tzu58m4oll] {
    display: grid;
    grid-auto-columns: minmax(18rem, 1fr);
    grid-auto-flow: column;
    gap: var(--fdc-space-4);
    padding: 0 0 var(--fdc-space-3);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
}

.jobs-board-lane[b-tzu58m4oll] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: var(--fdc-space-3);
    padding: var(--fdc-space-3);
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-lg);
    background: color-mix(in srgb, var(--fdc-color-background-secondary) 78%, transparent);
    scroll-snap-align: start;
}

.jobs-board-lane > header[b-tzu58m4oll] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--fdc-space-2);
    padding: var(--fdc-space-1);
}

.jobs-board-lane-marker[b-tzu58m4oll] {
    width: 0.56rem;
    height: 0.56rem;
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-text-muted);
    box-shadow: 0 0 0 0.24rem color-mix(in srgb, var(--fdc-color-text-muted) 13%, transparent);
}

.jobs-board-lane-marker.info[b-tzu58m4oll] { background: var(--fdc-color-info); }
.jobs-board-lane-marker.warning[b-tzu58m4oll] { background: var(--fdc-color-warning); }
.jobs-board-lane-marker.success[b-tzu58m4oll] { background: var(--fdc-color-success); }
.jobs-board-lane-marker.violet[b-tzu58m4oll] { background: #8067d4; }

.jobs-board-lane > header div[b-tzu58m4oll] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.jobs-board-lane h2[b-tzu58m4oll] {
    margin: 0;
    color: var(--fdc-color-text);
    font-size: 0.82rem;
}

.jobs-board-lane header div > span[b-tzu58m4oll] {
    color: var(--fdc-color-text-muted);
    font-size: 0.66rem;
}

.jobs-board-lane header > strong[b-tzu58m4oll] {
    min-width: 1.72rem;
    height: 1.72rem;
    display: grid;
    place-items: center;
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-surface);
    color: var(--fdc-color-text-secondary);
    font-size: 0.68rem;
}

.jobs-board-stack[b-tzu58m4oll] {
    display: grid;
    align-content: start;
    gap: var(--fdc-space-3);
}

.jobs-board-empty[b-tzu58m4oll] {
    min-height: 7rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: var(--fdc-space-2);
    border: 1px dashed var(--fdc-color-border-strong);
    border-radius: var(--fdc-radius-md);
    color: var(--fdc-color-text-muted);
    font-size: 0.72rem;
}

@media (max-width: 720px) {
    .jobs-board[b-tzu58m4oll] {
        grid-auto-columns: minmax(16.5rem, 88vw);
    }
}
/* /Components/Pages/Office/JobCard.razor.rz.scp.css */
.jobs-card[b-bxuqz66ibe] {
    min-width: 0;
    display: grid;
    gap: var(--fdc-space-4);
    padding: var(--fdc-space-4);
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-lg);
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--fdc-color-accent-soft) 54%, transparent), transparent 45%),
        var(--fdc-color-surface);
    box-shadow: var(--fdc-shadow-sm);
    transition:
        transform var(--fdc-motion-standard) var(--fdc-ease-standard),
        border-color var(--fdc-motion-standard) var(--fdc-ease-standard),
        box-shadow var(--fdc-motion-standard) var(--fdc-ease-standard);
}

.jobs-card:hover[b-bxuqz66ibe] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--fdc-color-accent) 34%, var(--fdc-color-border));
    box-shadow: var(--fdc-shadow-md);
}

.jobs-card.selected[b-bxuqz66ibe] {
    border-color: var(--fdc-color-accent);
    box-shadow: 0 0 0 2px var(--fdc-color-accent-soft), var(--fdc-shadow-md);
}

.jobs-card-header[b-bxuqz66ibe] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--fdc-space-3);
}

.jobs-card-mark[b-bxuqz66ibe] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--fdc-color-accent) 22%, var(--fdc-color-border));
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-accent-soft);
    color: var(--fdc-color-accent);
}

.jobs-card-title[b-bxuqz66ibe] {
    min-width: 0;
    display: grid;
    gap: 0.16rem;
}

.jobs-card-title a[b-bxuqz66ibe] {
    overflow: hidden;
    color: var(--fdc-color-text);
    font-size: 0.9rem;
    font-weight: 820;
    line-height: 1.2;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jobs-card-title a:hover[b-bxuqz66ibe] {
    color: var(--fdc-color-accent);
}

.jobs-card-title a:focus-visible[b-bxuqz66ibe],
.jobs-card-open:focus-visible[b-bxuqz66ibe] {
    outline: 0;
    border-radius: var(--fdc-radius-xs);
    box-shadow: var(--fdc-focus-ring);
}

.jobs-card-title span[b-bxuqz66ibe],
.jobs-card-service span[b-bxuqz66ibe],
.jobs-card-dispatch[b-bxuqz66ibe] {
    overflow: hidden;
    color: var(--fdc-color-text-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jobs-card-service[b-bxuqz66ibe] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: var(--fdc-space-2);
}

.jobs-card-service strong[b-bxuqz66ibe] {
    overflow: hidden;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jobs-card-meta[b-bxuqz66ibe] {
    display: grid;
    gap: var(--fdc-space-2);
}

.jobs-card-meta > span[b-bxuqz66ibe] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--fdc-space-2);
    color: var(--fdc-color-text-secondary);
    font-size: 0.73rem;
}

.jobs-card-meta > span > span[b-bxuqz66ibe] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jobs-card-meta[b-bxuqz66ibe]  .icon-shell {
    color: var(--fdc-color-text-muted);
}

.jobs-card-footer[b-bxuqz66ibe] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: var(--fdc-space-2);
    padding-top: var(--fdc-space-3);
    border-top: 1px solid var(--fdc-color-border);
}

.jobs-card-dispatch[b-bxuqz66ibe] {
    min-width: 0;
    flex: 1;
}

.jobs-card-open[b-bxuqz66ibe] {
    display: inline-flex;
    align-items: center;
    gap: var(--fdc-space-1);
    color: var(--fdc-color-accent);
    font-size: 0.72rem;
    font-weight: 780;
    text-decoration: none;
    white-space: nowrap;
}

.jobs-card-compact[b-bxuqz66ibe] {
    gap: var(--fdc-space-3);
    padding: var(--fdc-space-3);
    border-radius: var(--fdc-radius-md);
    box-shadow: none;
}

.jobs-card-compact .jobs-card-header[b-bxuqz66ibe] {
    grid-template-columns: auto minmax(0, 1fr);
}

.jobs-card-compact .jobs-card-header[b-bxuqz66ibe]  .fdc-status {
    grid-column: 1 / -1;
    justify-self: start;
}

.jobs-card-compact .jobs-card-meta[b-bxuqz66ibe] {
    gap: var(--fdc-space-1);
}

@media (max-width: 420px) {
    .jobs-card-header[b-bxuqz66ibe] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .jobs-card-header[b-bxuqz66ibe]  .fdc-status {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .jobs-card[b-bxuqz66ibe] {
        transition: none;
    }
}
/* /Components/Pages/Office/JobPins.razor.rz.scp.css */
.job-pins-job-picker[b-5zgfct4xf8] {
    display: grid;
    gap: .5rem;
    max-width: 48rem;
    margin-top: 1.25rem;
    min-width: 0;
    font-size: .85rem;
    font-weight: 600;
}

.job-pins-job-picker select[b-5zgfct4xf8] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    box-sizing: border-box;
    padding: .65rem .8rem;
    border: 1px solid var(--fdc-color-border, #dce3ed);
    border-radius: .55rem;
    background: var(--surface, #fff);
    color: var(--text, #142a42);
    font: inherit;
    font-weight: 400;
}

.job-pins-job-picker select:focus-visible[b-5zgfct4xf8] {
    outline: 3px solid var(--fdc-color-info, #27639e);
    outline-offset: 3px;
}
/* /Components/Pages/Office/Jobs.razor.rz.scp.css */
/* 21st.dev reference composition:
   Task Filters, Users List Datatable, Project Detail View, and the selected reusable
   view-switcher/card/board components. Platform tokens preserve light/dark behavior. */
.jobs-page-header[b-dzswcjgnx5] {
    align-items: end;
    padding: var(--fdc-space-2) 0 var(--fdc-space-5);
}

.jobs-page-header h1[b-dzswcjgnx5] {
    letter-spacing: -0.045em;
}

.jobs-page-header .page-actions[b-dzswcjgnx5] {
    align-items: center;
}

.jobs-loading[b-dzswcjgnx5] {
    display: grid;
    gap: var(--fdc-space-4);
}

.jobs-pulse[b-dzswcjgnx5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--fdc-space-3);
    margin-bottom: var(--fdc-space-5);
}

.jobs-control-surface[b-dzswcjgnx5] {
    display: grid;
    gap: var(--fdc-space-4);
    margin-bottom: var(--fdc-space-4);
    padding: var(--fdc-space-4);
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-lg);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--fdc-color-accent-soft) 38%, transparent), transparent 48%),
        var(--fdc-color-surface);
    box-shadow: var(--fdc-shadow-sm);
}

.jobs-control-heading[b-dzswcjgnx5] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--fdc-space-4);
}

.jobs-control-heading > div:first-child[b-dzswcjgnx5] {
    min-width: 0;
    display: grid;
    gap: var(--fdc-space-1);
}

.jobs-control-heading h2[b-dzswcjgnx5],
.jobs-control-heading p[b-dzswcjgnx5] {
    margin: 0;
}

.jobs-control-heading h2[b-dzswcjgnx5] {
    color: var(--fdc-color-text);
    font-size: 1.05rem;
    letter-spacing: -0.025em;
}

.jobs-control-heading p[b-dzswcjgnx5] {
    color: var(--fdc-color-text-muted);
    font-size: 0.76rem;
}

.jobs-filter-form[b-dzswcjgnx5] {
    display: grid;
    grid-template-columns: minmax(18rem, 1.35fr) minmax(0, 2fr) auto;
    gap: var(--fdc-space-3);
    align-items: end;
}

.jobs-search-field[b-dzswcjgnx5] {
    min-width: 0;
    min-height: var(--fdc-tap-target);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--fdc-space-2);
    padding: 0 var(--fdc-space-3);
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-background-secondary);
    color: var(--fdc-color-text-muted);
}

.jobs-search-field:focus-within[b-dzswcjgnx5] {
    border-color: var(--fdc-color-accent);
    box-shadow: var(--fdc-focus-ring);
}

.jobs-search-field input[b-dzswcjgnx5] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--fdc-color-text);
    font-size: 0.78rem;
}

.jobs-search-field input[b-dzswcjgnx5]::placeholder {
    color: var(--fdc-color-text-muted);
}

.jobs-search-field > a[b-dzswcjgnx5] {
    width: var(--fdc-tap-target);
    height: var(--fdc-tap-target);
    display: grid;
    place-items: center;
    border-radius: var(--fdc-radius-pill);
    color: var(--fdc-color-text-muted);
}

.jobs-search-field > a:hover[b-dzswcjgnx5] {
    background: var(--fdc-color-surface-interactive);
    color: var(--fdc-color-text);
}

.jobs-filter-grid[b-dzswcjgnx5] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(7.5rem, 1fr));
    gap: var(--fdc-space-2);
}

.jobs-filter-grid label[b-dzswcjgnx5] {
    min-width: 0;
    display: grid;
    gap: 0.28rem;
}

.jobs-filter-grid label > span[b-dzswcjgnx5] {
    color: var(--fdc-color-text-muted);
    font-size: 0.62rem;
    font-weight: 760;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.jobs-filter-grid select[b-dzswcjgnx5] {
    min-width: 0;
    width: 100%;
    min-height: var(--fdc-tap-target);
    padding: 0.55rem 1.85rem 0.55rem 0.68rem;
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-md);
    background-color: var(--fdc-color-background-secondary);
    color: var(--fdc-color-text);
    font-size: 0.72rem;
}

.jobs-filter-grid select:focus-visible[b-dzswcjgnx5] {
    outline: 0;
    border-color: var(--fdc-color-accent);
    box-shadow: var(--fdc-focus-ring);
}

.jobs-filter-footer[b-dzswcjgnx5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--fdc-space-2);
}

.jobs-filter-footer > span[b-dzswcjgnx5] {
    color: var(--fdc-color-text-muted);
    font-size: 0.68rem;
    white-space: nowrap;
}

.jobs-active-filters[b-dzswcjgnx5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--fdc-space-2);
    padding-top: var(--fdc-space-3);
    border-top: 1px solid var(--fdc-color-border);
}

.jobs-active-filters > span[b-dzswcjgnx5] {
    max-width: min(100%, 19rem);
    display: inline-flex;
    align-items: center;
    gap: var(--fdc-space-1);
    padding: 0.36rem 0.62rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--fdc-color-accent) 22%, var(--fdc-color-border));
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-accent-soft);
    color: var(--fdc-color-accent);
    font-size: 0.68rem;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jobs-results-layout[b-dzswcjgnx5] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr);
}

.jobs-card-grid[b-dzswcjgnx5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--fdc-space-4);
}

.jobs-table-shell[b-dzswcjgnx5] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-lg);
    background: var(--fdc-color-surface);
    box-shadow: var(--fdc-shadow-sm);
}

.jobs-table-scroll[b-dzswcjgnx5] {
    /* Keep absolute accessible labels inside the horizontal scroll region. */
    position: relative;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    border-radius: inherit;
}

.jobs-table[b-dzswcjgnx5] {
    width: 100%;
    min-width: 61rem;
    border-collapse: collapse;
}

.jobs-table th[b-dzswcjgnx5] {
    padding: 0.78rem var(--fdc-space-3);
    border-bottom: 1px solid var(--fdc-color-border);
    background: color-mix(in srgb, var(--fdc-color-background-secondary) 82%, transparent);
    color: var(--fdc-color-text-muted);
    font-size: 0.62rem;
    font-weight: 820;
    letter-spacing: 0.055em;
    text-align: left;
    text-transform: uppercase;
}

.jobs-table td[b-dzswcjgnx5] {
    min-width: 0;
    padding: 0.86rem var(--fdc-space-3);
    border-bottom: 1px solid var(--fdc-color-border);
    color: var(--fdc-color-text-secondary);
    font-size: 0.73rem;
    vertical-align: middle;
}

.jobs-table tbody tr:last-child td[b-dzswcjgnx5] {
    border-bottom: 0;
}

.jobs-table tbody tr[b-dzswcjgnx5] {
    transition: background-color var(--fdc-motion-fast) var(--fdc-ease-standard);
}

.jobs-table tbody tr:hover[b-dzswcjgnx5] {
    background: var(--fdc-color-surface-interactive);
}

.jobs-table tbody tr.selected-row[b-dzswcjgnx5] {
    background: var(--fdc-color-accent-soft);
}

.jobs-table td:first-child[b-dzswcjgnx5],
.jobs-table td:nth-child(2)[b-dzswcjgnx5] {
    display: table-cell;
}

.jobs-table td:first-child > span[b-dzswcjgnx5],
.jobs-table td:nth-child(2) > span[b-dzswcjgnx5] {
    display: block;
    max-width: 18rem;
    margin-top: 0.2rem;
    overflow: hidden;
    color: var(--fdc-color-text-muted);
    font-size: 0.66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jobs-table-primary[b-dzswcjgnx5] {
    color: var(--fdc-color-text);
    font-weight: 820;
    text-decoration: none;
}

.jobs-table-primary:hover[b-dzswcjgnx5] {
    color: var(--fdc-color-accent);
}

.jobs-technician[b-dzswcjgnx5] {
    display: inline-flex;
    align-items: center;
    gap: var(--fdc-space-2);
    white-space: nowrap;
}

.jobs-technician-avatar[b-dzswcjgnx5] {
    width: 1.85rem;
    height: 1.85rem;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--fdc-color-accent) 20%, var(--fdc-color-border));
    border-radius: var(--fdc-radius-pill);
    background: var(--fdc-color-accent-soft);
    color: var(--fdc-color-accent);
    font-size: 0.61rem;
    font-weight: 820;
}

.jobs-schedule[b-dzswcjgnx5] {
    white-space: nowrap;
}

@media (max-width: 1480px) {
    .jobs-filter-form[b-dzswcjgnx5] {
        grid-template-columns: minmax(16rem, 1fr) minmax(0, 2fr);
    }

    .jobs-filter-footer[b-dzswcjgnx5] {
        grid-column: 1 / -1;
    }

    .jobs-card-grid[b-dzswcjgnx5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .jobs-pulse[b-dzswcjgnx5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .jobs-filter-form[b-dzswcjgnx5] {
        grid-template-columns: 1fr;
    }

    .jobs-filter-grid[b-dzswcjgnx5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .jobs-filter-footer[b-dzswcjgnx5] {
        grid-column: auto;
    }
}

@media (max-width: 720px) {
    .jobs-page-header[b-dzswcjgnx5] {
        align-items: stretch;
    }

    .jobs-page-header .page-actions[b-dzswcjgnx5] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }

    .jobs-control-heading[b-dzswcjgnx5] {
        align-items: stretch;
        flex-direction: column;
    }

    .jobs-card-grid[b-dzswcjgnx5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .jobs-pulse[b-dzswcjgnx5],
    .jobs-filter-grid[b-dzswcjgnx5] {
        grid-template-columns: 1fr;
    }

    .jobs-control-surface[b-dzswcjgnx5] {
        padding: var(--fdc-space-3);
    }

    .jobs-filter-footer[b-dzswcjgnx5] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .jobs-filter-footer > span[b-dzswcjgnx5] {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .jobs-table tbody tr[b-dzswcjgnx5] {
        transition: none;
    }
}
/* /Components/Pages/Office/Leads.razor.rz.scp.css */
.leads-summary[b-w5cp1cq06u] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--fdc-space-4); }
.leads-summary > a[b-w5cp1cq06u] { display: grid; gap: var(--fdc-space-2); padding: var(--fdc-space-5); border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-lg); background: var(--fdc-color-surface); color: var(--fdc-color-text); text-decoration: none; box-shadow: var(--fdc-shadow-sm); }
.leads-summary strong[b-w5cp1cq06u] { font-size: 2rem; font-variant-numeric: tabular-nums; }
.leads-summary small[b-w5cp1cq06u], .leads-summary span[b-w5cp1cq06u] { font-size: .875rem; color: var(--fdc-color-text-secondary); }
.leads-summary a:hover[b-w5cp1cq06u], .leads-summary a:focus-visible[b-w5cp1cq06u] { border-color: var(--fdc-color-accent); box-shadow: var(--fdc-shadow-md); }
.leads-directory[b-w5cp1cq06u] { display: grid; gap: var(--fdc-space-6); min-width: 0; }
.leads-directory-header[b-w5cp1cq06u] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--fdc-space-4); }
.leads-directory-header h2[b-w5cp1cq06u] { margin: 0; font-size: 1.25rem; }
.leads-directory-header p[b-w5cp1cq06u] { color: var(--fdc-color-text-secondary); margin: var(--fdc-space-1) 0 0; font-size: .875rem; }
.leads-filters[b-w5cp1cq06u] { display: grid; grid-template-columns: minmax(200px,2fr) repeat(4,minmax(100px,1fr)) auto auto; gap: var(--fdc-space-3); padding: var(--fdc-space-4); background: var(--fdc-color-surface); border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-lg); }
.leads-filters label[b-w5cp1cq06u] { min-width: 0; margin: 0; }
.leads-search[b-w5cp1cq06u] { display: flex; align-items: center; gap: var(--fdc-space-2); }
.leads-filters input[b-w5cp1cq06u], .leads-filters select[b-w5cp1cq06u] { width: 100%; min-height: var(--fdc-tap-target); }
.leads-pagination[b-w5cp1cq06u], .leads-pagination > div[b-w5cp1cq06u] { display: flex; align-items: center; justify-content: space-between; gap: var(--fdc-space-3); flex-wrap: wrap; font-size: .875rem; }
.leads-list[b-w5cp1cq06u] { border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-lg); background: var(--fdc-color-surface); overflow: auto; }
.leads-list small[b-w5cp1cq06u] { display: block; color: var(--fdc-color-text-secondary); }
.leads-list a[b-w5cp1cq06u] { font-weight: 700; color: var(--fdc-color-text); }
.leads-phone-list[b-w5cp1cq06u] { display: none; }
.leads-outcomes[b-w5cp1cq06u] { min-width: 0; overflow: auto; }
.leads-outcomes summary[b-w5cp1cq06u] { font-size: 1rem; font-weight: 600; cursor: pointer; min-height: var(--fdc-tap-target); }
.lead-workspace[b-w5cp1cq06u]  .command-card { grid-column: auto; }
.lead-workspace[b-w5cp1cq06u]  .command-card.wide { grid-column: 1 / -1; }
.leads-detail-grid[b-w5cp1cq06u] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--fdc-space-5); }
.leads-next-action[b-w5cp1cq06u], .leads-activity[b-w5cp1cq06u] { display: grid; gap: var(--fdc-space-3); }
.leads-next-action[b-w5cp1cq06u] { background: var(--fdc-color-accent-soft); padding: var(--fdc-space-4); border-radius: var(--fdc-radius-md); margin-bottom: var(--fdc-space-4); }
.leads-activity article[b-w5cp1cq06u] { display: grid; gap: var(--fdc-space-2); border-bottom: 1px solid var(--fdc-color-border); padding-bottom: var(--fdc-space-4); overflow-wrap: anywhere; }
.leads-activity small[b-w5cp1cq06u] { color: var(--fdc-color-text-secondary); font-size: .875rem; }
.leads-workspace-identity[b-w5cp1cq06u], .leads-workspace-actions[b-w5cp1cq06u] { display: flex; gap: var(--fdc-space-4); align-items: center; flex-wrap: wrap; }
.leads-workspace-actions[b-w5cp1cq06u] { margin-top: var(--fdc-space-5); }
.leads-note[b-w5cp1cq06u] { white-space: pre-wrap; overflow-wrap: anywhere; }
.leads-references[b-w5cp1cq06u] { display: grid; gap: var(--fdc-space-3); margin: var(--fdc-space-4) 0; }
.leads-reference[b-w5cp1cq06u] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--fdc-space-3); padding: var(--fdc-space-4); border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); color: var(--fdc-color-text); text-decoration: none; overflow-wrap: anywhere; }
.leads-reference span[b-w5cp1cq06u] { color: var(--fdc-color-text-secondary); }
.lead-workspace[b-w5cp1cq06u]  .fdc-lead-checkbox { display: flex; align-items: start; gap: var(--fdc-space-3); }
.lead-workspace[b-w5cp1cq06u]  .fdc-lead-checkbox input { width: 1.25rem; min-width: 1.25rem; height: 1.25rem; min-height: 1.25rem; margin-top: .125rem; }
@media(max-width: 1200px) { .leads-filters[b-w5cp1cq06u] { grid-template-columns: repeat(3,minmax(0,1fr)); } .leads-search[b-w5cp1cq06u] { grid-column: span 2; } }
@media(max-width: 720px) { .leads-summary[b-w5cp1cq06u], .leads-detail-grid[b-w5cp1cq06u] { grid-template-columns: repeat(2,minmax(0,1fr)); } .leads-filters[b-w5cp1cq06u] { grid-template-columns: repeat(2,minmax(0,1fr)); } .leads-search[b-w5cp1cq06u] { grid-column: 1 / -1; } .leads-list[b-w5cp1cq06u] { display: none; } .leads-phone-list[b-w5cp1cq06u] { display: grid; gap: var(--fdc-space-4); } }
@media(max-width: 480px) { .leads-detail-grid[b-w5cp1cq06u] { grid-template-columns: minmax(0,1fr); } .leads-summary > a[b-w5cp1cq06u] { padding: var(--fdc-space-4); } }
/* /Components/Pages/Office/PaymentSetupContent.razor.rz.scp.css */
/* 21st.dev 7ovr / pricing-3: single-card hierarchy, feature rows and primary CTA. */
.payment-setup-card[b-t1j7u7suph] { max-width: 780px; padding: 28px; }
.payment-setup-card header[b-t1j7u7suph] { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.payment-setup-steps[b-t1j7u7suph] { padding-left: 24px; margin: 24px 0; }
.payment-setup-steps li[b-t1j7u7suph] { padding: 10px 0 10px 8px; }
.payment-setup-steps span[b-t1j7u7suph] { display: block; color: var(--fdc-color-text-secondary); margin-top: 4px; }
.payment-readiness[b-t1j7u7suph] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; border-block: 1px solid var(--fdc-color-border); padding: 16px 0; }
.payment-readiness dt[b-t1j7u7suph], .payment-setup-note[b-t1j7u7suph] { color: var(--fdc-color-text-secondary); font-size: .875rem; line-height: 1.6; }
.payment-readiness dd[b-t1j7u7suph] { margin: 4px 0 0; font-weight: 600; }
.payment-setup-note[b-t1j7u7suph] { margin-top: 16px; }
@media (max-width: 600px) { .payment-setup-card[b-t1j7u7suph] { padding: 18px; } .payment-readiness[b-t1j7u7suph] { grid-template-columns: 1fr; } }
/* /Components/Pages/Office/PortalRolePreviewContent.razor.rz.scp.css */
.role-preview-page[b-izbdqhfh5n]{padding-top:24px;color:var(--fdc-color-text,#17314f)}
.role-preview-segment.selected[b-izbdqhfh5n],.role-preview-navigation a.selected[b-izbdqhfh5n]{color:var(--fdc-color-on-accent,#fff)!important}
.role-preview-heading[b-izbdqhfh5n]{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.role-preview-heading h1[b-izbdqhfh5n]{margin:4px 0 8px;font-size:clamp(1.7rem,3vw,2.4rem)}.role-preview-heading p[b-izbdqhfh5n]{margin:0;color:var(--fdc-color-text-muted,#59718a);max-width:65ch}
.role-preview-operator[b-izbdqhfh5n]{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:1px solid var(--fdc-color-border,#d8e1ec);border-radius:14px;background:var(--fdc-color-surface,#fff)}.role-preview-operator span[b-izbdqhfh5n]{font-size:.8rem;color:var(--fdc-color-text-muted,#59718a)}
.role-preview-controls[b-izbdqhfh5n]{padding:20px!important;margin-bottom:24px}.role-preview-controls form[b-izbdqhfh5n]{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr);gap:24px;align-items:end}
.role-preview-segments[b-izbdqhfh5n]{border:0;padding:0;margin:0;min-width:0}.role-preview-segments legend[b-izbdqhfh5n],.role-preview-context-picker>label[b-izbdqhfh5n]{font-size:.86rem;font-weight:600;margin-bottom:8px}.role-preview-segment-track[b-izbdqhfh5n]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;border:1px solid var(--fdc-color-border,#d8e1ec);border-radius:12px;background:var(--fdc-color-background-secondary,#e9eef5);gap:4px}
.role-preview-segment[b-izbdqhfh5n]{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:8px;font-size:.88rem;cursor:pointer;transition:background .12s ease}.role-preview-segment input[b-izbdqhfh5n]{width:16px;height:16px;accent-color:var(--fdc-color-accent,#225d9d);margin:0}.role-preview-segment.selected[b-izbdqhfh5n]{background:var(--fdc-color-accent,#225d9d);color:white}.role-preview-segment.selected input[b-izbdqhfh5n]{accent-color:white}.role-preview-segment.unavailable[b-izbdqhfh5n]{opacity:.5;cursor:default}.role-preview-segment:focus-within[b-izbdqhfh5n]{outline:2px solid var(--fdc-color-accent,#225d9d);outline-offset:2px}
.role-preview-context-picker[b-izbdqhfh5n]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.role-preview-context-picker>label[b-izbdqhfh5n]{grid-column:1/-1;margin:0}.role-preview-context-picker select[b-izbdqhfh5n]{width:100%;min-width:0;min-height:44px;background:var(--fdc-color-surface,#fff);color:var(--fdc-color-text,#17314f);border:1px solid var(--fdc-color-border,#d8e1ec);border-radius:9px;padding:10px}.role-preview-context-picker button[b-izbdqhfh5n]{min-height:44px}
.role-preview-guidance[b-izbdqhfh5n]{font-size:.82rem;color:var(--fdc-color-text-muted,#59718a);margin:12px 0 0;max-width:90ch}
.role-preview-workspace[b-izbdqhfh5n]{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.role-preview-navigation[b-izbdqhfh5n]{align-self:start;background:var(--fdc-color-surface,#fff);border:1px solid var(--fdc-color-border,#d8e1ec);border-radius:16px;padding:14px}.role-preview-subject[b-izbdqhfh5n]{display:flex;flex-direction:column;gap:6px;padding:8px 10px 16px;overflow-wrap:anywhere}.role-preview-subject span[b-izbdqhfh5n]{font-size:.82rem;color:var(--fdc-color-text-muted,#59718a)}.role-preview-navigation nav[b-izbdqhfh5n]{display:flex;flex-direction:column;gap:5px}.role-preview-navigation a[b-izbdqhfh5n]{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;border-radius:9px;color:var(--fdc-color-text,#17314f);text-decoration:none}.role-preview-navigation a.selected[b-izbdqhfh5n]{background:var(--fdc-color-accent,#225d9d);color:white}
.role-preview-records[b-izbdqhfh5n]{min-width:0}.role-preview-record-heading[b-izbdqhfh5n]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.role-preview-record-heading h2[b-izbdqhfh5n]{margin:0 0 7px}.role-preview-record-heading p[b-izbdqhfh5n]{margin:0;color:var(--fdc-color-text-muted,#59718a);overflow-wrap:anywhere}.role-preview-readonly[b-izbdqhfh5n]{white-space:nowrap;border:1px solid var(--fdc-color-border,#d8e1ec);border-radius:999px;padding:6px 10px;font-size:.8rem}.role-preview-record[b-izbdqhfh5n]{padding:20px!important;margin-bottom:14px}.role-preview-record header[b-izbdqhfh5n]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.role-preview-record h3[b-izbdqhfh5n]{margin:0;font-size:1.05rem;overflow-wrap:anywhere}.role-preview-record header>span[b-izbdqhfh5n]{font-size:.82rem;color:var(--fdc-color-text-muted,#59718a);overflow-wrap:anywhere}
.role-preview-record dl[b-izbdqhfh5n]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 0}.role-preview-record dt[b-izbdqhfh5n]{font-size:.8rem;color:var(--fdc-color-text-muted,#59718a);margin-bottom:5px}.role-preview-record dd[b-izbdqhfh5n]{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.role-preview-actions[b-izbdqhfh5n]{display:flex;align-items:flex-start;gap:9px;padding:14px;border:1px solid var(--fdc-color-border,#d8e1ec);border-radius:12px;color:var(--fdc-color-text-muted,#59718a);font-size:.88rem}.role-preview-scope[b-izbdqhfh5n]{margin-top:16px;font-size:.88rem;color:var(--fdc-color-text-muted,#59718a)}.role-preview-scope summary[b-izbdqhfh5n]{min-height:44px;cursor:pointer;display:flex;align-items:center}.role-preview-scope li[b-izbdqhfh5n]{margin-bottom:9px;line-height:1.5}.role-preview-start[b-izbdqhfh5n]{padding:28px!important;max-width:850px}.role-preview-start h2[b-izbdqhfh5n]{font-size:1.2rem}.role-preview-start p[b-izbdqhfh5n]{color:var(--fdc-color-text-muted,#59718a);line-height:1.6}
@media(max-width:900px){.role-preview-controls form[b-izbdqhfh5n]{grid-template-columns:1fr}.role-preview-workspace[b-izbdqhfh5n]{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:650px){.role-preview-heading[b-izbdqhfh5n]{flex-direction:column;gap:14px}.role-preview-operator[b-izbdqhfh5n]{width:100%}.role-preview-controls[b-izbdqhfh5n]{padding:14px!important}.role-preview-context-picker[b-izbdqhfh5n]{grid-template-columns:1fr}.role-preview-context-picker button[b-izbdqhfh5n]{width:100%}.role-preview-workspace[b-izbdqhfh5n]{grid-template-columns:1fr;gap:16px}.role-preview-navigation nav[b-izbdqhfh5n]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.role-preview-navigation a[b-izbdqhfh5n]{overflow-wrap:anywhere}.role-preview-record dl[b-izbdqhfh5n]{grid-template-columns:1fr}.role-preview-record-heading[b-izbdqhfh5n]{flex-direction:column}.role-preview-segment[b-izbdqhfh5n]{font-size:.8rem;gap:4px}.role-preview-record[b-izbdqhfh5n]{padding:16px!important}}
@media(prefers-reduced-motion:reduce){.role-preview-segment[b-izbdqhfh5n]{transition:none}}
@media(max-width:650px){.role-preview-segment-track[b-izbdqhfh5n]{grid-template-columns:1fr}.role-preview-segment[b-izbdqhfh5n]{justify-content:flex-start;padding:8px 26px 8px 12px;font-size:.9rem;gap:8px}}
/* /Components/Pages/Office/ProjectCloseoutAiPanel.razor.rz.scp.css */
/* Source-adapted: 21st.dev lavikatiyar/card-8 (demo 7714): card header,
   prominent allowance and seven-segment meter; shadcnspace/collapsible-05
   (28413): inset usage summary, label/value breakdown and Lucide chevron.
   Razor/native details replace React/Radix; no animation runtime required. */
.project-ai-card[b-ni8haikuv8] { margin-top:1.25rem; padding:1.5rem; border:1px solid var(--fdc-color-border); border-radius:18px; background:var(--fdc-color-surface); color:var(--fdc-color-text); box-shadow:var(--fdc-shadow-sm); min-width:0; }
.project-ai-card header[b-ni8haikuv8] { display:flex; gap:.8rem; align-items:flex-start; }
.project-ai-symbol[b-ni8haikuv8] { display:grid; place-items:center; flex-shrink:0; padding:.7rem; border-radius:12px; background:var(--fdc-color-accent-soft); color:var(--fdc-color-accent); }
.project-ai-card h3[b-ni8haikuv8] { margin:.25rem 0; font-size:1.15rem; letter-spacing:-.02em; }
.project-ai-card p[b-ni8haikuv8] { line-height:1.6; overflow-wrap:anywhere; font-size:.86rem; }
.project-ai-card header p[b-ni8haikuv8] { color:var(--fdc-color-text-muted); margin:.4rem 0; }
.project-ai-allowance[b-ni8haikuv8] { padding:1.15rem; background:var(--fdc-color-surface-interactive); border:1px solid var(--fdc-color-border); border-radius:12px; margin:1.25rem 0; }
.project-ai-allowance-heading[b-ni8haikuv8] { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.4rem; font-size:.75rem; font-weight:600; }
.project-ai-allowance-heading span:last-child[b-ni8haikuv8] { color:var(--fdc-color-text-muted); font-weight:400; }
.project-ai-remaining[b-ni8haikuv8] { display:flex; align-items:baseline; flex-wrap:wrap; gap:.5rem; margin:.8rem 0; }
.project-ai-remaining strong[b-ni8haikuv8] { font-size:2.4rem; font-weight:700; letter-spacing:-.05em; line-height:1.2; font-variant-numeric:tabular-nums; }
.project-ai-remaining span[b-ni8haikuv8] { color:var(--fdc-color-text-muted); font-size:.8rem; }
.project-ai-meter[b-ni8haikuv8] { display:flex; gap:6px; width:100%; margin:1rem 0; }
.project-ai-segment[b-ni8haikuv8] { height:10px; flex:1; min-width:0; overflow:hidden; border-radius:99px; background:var(--fdc-color-accent-soft); border:1px solid var(--fdc-color-border); }
.project-ai-segment > span[b-ni8haikuv8] { display:block; height:100%; background:var(--fdc-color-accent); }
.project-ai-usage-details[b-ni8haikuv8] { border-top:1px solid var(--fdc-color-border); padding-top:.4rem; }
.project-ai-usage-details summary[b-ni8haikuv8] { display:flex; justify-content:space-between; align-items:center; gap:.5rem; min-height:2.5rem; list-style:none; color:var(--fdc-color-text-muted); }
.project-ai-usage-details summary[b-ni8haikuv8]::-webkit-details-marker { display:none; }
.project-ai-usage-details[open] summary[b-ni8haikuv8]  .icon-shell { transform:rotate(180deg); }
.project-ai-usage-details dl[b-ni8haikuv8] { display:grid; gap:.7rem; font-size:.78rem; }
.project-ai-usage-details dl > div[b-ni8haikuv8] { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.4rem; }
.project-ai-usage-details dt[b-ni8haikuv8] { color:var(--fdc-color-text-muted); }
.project-ai-usage-details dd[b-ni8haikuv8] { margin:0; font-weight:600; font-variant-numeric:tabular-nums; }
.project-ai-usage-details p[b-ni8haikuv8] { font-size:.75rem; color:var(--fdc-color-text-muted); margin-bottom:0; }
.project-ai-state[b-ni8haikuv8] { display:flex; gap:.7rem; align-items:flex-start; padding:.85rem; border:1px solid var(--fdc-color-border); border-radius:10px; }
.project-ai-state[b-ni8haikuv8]  .icon-shell { color:var(--fdc-color-accent); flex-shrink:0; margin-top:.15rem; }
.project-ai-state strong[b-ni8haikuv8] { font-size:.86rem; }
.project-ai-state p[b-ni8haikuv8] { color:var(--fdc-color-text-muted); margin:.3rem 0 0; font-size:.8rem; }
.project-ai-tabs[b-ni8haikuv8] { display:flex; flex-wrap:wrap; gap:.25rem; padding:.25rem; margin:1rem 0; background:var(--fdc-color-surface-interactive); border-radius:10px; }
.project-ai-tabs button[b-ni8haikuv8] { flex:1; justify-content:center; font-size:.8rem; margin:0; background:transparent; border-color:transparent; color:var(--fdc-color-text-muted); }
.project-ai-tabs [aria-pressed=true][b-ni8haikuv8] { background:var(--fdc-color-surface); border-color:var(--fdc-color-border); box-shadow:var(--fdc-shadow-sm); color:var(--fdc-color-text); }
.project-ai-warning[b-ni8haikuv8] { font-size:.8rem; padding:.75rem; background:var(--fdc-color-surface-interactive); border-radius:10px; }
.project-ai-document-actions[b-ni8haikuv8] { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; margin:.8rem 0 1rem; }
.project-ai-document-actions a[b-ni8haikuv8],.project-ai-document-actions button[b-ni8haikuv8] { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; min-height:2.75rem; margin:0; }
.project-ai-document-actions .primary-button[b-ni8haikuv8] { margin-left:auto; }
.project-ai-finding[b-ni8haikuv8] { padding:1rem 0; border-top:1px solid var(--fdc-color-border); }
.project-ai-kind[b-ni8haikuv8] { text-transform:uppercase; font-size:.7rem; letter-spacing:.08em; color:var(--fdc-color-text-muted); }
.project-ai-finding h4[b-ni8haikuv8] { margin:.35rem 0; font-size:.95rem; }
summary[b-ni8haikuv8] { cursor:pointer; font-size:.8rem; }
.project-ai-evidence summary[b-ni8haikuv8] { min-height:2.25rem; align-content:center; }
blockquote[b-ni8haikuv8] { margin:.8rem 0; padding:.5rem 1rem; border-left:2px solid var(--fdc-color-border); }
blockquote small[b-ni8haikuv8] { overflow-wrap:anywhere; color:var(--fdc-color-text-muted); }
.project-ai-card button[b-ni8haikuv8] { display:inline-flex; align-items:center; gap:.4rem; min-height:2.75rem; margin:.4rem 0; max-width:100%; white-space:normal; }
.project-ai-create[b-ni8haikuv8] { width:100%; justify-content:center; }
.project-ai-card .project-ai-helper[b-ni8haikuv8] { margin:.15rem 0 .75rem; text-align:center; font-size:.73rem; color:var(--fdc-color-text-muted); }
button:focus-visible[b-ni8haikuv8],summary:focus-visible[b-ni8haikuv8] { outline:2px solid var(--fdc-color-accent); outline-offset:3px; }
@media(max-width:600px) { .project-ai-card[b-ni8haikuv8] { padding:1rem; } .project-ai-card header[b-ni8haikuv8] { gap:.55rem; } .project-ai-allowance[b-ni8haikuv8] { padding:.9rem; } .project-ai-document-actions a[b-ni8haikuv8],.project-ai-document-actions button[b-ni8haikuv8] { width:100%; margin-left:0; } }
/* /Components/Pages/Office/ProjectCloseoutContent.razor.rz.scp.css */
/* 21st.dev ddoemonn/Task Steps (23569): ordered readiness rows, compact status
   cells, right-aligned metadata and restrained state feedback. Ported to Razor
   with established Lucide icons and product tokens; no React runtime or fake progress. */
.closeout-page[b-8rckcfo6mc] { display:grid; gap:1.25rem; max-width:1440px; margin:0 auto; padding-bottom:2rem; }
.closeout-heading[b-8rckcfo6mc] { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.closeout-heading h1[b-8rckcfo6mc] { margin:.35rem 0; font-size:clamp(1.8rem,3vw,2.5rem); letter-spacing:-.045em; }
.closeout-heading p[b-8rckcfo6mc],.closeout-summary p[b-8rckcfo6mc] { margin:.3rem 0 0; color:var(--fdc-color-text-muted); }
.closeout-actions[b-8rckcfo6mc] { display:flex; gap:.5rem; flex-wrap:wrap; }
.closeout-summary[b-8rckcfo6mc] { display:flex; align-items:center; gap:1rem; padding:1.3rem; border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface); }
.closeout-summary h2[b-8rckcfo6mc] { margin:.2rem 0; font-size:1.22rem; }
.closeout-symbol[b-8rckcfo6mc] { display:grid; place-items:center; flex-shrink:0; width:3.25rem; height:3.25rem; border-radius:1rem; color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); }
.closeout-badge[b-8rckcfo6mc] { margin-left:auto; white-space:nowrap; border:1px solid var(--fdc-color-border); padding:.4rem .65rem; border-radius:999px; font-size:.78rem; color:var(--fdc-color-text-muted); }
.closeout-grid[b-8rckcfo6mc] { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:1.25rem; align-items:start; }
.closeout-grid.is-closed[b-8rckcfo6mc] { grid-template-columns:minmax(0,1fr); }
.closeout-grid.is-closed .closeout-panel:first-child[b-8rckcfo6mc] { padding:1rem 1.5rem; }
.closeout-grid.is-closed .closeout-panel:first-child .closeout-panel-heading[b-8rckcfo6mc] { margin-bottom:.7rem; }
.closeout-grid.is-closed .closeout-saved[b-8rckcfo6mc] { padding:.75rem 1rem; }
.closeout-panel[b-8rckcfo6mc] { min-width:0; padding:1.5rem; border-radius:var(--fdc-radius-lg); background:var(--fdc-color-surface); border:1px solid var(--fdc-color-border); box-shadow:var(--fdc-shadow-sm); }
.closeout-panel-heading[b-8rckcfo6mc] { display:flex; gap:.8rem; align-items:start; margin-bottom:1.4rem; }
.closeout-panel-heading h2[b-8rckcfo6mc] { font-size:1.03rem; margin:.1rem 0 .35rem; }
.closeout-panel-heading p[b-8rckcfo6mc] { font-size:.83rem; margin:0; color:var(--fdc-color-text-muted); }
.closeout-number[b-8rckcfo6mc] { display:grid; place-items:center; flex-shrink:0; width:2rem; height:2rem; border:1px solid var(--fdc-color-border); border-radius:.6rem; font-size:.72rem; font-variant-numeric:tabular-nums; color:var(--fdc-color-text-muted); }
.closeout-checklist[b-8rckcfo6mc] { margin:0 0 1rem; padding:0; list-style:none; }
.closeout-checklist li[b-8rckcfo6mc] { display:flex; gap:.7rem; padding:.85rem .2rem; align-items:start; border-bottom:1px solid var(--fdc-color-border); }
.closeout-checklist strong[b-8rckcfo6mc] { font-size:.86rem; }
.closeout-checklist p[b-8rckcfo6mc] { margin:.35rem 0 0; font-size:.79rem; color:var(--fdc-color-text-muted); line-height:1.5; }
.closeout-check-icon[b-8rckcfo6mc] { display:grid; place-items:center; flex-shrink:0; width:1.2rem; height:1.2rem; border-radius:5px; margin-top:.1rem; color:var(--fdc-color-text-muted); background:var(--fdc-color-surface-interactive); }
.is-done .closeout-check-icon[b-8rckcfo6mc] { color:var(--fdc-color-success); background:var(--fdc-color-success-soft); }
.closeout-check-state[b-8rckcfo6mc] { margin-left:auto; padding-top:.2rem; font-size:.69rem; color:var(--fdc-color-text-muted); white-space:nowrap; }
.needs-work .closeout-check-state[b-8rckcfo6mc] { color:var(--fdc-color-warning); }
.closeout-confirm[b-8rckcfo6mc] { display:flex; align-items:start; gap:.65rem; margin:1.2rem 0; font-size:.84rem; line-height:1.55; }
.closeout-confirm input[b-8rckcfo6mc] { width:1.1rem; height:1.1rem; flex-shrink:0; margin-top:.15rem; accent-color:var(--fdc-color-accent); }
.closeout-primary[b-8rckcfo6mc] { width:100%; min-height:2.9rem; justify-content:center; }
.closeout-helper[b-8rckcfo6mc] { color:var(--fdc-color-text-muted); font-size:.75rem; line-height:1.5; margin:.75rem 0 0; }
.closeout-audiences[b-8rckcfo6mc] { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.closeout-audience[b-8rckcfo6mc] { padding:1.15rem; border:1px solid var(--fdc-color-border); border-radius:.85rem; background:var(--fdc-color-surface-elevated); }
.closeout-audience[b-8rckcfo6mc]  .icon-shell { color:var(--fdc-color-accent); }
.closeout-audience h3[b-8rckcfo6mc] { font-size:.9rem; margin:.7rem 0 .5rem; }
.closeout-audience p[b-8rckcfo6mc] { font-size:.79rem; color:var(--fdc-color-text-muted); line-height:1.55; margin:0 0 1rem; }
.closeout-audience span[b-8rckcfo6mc] { font-size:.68rem; font-weight:700; color:var(--fdc-color-text-muted); }
.closeout-boundary[b-8rckcfo6mc] { display:flex; align-items:start; gap:.6rem; padding:1rem 0; color:var(--fdc-color-text-muted); }
.closeout-boundary p[b-8rckcfo6mc] { margin:0; font-size:.78rem; line-height:1.5; }
.closeout-boundary[b-8rckcfo6mc]  .icon-shell { flex-shrink:0; }
.closeout-empty[b-8rckcfo6mc] { text-align:center; padding:1.4rem .7rem; color:var(--fdc-color-text-muted); border:1px dashed var(--fdc-color-border); border-radius:.7rem; }
.closeout-empty p[b-8rckcfo6mc] { font-size:.82rem; }
.closeout-saved[b-8rckcfo6mc] { display:flex; gap:.8rem; padding:1rem; border-radius:.8rem; background:var(--fdc-color-accent-soft); color:var(--fdc-color-accent); }
.closeout-saved p[b-8rckcfo6mc] { font-size:.83rem; line-height:1.6; margin:.4rem 0 0; }
.closeout-version[b-8rckcfo6mc] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.5rem; font-size:.78rem; margin:1rem 0; }
.closeout-version select[b-8rckcfo6mc],.closeout-exception textarea[b-8rckcfo6mc],.closeout-reopen textarea[b-8rckcfo6mc] { width:100%; padding:.75rem; border:1px solid var(--fdc-color-border); border-radius:.6rem; background:var(--fdc-color-surface-elevated); color:var(--fdc-color-text); font:inherit; }
.closeout-switch[b-8rckcfo6mc] { display:flex; gap:.3rem; padding:.25rem; background:var(--fdc-color-surface-interactive); border-radius:.65rem; margin-bottom:1rem; }
.closeout-switch button[b-8rckcfo6mc] { flex:1; display:flex; align-items:center; justify-content:center; gap:.4rem; min-height:2.65rem; border:0; border-radius:.5rem; background:transparent; color:var(--fdc-color-text-muted); font:inherit; font-size:.82rem; cursor:pointer; }
.closeout-switch button.selected[b-8rckcfo6mc] { background:var(--fdc-color-surface); color:var(--fdc-color-text); box-shadow:var(--fdc-shadow-sm); }
.closeout-report-actions[b-8rckcfo6mc] { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; margin:0 0 1rem; }
.closeout-report-actions .action-button[b-8rckcfo6mc] { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; min-height:2.75rem; }
.closeout-report-actions .primary-button[b-8rckcfo6mc] { margin-left:auto; }
.closeout-document[b-8rckcfo6mc] { padding:1.25rem; border:1px solid var(--fdc-color-border); border-radius:.7rem; overflow-wrap:anywhere; }
.closeout-document h3[b-8rckcfo6mc] { font-size:1.18rem; letter-spacing:-.02em; }
.closeout-document-meta[b-8rckcfo6mc] { color:var(--fdc-color-text-muted); font-size:.72rem; }
.closeout-document section[b-8rckcfo6mc] { padding-top:.8rem; margin-top:.8rem; border-top:1px solid var(--fdc-color-border); }
.closeout-document h4[b-8rckcfo6mc] { font-size:.88rem; margin:.3rem 0; }
.closeout-document section p[b-8rckcfo6mc] { white-space:pre-wrap; font-size:.84rem; line-height:1.65; }
.closeout-document details[b-8rckcfo6mc] { font-size:.7rem; color:var(--fdc-color-text-muted); }
.closeout-assistance-preview[b-8rckcfo6mc] { margin:1rem 0; }
.closeout-assistance-preview h3[b-8rckcfo6mc] { font-size:1rem; margin:0 0 .5rem; }
.closeout-assistance-preview > p[b-8rckcfo6mc] { font-size:.8rem; color:var(--fdc-color-text-muted); line-height:1.6; margin:0 0 1rem; }
.closeout-exception[b-8rckcfo6mc] { padding:.75rem; border:1px solid var(--fdc-color-border); border-radius:.7rem; margin:.8rem 0; }
.closeout-exception summary[b-8rckcfo6mc],.closeout-reopen summary[b-8rckcfo6mc] { cursor:pointer; font-size:.85rem; }
.closeout-exception label[b-8rckcfo6mc],.closeout-reopen label[b-8rckcfo6mc] { display:block; font-size:.8rem; margin:.8rem 0 .5rem; }
.closeout-exception small[b-8rckcfo6mc] { font-size:.72rem; color:var(--fdc-color-text-muted); }
.closeout-reopen[b-8rckcfo6mc] { padding:1rem 1.25rem; border:1px solid var(--fdc-color-border); border-radius:.8rem; }
.closeout-reopen p[b-8rckcfo6mc] { font-size:.84rem; color:var(--fdc-color-text-muted); }
.closeout-reopen button[b-8rckcfo6mc] { margin-top:.7rem; }
button:focus-visible[b-8rckcfo6mc],summary:focus-visible[b-8rckcfo6mc],textarea:focus-visible[b-8rckcfo6mc],select:focus-visible[b-8rckcfo6mc] { outline:2px solid var(--fdc-color-accent); outline-offset:3px; }
@media(max-width:1100px) { .closeout-grid[b-8rckcfo6mc] { grid-template-columns:minmax(0,1fr); } }
@media(max-width:600px) { .closeout-heading[b-8rckcfo6mc] { align-items:start; flex-direction:column; }.closeout-summary[b-8rckcfo6mc] { flex-wrap:wrap; }.closeout-badge[b-8rckcfo6mc] { margin-left:0; }.closeout-panel[b-8rckcfo6mc],.closeout-grid.is-closed .closeout-panel:first-child[b-8rckcfo6mc] { padding:1rem; }.closeout-audiences[b-8rckcfo6mc] { grid-template-columns:1fr; }.closeout-summary p[b-8rckcfo6mc] { overflow-wrap:anywhere; }.closeout-checklist li[b-8rckcfo6mc] { gap:.5rem; }.closeout-report-actions .action-button[b-8rckcfo6mc] { flex:1 1 100%; margin-left:0; }.closeout-switch[b-8rckcfo6mc] { flex-wrap:wrap; }.closeout-switch button[b-8rckcfo6mc] { min-width:8rem; } }
@media(prefers-reduced-motion:reduce) { *[b-8rckcfo6mc] { transition:none!important; } }
/* /Components/Pages/Office/ProjectCoordination.razor.rz.scp.css */
.project-field-job-picker[b-qgms3vh5v8] { display:grid; gap:.5rem; margin:1rem 0; max-width:34rem; color:var(--fdc-color-text); }
.project-field-job-picker select[b-qgms3vh5v8] { min-height:44px; border:1px solid var(--fdc-color-border); border-radius:.65rem; padding:.65rem; background:var(--fdc-color-surface); color:var(--fdc-color-text); width:100%; }
.project-partner-views[b-qgms3vh5v8] { display:flex; flex-wrap:wrap; gap:.7rem; margin:1rem 0; }
.project-partner-views a[b-qgms3vh5v8] { min-height:44px; }
.project-partner-views [aria-current=page][b-qgms3vh5v8] { color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); border-color:var(--fdc-color-accent); }
/* /Components/Pages/Office/ProtectedLaborRates.razor.rz.scp.css */
.labor-page[b-qia197oee1] { display: grid; gap: var(--fdc-space-4); min-width: 0; }
.labor-page h2[b-qia197oee1], .labor-page h3[b-qia197oee1], .labor-page p[b-qia197oee1] { margin: 0; }
.labor-page p[b-qia197oee1], .labor-page small[b-qia197oee1] { line-height: 1.6; color: var(--fdc-color-text-muted); }
.labor-page h2[b-qia197oee1] { font-size: 1.1rem; margin: .3rem 0 .5rem; }
.labor-lock[b-qia197oee1] { display: flex; gap: var(--fdc-space-3); align-items: flex-start; }
.labor-lock[b-qia197oee1]  svg { flex: 0 0 auto; color: var(--fdc-color-accent); }
.labor-layout[b-qia197oee1] { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(18rem, 1fr); gap: var(--fdc-space-4); align-items: start; }
.labor-stack[b-qia197oee1] { display: grid; gap: var(--fdc-space-4); min-width: 0; }
.labor-stack .form-stack[b-qia197oee1] { display: grid; gap: var(--fdc-space-3); }
.labor-page label[b-qia197oee1] { display: grid; gap: .5rem; min-width: 0; }
.labor-page input[b-qia197oee1], .labor-page select[b-qia197oee1] { min-height: 44px; max-width: 100%; }
.labor-page input:not([type="checkbox"])[b-qia197oee1], .labor-page select[b-qia197oee1] { width: 100%; padding: .65rem .8rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: var(--fdc-color-surface); color: var(--fdc-color-text); font: inherit; }
.labor-page input:focus-visible[b-qia197oee1], .labor-page select:focus-visible[b-qia197oee1] { outline: 2px solid var(--fdc-color-accent); outline-offset: 2px; }
.labor-page .sr-only[b-qia197oee1] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.labor-page button[b-qia197oee1] { min-height: 44px; }
.labor-checkbox[b-qia197oee1] { display: flex !important; align-items: center; gap: .65rem !important; line-height: 1.5; min-height: 44px; }
.labor-checkbox input[b-qia197oee1] { width: 1.15rem; height: 1.15rem; min-height: 1.15rem; flex: 0 0 auto; }
.labor-row-actions[b-qia197oee1] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.labor-plan-line[b-qia197oee1] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(8rem, 1fr) auto; gap: var(--fdc-space-3); align-items: end; }
.labor-result[b-qia197oee1] { display: grid; gap: .5rem; padding: var(--fdc-space-4); border: 1px solid var(--fdc-color-border); background: var(--fdc-color-surface-raised, var(--fdc-color-surface)); border-radius: var(--fdc-radius-md); }
.labor-result strong[b-qia197oee1] { font-size: 1.75rem; color: var(--fdc-color-text); }
.labor-preview-lines[b-qia197oee1], .labor-history ul[b-qia197oee1] { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--fdc-space-3); }
.labor-preview-lines li[b-qia197oee1], .labor-history li[b-qia197oee1] { display: grid; gap: .35rem; padding: var(--fdc-space-3); border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); overflow-wrap: anywhere; }
.labor-history[b-qia197oee1] { display: grid; gap: var(--fdc-space-3); }
.labor-page .table-wrap[b-qia197oee1] { min-width: 0; }
@media (max-width: 1000px) { .labor-layout[b-qia197oee1] { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {
    .labor-plan-line[b-qia197oee1] { grid-template-columns: minmax(0, 1fr); }
    .labor-page .financial-subnav[b-qia197oee1] { overflow-x: auto; flex-wrap: nowrap; }
    .labor-page .financial-subnav button[b-qia197oee1] { flex: 0 0 auto; }
    .labor-page table[b-qia197oee1], .labor-page tbody[b-qia197oee1], .labor-page tr[b-qia197oee1], .labor-page td[b-qia197oee1] { display: block; }
    .labor-page thead[b-qia197oee1] { display: none; }
    .labor-page tr[b-qia197oee1] { border-bottom: 1px solid var(--fdc-color-border); padding: .75rem 0; }
    .labor-page td[b-qia197oee1] { border: 0; padding: .4rem .75rem; overflow-wrap: anywhere; }
    .labor-page td[b-qia197oee1]::before { content: attr(data-label); display: block; font-size: .75rem; color: var(--fdc-color-text-muted); margin-bottom: .25rem; }
}
/* /Components/Pages/Office/Quotes.razor.rz.scp.css */
/* Actual 21st.dev 25152 directory and 8248 workspace ports. Semantic tokens drive both themes. */
.quotes-page[b-4jb7afgf8t] { min-width: 0; }
.quotes-page-header[b-4jb7afgf8t] { align-items: end; }
.quotes-page-header h1[b-4jb7afgf8t] { letter-spacing: -0.045em; }
.quotes-loading[b-4jb7afgf8t], .quote-line-editors[b-4jb7afgf8t] { display: grid; gap: var(--fdc-space-4); }
.quote-create-card[b-4jb7afgf8t] { padding: var(--fdc-space-5); border-radius: var(--fdc-radius-md); border: 1px solid var(--fdc-color-border); background: var(--fdc-color-surface); }
.quote-create-card summary h2[b-4jb7afgf8t] { font-size: 1.05rem; letter-spacing: -0.025em; }
.quote-create-card .quote-builder-form[b-4jb7afgf8t] { gap: var(--fdc-space-6); margin-top: var(--fdc-space-5); }
.quote-create-card .quote-builder-block[b-4jb7afgf8t] { gap: var(--fdc-space-4); }
.quote-create-card .form-grid[b-4jb7afgf8t] { gap: var(--fdc-space-4); }
.quote-create-card .quote-note-grid[b-4jb7afgf8t] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.quote-create-card label[b-4jb7afgf8t] { font-size: 0.75rem; font-weight: 550; color: var(--fdc-color-text-secondary); }
.quote-create-card input[b-4jb7afgf8t], .quote-create-card select[b-4jb7afgf8t], .quote-create-card textarea[b-4jb7afgf8t] { min-height: var(--fdc-tap-target); font-size: 0.85rem; background: var(--fdc-color-background-secondary); color: var(--fdc-color-text); border: 1px solid var(--fdc-color-border-strong); border-radius: var(--fdc-radius-sm); }
.quote-create-card input:focus-visible[b-4jb7afgf8t], .quote-create-card select:focus-visible[b-4jb7afgf8t], .quote-create-card textarea:focus-visible[b-4jb7afgf8t] { outline: 2px solid var(--fdc-color-accent); outline-offset: 2px; }
.quote-create-card .quote-source-grid[b-4jb7afgf8t] { gap: var(--fdc-space-3); grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) minmax(5rem, .7fr) minmax(0, 1.4fr); }
.quote-source-grid label[b-4jb7afgf8t] { display: grid; gap: var(--fdc-space-2); min-width: 0; }
.quote-source-grid input[b-4jb7afgf8t] { min-width: 0; width: 100%; }
.quote-builder-footer[b-4jb7afgf8t] { display: flex; justify-content: space-between; align-items: center; gap: var(--fdc-space-4); padding-top: var(--fdc-space-5); border-top: 1px solid var(--fdc-color-border); }
.quote-builder-footer .muted[b-4jb7afgf8t] { font-size: 0.75rem; max-width: 32rem; }
.quotes-directory[b-4jb7afgf8t] { display: grid; gap: var(--fdc-space-4); padding: var(--fdc-space-5); border-radius: var(--fdc-radius-md); border: 1px solid var(--fdc-color-border); background: var(--fdc-color-surface); min-width: 0; }
.quotes-directory-heading[b-4jb7afgf8t] { display: flex; justify-content: space-between; align-items: center; gap: var(--fdc-space-4); }
.quotes-directory-heading h2[b-4jb7afgf8t] { font-size: 1.05rem; letter-spacing: -0.025em; margin: 0; }
.quotes-directory-heading p[b-4jb7afgf8t] { margin: var(--fdc-space-1) 0 0; font-size: 0.75rem; color: var(--fdc-color-text-muted); }
.quotes-filter-form[b-4jb7afgf8t] { display: flex; align-items: end; flex-wrap: wrap; gap: var(--fdc-space-3); }
.quotes-search[b-4jb7afgf8t] { display: flex; align-items: center; flex: 1; min-width: 13rem; gap: var(--fdc-space-2); border: 1px solid var(--fdc-color-border-strong); border-radius: var(--fdc-radius-sm); background: var(--fdc-color-background-secondary); padding: 0 var(--fdc-space-3); min-height: var(--fdc-tap-target); color: var(--fdc-color-text-muted); }
.quotes-search:focus-within[b-4jb7afgf8t] { box-shadow: var(--fdc-focus-ring); }
.quotes-search input[b-4jb7afgf8t] { border: 0; outline: 0; box-shadow: none; background: transparent; width: 100%; min-width: 0; font-size: 0.85rem; padding: var(--fdc-space-2) 0; color: var(--fdc-color-text); }
.quotes-status[b-4jb7afgf8t] { display: grid; gap: var(--fdc-space-1); color: var(--fdc-color-text-muted); font-size: 0.7rem; min-width: 11rem; }
.quotes-status select[b-4jb7afgf8t] { min-height: var(--fdc-tap-target); border: 1px solid var(--fdc-color-border-strong); border-radius: var(--fdc-radius-sm); background: var(--fdc-color-background-secondary); color: var(--fdc-color-text); font-size: 0.85rem; }
.quotes-page-pulse[b-4jb7afgf8t] { display: flex; flex-wrap: wrap; gap: var(--fdc-space-3) var(--fdc-space-6); padding: var(--fdc-space-3) 0; font-size: 0.75rem; color: var(--fdc-color-text-muted); border-top: 1px solid var(--fdc-color-border); }
.quotes-page-pulse strong[b-4jb7afgf8t] { color: var(--fdc-color-text); font-weight: 600; font-variant-numeric: tabular-nums; margin-right: var(--fdc-space-1); }
.quotes-table-surface[b-4jb7afgf8t] { border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); overflow-x: auto; max-width: 100%; }
.quotes-table[b-4jb7afgf8t] { width: 100%; min-width: 42rem; table-layout: fixed; border-collapse: collapse; font-size: 0.8rem; }
.quotes-table th[b-4jb7afgf8t] { background: var(--fdc-color-background-secondary); padding: var(--fdc-space-3); font-size: 0.66rem; font-weight: 600; color: var(--fdc-color-text-muted); }
.quotes-table th:nth-child(2)[b-4jb7afgf8t] { width: 24%; }
.quotes-table th:nth-child(5)[b-4jb7afgf8t] { width: 18%; }
.quotes-table td[b-4jb7afgf8t] { padding: var(--fdc-space-4) var(--fdc-space-3); border-top: 1px solid var(--fdc-color-border); color: var(--fdc-color-text-secondary); vertical-align: middle; overflow-wrap: anywhere; }
.quotes-table td a[b-4jb7afgf8t] { font: 0.76rem ui-monospace, monospace; color: var(--fdc-color-text); font-weight: 600; display: inline-flex; min-height: var(--fdc-tap-target); align-items: center; }
.quotes-table td a:hover[b-4jb7afgf8t] { color: var(--fdc-color-accent); }
.quotes-table tbody tr:hover[b-4jb7afgf8t], .quotes-table tbody tr:focus-within[b-4jb7afgf8t] { background: var(--fdc-color-surface-interactive); }
.quotes-table small[b-4jb7afgf8t] { display: block; color: var(--fdc-color-text-muted); font-size: 0.68rem; margin-top: var(--fdc-space-1); }
.quotes-table .amount[b-4jb7afgf8t] { text-align: right; font-variant-numeric: tabular-nums; }
.quotes-table strong[b-4jb7afgf8t] { font-weight: 600; color: var(--fdc-color-text); }
.quotes-client[b-4jb7afgf8t] { display: flex; align-items: center; gap: var(--fdc-space-2); }
.quotes-client > span[b-4jb7afgf8t] { display: grid; place-items: center; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-pill); flex: none; width: 1.8rem; height: 1.8rem; color: var(--fdc-color-text-muted); background: var(--fdc-color-background-secondary); }
.quotes-card-grid[b-4jb7afgf8t] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--fdc-space-4); }
.quotes-phone-list[b-4jb7afgf8t] { display: none; }
.quotes-pagination[b-4jb7afgf8t] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--fdc-space-3); font-size: 0.75rem; color: var(--fdc-color-text-muted); }
.quotes-pagination > div[b-4jb7afgf8t] { display: flex; align-items: center; gap: var(--fdc-space-3); }
.quote-account-details[b-4jb7afgf8t] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--fdc-space-6); padding: var(--fdc-space-5) 0; }
.quote-scope[b-4jb7afgf8t] { margin: var(--fdc-space-5) 0; }
.quote-scope p[b-4jb7afgf8t] { color: var(--fdc-color-text-secondary); white-space: pre-wrap; }
.quotes-page[b-4jb7afgf8t]  .quote-command { border-radius: var(--fdc-radius-lg); background: var(--fdc-color-surface); }
.quotes-page[b-4jb7afgf8t]  .quote-command .command-shell-body { padding: var(--fdc-space-6); }
.quotes-page[b-4jb7afgf8t]  .quote-command .card-item { padding: var(--fdc-space-5); background: var(--fdc-color-background-secondary); border-color: var(--fdc-color-border); border-radius: var(--fdc-radius-md); }
.quotes-page[b-4jb7afgf8t]  .quote-command .quote-grand-total { color: var(--fdc-color-text); font-variant-numeric: tabular-nums; letter-spacing: -0.04em; }
.quotes-page[b-4jb7afgf8t]  .quote-command .quote-grand-total small { display: block; font-size: 0.7rem; font-weight: 500; color: var(--fdc-color-text-muted); letter-spacing: 0; margin-bottom: var(--fdc-space-2); }
.quote-office-pricing[b-4jb7afgf8t] { padding: var(--fdc-space-4); background: var(--fdc-color-background-secondary); border-radius: var(--fdc-radius-md); color: var(--fdc-color-text-secondary); font-size: 0.8rem; }
.quote-office-pricing summary[b-4jb7afgf8t] { min-height: var(--fdc-tap-target); cursor: pointer; }
[data-quote-customer-status][hidden][b-4jb7afgf8t], [data-quote-tax-notice][hidden][b-4jb7afgf8t] { display: none; }
@media (max-width: 1100px) { .quotes-card-grid[b-4jb7afgf8t] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) {
 .quotes-page-header[b-4jb7afgf8t], .quotes-directory-heading[b-4jb7afgf8t] { flex-direction: column; align-items: start; }
 .quotes-directory[b-4jb7afgf8t], .quote-create-card[b-4jb7afgf8t] { padding: var(--fdc-space-4); }
 .quotes-table-surface[b-4jb7afgf8t] { display: none; }
 .quotes-card-grid[b-4jb7afgf8t], .quotes-phone-list[b-4jb7afgf8t] { display: grid; grid-template-columns: minmax(0, 1fr); }
 .quotes-filter-form[b-4jb7afgf8t] { display: grid; grid-template-columns: minmax(0, 1fr); }
 .quotes-search[b-4jb7afgf8t] { min-width: 0; }
 .quote-create-card .quote-note-grid[b-4jb7afgf8t] { grid-template-columns: minmax(0, 1fr); }
 .quote-builder-footer[b-4jb7afgf8t] { align-items: start; flex-direction: column; }
 .quote-create-card .quote-source-grid[b-4jb7afgf8t] { grid-template-columns: minmax(0, 1fr); }
 .quote-create-card .quote-source-grid .quote-line-heading[b-4jb7afgf8t] { display: none; }
 .quotes-page[b-4jb7afgf8t]  .quote-command .command-shell-body { padding: var(--fdc-space-4); }
 .quotes-page[b-4jb7afgf8t]  .quote-command .command-timeline { display: flex; overflow-x: auto; gap: var(--fdc-space-2); scrollbar-width: thin; margin-bottom: var(--fdc-space-3); }
 .quotes-page[b-4jb7afgf8t]  .quote-command .command-timeline-step { flex: 1 0 5.5rem; }
 .quotes-page[b-4jb7afgf8t]  .quote-command .command-shell-timeline { min-width: 0; }
}
@media (max-width: 350px) { .quote-account-details[b-4jb7afgf8t] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Pages/Office/Schedule.razor.rz.scp.css */
/*
 * 21st.dev reference composition:
 * Daily Timeline Scheduler (ruixen.ui), Calendar with Event Indicators
 * (cnippet-dev), Filter Token Bar (laziekiki), ReUI Event Calendar (sean0205),
 * Kanban Board (arunjdass), and Avatar Stack (cnippet-dev).
 *
 * Their hierarchy, card anatomy, controls, drag feedback, indicator language,
 * and responsive intent are translated into the existing FieldDocs scheduler.
 * The resource lanes, technician photos, and dispatch behavior remain native.
 */
.schedule-workspace[b-qsidkmohsq] {
    --schedule-hero-start: #071f38;
    --schedule-hero-end: #1b4f86;
    --schedule-accent: var(--fdc-color-accent, var(--teal));
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--fdc-space-4, 1rem);
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.schedule-workspace > *[b-qsidkmohsq] {
    min-width: 0;
    max-width: 100%;
}

.schedule-workspace > [data-schedule-board-view][b-qsidkmohsq] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.dispatch-live-region[b-qsidkmohsq] {
    position: fixed;
    z-index: 1200;
    right: clamp(0.75rem, 2vw, 1.5rem);
    bottom: clamp(0.75rem, 2vw, 1.5rem);
    width: min(26rem, calc(100vw - 1.5rem));
    margin: 0;
    pointer-events: none;
}

.dispatch-live-region[b-qsidkmohsq]  .notice {
    margin: 0;
    box-shadow: 0 16px 40px rgba(7, 31, 56, 0.22);
}

.schedule-hero[b-qsidkmohsq] {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--fdc-space-5, 1.25rem);
    overflow: hidden;
    margin: 0;
    padding: clamp(1.25rem, 2.5vw, 2rem);
    border: 1px solid rgba(145, 197, 255, 0.24);
    border-radius: var(--fdc-radius-xl, 1.5rem);
    background:
        radial-gradient(circle at 90% 4%, rgba(95, 163, 235, 0.24), transparent 27rem),
        linear-gradient(135deg, var(--schedule-hero-start), var(--schedule-hero-end));
    box-shadow: 0 18px 42px rgba(7, 31, 56, 0.16);
    color: #f7fbfc;
}

.schedule-hero[b-qsidkmohsq]::after {
    position: absolute;
    z-index: -1;
    right: -4.5rem;
    bottom: -8rem;
    width: 24rem;
    height: 24rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    content: "";
}

.schedule-hero-main[b-qsidkmohsq] {
    display: flex;
    align-items: flex-start;
    gap: var(--fdc-space-3, 0.75rem);
    min-width: 0;
}

.schedule-hero-icon[b-qsidkmohsq] {
    width: 3.25rem;
    height: 3.25rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--fdc-radius-lg, 1rem);
    background: rgba(255, 255, 255, 0.09);
    color: #9bcaff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.schedule-hero-copy[b-qsidkmohsq] {
    min-width: 0;
}

.schedule-breadcrumb[b-qsidkmohsq] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: var(--fdc-space-2, 0.5rem);
    color: #a9c5cb;
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.schedule-breadcrumb strong[b-qsidkmohsq] {
    color: #d8e8e9;
}

.schedule-hero h1[b-qsidkmohsq] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.6rem);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.schedule-hero-copy > p[b-qsidkmohsq] {
    max-width: 48rem;
    margin: var(--fdc-space-2, 0.5rem) 0 0;
    color: #c8d9dd;
    font-size: 0.94rem;
    line-height: 1.5;
}

.schedule-hero-actions[b-qsidkmohsq] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: var(--fdc-space-2, 0.5rem);
}

.schedule-hero-actions .action-button[b-qsidkmohsq],
.schedule-refresh-action[b-qsidkmohsq] {
    min-height: 2.75rem;
    border-radius: var(--fdc-radius-md, 0.75rem);
}

.schedule-hero-actions .action-button[b-qsidkmohsq] {
    border-color: #91c5ff;
    background: #91c5ff;
    color: #091d36;
}

.schedule-refresh-action[b-qsidkmohsq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.09);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
    transition:
        transform var(--fdc-motion-fast, 140ms) ease,
        background-color var(--fdc-motion-fast, 140ms) ease;
}

.schedule-refresh-action:hover[b-qsidkmohsq],
.schedule-refresh-action:focus-visible[b-qsidkmohsq] {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    transform: translateY(-1px);
}

.schedule-hero-meta[b-qsidkmohsq] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--fdc-space-2, 0.5rem);
    padding-top: var(--fdc-space-4, 1rem);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.schedule-hero-meta > div[b-qsidkmohsq] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.schedule-hero-meta span[b-qsidkmohsq] {
    color: #98b7bf;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.schedule-hero-meta strong[b-qsidkmohsq] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    overflow: hidden;
    color: #fff;
    font-size: 0.92rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-hero-meta i[b-qsidkmohsq] {
    width: 0.46rem;
    height: 0.46rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #91c5ff;
    box-shadow: 0 0 0 4px rgba(145, 197, 255, 0.16);
}

.dispatch-loading[b-qsidkmohsq] {
    min-height: 12rem;
    display: grid;
    place-items: center;
    border-radius: var(--fdc-radius-lg, 1rem);
    color: var(--fdc-color-text-secondary, var(--muted));
}

.dispatch-command-bar[b-qsidkmohsq] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(16rem, 0.65fr);
    gap: 0.9rem 1rem;
    margin: 0;
    padding: 1rem;
    border-radius: var(--fdc-radius-lg, 1rem);
    box-shadow: var(--fdc-shadow-sm, 0 8px 24px rgba(31, 52, 67, 0.07));
}

.dispatch-control-heading[b-qsidkmohsq] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--fdc-color-border, var(--line));
}

.dispatch-control-icon[b-qsidkmohsq] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: var(--fdc-radius-md, 0.75rem);
    background: var(--fdc-color-accent-soft, color-mix(in srgb, var(--teal) 12%, var(--surface)));
    color: var(--schedule-accent);
}

.dispatch-control-heading > div[b-qsidkmohsq] {
    display: grid;
    gap: 0.12rem;
}

.dispatch-control-heading strong[b-qsidkmohsq] {
    color: var(--fdc-color-text, var(--text));
    font-size: 0.9rem;
}

.dispatch-control-heading small[b-qsidkmohsq] {
    color: var(--fdc-color-text-secondary, var(--muted));
    font-size: 0.72rem;
}

.dispatch-date-navigation[b-qsidkmohsq] {
    align-self: stretch;
}

.dispatch-date-navigation > .icon-button[b-qsidkmohsq],
.dispatch-date-form[b-qsidkmohsq],
.dispatch-view-switch[b-qsidkmohsq] {
    border-color: var(--fdc-color-border, var(--line));
    background: var(--fdc-color-background-secondary, var(--surface-soft));
}

.dispatch-date-title strong[b-qsidkmohsq] {
    color: var(--fdc-color-text, var(--text));
}

.dispatch-view-switch[b-qsidkmohsq] {
    box-shadow: inset 0 1px 2px rgba(31, 52, 67, 0.04);
}

.dispatch-view-switch a[b-qsidkmohsq] {
    transition:
        background-color var(--fdc-motion-fast, 140ms) ease,
        color var(--fdc-motion-fast, 140ms) ease,
        box-shadow var(--fdc-motion-fast, 140ms) ease;
}

.dispatch-view-switch a.active[b-qsidkmohsq] {
    background: var(--schedule-accent);
    color: var(--fdc-color-on-accent);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--schedule-accent) 25%, transparent);
}

.dispatch-filter-form[b-qsidkmohsq] {
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(16rem, 1fr) minmax(11rem, auto) minmax(10rem, auto) auto auto;
    gap: 0.55rem;
    padding-top: 0.9rem;
}

.dispatch-filter-label[b-qsidkmohsq],
.dispatch-filter-token[b-qsidkmohsq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.7rem;
    border: 1px solid var(--fdc-color-border, var(--line));
    border-radius: var(--fdc-radius-md, 0.75rem);
    background: var(--fdc-color-surface, var(--surface));
    color: var(--fdc-color-text-secondary, var(--muted));
}

.dispatch-filter-label[b-qsidkmohsq] {
    padding: 0 0.75rem;
    border-style: dashed;
    font-size: 0.72rem;
    font-weight: 800;
}

.dispatch-filter-token[b-qsidkmohsq] {
    padding-left: 0.7rem;
}

.dispatch-filter-token select[b-qsidkmohsq] {
    min-height: 2.55rem;
    padding-left: 0;
    border: 0;
    background: transparent;
    color: var(--fdc-color-text, var(--text));
    font-weight: 750;
}

.dispatch-search[b-qsidkmohsq] {
    min-height: 2.7rem;
    border: 1px solid var(--fdc-color-border, var(--line));
    border-radius: var(--fdc-radius-md, 0.75rem);
    background: var(--fdc-color-surface, var(--surface));
}

.dispatch-search:focus-within[b-qsidkmohsq],
.dispatch-filter-token:focus-within[b-qsidkmohsq] {
    border-color: var(--schedule-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--schedule-accent) 14%, transparent);
}

.dispatch-search input[b-qsidkmohsq] {
    border: 0;
    background: transparent;
}

.dispatch-apply-filter[b-qsidkmohsq] {
    border-color: color-mix(in srgb, var(--schedule-accent) 65%, var(--fdc-color-border, var(--line)));
    background: var(--fdc-color-accent-soft, color-mix(in srgb, var(--schedule-accent) 10%, var(--surface)));
    color: var(--schedule-accent);
}

.dispatch-board-summary[b-qsidkmohsq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(8rem, max-content)) 1fr;
    gap: 0.55rem;
    margin: 0;
}

.dispatch-board-summary span[b-qsidkmohsq] {
    min-height: 2.35rem;
    justify-content: flex-start;
    padding: 0.45rem 0.75rem;
    border-radius: var(--fdc-radius-pill, 999px);
    background: var(--fdc-color-surface, var(--surface));
}

.dispatch-summary-ready[b-qsidkmohsq] {
    justify-self: end;
    margin-left: 0;
}

.schedule-workspace[b-qsidkmohsq]  .dispatch-day-shell,
.schedule-workspace[b-qsidkmohsq]  .dispatch-week,
.schedule-workspace[b-qsidkmohsq]  .dispatch-month,
.schedule-workspace[b-qsidkmohsq]  .dispatch-unassigned {
    border-color: var(--fdc-color-border, var(--line));
    border-radius: var(--fdc-radius-lg, 1rem);
    box-shadow: var(--fdc-shadow-sm, 0 12px 32px rgba(31, 52, 67, 0.07));
}

.schedule-workspace[b-qsidkmohsq]  .dispatch-day-shell,
.schedule-workspace[b-qsidkmohsq]  .dispatch-week,
.schedule-workspace[b-qsidkmohsq]  .dispatch-month {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.schedule-workspace[b-qsidkmohsq]  .dispatch-day-scroll,
.schedule-workspace[b-qsidkmohsq]  .dispatch-week-scroll {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.schedule-workspace[b-qsidkmohsq]  .dispatch-unassigned-heading,
.schedule-workspace[b-qsidkmohsq]  .dispatch-tech-heading,
.schedule-workspace[b-qsidkmohsq]  .dispatch-time-heading,
.schedule-workspace[b-qsidkmohsq]  .dispatch-week-corner,
.schedule-workspace[b-qsidkmohsq]  .dispatch-week-column-heading,
.schedule-workspace[b-qsidkmohsq]  .dispatch-month-weekdays {
    background: var(--fdc-color-background-secondary, var(--surface-soft));
}

.schedule-workspace[b-qsidkmohsq]  .dispatch-block,
.schedule-workspace[b-qsidkmohsq]  .dispatch-week-compact-job,
.schedule-workspace[b-qsidkmohsq]  .dispatch-month-job {
    border-radius: var(--fdc-radius-md, 0.75rem);
}

.schedule-workspace[b-qsidkmohsq]  .dispatch-block {
    box-shadow: 0 8px 20px rgba(31, 52, 67, 0.11);
}

.schedule-workspace[b-qsidkmohsq]  [data-schedule-card].is-dragging {
    transform: none;
    box-shadow: none;
    opacity: 0.4;
}

.schedule-workspace[b-qsidkmohsq]  .dispatch-time-lane.is-drop-target,
.schedule-workspace[b-qsidkmohsq]  .dispatch-week-capacity.is-drop-target,
.schedule-workspace[b-qsidkmohsq]  .dispatch-month-day.is-drop-target {
    background: color-mix(in srgb, var(--schedule-accent) 11%, var(--fdc-color-surface, var(--surface)));
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--schedule-accent) 58%, transparent);
}

.schedule-workspace[b-qsidkmohsq]  .dispatch-month-day {
    transition:
        background-color var(--fdc-motion-fast, 140ms) ease,
        box-shadow var(--fdc-motion-fast, 140ms) ease;
}

.schedule-workspace[b-qsidkmohsq]  .dispatch-month-day.today {
    box-shadow: inset 0 0 0 2px var(--schedule-accent);
}

.schedule-workspace[b-qsidkmohsq]  .dispatch-month-day.today .dispatch-month-date {
    background: var(--schedule-accent);
    color: var(--fdc-color-on-accent);
}

.schedule-workspace[b-qsidkmohsq]  .dispatch-month-load > span,
.schedule-workspace[b-qsidkmohsq]  .dispatch-utilization > span {
    background: var(--schedule-accent);
}

.schedule-workspace[b-qsidkmohsq]  .dispatch-board-help {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0.75rem 0.25rem 0;
    color: var(--fdc-color-text-secondary, var(--muted));
    font-size: 0.72rem;
}

@media (max-width: 1100px) {
    .dispatch-command-bar[b-qsidkmohsq] {
        grid-template-columns: 1fr;
    }

    .dispatch-view-switch[b-qsidkmohsq] {
        order: 0;
    }

    .dispatch-filter-form[b-qsidkmohsq] {
        grid-template-columns: auto minmax(14rem, 1fr) minmax(10rem, 0.7fr) minmax(10rem, 0.7fr) auto;
    }

    .dispatch-filter-form > a:last-child[b-qsidkmohsq] {
        grid-column: 2 / -1;
        justify-self: end;
    }
}

@media (max-width: 820px) {
    .schedule-hero[b-qsidkmohsq] {
        grid-template-columns: 1fr;
    }

    .schedule-hero-actions[b-qsidkmohsq] {
        justify-content: flex-start;
    }

    .schedule-hero-meta[b-qsidkmohsq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .schedule-hero-meta > div:last-child[b-qsidkmohsq] {
        grid-column: 1 / -1;
    }

    .dispatch-filter-form[b-qsidkmohsq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dispatch-filter-label[b-qsidkmohsq],
    .dispatch-search[b-qsidkmohsq] {
        grid-column: 1 / -1;
    }

    .dispatch-filter-form .dispatch-apply-filter[b-qsidkmohsq] {
        grid-column: 1;
    }

    .dispatch-filter-form > a:last-child[b-qsidkmohsq] {
        grid-column: 2;
        justify-self: stretch;
    }

    .dispatch-board-summary[b-qsidkmohsq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dispatch-summary-ready[b-qsidkmohsq] {
        justify-self: stretch;
    }
}

@media (max-width: 560px) {
    .schedule-workspace[b-qsidkmohsq] {
        gap: 0.75rem;
    }

    .schedule-hero[b-qsidkmohsq] {
        gap: 1rem;
        padding: 1.1rem;
        border-radius: var(--fdc-radius-lg, 1rem);
    }

    .schedule-hero-icon[b-qsidkmohsq] {
        width: 2.75rem;
        height: 2.75rem;
    }

    .schedule-breadcrumb span[b-qsidkmohsq],
    .schedule-breadcrumb svg[b-qsidkmohsq] {
        display: none;
    }

    .schedule-hero-copy > p[b-qsidkmohsq] {
        font-size: 0.82rem;
    }

    .schedule-hero-actions[b-qsidkmohsq],
    .schedule-hero-actions .action-button[b-qsidkmohsq],
    .schedule-refresh-action[b-qsidkmohsq] {
        width: 100%;
    }

    .schedule-hero-actions[b-qsidkmohsq] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    }

    .schedule-hero-meta[b-qsidkmohsq] {
        grid-template-columns: 1fr;
    }

    .schedule-hero-meta > div:last-child[b-qsidkmohsq] {
        grid-column: auto;
    }

    .dispatch-command-bar[b-qsidkmohsq] {
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .dispatch-control-heading small[b-qsidkmohsq] {
        display: none;
    }

    .dispatch-date-navigation[b-qsidkmohsq] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .dispatch-date-form[b-qsidkmohsq] {
        grid-column: 1 / -1;
        grid-row: 2;
        order: 5;
    }

    .dispatch-date-title[b-qsidkmohsq] {
        grid-column: 2;
        grid-row: 1;
        text-align: center;
    }

    .dispatch-filter-form[b-qsidkmohsq] {
        grid-template-columns: 1fr;
    }

    .dispatch-filter-form > *[b-qsidkmohsq],
    .dispatch-filter-label[b-qsidkmohsq],
    .dispatch-search[b-qsidkmohsq],
    .dispatch-filter-form .dispatch-apply-filter[b-qsidkmohsq],
    .dispatch-filter-form > a:last-child[b-qsidkmohsq] {
        grid-column: 1;
    }

    .dispatch-board-summary[b-qsidkmohsq] {
        grid-template-columns: 1fr 1fr;
    }

    .dispatch-board-summary span[b-qsidkmohsq] {
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .schedule-refresh-action[b-qsidkmohsq],
    .dispatch-view-switch a[b-qsidkmohsq],
    .schedule-workspace[b-qsidkmohsq]  .dispatch-block,
    .schedule-workspace[b-qsidkmohsq]  .dispatch-month-day {
        transition: none;
    }
}

.dispatch-edit-fields[b-qsidkmohsq] { display: grid; gap: 1rem; border: 0; padding: 0; margin: 0; min-width: 0; width: 100%; grid-column: 1 / -1; }
.dispatch-edit-fields:disabled[b-qsidkmohsq] { opacity: .8; }
/* /Components/Pages/Office/SmartEstimating.razor.rz.scp.css */
/*
 * 21st.dev reference composition:
 * Project Detail View (kavikatiyar), Table 08 (felipemenezes098),
 * V Card 17 (cnippet-dev), and Page Header with Breadcrumbs (olewandowski1,
 * demo 18149), translated into the FieldDocs design system.
 */
.estimating-page[b-0irbghofmd] {
    --estimate-hero-start: #071f38;
    --estimate-hero-end: #1b4f86;
    gap: var(--fdc-space-4);
    min-width: 0;
}
.estimate-proposal-layout[b-0irbghofmd] { display: grid; grid-column: 1 / -1; gap: var(--fdc-space-3); margin: 0 0 var(--fdc-space-4); padding: var(--fdc-space-3); border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); min-width: 0; }
.estimate-proposal-layout legend[b-0irbghofmd] { color: var(--fdc-color-text); font-size: 0.85rem; font-weight: 600; }
.estimate-proposal-layout label[b-0irbghofmd] { display: flex; align-items: start; gap: var(--fdc-space-2); line-height: 1.5; font-size: 0.8rem; }
.estimate-proposal-layout input[type="checkbox"][b-0irbghofmd] { width: 1.1rem; min-width: 1.1rem; height: 1.1rem; min-height: 1.1rem; margin-top: 0.15rem; accent-color: var(--fdc-color-accent); }
.estimate-proposal-layout small[b-0irbghofmd] { color: var(--fdc-color-text-muted); line-height: 1.5; }

.estimating-hero[b-0irbghofmd] {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--fdc-space-4);
    overflow: hidden;
    padding: clamp(1.25rem, 2.5vw, 2rem);
    border: 1px solid rgba(145, 197, 255, 0.24);
    border-radius: var(--fdc-radius-xl);
    background:
        radial-gradient(circle at 88% 5%, rgba(95, 163, 235, 0.24), transparent 28rem),
        linear-gradient(135deg, var(--estimate-hero-start), var(--estimate-hero-end));
    box-shadow: 0 18px 42px rgba(7, 31, 56, 0.16);
    color: #f7fbfc;
}

.estimating-hero[b-0irbghofmd]::after {
    position: absolute;
    z-index: -1;
    right: -4rem;
    bottom: -7rem;
    width: 22rem;
    height: 22rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    content: "";
}

.estimating-hero-main[b-0irbghofmd],
.estimating-panel-title[b-0irbghofmd],
.estimate-summary-heading[b-0irbghofmd] {
    display: flex;
    align-items: flex-start;
    gap: var(--fdc-space-3);
    min-width: 0;
}

.estimating-hero-icon[b-0irbghofmd] {
    width: 3.25rem;
    height: 3.25rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--fdc-radius-lg);
    background: rgba(255, 255, 255, 0.09);
    color: #9bcaff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.estimating-hero-copy[b-0irbghofmd] {
    min-width: 0;
}

.estimating-breadcrumb[b-0irbghofmd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: var(--fdc-space-2);
    color: #b8d1d7;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.estimating-breadcrumb span[b-0irbghofmd] {
    white-space: nowrap;
}

.estimating-hero h1[b-0irbghofmd] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.75rem, 3vw, 2.6rem);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.estimating-hero p[b-0irbghofmd] {
    max-width: 48rem;
    margin: var(--fdc-space-2) 0 0;
    color: #c8d9dd;
    font-size: 0.94rem;
    line-height: 1.5;
}

.estimating-hero-actions[b-0irbghofmd] {
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
    align-items: flex-start;
    justify-content: flex-end;
    gap: var(--fdc-space-2);
}

.estimating-hero-actions[b-0irbghofmd]  .fdc-button-secondary {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.09);
    color: #ffffff;
}

.estimating-hero-actions[b-0irbghofmd]  .fdc-button-secondary:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.16);
}

.estimating-hero-actions[b-0irbghofmd]  .fdc-button-primary {
    border-color: #91c5ff;
    background: #91c5ff;
    color: #091d36;
}

.estimating-hero-meta[b-0irbghofmd] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--fdc-space-2);
    padding-top: var(--fdc-space-3);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.estimating-hero-meta > div[b-0irbghofmd] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.estimating-hero-meta span[b-0irbghofmd] {
    color: #98b7bf;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.estimating-hero-meta strong[b-0irbghofmd] {
    color: #ffffff;
    font-size: 1rem;
}

.estimating-trust-strip[b-0irbghofmd] {
    display: flex;
    align-items: center;
    gap: var(--fdc-space-2);
    padding: 0.75rem 1rem;
    border: 1px solid color-mix(in srgb, var(--fdc-color-success) 30%, var(--fdc-color-border));
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-success-soft);
    color: var(--fdc-color-success);
    font-size: 0.82rem;
}

.estimating-tabs[b-0irbghofmd] {
    margin: 0;
    border-radius: var(--fdc-radius-md);
}

.estimating-catalog-layout[b-0irbghofmd],
.estimating-builder[b-0irbghofmd] {
    min-width: 0;
}

.estimating-catalog-layout[b-0irbghofmd] {
    grid-template-columns: minmax(0, 1.65fr) minmax(19rem, 0.65fr);
}

.estimating-catalog-panel[b-0irbghofmd],
.estimating-list[b-0irbghofmd],
.estimating-lines[b-0irbghofmd],
.estimating-summary[b-0irbghofmd],
.estimating-form-card[b-0irbghofmd] {
    border-radius: var(--fdc-radius-lg);
    box-shadow: var(--fdc-shadow-sm);
}

.estimating-panel-header[b-0irbghofmd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fdc-space-4);
    margin: -0.1rem 0 var(--fdc-space-5);
}

.estimating-panel-header.compact[b-0irbghofmd] {
    align-items: flex-start;
    margin: 0;
    padding: 0.25rem 0.35rem 0.75rem;
}

.estimating-panel-title[b-0irbghofmd] {
    align-items: center;
}

.estimating-panel-title h2[b-0irbghofmd],
.estimating-panel-title p[b-0irbghofmd] {
    margin: 0;
}

.estimating-panel-title h2[b-0irbghofmd] {
    color: var(--fdc-color-text);
    font-size: 1.08rem;
    letter-spacing: -0.015em;
}

.estimating-panel-title p[b-0irbghofmd] {
    margin-top: 0.18rem;
    color: var(--fdc-color-text-secondary);
    font-size: 0.78rem;
}

.estimating-panel-icon[b-0irbghofmd] {
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: var(--fdc-radius-md);
    background: var(--fdc-color-accent-soft);
    color: var(--fdc-color-accent);
}

.estimating-costbook-table[b-0irbghofmd] {
    overflow: hidden;
    border: 1px solid var(--fdc-color-border);
    border-radius: var(--fdc-radius-md);
}

.estimating-costbook-table table[b-0irbghofmd] {
    margin: 0;
}

.estimating-costbook-table thead[b-0irbghofmd] {
    background: var(--fdc-color-background-secondary);
}

.estimating-costbook-table th[b-0irbghofmd] {
    color: var(--fdc-color-text-muted);
    font-size: 0.68rem;
    letter-spacing: 0.055em;
}

.estimating-costbook-table th[b-0irbghofmd],
.estimating-costbook-table td[b-0irbghofmd] {
    padding: 0.85rem 1rem;
}

.estimating-costbook-table tbody tr:last-child td[b-0irbghofmd] {
    border-bottom: 0;
}

.estimating-builder[b-0irbghofmd] {
    grid-template-columns: minmax(15rem, 0.72fr) minmax(0, 1.7fr) minmax(16.5rem, 0.78fr);
    gap: var(--fdc-space-4);
}

.estimating-list[b-0irbghofmd] {
    position: sticky;
    top: var(--fdc-space-4);
    align-content: start;
    max-height: calc(100dvh - 8rem);
    padding: var(--fdc-space-3);
}

.estimating-list-stack[b-0irbghofmd] {
    display: grid;
    gap: 0.45rem;
}

.estimating-list-item[b-0irbghofmd] {
    position: relative;
    display: grid;
    gap: 0.5rem;
    overflow: hidden;
    min-height: 6.25rem;
    padding: 0.8rem;
    border-radius: var(--fdc-radius-md);
    cursor: pointer;
    transition:
        background-color var(--fdc-motion-fast) var(--fdc-ease-standard),
        border-color var(--fdc-motion-fast) var(--fdc-ease-standard),
        transform var(--fdc-motion-fast) var(--fdc-ease-standard);
}

.estimating-list-item[b-0irbghofmd]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.22rem;
    border-radius: 0 var(--fdc-radius-pill) var(--fdc-radius-pill) 0;
    background: transparent;
    content: "";
}

.estimating-list-item:hover[b-0irbghofmd] {
    transform: translateY(-1px);
}

.estimating-list-item.active[b-0irbghofmd]::before {
    background: var(--fdc-color-accent);
}

.estimating-list-top[b-0irbghofmd],
.estimating-list-meta[b-0irbghofmd],
.estimate-detail-meta[b-0irbghofmd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fdc-space-2);
    min-width: 0;
}

.estimating-number[b-0irbghofmd] {
    overflow: hidden;
    color: var(--fdc-color-text-muted);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.estimating-list-title[b-0irbghofmd] {
    overflow: hidden;
    color: var(--fdc-color-text);
    font-size: 0.84rem;
    line-height: 1.38;
    text-overflow: ellipsis;
}

.estimating-list-meta small[b-0irbghofmd] {
    color: var(--fdc-color-text-muted);
}

.estimating-list-meta strong[b-0irbghofmd] {
    color: var(--fdc-color-text);
    font-size: 0.83rem;
    font-variant-numeric: tabular-nums;
}

.estimating-list-item .status[b-0irbghofmd] {
    flex: 0 0 auto;
    padding: 0.16rem 0.42rem;
    font-size: 0.62rem;
}

.estimating-lines[b-0irbghofmd] {
    overflow: hidden;
    padding: 0;
}

.estimate-detail-header[b-0irbghofmd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--fdc-space-4);
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid var(--fdc-color-border);
    background: color-mix(in srgb, var(--fdc-color-background-secondary) 52%, var(--fdc-color-surface));
}

.estimate-detail-heading[b-0irbghofmd] {
    min-width: 0;
}

.estimate-detail-customer[b-0irbghofmd] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    margin-bottom: 0.35rem;
    color: var(--fdc-color-accent);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.estimate-detail-header h2[b-0irbghofmd] {
    margin: 0;
    color: var(--fdc-color-text);
    font-size: clamp(1.08rem, 2vw, 1.4rem);
    line-height: 1.24;
    letter-spacing: -0.02em;
}

.estimate-detail-meta[b-0irbghofmd] {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 0.55rem;
}

.estimate-detail-meta > span[b-0irbghofmd] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    color: var(--fdc-color-text-muted);
    font-size: 0.7rem;
}

.estimate-detail-controls[b-0irbghofmd] {
    display: grid;
    justify-items: end;
    gap: var(--fdc-space-2);
    flex: 0 0 auto;
}

.estimate-version-picker[b-0irbghofmd] {
    display: grid;
    gap: 0.22rem;
    color: var(--fdc-color-text-muted);
    font-size: 0.65rem;
    font-weight: 750;
}

.estimate-version-picker select[b-0irbghofmd] {
    min-width: 8.5rem;
    min-height: 2.3rem;
    border: 1px solid var(--fdc-color-border-strong);
    border-radius: var(--fdc-radius-sm);
    background: var(--fdc-color-surface);
    color: var(--fdc-color-text);
    padding: 0.4rem 0.55rem;
}

.estimating-lines > .financial-empty-state[b-0irbghofmd],
.estimating-lines > .estimate-section[b-0irbghofmd],
.estimating-lines > .smart-history-workspace[b-0irbghofmd],
.estimating-lines > .estimate-add-line[b-0irbghofmd] {
    margin-inline: 1.25rem;
}

.estimate-section[b-0irbghofmd] {
    margin-top: 1.15rem;
}

.estimate-section-heading[b-0irbghofmd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fdc-space-3);
    margin-bottom: 0.35rem;
    color: var(--fdc-color-text-muted);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.estimate-section-heading small[b-0irbghofmd] {
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.estimate-line-card[b-0irbghofmd] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--fdc-space-3);
    padding: 0.9rem 0;
}

.estimate-line-icon[b-0irbghofmd] {
    width: 2.15rem;
    height: 2.15rem;
    display: grid;
    place-items: center;
    border-radius: var(--fdc-radius-sm);
    background: var(--fdc-color-background-secondary);
    color: var(--fdc-color-text-secondary);
}

.estimate-line-copy[b-0irbghofmd],
.estimate-line-total[b-0irbghofmd] {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
}

.estimate-line-copy strong[b-0irbghofmd],
.estimate-line-copy small[b-0irbghofmd] {
    overflow-wrap: anywhere;
}

.estimate-line-copy small[b-0irbghofmd] {
    line-height: 1.4;
}

.estimate-line-total[b-0irbghofmd] {
    min-width: 7.5rem;
    text-align: right;
}

.estimate-line-total strong[b-0irbghofmd] {
    color: var(--fdc-color-text);
    font-variant-numeric: tabular-nums;
}

.estimate-line-total span[b-0irbghofmd] {
    color: var(--fdc-color-accent);
    font-size: 0.72rem;
    font-weight: 750;
}

.estimating-lines > .smart-history-workspace[b-0irbghofmd] {
    margin-bottom: 1.25rem;
}

.estimating-lines > .estimate-add-line[b-0irbghofmd] {
    margin-bottom: 1.25rem;
}

.estimate-add-line[b-0irbghofmd] {
    display: grid;
    align-items: start;
    gap: var(--fdc-space-3);
}

.estimate-add-line > h3[b-0irbghofmd],
.estimate-add-line > .full-label[b-0irbghofmd] {
    margin-block: 0;
}

.estimate-add-line > .primary-button[b-0irbghofmd] {
    justify-self: start;
    min-height: var(--fdc-tap-target);
    margin-top: var(--fdc-space-1);
}

.estimating-summary[b-0irbghofmd] {
    top: var(--fdc-space-4);
    align-content: start;
    padding: var(--fdc-space-4);
}

.estimate-summary-heading[b-0irbghofmd] {
    align-items: center;
    padding-bottom: var(--fdc-space-3);
    border-bottom: 1px solid var(--fdc-color-border);
}

.estimate-summary-heading h2[b-0irbghofmd] {
    margin: 0.12rem 0 0;
    color: var(--fdc-color-text);
    font-size: clamp(1.65rem, 2.8vw, 2.15rem);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.04em;
}

.estimating-summary .primary-button[b-0irbghofmd],
.estimating-summary .text-button[b-0irbghofmd] {
    min-height: var(--fdc-tap-target);
    border-radius: var(--fdc-radius-pill);
}

.estimate-summary-kpis[b-0irbghofmd] {
    overflow: hidden;
    padding: 0;
}

.estimate-summary-kpis div[b-0irbghofmd] {
    padding-inline: 0.75rem;
}

@container estimating-page (max-width: 1280px) {
    .estimating-builder[b-0irbghofmd] {
        grid-template-columns: minmax(15rem, 0.7fr) minmax(0, 1.5fr);
    }

    .estimating-summary[b-0irbghofmd] {
        position: static;
        grid-column: 2;
    }
}

@container estimating-page (max-width: 1200px) {
    .estimating-hero[b-0irbghofmd] {
        grid-template-columns: 1fr;
    }

    .estimating-hero-actions[b-0irbghofmd] {
        justify-content: flex-start;
    }
}

@container estimating-page (max-width: 900px) {

    .estimating-catalog-layout[b-0irbghofmd],
    .estimating-builder[b-0irbghofmd] {
        grid-template-columns: 1fr;
    }

    .estimating-list[b-0irbghofmd],
    .estimating-summary[b-0irbghofmd] {
        position: static;
        grid-column: auto;
        max-height: none;
    }

    .estimating-list-stack[b-0irbghofmd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container estimating-page (max-width: 640px) {
    .estimating-hero[b-0irbghofmd] {
        margin-inline: -0.25rem;
        padding: 1rem;
        border-radius: var(--fdc-radius-lg);
    }

    .estimating-hero-main[b-0irbghofmd] {
        gap: var(--fdc-space-3);
    }

    .estimating-hero h1[b-0irbghofmd] {
        font-size: clamp(1.5rem, 5cqi, 1.9rem);
    }

    .estimating-hero-icon[b-0irbghofmd] {
        width: 2.75rem;
        height: 2.75rem;
    }

    .estimating-hero-actions[b-0irbghofmd],
    .estimating-hero-actions[b-0irbghofmd]  .fdc-button {
        width: 100%;
    }

    .estimating-hero-actions[b-0irbghofmd] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .estimating-hero-actions[b-0irbghofmd]  .fdc-button {
        padding-inline: 0.65rem;
        white-space: normal;
    }

    .estimating-hero-actions[b-0irbghofmd]  .fdc-button-primary {
        grid-column: 1 / -1;
    }

    .estimating-hero-meta[b-0irbghofmd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .estimating-hero-meta > div:last-child[b-0irbghofmd] {
        display: none;
    }

    .estimating-trust-strip[b-0irbghofmd] {
        align-items: flex-start;
    }

    .estimating-panel-header[b-0irbghofmd],
    .estimate-detail-header[b-0irbghofmd] {
        align-items: stretch;
        flex-direction: column;
    }

    .estimating-panel-header[b-0irbghofmd]  .fdc-status {
        width: fit-content;
    }

    .estimating-list-stack[b-0irbghofmd] {
        grid-template-columns: 1fr;
    }

    .estimate-detail-controls[b-0irbghofmd] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: end;
        justify-items: start;
    }

    .estimate-version-picker[b-0irbghofmd],
    .estimate-version-picker select[b-0irbghofmd] {
        width: 100%;
    }

    .estimate-line-card[b-0irbghofmd] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .estimate-line-total[b-0irbghofmd] {
        grid-column: 2;
        min-width: 0;
        text-align: left;
    }

    .estimating-costbook-table[b-0irbghofmd] {
        overflow: visible;
        border: 0;
    }

    .estimating-costbook-table table[b-0irbghofmd],
    .estimating-costbook-table tbody[b-0irbghofmd] {
        display: grid;
        gap: var(--fdc-space-3);
    }

    .estimating-costbook-table thead[b-0irbghofmd] {
        display: none;
    }

    .estimating-costbook-table tr[b-0irbghofmd] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--fdc-space-3);
        padding: var(--fdc-space-4);
        border: 1px solid var(--fdc-color-border);
        border-radius: var(--fdc-radius-md);
        background: var(--fdc-color-surface);
    }

    .estimating-costbook-table td[b-0irbghofmd] {
        display: grid;
        gap: 0.18rem;
        padding: 0;
        border: 0;
    }

    .estimating-costbook-table td:first-child[b-0irbghofmd],
    .estimating-costbook-table td:nth-child(5)[b-0irbghofmd] {
        grid-column: 1 / -1;
    }

    .estimating-costbook-table td[b-0irbghofmd]::before {
        color: var(--fdc-color-text-muted);
        content: attr(data-label);
        font-size: 0.64rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
}

@media (prefers-reduced-motion: reduce) {
    .estimating-list-item[b-0irbghofmd] {
        transition-duration: 1ms;
    }
}
/* /Components/Pages/Office/SubcontractorNotifications.razor.rz.scp.css */
.subsms-settings[b-3iuw1ajrtg] { max-width: 1380px; margin: 0 auto; }
.subsms-settings-layout[b-3iuw1ajrtg] { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(285px, .8fr); gap: 1rem; align-items: start; }
.subsms-settings-main[b-3iuw1ajrtg], .subsms-settings-side .panel[b-3iuw1ajrtg] { padding: 1.25rem; }
.subsms-settings-side[b-3iuw1ajrtg] { display: grid; gap: 1rem; min-width: 0; }
.subsms-section-head[b-3iuw1ajrtg] { display: flex; gap: .85rem; align-items: flex-start; }
.subsms-section-head h2[b-3iuw1ajrtg] { margin: 0; font-size: 1.1rem; }
.subsms-section-head p[b-3iuw1ajrtg] { margin: .3rem 0 0; color: var(--muted, #64748b); }
.subsms-section-icon[b-3iuw1ajrtg] { display: grid; place-items: center; flex: none; width: 2.5rem; height: 2.5rem; border-radius: .75rem; background: var(--surface-subtle, #f1f5f9); }
.subsms-rule[b-3iuw1ajrtg] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.1rem 0; border-bottom: 1px solid var(--border, #d5dde5); }
.subsms-rule strong[b-3iuw1ajrtg], .subsms-rule small[b-3iuw1ajrtg] { display: block; }
.subsms-rule small[b-3iuw1ajrtg], .subsms-intro small[b-3iuw1ajrtg], .subsms-preview small[b-3iuw1ajrtg] { margin-top: .3rem; color: var(--muted, #64748b); line-height: 1.4; }
.subsms-rule label[b-3iuw1ajrtg] { flex: 0 0 190px; font-size: .8rem; font-weight: 700; }
.subsms-rule select[b-3iuw1ajrtg] { display: block; width: 100%; margin-top: .3rem; }
.subsms-unavailable[b-3iuw1ajrtg] { align-items: flex-start; }
.subsms-unavailable .status[b-3iuw1ajrtg] { flex: none; }
.subsms-content-head[b-3iuw1ajrtg] { margin-top: 1.5rem; }
.subsms-intro[b-3iuw1ajrtg] { display: block; margin-top: 1.1rem; font-weight: 700; }
.subsms-intro input[b-3iuw1ajrtg] { display: block; width: 100%; margin-top: .4rem; }
.subsms-intro small[b-3iuw1ajrtg] { display: block; font-weight: 400; }
.subsms-choices[b-3iuw1ajrtg] { display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; margin: 1.1rem 0; }
.subsms-choices label[b-3iuw1ajrtg] { display: inline-flex; gap: .5rem; align-items: center; min-height: 44px; }
.subsms-preview[b-3iuw1ajrtg] { border: 1px solid var(--border, #d5dde5); border-radius: .85rem; background: var(--surface-subtle, #f1f5f9); padding: 1rem; }
.subsms-preview p[b-3iuw1ajrtg] { margin: .6rem 0; overflow-wrap: anywhere; }
.subsms-actions[b-3iuw1ajrtg] { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.1rem; }
.subsms-actions .fdc-button[b-3iuw1ajrtg] { min-height: 44px; }
.subsms-usage-list[b-3iuw1ajrtg] { margin: 1rem 0; }
.subsms-usage-list div[b-3iuw1ajrtg] { display: flex; justify-content: space-between; gap: 1rem; padding: .6rem 0; border-bottom: 1px solid var(--border, #d5dde5); }
.subsms-usage-list dt[b-3iuw1ajrtg] { color: var(--muted, #64748b); }
.subsms-usage-list dd[b-3iuw1ajrtg] { margin: 0; font-weight: 700; text-align: right; }
.subsms-cost-note[b-3iuw1ajrtg] { margin-bottom: 0; font-size: .82rem; color: var(--muted, #64748b); line-height: 1.5; }
@media (max-width: 900px) { .subsms-settings-layout[b-3iuw1ajrtg] { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) {
    .subsms-rule[b-3iuw1ajrtg] { align-items: stretch; flex-direction: column; }
    .subsms-rule label[b-3iuw1ajrtg] { flex: auto; }
    .subsms-unavailable .status[b-3iuw1ajrtg] { align-self: flex-start; }
    .subsms-actions > *[b-3iuw1ajrtg] { flex: 1 1 100%; justify-content: center; }
}

/* Preparation fills the page; usage is a peer section rather than a fixed sidebar. */
.subsms-settings > .panel[b-3iuw1ajrtg], .subsms-settings-layout[b-3iuw1ajrtg] { margin-top: 1rem; }
.subsms-settings-layout[b-3iuw1ajrtg], .subsms-automation-grid[b-3iuw1ajrtg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
.subsms-readiness[b-3iuw1ajrtg] { display: flex; gap: .9rem; align-items: flex-start; padding: 1.1rem 1.25rem; border: 1px solid var(--border, #d5dde5); border-radius: .9rem; background: var(--surface-subtle, #f1f5f9); }
.subsms-readiness h2[b-3iuw1ajrtg] { margin: 0; font-size: 1.06rem; }
.subsms-readiness p[b-3iuw1ajrtg] { margin: .35rem 0 0; line-height: 1.5; color: var(--muted, #64748b); }
.subsms-readiness > .status[b-3iuw1ajrtg] { margin-left: auto; flex: none; }
.subsms-automation[b-3iuw1ajrtg], .subsms-plan[b-3iuw1ajrtg] { padding: 1.25rem; min-width: 0; }
.subsms-automation-grid[b-3iuw1ajrtg] { margin-top: 1rem; }
.subsms-check[b-3iuw1ajrtg] { display: flex; gap: .7rem; align-items: flex-start; min-height: 44px; padding: .85rem 0; cursor: pointer; }
.subsms-check input[b-3iuw1ajrtg] { flex: none; margin-top: .2rem; width: 1rem; height: 1rem; }
.subsms-check span[b-3iuw1ajrtg] { min-width: 0; }
.subsms-check strong[b-3iuw1ajrtg], .subsms-check small[b-3iuw1ajrtg] { display: block; }
.subsms-check small[b-3iuw1ajrtg] { margin-top: .3rem; color: var(--muted, #64748b); line-height: 1.5; }
.subsms-preparation[b-3iuw1ajrtg] { border-bottom: 1px solid var(--border, #d5dde5); padding-top: 0; }
.subsms-categories[b-3iuw1ajrtg] { margin: 1rem 0 0; padding: 0; border: 0; min-width: 0; }
.subsms-categories legend[b-3iuw1ajrtg] { font-size: .85rem; font-weight: 700; }
.subsms-categories .subsms-check[b-3iuw1ajrtg] { border-bottom: 1px solid var(--border, #d5dde5); }
.subsms-timing[b-3iuw1ajrtg] { padding: 1rem; border: 1px solid var(--border, #d5dde5); border-radius: .85rem; background: var(--surface-subtle, #f1f5f9); }
.subsms-timing h3[b-3iuw1ajrtg] { margin: 0; font-size: 1rem; }
.subsms-timing > p[b-3iuw1ajrtg] { margin: .4rem 0 1rem; color: var(--muted, #64748b); font-size: .85rem; line-height: 1.5; }
.subsms-time-fields[b-3iuw1ajrtg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.subsms-time-fields label[b-3iuw1ajrtg], .subsms-number-field[b-3iuw1ajrtg] { font-size: .85rem; font-weight: 700; }
.subsms-time-fields select[b-3iuw1ajrtg], .subsms-number-field input[b-3iuw1ajrtg] { display: block; width: 100%; min-height: 44px; margin-top: .4rem; }
.subsms-number-field[b-3iuw1ajrtg] { display: block; margin-top: 1rem; }
.subsms-number-field small[b-3iuw1ajrtg] { display: block; margin-top: .3rem; font-size: .8rem; line-height: 1.5; font-weight: 400; color: var(--muted, #64748b); }
.subsms-plan-head[b-3iuw1ajrtg] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.subsms-plan-head > .fdc-button[b-3iuw1ajrtg] { flex: none; min-height: 44px; }
.subsms-plan-summary[b-3iuw1ajrtg] { display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; margin: 1rem 0; padding: .8rem 0; border-top: 1px solid var(--border, #d5dde5); border-bottom: 1px solid var(--border, #d5dde5); font-size: .85rem; }
.subsms-plan-summary strong[b-3iuw1ajrtg] { font-variant-numeric: tabular-nums; }
.subsms-empty[b-3iuw1ajrtg] { display: flex; gap: .8rem; align-items: center; margin-top: 1rem; padding: 1rem; border-radius: .85rem; background: var(--surface-subtle, #f1f5f9); color: var(--muted, #64748b); }
.subsms-empty p[b-3iuw1ajrtg] { margin: 0; line-height: 1.5; }
.subsms-plan-table[b-3iuw1ajrtg] { width: 100%; table-layout: fixed; border-collapse: collapse; margin-top: 1rem; font-size: .86rem; }
.subsms-plan-table th[b-3iuw1ajrtg], .subsms-plan-table td[b-3iuw1ajrtg] { text-align: left; padding: .85rem .65rem; border-bottom: 1px solid var(--border, #d5dde5); vertical-align: top; overflow-wrap: anywhere; }
.subsms-plan-table th[b-3iuw1ajrtg] { font-size: .77rem; color: var(--muted, #64748b); }
.subsms-plan-table th:nth-child(1)[b-3iuw1ajrtg] { width: 20%; }
.subsms-plan-table th:nth-child(2)[b-3iuw1ajrtg] { width: 27%; }
.subsms-plan-table th:nth-child(3)[b-3iuw1ajrtg] { width: 17%; }
.subsms-plan-table th:nth-child(4)[b-3iuw1ajrtg] { width: 36%; }
.subsms-plan-table small[b-3iuw1ajrtg] { display: block; margin-top: .4rem; line-height: 1.45; color: var(--muted, #64748b); }
.subsms-usage-list[b-3iuw1ajrtg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.subsms-usage-list div[b-3iuw1ajrtg] { display: block; min-width: 0; padding: .8rem 0; }
.subsms-usage-list dt[b-3iuw1ajrtg] { font-size: .8rem; }
.subsms-usage-list dd[b-3iuw1ajrtg] { margin: .3rem 0 0; font-size: 1.1rem; text-align: left; font-variant-numeric: tabular-nums; }
@media (max-width: 900px) { .subsms-settings-layout[b-3iuw1ajrtg], .subsms-automation-grid[b-3iuw1ajrtg] { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 650px) {
    .subsms-readiness[b-3iuw1ajrtg] { flex-wrap: wrap; }
    .subsms-readiness > div[b-3iuw1ajrtg] { flex: 1 1 220px; }
    .subsms-readiness > .status[b-3iuw1ajrtg] { margin-left: 3.4rem; }
    .subsms-plan-head[b-3iuw1ajrtg] { flex-direction: column; }
    .subsms-plan-head > .fdc-button[b-3iuw1ajrtg] { width: 100%; justify-content: center; }
    .subsms-plan-table[b-3iuw1ajrtg], .subsms-plan-table tbody[b-3iuw1ajrtg], .subsms-plan-table tr[b-3iuw1ajrtg], .subsms-plan-table td[b-3iuw1ajrtg] { display: block; width: 100%; }
    .subsms-plan-table thead[b-3iuw1ajrtg] { display: none; }
    .subsms-plan-table tr[b-3iuw1ajrtg] { padding: .5rem 0; border-bottom: 1px solid var(--border, #d5dde5); }
    .subsms-plan-table td[b-3iuw1ajrtg] { padding: .55rem 0; border: 0; }
    .subsms-plan-table td[b-3iuw1ajrtg]::before { content: attr(data-label); display: block; margin-bottom: .3rem; font-size: .72rem; color: var(--muted, #64748b); font-weight: 700; }
}
@media (max-width: 560px) { .subsms-time-fields[b-3iuw1ajrtg] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Pages/Office/Subcontractors.razor.rz.scp.css */
.subcontractors-page[b-ig6888lds6] { max-width: 1500px; margin: 0 auto; }
.subcontractors-layout[b-ig6888lds6] { display: grid; grid-template-columns: minmax(250px, 310px) minmax(0, 1fr); align-items: start; gap: 1rem; }
.subcontractors-list[b-ig6888lds6], .subcontractors-card[b-ig6888lds6] { padding: 1.25rem; }
.subcontractors-list-head[b-ig6888lds6], .subcontractors-card-head[b-ig6888lds6], .subcontractors-row[b-ig6888lds6] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.subcontractors-list-head h2[b-ig6888lds6], .subcontractors-card h2[b-ig6888lds6] { margin: 0; }
.subcontractors-search[b-ig6888lds6] { display: block; margin: 1rem 0; font-size: .85rem; }
.subcontractors-search input[b-ig6888lds6] { display: block; width: 100%; margin-top: .35rem; }
.subcontractors-firm[b-ig6888lds6] { width: 100%; display: flex; align-items: center; gap: .75rem; padding: .8rem; background: transparent; border: 1px solid transparent; border-radius: .8rem; text-align: left; color: inherit; cursor: pointer; }
.subcontractors-firm:hover[b-ig6888lds6], .subcontractors-firm.selected[b-ig6888lds6] { border-color: var(--fdc-color-border); background: var(--fdc-color-surface-interactive); }
.subcontractors-firm span:nth-child(2)[b-ig6888lds6] { flex: 1; min-width: 0; }
.subcontractors-firm strong[b-ig6888lds6], .subcontractors-firm small[b-ig6888lds6], .subcontractors-row small[b-ig6888lds6] { display: block; overflow-wrap: anywhere; }
.subcontractors-firm small[b-ig6888lds6], .subcontractors-row small[b-ig6888lds6] { color: var(--muted, #64748b); margin-top: .2rem; }
.subcontractors-avatar[b-ig6888lds6] { width: 2.3rem; height: 2.3rem; flex: none; border-radius: .65rem; display: grid; place-items: center; background: #dbeafe; color: #1e3a8a; font-weight: 700; }
.subcontractors-detail[b-ig6888lds6] { display: grid; gap: 1rem; min-width: 0; }
.subcontractors-workspace-head[b-ig6888lds6] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-width: 0; padding: .25rem .25rem 0; }
.subcontractors-workspace-head h2[b-ig6888lds6] { margin: .2rem 0; font-size: clamp(1.3rem, 2vw, 1.75rem); line-height: 1.2; overflow-wrap: anywhere; }
.subcontractors-workspace-head p[b-ig6888lds6] { margin: 0; color: var(--muted, #64748b); }
.subcontractors-firm-state[b-ig6888lds6] { flex: none; padding: .35rem .7rem; border-radius: 999px; background: var(--fdc-color-surface-interactive, #f1f5f9); color: var(--fdc-color-text-secondary, #475569); font-size: .8rem; font-weight: 700; }
.subcontractors-sections[b-ig6888lds6] { display: flex; gap: .25rem; min-width: 0; overflow-x: auto; padding: .3rem; border: 1px solid var(--fdc-color-border, #e2e8f0); border-radius: .9rem; background: var(--fdc-color-surface-interactive, #f1f5f9); scrollbar-width: thin; }
.subcontractors-section-button[b-ig6888lds6] { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; flex: 1 0 auto; min-height: 44px; padding: .5rem .75rem; border: 1px solid transparent; border-radius: .65rem; background: transparent; color: var(--fdc-color-text, #162936); font: inherit; font-size: .86rem; font-weight: 700; white-space: nowrap; cursor: pointer; }
.subcontractors-section-button:hover[b-ig6888lds6], .subcontractors-section-button:focus-visible[b-ig6888lds6] { background: var(--fdc-color-surface, #fff); }
.subcontractors-section-button.selected[b-ig6888lds6] { border-color: var(--fdc-color-border, #d8e2e5); background: var(--fdc-color-surface, #fff); box-shadow: 0 2px 8px rgb(15 23 42 / 7%); }
.subcontractors-section-button span[b-ig6888lds6] { display: inline-grid; place-items: center; min-width: 1.4rem; height: 1.4rem; padding: 0 .25rem; border-radius: 999px; background: var(--fdc-color-surface-interactive, #edf2f4); color: var(--fdc-color-text-secondary, #475569); font-size: .72rem; }
.subcontractors-section-button.selected span[b-ig6888lds6] { background: var(--fdc-color-accent-soft, #e8f1fc); color: var(--fdc-color-accent, #205d9e); }
.subcontractors-card-head[b-ig6888lds6] { margin-bottom: 1rem; }
.subcontractors-fields[b-ig6888lds6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.subcontractors-fields label:not(.subcontractors-check)[b-ig6888lds6] { display: block; font-size: .9rem; font-weight: 600; }
.subcontractors-fields input:not([type=checkbox])[b-ig6888lds6], .subcontractors-fields select[b-ig6888lds6], .subcontractors-fields textarea[b-ig6888lds6] { width: 100%; margin-top: .35rem; }
.subcontractors-fields fieldset[b-ig6888lds6] { min-width: 0; margin: 0; padding: .85rem 1rem; border: 1px solid var(--fdc-color-border); border-radius: .75rem; }
.subcontractors-fields legend[b-ig6888lds6] { padding: 0 .3rem; font-size: .9rem; font-weight: 700; }
.subcontractors-fields fieldset .subcontractors-check[b-ig6888lds6] { min-height: 2.5rem; overflow-wrap: anywhere; }
.subcontractors-fields fieldset input[type=checkbox][b-ig6888lds6] { flex: none; }
.subcontractors-wide[b-ig6888lds6], .subcontractors-actions[b-ig6888lds6] { grid-column: 1 / -1; }
.subcontractors-check[b-ig6888lds6] { display: flex; align-items: center; gap: .5rem; }
.subcontractors-actions[b-ig6888lds6] { display: flex; gap: .5rem; justify-content: flex-end; }
.subcontractors-facts[b-ig6888lds6] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.subcontractors-facts small[b-ig6888lds6], .subcontractors-facts strong[b-ig6888lds6] { display: block; overflow-wrap: anywhere; }
.subcontractors-facts small[b-ig6888lds6] { color: var(--muted, #64748b); }
.subcontractors-notes[b-ig6888lds6] { white-space: pre-wrap; overflow-wrap: anywhere; }
.subcontractors-boundary[b-ig6888lds6] { display: flex; align-items: center; gap: .4rem; margin: 1rem 0 0; }
.subcontractors-row[b-ig6888lds6] { border-top: 1px solid var(--border, #e2e8f0); padding: .85rem 0; flex-wrap: wrap; }
.subcontractors-row > div[b-ig6888lds6] { min-width: 0; flex: 1 1 14rem; }
.subcontractors-sms-confirm[b-ig6888lds6] { margin: 0 0 1rem; padding: 1rem; border: 1px solid var(--fdc-color-border-strong); border-radius: .8rem; background: var(--fdc-color-info-soft); }
.subcontractors-sms-confirm h3[b-ig6888lds6] { margin: 0 0 .5rem; font-size: 1rem; }
.subcontractors-sms-confirm p[b-ig6888lds6] { margin: 0 0 .75rem; overflow-wrap: anywhere; }
.subcontractors-sms-confirm blockquote[b-ig6888lds6] { margin: 0 0 1rem; padding: .8rem; border-left: 3px solid var(--fdc-color-info); border-radius: .3rem; background: var(--fdc-color-surface); overflow-wrap: anywhere; }
.subcontractors-sms-confirm .subcontractors-actions[b-ig6888lds6] { flex-wrap: wrap; }
.subcontractors-editor[b-ig6888lds6] { border-top: 1px solid var(--border, #e2e8f0); padding-top: 1rem; }
.subcontractors-empty[b-ig6888lds6] { padding: 1rem .5rem; }
.subcontractors-grant[b-ig6888lds6] { margin-top: .6rem; display: flex; flex-wrap: wrap; align-items: end; gap: .6rem; }
.subcontractors-grant label[b-ig6888lds6] { flex: 1 1 18rem; min-width: 0; font-size: .8rem; }
.subcontractors-grant input[b-ig6888lds6] { display: block; width: 100%; margin-top: .2rem; }
.subcontractors-inbox[b-ig6888lds6], #subcontractor-schedules[b-ig6888lds6], #subcontractor-documents[b-ig6888lds6] { scroll-margin-top: 5rem; }
.subcontractors-inbox h2[b-ig6888lds6] { display: flex; align-items: center; gap: .5rem; }
.subcontractors-action-count[b-ig6888lds6] { flex: none; border-radius: 999px; padding: .35rem .7rem; background: var(--fdc-color-accent-soft); color: var(--fdc-color-accent); font-size: .82rem; font-weight: 700; }
.subcontractors-action-list[b-ig6888lds6] { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.subcontractors-action-item[b-ig6888lds6] { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr) auto auto auto; align-items: center; gap: .75rem; padding: .85rem; border: 1px solid var(--fdc-color-border); border-radius: .8rem; background: var(--fdc-color-surface); transition: border-color .15s ease, box-shadow .15s ease; }
.subcontractors-action-item:hover[b-ig6888lds6] { border-color: #acc8e7; box-shadow: 0 3px 12px rgb(21 65 119 / 9%); }
.subcontractors-action-item > div[b-ig6888lds6] { min-width: 0; }
.subcontractors-action-item strong[b-ig6888lds6], .subcontractors-action-item small[b-ig6888lds6] { display: block; overflow-wrap: anywhere; }
.subcontractors-action-item small[b-ig6888lds6] { color: var(--muted, #64748b); margin-top: .15rem; }
.subcontractors-action-item p[b-ig6888lds6] { margin: .25rem 0 0; overflow-wrap: anywhere; }
.subcontractors-action-time[b-ig6888lds6] { color: var(--muted, #64748b); font-size: .78rem; white-space: nowrap; }
.subcontractors-action-mark[b-ig6888lds6] { width: 2.35rem; height: 2.35rem; display: grid; place-items: center; border-radius: .7rem; background: var(--surface-subtle, #f1f5f9); }
.subcontractors-action-mark.needs-team[b-ig6888lds6] { background: var(--fdc-color-accent-soft); color: var(--fdc-color-accent); }
.subcontractors-action-owner[b-ig6888lds6] { font-size: .8rem; font-weight: 700; color: var(--muted, #64748b); white-space: nowrap; }
.subcontractors-action-item .fdc-button[b-ig6888lds6] { min-height: 44px; }
.subcontractors-inbox-empty[b-ig6888lds6] { padding: 1rem; border-radius: .75rem; background: var(--surface-subtle, #f1f5f9); }
.subcontractors-inbox-note[b-ig6888lds6] { margin-bottom: 0; font-size: .8rem; }
@media (max-width: 850px) { .subcontractors-layout[b-ig6888lds6] { grid-template-columns: 1fr; } .subcontractors-list[b-ig6888lds6] { max-height: 15rem; overflow: auto; } .subcontractors-sections[b-ig6888lds6] { justify-content: flex-start; } .subcontractors-section-button[b-ig6888lds6] { flex-grow: 0; } }
@media (max-width: 960px) { .subcontractors-action-item[b-ig6888lds6] { grid-template-columns: 2.5rem minmax(0, 1fr) auto; } .subcontractors-action-time[b-ig6888lds6] { grid-column: 2; } .subcontractors-action-owner[b-ig6888lds6] { grid-column: 3; grid-row: 1; } .subcontractors-action-item .fdc-button[b-ig6888lds6] { grid-column: 3; grid-row: 2; } }
@media (max-width: 560px) { .subcontractors-fields[b-ig6888lds6], .subcontractors-facts[b-ig6888lds6] { grid-template-columns: 1fr; } .subcontractors-workspace-head[b-ig6888lds6], .subcontractors-card-head[b-ig6888lds6] { align-items: flex-start; flex-wrap: wrap; } .subcontractors-action-item[b-ig6888lds6] { grid-template-columns: 2.5rem minmax(0, 1fr); } .subcontractors-action-time[b-ig6888lds6], .subcontractors-action-owner[b-ig6888lds6], .subcontractors-action-item .fdc-button[b-ig6888lds6] { grid-column: 2; grid-row: auto; justify-self: start; } }
/* /Components/Pages/Office/SubscriptionContent.razor.rz.scp.css */
/* 21st.dev / 7ovr / Single Plan Pricing Card (demo 28178), Razor content port. */
.subscription-layout[b-vhj4dmsorx] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 1.5rem; max-width: 1050px; margin: 1.5rem auto; align-items: start; }
.subscription-plan[b-vhj4dmsorx], .subscription-details[b-vhj4dmsorx] { padding: clamp(1.25rem, 3vw, 2rem); }
.subscription-plan header h2[b-vhj4dmsorx] { margin: 1rem 0 .5rem; }
.subscription-price[b-vhj4dmsorx] { font-size: 2.25rem; font-weight: 750; margin: 1.5rem 0 .5rem; line-height: 1.2; }
.subscription-price small[b-vhj4dmsorx] { font-size: .9rem; font-weight: 400; display: block; margin-top: .5rem; }
.subscription-unconfigured[b-vhj4dmsorx] { font-size: 1.55rem; }
.subscription-features[b-vhj4dmsorx] { list-style: none; padding: 1.25rem 0; margin: 1.25rem 0; border-block: 1px solid var(--fdc-color-border); }
.subscription-features li[b-vhj4dmsorx] { display: flex; gap: .75rem; align-items: start; margin: .85rem 0; }
.subscription-seats[b-vhj4dmsorx] { display: grid; gap: .5rem; max-width: 14rem; font-weight: 600; }
.subscription-seats input[b-vhj4dmsorx] { width: 100%; padding: .75rem; border-radius: .5rem; border: 1px solid var(--fdc-color-border); color: var(--fdc-color-text); background: var(--fdc-color-surface-interactive); }
.subscription-note[b-vhj4dmsorx] { font-size: .88rem; line-height: 1.65; margin-top: 1.25rem; color: var(--fdc-color-text-secondary); }
.subscription-details dl[b-vhj4dmsorx] { margin: 1.5rem 0; }
.subscription-details dl div[b-vhj4dmsorx] { display: flex; flex-wrap: wrap; gap: .5rem 1rem; justify-content: space-between; border-bottom: 1px solid var(--fdc-color-border); padding: .9rem 0; }
.subscription-details dd[b-vhj4dmsorx] { margin: 0; font-weight: 600; }
@media (max-width: 760px) { .subscription-layout[b-vhj4dmsorx] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Pages/Office/Tasks.razor.rz.scp.css */
/*
 * 21st.dev task-management composition:
 * - Task List (ravikatiyar): dense, scannable rows with direct completion
 * - Task Board collection: restrained status lanes rather than oversized cards
 * - Sheet / sidebar collection: progressive quick-create and contextual detail
 * Ported to Razor and the FieldDocs design tokens; no React runtime is used.
 */
.tasks-page[b-r85l167il5] { display: grid; gap: var(--fdc-space-5); padding-bottom: var(--fdc-space-10); }
.tasks-heading[b-r85l167il5] { display: flex; align-items: end; justify-content: space-between; gap: var(--fdc-space-5); }
.tasks-heading h1[b-r85l167il5] { max-width: 48rem; margin: .2rem 0 .35rem; font-size: clamp(1.75rem, 3vw, 2.6rem); letter-spacing: -.045em; }
.tasks-heading p[b-r85l167il5] { margin: 0; max-width: 50rem; color: var(--fdc-color-text-muted); }
.task-summary[b-r85l167il5] { display: grid; grid-template-columns: repeat(6, minmax(7.5rem, 1fr)); gap: .65rem; }
.task-summary-item[b-r85l167il5] { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .78rem .9rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: var(--fdc-color-surface); color: var(--fdc-color-text-muted); cursor: pointer; transition: border-color var(--fdc-motion-fast), background var(--fdc-motion-fast), transform var(--fdc-motion-fast); }
.task-summary-item:hover[b-r85l167il5] { transform: translateY(-1px); border-color: var(--fdc-color-border-strong); }
.task-summary-item.selected[b-r85l167il5] { color: var(--fdc-color-accent); border-color: color-mix(in srgb, var(--fdc-color-accent) 45%, var(--fdc-color-border)); background: var(--fdc-color-accent-soft); }
.task-summary-item span[b-r85l167il5] { overflow: hidden; font-size: .78rem; font-weight: 720; white-space: nowrap; text-overflow: ellipsis; }
.task-summary-item strong[b-r85l167il5] { font-size: 1.15rem; color: var(--fdc-color-text); }
.task-center[b-r85l167il5] { min-width: 0; padding: 0; overflow: hidden; }
.task-toolbar[b-r85l167il5] { display: grid; gap: .8rem; padding: 1rem 1rem .85rem; border-bottom: 1px solid var(--fdc-color-border); background: color-mix(in srgb, var(--fdc-color-surface) 92%, var(--fdc-color-background)); }
.task-smart-views[b-r85l167il5] { display: flex; gap: .35rem; overflow-x: auto; scrollbar-width: none; }
.task-toolbar-row[b-r85l167il5] { display: grid; grid-template-columns: minmax(16rem, 1fr) minmax(8rem, auto) minmax(10rem, auto) auto; gap: .6rem; align-items: center; }
.task-toolbar-row select[b-r85l167il5], .task-search[b-r85l167il5] { min-height: 2.55rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: var(--fdc-color-surface-elevated); color: var(--fdc-color-text); }
.task-toolbar-row select[b-r85l167il5] { padding: 0 .8rem; }
.task-search[b-r85l167il5] { display: flex; align-items: center; gap: .55rem; padding: 0 .75rem; }
.task-search svg[b-r85l167il5] { flex: none; color: var(--fdc-color-text-muted); }
.task-search input[b-r85l167il5] { width: 100%; border: 0; outline: 0; background: transparent; color: inherit; }
.task-view-switcher[b-r85l167il5] { display: flex; padding: .2rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: var(--fdc-color-surface-interactive); }
.task-view-switcher button[b-r85l167il5] { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 2.1rem; padding: 0 .58rem; border: 0; border-radius: calc(var(--fdc-radius-md) - .18rem); background: transparent; color: var(--fdc-color-text-muted); cursor: pointer; }
.task-view-switcher button.selected[b-r85l167il5] { background: var(--fdc-color-surface-elevated); color: var(--fdc-color-text); box-shadow: var(--fdc-shadow-sm); }
.task-view-switcher span[b-r85l167il5] { display: none; }
.task-result-heading[b-r85l167il5] { min-height: 2.9rem; display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; border-bottom: 1px solid var(--fdc-color-border); color: var(--fdc-color-text-muted); font-size: .78rem; font-weight: 720; }
.task-result-heading button[b-r85l167il5] { border: 0; background: transparent; color: var(--fdc-color-accent); cursor: pointer; font: inherit; }
.task-list[b-r85l167il5] { display: grid; }
.task-group + .task-group[b-r85l167il5] { border-top: 1px solid var(--fdc-color-border); }
.task-group > header[b-r85l167il5] { min-height: 2.8rem; display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; background: color-mix(in srgb, var(--fdc-color-surface-interactive) 64%, transparent); }
.task-group > header div[b-r85l167il5] { display: flex; align-items: center; gap: .55rem; }
.task-group h2[b-r85l167il5] { margin: 0; font-size: .78rem; letter-spacing: .025em; text-transform: uppercase; }
.task-group > header > strong[b-r85l167il5] { min-width: 1.5rem; padding: .12rem .4rem; border-radius: var(--fdc-radius-pill); background: var(--fdc-color-surface); color: var(--fdc-color-text-muted); font-size: .72rem; text-align: center; }
.task-group-dot[b-r85l167il5] { width: .5rem; height: .5rem; border-radius: 50%; background: var(--fdc-color-text-muted); }
.task-group-dot.danger[b-r85l167il5] { background: var(--fdc-color-danger); box-shadow: 0 0 0 3px var(--fdc-color-danger-soft); }
.task-group-dot.today[b-r85l167il5] { background: var(--fdc-color-accent); box-shadow: 0 0 0 3px var(--fdc-color-accent-soft); }
.task-group-dot.upcoming[b-r85l167il5] { background: var(--fdc-color-info); }
.task-group-dot.success[b-r85l167il5] { background: var(--fdc-color-success); }
.task-row[b-r85l167il5] { min-height: 4.2rem; display: grid; grid-template-columns: 2.2rem minmax(12rem, 1fr) auto auto 1.2rem; gap: .7rem; align-items: center; padding: .55rem 1rem; border-top: 1px solid color-mix(in srgb, var(--fdc-color-border) 72%, transparent); }
.task-row:hover[b-r85l167il5] { background: var(--fdc-color-surface-interactive); }
.task-row.overdue[b-r85l167il5] { box-shadow: inset 3px 0 var(--fdc-color-danger); }
.task-complete[b-r85l167il5] { width: 2rem; height: 2rem; display: grid; place-items: center; border: 0; background: transparent; color: var(--fdc-color-text-muted); cursor: pointer; }
.task-complete:hover[b-r85l167il5] { color: var(--fdc-color-success); }
.task-row-main[b-r85l167il5] { min-width: 0; display: grid; gap: .2rem; padding: .25rem 0; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.task-title-line[b-r85l167il5] { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.task-title-line strong[b-r85l167il5] { overflow: hidden; font-size: .91rem; white-space: nowrap; text-overflow: ellipsis; }
.task-row-meta[b-r85l167il5] { overflow: hidden; color: var(--fdc-color-text-muted); font-size: .75rem; white-space: nowrap; text-overflow: ellipsis; }
.task-due[b-r85l167il5] { color: var(--fdc-color-text-muted); font-size: .76rem; font-weight: 680; white-space: nowrap; }
.task-due.danger[b-r85l167il5] { color: var(--fdc-color-danger); }
.task-board[b-r85l167il5] { display: grid; grid-template-columns: repeat(4, minmax(13rem, 1fr)); gap: .75rem; padding: 1rem; overflow-x: auto; }
.task-board > section[b-r85l167il5] { min-height: 24rem; padding: .65rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: color-mix(in srgb, var(--fdc-color-surface-interactive) 55%, transparent); }
.task-board > section > header[b-r85l167il5] { display: flex; align-items: center; justify-content: space-between; padding: .3rem .3rem .7rem; font-size: .78rem; font-weight: 760; }
.task-board > section > div[b-r85l167il5] { display: grid; gap: .55rem; }
.task-card[b-r85l167il5] { width: 100%; display: grid; gap: .6rem; padding: .78rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: var(--fdc-color-surface-elevated); color: inherit; text-align: left; box-shadow: var(--fdc-shadow-sm); cursor: pointer; }
.task-card:hover[b-r85l167il5] { border-color: var(--fdc-color-border-strong); }
.task-card > span[b-r85l167il5] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.task-card > strong[b-r85l167il5] { font-size: .86rem; line-height: 1.35; }
.task-card > small[b-r85l167il5], .task-card > span > small[b-r85l167il5] { color: var(--fdc-color-text-muted); }
.task-card.compact[b-r85l167il5] { padding: .62rem; box-shadow: none; }
.task-calendar[b-r85l167il5] { display: grid; grid-template-columns: repeat(7, minmax(8.5rem, 1fr)); min-width: 60rem; overflow-x: auto; }
.task-calendar > section[b-r85l167il5] { min-height: 13rem; padding: .55rem; border-right: 1px solid var(--fdc-color-border); border-bottom: 1px solid var(--fdc-color-border); }
.task-calendar > section.today[b-r85l167il5] { background: var(--fdc-color-accent-soft); }
.task-calendar > section > header[b-r85l167il5] { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; color: var(--fdc-color-text-muted); font-size: .72rem; }
.task-calendar .task-card[b-r85l167il5] { margin-bottom: .45rem; }
.task-team-grid[b-r85l167il5] { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: .75rem; padding: 1rem; }
.task-team-grid > section[b-r85l167il5] { padding: .8rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); background: color-mix(in srgb, var(--fdc-color-surface-interactive) 42%, transparent); }
.task-team-heading[b-r85l167il5] { width: 100%; display: flex; align-items: center; gap: .65rem; margin: 0 0 .7rem; padding: .2rem; border: 0; border-radius: var(--fdc-radius-sm); background: transparent; color: inherit; text-align: left; cursor: pointer; }
.task-team-heading:hover[b-r85l167il5] { background: var(--fdc-color-surface-interactive); }
.task-team-heading > span:nth-child(2)[b-r85l167il5] { min-width: 0; display: grid; flex: 1; }
.task-team-heading small[b-r85l167il5] { color: var(--fdc-color-text-muted); }
.task-team-grid .task-card + .task-card[b-r85l167il5] { margin-top: .5rem; }
.task-avatar[b-r85l167il5] { width: 2rem; height: 2rem; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--fdc-color-accent-soft); color: var(--fdc-color-accent); font-size: .68rem; font-weight: 800; }

.task-drawer-layer[b-r85l167il5] { position: fixed; z-index: 1100; inset: 0; display: flex; justify-content: flex-end; background: rgba(5, 18, 25, .44); backdrop-filter: blur(3px); }
.task-drawer[b-r85l167il5] { width: min(38rem, 100%); height: 100%; overflow-y: auto; border-left: 1px solid var(--fdc-color-border); background: var(--fdc-color-surface-elevated); box-shadow: -18px 0 52px rgba(5, 18, 25, .22); animation: task-drawer-in-b-r85l167il5 .2s ease-out; }
.task-drawer-header[b-r85l167il5] { position: sticky; z-index: 2; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.2rem 1.35rem; border-bottom: 1px solid var(--fdc-color-border); background: color-mix(in srgb, var(--fdc-color-surface-elevated) 92%, transparent); backdrop-filter: blur(16px); }
.task-drawer-header h2[b-r85l167il5] { margin: .15rem 0 0; font-size: 1.25rem; letter-spacing: -.025em; }
.task-drawer-header > button[b-r85l167il5] { width: 2.3rem; height: 2.3rem; display: grid; place-items: center; border: 1px solid var(--fdc-color-border); border-radius: 50%; background: var(--fdc-color-surface); color: inherit; cursor: pointer; }
.task-form[b-r85l167il5], .task-detail[b-r85l167il5] { display: grid; gap: 1.1rem; padding: 1.25rem 1.35rem 2rem; }
.task-form label[b-r85l167il5] { display: grid; gap: .4rem; color: var(--fdc-color-text-muted); font-size: .77rem; font-weight: 700; }
.task-form input[b-r85l167il5], .task-form select[b-r85l167il5], .task-form textarea[b-r85l167il5], .task-inline-form input[b-r85l167il5], .task-comment-form textarea[b-r85l167il5], .task-comment-form select[b-r85l167il5] { width: 100%; min-height: 2.65rem; padding: .66rem .75rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); outline: 0; background: var(--fdc-color-surface); color: var(--fdc-color-text); font: inherit; }
.task-form textarea[b-r85l167il5], .task-comment-form textarea[b-r85l167il5] { resize: vertical; }
.task-form input:focus[b-r85l167il5], .task-form select:focus[b-r85l167il5], .task-form textarea:focus[b-r85l167il5], .task-inline-form input:focus[b-r85l167il5], .task-comment-form textarea:focus[b-r85l167il5] { border-color: var(--fdc-color-accent); box-shadow: var(--fdc-focus-ring); }
.task-form-grid[b-r85l167il5] { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.task-more[b-r85l167il5] { padding: .75rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); }
.task-more summary[b-r85l167il5] { cursor: pointer; font-size: .82rem; font-weight: 750; }
.task-more[open] summary[b-r85l167il5] { margin-bottom: .9rem; }
.task-more > label[b-r85l167il5] { margin-top: .8rem; }
.task-form > footer[b-r85l167il5] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: .9rem; border-top: 1px solid var(--fdc-color-border); }
.task-form > footer > span[b-r85l167il5] { color: var(--fdc-color-text-muted); font-size: .78rem; }
.task-form > footer > div[b-r85l167il5] { display: flex; gap: .5rem; }
.task-detail-status[b-r85l167il5], .task-status-actions[b-r85l167il5] { display: flex; flex-wrap: wrap; gap: .5rem; }
.task-description[b-r85l167il5] { margin: 0; color: var(--fdc-color-text); line-height: 1.6; white-space: pre-wrap; }
.task-facts[b-r85l167il5] { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin: 0; }
.task-facts div[b-r85l167il5] { padding: .7rem .8rem; border-radius: var(--fdc-radius-md); background: var(--fdc-color-surface-interactive); }
.task-facts dt[b-r85l167il5] { color: var(--fdc-color-text-muted); font-size: .69rem; font-weight: 720; text-transform: uppercase; }
.task-facts dd[b-r85l167il5] { margin: .2rem 0 0; font-size: .86rem; font-weight: 680; }
.task-related-link[b-r85l167il5] { display: flex; align-items: center; gap: .75rem; padding: .8rem; border: 1px solid var(--fdc-color-border); border-radius: var(--fdc-radius-md); color: inherit; text-decoration: none; }
.task-related-link:hover[b-r85l167il5] { border-color: var(--fdc-color-accent); background: var(--fdc-color-accent-soft); }
.task-related-link span[b-r85l167il5] { display: grid; }
.task-related-link small[b-r85l167il5] { color: var(--fdc-color-text-muted); }
.task-waiting[b-r85l167il5] { display: flex; align-items: center; gap: .6rem; padding: .75rem; border: 1px solid color-mix(in srgb, var(--fdc-color-warning) 36%, var(--fdc-color-border)); border-radius: var(--fdc-radius-md); background: var(--fdc-color-warning-soft); color: var(--fdc-color-warning); }
.task-detail-section[b-r85l167il5] { display: grid; gap: .65rem; padding-top: 1rem; border-top: 1px solid var(--fdc-color-border); }
.task-detail-section > header[b-r85l167il5] { display: flex; justify-content: space-between; align-items: center; }
.task-detail-section h3[b-r85l167il5] { margin: 0; font-size: .92rem; }
.task-detail-section > header span[b-r85l167il5] { color: var(--fdc-color-text-muted); font-size: .75rem; }
.task-check-item[b-r85l167il5] { display: flex; align-items: center; gap: .6rem; padding: .5rem .15rem; font-size: .86rem; }
.task-check-item input[b-r85l167il5] { width: 1rem; height: 1rem; accent-color: var(--fdc-color-accent); }
.task-check-item .done[b-r85l167il5] { color: var(--fdc-color-text-muted); text-decoration: line-through; }
.task-inline-form[b-r85l167il5] { display: grid; grid-template-columns: 1fr auto; gap: .5rem; }
.task-comment-form[b-r85l167il5] { display: grid; justify-items: end; gap: .5rem; }
.task-comment-actions[b-r85l167il5] { display: flex; align-items: flex-end; justify-content: flex-end; gap: .5rem; width: 100%; }
.task-comment-actions label[b-r85l167il5] { flex: 1; min-width: 0; }
.task-attachment-label[b-r85l167il5] { display: block; padding-inline-end: 28px; margin-bottom: .5rem; font-size: .82rem; }
.task-comments[b-r85l167il5] { display: grid; gap: .8rem; }
.task-comments article[b-r85l167il5] { display: flex; align-items: flex-start; gap: .65rem; }
.task-comments article > div[b-r85l167il5] { flex: 1; min-width: 0; padding: .7rem .8rem; border-radius: var(--fdc-radius-md); background: var(--fdc-color-surface-interactive); }
.task-comments article header[b-r85l167il5] { display: flex; justify-content: space-between; gap: 1rem; font-size: .76rem; }
.task-comments time[b-r85l167il5] { color: var(--fdc-color-text-muted); }
.task-comments p[b-r85l167il5] { margin: .35rem 0 0; font-size: .84rem; white-space: pre-wrap; }
.task-comment-attachments[b-r85l167il5] { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .55rem; }
.task-comment-attachments a[b-r85l167il5] { display: inline-flex; align-items: center; gap: .3rem; padding: .28rem .5rem; border: 1px solid var(--fdc-color-border); border-radius: 999px; color: var(--fdc-color-accent-strong); font-size: .72rem; font-weight: 700; text-decoration: none; }
.task-activity[b-r85l167il5] { padding-top: 1rem; border-top: 1px solid var(--fdc-color-border); }
.task-activity summary[b-r85l167il5] { cursor: pointer; font-size: .82rem; font-weight: 740; }
.task-activity > div[b-r85l167il5] { display: grid; grid-template-columns: .7rem 1fr; gap: .55rem; margin-top: .75rem; }
.task-activity > div > span[b-r85l167il5] { width: .5rem; height: .5rem; margin-top: .35rem; border-radius: 50%; background: var(--fdc-color-accent); }
.task-activity p[b-r85l167il5] { display: grid; margin: 0; font-size: .78rem; }
.task-activity small[b-r85l167il5] { margin-top: .15rem; color: var(--fdc-color-text-muted); }
@keyframes task-drawer-in-b-r85l167il5 { from { transform: translateX(2rem); opacity: .4; } }

@media (max-width: 1050px) {
    .task-summary[b-r85l167il5] { grid-template-columns: repeat(3, 1fr); }
    .task-toolbar-row[b-r85l167il5] { grid-template-columns: 1fr 1fr; }
    .task-search[b-r85l167il5] { grid-column: 1 / -1; }
    .task-view-switcher[b-r85l167il5] { justify-self: end; }
}
@media (max-width: 720px) {
    .tasks-heading[b-r85l167il5] { align-items: flex-start; flex-direction: column; }
    .task-summary[b-r85l167il5] { display: flex; overflow-x: auto; }
    .task-summary-item[b-r85l167il5] { min-width: 8.2rem; }
    .task-toolbar-row[b-r85l167il5] { display: flex; flex-wrap: wrap; }
    .task-search[b-r85l167il5] { flex: 1 0 100%; }
    .task-toolbar-row > label:not(.task-search)[b-r85l167il5] { flex: 1; }
    .task-row[b-r85l167il5] { grid-template-columns: 2rem minmax(0, 1fr) 1.1rem; }
    .task-row > .task-due[b-r85l167il5], .task-row > .fdc-status[b-r85l167il5] { display: none; }
    .task-board[b-r85l167il5] { grid-template-columns: repeat(4, 15rem); }
    .task-form-grid[b-r85l167il5], .task-facts[b-r85l167il5] { grid-template-columns: 1fr; }
    .task-form > footer[b-r85l167il5] { align-items: stretch; flex-direction: column; }
    .task-form > footer > div[b-r85l167il5] { justify-content: flex-end; }
}
@media (prefers-reduced-motion: reduce) { .task-drawer[b-r85l167il5] { animation: none; } }
/* /Components/Pages/Office/UsersRoles.razor.rz.scp.css */
.team-invitation-row[b-dserxyw61w] { gap: 1rem; }
.team-invitation-row > div[b-dserxyw61w] { min-width: 0; }
@media (max-width: 640px) {
    .team-invitation-row[b-dserxyw61w] { grid-template-columns: minmax(0, 1fr); }
    .team-invitation-row > button[b-dserxyw61w] { justify-self: start; min-height: 44px; }
}
/* /Components/Pages/Office/WorkflowTemplates.razor.rz.scp.css */
.workflow-page[b-p6p40n9veo]{display:grid;gap:1.25rem;max-width:100%}.workflow-header[b-p6p40n9veo]{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.workflow-header p[b-p6p40n9veo]{max-width:65ch}.workflow-columns[b-p6p40n9veo]{display:grid;align-items:start;grid-template-columns:minmax(15rem,1fr) minmax(0,3fr);gap:1.25rem}.workflow-card[b-p6p40n9veo]{min-width:0;padding:1.25rem;border:1px solid var(--fdc-border);border-radius:1rem;background:var(--surface)}.workflow-page[b-p6p40n9veo]  fieldset{border:0;padding:0;min-width:0}.workflow-page[b-p6p40n9veo]  label{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;margin:.75rem 0;font-weight:600}.workflow-page[b-p6p40n9veo]  input:not([type=checkbox]),.workflow-page[b-p6p40n9veo]  textarea,.workflow-page[b-p6p40n9veo]  select{width:100%;min-width:0;min-height:44px;box-sizing:border-box;border:1px solid var(--fdc-border);border-radius:.6rem;padding:.65rem .75rem;color:var(--text);background:var(--surface-soft);font:inherit;font-weight:400}.workflow-page[b-p6p40n9veo]  textarea{min-height:88px}.workflow-page[b-p6p40n9veo]  .workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.workflow-page[b-p6p40n9veo]  .workflow-rail{list-style:none;margin:1rem 0;padding:0}.workflow-page[b-p6p40n9veo]  .workflow-rail>li{position:relative;display:flex;gap:.85rem;padding:0 0 1.25rem;min-width:0}.workflow-page[b-p6p40n9veo]  .workflow-rail>li:not(:last-child):before{content:"";position:absolute;left:15px;top:34px;bottom:5px;width:2px;background:var(--fdc-border)}.workflow-page[b-p6p40n9veo]  .workflow-number{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--fdc-color-accent);color:var(--fdc-color-on-accent,#fff);font-weight:700}.workflow-page[b-p6p40n9veo]  .workflow-step-fields{flex:1;min-width:0}.workflow-page[b-p6p40n9veo]  .workflow-step-fields h3,.workflow-page[b-p6p40n9veo]  .workflow-step-fields h4{margin:.3rem 0}.workflow-page[b-p6p40n9veo]  .workflow-actions{display:flex;flex-wrap:wrap;gap:.6rem}.workflow-page[b-p6p40n9veo]  button,.workflow-page[b-p6p40n9veo]  .workflow-actions a{min-height:44px;border:1px solid var(--fdc-border);border-radius:.6rem;padding:.65rem .85rem;color:var(--text);background:var(--surface-soft);font:inherit;cursor:pointer;overflow-wrap:anywhere}.workflow-page[b-p6p40n9veo]  button:disabled{opacity:.55;cursor:default}.workflow-page[b-p6p40n9veo]  button:focus-visible,.workflow-page[b-p6p40n9veo]  input:focus-visible,.workflow-page[b-p6p40n9veo]  select:focus-visible,.workflow-page[b-p6p40n9veo]  textarea:focus-visible{outline:3px solid var(--fdc-color-accent);outline-offset:2px}.workflow-page[b-p6p40n9veo]  button.workflow-primary{color:#fff;background:var(--fdc-color-accent)}.workflow-page[b-p6p40n9veo]  .workflow-confirm{flex-direction:row;align-items:flex-start;gap:.75rem}.workflow-page[b-p6p40n9veo]  .workflow-confirm input{width:22px;height:22px;flex:none}.workflow-library-row[b-p6p40n9veo]{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;margin:.65rem 0}.workflow-library-row span[b-p6p40n9veo],.workflow-page[b-p6p40n9veo]  .muted{font-size:.875rem;color:var(--muted)}.workflow-message[b-p6p40n9veo],.workflow-page[b-p6p40n9veo]  .workflow-error{padding:1rem;border:1px solid var(--fdc-border);border-radius:.6rem;background:var(--surface-soft);overflow-wrap:anywhere}.workflow-page details[b-p6p40n9veo]{border-top:1px solid var(--fdc-border);padding:1rem 0}.workflow-page summary[b-p6p40n9veo]{cursor:pointer;min-height:44px}.workflow-cancel[b-p6p40n9veo]{padding:1rem;border:1px solid var(--fdc-border);border-radius:.6rem}
@media(max-width:850px){.workflow-columns[b-p6p40n9veo]{grid-template-columns:1fr}.workflow-page[b-p6p40n9veo]  .workflow-grid{grid-template-columns:1fr}.workflow-card[b-p6p40n9veo]{padding:1rem}.workflow-page[b-p6p40n9veo]  .workflow-actions button{flex:1 1 auto}}
/* /Components/Pages/Portal/FieldRecordAccess.razor.rz.scp.css */
.field-qr-entry[b-vu90fm71z8] { width:calc(100% - 2rem); max-width:36rem; margin:clamp(1rem,8vh,5rem) auto; padding:clamp(1.25rem,4vw,2.5rem); border:1px solid var(--fdc-color-border); border-radius:1.25rem; background:var(--fdc-color-surface); color:var(--fdc-color-text); display:grid; gap:1.25rem; }
.field-qr-entry h1[b-vu90fm71z8],.field-qr-entry p[b-vu90fm71z8] { margin:0; }
.field-qr-entry p[b-vu90fm71z8] { line-height:1.65; }
.field-qr-entry-actions[b-vu90fm71z8] { display:grid; gap:.8rem; }
.field-qr-entry-actions a[b-vu90fm71z8] { min-height:48px; white-space:normal; }
.field-qr-entry a:focus-visible[b-vu90fm71z8] { outline:2px solid var(--fdc-color-accent); outline-offset:3px; }
/* /Components/Pages/Portal/FormCustomerRequest.razor.rz.scp.css */
.customer-form-page[b-2r38m72pcf]{--ink:#18324a;--muted:#5e7181;--line:#dce6eb;--accent:#2459d1;max-width:920px;margin:0 auto;padding:clamp(20px,4vw,46px) 18px 80px;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}
.customer-form-csrf[b-2r38m72pcf]{display:none}.customer-form-header[b-2r38m72pcf]{display:flex;align-items:center;gap:16px;margin-bottom:28px}.customer-form-header h1[b-2r38m72pcf]{font-size:clamp(25px,3vw,36px);line-height:1.12;margin:2px 0 4px}.customer-form-header p[b-2r38m72pcf]{margin:0;color:var(--muted)}.customer-form-mark[b-2r38m72pcf]{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:white;background:linear-gradient(135deg,#193b74,#3679dc);box-shadow:0 10px 25px #1a468025}.customer-form-eyebrow[b-2r38m72pcf]{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#456f9c}
.customer-form-card[b-2r38m72pcf],.customer-form-intro[b-2r38m72pcf],.customer-form-bottom[b-2r38m72pcf]{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 32px #2339560a}.customer-form-card[b-2r38m72pcf]{padding:clamp(20px,3vw,34px);margin:18px 0}.customer-form-intro[b-2r38m72pcf]{padding:25px 30px;display:flex;justify-content:space-between;gap:20px;align-items:start}.customer-form-intro h2[b-2r38m72pcf],.customer-form-card h2[b-2r38m72pcf]{font-size:clamp(22px,2.4vw,28px);line-height:1.18;margin:6px 0 8px}.customer-form-intro p[b-2r38m72pcf],.customer-form-card p[b-2r38m72pcf]{color:var(--muted);line-height:1.55;margin:8px 0}.customer-form-state[b-2r38m72pcf]{border-radius:99px;background:#e8f4ee;color:#1f6a4c;padding:7px 12px;font-size:12px;font-weight:700;white-space:nowrap}.customer-form-section-head[b-2r38m72pcf]{margin-bottom:23px;padding-bottom:15px;border-bottom:1px solid var(--line)}.customer-form-section-head h2[b-2r38m72pcf]{margin-bottom:4px}.customer-form-grid[b-2r38m72pcf]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.customer-form-layout[b-2r38m72pcf],.customer-form-field.full[b-2r38m72pcf]{grid-column:1/-1}.customer-form-layout[b-2r38m72pcf]{margin:6px 0}.customer-form-pagebreak[b-2r38m72pcf]{border-top:1px dashed var(--line);padding-top:10px;color:var(--muted)}.customer-form-row+.customer-form-row[b-2r38m72pcf]{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.customer-form-row-head[b-2r38m72pcf]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.customer-form-intro h2[b-2r38m72pcf],.customer-form-card h2[b-2r38m72pcf],.customer-form-card h3[b-2r38m72pcf]{color:var(--ink)}
.customer-form-field>label[b-2r38m72pcf],.customer-form-card>label[b-2r38m72pcf]{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.customer-form-field>label em[b-2r38m72pcf]{color:#c23c49;font-style:normal}.customer-form-field>small[b-2r38m72pcf]{display:block;color:var(--muted);font-size:12px;margin:0 0 8px}.customer-form-field input:not([type=radio]):not([type=checkbox])[b-2r38m72pcf],.customer-form-field select[b-2r38m72pcf],.customer-form-field textarea[b-2r38m72pcf],.customer-form-login input[b-2r38m72pcf],.customer-form-card>label textarea[b-2r38m72pcf]{width:100%;box-sizing:border-box;border:1px solid #cbd9e2;border-radius:10px;padding:12px 13px;font:inherit;color:var(--ink);background:#fff;min-height:45px}.customer-form-field textarea[b-2r38m72pcf]{resize:vertical}.customer-form-field input:focus[b-2r38m72pcf],.customer-form-field select:focus[b-2r38m72pcf],.customer-form-field textarea:focus[b-2r38m72pcf],.customer-form-login input:focus[b-2r38m72pcf]{outline:2px solid #8eaff2;outline-offset:1px}.customer-form-field fieldset[b-2r38m72pcf]{border:0;margin:0;padding:0;display:grid;gap:8px}.customer-form-choice[b-2r38m72pcf]{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:500}.customer-form-choice input[b-2r38m72pcf]{accent-color:var(--accent);width:17px;height:17px}.customer-form-signature[b-2r38m72pcf]{border:1px dashed #b6c7d4;border-radius:12px;padding:14px}.customer-form-signature p[b-2r38m72pcf]{font-size:13px;margin-top:0}.customer-form-signature .customer-form-choice[b-2r38m72pcf]{margin-top:10px}.customer-form-login[b-2r38m72pcf]{max-width:520px;margin:8vh auto;padding:34px}.customer-form-login>svg[b-2r38m72pcf]{color:#2459d1}.customer-form-login>small[b-2r38m72pcf]{display:block;color:var(--muted);margin-top:18px;line-height:1.5}.customer-form-login label[b-2r38m72pcf]{display:block;margin-top:24px}.customer-form-login input[b-2r38m72pcf]{letter-spacing:.14em;font-size:20px!important;font-weight:700}
.customer-form-actions[b-2r38m72pcf]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}.customer-form-button[b-2r38m72pcf]{border:0;border-radius:10px;min-height:43px;padding:10px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.customer-form-button.primary[b-2r38m72pcf]{background:#2459d1;color:#fff}.customer-form-button.quiet[b-2r38m72pcf]{background:#ecf2f7;color:#234562}.customer-form-button:disabled[b-2r38m72pcf]{opacity:.52;cursor:not-allowed}.customer-form-button:not(:disabled):hover[b-2r38m72pcf]{filter:brightness(.94)}.customer-form-message[b-2r38m72pcf]{border-radius:12px;padding:15px 18px;margin:18px 0;background:#eef6fd;color:#234e75;line-height:1.45}.customer-form-message.error[b-2r38m72pcf]{background:#fff0ef;color:#9b3541}.customer-form-message p[b-2r38m72pcf]{margin:4px 0 0}.customer-form-bottom[b-2r38m72pcf]{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px}.customer-form-bottom>span[b-2r38m72pcf]{color:var(--muted);font-size:13px}.customer-form-bottom .customer-form-actions[b-2r38m72pcf]{margin:0}.customer-form-review[b-2r38m72pcf]{padding:15px 0;border-top:1px solid var(--line)}.customer-form-review h3[b-2r38m72pcf]{font-size:17px}.customer-form-review>div[b-2r38m72pcf]{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #eff3f5;padding:9px 0;font-size:14px}.customer-form-review>div span[b-2r38m72pcf]{color:var(--muted)}.customer-form-review>div strong[b-2r38m72pcf]{text-align:right;overflow-wrap:anywhere}.visually-hidden[b-2r38m72pcf]{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:650px){.customer-form-page[b-2r38m72pcf]{padding:18px 12px 60px}.customer-form-header[b-2r38m72pcf]{margin-bottom:18px}.customer-form-card[b-2r38m72pcf]{padding:19px 16px;border-radius:15px}.customer-form-intro[b-2r38m72pcf]{padding:19px 16px;flex-direction:column;border-radius:15px}.customer-form-grid[b-2r38m72pcf]{grid-template-columns:1fr;gap:20px}.customer-form-field.half[b-2r38m72pcf]{grid-column:1/-1}.customer-form-bottom[b-2r38m72pcf]{position:sticky;bottom:8px;z-index:2;align-items:stretch;flex-direction:column;padding:14px;border-radius:14px}.customer-form-bottom .customer-form-actions>*[b-2r38m72pcf]{flex:1}.customer-form-review>div[b-2r38m72pcf]{flex-direction:column;gap:3px}.customer-form-review>div strong[b-2r38m72pcf]{text-align:left}}
@media(prefers-color-scheme:dark){.customer-form-page[b-2r38m72pcf]{--ink:#e4ecf4;--muted:#a4b7c6;--line:#3a5267}.customer-form-card[b-2r38m72pcf],.customer-form-intro[b-2r38m72pcf],.customer-form-bottom[b-2r38m72pcf]{background:#172b3d;box-shadow:none}.customer-form-field input:not([type=radio]):not([type=checkbox])[b-2r38m72pcf],.customer-form-field select[b-2r38m72pcf],.customer-form-field textarea[b-2r38m72pcf],.customer-form-login input[b-2r38m72pcf],.customer-form-card>label textarea[b-2r38m72pcf]{background:#102232;border-color:#4c6377;color:#e4ecf4}.customer-form-choice[b-2r38m72pcf]{background:#193044}.customer-form-button.quiet[b-2r38m72pcf]{background:#2b465e;color:#e4ecf4}.customer-form-message[b-2r38m72pcf]{background:#183952;color:#b8daf5}.customer-form-message.error[b-2r38m72pcf]{background:#4c292f;color:#ffbdc1}.customer-form-state[b-2r38m72pcf]{background:#214b3b;color:#b8efd1}}
@media(prefers-color-scheme:dark){.customer-form-intro .customer-form-eyebrow[b-2r38m72pcf],.customer-form-card .customer-form-eyebrow[b-2r38m72pcf]{color:#9cc7f1}.customer-form-field>label em[b-2r38m72pcf]{color:#ff8593}}

/* The portal theme, not the device setting, owns the customer request palette. */
.customer-form-page[b-2r38m72pcf]{--ink:var(--fdc-color-text);--muted:var(--fdc-color-text-secondary);--line:var(--fdc-color-border);--accent:var(--fdc-color-accent)}
.customer-form-card[b-2r38m72pcf],.customer-form-intro[b-2r38m72pcf],.customer-form-bottom[b-2r38m72pcf]{background:var(--fdc-color-surface);color:var(--fdc-color-text)}
.customer-form-field input:not([type=radio]):not([type=checkbox])[b-2r38m72pcf],.customer-form-field select[b-2r38m72pcf],.customer-form-field textarea[b-2r38m72pcf],.customer-form-login input[b-2r38m72pcf],.customer-form-card>label textarea[b-2r38m72pcf]{background:var(--fdc-color-surface-interactive);border-color:var(--fdc-color-border-strong);color:var(--fdc-color-text)}
.customer-form-choice[b-2r38m72pcf]{background:var(--fdc-color-surface-interactive)}
.customer-form-button.primary[b-2r38m72pcf]{background:var(--fdc-color-accent);color:var(--fdc-color-on-accent)}
.customer-form-button.quiet[b-2r38m72pcf]{background:var(--fdc-color-surface-interactive);color:var(--fdc-color-text)}
.customer-form-message[b-2r38m72pcf]{background:var(--fdc-color-info-soft);color:var(--fdc-color-info)}
.customer-form-message.error[b-2r38m72pcf]{background:var(--fdc-color-danger-soft);color:var(--fdc-color-danger)}
.customer-form-state[b-2r38m72pcf]{background:var(--fdc-color-success-soft);color:var(--fdc-color-success)}
.customer-form-review>div[b-2r38m72pcf]{border-color:var(--fdc-color-border)}
.customer-form-intro .customer-form-eyebrow[b-2r38m72pcf],.customer-form-card .customer-form-eyebrow[b-2r38m72pcf],.customer-form-login>svg[b-2r38m72pcf]{color:var(--fdc-color-accent)}
.customer-form-field>label em[b-2r38m72pcf]{color:var(--fdc-color-danger)}
/* /Components/Pages/Portal/SubcontractorAccess.razor.rz.scp.css */
.sub-access-page[b-bfiwdmdh0a] {
    max-width: 980px;
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 2.5rem);
    color: var(--fdc-text-primary, #173047);
}

.sub-access-page header[b-bfiwdmdh0a] { margin-bottom: 1.25rem; }
.sub-access-page header h1[b-bfiwdmdh0a] { font-size: clamp(1.85rem, 4vw, 2.6rem); margin: .35rem 0; }
.sub-access-page header p[b-bfiwdmdh0a] { max-width: 60ch; margin: .3rem 0; color: var(--fdc-text-muted, #627585); }

.sub-access-auth[b-bfiwdmdh0a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-height: min(720px, calc(100dvh - 3rem));
    max-width: 1100px;
    margin: clamp(1rem, 4vh, 2.5rem) auto;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--fdc-color-border);
    border-radius: 1.5rem;
    background: var(--fdc-color-surface);
    box-shadow: var(--fdc-shadow-lg);
}

.sub-access-csrf[b-bfiwdmdh0a] { display: none; }
.sub-access-auth header[b-bfiwdmdh0a] {
    grid-column: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    margin: 0;
    padding: clamp(2rem, 5vw, 4rem);
    border-right: 1px solid var(--fdc-color-border);
    background: linear-gradient(145deg, var(--fdc-color-accent-soft), var(--fdc-color-background) 65%, var(--fdc-color-background-secondary));
}
.sub-access-auth header[b-bfiwdmdh0a]  .northvault-wordmark {
    --northvault-wordmark-width: 23rem;
    --northvault-wordmark-height: 5rem;
}
.sub-access-auth header .eyebrow[b-bfiwdmdh0a] { display: block; margin-top: clamp(2.5rem, 7vh, 5rem); }
.sub-access-auth header h1[b-bfiwdmdh0a] { margin: .6rem 0 0; font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.1; letter-spacing: -.03em; }
.sub-access-auth header p[b-bfiwdmdh0a] { max-width: 42ch; margin: 1rem 0 0; line-height: 1.6; }
.sub-access-auth > .sub-access-card[b-bfiwdmdh0a] {
    grid-column: 2;
    align-self: center;
    width: min(100% - 3rem, 29rem);
    min-width: 0;
    margin: 2rem auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.sub-access-auth .sub-access-card label[b-bfiwdmdh0a] { max-width: none; }
.sub-access-auth .sub-access-card input[b-bfiwdmdh0a] { width: 100%; min-height: 48px; }
.sub-access-auth .sub-access-actions .fdc-button[b-bfiwdmdh0a] { min-height: 48px; }
.sub-access-auth .sub-access-card small[b-bfiwdmdh0a] { display: block; line-height: 1.5; }
.sub-access-auth .sub-access-card a[b-bfiwdmdh0a] { color: var(--fdc-color-accent); text-underline-offset: .2em; }
.sub-access-auth .sub-access-card input:focus-visible[b-bfiwdmdh0a],
.sub-access-auth .sub-access-card a:focus-visible[b-bfiwdmdh0a],
.sub-access-auth .sub-access-card button:focus-visible[b-bfiwdmdh0a] { outline: 2px solid var(--fdc-color-accent); outline-offset: 3px; }

@media (max-width: 760px) {
    .sub-access-auth[b-bfiwdmdh0a] { grid-template-columns: minmax(0, 1fr); min-height: 0; }
    .sub-access-auth header[b-bfiwdmdh0a] { padding: 2rem; border-right: 0; border-bottom: 1px solid var(--fdc-color-border); }
    .sub-access-auth header .eyebrow[b-bfiwdmdh0a] { margin-top: 1.75rem; }
    .sub-access-auth > .sub-access-card[b-bfiwdmdh0a] { grid-column: 1; width: auto; margin: 0; padding: 2rem; }
}
@media (max-width: 480px) {
    .sub-access-auth[b-bfiwdmdh0a] { margin: .5rem; border-radius: 1rem; }
    .sub-access-auth header[b-bfiwdmdh0a], .sub-access-auth > .sub-access-card[b-bfiwdmdh0a] { padding: 1.4rem; }
    .sub-access-auth header h1[b-bfiwdmdh0a] { font-size: 1.85rem; }
    .sub-access-auth .sub-access-actions[b-bfiwdmdh0a] { flex-direction: column; }
}

.sub-access-card[b-bfiwdmdh0a] {
    background: var(--fdc-surface, #fff);
    border: 1px solid var(--fdc-border, #dbe5ec);
    border-radius: 1.1rem;
    padding: clamp(1rem, 3vw, 1.8rem);
    box-shadow: 0 10px 28px rgba(16, 42, 62, .055);
    margin-bottom: 1rem;
    scroll-margin-top: 5.5rem;
}

.sub-access-card h2[b-bfiwdmdh0a] { margin: .35rem 0; }
.sub-access-card label[b-bfiwdmdh0a] { display: grid; gap: .4rem; max-width: 18rem; font-weight: 600; margin: 1.2rem 0; }
.sub-access-card input[b-bfiwdmdh0a] { font: inherit; padding: .7rem; border: 1px solid var(--fdc-color-border-strong); border-radius: .5rem; background: var(--fdc-color-surface-interactive); color: var(--fdc-color-text); }
.sub-access-actions[b-bfiwdmdh0a] { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0; }

.sub-access-job-switcher[b-bfiwdmdh0a] {
    display: flex; align-items: end; justify-content: space-between; gap: 1rem;
    margin: 0 0 1rem; padding: .8rem 1rem;
    border: 1px solid var(--fdc-color-border-strong); border-radius: .85rem;
    background: var(--fdc-color-surface);
}
.sub-access-job-switcher label[b-bfiwdmdh0a] { display: grid; gap: .25rem; min-width: 220px; font-weight: 650; }
.sub-access-job-switcher select[b-bfiwdmdh0a] {
    min-height: 44px; padding: .55rem .75rem; border: 1px solid var(--fdc-color-border-strong);
    border-radius: .55rem; background: var(--fdc-color-surface-interactive);
    color: var(--fdc-color-text); font: inherit;
}
.sub-access-job-switcher a[b-bfiwdmdh0a] { color: var(--fdc-color-accent); font-weight: 650; }
@media (max-width: 560px) {
    .sub-access-job-switcher[b-bfiwdmdh0a] { align-items: stretch; flex-direction: column; }
    .sub-access-job-switcher label[b-bfiwdmdh0a] { min-width: 0; }
}

.sub-access-nav[b-bfiwdmdh0a] {
    display: flex;
    gap: .4rem;
    margin: 0 0 1rem;
    padding: .35rem;
    overflow-x: auto;
    border: 1px solid var(--fdc-border, #dbe5ec);
    border-radius: .85rem;
    background: var(--fdc-surface, #fff);
    position: sticky;
    top: .5rem;
    z-index: 3;
    box-shadow: 0 6px 20px rgba(16, 42, 62, .08);
}
.sub-access-nav a[b-bfiwdmdh0a] {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 44px;
    flex: 1 0 auto;
    padding: .25rem .9rem;
    border-radius: .6rem;
    font-weight: 650;
    white-space: nowrap;
}
.sub-access-nav a:hover[b-bfiwdmdh0a], .sub-access-nav a:focus-visible[b-bfiwdmdh0a] { background: var(--fdc-surface-muted, #f3f6f8); }
.sub-access-nav a:focus-visible[b-bfiwdmdh0a] { outline: 2px solid #205d9e; outline-offset: -2px; }
.sub-access-action-count[b-bfiwdmdh0a] { display: inline-grid; min-width: 1.3rem; height: 1.3rem; place-items: center; padding: 0 .2rem; border-radius: 999px; background: var(--fdc-color-accent); color: var(--fdc-color-on-accent); font-size: .75rem; }
.sub-access-inbox-heading[b-bfiwdmdh0a] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.sub-access-inbox-heading .fdc-button[b-bfiwdmdh0a] { min-height: 44px; }
.sub-access-action-list[b-bfiwdmdh0a] { list-style: none; margin: 1rem 0; padding: 0; display: grid; gap: .55rem; }
.sub-access-action-list li[b-bfiwdmdh0a] { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr) auto; align-items: center; gap: .75rem; padding: .9rem; border: 1px solid var(--fdc-border, #dbe5ec); border-radius: .8rem; background: var(--fdc-color-surface); transition: border-color .15s ease, box-shadow .15s ease; }
.sub-access-action-list li:hover[b-bfiwdmdh0a] { border-color: #9abde3; box-shadow: 0 3px 12px rgb(30 75 125 / 9%); }
.sub-access-action-list li > div[b-bfiwdmdh0a] { min-width: 0; }
.sub-access-action-list p[b-bfiwdmdh0a] { margin: .25rem 0 0; color: var(--fdc-text-muted, #627585); overflow-wrap: anywhere; }
.sub-access-action-list strong[b-bfiwdmdh0a] { overflow-wrap: anywhere; }
.sub-access-action-time[b-bfiwdmdh0a] { display: block; margin-top: .35rem; color: var(--fdc-text-muted, #627585); font-size: .78rem; }
.sub-access-action-list .fdc-button[b-bfiwdmdh0a] { min-height: 44px; }
.sub-access-action-mark[b-bfiwdmdh0a] { width: 2.35rem; height: 2.35rem; display: grid; place-items: center; border-radius: .7rem; background: var(--fdc-color-accent-soft); color: var(--fdc-color-accent); }
.sub-access-inbox-note[b-bfiwdmdh0a] { display: block; color: var(--fdc-text-muted, #627585); line-height: 1.5; }

.sub-access-heading[b-bfiwdmdh0a] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.sub-access-heading p[b-bfiwdmdh0a] { margin: .35rem 0 0; color: var(--fdc-text-muted, #627585); }
.sub-access-badge[b-bfiwdmdh0a] { border-radius: 999px; padding: .4rem .7rem; background: var(--fdc-color-accent-soft); color: var(--fdc-color-accent); font-size: .83rem; font-weight: 700; }
.sub-access-summary[b-bfiwdmdh0a] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 1.3rem 0; }
.sub-access-summary > div[b-bfiwdmdh0a] { display: flex; align-items: flex-start; gap: .65rem; padding: 1rem; border-radius: .75rem; background: var(--fdc-surface-muted, #f3f6f8); min-width: 0; }
.sub-access-summary span:not(.icon-shell)[b-bfiwdmdh0a] { display: grid; gap: .25rem; min-width: 0; }
.sub-access-summary small[b-bfiwdmdh0a] { color: var(--fdc-text-muted, #627585); }
.sub-access-summary strong[b-bfiwdmdh0a] { overflow-wrap: anywhere; }
.sub-access-context[b-bfiwdmdh0a], .sub-access-disclaimer[b-bfiwdmdh0a] { color: var(--fdc-text-muted, #627585); font-size: .9rem; line-height: 1.5; }
.sub-access-context[b-bfiwdmdh0a] { margin: .8rem 0 0; }
.sub-access-disclaimer[b-bfiwdmdh0a] { margin: 1.2rem .2rem 2rem; }
.sub-access-section-title[b-bfiwdmdh0a] { display: flex; align-items: center; gap: .7rem; margin-bottom: 1.1rem; }
.sub-access-section-title h2[b-bfiwdmdh0a] { margin: .1rem 0 0; }
.sub-access-scope[b-bfiwdmdh0a] { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; margin: 0; }
.sub-access-facts[b-bfiwdmdh0a] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; margin: 1.4rem 0; }
.sub-access-facts > div[b-bfiwdmdh0a] { padding: .85rem; border: 1px solid var(--fdc-border, #dbe5ec); border-radius: .7rem; }
.sub-access-facts dt[b-bfiwdmdh0a] { font-size: .82rem; color: var(--fdc-text-muted, #627585); }
.sub-access-facts dd[b-bfiwdmdh0a] { font-weight: 650; margin: .3rem 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.sub-access-empty[b-bfiwdmdh0a] { padding: 1.25rem; border-radius: .75rem; background: var(--fdc-surface-muted, #f3f6f8); color: var(--fdc-text-muted, #627585); }

.sub-access-document[b-bfiwdmdh0a] { display: grid; gap: .6rem; padding: 1.1rem 0; border-top: 1px solid var(--fdc-border, #dbe5ec); overflow-wrap: anywhere; }
.sub-access-document-heading[b-bfiwdmdh0a] { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: .5rem; }
.sub-access-document-heading span[b-bfiwdmdh0a] { font-size: .8rem; font-weight: 650; color: var(--fdc-color-accent); border-radius: 999px; padding: .25rem .6rem; background: var(--fdc-color-accent-soft); }
.sub-access-document p[b-bfiwdmdh0a] { margin: 0; }
.sub-access-document small[b-bfiwdmdh0a] { color: var(--fdc-text-muted, #627585); }
.sub-access-document label[b-bfiwdmdh0a] { max-width: none; margin: .4rem 0; }
.sub-access-document input[type=file][b-bfiwdmdh0a] { width: 100%; box-sizing: border-box; }
.sub-access-document .fdc-button[b-bfiwdmdh0a] { justify-self: start; }

/* Date-grid and agenda hierarchy adapted from the 21st.dev Ruixen Event Calendar.
   This is intentionally read-only; events come from explicit GC shares. */
.sub-access-calendar[b-bfiwdmdh0a] { margin-top: 1.2rem; border: 1px solid var(--fdc-border, #dbe5ec); border-radius: 1rem; background: var(--fdc-surface, #fff); overflow: hidden; }
.sub-access-calendar-head[b-bfiwdmdh0a] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; padding: 1.1rem 1.2rem; border-bottom: 1px solid var(--fdc-border, #dbe5ec); }
.sub-access-calendar-head > div:first-child[b-bfiwdmdh0a] { display: grid; gap: .2rem; }
.sub-access-calendar-head strong[b-bfiwdmdh0a] { font-size: 1.13rem; }
.sub-access-calendar-head small[b-bfiwdmdh0a] { color: var(--fdc-text-muted, #627585); }
.sub-access-calendar-controls[b-bfiwdmdh0a] { display: flex; align-items: center; gap: .25rem; }
.sub-access-calendar-controls button[b-bfiwdmdh0a] { min-height: 44px; min-width: 44px; display: inline-grid; place-items: center; border: 1px solid var(--fdc-border, #dbe5ec); border-radius: .65rem; background: var(--fdc-surface-muted, #f3f6f8); color: var(--fdc-text-primary, #173047); font: inherit; font-weight: 650; cursor: pointer; }
.sub-access-calendar-controls button:nth-child(2)[b-bfiwdmdh0a] { padding: 0 .8rem; }
.sub-access-calendar-grid[b-bfiwdmdh0a] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .35rem; padding: .75rem; }
.sub-access-calendar-weekday[b-bfiwdmdh0a] { text-align: center; color: var(--fdc-text-muted, #627585); font-size: .78rem; font-weight: 700; padding: .25rem 0; }
.sub-access-calendar-day[b-bfiwdmdh0a] { min-height: 58px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .25rem; border: 1px solid transparent; border-radius: .75rem; background: transparent; color: var(--fdc-text-primary, #173047); font: inherit; font-weight: 600; cursor: pointer; }
.sub-access-calendar-day.outside[b-bfiwdmdh0a] { color: var(--fdc-text-muted, #627585); opacity: .62; }
.sub-access-calendar-day:hover[b-bfiwdmdh0a] { background: var(--fdc-surface-muted, #f3f6f8); }
.sub-access-calendar-day.has-event[b-bfiwdmdh0a] { background: var(--fdc-color-accent-soft); }
.sub-access-calendar-day.selected[b-bfiwdmdh0a] { border-color: var(--fdc-color-accent); color: var(--fdc-color-accent); box-shadow: inset 0 0 0 1px var(--fdc-color-accent); }
.sub-access-calendar-dot[b-bfiwdmdh0a] { width: .38rem; height: .38rem; border-radius: 50%; background: var(--fdc-color-accent); }
.sub-access-calendar button:focus-visible[b-bfiwdmdh0a] { outline: 3px solid var(--fdc-color-accent); outline-offset: 2px; }
.sub-access-calendar-agenda[b-bfiwdmdh0a] { border-top: 1px solid var(--fdc-border, #dbe5ec); padding: 1rem 1.2rem 1.2rem; }
.sub-access-calendar-agenda h3[b-bfiwdmdh0a] { margin: 0 0 .7rem; font-size: 1rem; }
.sub-access-calendar-event[b-bfiwdmdh0a] { display: flex; align-items: flex-start; gap: .7rem; padding: .85rem; border: 1px solid var(--fdc-border, #dbe5ec); border-radius: .75rem; background: var(--fdc-surface-muted, #f3f6f8); }
.sub-access-calendar-event-icon[b-bfiwdmdh0a] { flex: 0 0 2rem; width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: .55rem; background: var(--fdc-color-accent-soft); color: var(--fdc-color-accent); }
.sub-access-calendar-event p[b-bfiwdmdh0a] { margin: .25rem 0 0; color: var(--fdc-text-muted, #627585); }

.sub-access-sms p[b-bfiwdmdh0a] { max-width: 68ch; line-height: 1.55; }
.sub-access-card .sub-access-sms-consent[b-bfiwdmdh0a] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    max-width: 68ch;
    padding: 1rem;
    border: 1px solid var(--fdc-border, #dbe5ec);
    border-radius: .75rem;
    background: var(--fdc-surface-muted, #f3f6f8);
    font-weight: 500;
    line-height: 1.5;
}
.sub-access-sms-consent input[type=checkbox][b-bfiwdmdh0a] {
    flex: 0 0 1.2rem;
    width: 1.2rem;
    height: 1.2rem;
    margin: .15rem 0 0;
    padding: 0;
    accent-color: var(--fdc-color-accent);
}
.sub-access-sms .fdc-button[b-bfiwdmdh0a] { min-height: 44px; }

@media (max-width: 680px) {
    .sub-access-summary[b-bfiwdmdh0a] { grid-template-columns: 1fr; }
    .sub-access-facts[b-bfiwdmdh0a] { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
    .sub-access-calendar-grid[b-bfiwdmdh0a] { gap: .08rem; padding: .5rem; }
    .sub-access-calendar-day[b-bfiwdmdh0a] { min-height: 46px; border-radius: .5rem; font-size: .88rem; }
    .sub-access-page[b-bfiwdmdh0a] { padding: 1rem .75rem 2rem; }
    .sub-access-nav a[b-bfiwdmdh0a] { font-size: .84rem; padding: .25rem .55rem; }
    .sub-access-facts[b-bfiwdmdh0a] { grid-template-columns: 1fr; }
    .sub-access-actions .fdc-button[b-bfiwdmdh0a], .sub-access-document .fdc-button[b-bfiwdmdh0a] { width: 100%; justify-content: center; }
    .sub-access-action-list li[b-bfiwdmdh0a] { grid-template-columns: 2.5rem minmax(0, 1fr); }
    .sub-access-action-list .fdc-button[b-bfiwdmdh0a] { grid-column: 2; justify-self: start; }
    .sub-access-sms .fdc-button[b-bfiwdmdh0a] { width: 100%; justify-content: center; }
}

/* Project workspace: the responsive sidebar and card rhythm are adapted from
   the 21st.dev Dashboard Sidebar; existing Razor sections stay job-scoped. */
.sub-access-page:not(.sub-access-auth)[b-bfiwdmdh0a] {
    max-width: 1480px;
    padding: clamp(1rem, 2.5vw, 2.25rem);
}
.sub-access-page:not(.sub-access-auth) > header[b-bfiwdmdh0a] {
    display: grid;
    gap: .35rem;
    min-width: 0;
    padding: clamp(1.25rem, 2.5vw, 2rem);
    border: 1px solid var(--fdc-color-border);
    border-radius: 1.15rem;
    background: var(--fdc-color-surface);
    box-shadow: var(--fdc-shadow-sm);
}
.sub-access-page:not(.sub-access-auth) > header[b-bfiwdmdh0a]  .northvault-wordmark {
    --northvault-wordmark-width: 13rem;
    --northvault-wordmark-height: 3rem;
}
.sub-access-page:not(.sub-access-auth) > header .eyebrow[b-bfiwdmdh0a] { margin-top: .5rem; }
.sub-access-page:not(.sub-access-auth) > header h1[b-bfiwdmdh0a] { margin: .1rem 0; }
.sub-access-page:not(.sub-access-auth) > header p[b-bfiwdmdh0a] { max-width: 75ch; }
.sub-access-job-switcher[b-bfiwdmdh0a] { justify-content: flex-end; }
.sub-access-workspace[b-bfiwdmdh0a] {
    display: grid;
    grid-template-columns: minmax(12rem, 14rem) minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
}
.sub-access-workspace .sub-access-nav[b-bfiwdmdh0a] {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .25rem;
    overflow: visible;
    margin: 0;
    padding: .55rem;
}
.sub-access-workspace .sub-access-nav a[b-bfiwdmdh0a] {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    white-space: normal;
}
.sub-access-workspace .sub-access-nav a:first-child[b-bfiwdmdh0a] { color: var(--fdc-color-accent); }
.sub-access-panels[b-bfiwdmdh0a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 1rem;
    min-width: 0;
}
.sub-access-panels > *[b-bfiwdmdh0a] { min-width: 0; }
.sub-access-panels > .sub-access-card[b-bfiwdmdh0a] { margin: 0; }
.sub-access-panels > .notice[b-bfiwdmdh0a],
.sub-access-panels > .sub-access-disclaimer[b-bfiwdmdh0a],
.sub-access-panels > #project-calendar[b-bfiwdmdh0a],
.sub-access-panels > #project-documents[b-bfiwdmdh0a] { grid-column: 1 / -1; }
.sub-access-panels > #project-overview .sub-access-summary[b-bfiwdmdh0a] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sub-access-panels > #project-overview .sub-access-summary > div:last-child:nth-child(3)[b-bfiwdmdh0a] {
    grid-column: 1 / -1;
}
.sub-access-panels > #project-actions .sub-access-action-list li[b-bfiwdmdh0a] {
    grid-template-columns: 2.5rem minmax(0, 1fr);
}
.sub-access-panels > #project-actions .sub-access-action-list .fdc-button[b-bfiwdmdh0a] {
    grid-column: 2;
    justify-self: start;
}
@media (max-width: 1050px) {
    .sub-access-workspace[b-bfiwdmdh0a] { grid-template-columns: minmax(0, 1fr); }
    .sub-access-workspace .sub-access-nav[b-bfiwdmdh0a] {
        top: .5rem;
        display: flex;
        gap: .3rem;
        overflow-x: auto;
        scrollbar-width: thin;
    }
    .sub-access-workspace .sub-access-nav a[b-bfiwdmdh0a] {
        width: auto;
        flex: 0 0 auto;
        white-space: nowrap;
    }
}
@media (max-width: 720px) {
    .sub-access-panels[b-bfiwdmdh0a] { grid-template-columns: minmax(0, 1fr); }
    .sub-access-panels > #project-overview .sub-access-summary[b-bfiwdmdh0a] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .sub-access-page:not(.sub-access-auth)[b-bfiwdmdh0a] { padding: .75rem; }
    .sub-access-page:not(.sub-access-auth) > header[b-bfiwdmdh0a] { padding: 1.2rem; }
    .sub-access-panels > #project-overview .sub-access-summary[b-bfiwdmdh0a] { grid-template-columns: minmax(0, 1fr); }
    .sub-access-panels > #project-overview .sub-access-summary > div:last-child:nth-child(3)[b-bfiwdmdh0a] { grid-column: auto; }
}

/* The account workspace uses the 21st.dev collapsible-dashboard hierarchy:
   a persistent project rail, a focused overview, and one detailed work area at a time.
   Existing Razor sections stay job-scoped and remain available through their hash links. */
.sub-access-page:not(.sub-access-auth)[b-bfiwdmdh0a] {
    --subcontractor-panel-gap: 1rem;
    width: 100%;
    max-width: 1720px;
    box-sizing: border-box;
}
.sub-access-page:not(.sub-access-auth) > header[b-bfiwdmdh0a] {
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 24rem);
    align-items: center;
    gap: 1.5rem;
    background: linear-gradient(115deg, var(--fdc-color-accent-soft), var(--fdc-color-surface) 42%);
}
.sub-access-title[b-bfiwdmdh0a] { display: grid; gap: .25rem; min-width: 0; }
.sub-access-page:not(.sub-access-auth) > header .eyebrow[b-bfiwdmdh0a] { margin-top: .65rem; }
.sub-access-page:not(.sub-access-auth) > header h1[b-bfiwdmdh0a] { overflow-wrap: anywhere; }
.sub-access-page:not(.sub-access-auth) > header p[b-bfiwdmdh0a] { line-height: 1.5; }
.sub-access-page:not(.sub-access-auth) .sub-access-job-switcher[b-bfiwdmdh0a] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
.sub-access-page:not(.sub-access-auth) .sub-access-job-switcher label[b-bfiwdmdh0a] { min-width: 0; width: 100%; }
.sub-access-page:not(.sub-access-auth) .sub-access-job-switcher select[b-bfiwdmdh0a] { width: 100%; }
.sub-access-workspace[b-bfiwdmdh0a] { grid-template-columns: minmax(13rem, 15rem) minmax(0, 1fr); gap: 1.25rem; }
.sub-access-workspace .sub-access-nav[b-bfiwdmdh0a] {
    padding: .75rem;
    border-radius: 1rem;
    box-shadow: var(--fdc-shadow-sm);
}
.sub-access-workspace .sub-access-nav a[b-bfiwdmdh0a] {
    justify-content: flex-start;
    min-height: 46px;
    padding: .55rem .8rem;
    color: var(--fdc-color-text-secondary);
    transition: background-color .15s ease, color .15s ease;
}
.sub-access-workspace .sub-access-nav a:first-child[b-bfiwdmdh0a] { color: var(--fdc-color-text-secondary); }
.sub-access-workspace .sub-access-nav a:hover[b-bfiwdmdh0a],
.sub-access-workspace .sub-access-nav a:focus-visible[b-bfiwdmdh0a] { color: var(--fdc-color-text); background: var(--fdc-color-accent-soft); }
.sub-access-workspace .sub-access-nav a.is-active[b-bfiwdmdh0a] {
    color: var(--fdc-color-accent);
    background: var(--fdc-color-accent-soft);
    box-shadow: inset 3px 0 0 var(--fdc-color-accent);
}
.sub-access-panels[b-bfiwdmdh0a] { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--subcontractor-panel-gap); }
.sub-access-panels > .sub-access-card[b-bfiwdmdh0a] { display: none; }
.sub-access-panels[data-active="project-overview"] > #project-overview[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-overview"] > #project-actions[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-actions"] > #project-actions[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-scope"] > #project-scope[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-site"] > #project-site[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-schedule"] > #project-schedule[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-calendar"] > #project-calendar[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-activities"] > #project-activities[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-documents"] > #project-documents[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-forms"] > #project-forms[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-commercial"] > #project-commercial[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-texts"] > #project-texts[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-coordination"] > #project-coordination[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-photos"] > #project-photos[b-bfiwdmdh0a],
.sub-access-panels[data-active="project-drawings"] > #project-drawings[b-bfiwdmdh0a] { display: block; }
.sub-access-panels > #project-coordination[b-bfiwdmdh0a]  .field-panel,
.sub-access-panels > #project-photos[b-bfiwdmdh0a]  .field-panel,
.sub-access-panels > #project-drawings[b-bfiwdmdh0a]  .field-panel { border:0; padding:0; }
.sub-access-panels > #project-actions[b-bfiwdmdh0a]  .sub-work { margin-block: var(--subcontractor-panel-gap); }
.sub-access-panels > #project-forms[b-bfiwdmdh0a]  .partner-forms { border: 0; padding: 0; margin: 0; }
.sub-access-panels > #project-activities[b-bfiwdmdh0a]  .partner-schedule { border: 0; padding: 0; }
/* Inner card rhythm: heading controls, notices, content and next actions stay separate. */
.sub-access-inbox-heading[b-bfiwdmdh0a] { margin-bottom: .85rem; }
.sub-access-card > .notice[b-bfiwdmdh0a] { margin-block: .85rem; }
.sub-access-inbox-note[b-bfiwdmdh0a] { display: block; margin-block: .85rem; }
.sub-access-card > .fdc-button[b-bfiwdmdh0a] { align-self: start; margin-block: .75rem; }
.sub-access-card .sub-access-scope + .fdc-button[b-bfiwdmdh0a] { margin-top: 1rem; }
.sub-access-job-switcher p[b-bfiwdmdh0a] { margin: 0; line-height: 1.5; }
.sub-access-panels > .sub-access-card[b-bfiwdmdh0a]  .sub-section-status { margin-block: .85rem; }
.sub-access-panels > .sub-access-card[b-bfiwdmdh0a] { grid-column: 1 / -1; }
.sub-access-panels[data-active="project-overview"] > #project-overview[b-bfiwdmdh0a] { grid-column: span 7; order: 0; }
.sub-access-panels[data-active="project-overview"] > #project-actions[b-bfiwdmdh0a] { grid-column: span 5; order: 1; }
.sub-access-panels > .sub-access-disclaimer[b-bfiwdmdh0a] { order: 3; }
.sub-access-panels > .notice[b-bfiwdmdh0a] { order: -1; }
.sub-access-panels .sub-access-card[b-bfiwdmdh0a] {
    border-color: var(--fdc-color-border-strong);
    box-shadow: var(--fdc-shadow-sm);
}
.sub-access-dashboard-shortcuts[b-bfiwdmdh0a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    gap: .8rem;
    margin-top: 1.1rem;
}
.sub-access-dashboard-shortcuts a[b-bfiwdmdh0a] {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr) 1rem;
    align-items: center;
    gap: .7rem;
    min-height: 5.5rem;
    padding: .95rem;
    border: 1px solid var(--fdc-color-border-strong);
    border-radius: .9rem;
    background: var(--fdc-color-surface);
    color: var(--fdc-color-text);
    text-decoration: none;
    box-shadow: var(--fdc-shadow-sm);
}
.sub-access-dashboard-shortcuts a:hover[b-bfiwdmdh0a] { border-color: var(--fdc-color-accent); }
.sub-access-dashboard-shortcuts a:focus-visible[b-bfiwdmdh0a] { outline: 3px solid var(--fdc-color-accent); outline-offset: 2px; }
.sub-access-dashboard-shortcuts strong[b-bfiwdmdh0a], .sub-access-dashboard-shortcuts small[b-bfiwdmdh0a] { display: block; overflow-wrap: anywhere; }
.sub-access-dashboard-shortcuts small[b-bfiwdmdh0a] { margin-top: .2rem; color: var(--fdc-color-text-secondary); line-height: 1.4; }
.sub-access-shortcut-icon[b-bfiwdmdh0a] {
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    border-radius: .7rem;
    background: var(--fdc-color-accent-soft);
    color: var(--fdc-color-accent);
}
.sub-access-panels[data-active="project-calendar"] .sub-access-calendar[b-bfiwdmdh0a] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 1fr);
}
.sub-access-panels[data-active="project-calendar"] .sub-access-calendar-head[b-bfiwdmdh0a] { grid-column: 1 / -1; }
.sub-access-panels[data-active="project-calendar"] .sub-access-calendar-agenda[b-bfiwdmdh0a] {
    border-top: 0;
    border-left: 1px solid var(--fdc-color-border);
}
.sub-access-calendar-event + .sub-access-calendar-event[b-bfiwdmdh0a] { margin-top: .75rem; }
@media (max-width: 1200px) {
    .sub-access-panels[data-active="project-overview"] > #project-overview[b-bfiwdmdh0a],
    .sub-access-panels[data-active="project-overview"] > #project-actions[b-bfiwdmdh0a] { grid-column: 1 / -1; }
}
@media (max-width: 1050px) {
    .sub-access-workspace[b-bfiwdmdh0a] { grid-template-columns: minmax(0, 1fr); }
    .sub-access-workspace .sub-access-nav a.is-active[b-bfiwdmdh0a] { box-shadow: inset 0 -3px 0 var(--fdc-color-accent); }
}
@media (max-width: 800px) {
    .sub-access-page:not(.sub-access-auth) > header[b-bfiwdmdh0a] { grid-template-columns: minmax(0, 1fr); }
    .sub-access-panels[data-active="project-calendar"] .sub-access-calendar[b-bfiwdmdh0a] { grid-template-columns: minmax(0, 1fr); }
    .sub-access-panels[data-active="project-calendar"] .sub-access-calendar-agenda[b-bfiwdmdh0a] {
        border-left: 0;
        border-top: 1px solid var(--fdc-color-border);
    }
}
@media (max-width: 560px) {
    .sub-access-dashboard-shortcuts[b-bfiwdmdh0a] { grid-template-columns: minmax(0, 1fr); }
    .sub-access-page:not(.sub-access-auth) > header[b-bfiwdmdh0a] { padding: 1.15rem; }
    .sub-access-panels[data-active="project-overview"] > #project-overview .sub-access-summary[b-bfiwdmdh0a] { grid-template-columns: minmax(0, 1fr); }
    .sub-access-panels[data-active="project-overview"] > #project-overview .sub-access-summary > div:last-child:nth-child(3)[b-bfiwdmdh0a] { grid-column: auto; }
}
/* /Components/Pages/Portal/SubcontractorAccount.razor.rz.scp.css */
.sub-account-page[b-rmkbfvmvea] {
    width: min(1100px, calc(100% - 2rem));
    margin: clamp(1rem, 4vh, 2.5rem) auto;
    color: var(--fdc-color-text);
}

.sub-access-csrf[b-rmkbfvmvea] { display: none; }

.sub-account-auth[b-rmkbfvmvea] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-height: min(720px, calc(100dvh - 3rem));
    overflow: hidden;
    border: 1px solid var(--fdc-color-border);
    border-radius: 1.5rem;
    background: var(--fdc-color-surface);
    box-shadow: var(--fdc-shadow-lg);
}

.sub-account-header[b-rmkbfvmvea] { min-width: 0; }

.sub-account-auth .sub-account-header[b-rmkbfvmvea] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(2rem, 5vw, 4rem);
    border-right: 1px solid var(--fdc-color-border);
    background: linear-gradient(145deg, var(--fdc-color-accent-soft) 0%, var(--fdc-color-background) 62%, var(--fdc-color-background-secondary) 100%);
}

.sub-account-header[b-rmkbfvmvea]  .northvault-wordmark {
    --northvault-wordmark-width: 23rem;
    --northvault-wordmark-height: 5rem;
}

.sub-account-header .eyebrow[b-rmkbfvmvea] {
    display: block;
    margin-top: clamp(2.5rem, 7vh, 5rem);
    color: var(--fdc-color-accent);
}

.sub-account-header h1[b-rmkbfvmvea] {
    max-width: 16ch;
    margin: .6rem 0 0;
    font-size: clamp(2rem, 3.5vw, 3rem);
    line-height: 1.1;
    letter-spacing: -.03em;
}

.sub-account-header p[b-rmkbfvmvea] {
    max-width: 42ch;
    margin: 1rem 0 0;
    color: var(--fdc-color-text-secondary);
    line-height: 1.6;
}

.sub-account-benefits[b-rmkbfvmvea] {
    display: grid;
    gap: .75rem;
    margin-top: 2.5rem;
    color: var(--fdc-color-text-secondary);
    font-size: .92rem;
}

.sub-account-benefits span[b-rmkbfvmvea] { display: flex; align-items: center; gap: .7rem; }
.sub-account-benefits[b-rmkbfvmvea]  .icon-shell { color: var(--fdc-color-accent); }

.sub-account-card[b-rmkbfvmvea] {
    min-width: 0;
    padding: clamp(1.5rem, 4vw, 2.25rem);
    border: 1px solid var(--fdc-color-border-strong);
    border-radius: 1.1rem;
    background: var(--fdc-color-surface);
    box-shadow: var(--fdc-shadow-sm);
}

.sub-account-auth > .sub-account-card[b-rmkbfvmvea] {
    grid-column: 2;
    align-self: center;
    width: min(100% - 3rem, 29rem);
    margin: 2rem auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.sub-account-card h2[b-rmkbfvmvea] {
    margin: 0 0 .5rem;
    font-size: clamp(1.5rem, 2.5vw, 1.9rem);
    line-height: 1.2;
}

.sub-account-card .muted[b-rmkbfvmvea] { margin: 0 0 1.5rem; color: var(--fdc-color-text-secondary); line-height: 1.55; }
.sub-account-card .notice[b-rmkbfvmvea] { margin: 0 0 1.25rem; }
.sub-account-card label[b-rmkbfvmvea] { display: grid; gap: .5rem; margin: 1rem 0; font-weight: 650; }

.sub-account-card input[b-rmkbfvmvea], .sub-account-card select[b-rmkbfvmvea] {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: .7rem .85rem;
    border: 1px solid var(--fdc-color-border-strong);
    border-radius: .65rem;
    background: var(--fdc-color-surface-interactive);
    color: var(--fdc-color-text);
    font: inherit;
}

.sub-account-card input:focus-visible[b-rmkbfvmvea], .sub-account-card select:focus-visible[b-rmkbfvmvea],
.sub-account-job:focus-visible[b-rmkbfvmvea], .sub-account-page button:focus-visible[b-rmkbfvmvea],
.sub-account-page a:focus-visible[b-rmkbfvmvea] {
    outline: 2px solid var(--fdc-color-accent);
    outline-offset: 3px;
}

.sub-account-card > .fdc-button[b-rmkbfvmvea] { width: 100%; min-height: 48px; margin: .65rem 0 1rem; }
.sub-account-card small[b-rmkbfvmvea] { display: block; color: var(--fdc-color-text-secondary); line-height: 1.5; }
.sub-account-card a[b-rmkbfvmvea] { color: var(--fdc-color-accent); text-underline-offset: .2em; }

.sub-account-workspace[b-rmkbfvmvea] {
    width: min(960px, calc(100% - 2rem));
    padding: clamp(1.25rem, 4vw, 2.5rem) 0;
}

.sub-account-workspace .sub-account-header[b-rmkbfvmvea]  .northvault-wordmark {
    --northvault-wordmark-width: 16rem;
    --northvault-wordmark-height: 3.5rem;
}

.sub-account-workspace .sub-account-header .eyebrow[b-rmkbfvmvea] { margin-top: 2rem; }
.sub-account-toolbar[b-rmkbfvmvea] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin: 1.25rem 0; }
.sub-account-toolbar p[b-rmkbfvmvea] { margin: 0; font-weight: 700; }
.sub-account-jobs[b-rmkbfvmvea] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: .75rem; list-style: none; padding: 0; margin: 0; }

.sub-account-job[b-rmkbfvmvea] {
    display: grid;
    grid-template-columns: 2.8rem minmax(0, 1fr) 1.2rem;
    align-items: center;
    gap: .85rem;
    min-height: 76px;
    padding: .9rem 1rem;
    border: 1px solid var(--fdc-color-border-strong);
    border-radius: .9rem;
    background: var(--fdc-color-surface);
    color: var(--fdc-color-text);
    text-decoration: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.sub-account-job:hover[b-rmkbfvmvea] { border-color: var(--fdc-color-accent); box-shadow: var(--fdc-shadow-md); }
.sub-account-job-icon[b-rmkbfvmvea] { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: .7rem; background: var(--fdc-color-accent-soft); color: var(--fdc-color-accent); }
.sub-account-job strong[b-rmkbfvmvea], .sub-account-job small[b-rmkbfvmvea] { display: block; overflow-wrap: anywhere; }
.sub-account-job small[b-rmkbfvmvea] { margin-top: .2rem; color: var(--fdc-color-text-secondary); }

.sub-account-empty[b-rmkbfvmvea] { max-width: 34rem; padding: 2rem; }
.sub-account-empty-icon[b-rmkbfvmvea] { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 1rem; border-radius: .8rem; background: var(--fdc-color-accent-soft); color: var(--fdc-color-accent); }
.sub-account-empty p[b-rmkbfvmvea] { margin: .5rem 0 0; color: var(--fdc-color-text-secondary); line-height: 1.55; }

@media (max-width: 760px) {
    .sub-account-auth[b-rmkbfvmvea] { grid-template-columns: minmax(0, 1fr); min-height: 0; }
    .sub-account-auth .sub-account-header[b-rmkbfvmvea] { padding: 2rem; border-right: 0; border-bottom: 1px solid var(--fdc-color-border); }
    .sub-account-header[b-rmkbfvmvea]  .northvault-wordmark { --northvault-wordmark-width: 19rem; --northvault-wordmark-height: 4.25rem; }
    .sub-account-header .eyebrow[b-rmkbfvmvea] { margin-top: 1.75rem; }
    .sub-account-benefits[b-rmkbfvmvea] { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.5rem; }
    .sub-account-auth > .sub-account-card[b-rmkbfvmvea] { grid-column: 1; width: auto; margin: 0; padding: 2rem; }
}

@media (max-width: 480px) {
    .sub-account-page[b-rmkbfvmvea] { width: min(100% - 1rem, 32rem); margin: .5rem auto 1rem; }
    .sub-account-auth[b-rmkbfvmvea] { border-radius: 1rem; }
    .sub-account-auth .sub-account-header[b-rmkbfvmvea], .sub-account-auth > .sub-account-card[b-rmkbfvmvea] { padding: 1.4rem; }
    .sub-account-header h1[b-rmkbfvmvea] { font-size: 1.85rem; }
    .sub-account-benefits[b-rmkbfvmvea] { grid-template-columns: 1fr; }
    .sub-account-toolbar[b-rmkbfvmvea] { align-items: flex-start; }
}

/* The signed-in project picker follows the same dashboard hierarchy as each job. */
.sub-account-workspace[b-rmkbfvmvea] {
    --subcontractor-panel-gap: 1rem;
    display: flex;
    flex-direction: column;
    gap: var(--subcontractor-panel-gap);
    width: min(1600px, calc(100% - 2rem));
    box-sizing: border-box;
}
/* Components can emit several sibling sections. The page owns their outer rhythm,
   including optional, empty and collapsed panels; internal row spacing is untouched. */
.sub-account-workspace[b-rmkbfvmvea]  > :not(.sub-access-csrf) { margin-block: 0; min-width: 0; }
.sub-account-workspace[b-rmkbfvmvea]  > .partner-commercial {
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--fdc-color-border);
    border-radius: 1rem;
    background: var(--fdc-color-surface);
}
.sub-account-workspace .sub-account-header[b-rmkbfvmvea] {
    padding: clamp(1.3rem, 3vw, 2.3rem);
    border: 1px solid var(--fdc-color-border-strong);
    border-radius: 1.1rem;
    background: linear-gradient(115deg, var(--fdc-color-accent-soft), var(--fdc-color-surface) 44%);
    box-shadow: var(--fdc-shadow-sm);
}
.sub-account-workspace .sub-account-header .eyebrow[b-rmkbfvmvea] { margin-top: 1.15rem; }
.sub-account-workspace .sub-account-header h1[b-rmkbfvmvea] { max-width: none; }
.sub-account-workspace .sub-account-header p[b-rmkbfvmvea] { max-width: 64ch; }
.sub-account-workspace .sub-account-toolbar[b-rmkbfvmvea] {
    margin: 0;
    padding: .25rem .1rem;
}
.sub-account-workspace .sub-account-jobs[b-rmkbfvmvea] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    gap: var(--subcontractor-panel-gap);
}
.sub-account-workspace .sub-account-job[b-rmkbfvmvea] {
    min-height: 104px;
    padding: 1.15rem;
    border-radius: 1rem;
    box-shadow: var(--fdc-shadow-sm);
}
@media (max-width: 480px) {
    .sub-account-workspace[b-rmkbfvmvea] { width: min(100% - 1rem, 32rem); }
    .sub-account-workspace .sub-account-header[b-rmkbfvmvea] { padding: 1.3rem; }
}
.sub-security-code[b-rmkbfvmvea] { letter-spacing: .15em; font-variant-numeric: tabular-nums; }
.sub-security-check[b-rmkbfvmvea] { display: flex !important; align-items: center; gap: .6rem; }
.sub-security-check input[b-rmkbfvmvea] { width: 1.15rem !important; height: 1.15rem; flex: 0 0 auto; }
/* /Components/Pages/Portal/SubcontractorForm.razor.rz.scp.css */
.sub-form-page[b-342ik1iwkd] { max-width:1000px; margin:auto; padding:clamp(1rem,3vw,2rem); color:var(--fdc-color-text); overflow-wrap:anywhere; }
.sub-form-back[b-342ik1iwkd] { display:inline-flex; gap:.5rem; align-items:center; color:var(--fdc-color-accent); min-height:44px; } .customer-form-csrf[b-342ik1iwkd] { display:none; }
.sub-form-page h1[b-342ik1iwkd] { font-size:clamp(1.6rem,3vw,2.3rem); margin:.5rem 0; } .sub-form-page p[b-342ik1iwkd],.sub-form-page dt[b-342ik1iwkd] { color:var(--fdc-color-text-muted); }
.sub-form-context[b-342ik1iwkd] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; border:1px solid var(--fdc-color-border); border-radius:.8rem; background:var(--fdc-color-surface); padding:1rem; }
.sub-form-context dd[b-342ik1iwkd] { margin:.3rem 0; } .sub-form-instructions[b-342ik1iwkd] { white-space:pre-wrap; } .sub-form-steps[b-342ik1iwkd] { display:flex; flex-wrap:wrap; gap:1rem; list-style:none; padding:1rem; border:1px solid var(--fdc-color-border); border-radius:.8rem; background:var(--fdc-color-surface); }
.sub-form-steps li[b-342ik1iwkd] { display:flex; align-items:center; gap:.5rem; color:var(--fdc-color-text-muted); } .sub-form-steps span[b-342ik1iwkd] { display:grid; place-items:center; width:1.7rem; height:1.7rem; border-radius:.5rem; background:var(--fdc-color-background); border:1px solid var(--fdc-color-border); }
.sub-form-steps [aria-current=step][b-342ik1iwkd] { color:var(--fdc-color-accent); font-weight:600; } .sub-form-steps [aria-current=step] span[b-342ik1iwkd] { background:var(--fdc-color-accent-soft); border-color:var(--fdc-color-accent); }
.sub-form-ack[b-342ik1iwkd],.sub-form-review[b-342ik1iwkd] { background:var(--fdc-color-surface); padding:1rem; border:1px solid var(--fdc-color-border); border-radius:.8rem; } .sub-form-review label[b-342ik1iwkd] { display:grid; gap:.5rem; }
.sub-form-review textarea[b-342ik1iwkd] { width:100%; color:var(--fdc-color-text); background:var(--fdc-color-background); border:1px solid var(--fdc-color-border); padding:.7rem; border-radius:.6rem; }
.sub-form-page footer[b-342ik1iwkd],.sub-form-page footer div[b-342ik1iwkd] { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; justify-content:space-between; } .sub-form-page button[b-342ik1iwkd] { min-height:44px; } .sub-form-page :focus-visible[b-342ik1iwkd] { outline:2px solid var(--fdc-color-accent); outline-offset:3px; }
@media(max-width:700px) { .sub-form-context[b-342ik1iwkd] { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:420px) { .sub-form-page footer div[b-342ik1iwkd],.sub-form-page footer button[b-342ik1iwkd] { width:100%; } } @media(max-width:340px) { .sub-form-context[b-342ik1iwkd] { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .sub-form-page *[b-342ik1iwkd] { animation:none; transition:none; } }
/* /Components/Shared/CloseoutReportSections.razor.rz.scp.css */
.closeout-evidence-sections[b-o14v6d3dej] { display:grid; gap:var(--fdc-space-3,.75rem); }
.closeout-evidence-item[b-o14v6d3dej] { border:1px solid var(--fdc-color-border); border-radius:var(--fdc-radius-md); background:var(--fdc-color-surface); overflow-wrap:anywhere; min-width:0; }
.closeout-evidence-item summary[b-o14v6d3dej] { display:flex; align-items:center; justify-content:space-between; gap:var(--fdc-space-3,.75rem); padding:var(--fdc-space-4,1rem); min-height:44px; box-sizing:border-box; cursor:pointer; font-size:.88rem; font-weight:650; list-style:none; }
.closeout-evidence-item summary[b-o14v6d3dej]::-webkit-details-marker { display:none; }
.closeout-evidence-item summary:hover[b-o14v6d3dej] { background:var(--fdc-color-surface-interactive); }
.closeout-evidence-item summary:focus-visible[b-o14v6d3dej] { outline:2px solid var(--fdc-color-accent); outline-offset:-3px; border-radius:var(--fdc-radius-md); }
.closeout-evidence-item summary[b-o14v6d3dej]  .icon-shell { flex-shrink:0; color:var(--fdc-color-text-muted); transition:transform .15s ease; }
.closeout-evidence-item[open] summary[b-o14v6d3dej]  .icon-shell { transform:rotate(180deg); }
.closeout-evidence-content[b-o14v6d3dej] { padding:0 var(--fdc-space-4,1rem) var(--fdc-space-4,1rem); }
.closeout-evidence-content p[b-o14v6d3dej] { margin:0; white-space:pre-wrap; font-size:.84rem; line-height:1.65; }
.closeout-evidence-content small[b-o14v6d3dej] { display:block; margin-top:var(--fdc-space-3,.75rem); color:var(--fdc-color-text-muted); font-size:.72rem; line-height:1.6; }
@media(prefers-reduced-motion:reduce) { .closeout-evidence-item summary[b-o14v6d3dej]  .icon-shell { transition:none; } }
@media print { .closeout-evidence-content[b-o14v6d3dej] { display:block; } }
/* /Components/Shared/FormAnswerEditor.razor.rz.scp.css */
.answer-editor[b-9w3wzt0lly] { min-width:0; color:var(--fdc-color-text); } .answer-section[b-9w3wzt0lly] { border:1px solid var(--fdc-color-border); background:var(--fdc-color-surface); padding:clamp(1rem,2vw,1.5rem); border-radius:.85rem; margin:1rem 0; }
.answer-section h3[b-9w3wzt0lly] { margin:0 0 .75rem; } .answer-grid[b-9w3wzt0lly] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; } .answer-field.full[b-9w3wzt0lly],.answer-layout[b-9w3wzt0lly] { grid-column:1/-1; }
.answer-field[b-9w3wzt0lly] { display:grid; gap:.5rem; min-width:0; overflow-wrap:anywhere; } .answer-field label[b-9w3wzt0lly] { font-weight:600; display:grid; gap:.4rem; }
.answer-field > label[for][b-9w3wzt0lly] { display:block; }
.answer-field input:not([type=checkbox]):not([type=radio])[b-9w3wzt0lly],.answer-field textarea[b-9w3wzt0lly],.answer-field select[b-9w3wzt0lly] { color:var(--fdc-color-text); background:var(--fdc-color-background); border:1px solid var(--fdc-color-border); border-radius:.6rem; min-height:44px; width:100%; padding:.7rem; }
.answer-field fieldset[b-9w3wzt0lly] { border:1px solid var(--fdc-color-border); border-radius:.6rem; } .answer-field .answer-choice[b-9w3wzt0lly] { display:flex; gap:.6rem; align-items:center; min-height:44px; font-weight:400; }
.answer-choice input[b-9w3wzt0lly] { accent-color:var(--fdc-color-accent); width:1.1rem; height:1.1rem; } .answer-field small[b-9w3wzt0lly],.answer-section p[b-9w3wzt0lly] { color:var(--fdc-color-text-muted); }
.answer-evidence[b-9w3wzt0lly] { display:grid; gap:.6rem; padding:.8rem; border:1px dashed var(--fdc-color-border); border-radius:.6rem; } .answer-evidence div[b-9w3wzt0lly] { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; } .answer-evidence a[b-9w3wzt0lly] { color:var(--fdc-color-accent); }
.answer-evidence strong[b-9w3wzt0lly] { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.answer-row-head[b-9w3wzt0lly] { display:flex; gap:1rem; justify-content:space-between; margin:1rem 0; } .answer-row + .answer-row[b-9w3wzt0lly] { border-top:1px solid var(--fdc-color-border); margin-top:1rem; padding-top:1rem; }
.answer-editor :focus-visible[b-9w3wzt0lly] { outline:2px solid var(--fdc-color-accent); outline-offset:3px; } .answer-editor button[b-9w3wzt0lly],.answer-editor a[b-9w3wzt0lly] { min-height:44px; }
@media(max-width:650px) { .answer-grid[b-9w3wzt0lly] { grid-template-columns:minmax(0,1fr); } }
/* /Components/Shared/InvoicePayments.razor.rz.scp.css */
.invoice-receipt-history[b-sigjzuu9jj] { display: grid; gap: .75rem; margin-top: 1.25rem; }
.invoice-receipt-row[b-sigjzuu9jj] { display: flex; align-items: start; justify-content: space-between; gap: 1rem; border: 1px solid var(--fdc-border); border-radius: .75rem; padding: 1rem; overflow-wrap: anywhere; }
.invoice-receipt-row p[b-sigjzuu9jj] { margin: .35rem 0; }
.invoice-receipt-row small[b-sigjzuu9jj] { color: var(--fdc-text-muted); }
.invoice-receipt-correction[b-sigjzuu9jj] { margin-top: 1rem; }
@media(max-width: 640px) { .invoice-receipt-row[b-sigjzuu9jj] { flex-direction: column; } .invoice-receipt-row button[b-sigjzuu9jj] { min-height: 44px; width: 100%; } }

form[name="invoiceVoid"] .toolbar[b-sigjzuu9jj] { display: flex; flex-wrap: wrap; gap: .75rem; }
@media(max-width:640px) { form[name="invoiceVoid"] .toolbar button[b-sigjzuu9jj] { width:100%; min-height:44px; } }
/* /Components/Shared/JobPinsPanel.razor.rz.scp.css */
.job-pins[b-keha2zimu4]{--pin-border:var(--fdc-color-border,#d5dfeb);--pin-panel:var(--fdc-color-surface,#fff);--pin-soft:var(--fdc-color-surface-interactive,#f5f8fc);--pin-text:var(--fdc-color-text,#14243a);--pin-muted:var(--fdc-color-text-secondary,#526780);--pin-accent:var(--fdc-color-accent,#205d9e);color:var(--pin-text);min-width:0}
.job-pins *[b-keha2zimu4]{box-sizing:border-box}.pins-heading[b-keha2zimu4]{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:0 0 1.2rem}.eyebrow[b-keha2zimu4]{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:var(--pin-muted);font-weight:700}.pins-heading h2[b-keha2zimu4]{font-size:1.5rem;margin:.25rem 0}.pins-heading p[b-keha2zimu4]{margin:0;color:var(--pin-muted);font-size:.85rem}.job-pins button[b-keha2zimu4],.job-pins input[b-keha2zimu4],.job-pins select[b-keha2zimu4],.job-pins textarea[b-keha2zimu4]{font:inherit}.job-pins button[b-keha2zimu4]{cursor:pointer}.job-pins button:disabled[b-keha2zimu4]{cursor:default;opacity:.55}.job-pins button:focus-visible[b-keha2zimu4],.job-pins a:focus-visible[b-keha2zimu4],.job-pins summary:focus-visible[b-keha2zimu4]{outline:3px solid var(--pin-accent);outline-offset:3px}.job-pins label[b-keha2zimu4]{display:grid;gap:.4rem;font-size:.76rem;font-weight:600;color:var(--pin-muted);min-width:0;position:relative}.job-pins input:not([type=checkbox])[b-keha2zimu4],.job-pins textarea[b-keha2zimu4],.job-pins select[b-keha2zimu4]{width:100%;min-width:0;min-height:40px;border:1px solid var(--pin-border);border-radius:.5rem;background:var(--pin-panel);color:var(--pin-text);padding:.55rem .65rem;font-size:.8rem;font-weight:400}.job-pins textarea[b-keha2zimu4]{resize:vertical;line-height:1.5}.job-pins small[b-keha2zimu4]{font-size:.7rem;color:var(--pin-muted)}.job-pins .fdc-button[b-keha2zimu4]{min-height:40px;font-size:.75rem;white-space:normal;gap:.4rem}
.pin-csrf[b-keha2zimu4]{display:none}.pins-summary[b-keha2zimu4]{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--pin-border);border-radius:.8rem;background:var(--pin-panel);margin-bottom:1rem}.pins-summary>span[b-keha2zimu4]{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;font-size:.78rem;color:var(--pin-muted)}.pins-summary>span+span[b-keha2zimu4]{border-left:1px solid var(--pin-border)}.pins-summary strong[b-keha2zimu4]{font-size:1.4rem;color:var(--pin-text)}.pins-updates[b-keha2zimu4]{display:grid;gap:.4rem;padding:.8rem 1rem;margin-bottom:1rem;border:1px solid var(--pin-border);border-radius:.6rem;font-size:.8rem;background:var(--pin-soft)}.pins-updates button[b-keha2zimu4]{background:none;border:0;text-align:left;color:var(--pin-accent);padding:.3rem 0}
.pins-upload[b-keha2zimu4]{padding:.85rem 1rem;border:1px solid var(--pin-border);border-radius:.75rem;margin:1rem 0;background:var(--pin-panel)}.pins-upload summary[b-keha2zimu4]{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;cursor:pointer;min-height:32px}.pins-form-grid[b-keha2zimu4]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem}.pins-actions[b-keha2zimu4]{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}.pins-library-heading[b-keha2zimu4]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.4rem 0 .8rem}.pins-library-heading h3[b-keha2zimu4]{font-size:1rem;margin:0}.pins-library-heading h3 span[b-keha2zimu4]{font-size:.75rem;font-weight:400;color:var(--pin-muted);margin-left:.4rem}.pins-source-grid[b-keha2zimu4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.pins-source-card[b-keha2zimu4]{border:1px solid var(--pin-border);border-radius:.9rem;overflow:hidden;background:var(--pin-panel);box-shadow:var(--fdc-shadow-sm)}.pins-source-card.current[b-keha2zimu4]{border-color:var(--fdc-color-border-strong,var(--pin-border))}.pins-source-preview[b-keha2zimu4]{display:block;position:relative;width:100%;height:205px;padding:.8rem;border:0;border-bottom:1px solid var(--pin-border);background:var(--pin-soft);overflow:hidden}.pins-thumbnail[b-keha2zimu4]{display:flex;align-items:center;justify-content:center;height:100%;font-size:.75rem;color:var(--pin-muted)}.pins-thumbnail[b-keha2zimu4]  img,.pins-thumbnail[b-keha2zimu4]  canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 2px 8px #0002}.pins-open-overlay[b-keha2zimu4]{display:flex;align-items:center;gap:.4rem;position:absolute;bottom:.6rem;right:.6rem;border:1px solid var(--pin-border);border-radius:.45rem;padding:.4rem .6rem;background:var(--pin-panel);color:var(--pin-accent);font-size:.7rem;box-shadow:var(--fdc-shadow-sm)}.pins-source-body[b-keha2zimu4]{padding:1rem}.pins-source-body>small[b-keha2zimu4]{font-size:.6rem;letter-spacing:.1em;font-weight:700}.pins-source-body h4[b-keha2zimu4]{font-size:.95rem;line-height:1.4;margin:.35rem 0;overflow-wrap:anywhere}.pins-source-body p[b-keha2zimu4]{font-size:.75rem;color:var(--pin-muted);margin:.3rem 0}.pins-source-counts[b-keha2zimu4]{display:flex;flex-wrap:wrap;gap:.4rem .7rem;font-size:.7rem;margin:.8rem 0 1rem;color:var(--pin-muted)}.pins-source-body>.fdc-button[b-keha2zimu4]{width:100%;justify-content:space-between}
.pins-filters[b-keha2zimu4]{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap}.pins-filters>label[b-keha2zimu4]{flex:1 1 140px}.pins-filters label:first-child[b-keha2zimu4]{flex-grow:2}.job-pins .pins-check[b-keha2zimu4]{display:flex;align-items:center;gap:.4rem;min-height:40px;flex:0 0 auto}.pins-check input[b-keha2zimu4]{width:16px;height:16px;accent-color:var(--pin-accent)}.pins-results[b-keha2zimu4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:.5rem;margin-top:.8rem}.pins-row[b-keha2zimu4]{width:100%;display:flex;align-items:center;gap:.6rem;text-align:left;border:1px solid var(--pin-border);background:var(--pin-panel);color:var(--pin-text);padding:.75rem;border-radius:.65rem;min-width:0}.pins-row>span:nth-child(2)[b-keha2zimu4]{flex:1;min-width:0}.pins-row strong[b-keha2zimu4]{font-size:.78rem;display:block;overflow-wrap:anywhere}.pins-row small[b-keha2zimu4]{display:block;margin-top:.2rem;line-height:1.4}.pins-row:hover[b-keha2zimu4],.pins-row.selected[b-keha2zimu4]{background:var(--fdc-color-accent-soft,var(--pin-soft));border-color:var(--pin-accent)}.pin-number[b-keha2zimu4]{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#205d9e;color:#fff;font-size:.8rem;font-weight:700}.pin-number.inprogress[b-keha2zimu4]{background:#7954ba}.pin-number.completed[b-keha2zimu4]{background:#a36604}.pin-number.verified[b-keha2zimu4]{background:#1f775a}.pin-number.canceled[b-keha2zimu4]{background:#64748b}.pins-empty[b-keha2zimu4]{text-align:center;padding:2rem 1rem;color:var(--pin-muted);font-size:.8rem}.pins-empty h3[b-keha2zimu4]{color:var(--pin-text);font-size:1rem}.pins-empty[b-keha2zimu4]  svg{margin:auto}.pins-muted[b-keha2zimu4]{font-size:.8rem;color:var(--pin-muted)}
.pins-dialog[b-keha2zimu4]{width:98vw;max-width:none;height:96dvh;max-height:96dvh;padding:0;margin:auto;border:1px solid var(--pin-border);border-radius:1rem;background:var(--pin-panel);color:var(--pin-text);box-shadow:0 24px 100px #0005;overflow:hidden}.pins-dialog[open][b-keha2zimu4]{display:flex;flex-direction:column;animation:pin-dialog-in-b-keha2zimu4 220ms ease-out}.pins-dialog[b-keha2zimu4]::backdrop{background:#08142699;backdrop-filter:blur(3px)}.pins-viewer-heading[b-keha2zimu4]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--pin-border);flex:0 0 auto;min-height:78px;background:linear-gradient(120deg,var(--pin-panel),var(--pin-soft))}.pins-heading-icon[b-keha2zimu4]{color:var(--pin-accent);display:flex}.pins-viewer-title[b-keha2zimu4]{flex:1;min-width:0}.pins-viewer-title h2[b-keha2zimu4]{font-size:1.03rem;font-weight:700;line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pins-viewer-title p[b-keha2zimu4]{display:flex;gap:.5rem 1rem;flex-wrap:wrap;color:var(--pin-muted);font-size:.7rem;margin:.35rem 0 0}.pins-icon-button[b-keha2zimu4]{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:.4rem;border:1px solid var(--pin-border);border-radius:.5rem;background:var(--pin-panel);color:var(--pin-muted)}.pins-icon-button:hover[b-keha2zimu4]{background:var(--pin-soft);color:var(--pin-accent)}.pins-viewer-body[b-keha2zimu4]{display:grid;grid-template-columns:minmax(0,1fr) clamp(380px,31vw,460px);transition:grid-template-columns 240ms ease;flex:1;min-height:0;position:relative}.details-collapsed .pins-viewer-body[b-keha2zimu4]{grid-template-columns:minmax(0,1fr) 0}.pins-drawing[b-keha2zimu4]{display:flex;flex-direction:column;min-height:0;min-width:0;padding:.65rem;background:var(--pin-soft)}.pins-drawing-tools[b-keha2zimu4]{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;position:relative;z-index:4;margin-bottom:.5rem}.pins-source-switch[b-keha2zimu4]{flex:1;max-width:420px}.job-pins .pins-source-switch select[b-keha2zimu4]{height:40px;background:var(--pin-panel)}.pins-drawing-tools>.fdc-button[b-keha2zimu4]{margin-left:auto;flex-shrink:0}.pins-chooser[b-keha2zimu4]{position:relative}.pins-chooser>summary[b-keha2zimu4]{list-style:none;display:flex;align-items:center;justify-content:center;gap:.4rem;min-width:95px;min-height:40px;padding:.5rem;border:1px solid var(--pin-border);border-radius:.5rem;background:var(--pin-accent);color:#fff;font-size:.75rem;cursor:pointer}.pins-chooser>summary[b-keha2zimu4]::-webkit-details-marker{display:none}.pins-chooser-content[b-keha2zimu4]{position:absolute;top:calc(100% + 7px);left:0;width:min(440px,85vw);padding:.8rem;border:1px solid var(--pin-border);border-radius:.75rem;box-shadow:var(--fdc-shadow-lg);background:var(--pin-panel);z-index:8}.pins-chooser-content .pins-filters[b-keha2zimu4]{gap:.5rem}.pins-chooser-list[b-keha2zimu4]{max-height:50dvh;overflow:auto;display:grid;gap:.4rem;margin-top:.7rem}.pins-placement[b-keha2zimu4]{padding:.55rem .7rem;background:var(--fdc-color-accent-soft);color:var(--pin-accent);border:1px solid var(--pin-border);border-radius:.5rem;font-size:.75rem;margin-bottom:.5rem}.pins-canvas[b-keha2zimu4]{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--pin-border);border-radius:.65rem;overflow:hidden;background:var(--pin-panel)}.pins-legend[b-keha2zimu4]{display:flex;flex-wrap:wrap;gap:.4rem 1rem;padding:.6rem .25rem 0;font-size:.65rem;color:var(--pin-muted)}.pins-legend small[b-keha2zimu4]{margin-left:auto;font-size:.65rem}
.pins-detail[b-keha2zimu4]{display:flex;flex-direction:column;border-left:1px solid var(--pin-border);background:var(--pin-panel);min-width:0;min-height:0;overflow:hidden}.details-collapsed .pins-detail[b-keha2zimu4]{visibility:hidden}.pins-detail-top[b-keha2zimu4]{flex:0 0 auto;padding:.6rem 1rem 0;min-width:380px}.pins-pin-nav[b-keha2zimu4]{display:flex;align-items:center;gap:.5rem;margin-bottom:.65rem}.pins-pin-nav small[b-keha2zimu4]{margin-left:.2rem}.pins-mobile-close[b-keha2zimu4]{display:none;margin-left:auto}.pins-detail-heading[b-keha2zimu4]{display:flex;gap:.65rem;align-items:center;margin:.3rem 0 .6rem}.pins-detail-heading h3[b-keha2zimu4]{font-size:.93rem;line-height:1.4;margin:0;overflow-wrap:anywhere}.pins-status[b-keha2zimu4]{display:inline-block;font-size:.65rem;font-weight:600;padding:.3rem .6rem;border:1px solid var(--pin-border);border-radius:.4rem;background:var(--pin-soft);margin-bottom:.2rem}.pins-status[b-keha2zimu4]::before{content:"●";color:#205d9e;margin-right:.4rem}.pins-status.inprogress[b-keha2zimu4]::before{color:#9f7be0}.pins-status.completed[b-keha2zimu4]::before{color:#c49126}.pins-status.verified[b-keha2zimu4]::before{color:#36a877}.pins-tabs[b-keha2zimu4]{display:flex;gap:1rem;margin-top:.3rem;border-bottom:1px solid var(--pin-border)}.pins-tabs button[b-keha2zimu4]{border:0;border-bottom:3px solid transparent;background:none;color:var(--pin-muted);padding:.8rem .1rem .6rem;font-size:.75rem;min-height:44px;font-weight:600}.pins-tabs button[aria-selected=true][b-keha2zimu4]{border-color:var(--pin-accent);color:var(--pin-accent)}.pins-detail-scroll[b-keha2zimu4]{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1rem;min-width:380px;scrollbar-width:thin}.pins-detail-scroll h4[b-keha2zimu4]{font-size:.85rem;margin:.5rem 0 .75rem}.pins-fields-pair[b-keha2zimu4]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem .75rem;margin:1rem 0}.pins-read-label[b-keha2zimu4],.pins-detail dt[b-keha2zimu4]{font-size:.74rem;color:var(--pin-muted);font-weight:600}.pins-detail dd[b-keha2zimu4]{border:1px solid var(--pin-border);border-radius:.45rem;padding:.55rem .6rem;font-size:.75rem;margin:.4rem 0 0;overflow-wrap:anywhere;min-height:38px}.pins-detail dd small[b-keha2zimu4]{display:block;font-size:.6rem;margin-top:.25rem}.pins-description[b-keha2zimu4]{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--pin-border);background:var(--pin-soft);padding:.7rem;border-radius:.5rem;font-size:.78rem;line-height:1.6;margin:.4rem 0 1rem}.pins-assignee[b-keha2zimu4]{display:flex;gap:.4rem;align-items:center}.pins-avatar[b-keha2zimu4]{display:inline-grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:var(--fdc-color-accent-soft);color:var(--pin-accent);font-size:.6rem;font-weight:700}.pins-review-note[b-keha2zimu4]{margin-top:1.2rem}.pins-detail-scroll>small[b-keha2zimu4]{display:block;line-height:1.5;margin-top:.5rem}.pins-edit-form[b-keha2zimu4]{display:grid;gap:.85rem}.pins-edit-form .pins-fields-pair[b-keha2zimu4]{margin:0}.pins-disclosure[b-keha2zimu4]{font-size:.72rem;color:var(--pin-muted);background:var(--pin-soft);border-radius:.4rem;padding:.7rem;line-height:1.5}.pins-detail-footer[b-keha2zimu4]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;padding:.8rem 1rem;border-top:1px solid var(--pin-border);flex:0 0 auto;min-width:380px;min-height:70px;background:var(--pin-panel)}.job-pins .pins-danger[b-keha2zimu4]{color:var(--fdc-color-danger);border:1px solid var(--pin-border);background:var(--pin-panel);margin-right:auto}.pins-verified[b-keha2zimu4]{font-size:.75rem;display:flex;gap:.4rem;color:var(--fdc-color-success)}
.pins-photos[b-keha2zimu4]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.5rem 0 1.3rem}.pins-photo[b-keha2zimu4]{display:flex;flex-direction:column;min-width:0;border:1px solid var(--pin-border);border-radius:.5rem;background:var(--pin-soft);color:var(--pin-text);padding:0;overflow:hidden;text-align:left}.pins-photo>span[b-keha2zimu4]{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.15;overflow:hidden}.pins-photo img[b-keha2zimu4]{width:100%;height:100%;object-fit:cover}.pins-photo>strong[b-keha2zimu4]{padding:.4rem .4rem .2rem;font-size:.65rem;overflow-wrap:anywhere}.pins-photo>small[b-keha2zimu4]{padding:0 .4rem .5rem;font-size:.6rem}.pins-scan[b-keha2zimu4]{padding:.4rem;font-size:.65rem}.pins-photo-upload[b-keha2zimu4]{display:grid;gap:.8rem;border-top:1px solid var(--pin-border);padding-top:1rem}.pins-photo-upload input[b-keha2zimu4]{font-size:.7rem!important}.pins-photo-upload .pins-actions[b-keha2zimu4]{margin:0}.pins-timeline[b-keha2zimu4]{list-style:none;padding:0;margin:.2rem 0}.pins-timeline li[b-keha2zimu4]{display:flex;gap:.7rem;position:relative;padding:0 0 1.5rem}.pins-timeline li+li[b-keha2zimu4]::before{content:"";position:absolute;left:13px;top:-1.5rem;height:1.5rem;border-left:1px solid var(--pin-border)}.pins-timeline strong[b-keha2zimu4]{font-size:.78rem}.pins-timeline p[b-keha2zimu4]{font-size:.75rem;margin:.25rem 0}.pins-timeline time[b-keha2zimu4]{font-size:.65rem;color:var(--pin-muted)}.pins-timeline blockquote[b-keha2zimu4]{padding:.6rem;margin:.6rem 0 0;background:var(--pin-soft);border-left:2px solid var(--pin-border);font-size:.75rem;white-space:pre-wrap;overflow-wrap:anywhere}.pins-lightbox[b-keha2zimu4]{width:94vw;max-width:none;height:92dvh;max-height:92dvh;padding:0;border:1px solid var(--pin-border);border-radius:.8rem;background:var(--pin-panel);color:var(--pin-text)}.pins-lightbox[open][b-keha2zimu4]{display:flex;flex-direction:column}.pins-lightbox[b-keha2zimu4]::backdrop{background:#05101de0}.pins-lightbox header[b-keha2zimu4],.pins-lightbox footer[b-keha2zimu4]{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--pin-border);font-size:.8rem;flex-wrap:wrap}.pins-lightbox header small[b-keha2zimu4]{display:block;margin-top:.3rem}.pins-lightbox-image[b-keha2zimu4]{flex:1;min-height:0;height:0;overflow:auto;display:flex;align-items:center;justify-content:center;background:var(--pin-soft)}.pins-lightbox-image img[b-keha2zimu4]{max-width:100%;max-height:100%;object-fit:contain}.pins-lightbox footer[b-keha2zimu4]{border-bottom:0;border-top:1px solid var(--pin-border)}
/* Local controller owns the canvas/markers; Razor owns all forms and commands. */
.pins-canvas[b-keha2zimu4]  .pins-view-controls{display:flex;align-items:center;gap:.3rem;padding:.35rem .5rem;border-bottom:1px solid var(--pin-border);flex:0 0 auto;background:var(--pin-panel)}.pins-canvas[b-keha2zimu4]  .pins-view-controls button{min-width:36px;height:36px;border:1px solid var(--pin-border);border-radius:.4rem;background:var(--pin-panel);color:var(--pin-text);cursor:pointer;font-size:.75rem}.pins-canvas[b-keha2zimu4]  .pins-view-controls button:hover{background:var(--pin-soft)}.pins-canvas[b-keha2zimu4]  .pins-view-controls span{font-size:.7rem;color:var(--pin-muted);margin-right:auto;overflow:hidden}.pins-canvas[b-keha2zimu4]  .pins-view-viewport{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;cursor:grab;outline-offset:-3px;background:var(--fdc-color-background-secondary,#e9eef5)}.pins-canvas[b-keha2zimu4]  .pins-view-viewport.placing{cursor:crosshair}.pins-canvas[b-keha2zimu4]  .pins-view-viewport.grabbing{cursor:grabbing}.pins-canvas[b-keha2zimu4]  .pins-view-stage{position:absolute;left:0;top:0;transform-origin:0 0;line-height:0;will-change:transform;box-shadow:0 2px 14px #0002}.pins-canvas[b-keha2zimu4]  .pins-view-stage>canvas{display:block;width:100%;height:100%}.pins-canvas[b-keha2zimu4]  .pins-view-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}.pins-canvas[b-keha2zimu4]  .pins-minimap{position:absolute;z-index:2;left:12px;bottom:12px;width:min(184px,24%);padding:0;border:5px solid var(--pin-panel);outline:1px solid var(--pin-border);background:var(--pin-panel);box-shadow:0 3px 10px #0003;border-radius:.4rem;overflow:hidden;cursor:crosshair;touch-action:none;opacity:1}.pins-canvas[b-keha2zimu4]  .pins-minimap.at-fit{opacity:.6}.pins-canvas[b-keha2zimu4]  .pins-minimap>canvas{display:block;width:100%;height:auto}.pins-canvas[b-keha2zimu4]  .pins-minimap>span{position:absolute;border:2px solid #1673ff;background:#1673ff1a;pointer-events:none;min-width:2px;min-height:2px}
.pins-canvas[b-keha2zimu4]  .pin-map-marker{--pin-marker-color:#205d9e;pointer-events:auto;position:absolute;isolation:isolate;transform:translate(-50%,-100%);transform-origin:50% 100%;width:28px;height:36px;padding:0 0 9px;border:0;border-radius:0;background:none;color:#fff;font-family:inherit;font-size:11px;font-weight:800;line-height:27px;text-align:center;cursor:pointer;filter:drop-shadow(0 1px 2px #0006);transition:filter 180ms}.pins-canvas[b-keha2zimu4]  .pin-map-marker::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:28px;height:28px;border-radius:50%;background:var(--pin-marker-color);border:2px solid #fff;pointer-events:none}.pins-canvas[b-keha2zimu4]  .pin-map-marker::after{content:"";position:absolute;bottom:0;left:6px;z-index:-2;border-left:8px solid transparent;border-right:8px solid transparent;border-top:15px solid var(--pin-marker-color);pointer-events:none}.pins-canvas[b-keha2zimu4]  .pin-map-marker[aria-pressed=true]{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #1673ff);transform:translate(-50%,-100%)}.pins-canvas[b-keha2zimu4]  .pin-map-marker.inprogress{--pin-marker-color:#7954ba}.pins-canvas[b-keha2zimu4]  .pin-map-marker.completed{--pin-marker-color:#a36604}.pins-canvas[b-keha2zimu4]  .pin-map-marker.verified{--pin-marker-color:#1f775a}.pins-canvas[b-keha2zimu4]  .pin-map-marker.canceled{--pin-marker-color:#64748b}.pins-canvas[b-keha2zimu4]  button:focus-visible,.pins-canvas[b-keha2zimu4]  .pins-view-viewport:focus-visible{outline:3px solid var(--pin-accent);outline-offset:2px}
@keyframes pin-dialog-in-b-keha2zimu4{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.pins-viewer-body[b-keha2zimu4]{grid-template-columns:minmax(0,1fr) 380px}.pins-source-switch[b-keha2zimu4]{max-width:230px}.pins-viewer-title p[b-keha2zimu4]{gap:.2rem .6rem}}
@media(max-width:900px){.pins-viewer-body[b-keha2zimu4],.details-collapsed .pins-viewer-body[b-keha2zimu4]{display:block}.pins-drawing[b-keha2zimu4]{height:100%}.pins-detail[b-keha2zimu4]{position:absolute;right:0;top:0;bottom:0;width:390px;max-width:90%;box-shadow:-8px 0 30px #0003;z-index:5;transition:transform 240ms;transform:translateX(0);border-radius:.7rem 0 0 .7rem}.details-collapsed .pins-detail[b-keha2zimu4]{transform:translateX(100%);visibility:hidden}.pins-mobile-close[b-keha2zimu4]{display:inline-flex}.pins-viewer-title h2[b-keha2zimu4]{font-size:.95rem}.pins-form-grid[b-keha2zimu4]{grid-template-columns:repeat(2,minmax(0,1fr))}.pins-summary>span[b-keha2zimu4]{padding:.75rem;font-size:.7rem;gap:.4rem}.pins-summary strong[b-keha2zimu4]{font-size:1.2rem}}
@media(max-width:600px){.pins-dialog[b-keha2zimu4]{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}.pins-viewer-heading[b-keha2zimu4]{padding:.6rem;gap:.5rem;min-height:74px}.pins-heading-icon[b-keha2zimu4]{display:none}.pins-viewer-title p[b-keha2zimu4]{font-size:.6rem}.pins-viewer-title p span:first-child[b-keha2zimu4]{display:none}.pins-detail[b-keha2zimu4]{top:12%;bottom:0;left:0;right:0;width:100%;max-width:none;border-radius:1rem 1rem 0 0;border-left:0;border-top:1px solid var(--pin-border)}.details-collapsed .pins-detail[b-keha2zimu4]{transform:translateY(100%)}.pins-detail-top[b-keha2zimu4],.pins-detail-scroll[b-keha2zimu4],.pins-detail-footer[b-keha2zimu4]{min-width:0}.pins-drawing[b-keha2zimu4]{padding:.4rem}.pins-drawing-tools[b-keha2zimu4]{flex-wrap:wrap;gap:.35rem}.pins-source-switch[b-keha2zimu4]{max-width:none;order:3;flex-basis:100%}.pins-drawing-tools>.fdc-button[b-keha2zimu4]{margin-left:auto}.pins-icon-button[b-keha2zimu4],.job-pins .fdc-button[b-keha2zimu4]{min-height:44px;min-width:44px}.pins-canvas[b-keha2zimu4]  .pins-view-controls{padding:.2rem;gap:.2rem;flex-wrap:wrap}.pins-canvas[b-keha2zimu4]  .pins-view-controls button{min-width:40px;height:44px}.pins-canvas[b-keha2zimu4]  .pins-view-controls span{font-size:.6rem;flex-basis:calc(100% - 92px)}.pins-canvas[b-keha2zimu4]  .pin-map-marker{width:44px;height:44px;padding-top:7px}.pins-canvas[b-keha2zimu4]  .pin-map-marker::before{top:7px;left:8px}.pins-canvas[b-keha2zimu4]  .pin-map-marker::after{left:14px;bottom:1px}.pins-canvas[b-keha2zimu4]  .pins-minimap{width:110px;left:7px;bottom:7px}.pins-summary[b-keha2zimu4]{grid-template-columns:1fr 1fr}.pins-summary>span:nth-child(3)[b-keha2zimu4]{border-left:0;border-top:1px solid var(--pin-border)}.pins-summary>span:nth-child(4)[b-keha2zimu4]{border-top:1px solid var(--pin-border)}.pins-form-grid[b-keha2zimu4]{grid-template-columns:1fr}.pins-library-heading[b-keha2zimu4]{align-items:start}.pins-library-heading>small[b-keha2zimu4]{max-width:45%;text-align:right}.pins-heading h2[b-keha2zimu4]{font-size:1.15rem}.pins-heading p[b-keha2zimu4]{font-size:.7rem}.pins-heading .eyebrow[b-keha2zimu4]{font-size:.55rem}.pins-source-grid[b-keha2zimu4]{grid-template-columns:1fr}.pins-lightbox[b-keha2zimu4]{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.pins-lightbox footer[b-keha2zimu4]{gap:.5rem;padding:.6rem}.pins-legend[b-keha2zimu4]{font-size:.6rem;gap:.3rem .6rem}.pins-legend small[b-keha2zimu4]{display:none}.pins-detail-footer[b-keha2zimu4]{gap:.4rem;padding:.6rem}.pins-detail-footer .fdc-button[b-keha2zimu4]{flex:1}.pins-details-heading[b-keha2zimu4]{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.pins-dialog[open][b-keha2zimu4]{animation:none}.pins-viewer-body[b-keha2zimu4],.pins-detail[b-keha2zimu4],.pins-canvas[b-keha2zimu4]  .pin-map-marker{transition:none}}
.pins-thumbnail:empty[b-keha2zimu4]::before{content:'Loading preview…';font-size:.75rem;color:var(--pin-muted)}
.pins-drawing-tools:has(.pins-chooser[open])[b-keha2zimu4]{z-index:7}

.pins-blocker[b-keha2zimu4]{margin:0 0 18px;padding:14px;border:1px solid #e5b56b;border-radius:12px;background:var(--pin-soft);color:var(--pin-text)}.pins-blocker p[b-keha2zimu4]{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.pins-blocker small[b-keha2zimu4]{display:block;line-height:1.5}.pins-status.blocked[b-keha2zimu4],.pin-number.blocked[b-keha2zimu4]{background:#fff1d6;color:#854300}.pins-canvas[b-keha2zimu4]  .pin-map-marker.blocked{--pin-marker-color:#b34e08}.pins-blocked-total strong[b-keha2zimu4]{color:var(--pin-text)}@media(max-width:600px){.pins-summary>span:nth-child(5)[b-keha2zimu4]{border-top:1px solid var(--pin-border);grid-column:1/-1;border-left:0}}
.pins-lightbox header > div[b-keha2zimu4] { min-width:0; max-width:100%; overflow-wrap:anywhere; }
/* /Components/Shared/JobPinUpdates.razor.rz.scp.css */
/* MainLayout's isolated menu rules do not reach this child component. */
.pin-notification-menu[b-8vdw3ekyzu] {
    position: relative;
    flex: 0 0 auto;
    width: max-content;
}

.pin-notification-menu > summary[b-8vdw3ekyzu] {
    position: relative;
    list-style: none;
    cursor: pointer;
}

.pin-notification-menu > summary[b-8vdw3ekyzu]::-webkit-details-marker {
    display: none;
}

.pin-updates-count[b-8vdw3ekyzu] {
    position: absolute;
    inset-block-start: -.25rem;
    inset-inline-end: -.25rem;
    display: grid;
    place-items: center;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 .25rem;
    border-radius: 1rem;
    background: var(--fdc-color-info, #27639e);
    color: white;
    font-size: .65rem;
    font-weight: 800;
}

.pin-updates-panel[b-8vdw3ekyzu] {
    box-sizing: border-box;
    position: absolute;
    top: calc(100% + var(--fdc-space-2, .5rem));
    right: 0;
    z-index: 40;
    width: min(360px, calc(100vw - 2rem));
    max-height: 65vh;
    overflow: auto;
    display: grid;
    gap: var(--fdc-space-1, .25rem);
    padding: var(--fdc-space-4, 1rem);
    border: 1px solid var(--fdc-color-border, #dce3ed);
    border-radius: var(--fdc-radius-md, .75rem);
    background: var(--fdc-color-surface-elevated, white);
    box-shadow: var(--fdc-shadow-lg, 0 8px 24px #172b4d26);
}

.pin-updates-panel p[b-8vdw3ekyzu],
.pin-updates-panel small[b-8vdw3ekyzu] {
    font-size: .75rem;
    color: var(--fdc-color-text-secondary, #66758b);
}

.pin-updates-panel a[b-8vdw3ekyzu] {
    display: grid;
    gap: .3rem;
    padding: .75rem 0;
    white-space: normal;
    overflow-wrap: anywhere;
    border-bottom: 1px solid var(--fdc-color-border, #dce3ed);
    text-decoration: none;
    color: inherit;
}

.pin-updates-panel a:hover[b-8vdw3ekyzu] {
    background: var(--fdc-color-surface-interactive, #f2f6fb);
}

.pin-updates-panel a strong[b-8vdw3ekyzu] {
    font-size: .85rem;
}

.pin-updates-panel > div[b-8vdw3ekyzu] {
    padding-top: .5rem;
}

.pin-notification-menu-account .pin-updates-panel[b-8vdw3ekyzu] {
    left: 0;
    right: auto;
}

@media (max-width: 640px) {
    .pin-updates-panel[b-8vdw3ekyzu],
    .pin-notification-menu-account .pin-updates-panel[b-8vdw3ekyzu] {
        position: fixed;
        top: auto;
        left: 1rem;
        right: 1rem;
        width: auto;
        margin-top: var(--fdc-space-2, .5rem);
    }
}
/* /Components/Shared/PartnerCrossJobActions.razor.rz.scp.css */
.partner-cross-actions[b-42xlfqax7e] { padding:1.2rem; border:1px solid var(--fdc-color-border); background:var(--fdc-color-surface); color:var(--fdc-color-text); border-radius:1rem; min-width:0; }
.partner-action[b-42xlfqax7e] { display:flex; align-items:center; gap:.8rem; color:var(--fdc-color-text); border-top:1px solid var(--fdc-color-border); padding:1rem 0; text-decoration:none; }
.partner-action span[b-42xlfqax7e] { flex:1; min-width:0; }.partner-action strong[b-42xlfqax7e],.partner-action small[b-42xlfqax7e] { display:block; overflow-wrap:anywhere; }.partner-action small[b-42xlfqax7e] { color:var(--fdc-color-text-secondary); margin-top:.35rem; }.partner-action:focus-visible[b-42xlfqax7e] { outline:3px solid var(--fdc-color-accent); }
/* /Components/Shared/PartnerDocumentAttachment.razor.rz.scp.css */
.partner-document-attachment[b-1rnmlk79tp] { display: grid; gap: .6rem; padding: .9rem; border: 1px solid var(--fdc-color-border); border-radius: 9px; background: var(--fdc-color-background); color: var(--fdc-color-text); }
.partner-document-attachment p[b-1rnmlk79tp] { margin: 0; overflow-wrap: anywhere; }
.partner-document-attachment label[b-1rnmlk79tp] { display: grid; gap: .5rem; }
.partner-document-attachment button[b-1rnmlk79tp], .partner-document-attachment a[b-1rnmlk79tp] { justify-self: start; min-height: 44px; }
.partner-document-attachment input[b-1rnmlk79tp] { max-width: 100%; color: var(--fdc-color-text); }
.partner-document-attachment :focus-visible[b-1rnmlk79tp] { outline: 2px solid var(--fdc-color-accent); outline-offset: 3px; }
/* /Components/Shared/PartnerSchedulePanel.razor.rz.scp.css */
.partner-schedule[b-x0nth2gtsf] { color:var(--fdc-color-text); background:var(--fdc-color-surface); border:1px solid var(--fdc-color-border); border-radius:1rem; padding:1.2rem; min-width:0; }
.partner-schedule header[b-x0nth2gtsf],.calendar-head[b-x0nth2gtsf] { display:flex; justify-content:space-between; align-items:start; gap:1rem; flex-wrap:wrap; }
.partner-schedule h2[b-x0nth2gtsf],.partner-schedule h3[b-x0nth2gtsf] { margin:.25rem 0 .6rem; }
.partner-schedule > header[b-x0nth2gtsf] { margin-bottom:.85rem; }
.partner-schedule > .notice[b-x0nth2gtsf] { margin-block:.85rem; }
.partner-schedule nav[b-x0nth2gtsf],.actions[b-x0nth2gtsf] { display:flex; gap:.5rem; flex-wrap:wrap; margin:.6rem 0; }
.partner-schedule nav button[aria-pressed="true"][b-x0nth2gtsf] { background:var(--fdc-color-accent-soft); color:var(--fdc-color-accent); }
.partner-schedule label[b-x0nth2gtsf] { display:grid; gap:.4rem; min-width:0; }
.partner-schedule input:not([type="checkbox"])[b-x0nth2gtsf],.partner-schedule textarea[b-x0nth2gtsf],.partner-schedule select[b-x0nth2gtsf] { width:100%; min-width:0; color:var(--fdc-color-text); background:var(--fdc-color-surface); border:1px solid var(--fdc-color-border-strong); border-radius:.55rem; padding:.65rem; }
.partner-schedule-editor[b-x0nth2gtsf] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1rem 0; border:1px solid var(--fdc-color-border); border-radius:.8rem; padding:1rem; }
.wide[b-x0nth2gtsf] { grid-column:1/-1; }.partner-schedule label.check[b-x0nth2gtsf] { display:flex; align-items:center; gap:.55rem; }
.partner-calendar[b-x0nth2gtsf] { display:grid; grid-template-columns:minmax(17rem,1fr) minmax(17rem,1fr); gap:1rem; margin-top:1rem; }
.calendar-head[b-x0nth2gtsf] { grid-column:1/-1; align-items:center; }.calendar-grid[b-x0nth2gtsf] { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); align-content:start; gap:.35rem; }
.calendar-grid button[b-x0nth2gtsf] { min-height:2.8rem; border:1px solid var(--fdc-color-border); border-radius:.6rem; background:var(--fdc-color-surface); color:var(--fdc-color-text); display:grid; place-items:center; padding:.35rem; }
.calendar-grid button.selected[b-x0nth2gtsf] { background:var(--fdc-color-accent); color:var(--fdc-color-on-accent,#fff); border-color:var(--fdc-color-accent); }.calendar-grid .outside[b-x0nth2gtsf] { opacity:.55; }
.weekday[b-x0nth2gtsf] { text-align:center; font-size:.75rem; color:var(--fdc-color-text-secondary); }.calendar-grid small[b-x0nth2gtsf] { font-size:.65rem; }
.activity-card[b-x0nth2gtsf] { display:grid; gap:.45rem; border:1px solid var(--fdc-color-border); border-radius:.8rem; padding:1rem; margin-bottom:.65rem; background:var(--fdc-color-surface-soft,var(--fdc-color-surface)); overflow-wrap:anywhere; }
.activity-card small[b-x0nth2gtsf] { color:var(--fdc-color-text-secondary); }.badge[b-x0nth2gtsf] { justify-self:start; color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); border-radius:.4rem; padding:.2rem .5rem; font-size:.8rem; }
.publish-review[b-x0nth2gtsf] { padding:1.2rem; border:2px solid var(--fdc-color-accent); border-radius:.8rem; background:var(--fdc-color-surface); margin:1rem 0; overflow-wrap:anywhere; }.public-instructions[b-x0nth2gtsf] { white-space:pre-wrap; }
.partner-schedule button:focus-visible[b-x0nth2gtsf],.partner-schedule input:focus-visible[b-x0nth2gtsf],.partner-schedule select:focus-visible[b-x0nth2gtsf],.partner-schedule textarea:focus-visible[b-x0nth2gtsf] { outline:3px solid var(--fdc-color-accent); outline-offset:2px; }
@media(max-width:800px) { .partner-calendar[b-x0nth2gtsf],.partner-schedule-editor[b-x0nth2gtsf] { grid-template-columns:minmax(0,1fr); }.calendar-head[b-x0nth2gtsf],.wide[b-x0nth2gtsf] { grid-column:1; }.partner-schedule[b-x0nth2gtsf] { padding:.8rem; }.partner-schedule nav[b-x0nth2gtsf] { flex-wrap:nowrap; overflow-x:auto; }.partner-schedule nav button[b-x0nth2gtsf] { flex-shrink:0; } }
@media(prefers-reduced-motion:reduce) { .partner-schedule *[b-x0nth2gtsf] { transition:none; } }
/* /Components/Shared/ProblemReportForm.razor.rz.scp.css */
.problem-report-flow[b-syoxmv4det] { max-width: 1100px; margin: 0 auto; }
.problem-report-grid[b-syoxmv4det] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; margin-bottom: 20px; }
.problem-report-grid .panel[b-syoxmv4det] { min-width: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.problem-report-grid input:not([type=checkbox])[b-syoxmv4det], .problem-report-grid textarea[b-syoxmv4det], .problem-report-grid select[b-syoxmv4det] { width: 100%; box-sizing: border-box; }
.problem-report-grid textarea[b-syoxmv4det] { resize: vertical; min-height: 160px; }
.problem-report-flow code[b-syoxmv4det] { overflow-wrap: anywhere; }
.problem-report-steps[b-syoxmv4det] { display: flex; justify-content: space-between; gap: 12px; padding: 0; margin: 0 0 20px; list-style: none; }
.problem-report-steps li[b-syoxmv4det] { flex: 1; padding: 12px 0; border-bottom: 2px solid var(--fdc-border, #cbd5e1); }
.problem-report-steps [aria-current=step][b-syoxmv4det] { font-weight: 700; border-color: var(--fdc-primary, #2563eb); }
.problem-report-message[b-syoxmv4det] { margin-block: 16px; }
@media (max-width: 760px) { .problem-report-grid[b-syoxmv4det] { grid-template-columns: 1fr; gap: 16px; } .problem-report-steps[b-syoxmv4det] { font-size: .85rem; gap: 8px; } }
/* /Components/Shared/ProjectFieldPanel.razor.rz.scp.css */
.field-panel[b-sngx0dj3x8] { min-width: 0; color: var(--fdc-color-text); background: var(--fdc-color-surface); border: 1px solid var(--fdc-color-border); border-radius: 1rem; padding: clamp(1rem,2vw,1.5rem); }
.field-header[b-sngx0dj3x8],.field-toolbar[b-sngx0dj3x8],.field-actions[b-sngx0dj3x8],.field-detail-head[b-sngx0dj3x8] { display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; }
.field-header[b-sngx0dj3x8],.field-detail-head[b-sngx0dj3x8] { justify-content:space-between; }
.field-header[b-sngx0dj3x8] { margin-bottom:.85rem; }
.field-panel > .notice[b-sngx0dj3x8] { margin-block:.85rem; }
.field-header h2[b-sngx0dj3x8],.field-detail h3[b-sngx0dj3x8] { margin:.3rem 0; }
.field-header p[b-sngx0dj3x8],.field-muted[b-sngx0dj3x8],.field-empty[b-sngx0dj3x8],.field-panel small[b-sngx0dj3x8],.field-facts dt[b-sngx0dj3x8] { color:var(--fdc-color-text-muted); }
.field-panel button[b-sngx0dj3x8],.field-panel a.fdc-button[b-sngx0dj3x8] { min-height:44px; }
.field-panel label[b-sngx0dj3x8] { display:grid; gap:.4rem; font-size:.9rem; }
.field-panel input:not([type=checkbox])[b-sngx0dj3x8],.field-panel textarea[b-sngx0dj3x8],.field-panel select[b-sngx0dj3x8] { width:100%; min-width:0; max-width:100%; min-height:44px; padding:.65rem .75rem; border:1px solid var(--fdc-color-border); border-radius:.6rem; color:var(--fdc-color-text); background:var(--fdc-color-background); }
.field-panel :focus-visible[b-sngx0dj3x8] { outline:2px solid var(--fdc-color-accent); outline-offset:3px; }
.field-panel textarea[b-sngx0dj3x8] { resize:vertical; }
.field-toolbar[b-sngx0dj3x8] { margin:1.1rem 0; align-items:end; }
.field-toolbar > label[b-sngx0dj3x8] { flex:1 1 11rem; }
.field-tabs[b-sngx0dj3x8] { display:flex; flex-wrap:wrap; gap:.5rem; border-bottom:1px solid var(--fdc-color-border); padding-bottom:.7rem; margin-top:.7rem; }
.field-tabs button[b-sngx0dj3x8] { border:1px solid var(--fdc-color-border); border-radius:.55rem; background:var(--fdc-color-background); color:var(--fdc-color-text-muted); padding:.5rem .8rem; }
.field-tabs button[aria-pressed=true][b-sngx0dj3x8] { color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); border-color:var(--fdc-color-accent); }
.field-rows[b-sngx0dj3x8] { list-style:none; padding:0; margin:1rem 0; border:1px solid var(--fdc-color-border); border-radius:.8rem; overflow:hidden; }
.field-rows:empty[b-sngx0dj3x8] { display:none; }
.field-rows > li[b-sngx0dj3x8] { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(5rem,auto); align-items:center; gap:.75rem; padding:.9rem 1rem; border-bottom:1px solid var(--fdc-color-border); }
.field-rows > li:last-child[b-sngx0dj3x8] { border-bottom:0; }
.field-rows > li.is-blocked[b-sngx0dj3x8] { border-left:4px solid var(--fdc-color-danger,#b91c1c); }
.field-open[b-sngx0dj3x8] { display:flex; align-items:center; gap:.8rem; min-width:0; background:none; border:0; color:inherit; text-align:left; padding:0; cursor:pointer; }
.field-row-title[b-sngx0dj3x8] { min-width:0; overflow-wrap:anywhere; }
.field-row-title strong[b-sngx0dj3x8],.field-row-title small[b-sngx0dj3x8] { display:block; }
.field-row-title small[b-sngx0dj3x8] { margin-top:.3rem; }
.field-mark[b-sngx0dj3x8] { display:grid; place-items:center; flex:0 0 2.5rem; height:2.5rem; border-radius:.65rem; color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); }
.field-status[b-sngx0dj3x8] { border:1px solid var(--fdc-color-border); color:var(--fdc-color-text); background:var(--fdc-color-background); border-radius:1rem; font-size:.78rem; padding:.3rem .65rem; overflow-wrap:anywhere; }
.field-status.blocked[b-sngx0dj3x8],.field-blocked[b-sngx0dj3x8] { color:var(--fdc-color-danger,#b91c1c); font-weight:700; border-color:var(--fdc-color-danger,#b91c1c); }
.field-status.superseded[b-sngx0dj3x8] { font-weight:700; border-style:dashed; }
.field-compose[b-sngx0dj3x8],.field-detail[b-sngx0dj3x8] { padding:1.1rem; border-radius:.85rem; background:var(--fdc-color-background); border:1px solid var(--fdc-color-border); margin:1rem 0; min-width:0; overflow-wrap:anywhere; }
.field-form-grid[b-sngx0dj3x8] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:.9rem 0; }
.field-wide[b-sngx0dj3x8] { grid-column:1/-1; }
.field-panel .field-check[b-sngx0dj3x8] { display:flex; align-items:center; gap:.65rem; min-height:44px; }
.field-check input[b-sngx0dj3x8] { width:1.1rem; height:1.1rem; accent-color:var(--fdc-color-accent); }
.field-actions[b-sngx0dj3x8] { margin:1rem 0; }
.field-accountability[b-sngx0dj3x8],.field-qr-actions[b-sngx0dj3x8] { margin-block:1rem; padding:1rem; border:1px solid var(--fdc-color-border); border-radius:.75rem; background:var(--fdc-color-surface); }
.field-accountability h4[b-sngx0dj3x8] { margin:0 0 .8rem; }
.field-qr[b-sngx0dj3x8] { display:grid; justify-items:start; gap:1rem; margin-top:1rem; }
.field-qr img[b-sngx0dj3x8] { max-width:100%; height:auto; border:1px solid var(--fdc-color-border); border-radius:.6rem; background:white; padding:.5rem; }
.field-pre[b-sngx0dj3x8] { white-space:pre-wrap; overflow-wrap:anywhere; }
.field-facts[b-sngx0dj3x8] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; font-size:.85rem; }
.field-facts dd[b-sngx0dj3x8] { margin:.2rem 0; }
.field-resolution[b-sngx0dj3x8],.field-blocked[b-sngx0dj3x8] { padding:1rem; border:1px solid var(--fdc-color-border); border-radius:.6rem; }
.field-thread[b-sngx0dj3x8],.field-file-links[b-sngx0dj3x8] { list-style:none; padding:0; }
.field-thread li[b-sngx0dj3x8] { padding:.8rem 0; border-top:1px solid var(--fdc-color-border); }
.field-thread li small[b-sngx0dj3x8] { display:block; margin-top:.3rem; }
.field-file-links li[b-sngx0dj3x8] { display:flex; flex-wrap:wrap; gap:.75rem; justify-content:space-between; padding:.6rem 0; }
.field-file-links span[b-sngx0dj3x8] { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.field-sharing[b-sngx0dj3x8] { margin-top:1rem; border-top:1px solid var(--fdc-color-border); padding-top:1rem; }
.field-panel a[b-sngx0dj3x8] { color:var(--fdc-color-accent); }
.field-panel button:disabled[b-sngx0dj3x8] { opacity:.6; cursor:not-allowed; }
@media(max-width:900px) { .field-facts[b-sngx0dj3x8] { grid-template-columns:repeat(2,minmax(0,1fr)); } .field-rows > li[b-sngx0dj3x8] { grid-template-columns:minmax(0,1fr) auto; } .field-rows > li > small[b-sngx0dj3x8] { grid-column:1/-1; margin-left:3.3rem; } }
@media(max-width:600px) { .field-form-grid[b-sngx0dj3x8],.field-facts[b-sngx0dj3x8] { grid-template-columns:minmax(0,1fr); } .field-rows > li[b-sngx0dj3x8] { grid-template-columns:minmax(0,1fr); padding:.8rem; } .field-rows > li > .field-status[b-sngx0dj3x8] { justify-self:start; margin-left:3.3rem; } .field-rows > li > a[b-sngx0dj3x8] { justify-self:start; } .field-detail[b-sngx0dj3x8],.field-compose[b-sngx0dj3x8] { padding:.8rem; } .field-actions > button[b-sngx0dj3x8],.field-actions > a[b-sngx0dj3x8] { width:100%; justify-content:center; } }
/* /Components/Shared/SubcontractorCommercialPanel.razor.rz.scp.css */
.partner-commercial[b-lefdlt6im3] { --text: var(--fdc-color-text); --muted: var(--fdc-color-text-muted); --border: var(--fdc-color-border); --panel: var(--fdc-color-surface); --panel-soft: var(--fdc-color-background); --accent: var(--fdc-color-accent); --accent-soft: var(--fdc-color-accent-soft); --input-bg: var(--fdc-color-background); --input-border: var(--fdc-color-border); display: grid; gap: 1.1rem; min-width: 0; color: var(--text); }
.partner-commercial button[b-lefdlt6im3], .partner-commercial a.fdc-button[b-lefdlt6im3], .partner-commercial summary[b-lefdlt6im3] { min-height: 44px; }
.partner-commercial header[b-lefdlt6im3], .partner-commercial-toolbar[b-lefdlt6im3], .partner-commercial-tabs[b-lefdlt6im3], .partner-commercial-summary[b-lefdlt6im3], .partner-commercial-actions[b-lefdlt6im3] { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.partner-commercial header[b-lefdlt6im3] { justify-content: space-between; }
.partner-commercial-actions > label:has(textarea)[b-lefdlt6im3], .partner-commercial-actions > details[b-lefdlt6im3] { flex-basis: 100%; }
.partner-commercial h2[b-lefdlt6im3], .partner-commercial h3[b-lefdlt6im3], .partner-commercial p[b-lefdlt6im3] { margin: 0 0 .4rem; }
.partner-commercial small[b-lefdlt6im3] { display: block; color: var(--muted); margin-top: .25rem; }
.partner-commercial-tabs[b-lefdlt6im3] { border-bottom: 1px solid var(--border); padding-bottom: .75rem; }
.partner-commercial-tabs button[aria-pressed=true][b-lefdlt6im3] { color: var(--accent); background: var(--accent-soft); border-color: var(--accent); }
.partner-commercial-table-wrap[b-lefdlt6im3] { overflow-x: auto; border: 1px solid var(--border); border-radius: 12px; }
.partner-commercial table[b-lefdlt6im3] { width: 100%; border-collapse: collapse; text-align: left; }
.partner-commercial caption[b-lefdlt6im3] { text-align: left; padding: .85rem 1rem; color: var(--muted); }
.partner-commercial th[b-lefdlt6im3] { color: var(--muted); font-size: .8rem; font-weight: 600; background: var(--panel-soft); }
.partner-commercial th[b-lefdlt6im3], .partner-commercial td[b-lefdlt6im3] { padding: .8rem 1rem; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.partner-commercial tr:last-child td[b-lefdlt6im3] { border-bottom: 0; }
.partner-commercial-status[b-lefdlt6im3] { display: inline-block; border: 1px solid var(--border); border-radius: 999px; padding: .25rem .65rem; font-size: .8rem; background: var(--accent-soft); }
.partner-commercial-detail[b-lefdlt6im3], .partner-commercial > details[b-lefdlt6im3] { border: 1px solid var(--border); border-radius: 12px; padding: 1.1rem; background: var(--panel); display: grid; gap: .9rem; }
.partner-commercial summary[b-lefdlt6im3] { cursor: pointer; font-weight: 600; padding: .4rem 0; }
.partner-commercial label[b-lefdlt6im3] { display: grid; gap: .4rem; font-size: .875rem; min-width: 0; }
.partner-commercial input:not([type=checkbox])[b-lefdlt6im3], .partner-commercial textarea[b-lefdlt6im3], .partner-commercial select[b-lefdlt6im3] { width: 100%; min-width: 0; background: var(--input-bg); border: 1px solid var(--input-border); border-radius: 8px; color: var(--text); padding: .65rem; font: inherit; }
.partner-commercial input:focus-visible[b-lefdlt6im3], .partner-commercial textarea:focus-visible[b-lefdlt6im3], .partner-commercial select:focus-visible[b-lefdlt6im3] { outline: 2px solid var(--accent); outline-offset: 2px; }
.partner-commercial fieldset[b-lefdlt6im3] { border: 1px solid var(--border); border-radius: 9px; padding: .9rem; display: grid; gap: .75rem; }
.partner-commercial fieldset[disabled][b-lefdlt6im3] { opacity: .85; }
.partner-commercial label:has(input[type=checkbox])[b-lefdlt6im3] { display: flex; align-items: center; gap: .55rem; }
.partner-commercial-grid[b-lefdlt6im3] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.partner-commercial-grid .wide[b-lefdlt6im3] { grid-column: 1 / -1; }
.partner-commercial-requirements[b-lefdlt6im3] { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.partner-commercial-requirements li[b-lefdlt6im3] { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; padding: .85rem; border: 1px solid var(--border); border-radius: 10px; background: var(--panel); }
.partner-commercial-requirements li > div[b-lefdlt6im3] { flex: 1; }
.partner-commercial-empty[b-lefdlt6im3] { padding: 1rem; background: var(--panel-soft); border-radius: 9px; }
@media (max-width: 760px) { .partner-commercial-grid[b-lefdlt6im3] { grid-template-columns: 1fr; } .partner-commercial thead[b-lefdlt6im3] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } .partner-commercial tbody[b-lefdlt6im3], .partner-commercial tr[b-lefdlt6im3], .partner-commercial td[b-lefdlt6im3] { display: block; } .partner-commercial td[b-lefdlt6im3] { border: 0; padding: .5rem .85rem; } .partner-commercial td[b-lefdlt6im3]::before { content: attr(data-label); color: var(--muted); font-size: .75rem; display: block; margin-bottom: .15rem; } .partner-commercial tr[b-lefdlt6im3] { border-bottom: 1px solid var(--border); padding: .5rem 0; } }
/* /Components/Shared/SubcontractorFormsPanel.razor.rz.scp.css */
.partner-forms[b-z3angejjeh] { min-width:0; padding:clamp(1rem,2vw,1.5rem); border:1px solid var(--fdc-color-border); background:var(--fdc-color-surface); color:var(--fdc-color-text); border-radius:1rem; margin-top:1rem; }
.partner-forms header[b-z3angejjeh],.partner-form-actions[b-z3angejjeh],.partner-form-filters[b-z3angejjeh] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.75rem; }
.partner-forms h2[b-z3angejjeh] { margin:.3rem 0; } .partner-forms p[b-z3angejjeh],.partner-forms small[b-z3angejjeh] { color:var(--fdc-color-text-muted); }
.partner-forms header[b-z3angejjeh] { margin-bottom:.85rem; }
.partner-forms > .notice[b-z3angejjeh] { margin-block:.85rem; }
.partner-forms label[b-z3angejjeh] { display:grid; gap:.4rem; min-width:0; } .partner-forms button[b-z3angejjeh],.partner-forms a.fdc-button[b-z3angejjeh],.partner-forms summary[b-z3angejjeh] { min-height:44px; }
.partner-forms input:not([type=checkbox])[b-z3angejjeh],.partner-forms select[b-z3angejjeh],.partner-forms textarea[b-z3angejjeh] { width:100%; max-width:100%; min-height:44px; color:var(--fdc-color-text); background:var(--fdc-color-background); border:1px solid var(--fdc-color-border); border-radius:.6rem; padding:.6rem; }
.partner-form-compose[b-z3angejjeh] { padding:1rem; border:1px solid var(--fdc-color-border); background:var(--fdc-color-background); border-radius:.8rem; margin:1rem 0; } .partner-form-compose summary[b-z3angejjeh] { cursor:pointer; font-weight:600; }
.partner-form-grid[b-z3angejjeh] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; } .partner-form-wide[b-z3angejjeh] { grid-column:1/-1; }
.partner-forms .partner-form-check[b-z3angejjeh] { display:flex; align-items:center; gap:.6rem; min-height:44px; } .partner-form-check input[b-z3angejjeh] { accent-color:var(--fdc-color-accent); width:1.1rem; height:1.1rem; }
.partner-forms fieldset[b-z3angejjeh] { margin:1rem 0; border:1px solid var(--fdc-color-border); border-radius:.6rem; } .partner-forms a[b-z3angejjeh] { color:var(--fdc-color-accent); }
.partner-form-list[b-z3angejjeh] { list-style:none; margin:1rem 0; padding:0; } .partner-form-list > li[b-z3angejjeh] { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:1rem; border-bottom:1px solid var(--fdc-color-border); padding:1rem 0; overflow-wrap:anywhere; } .partner-form-list small[b-z3angejjeh] { display:block; margin-top:.4rem; }
.partner-form-mark[b-z3angejjeh] { display:grid; place-items:center; color:var(--fdc-color-accent); background:var(--fdc-color-accent-soft); width:2.6rem; height:2.6rem; border-radius:.65rem; }
.partner-form-status[b-z3angejjeh] { padding:.3rem .65rem; border:1px solid var(--fdc-color-border); border-radius:1rem; font-size:.8rem; } .partner-form-filters[b-z3angejjeh] { margin:1rem 0; }
.partner-forms :focus-visible[b-z3angejjeh] { outline:2px solid var(--fdc-color-accent); outline-offset:3px; } .partner-forms button:disabled[b-z3angejjeh] { opacity:.6; }
@media(max-width:1000px) { .partner-form-list > li[b-z3angejjeh] { grid-template-columns:auto minmax(0,1fr) auto; } .partner-form-actions[b-z3angejjeh] { grid-column:2/-1; justify-content:start; } }
@media(max-width:600px) { .partner-form-grid[b-z3angejjeh] { grid-template-columns:minmax(0,1fr); } .partner-form-list > li[b-z3angejjeh] { grid-template-columns:auto minmax(0,1fr); } .partner-form-status[b-z3angejjeh] { grid-column:2; justify-self:start; } .partner-form-actions[b-z3angejjeh] { flex-direction:column; align-items:stretch; } }
/* /Components/Shared/SubcontractorMyWork.razor.rz.scp.css */
.sub-work[b-lzztznjne5] { padding: clamp(1rem, 2vw, 1.5rem); border: 1px solid var(--fdc-color-border); border-radius: 1rem; background: var(--fdc-color-surface); color: var(--fdc-color-text); min-width: 0; }
.sub-work-heading[b-lzztznjne5], .sub-work-filters[b-lzztznjne5], .sub-work-row[b-lzztznjne5], .sub-work-actions[b-lzztznjne5] { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }
.sub-work-heading[b-lzztznjne5] { justify-content: space-between; }
.sub-work-heading[b-lzztznjne5] { margin-bottom: .85rem; }
.sub-work > .notice[b-lzztznjne5] { margin-block: .85rem; }
.sub-work-heading h2[b-lzztznjne5] { margin: .3rem 0; }
.sub-work-heading p[b-lzztznjne5], .sub-work-title small[b-lzztznjne5], .sub-work-due[b-lzztznjne5], .sub-work-empty[b-lzztznjne5], .sub-work-details > small[b-lzztznjne5] { color: var(--fdc-color-text-muted); }
.sub-work-filters[b-lzztznjne5] { margin: 1rem 0; justify-content: space-between; }
.sub-work-filters label[b-lzztznjne5] { display: flex; align-items: center; gap: .5rem; }
.sub-work select[b-lzztznjne5], .sub-work textarea[b-lzztznjne5] { color: var(--fdc-color-text); background: var(--fdc-color-background); border: 1px solid var(--fdc-color-border); border-radius: .5rem; padding: .55rem; max-width: 100%; }
.sub-work-list[b-lzztznjne5] { list-style: none; padding: 0; margin: 0; }
.sub-work-list > li[b-lzztznjne5] { border-top: 1px solid var(--fdc-color-border); }
.sub-work-row[b-lzztznjne5] { padding: 1rem 0; }
.sub-work-icon[b-lzztznjne5] { color: var(--fdc-color-accent); padding: .6rem; background: var(--fdc-color-accent-soft); border-radius: .6rem; }
.sub-work-title[b-lzztznjne5] { flex: 1 1 12rem; min-width: 0; overflow-wrap: anywhere; }
.sub-work-title small[b-lzztznjne5] { display: block; margin-top: .3rem; }
.sub-work-status[b-lzztznjne5] { border: 1px solid var(--fdc-color-border); border-radius: 1rem; padding: .25rem .6rem; font-size: .8rem; }
.sub-work-due[b-lzztznjne5] { font-size: .8rem; }
.sub-work-details[b-lzztznjne5] { padding: 1rem; margin-bottom: 1rem; border-radius: .7rem; background: var(--fdc-color-background); overflow-wrap: anywhere; }
.sub-work-instructions[b-lzztznjne5] { white-space: pre-wrap; }
.sub-work-receipts[b-lzztznjne5] { display: flex; flex-wrap: wrap; gap: 1rem 2rem; font-size: .8rem; }
.sub-work-receipts dt[b-lzztznjne5] { color: var(--fdc-color-text-muted); }
.sub-work-receipts dd[b-lzztznjne5] { margin: .25rem 0; }
.sub-work-actions[b-lzztznjne5] { margin: 1rem 0; }
.sub-work-actions label[b-lzztznjne5] { display: grid; gap: .5rem; width: 100%; }
.sub-work button[b-lzztznjne5], .sub-work a[b-lzztznjne5] { min-height: 44px; }
@media (max-width: 600px) { .sub-work-row[b-lzztznjne5] { gap: .6rem; } .sub-work-title[b-lzztznjne5] { flex-basis: calc(100% - 4rem); } .sub-work-status[b-lzztznjne5] { margin-left: 3.5rem; } .sub-work-heading[b-lzztznjne5] { align-items: flex-start; } .sub-work-filters label[b-lzztznjne5] { width: 100%; } }
/* /Components/Shared/SubcontractorSectionStatus.razor.rz.scp.css */
.sub-section-status[b-ioro5uc0wy], .sub-section-placeholder[b-ioro5uc0wy] { display: grid; gap: .85rem; min-width: 0; }
.sub-section-status p[b-ioro5uc0wy] { margin: 0; }
.sub-section-status button[b-ioro5uc0wy] { justify-self: start; min-height: 44px; }
@media (max-width: 520px) { .sub-section-status button[b-ioro5uc0wy] { width: 100%; justify-content: center; } }
/* /Components/Shared/SubcontractorSecurityPanel.razor.rz.scp.css */
.sub-security-panel[b-k61uh6ll30] { margin-block: 1rem; border: 1px solid var(--border); border-radius: 1rem; background: var(--surface); }
.sub-security-panel summary[b-k61uh6ll30] { padding: 1rem; display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; cursor: pointer; font-weight: 600; min-height: 48px; }
.sub-security-panel summary:focus-visible[b-k61uh6ll30] { outline: 2px solid var(--fdc-color-accent); outline-offset: 3px; }
.sub-security-panel summary .muted[b-k61uh6ll30] { font-weight: 400; margin-left: auto; }
.sub-security-content[b-k61uh6ll30] { padding: 0 1.2rem 1.2rem; max-width: 52rem; }
.sub-security-content label[b-k61uh6ll30] { display: grid; gap: .4rem; margin-block: 1rem; }
.sub-security-content [data-password-field][b-k61uh6ll30] { max-width: 28rem; }
.sub-security-content input[b-k61uh6ll30] { width: 100%; max-width: 28rem; min-height: 44px; padding: .65rem; border: 1px solid var(--border); border-radius: .5rem; background: var(--surface); color: var(--text); }
.sub-security-code[b-k61uh6ll30] { font-variant-numeric: tabular-nums; letter-spacing: .16em; }
.sub-security-key[b-k61uh6ll30] { overflow-wrap: anywhere; }
.sub-security-qr[b-k61uh6ll30] { display: block; background: white; padding: .5rem; border-radius: .5rem; max-width: 100%; height: auto; }
.sub-security-actions[b-k61uh6ll30] { display: flex; flex-wrap: wrap; gap: .7rem; }
.sub-security-recovery[b-k61uh6ll30] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; padding-left: 1.2rem; }
.sub-security-recovery code[b-k61uh6ll30] { overflow-wrap: anywhere; user-select: all; font-size: 1rem; line-height: 1.6; }
@media (max-width: 600px) { .sub-security-recovery[b-k61uh6ll30] { grid-template-columns: 1fr; } .sub-security-actions[b-k61uh6ll30] { flex-direction: column; align-items: stretch; } .sub-security-panel summary .muted[b-k61uh6ll30] { margin-left: 0; width: 100%; } }
/* /Components/Shared/SubcontractorStoragePanel.razor.rz.scp.css */
.partner-storage[b-j1a2gqwj9a] { display:grid; gap:1rem; padding:1.25rem; border:1px solid var(--fdc-color-border); border-radius:1rem; background:var(--fdc-color-surface); color:var(--fdc-color-text); }
.storage-header[b-j1a2gqwj9a] { display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; align-items:flex-start; }
.storage-header h2[b-j1a2gqwj9a], .storage-header p[b-j1a2gqwj9a] { margin:.35rem 0; }
.storage-header p[b-j1a2gqwj9a] { max-width:42rem; color:var(--fdc-color-text-muted); }
.storage-actions[b-j1a2gqwj9a] { display:flex; gap:.75rem; flex-wrap:wrap; align-items:center; }
.partner-storage .notice[b-j1a2gqwj9a] { margin:0; }
.storage-files[b-j1a2gqwj9a] { margin:0; padding:0; list-style:none; display:grid; gap:.75rem; }
.storage-files li[b-j1a2gqwj9a] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; padding:1rem; border:1px solid var(--fdc-color-border); border-radius:.75rem; }
.storage-files strong[b-j1a2gqwj9a], .storage-files small[b-j1a2gqwj9a] { display:block; overflow-wrap:anywhere; }
.storage-files small[b-j1a2gqwj9a] { margin-top:.3rem; color:var(--fdc-color-text-muted); }
.storage-files p[b-j1a2gqwj9a] { margin:.5rem 0 0; }
.storage-file-action[b-j1a2gqwj9a] { display:grid; gap:.75rem; align-content:start; }
.storage-confirm[b-j1a2gqwj9a] { display:grid; gap:1rem; padding:1rem; border:1px solid var(--fdc-color-border); border-radius:.75rem; }
.storage-confirm h3[b-j1a2gqwj9a], .storage-confirm p[b-j1a2gqwj9a] { margin:0; }
.storage-confirm label[b-j1a2gqwj9a] { display:grid; gap:.5rem; }
.storage-confirm input[b-j1a2gqwj9a] { width:100%; max-width:32rem; min-height:44px; padding:.7rem; border:1px solid var(--fdc-color-border); border-radius:.65rem; background:var(--fdc-color-surface); color:var(--fdc-color-text); }
@media(max-width:640px) { .partner-storage[b-j1a2gqwj9a] { padding:1rem; } .storage-files li[b-j1a2gqwj9a] { grid-template-columns:minmax(0,1fr); } .storage-actions[b-j1a2gqwj9a] { width:100%; } .storage-actions button[b-j1a2gqwj9a] { flex:1 1 12rem; } }
/* /Components/Shared/SubcontractorWorkManager.razor.rz.scp.css */
.sub-work-manager[b-v7woxhss9g] { padding: 1.5rem; border-radius: 1rem; min-width: 0; }
.sub-work-head[b-v7woxhss9g], .sub-work-actions[b-v7woxhss9g] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.sub-work-head h2[b-v7woxhss9g] { margin: 0; }
.sub-work-form[b-v7woxhss9g] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0; }
.sub-work-form > button[b-v7woxhss9g] { justify-self: start; }
.sub-work-form label[b-v7woxhss9g], .sub-work-item label[b-v7woxhss9g] { display: grid; gap: .4rem; }
.sub-work-wide[b-v7woxhss9g] { grid-column: 1 / -1; }
.sub-work-manager input[b-v7woxhss9g], .sub-work-manager select[b-v7woxhss9g], .sub-work-manager textarea[b-v7woxhss9g] { width: 100%; min-width: 0; color: var(--fdc-color-text); background: var(--fdc-color-background); border: 1px solid var(--fdc-color-border); border-radius: .5rem; padding: .6rem; }
.sub-work-item[b-v7woxhss9g] { padding: 1rem 0; border-top: 1px solid var(--fdc-color-border); overflow-wrap: anywhere; }
.sub-work-head small[b-v7woxhss9g] { display: block; margin-top: .4rem; color: var(--fdc-color-text-muted); }
.sub-work-instructions[b-v7woxhss9g] { white-space: pre-wrap; }
.sub-work-receipts[b-v7woxhss9g] { font-size: .8rem; line-height: 1.8; }
.sub-work-actions[b-v7woxhss9g] { justify-content: flex-start; margin-top: 1rem; }
.sub-work-manager button[b-v7woxhss9g] { min-height: 44px; }
@media (max-width: 600px) { .sub-work-form[b-v7woxhss9g] { grid-template-columns: minmax(0, 1fr); } .sub-work-manager[b-v7woxhss9g] { padding: 1rem; } }