/* additions for the live wallet app */
.boot { min-height: 100vh; display: grid; place-items: center; background: var(--forest); }
.boot-mark { width: 72px; height: 72px; animation: spin 3s linear infinite; }
.gate { display: grid; place-items: center; }
.gate-points { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 10px; }
.gate-points li { position: relative; padding-left: 26px; font-size: 14px; color: #c3d5bf; }
.gate-points li::before { content: ""; position: absolute; left: 0; top: 4px; width: 14px; height: 14px; border-radius: 99px; background: var(--leaf); box-shadow: 0 0 0 4px rgba(143,201,106,.18); }
.tk-img { width: 42px; height: 42px; border-radius: 13px; object-fit: cover; background: #fff; border: 1px solid var(--line); flex-shrink: 0; }
.mkt-list { max-height: 640px; overflow-y: auto; }
.card-note.warn { background: #fff6e8; border-color: #f0d9b0; }
.card-note .link { margin-left: auto; }
a.pill-lock { text-decoration: none; }
.max { margin-left: 8px; padding: 2px 8px; border-radius: 99px; background: #fff; border: 1px solid var(--line); font-family: var(--mono); font-size: 11px; color: var(--moss); }
.route { margin-top: 10px; font-family: var(--mono); font-size: 11.5px; color: var(--muted); text-align: center; }
.err { color: var(--red) !important; }
.receive { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.receive img { width: 220px; height: 220px; border-radius: 18px; border: 1px solid var(--line); padding: 8px; background: #fff; }
.receive code { font-family: var(--mono); font-size: 13px; word-break: break-all; padding: 10px 14px; border-radius: 12px; background: var(--paper); border: 1px solid var(--line); }
.row-btns { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.stack { display: flex; flex-direction: column; }
.sel { width: 100%; padding: 14px 16px; border-radius: 14px; font: inherit; background: var(--paper); border: 1px solid var(--line); }
.st { display: inline-block; font-family: var(--mono); font-size: 11px; padding: 3px 8px; border-radius: 99px; margin-bottom: 4px; }
.st.pending { background: #fff3d6; color: #8a6200; }
.st.done { background: rgba(143,201,106,.2); color: var(--moss); }
.st.failed { background: #fbe1da; color: var(--red); }
.act-list .h-val { display: flex; flex-direction: column; align-items: flex-end; }
.mini-seg { margin: 0; width: auto; display: inline-grid; grid-template-columns: repeat(3, auto); }
.mini-seg .seg-b { padding: 7px 12px; font-size: 13px; }
.panel.ready .hold-list li { padding: 10px 4px; }
.btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }