html { height: 100%; }
html, body { min-height: 100%; }
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    padding-top: 75px;
    padding-bottom: 56px;
    position: relative;
}
#logo { max-width: 30px; max-height: 30px; margin-top: -5px; margin-right: 5px; }
.b-width { min-width: 100px; }
.navbar-dark .navbar-nav .nav-link.active { color: rgba(255,255,255,.75); }
.router-page { display: none; }
.c-pointer { cursor: pointer; }
.disabled { pointer-events: none; }
.break-lines {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.qr-code {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}
.qr-code canvas, .qr-code img { max-width: 100%; display: block; }
.wallet-balance { font-size: 23px; }
.wallet-balance .font-monospace { font-size: 20px; }
@media (max-width: 991.98px) {
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}
.balance-small { font-size: 15px; }
.break-word { word-wrap: break-word; }
.history-item { font-size: 13px; padding: 6px 0; }
.history-item:last-child { border-bottom: none !important; }
#history-list { max-height: 320px; overflow-y: auto; padding-right: 20px; }
.pin-login-card .card-body { padding: 1.5rem; }
.pin-login-title { font-size: 15px; color: var(--bs-secondary-color); margin-bottom: 12px; text-align: center; }
/* ── Extracted from inline styles ─────────────────────────────────────────── */
/* Seed word grids (create + revealed backup) */
#seed-word-grid,
#wallet-seed-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    font-size: 13px;
}
/* Restore word-count select */
#restore-wordcount { max-width: 100px; }
/* Address display row */
.address-display-wrapper { gap: 5px; max-width: 100%; }
#wallet-address { font-size: 13px; word-break: break-all; }
#copy-address-btn { padding: 1px 7px; font-size: 12px; line-height: 1.6; }
/* Immature balance label (send tab) */
.immature-balance-label { font-size: 12px; }
/* Coin control */
#coin-control-toggle { font-size: 12px; padding: 2px 8px; }
#coin-control-panel { font-size: 12px; }
#coin-control-list { max-height: 200px; overflow-y: auto; }
.cc-th-check { width: 28px; }
#coin-control-select-all,
#coin-control-deselect-all { font-size: 11px; padding: 2px 7px; line-height: 1.4; }
/* Private key canvas — matches form-control look */
.privkey-canvas {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    height: calc(1.5em + 0.75rem + 2px);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    box-sizing: border-box;
}
/* History tab overflow wrapper */
.history-overflow { overflow: hidden; }
/* Disclaimer max-width */
.disclaimer small { max-width: 1100px; display: inline-block; }
/* Transaction history direction labels */
.tx-dir-label { min-width: 110px; display: inline-block; }
/* Transaction history item gap */
.history-item-inner { gap: 6px; }
/* Transaction hash font */
.history-tx-hash { font-size: 11px; }
/* Seed word canvas cell */
.seed-canvas-cell { overflow: hidden; line-height: 0; }
.seed-canvas-cell canvas { display: block; max-width: 100%; }
/* Seed verify step — word-number badge */
.seed-verify-num { min-width: 3rem; }
/* Advanced collapse toggle in seed restore */
[data-bs-target="#restore-advanced"] { font-size: 11px; padding: 2px 7px; line-height: 1.4; }
/* Clipboard scratch textarea — off-screen, invisible, non-interactive */
.clip-scratch {
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    pointer-events: none;
}
/* Forget-wallet confirmation modal — danger header */
.modal-header-danger {
    background-color: var(--bs-danger);
    color: #fff;
}

/* Coin control — sortable column headers */
.cc-sort-th { cursor: pointer; padding: 4px 2px !important; }
.cc-sort-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    padding: 1px 6px;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-sm);
    white-space: nowrap;
    transition: border-color 0.15s, color 0.15s;
}
.cc-sort-th:hover .cc-sort-btn {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}
.cc-sort-th.cc-sort-active .cc-sort-btn {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
    font-weight: 600;
}
.cc-sort-icon { font-size: 0.85em; opacity: 0.5; }
.cc-sort-active .cc-sort-icon { opacity: 1; }

/* Send form — MAX button */
#send-max { font-size: 11px; padding: 0 8px; font-weight: 600; letter-spacing: 0.03em; }