/* 3.2.1 core2: the side panel's CORE logo (smaller mark, same text), the Gemini connection check, note attachments.
   Tokens from app.css only; light and dark. */

/* ---------------------------------------------------------------- CORE logo in the side panel
   core-lockup-white-compact.svg: the mark at 78% of its former size, centred on THE CATALYST / CORE. The text keeps
   its size (the image is 52 * 87.36/112 = 40.56px tall) and its height on the page (margins make up the 11.44px). */
.core-lockup .brand-lockup-white-compact { display: block; height: 40.56px; width: auto; max-width: 100%; margin: 5.72px 0; }
/* the phone top bar: the app icon, a little smaller, in the same 32px target */
@media (max-width: 900px) {
  .topbar .topbar-mark { width: 32px; height: 32px; align-items: center; justify-content: center; }
  .topbar .topbar-mark img { width: 26px; height: 26px; border-radius: 7px; }
}

/* ---------------------------------------------------------------- Administration > AI assistant: Check the connection */
.v321-check { border-top: 1px solid var(--border); padding-top: var(--s4); display: grid; gap: var(--s3); min-width: 0; }
.v321-check-title { font-size: 15px; margin: 0; display: flex; flex-wrap: wrap; gap: var(--s2); align-items: center; }
.v321-check-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s3); }
.v321-check-step { display: flex; gap: var(--s3); align-items: flex-start; min-width: 0; }
.v321-check-step .grow { min-width: 0; }
.v321-check-step p { margin: 2px 0 0; }
.v321-check-icon { flex: none; display: inline-flex; margin-top: 2px; }
.v321-check-step.ok .v321-check-icon { color: var(--good, var(--accent-text)); }
.v321-check-step.bad .v321-check-icon { color: var(--warn, var(--danger)); }
.v321-google { white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.5 var(--font-mono, monospace); margin: 4px 0 0;
  padding: var(--s2) var(--s3); border-radius: 8px; background: var(--surface-2, var(--bg)); border: 1px solid var(--border); }
.v321-check-use { display: flex; flex-wrap: wrap; gap: var(--s2); }
.v321-models { overflow-wrap: anywhere; }