/* Helping Trades client portal (John Zalkin; HTL plan Task C4). One page: the desk's calls by day.
   Light only: the shared styles.css is already the light client theme, this file adds the one-page layout.
   No Helping Trades logo is on file yet (2026-10-19), so the sidebar keeps CFG's reversed mark with the
   client name under it, and the phone bar and sign-in screens carry the CFG full-colour mark. */

/* The quick-search palette is not loaded on this portal, so its hint would do nothing. */
.sidebar .cmdk-hint { display: none; }

/* Phones: one page, so the bottom tab bar would hold a single tab. The page carries the mark and
   Sign out instead (nothing is fixed to the bottom of the screen). */
.htl-mobile-bar { display: none; }
@media (max-width: 900px) {
  .app { padding-bottom: 0; }
  .sidebar { display: none !important; }
  .htl-mobile-bar {
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    padding-bottom: 0.875rem; margin-bottom: 1rem; border-bottom: 1px solid var(--border);
  }
  .htl-mobile-bar .htl-mark { display: flex; align-items: center; gap: 0.625rem; min-width: 0; }
  .htl-mobile-bar img { width: 112px; height: auto; display: block; flex: none; }
  .htl-mobile-bar .htl-name { font-weight: 700; font-size: 0.875rem; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/* Sign-in and reset screens: a plain light page, no decorative backdrop. */
.auth-screen { background: var(--bg); }
.auth-screen > p { color: var(--text-muted); }
.auth-card { border: 1px solid var(--border); box-shadow: var(--shadow-sm); }
.auth-card .logo-area img { height: auto; width: 180px; max-width: 100%; display: block; }
.auth-card .htl-client { margin: 0.75rem 0 0; font-size: 0.8125rem; font-weight: 600; color: var(--text-muted); }