/* App-level rules on top of the vendored sapient.css. Keep this file small;
   anything that belongs to the design system goes upstream in Claude Design. */
body { margin: 0; }

/* links inside the design system are styled by their classes, not defaults */
.sap a { color: inherit; text-decoration: none; }
.sap .note a, .sap .note-link { color: var(--ochre-ink); }

/* page-type wrappers */
.sap.app, .sap.home { height: 100vh; width: 100vw; }
.sap.auth { min-height: 100vh; align-items: center; justify-content: center; padding: 32px 16px; }

/* auth card (login / signup) — modal-sized card on paper */
.auth-card { width: 420px; max-width: calc(100% - 32px); background: var(--surface);
  border: 1px solid var(--rule-2); border-radius: 9px; padding: 30px 32px 28px;
  box-shadow: 0 1px 2px rgba(30,34,39,.03), 0 10px 34px rgba(30,34,39,.06); }
.auth-brand { display: flex; align-items: center; gap: 9px; }
.auth-brand .mark { width: 20px; height: 20px; object-fit: contain; }
.auth-card h1 { font-family: var(--serif); font-weight: 700; font-size: 25px;
  letter-spacing: -0.02em; color: var(--ink); margin-top: 12px; }
.auth-lede { font-size: 13.5px; line-height: 1.55; color: var(--ink-2); margin-top: 8px; }
.auth-notice { margin-top: 14px; }
.field { margin-top: 16px; }
.field label { display: block; font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase;
  font-weight: 600; color: var(--ink-3); margin-bottom: 8px; }
.field .hint { margin-top: 6px; font-size: 12px; color: var(--ink-3); }
.errors { margin-top: 16px; font-size: 13px; line-height: 1.5; color: #a33d2e;
  background: #faedea; border: 1px solid #ecd2cb; border-radius: 6px; padding: 10px 14px; }
.errors li { list-style: none; }

/* auth forms read as a page, not a modal: full-width action, hairline-ruled footer links */
.auth-card .mfoot .btn { width: 100%; }
.auth-links { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--rule);
  display: flex; flex-direction: column; gap: 7px; }
.auth-links .note { font-size: 13px; }

/* Source-bar status states beyond the design's "Ingested" default */
.sap .src .st.st-working { color: var(--ink-2); }
.sap .src .st.st-working .d { background: var(--ink-3); }
.sap .src .st.st-failed { color: #a33d2e; }
.sap .src .st.st-failed .d { background: #a33d2e; }