/* ShipFlow - Pro ERP look (no Vite) */

/* Dashboard: Welcome/Sign out banner top right */
.fi-dashboard-page .fi-page-header-widgets {
  display: flex;
  justify-content: flex-end;
  margin-top: -0.5rem;
  margin-bottom: -1rem;
}
.fi-dashboard-page .fi-page-header-widgets .fi-widget {
  max-width: 420px;
}

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap");

:root {
  --sf-radius: 14px;
  --sf-font: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
}

/* Pro ERP typography – IBM Plex Sans */
.fi-body,
.fi-main,
.fi-sidebar,
.fi-topbar,
.fi-section,
.fi-card,
.fi-fo-field-wrp,
.fi-btn,
.fi-input,
.fi-select-input {
  font-family: var(--sf-font) !important;
}
.fi-body, .fi-main, .fi-sidebar {
  font-size: 13px;
}

/* Make cards / sections feel premium */
.fi-section, .fi-card, .fi-ta-ctn, .fi-fo-field-wrp {
  border-radius: var(--sf-radius) !important;
}

/* Reduce “empty” feeling and improve density */
.fi-main {
  padding-top: 18px !important;
}

/* Sidebar: more ERP look */
.fi-sidebar {
  border-right: 1px solid rgba(15, 23, 42, 0.08);
}

/* Tables: clearer lines + header stronger */
.fi-ta-header, thead {
  font-weight: 600 !important;
}
.fi-ta-row {
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

/* Buttons slightly stronger */
.fi-btn {
  border-radius: 12px !important;
  font-weight: 600 !important;
}

/* Inputs: nicer */
.fi-input, .fi-select-input, textarea {
  border-radius: 12px !important;
}

/* Shipments list: status action buttons – 60% of reference size */
.shipment-status-action,
.shipment-status-action button,
.shipment-status-action a,
button.shipment-status-action,
a.shipment-status-action {
  min-height: 26px !important;
  padding: 7px 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  line-height: 1.3 !important;
}
.shipment-status-action *,
.shipment-status-action .fi-btn-label,
button.shipment-status-action *,
a.shipment-status-action * {
  font-size: 11px !important;
}
.shipment-status-action .fi-btn-label,
button.shipment-status-action .fi-btn-label,
a.shipment-status-action .fi-btn-label {
  font-size: 11px !important;
  line-height: 1.3 !important;
}
.shipment-status-action .fi-btn-icon,
button.shipment-status-action .fi-btn-icon,
a.shipment-status-action .fi-btn-icon {
  width: 0.75rem !important;
  height: 0.75rem !important;
  font-size: 11px !important;
}

/* PFI list table: reduced font size (target via page class fi-resource-proforma-invoices) */
.fi-resource-proforma-invoices .fi-ta-cell,
.fi-resource-proforma-invoices .fi-ta-header,
.fi-resource-proforma-invoices .fi-ta-col,
.fi-resource-proforma-invoices td,
.fi-resource-proforma-invoices th {
  font-size: 10px !important;
}