/* App styles on top of Pico. No inline styles anywhere: the CSP forbids them. */
.htmx-indicator { display: none; }
.htmx-request.htmx-indicator,
.htmx-request .htmx-indicator { display: inline-block; }

button.small,
form.inline button { width: auto; padding: 0.3rem 0.7rem; font-size: 0.875rem; margin: 0; }
form.inline { display: inline; margin: 0; }

.login { max-width: 24rem; margin: 4rem auto; }
.error { color: var(--pico-del-color); }
.muted { color: var(--pico-muted-color); }
.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.table-wrap { overflow-x: auto; }
code.address { word-break: break-all; }

.totals { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between;
          align-items: flex-end; margin-bottom: 1.5rem; }
.total { margin-bottom: 0.25rem; }
.total-czk { font-size: 1.25rem; margin-bottom: 0.25rem; }
.status { padding: 0.1rem 0.4rem; border-radius: 0.25rem; }
.status-ok { background: #d1fae5; color: #065f46; }
.status-partial { background: #fef3c7; color: #92400e; }
.status-failed { background: #fee2e2; color: #991b1b; }

.banner { padding: 0.75rem 1rem; margin-bottom: 1rem; border-left: 4px solid var(--pico-primary); }
.banner.warn { border-left-color: #d97706; }
.banner.error { border-left-color: var(--pico-del-color); }
.banner ul { margin-bottom: 0; }

.chart-controls { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center;
                  justify-content: space-between; }
.chart-controls h2 { margin: 0; }
.chart-controls [role="group"] { width: auto; margin: 0; }
.chart-controls button { padding: 0.3rem 0.7rem; font-size: 0.875rem; }
.chart-controls button[aria-pressed="true"] { background: var(--pico-primary-background);
  color: var(--pico-primary-inverse); border-color: var(--pico-primary-background); }
.chart-box { position: relative; height: 280px; margin: 1rem 0; }

details.asset summary { display: grid; grid-template-columns: 1fr auto auto 4rem; gap: 1rem;
                        align-items: center; }
details.asset summary::after { display: none; }
.asset-symbol { font-weight: 600; }

.explorers a { display: inline-block; margin-right: 0.75rem; font-size: 0.875rem; }
.rename { display: flex; gap: 0.5rem; margin: 0; }
.rename input { margin: 0; }
.actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.actions form { margin: 0; }
.tabs a[aria-current="page"] { font-weight: 700; text-decoration: underline; }

@media (max-width: 576px) {
  details.asset summary { grid-template-columns: 1fr auto; }
  details.asset summary .asset-amount,
  details.asset summary .asset-share { display: none; }
}