@import '_content/AppMain.Components/AppMain.Components.qe3vxm53na.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* /Pages/Admin/Shared/ListUsers.razor.rz.scp.css */
.progress[b-h0tit237xk],
.progress .progress-bar[b-h0tit237xk] {
  height: 12px !important; }
/* /Pages/Domain/Dashboard/RFQ/AppCardRFQDetailDetail.razor.rz.scp.css */
/* Clickable RFQ history lines in the "RFQ Line Info" modal (#3196 follow-up).
   The app's global styling strips the underline from anchors, so the history
   links read as plain blue text; restore an on-hover underline + pointer so
   they're clearly clickable. The external-link icon signals they open a new tab. */
.rfq-history-link[b-0b00cuzbxs] {
    cursor: pointer;
}

.rfq-history-link:hover[b-0b00cuzbxs] {
    text-decoration: underline;
}
/* /Pages/Domain/Dashboard/RFQ/AppPageRFQSpreadsheet.razor.rz.scp.css */
/* Modern progress bar — solid fill with a glossy shimmer wave that flows
   left-to-right across the filled portion. The fill width animates smoothly
   between value updates so each tick slides into place instead of teleporting. */

.rfq-progress[b-ah9dbd9sua] {
    position: relative;
    height: 14px;
    border-radius: 8px;
    background-color: #e9ecef;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}

.rfq-progress-fill[b-ah9dbd9sua] {
    height: 100%;
    border-radius: 8px;
    transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.rfq-progress-active[b-ah9dbd9sua] {
    background: linear-gradient(90deg, #2563eb 0%, #3b82f6 100%);
}

.rfq-progress-complete[b-ah9dbd9sua] {
    background: linear-gradient(90deg, #16a34a 0%, #22c55e 100%);
}

.rfq-progress-cancelled[b-ah9dbd9sua] {
    background: linear-gradient(90deg, #6b7280 0%, #9ca3af 100%);
}
/* /Pages/Domain/TenantAdmin/ListUsers.razor.rz.scp.css */
.progress[b-2cv00al3ye],
.progress .progress-bar[b-2cv00al3ye] {
  height: 12px !important; }
/* /Pages/Help/Help.razor.rz.scp.css */
iframe[b-fk9iasd6am] {
  width: 100%;
  height: 100%;
}
/* /Pages/Home/Index.razor.rz.scp.css */
/* Home dashboard — scoped styles. Palette: Natsco navy/blue + grays, no yellow. */
.home-dash[b-ok9uhpnhry]{
    --navy:#02103D;
    --blue:#1B45B5;
    --blue-300:#5B7BE0;
    --ink:#0E1726;
    --muted:#64708A;
    --slate:#54627E;
    --line:#E4E9F3;
    --card:#FFFFFF;
    --red:#E0245E;
}

/* ── Header ── */
.home-topbar[b-ok9uhpnhry]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.home-greeting[b-ok9uhpnhry]{flex:1 1 auto;min-width:0}
.home-eyebrow[b-ok9uhpnhry]{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.home-h1[b-ok9uhpnhry]{font-weight:800;font-size:30px;letter-spacing:-.02em;color:var(--navy);line-height:1.08;margin:0}
.home-h1 .light[b-ok9uhpnhry]{color:var(--blue-300);font-weight:500}
.home-newrfq[b-ok9uhpnhry]{flex-shrink:0;display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;background:#0A2680;color:#fff;font-weight:600;font-size:13.5px;padding:11px 16px;border-radius:12px;transition:background .18s}
.home-newrfq:hover[b-ok9uhpnhry]{background:var(--navy);color:#fff;text-decoration:none}

/* ── KPI tiles ── */
.home-kpis[b-ok9uhpnhry]{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}
.home-kpi[b-ok9uhpnhry]{
    position:relative;display:block;text-decoration:none;color:inherit;
    background:var(--card);border:1px solid var(--line);border-radius:16px;
    padding:20px 20px 18px;overflow:hidden;
    box-shadow:0 1px 2px rgba(2,16,61,.04),0 8px 24px -12px rgba(2,16,61,.18);
    transition:transform .18s,box-shadow .18s,border-color .18s;
}
.home-kpi:hover[b-ok9uhpnhry]{transform:translateY(-3px);border-color:var(--blue-300);box-shadow:0 18px 40px -18px rgba(2,16,61,.42);color:inherit;text-decoration:none}
.home-kpi[b-ok9uhpnhry]::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue-300))}
.home-kpi-go[b-ok9uhpnhry]{position:absolute;top:18px;right:18px;color:var(--blue);font-size:13px;opacity:0;transform:translateX(-5px);transition:.18s}
.home-kpi:hover .home-kpi-go[b-ok9uhpnhry]{opacity:1;transform:none}
.home-kpi-ico[b-ok9uhpnhry]{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:18px;background:linear-gradient(160deg,rgba(27,69,181,.12),rgba(91,123,224,.16));color:var(--blue);margin-bottom:14px}
.home-kpi-label[b-ok9uhpnhry]{font-size:12.5px;color:var(--muted);font-weight:600}
.home-kpi-num[b-ok9uhpnhry]{font-weight:800;font-size:30px;color:var(--navy);letter-spacing:-.02em;line-height:1.1;margin-top:2px;font-variant-numeric:tabular-nums}
.home-kpi-sub[b-ok9uhpnhry]{font-size:12px;color:var(--muted);margin-top:9px;font-weight:600}

/* ── Chips ── */
.home-chip[b-ok9uhpnhry]{display:inline-flex;align-items:center;font-size:12px;font-weight:700;margin-top:9px;padding:3px 9px;border-radius:999px}
.home-chip.up[b-ok9uhpnhry]{color:var(--blue);background:rgba(27,69,181,.1)}
.home-chip.soon[b-ok9uhpnhry]{color:var(--blue);background:rgba(27,69,181,.1)}
.home-chip.flat[b-ok9uhpnhry]{color:var(--slate);background:rgba(100,112,138,.12)}
.home-chip.today[b-ok9uhpnhry]{color:var(--red);background:rgba(224,36,94,.12)}

/* ── Main grid ── */
.home-grid[b-ok9uhpnhry]{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}
.home-side[b-ok9uhpnhry]{display:flex;flex-direction:column;gap:18px}

/* RFQ list */
.home-rfq[b-ok9uhpnhry]{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s}
.home-rfq:hover[b-ok9uhpnhry]{background:#F7F9FE}
.home-rfq-badge[b-ok9uhpnhry]{width:46px;height:46px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;font-weight:800;color:#fff;font-size:13px;background:linear-gradient(160deg,var(--blue),var(--navy))}
.home-rfq-body[b-ok9uhpnhry]{flex:1;min-width:0}
.home-rfq-cust[b-ok9uhpnhry]{font-weight:700;color:var(--ink);font-size:14.5px}
.home-rfq-meta[b-ok9uhpnhry]{color:var(--muted);font-size:12.5px;margin-top:2px}
.home-rfq-val[b-ok9uhpnhry]{text-align:right;flex-shrink:0}
.home-rfq-amt[b-ok9uhpnhry]{font-weight:800;color:var(--navy);font-size:16px;font-variant-numeric:tabular-nums}
.home-rfq-all[b-ok9uhpnhry]{display:flex;align-items:center;justify-content:center;padding:13px;color:var(--blue);font-weight:600;font-size:13px;text-decoration:none}
.home-rfq-all:hover[b-ok9uhpnhry]{background:#F7F9FE;color:var(--blue)}

/* Quick actions */
.home-qa[b-ok9uhpnhry]{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}
.home-qa-item[b-ok9uhpnhry]{display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid var(--line);border-radius:13px;text-decoration:none;color:var(--ink);transition:.18s}
.home-qa-item:hover[b-ok9uhpnhry]{border-color:var(--blue-300);color:var(--ink);transform:translateY(-2px);text-decoration:none;box-shadow:0 8px 24px -12px rgba(2,16,61,.18)}
.home-qa-item i[b-ok9uhpnhry]{font-size:19px;color:var(--blue)}
.home-qa-item .t[b-ok9uhpnhry]{font-weight:700;font-size:13.5px}
.home-qa-item .d[b-ok9uhpnhry]{font-size:11.5px;color:var(--muted)}

/* Alerts */
.home-alert[b-ok9uhpnhry]{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}
.home-alert-ico[b-ok9uhpnhry]{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font-size:14px;background:rgba(100,112,138,.12);color:var(--slate)}
.home-alert-ico.critical[b-ok9uhpnhry]{background:rgba(224,36,94,.12);color:var(--red)}
.home-alert-ico.ok[b-ok9uhpnhry]{background:rgba(27,69,181,.1);color:var(--blue)}

/* Loading / empty states */
.home-state[b-ok9uhpnhry]{padding:26px 20px;text-align:center;color:var(--muted);font-size:13.5px}
.home-alert-t[b-ok9uhpnhry]{font-size:13.5px;font-weight:600;color:var(--ink)}
.home-alert-d[b-ok9uhpnhry]{font-size:12px;color:var(--muted);margin-top:1px}

@media(max-width:980px){
    .home-kpis[b-ok9uhpnhry]{grid-template-columns:1fr 1fr}
    .home-grid[b-ok9uhpnhry]{grid-template-columns:1fr}
}
@media(max-width:760px){
    .home-h1[b-ok9uhpnhry]{font-size:25px}
}
/* /Pages/Reports/ExcelReports/AppPageExcelReports.razor.rz.scp.css */
/* Progress bar for the Excel Reports processing dialog. Mirrors the RFQ spreadsheet
   page's bar; defined here because Blazor CSS isolation scopes .razor.css to its own
   component, so the RFQ page's styles do not apply to this page. */

.rfq-progress[b-1gwn8jgue1] {
    position: relative;
    height: 14px;
    border-radius: 8px;
    background-color: #e9ecef;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}

.rfq-progress-fill[b-1gwn8jgue1] {
    height: 100%;
    border-radius: 8px;
    transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.rfq-progress-active[b-1gwn8jgue1] {
    background: linear-gradient(90deg, #2563eb 0%, #3b82f6 100%);
}

.rfq-progress-complete[b-1gwn8jgue1] {
    background: linear-gradient(90deg, #16a34a 0%, #22c55e 100%);
}

.rfq-progress-cancelled[b-1gwn8jgue1] {
    background: linear-gradient(90deg, #6b7280 0%, #9ca3af 100%);
}
/* /Pages/Shared/MainLayout.razor.rz.scp.css */
.side-nav[b-93s4dl9pn2] {
  background-color: transparent !important;
  background-image: linear-gradient(180deg, #02103D 0%, #1B45B5 100%) !important;
  background-attachment: scroll !important;
}

.side-nav .sidenav-bg[b-93s4dl9pn2] {
  background-image: linear-gradient(180deg, #02103D 0%, #1B45B5 100%) !important;
  background-attachment: scroll !important;
}

.side-nav .sidenav-bg[b-93s4dl9pn2]:after,
.side-nav .sidenav-bg.mask-strong[b-93s4dl9pn2]:after,
.side-nav .sidenav-bg.mask-light[b-93s4dl9pn2]:after,
.side-nav .sidenav-bg.mask-slight[b-93s4dl9pn2]:after {
  background: transparent !important;
}

[b-93s4dl9pn2] .side-nav .collapsible li a:not(.collapsible-header),
[b-93s4dl9pn2] .side-nav .collapsible li .collapsible-header {
  color: #ffffff !important;
}

[b-93s4dl9pn2] .side-nav .collapsible li a:not(.collapsible-header) i,
[b-93s4dl9pn2] .side-nav .collapsible li .collapsible-header i {
  color: #ffffff !important;
}

.main-logo-wrap[b-93s4dl9pn2] {
  width: 100px;
}

.main-nav-title[b-93s4dl9pn2] {
  padding-top: 0;
  padding-left: 1rem;
  margin: 0;
}

@media (min-width: 1440px) {
  .main-nav-title-wrap[b-93s4dl9pn2] {
    margin-right: auto !important;
  }
  .main-nav-title-wrap .main-nav-title-logo[b-93s4dl9pn2] {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .main-nav-title-logo-hide[b-93s4dl9pn2] {
    display: none !important;
  }
}
@media (max-width: 1439px) {
  .main-nav-title-wrap[b-93s4dl9pn2] {
    margin: auto !important;
  }
}
/* /Pages/User/Profile.razor.rz.scp.css */
@media (min-width: 768px) {
  .app-user-card[b-7zn7lcvd9d] {
    margin-top: 80px !important;
  }
}