/* THE ONE EMPTY-STATE SYSTEM (T10, 2026-09-15). Three levels, one file. Tokens only. */

/* ── Level 1 · page empty: one block, centred, in place of every tile ── */
/* Everything the block stands in for is hidden by ATTRIBUTE, and the attribute must win
   over a page's own display:grid / display:flex on its strips and bars (the user-agent
   [hidden] rule loses to any author rule; T3 fell to the same thing on the door). */
[data-ora-empty-hidden]{display:none!important}
.ora-empty{padding:var(--space-xl) var(--space-md);text-align:center;color:var(--text-tertiary)}
.ora-empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);
  min-height:min(60vh,520px);max-width:440px;margin:0 auto;padding:var(--space-2xl,48px) var(--space-md)}
/* the one illustration style: a FontAwesome glyph in a soft circle, from the set already on the page */
.ora-empty-orb{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--accent) 12%,var(--surface-raised));color:var(--accent);font-size:28px;margin-bottom:var(--space-xs)}
.ora-empty-title{color:var(--text);font-family:var(--font-heading);font-weight:600;font-size:var(--fs-lg)}
.ora-empty-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;max-width:36ch}
.ora-empty-actions{display:flex;gap:var(--space-sm);justify-content:center;align-items:center;flex-wrap:wrap;margin-top:var(--space-sm)}
/* T3 (2026-09-20). WHY THE CONTROL IS OFF, READABLE WITHOUT A HOVER. A disabled
   button with the reason only in a tooltip is the same dead end as a silent
   no-op on a touch screen, which has no hover at all. The sentence is the one
   public.ora_page_import_route() returned; this file only places it. */
.ora-empty-why{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.5;max-width:44ch;margin-top:var(--space-xs);text-align:center}
.ora-empty-upload[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.ora-empty-connect{color:var(--accent);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px}
.ora-empty-connect:hover{color:var(--color-accent-bright,var(--accent))}

/* the mapping sheet, shown before anything is sent */
.ora-empty-map{width:100%;text-align:left;margin-top:var(--space-md)}
.ora-map-head-line{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-sm)}
.ora-map{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.ora-map th{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-tertiary);text-align:left;padding:4px 6px;font-weight:400}
.ora-map td{padding:6px;border-top:1px solid var(--border-subtle);vertical-align:middle}
.ora-map-col{display:flex;flex-direction:column;gap:2px;min-width:0}
.ora-map-head{color:var(--text)}
.ora-map-sample{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:18ch}
.ora-map-arrow{color:var(--text-tertiary);width:1ch}
.ora-map-select{width:100%;font:inherit;font-size:var(--text-sm);color:var(--text);background:var(--surface-raised);
  border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:6px 8px}
.ora-map-select:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.ora-map-select[data-clash]{border-color:var(--warn)}
.ora-map-why{color:var(--warn);max-width:none}

/* the read-back: queued › mapping › importing › done, or the exact failure */
.ora-empty-progress{margin-top:var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);
  display:flex;flex-direction:column;align-items:center;gap:6px}
.ora-empty-steps{display:inline-flex;gap:8px;align-items:center;color:var(--text-tertiary)}
.ora-empty-step.is-current{color:var(--text);font-weight:600}
.ora-empty-step-sep{opacity:.5}
.ora-empty-step-detail{color:var(--text-secondary)}
.ora-empty-progress[data-tone="ok"] .ora-empty-step.is-current{color:var(--ok,var(--accent))}
.ora-empty-progress[data-tone="warn"]{color:var(--warn)}
.ora-empty-progress[data-tone="danger"]{color:var(--danger)}
.ora-empty-failure{font-family:var(--font-body);font-size:var(--text-sm);max-width:44ch;line-height:1.5}
.ora-empty-again{font:inherit;font-size:var(--text-xs);color:var(--text);background:transparent;border:1px solid var(--border-strong);
  border-radius:var(--radius-md);padding:4px 10px;cursor:pointer}
.ora-empty-again:hover{border-color:var(--accent);color:var(--accent)}

/* ── Level 2 · a tile with no number: "–", why, (i). No button, ever. ── */
.ora-tile-empty{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);min-height:64px}
.ora-tile-empty-dash{font-family:var(--font-heading);font-size:var(--fs-xl);line-height:1;color:var(--text-tertiary);font-weight:var(--fw-regular)}
.ora-tile-empty-why{font-size:var(--text-xs);color:var(--text-tertiary)}
.ora-tile-empty-how{position:absolute;top:0;right:0}
/* a centred tile (the home cards) centres the three */
.tile-empty .ora-tile-empty{align-items:center;text-align:center;justify-content:center;min-height:128px}
.tile-empty .ora-tile-empty-how{position:static;margin-top:2px}

/* ── Level 3 · the read failed: one quiet line, one Retry, never a picture ── */
.ora-read-failed{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-secondary)}
.ora-read-failed-line{color:var(--text-secondary)}
.ora-read-failed-last{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}
.ora-read-failed-retry{font:inherit;font-size:var(--text-xs);color:var(--text);background:transparent;border:1px solid var(--border-strong);
  border-radius:var(--radius-md);padding:3px 10px;cursor:pointer}
.ora-read-failed-retry:hover{border-color:var(--accent);color:var(--accent)}
.ora-read-failed-retry:focus-visible{outline:none;box-shadow:var(--focus-ring)}

@media (max-width:480px){
  .ora-empty-page{min-height:50vh;padding:var(--space-xl) var(--space-sm)}
  .ora-map-sample{display:none}
}