/* _content/FreightMaster.Web/Pages/Portal.razor.rz.scp.css */
.portal-page[b-ymoifbpjed] { padding-bottom: 36px; }
.portal-hero[b-ymoifbpjed] { padding:20px 22px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--portal-primary) 16%,var(--surface-1)),var(--surface-1) 60%);border-top:3px solid var(--portal-primary); }
.portal-brand[b-ymoifbpjed] { display:flex;gap:14px;align-items:center; }
.portal-brand img[b-ymoifbpjed] { width:52px;height:52px;object-fit:contain; }
.portal-brand h1[b-ymoifbpjed] { margin:2px 0 3px;font-size:26px; }
.portal-account[b-ymoifbpjed] { display:grid;text-align:right; }
.portal-account span[b-ymoifbpjed] { font-size:11px;color:var(--fg-3); }
.portal-account em[b-ymoifbpjed] { color:var(--danger);font-style:normal; }
.portal-kpis[b-ymoifbpjed] { display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:14px; }
.portal-kpi[b-ymoifbpjed] { padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-1);display:flex;align-items:center;gap:12px; }
.portal-kpi > i[b-ymoifbpjed] { font-size:20px;color:var(--portal-primary); }
.portal-kpi span[b-ymoifbpjed],.portal-comms span[b-ymoifbpjed] { display:grid; }
.portal-kpi strong[b-ymoifbpjed] { font-size:21px; }
.portal-kpi small[b-ymoifbpjed],.portal-comms small[b-ymoifbpjed],.portal-comms time[b-ymoifbpjed] { color:var(--fg-3);font-size:10px; }
.portal-action-centre[b-ymoifbpjed]{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-1)}.portal-action-head[b-ymoifbpjed]{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px}.portal-action-head h2[b-ymoifbpjed]{font-size:16px;margin:2px 0 0}.portal-action-head>span[b-ymoifbpjed]{font-size:10px;color:var(--fg-3)}.portal-action-grid[b-ymoifbpjed]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.portal-action[b-ymoifbpjed]{display:grid;grid-template-columns:24px minmax(0,1fr) auto 14px;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-left:3px solid var(--portal-primary);border-radius:8px;background:var(--surface-2);color:inherit;text-decoration:none}.portal-action>i:first-child[b-ymoifbpjed]{color:var(--portal-primary);font-size:17px}.portal-action>i:last-child[b-ymoifbpjed]{color:var(--fg-4)}.portal-action span[b-ymoifbpjed]{display:grid}.portal-action strong[b-ymoifbpjed]{font-size:11px}.portal-action small[b-ymoifbpjed]{font-size:9px;color:var(--fg-3)}.portal-action>b[b-ymoifbpjed]{font-size:15px}.portal-action.critical[b-ymoifbpjed]{border-left-color:var(--danger)}.portal-action.critical>i:first-child[b-ymoifbpjed],.portal-action.critical>b[b-ymoifbpjed]{color:var(--danger)}.portal-action.warning[b-ymoifbpjed]{border-left-color:var(--warning)}.portal-action.warning>i:first-child[b-ymoifbpjed],.portal-action.warning>b[b-ymoifbpjed]{color:var(--warning)}.portal-action:hover[b-ymoifbpjed],.portal-action:focus-visible[b-ymoifbpjed]{border-color:var(--portal-primary);outline:none}.portal-action-clear[b-ymoifbpjed]{display:flex;gap:9px;align-items:center;padding:10px;border-radius:8px;background:color-mix(in srgb,var(--success) 6%,var(--surface-2))}.portal-action-clear>i[b-ymoifbpjed]{color:var(--success);font-size:18px}.portal-action-clear span[b-ymoifbpjed]{display:grid}.portal-action-clear strong[b-ymoifbpjed]{font-size:11px}.portal-action-clear small[b-ymoifbpjed]{font-size:9px;color:var(--fg-3)}
.portal-source-health[b-ymoifbpjed] { margin-top:12px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-1);display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center; }
.portal-source-health > span[b-ymoifbpjed] { display:grid; }.portal-source-health strong[b-ymoifbpjed] { font-size:11px; }.portal-source-health small[b-ymoifbpjed] { font-size:9px;color:var(--fg-3); }.portal-source-health.healthy > i[b-ymoifbpjed] { color:var(--success); }.portal-source-health.degraded[b-ymoifbpjed] { border-color:color-mix(in srgb,var(--warning) 45%,var(--line));background:color-mix(in srgb,var(--warning) 7%,var(--surface-1)); }.portal-source-health.degraded > i[b-ymoifbpjed] { color:var(--warning); }
.portal-source-unavailable[b-ymoifbpjed] { margin:0 14px 12px;padding:10px;border:1px dashed var(--warning);border-radius:7px;display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;background:color-mix(in srgb,var(--warning) 6%,var(--surface-1)); }.portal-source-unavailable > i[b-ymoifbpjed] { color:var(--warning); }.portal-source-unavailable span[b-ymoifbpjed] { display:grid; }.portal-source-unavailable strong[b-ymoifbpjed] { font-size:11px; }.portal-source-unavailable small[b-ymoifbpjed] { font-size:9px;color:var(--fg-3); }
.portal-workspace-nav[b-ymoifbpjed] { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px; }
.portal-workspace-nav button[b-ymoifbpjed],.portal-workspace-nav a[b-ymoifbpjed] { border:1px solid var(--line);border-radius:8px;background:var(--surface-1);color:var(--fg-2);padding:11px 12px;display:grid;grid-template-columns:22px 1fr;gap:8px;text-align:left;align-items:center;text-decoration:none; }
.portal-workspace-nav button > i[b-ymoifbpjed],.portal-workspace-nav a > i[b-ymoifbpjed] { font-size:17px; }
.portal-workspace-nav button span[b-ymoifbpjed],.portal-workspace-nav a span[b-ymoifbpjed] { display:grid; }
.portal-workspace-nav button small[b-ymoifbpjed],.portal-workspace-nav a small[b-ymoifbpjed] { color:var(--fg-3);font-size:10px; }
.portal-workspace-nav button.active[b-ymoifbpjed] { border-color:var(--portal-primary);background:color-mix(in srgb,var(--portal-primary) 10%,var(--surface-1));color:var(--fg-1); }
.portal-workspace-section[b-ymoifbpjed] { display:none; }
.portal-page[data-workspace="shipments"] .ws-shipments[b-ymoifbpjed],.portal-page[data-workspace="book"] .ws-book[b-ymoifbpjed],.portal-page[data-workspace="billing"] .ws-billing[b-ymoifbpjed],.portal-page[data-workspace="updates"] .ws-updates[b-ymoifbpjed] { display:block; }
.portal-actions[b-ymoifbpjed] { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px; }
.portal-actions h3[b-ymoifbpjed],.portal-page .fm-panel-head h3[b-ymoifbpjed] { margin:0; }
.portal-form[b-ymoifbpjed] { padding:0 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.portal-form button[b-ymoifbpjed] { align-self:end; }
.portal-field[b-ymoifbpjed]{display:grid;align-content:start;gap:4px}.portal-field.full[b-ymoifbpjed]{grid-column:1/-1}.portal-field .label-caps span[b-ymoifbpjed]{font-weight:500;color:var(--fg-4);text-transform:none;letter-spacing:0}.portal-field.invalid .form-control[b-ymoifbpjed],.portal-field.invalid .form-select[b-ymoifbpjed]{border-color:var(--danger)}.portal-field-error[b-ymoifbpjed]{display:flex;gap:4px;color:var(--danger);font-size:9px;line-height:1.35}.portal-submit-readiness[b-ymoifbpjed]{min-height:52px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--warning) 42%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--warning) 6%,var(--surface-1));display:grid;grid-template-columns:18px 1fr;gap:7px;align-items:center;color:var(--warning)}.portal-submit-readiness.ready[b-ymoifbpjed]{border-color:color-mix(in srgb,var(--success) 38%,var(--line));background:color-mix(in srgb,var(--success) 6%,var(--surface-1));color:var(--success)}.portal-submit-readiness span[b-ymoifbpjed]{display:grid}.portal-submit-readiness strong[b-ymoifbpjed]{font-size:10px}.portal-submit-readiness small[b-ymoifbpjed]{font-size:8px;color:var(--fg-3)}
.portal-grid-list[b-ymoifbpjed] { padding:0 14px 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.portal-card[b-ymoifbpjed] { border:1px solid var(--line);border-radius:8px;padding:13px;display:grid;gap:8px; }
.portal-card-top[b-ymoifbpjed],.shipment-head[b-ymoifbpjed] { display:flex;justify-content:space-between; }
.portal-card h4[b-ymoifbpjed] { font-size:13px;margin:0; }
.portal-state[b-ymoifbpjed] { font-family:var(--font-mono);font-size:10px;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--portal-primary) 15%,transparent);color:var(--portal-primary); }
.portal-price[b-ymoifbpjed] { font-size:20px;font-weight:750; }
.portal-price.small[b-ymoifbpjed] { font-size:14px; }
.portal-card-hold[b-ymoifbpjed]{padding:7px 8px;border-radius:6px;background:color-mix(in srgb,var(--warning) 8%,transparent);color:var(--warning);font-size:9px}.invoice-card.overdue[b-ymoifbpjed]{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.invoice-card.overdue .portal-state[b-ymoifbpjed]{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.portal-payment-guidance[b-ymoifbpjed]{padding:8px;border-radius:7px;background:var(--surface-2);display:grid;grid-template-columns:18px 1fr;gap:6px;align-items:start}.portal-payment-guidance span[b-ymoifbpjed]{display:grid}.portal-payment-guidance strong[b-ymoifbpjed]{font-size:10px}.portal-payment-guidance small[b-ymoifbpjed]{font-size:8px;color:var(--fg-3)}.portal-payment-guidance.overdue>i[b-ymoifbpjed]{color:var(--danger)}.portal-payment-guidance.paid>i[b-ymoifbpjed]{color:var(--success)}.portal-card-actions[b-ymoifbpjed]{display:flex;gap:7px;flex-wrap:wrap}.portal-card-actions .fm-btn[b-ymoifbpjed]{flex:1}
.portal-payment-hold[b-ymoifbpjed]{margin:0 14px 12px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--warning) 45%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--warning) 7%,var(--surface-1));display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;color:var(--warning)}.portal-payment-hold>span[b-ymoifbpjed]{display:grid}.portal-payment-hold strong[b-ymoifbpjed]{font-size:10px}.portal-payment-hold small[b-ymoifbpjed]{font-size:9px;color:var(--fg-3)}
.portal-shipments[b-ymoifbpjed] { padding:0 14px 14px;display:grid;gap:10px; }
.shipment-card[b-ymoifbpjed] { border:1px solid var(--line);border-radius:8px;padding:12px; }
.shipment-head[b-ymoifbpjed] { width:100%;border:0;background:none;color:inherit;text-align:left; }
.shipment-head span:first-child[b-ymoifbpjed] { display:grid; }
.shipment-head small[b-ymoifbpjed] { color:var(--fg-3);margin-top:3px; }
.timeline-strip[b-ymoifbpjed] { display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:15px 0 10px; }
.timeline-strip div[b-ymoifbpjed] { display:grid;grid-template-columns:1fr;gap:5px;color:var(--fg-4);font-size:9px; }
.timeline-strip i[b-ymoifbpjed] { height:4px;border-radius:3px;background:var(--line); }
.timeline-strip .reached[b-ymoifbpjed] { color:var(--fg-1); }
.timeline-strip .reached i[b-ymoifbpjed] { background:var(--portal-accent); }
.shipment-actions[b-ymoifbpjed] { display:flex;gap:8px;align-items:center; }
.shipment-actions .fm-meta[b-ymoifbpjed] { margin-left:auto; }
.shipment-exception[b-ymoifbpjed] { font-size:11px;color:var(--warning);margin-bottom:8px; }
.portal-comms[b-ymoifbpjed] { padding:0 14px 14px;display:grid; }
.portal-comms > div[b-ymoifbpjed] { display:grid;grid-template-columns:22px 1fr auto;gap:8px;padding:10px 0;border-top:1px solid var(--line); }
.portal-air .air-search[b-ymoifbpjed] { grid-template-columns:repeat(4,1fr); }
.portal-air .air-search button[b-ymoifbpjed] { grid-column:span 2; }
.air-dg[b-ymoifbpjed] { display:flex;gap:8px;align-items:end; }
.air-dg label[b-ymoifbpjed] { display:flex;gap:6px;align-items:center;font-size:12px;white-space:nowrap; }
.air-options[b-ymoifbpjed],.air-current[b-ymoifbpjed] { border-top:1px solid var(--line);padding-top:14px; }
.air-update-list[b-ymoifbpjed] { padding:0 14px 14px;display:grid;gap:8px; }
.air-update[b-ymoifbpjed] { display:grid;grid-template-columns:24px 1fr;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--warning) 40%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--warning) 8%,var(--surface-1)); }
.air-update > i[b-ymoifbpjed] { color:var(--warning);font-size:17px; }
.air-update.recovered[b-ymoifbpjed] { border-color:color-mix(in srgb,var(--success) 40%,var(--line));background:color-mix(in srgb,var(--success) 8%,var(--surface-1)); }
.air-update.recovered > i[b-ymoifbpjed] { color:var(--success); }
.air-update p[b-ymoifbpjed] { margin:5px 0;font-size:12px; }
.customer-exception-choice[b-ymoifbpjed] { margin-top:10px;padding-top:10px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(190px,1fr) minmax(220px,1.5fr) auto;gap:7px;align-items:end; }
.customer-exception-choice label[b-ymoifbpjed],.customer-exception-choice small[b-ymoifbpjed] { grid-column:1/-1; }
.customer-exception-choice small[b-ymoifbpjed] { color:var(--fg-3);font-size:9px; }
.customer-exception-response[b-ymoifbpjed] { margin-top:9px;padding:8px 10px;border-radius:7px;background:color-mix(in srgb,var(--success) 9%,var(--surface-1));display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center; }
.customer-exception-response > i[b-ymoifbpjed] { color:var(--success); }.customer-exception-response span[b-ymoifbpjed] { display:grid; }.customer-exception-response strong[b-ymoifbpjed] { font-size:11px; }.customer-exception-response small[b-ymoifbpjed] { font-size:9px;color:var(--fg-3); }
.air-shipment-card[b-ymoifbpjed] { align-content:start; }
.air-journey[b-ymoifbpjed] { display:grid;gap:5px;padding:8px 0;border-block:1px solid var(--line); }
.air-journey > div[b-ymoifbpjed] { display:grid;grid-template-columns:18px 1fr;gap:7px;color:var(--fg-3); }
.air-journey > div.completed i[b-ymoifbpjed] { color:var(--portal-accent); }
.air-journey span[b-ymoifbpjed] { display:grid; }
.air-journey small[b-ymoifbpjed] { font-size:10px; }
.air-card-exception[b-ymoifbpjed] { display:grid;gap:3px;padding:8px;border-radius:6px;background:color-mix(in srgb,var(--warning) 12%,transparent);font-size:11px; }
.air-card-exception.recovered[b-ymoifbpjed] { background:color-mix(in srgb,var(--success) 12%,transparent); }
.air-card-footer[b-ymoifbpjed] { display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap; }
.delivery-state[b-ymoifbpjed] { justify-items:end;gap:3px; }
.customer-progress[b-ymoifbpjed] { display:grid;grid-template-columns:repeat(auto-fit,minmax(55px,1fr));gap:3px; }
.customer-progress div[b-ymoifbpjed] { display:grid;gap:4px;color:var(--fg-4);font-size:9px; }
.customer-progress i[b-ymoifbpjed] { height:4px;border-radius:3px;background:var(--line); }
.customer-progress .reached[b-ymoifbpjed] { color:var(--fg-2); }.customer-progress .reached i[b-ymoifbpjed] { background:var(--portal-accent); }.customer-progress .current[b-ymoifbpjed] { color:var(--portal-primary);font-weight:700; }.customer-progress .current i[b-ymoifbpjed] { background:var(--portal-primary); }
.portal-next[b-ymoifbpjed] { border-left:3px solid var(--portal-primary);padding:6px 8px;background:color-mix(in srgb,var(--portal-primary) 7%,transparent);font-size:11px; }
.requirement-list[b-ymoifbpjed] { display:grid;gap:5px; }
.requirement[b-ymoifbpjed] { display:grid;grid-template-columns:18px 1fr auto;gap:6px;align-items:start;padding:7px;border:1px solid var(--line);border-radius:6px; }
.requirement > span[b-ymoifbpjed] { display:grid; }.requirement small[b-ymoifbpjed] { font-size:9px;color:var(--fg-3); }.requirement em[b-ymoifbpjed] { font-size:8px;color:var(--fg-3);font-style:normal;white-space:nowrap; }.requirement.complete i[b-ymoifbpjed] { color:var(--success); }.requirement.blocked[b-ymoifbpjed] { border-color:color-mix(in srgb,var(--danger) 45%,var(--line)); }.requirement.blocked i[b-ymoifbpjed] { color:var(--danger); }.requirement.inprogress i[b-ymoifbpjed] { color:var(--warning); }
.customer-documents[b-ymoifbpjed] { display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--line); }.customer-documents > strong[b-ymoifbpjed]{font-size:11px}.customer-document[b-ymoifbpjed]{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface-1);color:inherit;padding:7px;display:grid;grid-template-columns:18px 1fr 18px;gap:6px;text-align:left;align-items:center}.customer-document span[b-ymoifbpjed]{display:grid}.customer-document small[b-ymoifbpjed]{font-size:9px;color:var(--fg-3);overflow-wrap:anywhere}.customer-document-upload[b-ymoifbpjed]{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:6px}.customer-document-upload label[b-ymoifbpjed]{justify-content:center}.customer-documents>.fm-meta[b-ymoifbpjed]{font-size:9px}
.document-request[b-ymoifbpjed]{display:grid;grid-template-columns:18px 1fr auto;gap:7px;align-items:center;padding:8px;border:1px solid color-mix(in srgb,var(--warning) 45%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--warning) 7%,var(--surface-1))}.document-request>i[b-ymoifbpjed]{color:var(--warning)}.document-request span[b-ymoifbpjed]{display:grid}.document-request small[b-ymoifbpjed]{font-size:9px;color:var(--fg-3)}.document-request.approved[b-ymoifbpjed]{border-color:color-mix(in srgb,var(--success) 45%,var(--line));background:color-mix(in srgb,var(--success) 7%,var(--surface-1))}.document-request.approved>i[b-ymoifbpjed]{color:var(--success)}.document-request.rejected[b-ymoifbpjed]{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.document-request .request-reason[b-ymoifbpjed]{color:var(--danger)}
.portal-preferences[b-ymoifbpjed]{padding:0 16px 16px;display:grid;gap:10px;max-width:820px}.portal-preferences>label[b-ymoifbpjed],.preference-required[b-ymoifbpjed]{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.portal-preferences>label span[b-ymoifbpjed],.preference-required span[b-ymoifbpjed]{display:grid;gap:3px}.portal-preferences small[b-ymoifbpjed]{color:var(--fg-3);font-weight:400}.portal-preferences input[type=checkbox][b-ymoifbpjed]{width:38px;height:20px;accent-color:var(--portal-primary)}.preference-required[b-ymoifbpjed]{grid-template-columns:24px 1fr auto;border-color:color-mix(in srgb,var(--portal-accent) 35%,var(--line))}.preference-required>i[b-ymoifbpjed]{color:var(--portal-accent);font-size:19px}.preference-required>b[b-ymoifbpjed]{font-size:11px;color:var(--portal-accent)}.preference-footer[b-ymoifbpjed]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:4px}
.portal-support-existing[b-ymoifbpjed]{margin:0 14px 10px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid var(--portal-primary);border-radius:8px}.portal-support-existing>i[b-ymoifbpjed]{color:var(--portal-primary);font-size:18px}.portal-support-existing span[b-ymoifbpjed]{display:grid}.portal-support-existing small[b-ymoifbpjed]{font-size:9px;color:var(--fg-3)}.portal-support-create[b-ymoifbpjed]{padding:0 14px 14px;display:grid;grid-template-columns:160px 120px 1fr 220px;gap:7px}.portal-support-create textarea[b-ymoifbpjed]{grid-column:1/-2}.portal-support-list[b-ymoifbpjed]{padding:0 14px 14px;display:grid;gap:9px}.portal-support-case[b-ymoifbpjed]{border:1px solid var(--line);border-left:3px solid var(--portal-primary);border-radius:8px;overflow:hidden}.portal-support-case.high[b-ymoifbpjed]{border-left-color:var(--warning)}.portal-support-case.urgent[b-ymoifbpjed]{border-left-color:var(--danger)}.portal-support-case>header[b-ymoifbpjed]{padding:10px;display:flex;justify-content:space-between}.portal-support-case>header span:first-child[b-ymoifbpjed]{display:grid}.portal-support-case>header small[b-ymoifbpjed]{font-size:9px;color:var(--fg-3)}.portal-support-thread[b-ymoifbpjed]{padding:9px;border-top:1px solid var(--line);display:grid;gap:6px;max-height:260px;overflow:auto}.portal-support-thread>div[b-ymoifbpjed]{padding:8px;border-radius:7px;background:var(--surface-2);max-width:85%}.portal-support-thread>div.operator[b-ymoifbpjed]{margin-left:auto;background:color-mix(in srgb,var(--portal-primary) 9%,var(--surface-2))}.portal-support-thread p[b-ymoifbpjed]{margin:2px 0;font-size:10px}.portal-support-thread small[b-ymoifbpjed]{font-size:8px;color:var(--fg-3)}.portal-support-reply[b-ymoifbpjed]{padding:8px;display:grid;grid-template-columns:1fr auto;gap:6px;background:var(--surface-2)}.portal-support-case>footer[b-ymoifbpjed]{padding:7px 10px;display:flex;justify-content:space-between;font-size:8px;color:var(--fg-3)}
@media (max-width:850px) { .portal-workspace-nav[b-ymoifbpjed]{grid-template-columns:1fr 1fr}.portal-kpis[b-ymoifbpjed]{grid-template-columns:1fr 1fr}.portal-action-grid[b-ymoifbpjed]{grid-template-columns:1fr}.portal-actions[b-ymoifbpjed]{grid-template-columns:1fr}.portal-grid-list[b-ymoifbpjed]{grid-template-columns:1fr}.timeline-strip[b-ymoifbpjed]{overflow:auto;grid-template-columns:repeat(8,90px)}.portal-support-create[b-ymoifbpjed]{grid-template-columns:1fr 1fr}.portal-support-create textarea[b-ymoifbpjed]{grid-column:1/-1}.portal-support-create button[b-ymoifbpjed]{grid-column:1/-1} }
@media (max-width:850px) { .portal-air .air-search[b-ymoifbpjed]{grid-template-columns:1fr 1fr} }
@media (max-width:650px) { .customer-exception-choice[b-ymoifbpjed]{grid-template-columns:1fr}.customer-exception-choice label[b-ymoifbpjed],.customer-exception-choice small[b-ymoifbpjed]{grid-column:auto} }
@media (max-width:520px) { .portal-workspace-nav[b-ymoifbpjed],.customer-document-upload[b-ymoifbpjed]{grid-template-columns:1fr}.portal-action-head[b-ymoifbpjed]{display:grid}.portal-action[b-ymoifbpjed]{grid-template-columns:22px minmax(0,1fr) auto}.portal-action>i:last-child[b-ymoifbpjed]{display:none}.document-request[b-ymoifbpjed]{grid-template-columns:18px 1fr}.document-request label[b-ymoifbpjed]{grid-column:2}.portal-hero[b-ymoifbpjed]{align-items:flex-start}.portal-account[b-ymoifbpjed]{display:none}.portal-kpis[b-ymoifbpjed]{grid-template-columns:1fr}.portal-form[b-ymoifbpjed],.portal-air .air-search[b-ymoifbpjed]{grid-template-columns:1fr}.portal-field.full[b-ymoifbpjed]{grid-column:auto}.portal-air .air-search button[b-ymoifbpjed]{grid-column:auto}.requirement[b-ymoifbpjed]{grid-template-columns:18px 1fr}.requirement em[b-ymoifbpjed]{grid-column:2}.preference-required[b-ymoifbpjed]{grid-template-columns:22px 1fr}.preference-required>b[b-ymoifbpjed]{grid-column:2}.preference-footer[b-ymoifbpjed]{align-items:stretch;flex-direction:column} }
@media (max-width:520px) { .portal-source-health[b-ymoifbpjed]{grid-template-columns:20px 1fr}.portal-source-health button[b-ymoifbpjed]{grid-column:1/-1} }
.shipment-exception[b-ymoifbpjed]{display:grid;gap:3px;padding:10px 12px;border-radius:7px;background:color-mix(in srgb,var(--warning) 9%,transparent)}
.freight-response[b-ymoifbpjed]{margin:8px 0 10px;padding:10px;border:1px solid color-mix(in srgb,var(--portal-primary) 24%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--portal-primary) 5%,transparent);display:grid;gap:8px}
.freight-response .saved[b-ymoifbpjed]{display:flex;gap:8px;color:var(--portal-primary)}.freight-response .saved span[b-ymoifbpjed]{display:grid}.freight-response .saved small[b-ymoifbpjed]{color:var(--fg-3)}
.freight-response .saved em[b-ymoifbpjed]{font-style:normal;color:var(--fg-1);margin-top:4px}
.freight-response .choice[b-ymoifbpjed]{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1.3fr) auto;gap:7px}
.portal-alternative-plan[b-ymoifbpjed]{display:grid;gap:10px;padding:11px;border:1px solid color-mix(in srgb,var(--warning) 48%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--warning) 7%,var(--surface-1))}.portal-alternative-plan>header[b-ymoifbpjed]{display:flex;gap:9px}.portal-alternative-plan>header>i[b-ymoifbpjed]{color:var(--warning);font-size:18px}.portal-alternative-plan>header span[b-ymoifbpjed]{display:grid;gap:3px}.portal-alternative-plan small[b-ymoifbpjed],.portal-alternative-plan em[b-ymoifbpjed]{font-size:9px;color:var(--fg-3);font-style:normal}.decision-recorded[b-ymoifbpjed]{display:flex;gap:8px;padding:8px;border-radius:7px;background:var(--surface-2)}.decision-recorded.accepted>i[b-ymoifbpjed]{color:var(--success)}.decision-recorded.declined>i[b-ymoifbpjed]{color:var(--danger)}.decision-recorded span[b-ymoifbpjed]{display:grid}.plan-decision[b-ymoifbpjed]{display:grid;gap:7px}.plan-decision>div[b-ymoifbpjed]{display:flex;justify-content:flex-end;gap:7px}.plan-decision>small[b-ymoifbpjed]{color:var(--fg-3)}
.portal-auto-resolved[b-ymoifbpjed]{display:flex;gap:10px;margin:0 14px 12px;padding:11px;border:1px solid color-mix(in srgb,var(--success) 45%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--success) 7%,var(--surface-1))}.portal-auto-resolved>i[b-ymoifbpjed]{color:var(--success)}.portal-auto-resolved span[b-ymoifbpjed]{display:grid}.portal-auto-resolved small[b-ymoifbpjed]{color:var(--fg-3)}
.portal-multimodal[b-ymoifbpjed]{margin-top:14px}.portal-multimodal>article[b-ymoifbpjed]{margin:0 14px 10px}.multimodal-strip[b-ymoifbpjed]{display:flex;gap:7px;overflow:auto;margin:12px 0}.multimodal-strip>span[b-ymoifbpjed]{min-width:180px;padding:9px;border:1px solid var(--line);border-radius:7px;display:grid;grid-template-columns:auto 1fr;gap:3px 7px}.multimodal-strip>span.exception[b-ymoifbpjed]{border-color:var(--danger)}.multimodal-strip small[b-ymoifbpjed]{grid-column:1/-1;color:var(--fg-3)}
@media(max-width:720px){.freight-response .choice[b-ymoifbpjed]{grid-template-columns:1fr}.portal-multimodal>article[b-ymoifbpjed]{margin-inline:0}.plan-decision>div[b-ymoifbpjed]{display:grid;grid-template-columns:1fr}.plan-decision button[b-ymoifbpjed]{width:100%}}
.portal-section-actions[b-ymoifbpjed],.portal-shipment-actions[b-ymoifbpjed]{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.shipment-card.attention[b-ymoifbpjed],.air-shipment-card.attention[b-ymoifbpjed]{border-left:3px solid var(--danger)}
.portal-shipment-readiness[b-ymoifbpjed]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0}
.portal-shipment-readiness>div[b-ymoifbpjed]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2)}
.portal-shipment-readiness>div>i[b-ymoifbpjed]{font-size:17px;color:var(--fg-3)}
.portal-shipment-readiness span[b-ymoifbpjed]{display:grid;min-width:0}
.portal-shipment-readiness small[b-ymoifbpjed]{font-size:8px;text-transform:uppercase;color:var(--fg-3)}
.portal-shipment-readiness strong[b-ymoifbpjed]{font-size:10px}
.portal-shipment-readiness em[b-ymoifbpjed]{font-size:9px;font-style:normal;color:var(--fg-3)}
.portal-shipment-readiness .ready[b-ymoifbpjed]{border-color:color-mix(in srgb,var(--success) 45%,var(--line))}
.portal-shipment-readiness .ready>i[b-ymoifbpjed]{color:var(--success)}
.portal-shipment-readiness .open[b-ymoifbpjed]{border-color:color-mix(in srgb,var(--portal-primary) 48%,var(--line))}
.portal-shipment-readiness .open>i[b-ymoifbpjed]{color:var(--portal-primary)}
.portal-shipment-readiness .pending>i[b-ymoifbpjed]{color:var(--warning)}
.portal-shipment-readiness .attention[b-ymoifbpjed]{border-color:color-mix(in srgb,var(--danger) 55%,var(--line));background:color-mix(in srgb,var(--danger) 5%,var(--surface-2))}
.portal-shipment-readiness .attention>i[b-ymoifbpjed]{color:var(--danger)}
.shipment-readiness-alert[b-ymoifbpjed]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:9px 10px;margin:8px 0;border:1px solid color-mix(in srgb,var(--danger) 48%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--danger) 6%,var(--surface-1))}
.shipment-readiness-alert>i[b-ymoifbpjed]{color:var(--danger)}
.shipment-readiness-alert span[b-ymoifbpjed]{display:grid}
.shipment-readiness-alert small[b-ymoifbpjed]{font-size:9px;color:var(--fg-3)}
.shipment-actions[b-ymoifbpjed]{flex-wrap:wrap}.shipment-actions .fm-meta[b-ymoifbpjed]{white-space:nowrap}
@media(max-width:620px){.portal-shipment-readiness[b-ymoifbpjed]{grid-template-columns:1fr}.portal-section-actions[b-ymoifbpjed],.portal-shipment-actions[b-ymoifbpjed]{display:grid;grid-template-columns:1fr}.portal-section-actions .fm-btn[b-ymoifbpjed],.portal-shipment-actions .fm-btn[b-ymoifbpjed]{justify-content:center}.shipment-actions .fm-meta[b-ymoifbpjed]{margin-left:0;width:100%}}
/* _content/FreightMaster.Web/Shared/MainLayout.razor.rz.scp.css */
.page[b-a2goe53vr6] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-a2goe53vr6] {
    flex: 1;
}

.sidebar[b-a2goe53vr6] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-a2goe53vr6] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-a2goe53vr6]  a, .top-row .btn-link[b-a2goe53vr6] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-a2goe53vr6] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-a2goe53vr6] {
        display: none;
    }

    .top-row.auth[b-a2goe53vr6] {
        justify-content: space-between;
    }

    .top-row a[b-a2goe53vr6], .top-row .btn-link[b-a2goe53vr6] {
        margin-left: 0;
    }
}

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

    .sidebar[b-a2goe53vr6] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-a2goe53vr6] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-a2goe53vr6], article[b-a2goe53vr6] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/FreightMaster.Web/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-kqui9867d0] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-kqui9867d0] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-kqui9867d0] {
    font-size: 1.1rem;
}

.oi[b-kqui9867d0] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-kqui9867d0] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-kqui9867d0] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-kqui9867d0] {
        padding-bottom: 1rem;
    }

    .nav-item[b-kqui9867d0]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-kqui9867d0]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-kqui9867d0]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

    .collapse[b-kqui9867d0] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-kqui9867d0] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
