/* static/css/aq_user_sheet.css */
.aq-sheet-backdrop {
  position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 80;
}
.aq-user-sheet {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
  top: 20vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--bg-secondary);
  border-top: 1px solid var(--accent-color);
  padding: 12px 16px calc(16px + env(safe-area-inset-bottom)) 16px;
  animation: aq-sheet-slide-up 250ms cubic-bezier(.4,0,.2,1);
}
.aq-user-sheet[hidden] { display: none; }
@keyframes aq-sheet-slide-up {
  from { transform: translateY(100%); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
.aq-sheet-backdrop { animation: aq-sheet-fade-in 250ms ease; }
@keyframes aq-sheet-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.aq-sheet-handle { width: 40px; height: 4px; background: var(--border-dim);
  margin: 0 auto 12px; border-radius: 2px; }
.aq-sheet-user-row { display: flex; align-items: center; gap: 14px; padding: 8px 0; }
.aq-sheet-avatar, .aq-sheet-avatar-placeholder { width: 52px; height: 52px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: Georgia, serif; font-size: 20px; color: var(--accent-color);
  border: 1px solid var(--accent-color); object-fit: cover; border-radius: 50%; }
.aq-sheet-user-meta { display: flex; flex-direction: column; min-width: 0; flex: 1; gap: 2px; }
.aq-sheet-name { display: block; font-family: Georgia, serif; font-size: 17px;
  color: var(--text-bright); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aq-sheet-email { display: block; font-family: 'Courier New', monospace; font-size: 12px;
  color: var(--text-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aq-sheet-tag { flex-shrink: 0; padding: 3px 7px;
  font-family: 'Courier New', monospace; font-size: 10px; font-weight: 700; letter-spacing: 1px;
  color: var(--bg-color); background: var(--accent-color); }
.aq-sheet-credits { padding: 14px 0; }
.aq-sheet-credits-row { display: flex; align-items: center; gap: 10px;
  font-family: 'Courier New', monospace; font-size: 22px; color: var(--accent-color); }
.aq-sheet-credits-glyph { width: 22px; height: 22px; flex-shrink: 0; color: var(--accent-color); }
.aq-sheet-credits-daily { font-family: 'Courier New', monospace; font-size: 13px;
  color: var(--text-dim); margin-top: 6px; }
.aq-sheet-claim-btn { display: block; width: 100%; margin-top: 12px;
  padding: 12px 14px; background: var(--accent-color); color: var(--bg-color);
  border: 1px solid var(--accent-color); cursor: pointer; font-weight: 700;
  font-family: 'Courier New', monospace; font-size: 13px;
  letter-spacing: 1px; text-transform: uppercase; }
.aq-sheet-claim-btn:hover:not(:disabled) { background: #ffd766; border-color: #ffd766; }
.aq-sheet-claim-btn:disabled { opacity: 0.5; cursor: default; }
.aq-sheet-claim-btn[hidden] { display: none; }
.aq-sheet-credits-manage { display: inline-block; margin-top: 10px;
  font-family: 'Courier New', monospace; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;
  color: var(--accent-color); text-decoration: none; }
.aq-sheet-divider { height: 1px; background: var(--border-dim); margin: 10px 0; }
.aq-sheet-link, .aq-sheet-signout-form button { display: flex; align-items: center; gap: 14px;
  padding: 14px 8px;
  font-family: 'Courier New', monospace; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase;
  text-decoration: none; color: var(--text-bright); background: transparent; border: 0;
  width: 100%; text-align: left; cursor: pointer; }
.aq-sheet-link:hover { background: var(--accent-subtle); color: var(--accent-color); }
.aq-sheet-link-icon { width: 20px; height: 20px; flex-shrink: 0; color: var(--text-dim); }
.aq-sheet-link:hover .aq-sheet-link-icon { color: var(--accent-color); }
.aq-sheet-signout { color: #ff8e7a; }
.aq-sheet-signout .aq-sheet-link-icon { color: #ff8e7a; }
.aq-sheet-signout:hover .aq-sheet-link-icon { color: #ff8e7a; }

.aq-search-overlay {
  position: fixed; inset: 0; z-index: 70;
  background: var(--bg-color);
  display: flex; flex-direction: column;
}
.aq-search-overlay[hidden] { display: none; }
.aq-search-overlay-bar { display: flex; align-items: center; gap: 8px; padding: 12px;
  border-bottom: 1px solid var(--border-dim); }
.aq-search-overlay-input { flex: 1; background: transparent; border: 1px solid var(--border-dim);
  color: var(--text-bright); padding: 8px 12px; font-family: 'Courier New', monospace; font-size: 13px; }
.aq-search-overlay-input:focus { outline: none; border-color: var(--accent-color); }
.aq-search-overlay-cancel { background: transparent; border: 0; color: var(--accent-color);
  font-family: 'Courier New', monospace; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; padding: 8px; }
.aq-search-overlay-results { flex: 1; overflow-y: auto; padding: 8px; }
.aq-search-overlay-loadmore { margin: 12px auto; padding: 10px 18px;
  background: transparent; border: 1px solid var(--border-dim); color: var(--text-dim);
  font-family: 'Courier New', monospace; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; }