@media (max-width: 900px) {
  :root {
    --a-green:#2f7a4f;
    --a-green-dark:#173e2c;
    --a-green-soft:#e8f4eb;
    --a-bg:#f7f8f6;
    --a-line:#e6e9e5;
    --a-text:#17241d;
    --a-muted:#7a857e;
    --a-orange:#f4a23d;
    --a-red:#e25545;
    --a-shadow:0 5px 22px rgba(28,48,37,.08);
  }

  body.belair-option-a-faithful-enabled {
    background:var(--a-bg) !important;
  }

  body.belair-option-a-faithful-enabled #belair-mobile-v2-nav,
  body.belair-option-a-faithful-enabled #belair-mobile-v2-scan,
  body.belair-option-a-faithful-enabled #belair-mobile-v2-home {
    display:none !important;
  }

  body.belair-option-a-faithful-active .app-shell,
  body.belair-option-a-faithful-active .login-page {
    visibility:hidden !important;
    pointer-events:none !important;
  }

  #belair-option-a-faithful {
    display:none;
  }
  #belair-option-a-faithful.active {
    display:block;
    position:fixed;
    inset:0;
    z-index:9000;
    background:var(--a-bg);
    color:var(--a-text);
    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    overflow:hidden;
  }
  #belair-option-a-faithful *,
  #belair-option-a-faithful *::before,
  #belair-option-a-faithful *::after { box-sizing:border-box; }
  #belair-option-a-faithful button { font:inherit; }
  #belair-option-a-faithful svg {
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .a-mobile-header {
    height:70px;
    padding:max(10px, env(safe-area-inset-top)) 16px 8px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    align-items:center;
    background:#fff;
    border-bottom:1px solid rgba(23,62,44,.06);
    position:fixed;
    inset:0 0 auto 0;
    z-index:4;
  }
  .a-header-button {
    width:40px;
    height:40px;
    border:0;
    border-radius:12px;
    display:grid;
    place-items:center;
    color:#34483d;
    background:transparent;
  }
  .a-header-button:active { background:#eef3ef; }
  .a-header-title {
    text-align:center;
    font-size:15px;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:0 6px;
  }
  .a-bell { position:relative; }
  .a-bell i {
    position:absolute;
    top:7px;
    right:7px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#e23d39;
    border:2px solid #fff;
  }
  .a-brand {
    justify-self:center;
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
  }
  .a-brand img {
    width:38px;
    height:38px;
    object-fit:contain;
    border-radius:10px;
    background:#174b36;
    padding:3px;
  }
  .a-brand span { display:flex; flex-direction:column; line-height:1; }
  .a-brand b { text-transform:uppercase; letter-spacing:.16em; font-size:13px; }
  .a-brand small { color:#4a8b61; font-size:10px; margin-top:4px; font-weight:700; }

  .a-mobile-page {
    position:absolute;
    inset:70px 0 calc(70px + env(safe-area-inset-bottom)) 0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:18px 16px 28px;
    background:var(--a-bg);
  }
  .a-greeting { padding:2px 2px 14px; }
  .a-greeting h1 {
    margin:0;
    font-size:22px;
    letter-spacing:-.025em;
    line-height:1.2;
    color:#15251d;
  }
  .a-greeting h1 span { font-size:20px; }
  .a-greeting p { margin:5px 0 0; color:var(--a-muted); font-size:13px; }

  .a-home-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .a-home-metric {
    min-height:102px;
    padding:13px;
    border:1px solid var(--a-line);
    border-radius:15px;
    background:#fff;
    box-shadow:var(--a-shadow);
    display:flex;
    align-items:flex-start;
    gap:11px;
    text-align:left;
    color:var(--a-text);
  }
  .a-home-metric:active { transform:scale(.985); }
  .a-home-icon {
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:#26814b;
    background:#e7f5eb;
  }
  .a-home-icon svg { width:19px !important; height:19px !important; }
  .a-home-copy { min-width:0; display:grid; grid-template-columns:1fr auto; column-gap:5px; align-items:start; width:100%; }
  .a-home-copy strong { grid-column:1/-1; font-size:12px; line-height:1.18; min-height:28px; }
  .a-home-copy b { font-size:21px; line-height:1; margin-top:7px; color:#192820; }
  .a-home-copy small { align-self:end; justify-self:end; color:var(--a-muted); font-size:9px; text-align:right; line-height:1.1; }

  .a-primary-action,
  .a-secondary-action,
  .a-media-action {
    width:100%;
    min-height:50px;
    margin-top:13px;
    border-radius:10px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
  }
  .a-primary-action {
    color:#fff;
    background:linear-gradient(180deg,#41a95e,#2e8b4b);
    box-shadow:0 8px 18px rgba(46,139,75,.2);
  }
  .a-primary-action svg { width:20px !important; height:20px !important; }
  .a-secondary-action {
    color:#23452f;
    background:#eff1ee;
    border:1px solid #e2e6e2;
  }
  .a-media-action {
    color:#233b2e;
    background:#fff;
    border:1px solid var(--a-line);
  }
  .a-primary-action strong,
  .a-secondary-action strong,
  .a-media-action strong { font-size:13px; }

  .a-today-strip {
    margin-top:16px;
    padding:15px;
    border-radius:15px;
    border:1px solid var(--a-line);
    background:#fff;
    box-shadow:var(--a-shadow);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .a-today-strip div { display:flex; flex-direction:column; gap:3px; }
  .a-today-strip strong { font-size:14px; }
  .a-today-strip small { font-size:10px; color:var(--a-muted); line-height:1.25; }
  .a-today-strip button {
    border:0;
    color:var(--a-green);
    background:transparent;
    display:flex;
    align-items:center;
    gap:4px;
    font-weight:750;
    white-space:nowrap;
    font-size:11px;
  }
  .a-today-strip svg { width:15px !important; height:15px !important; }

  .a-bottom-nav {
    height:calc(70px + env(safe-area-inset-bottom));
    padding:5px 7px env(safe-area-inset-bottom);
    position:fixed;
    inset:auto 0 0 0;
    z-index:4;
    background:rgba(255,255,255,.98);
    border-top:1px solid #e7ebe7;
    box-shadow:0 -5px 18px rgba(32,52,40,.06);
    display:grid;
    grid-template-columns:repeat(5,1fr);
  }
  .a-bottom-nav button {
    border:0;
    background:transparent;
    color:#89938d;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border-radius:11px;
    min-width:0;
  }
  .a-bottom-nav button.active { color:#2c8250; }
  .a-bottom-nav button.active span { background:#e7f4e9; }
  .a-bottom-nav span { width:34px; height:29px; border-radius:10px; display:grid; place-items:center; }
  .a-bottom-nav svg { width:20px !important; height:20px !important; }
  .a-bottom-nav small { font-size:9px; font-weight:700; }

  .a-tasks-page { padding-top:15px; }
  .a-filter-row {
    position:sticky;
    top:-15px;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
    padding:0 0 13px;
    background:linear-gradient(180deg,var(--a-bg) 80%,rgba(247,248,246,0));
  }
  .a-filter-row button {
    min-height:32px;
    border:0;
    border-radius:18px;
    background:#ecefed;
    color:#67716b;
    font-size:10px;
    font-weight:750;
  }
  .a-filter-row button.active { background:#2c7950; color:#fff; }
  .a-task-list { display:flex; flex-direction:column; gap:9px; }
  .a-task-card {
    position:relative;
    width:100%;
    min-height:79px;
    padding:12px 10px 12px 15px;
    border:1px solid #e7ebe7;
    border-radius:13px;
    background:#fff;
    box-shadow:0 4px 15px rgba(31,52,39,.055);
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    text-align:left;
    overflow:hidden;
  }
  .a-task-card:active { transform:scale(.99); }
  .a-task-stripe { position:absolute; inset:0 auto 0 0; width:3px; background:#6ab37b; }
  .a-task-stripe.urgent,.a-task-stripe.high { background:#ef5149; }
  .a-task-stripe.medium { background:#f0a43d; }
  .a-task-stripe.low { background:#5fbd7c; }
  .a-task-copy { min-width:0; display:flex; flex-direction:column; }
  .a-task-copy strong { font-size:12px; line-height:1.25; color:#17241d; }
  .a-task-copy small { margin-top:3px; color:#d05a45; font-size:9px; font-weight:700; }
  .a-task-copy em { margin-top:3px; font-style:normal; color:#7a857e; font-size:9px; }
  .a-task-priority {
    min-width:38px;
    padding:4px 7px;
    border-radius:7px;
    font-size:8px;
    font-weight:850;
    text-transform:uppercase;
    text-align:center;
  }
  .a-task-priority.urgent,.a-task-priority.high { color:#d94a38; background:#ffe7e2; }
  .a-task-priority.medium { color:#b36f05; background:#fff0cf; }
  .a-task-priority.low { color:#357d4c; background:#e5f3e8; }
  .a-empty { padding:40px 20px; text-align:center; color:var(--a-muted); display:flex; flex-direction:column; gap:5px; }
  .a-empty strong { color:var(--a-text); }

  .a-detail-page { padding-top:13px; }
  .a-status-banner {
    min-height:34px;
    border-radius:8px;
    display:grid;
    place-items:center;
    font-size:10px;
    font-weight:800;
    margin-bottom:12px;
  }
  .a-status-banner.open { background:#fff1d9; color:#c77b05; }
  .a-status-banner.complete { background:#e7f4e9; color:#2b7d4b; }
  .a-detail-card {
    border:1px solid var(--a-line);
    border-radius:14px;
    background:#fff;
    box-shadow:var(--a-shadow);
    padding:14px;
    margin-bottom:11px;
  }
  .a-detail-card > small { color:#6e7a73; text-transform:uppercase; letter-spacing:.08em; font-size:8px; font-weight:800; }
  .a-detail-card h2 { margin:5px 0 3px; font-size:16px; line-height:1.22; }
  .a-detail-card p { margin:0; color:#7b857e; font-size:10px; }
  .a-detail-card dl { margin:13px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .a-detail-card dl div { background:#f6f7f5; border-radius:9px; padding:9px; }
  .a-detail-card dt { color:#7e8882; font-size:8px; }
  .a-detail-card dd { margin:3px 0 0; font-size:10px; font-weight:750; }
  .a-detail-notes { margin-top:12px !important; padding-top:12px; border-top:1px solid #edf0ed; line-height:1.45; }
  .a-card-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
  .a-card-heading div { display:flex; flex-direction:column; gap:3px; }
  .a-card-heading small { color:#7d8881; font-size:9px; }
  .a-card-heading strong { font-size:11px; }
  .a-card-heading b { color:#2d8050; font-size:12px; }
  .a-progress { height:4px; background:#e6ece7; border-radius:10px; overflow:hidden; margin:10px 0 8px; }
  .a-progress span { display:block; height:100%; background:#39a35a; }
  .a-check-list { display:flex; flex-direction:column; }
  .a-check-row { min-height:34px; display:flex; align-items:center; gap:9px; border-bottom:1px solid #f0f2ef; }
  .a-check-row:last-child { border-bottom:0; }
  .a-check-row span { width:17px; height:17px; border:1.5px solid #a6b0aa; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:10px; }
  .a-check-row.done span { background:#32a456; border-color:#32a456; }
  .a-check-row strong { font-size:10px; font-weight:600; }

  /* Native routes also receive a more faithful Option A structure. */
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) .sidebar,
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) .topbar,
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) .mobile-nav {
    display:none !important;
  }
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) .main-column { width:100% !important; }
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) .page-content {
    padding:16px 14px calc(88px + env(safe-area-inset-bottom)) !important;
    background:var(--a-bg) !important;
  }
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) .page-header {
    position:sticky;
    top:0;
    z-index:5;
    margin:-16px -14px 12px !important;
    padding:max(15px,env(safe-area-inset-top)) 16px 13px !important;
    background:#fff !important;
    border-bottom:1px solid #e8ebe8;
    min-height:62px;
  }
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) .page-header h1 { font-size:17px !important; text-align:center; }
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) .page-header p { display:none !important; }
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) .panel,
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) .table-card,
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) .job-card,
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) .site-card,
  body.belair-option-a-faithful-enabled:not(.belair-option-a-faithful-active) [class*="-card"] {
    border-radius:14px !important;
    border-color:var(--a-line) !important;
    background:#fff !important;
    box-shadow:var(--a-shadow) !important;
  }
}