/* JLog Chrome — Typography, spacing, and professional details */

:root {
  /* Typography */
  --font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* Spacing scale */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* Type scale */
  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 28px;
}

/* Apply Inter globally */
body { font-family: var(--font-main); }

/* Monospace for tracking numbers, IDs, codes */
.font-mono,
[data-tracking],
.tracking-number,
.waybill,
.shipment-id,
.invoice-number { font-family: var(--font-mono); letter-spacing: 0.02em; }
td code, span code, code { font-family: var(--font-mono); letter-spacing: 0.02em; }

/* Page footer */
.jl-page-footer {
  text-align: center;
  padding: 20px 16px;
  font-size: 11px;
  color: var(--jl-text-muted);
  border-top: 1px solid var(--jl-border);
  margin-top: 40px;
  font-family: var(--font-main);
}
.jl-page-footer .jl-ver { opacity: 0.7; }

/* Dark mode footer */
html:not(.jn-light) .jl-page-footer {
  color: var(--jl-text-dimmed);
  border-top-color: var(--jl-border-subtle);
}

/* Last synced bar */
.jl-last-sync {
  font-size: 11px;
  color: var(--jl-text-muted);
  padding: 4px 0;
}
.jl-last-sync button {
  background: none;
  border: none;
  color: var(--jl-brand);
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  margin-left: 8px;
  font-family: inherit;
}
html:not(.jn-light) .jl-last-sync { color: var(--jl-text-dimmed); }
html:not(.jn-light) .jl-last-sync button { color: var(--jl-accent); }