/* Flash messages */
.flash {
  padding: 0.75rem 1rem;
  border-radius: var(--pico-border-radius);
  margin-bottom: 1rem;
}
.flash-info    { background: #e7f3fe; color: #1a4a7a; border: 1px solid #b8d4f0; }
.flash-success { background: #e6f9ec; color: #1a5c30; border: 1px solid #a3d9b4; }
.flash-warning { background: #fff8e1; color: #7a5000; border: 1px solid #f0d78a; }
.flash-error   { background: #fdecea; color: #7a1a1a; border: 1px solid #f0b8b8; }

/* HTMX loading indicator */
.htmx-indicator { opacity: 0; transition: opacity 0.2s; }
.htmx-request .htmx-indicator { opacity: 1; }

/* Token display */
.token-display {
  font-family: monospace;
  background: #f4f4f4;
  padding: 0.75rem;
  border-radius: var(--pico-border-radius);
  word-break: break-all;
  border: 2px solid #ffc107;
}

/* Table utilities */
.table-wrap { overflow-x: auto; }
table { width: 100%; }
th[data-col] { cursor: pointer; user-select: none; }
th[data-col]:hover { background: var(--pico-table-border-color); }

/* Danger button */
button.danger, .button-danger {
  --pico-background-color: #c0392b;
  --pico-border-color: #c0392b;
  --pico-color: white;
}