/* ============================================================
   FLEET FOCUS — redrawn app screens (Ops, Shop, Driver app)
   Drawn from the live apps' own tokens (Oct 2026): Hanken
   Grotesk + JetBrains Mono, orange #E8631F, navy #1B2A4A,
   gray page #F5F6F8, near-square corners. Demo data only.
   Prefix: ffm-
   ============================================================ */

.ffm { font-family: "Hanken Grotesk", var(--font-text), sans-serif; font-size: 11px; line-height: 1.35; color: #3C434D; text-align: left; }
.ffm b { color: #161B21; font-weight: 700; }
.ffm em { font-style: normal; }
.ffm-mono { font-family: "JetBrains Mono", var(--font-mono), monospace; font-variant-numeric: tabular-nums; }
.ffm-muted { color: #646C77; }
.ffm-link { color: #BD4F14; font-weight: 600; }
.r { text-align: right; }
.ffm-sq { width: 18px; height: 18px; border-radius: 4px; background: #E8631F; color: #fff; display: inline-flex; align-items: center; justify-content: center; flex: none; }

/* Buttons and badges, as in the apps */
.ffm-btn { display: inline-flex; align-items: center; gap: 4px; padding: 4px 9px; border: 1px solid #CBCFD5; border-radius: 4px; background: #fff; font-weight: 600; font-size: 10.5px; color: #161B21; white-space: nowrap; }
.ffm-btn--sm { padding: 3px 7px; font-size: 10px; }
.ffm-btn--primary { background: #E8631F; border-color: #E8631F; color: #fff; }
.ffm-btn--navy { background: #1B2A4A; border-color: #1B2A4A; color: #fff; }
.ffm-btn--ghost { border-color: transparent; color: #646C77; }
.ffm-btn--ok { background: #F0FDF4; border-color: #BBF7D0; color: #166534; }
.ffm-btn.is-dis { opacity: 0.45; }
.ffm-badge { display: inline-flex; align-items: center; padding: 1px 7px; border-radius: 999px; font-size: 10px; font-weight: 600; white-space: nowrap; }
.ffm-badge--ok { background: #F0FDF4; color: #166534; }
.ffm-badge--warn { background: #FFFBEB; color: #92400E; }
.ffm-badge--bad { background: #FEF2F2; color: #B91C1C; }
.ffm-badge--info { background: #EFF6FF; color: #1D4ED8; }
.ffm-sb { display: inline-flex; align-items: center; gap: 4px; padding: 1px 7px 1px 6px; border-radius: 999px; font-size: 10px; white-space: nowrap; }
.ffm-sb i { width: 5px; height: 5px; border-radius: 50%; }
.ffm-sb b { color: inherit; font-weight: 600; }
.ffm-tag { display: inline-block; margin-left: 5px; padding: 0 5px; border-radius: 3px; background: #FFFBEB; color: #92400E; font-size: 9.5px; font-weight: 600; font-style: normal; }
.ffm-tag--gray { margin-left: 0; background: #F1F3F5; color: #3C434D; }
.ffm-input { display: inline-flex; align-items: center; padding: 3px 8px; border: 1px solid #CBCFD5; border-radius: 4px; background: #fff; color: #646C77; white-space: nowrap; }
.ffm-card { background: #fff; border: 1px solid #E2E5E9; border-radius: 5px; }

/* Page header band, body */
.ffm-ph { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; padding: 11px 14px 9px; background: #fff; border-bottom: 1px solid #E2E5E9; }
.ffm-ph__t { font-size: 14px; font-weight: 600; color: #161B21; }
.ffm-ph__s { margin-top: 2px; color: #646C77; display: flex; align-items: center; gap: 6px; }
.ffm-ph__row { display: flex; align-items: center; gap: 7px; margin-top: 2px; }
.ffm-ph__act { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; justify-content: flex-end; }
.ffm-crumb { font-size: 9.5px; color: #646C77; margin-bottom: 2px; }
.ffm-body { padding: 10px 14px; display: flex; flex-direction: column; gap: 9px; }

/* ===================== OPS ===================== */
.ffm-ops { display: grid; grid-template-columns: 138px 1fr; min-height: 452px; background: #F5F6F8; }
.ffm-ops__side { background: #fff; border-right: 1px solid #E2E5E9; padding: 10px 8px; display: flex; flex-direction: column; gap: 6px; }
.ffm-ops__brand { display: flex; align-items: center; gap: 6px; font-weight: 800; color: #161B21; font-size: 11.5px; margin-bottom: 2px; }
.ffm-ops__ask { display: flex; align-items: center; gap: 4px; padding: 4px 6px; border: 1px solid #E2E5E9; border-radius: 4px; color: #8B929C; font-size: 10px; }
.ffm-ops__ask kbd { margin-left: auto; font-family: "JetBrains Mono", monospace; font-size: 8.5px; color: #8B929C; }
.ffm-ops__ws { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; }
.ffm-ops__ws span { padding: 3px 0; text-align: center; border-radius: 3px; background: #F1F3F5; font-size: 9.5px; font-weight: 600; color: #3C434D; }
.ffm-ops__ws span.is-on { background: #161B21; color: #fff; }
.ffm-ops__co { display: flex; align-items: center; justify-content: space-between; padding: 3px 6px; border: 1px solid #CBCFD5; border-radius: 4px; font-size: 10px; color: #161B21; }
.ffm-ops__co svg { color: #8B929C; }
.ffm-ops__h { font-family: "JetBrains Mono", monospace; font-size: 8.5px; letter-spacing: 0.1em; color: #8B929C; margin: 4px 0 2px 4px; }
.ffm-ops__item { padding: 3px 6px; border-radius: 4px; font-size: 10.5px; color: #3C434D; }
.ffm-ops__item.is-on { background: #FDF1E8; color: #AC4712; font-weight: 600; }
.ffm-ops__main { min-width: 0; }

.ffm-focus { border-left: 4px solid #E8631F; padding: 10px 12px; display: flex; flex-direction: column; gap: 7px; align-items: flex-start; }
.ffm-focus__eb { font-size: 9px; font-weight: 700; letter-spacing: 0.06em; color: #BD4F14; }
.ffm-focus__row { display: flex; align-items: center; gap: 8px; }
.ffm-focus__t { font-size: 17px; font-weight: 600; color: #161B21; }
.ffm-focus__msg { color: #3C434D; }
.ffm-steps { display: flex; gap: 4px; flex-wrap: wrap; }
.ffm-step { display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px 2px 3px; border-radius: 999px; background: #F1F3F5; font-size: 9.5px; color: #646C77; }
.ffm-step i { width: 14px; height: 14px; border-radius: 50%; background: #CBCFD5; color: #fff; font-style: normal; font-size: 8.5px; display: inline-flex; align-items: center; justify-content: center; }
.ffm-step.is-done { background: #F0FDF4; color: #166534; }
.ffm-step.is-done i { background: #16A34A; }
.ffm-step.is-now { background: #FDF1E8; color: #AC4712; font-weight: 600; }
.ffm-step.is-now i { background: #E8631F; }
.ffm-list__h { padding: 7px 12px; font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 0.08em; color: #8B929C; border-bottom: 1px solid #E2E5E9; }
.ffm-list__r { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; padding: 7px 12px; border-bottom: 1px solid #F1F3F5; }
.ffm-list__r:last-child { border-bottom: none; }
.ffm-list__r em { margin-left: 6px; color: #646C77; }

.ffm-ph--grid { align-items: center; }
.ffm-next { margin: 8px 14px 0; padding: 6px 10px; border-left: 3px solid #E8631F; background: #fff; border-radius: 3px; }
.ffm-tools { display: flex; align-items: center; gap: 5px; padding: 8px 14px 6px; flex-wrap: wrap; }
.ffm-chip { padding: 2px 7px; border: 1px solid #E2E5E9; border-radius: 999px; background: #fff; font-size: 9.5px; color: #3C434D; }
.ffm-chip b { margin-left: 2px; }
.ffm-tools__r { margin-left: auto; display: flex; gap: 5px; }
.ffm-grid { margin: 0 14px 12px; background: #fff; border: 1px solid #E2E5E9; border-radius: 5px; overflow: hidden; }
.ffm-grid__h, .ffm-grid__r { display: grid; grid-template-columns: 78px repeat(7, 1fr) 54px; align-items: stretch; }
.ffm-grid__h span { padding: 5px 4px; background: #F8F9FA; border-bottom: 1px solid #E2E5E9; font-size: 8.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #646C77; text-align: center; }
.ffm-grid__h span:first-child { text-align: left; padding-left: 7px; }
.ffm-grid__h span.is-sun { background: #FDF6F0; }
.ffm-grid__r { border-bottom: 1px solid #F1F3F5; }
.ffm-grid__r.is-alt { background: #F8FAFC; }
.ffm-grid__n { padding: 5px 7px; font-weight: 600; color: #161B21; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ffm-grid__sum { padding: 5px 6px; text-align: right; font-family: "JetBrains Mono", monospace; font-weight: 600; color: #161B21; font-size: 10px; }
.ffm-cell { margin: 2px; border-radius: 3px; display: flex; align-items: center; justify-content: center; gap: 3px; font-family: "JetBrains Mono", monospace; font-size: 9.5px; font-weight: 600; color: #161B21; min-height: 22px; }
.ffm-plate { font-style: normal; padding: 0 3px; border-radius: 2px; background: #fff; border: 1px solid #1B2A4A33; color: #1B2A4A; font-size: 8.5px; }
.ffm-cell--g { background: #BBF7D0; }
.ffm-cell--p { background: #DDD6FE; }
.ffm-cell--y { background: #FDE047; font-family: "Hanken Grotesk", sans-serif; font-weight: 600; }
.ffm-cell--o { background: #D1D5DB; font-family: "Hanken Grotesk", sans-serif; }
.ffm-cell--s { background: #EF4444; color: #fff; font-family: "Hanken Grotesk", sans-serif; }
.ffm-cell--empty { color: #F2B48C; font-weight: 400; }
.ffm-cell--empty.is-sun { background: #FDF6F0; }

.ffm-attn { padding: 8px 12px; display: flex; flex-direction: column; gap: 5px; }
.ffm-attn__t { display: flex; align-items: center; gap: 5px; font-weight: 700; color: #161B21; }
.ffm-attn__t svg { color: #E8631F; }
.ffm-attn__r { display: flex; align-items: center; gap: 6px; }
.ffm-kpis { display: grid; gap: 7px; }
.ffm-kpis--5 { grid-template-columns: repeat(5, 1fr); }
.ffm-kpis--4 { grid-template-columns: repeat(4, 1fr); }
.ffm-kpi { background: #fff; border: 1px solid #E2E5E9; border-radius: 5px; padding: 8px 9px; min-width: 0; }
.ffm-kpi__l { font-size: 8.5px; text-transform: uppercase; letter-spacing: 0.04em; color: #646C77; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ffm-kpi__v { margin-top: 3px; font-size: 17px; font-weight: 700; color: #161B21; }
.ffm-kpi__s { font-size: 9.5px; color: #646C77; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ffm-kpis--2 { grid-template-columns: 1.4fr 1fr; }
.ffm-widget { padding: 8px 10px; display: flex; flex-direction: column; gap: 5px; }
.ffm-widget__t { font-weight: 700; color: #161B21; margin-bottom: 1px; }
.ffm-bar { display: grid; grid-template-columns: 62px 1fr 70px; gap: 6px; align-items: center; }
.ffm-bar i { height: 6px; border-radius: 3px; background: #F1F3F5; overflow: hidden; }
.ffm-bar i b { display: block; height: 100%; background: #E8631F; }
.ffm-bar em { color: #646C77; text-align: right; font-size: 10px; }
.ffm-dod { display: flex; justify-content: space-between; }
.ffm-dod .is-up { color: #15803D; }
.ffm-dod .is-down { color: #B91C1C; }

/* ===================== SHOP ===================== */
.ffm-shop { display: grid; grid-template-columns: 132px 1fr; min-height: 452px; background: #F5F6F8; }
.ffm-shop__side { background: #1B2A4A; padding: 10px 7px; display: flex; flex-direction: column; gap: 1px; }
.ffm-shop__brand { display: flex; align-items: center; gap: 6px; font-weight: 800; color: #fff; font-size: 11px; margin-bottom: 6px; padding-left: 3px; }
.ffm-shop__h { font-family: "JetBrains Mono", monospace; font-size: 8.5px; letter-spacing: 0.1em; color: #8FA0C0; margin: 7px 0 2px 6px; }
.ffm-shop__item { display: flex; justify-content: space-between; padding: 4px 6px; border-radius: 4px; color: #C9D2E3; font-size: 10.5px; }
.ffm-shop__item b { color: #F09F6B; font-family: "JetBrains Mono", monospace; font-weight: 600; }
.ffm-shop__item.is-on { background: #2A3D66; color: #fff; font-weight: 600; }
.ffm-shop__user { margin-top: auto; display: flex; align-items: center; gap: 5px; padding: 6px 4px 0; border-top: 1px solid #2A3D66; color: #fff; font-size: 10px; }
.ffm-shop__user span { width: 18px; height: 18px; border-radius: 50%; background: #2A3D66; display: inline-flex; align-items: center; justify-content: center; font-size: 8px; font-weight: 700; }
.ffm-shop__user em { color: #8FA0C0; margin-left: auto; }
.ffm-shop__main { min-width: 0; }
.ffm-clock { display: flex; align-items: center; gap: 6px; padding: 5px 14px; background: #FFFBEB; border-bottom: 1px solid #FDE68A; color: #92400E; }
.ffm-clock b { color: #92400E; }
.ffm-clock .ffm-btn { margin-left: auto; }
.ffm-filters { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.ffm-search { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; min-width: 150px; border: 1px solid #CBCFD5; border-radius: 4px; background: #fff; color: #8B929C; }
.ffm-seg { display: inline-flex; border: 1px solid #CBCFD5; border-radius: 4px; overflow: hidden; background: #fff; }
.ffm-seg > * { padding: 3px 7px; font-size: 10px; color: #3C434D; border-right: 1px solid #E2E5E9; }
.ffm-seg > *:last-child { border-right: none; }
.ffm-seg b { background: #1B2A4A; color: #fff; }
.ffm-new { display: flex; align-items: center; gap: 8px; padding: 7px 10px; }
.ffm-new__l { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; color: #161B21; }
.ffm-new__l svg { color: #E8631F; }
.ffm-new .ffm-input { flex: 1; }
.ffm-table__h, .ffm-table__r { display: grid; gap: 8px; align-items: center; padding: 6px 10px; }
.ffm-table__h { background: #F8F9FA; border-bottom: 1px solid #E2E5E9; font-size: 9.5px; font-weight: 600; color: #4F5762; }
.ffm-table__r { border-bottom: 1px solid #F1F3F5; }
.ffm-table__r:last-child { border-bottom: none; }
.ffm-wo { grid-template-columns: 28px 1.5fr 1.1fr 84px 40px; }
.ffm-wo > span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ffm-fl { grid-template-columns: 38px 1fr 92px 46px 30px 68px 52px; }
.ffm-fl > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ffm-dot::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #15803D; margin-right: 4px; }
.ffm-dot.is-off::before { background: #D97706; }

.ffm-wod { display: grid; grid-template-columns: 1fr 128px; align-items: start; }
.ffm-wod > div:first-child { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ffm-det { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; padding: 9px 11px; }
.ffm-det__f { display: flex; flex-direction: column; gap: 1px; }
.ffm-det__f span { font-size: 9px; color: #646C77; }
.ffm-det__vin { grid-column: 1 / -1; }
.ffm-det__vin b { display: inline-block; padding: 2px 6px; background: #F1F3F5; border-radius: 3px; letter-spacing: 0.08em; font-weight: 500; }
.ffm-det__vin i { font-style: normal; font-weight: 700; color: #DC2626; }
.ffm-svc__head { display: flex; align-items: center; justify-content: space-between; }
.ffm-svc { padding: 8px 11px; display: flex; flex-direction: column; gap: 4px; }
.ffm-svc__t { display: flex; align-items: center; gap: 6px; }
.ffm-svc__t .ffm-mono { margin-left: auto; font-weight: 700; color: #161B21; }
.ffm-svc__sec { margin-top: 3px; font-size: 8.5px; font-weight: 700; letter-spacing: 0.06em; color: #646C77; }
.ffm-svc__line { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; align-items: center; }
.ffm-who { font-style: normal; padding: 0 5px; border-radius: 3px; background: #EFF6FF; color: #1D4ED8; font-size: 9.5px; }
.ffm-totals { padding: 9px 10px; display: flex; flex-direction: column; gap: 5px; }
.ffm-totals > div { display: flex; justify-content: space-between; color: #3C434D; }
.ffm-totals__h { font-weight: 700; color: #161B21; }
.ffm-totals__all { padding-top: 5px; border-top: 1px solid #E2E5E9; font-size: 13px; font-weight: 700; }
.ffm-totals__all span { color: #161B21; }

/* ===================== DRIVER (phone) ===================== */
.ffm-phone { width: 270px; max-width: 100%; margin-inline: auto; padding: 9px; border-radius: 38px; background: #0E1526; box-shadow: var(--shadow-xl); position: relative; }
.ffm-phone__notch { position: absolute; top: 15px; left: 50%; transform: translateX(-50%); width: 70px; height: 16px; border-radius: 999px; background: #0E1526; z-index: 2; }
.ffm-phone__screen { border-radius: 30px; overflow: hidden; height: 530px; }
.ffm-drv { height: 100%; display: flex; flex-direction: column; background: #F9FAFB; color: #4B5563; }
.ffm-drv__top { display: flex; align-items: center; justify-content: space-between; padding: 30px 14px 10px; background: #1B2A4A; color: #fff; }
.ffm-drv__top b { color: #fff; font-size: 12.5px; }
.ffm-drv__top span { display: inline-flex; align-items: center; gap: 8px; color: #D1D5DB; font-size: 10px; }
.ffm-drv__body { flex: 1; overflow: hidden; padding: 9px 11px; display: flex; flex-direction: column; gap: 6px; }
.ffm-drv__tabs { display: grid; grid-template-columns: repeat(5, 1fr); padding: 6px 4px 14px; background: #1B2A4A; }
.ffm-drv__tabs > span { display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 8.5px; font-weight: 600; color: #9CA3AF; }
.ffm-drv__tabs > span.is-on { color: #F28038; }
.ffm-drv__up { color: #F28038 !important; }
.ffm-drv__up i { width: 36px; height: 36px; margin-top: -20px; border-radius: 50%; background: #D14E10; color: #fff; display: inline-flex; align-items: center; justify-content: center; border: 3px solid #1B2A4A; }
.ffm-drv__who { display: flex; flex-direction: column; }
.ffm-drv__who span { font-size: 9px; color: #6B7280; }
.ffm-drv__who b { font-size: 16px; color: #111827; letter-spacing: -0.01em; }
.ffm-drv__who em { font-size: 10px; color: #6B7280; }
.ffm-dcard { background: #fff; border: 1px solid #E5E7EB; border-radius: 13px; padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
.ffm-dcard b { color: #111827; display: inline-flex; align-items: center; gap: 4px; }
.ffm-dcard small { font-size: 9px; color: #6B7280; }
.ffm-dcard--warn { background: #FFFBEB; border: 2px solid #F59E0B; align-items: flex-start; }
.ffm-dcard--ok { background: #F0FDF4; border-color: #BBF7D0; }
.ffm-dcard--ok b { color: #14532D; }
.ffm-dcard--cta { flex-direction: row; align-items: center; gap: 8px; background: #E8631F; border-color: #E8631F; color: #fff; }
.ffm-dcard--cta b, .ffm-dcard--cta small { color: #fff; }
.ffm-dcard--cta span { display: flex; flex-direction: column; }
.ffm-pill { display: inline-block; margin: 2px 0; padding: 2px 9px; border-radius: 999px; font-size: 9.5px; font-weight: 700; }
.ffm-pill--warn { background: #D97706; color: #fff; }
.ffm-drv__big { font-size: 14px; }
.ffm-drv__label { margin-top: 2px; font-size: 8.5px; font-weight: 700; letter-spacing: 0.08em; color: #6B7280; }
.ffm-drv__two { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.ffm-drv__two b { font-size: 10px; }
.ffm-ico { width: 20px; height: 20px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 2px; }
.ffm-ico--amber { background: #FEF3C7; color: #B45309; }
.ffm-ico--purple { background: #EDE9FE; color: #6D28D9; }
.ffm-drv__amt { font-size: 22px; letter-spacing: -0.02em; }
.ffm-dcard--list { padding: 0; overflow: hidden; gap: 0; }
.ffm-dlist__h { padding: 5px 10px; background: #F3F4F6; font-weight: 700; color: #111827; font-size: 10px; }
.ffm-dlist__r { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 5px 10px; border-top: 1px solid #F3F4F6; }
.ffm-dlist__r > span:first-child { display: flex; flex-direction: column; }
.ffm-dlist__r > span.ffm-dlist__one { flex-direction: row; align-items: baseline; gap: 5px; }
.ffm-dlist__r { padding-block: 4px; }
.ffm-dlist__tot span { font-weight: 700; color: #111827; }
.ffm-drv__title { display: flex; flex-direction: column; }
.ffm-drv__title b { font-size: 15px; color: #111827; }
.ffm-drv__title small { color: #6B7280; font-size: 9.5px; }
.ffm-toggle { display: grid; grid-template-columns: 1fr 1fr; padding: 3px; background: #E5E7EB; border-radius: 999px; text-align: center; font-size: 10px; }
.ffm-toggle > * { padding: 4px 0; border-radius: 999px; color: #4B5563; }
.ffm-toggle b { background: #fff; color: #111827; box-shadow: 0 1px 2px rgba(0,0,0,0.08); justify-content: center; }
.ffm-dcard--step { padding: 0 0 8px; overflow: hidden; gap: 5px; }
.ffm-dstep { display: flex; align-items: center; gap: 6px; padding: 6px 10px; background: #F3F4F6; font-weight: 700; color: #111827; }
.ffm-dstep i { width: 16px; height: 16px; border-radius: 50%; background: #1B2A4A; color: #fff; font-style: normal; font-size: 9px; display: inline-flex; align-items: center; justify-content: center; }
.ffm-buy { margin: 0 10px; padding: 5px 8px; border: 1px solid #E5E7EB; border-radius: 9px; display: flex; flex-direction: column; }
.ffm-buy small { font-size: 9px; color: #6B7280; }
.ffm-buy.is-on { border: 2px solid #E8631F; background: #FFF3EB; }
.ffm-photos { display: flex; gap: 6px; padding: 0 10px; }
.ffm-photos span { width: 46px; height: 58px; border-radius: 7px; background: linear-gradient(160deg, #E5E7EB, #CBD5E1); }
.ffm-photos .is-add { background: #fff; border: 1.5px dashed #CBD5E1; display: inline-flex; align-items: center; justify-content: center; color: #9CA3AF; font-size: 18px; }
.ffm-drv__submit { margin: auto -11px -10px; padding: 8px 11px; background: #1B2A4A; }
.ffm-drv__submit span { display: block; padding: 7px; border-radius: 10px; background: #D14E10; color: #fff; text-align: center; font-weight: 700; }

/* Phones: keep the desktop screens readable and let them scroll in the frame */
@media (max-width: 640px) {
  .ffm-ops, .ffm-shop { min-width: 560px; }
}