/* ============================================================
   MOBILE DESIGN TOKENS — iOS-style design system
   Color palette, typography, spacing for mobile layouts
   ============================================================ */:root{
  /* --- Primary Palette --- */--texas-blue:#002868;--texas-blue-light:#0a3a7a;--texas-blue-50:rgba(0,40,104,.05);

  /* --- Semantic Colors --- */--m-green:#34d399;--m-amber:#fbbf24;--m-red:#f87171;

  /* --- Surfaces --- */--m-surface:#f2f2f7;--m-card:#fff;

  /* --- Text --- */--m-text-primary:#000;--m-text-secondary:#3c3c43;--m-text-muted:#8e8e93;

  /* --- Borders --- */--m-border:rgba(0,0,0,.06);--m-border-separator:rgba(0,0,0,.08);

  /* --- Spacing --- */--m-gutter:16px;--m-card-padding:14px;--m-card-radius:12px;--m-card-gap:8px;--m-btn-padding:14px;--m-btn-radius:12px;

  /* --- Typography --- */--m-type-title-size:26px;--m-type-title-weight:700;--m-type-heading-size:15px;--m-type-heading-weight:600;--m-type-subheading-size:17px;--m-type-subheading-weight:600;--m-type-body-size:14px;--m-type-body-weight:400;--m-type-caption-size:12px;--m-type-caption-weight:400;--m-type-label-size:11px;--m-type-label-weight:600;--m-type-sublabel-size:10px;--m-type-sublabel-weight:500;--m-type-badge-size:10px;--m-type-badge-weight:500}

/* --- Shared Mobile Badge Component --- */
/* Used across dashboard, estimate list, estimate detail. Defined here to avoid cross-task deps. */@media (max-width:1024px){.m-badge{border-radius:6px;display:inline-block;font-size:var(--m-type-badge-size,10px);font-weight:var(--m-type-badge-weight,500);line-height:1.4;padding:2px 8px}.m-badge-blue{background:rgba(59,130,246,.12);color:#2563eb}.m-badge-green{background:rgba(34,197,94,.12);color:#15803d}.m-badge-teal{background:rgba(20,184,166,.12);color:#0d9488}.m-badge-orange{background:rgba(245,158,11,.12);color:#d97706}.m-badge-indigo{background:rgba(99,102,241,.12);color:#4f46e5}.m-badge-emerald{background:rgba(16,185,129,.12);color:#059669}.m-badge-purple{background:rgba(139,92,246,.12);color:#7c3aed}.m-badge-amber{background:rgba(217,119,6,.12);color:#b45309}.m-badge-sky{background:rgba(14,165,233,.12);color:#0284c7}.m-badge-gray{background:hsla(220,9%,46%,.12);color:#4b5563}.m-badge-red{background:rgba(239,68,68,.12);color:#dc2626}.m-badge-slate{background:rgba(148,163,184,.12);color:#64748b}}