/* [MULTI-COIN-010]
Presentation styling with a wallet-first calculator and transparent promotion destination.
Base: - Derived from MULTI-COIN-009
Changes:
- [MULTI-COIN-010] Give the first Wallet calculator row restrained light-green emphasis
- Show the same-origin promotion destination without increasing QR prominence
- [MULTI-COIN-007] Enlarge the calculator gears inside their existing fixed-height controls
- Identify Balance rows by icon and ticker only and reserve more width for numeric columns
- Prevent native and reference balances from wrapping on narrow screens
- [MULTI-COIN-004] Place the wallet lock status beside Balance without disturbing mobile geometry
- Present the Settings unlock action and final Help warning in sober red, normal-weight text
- Keep locked Send discoverable so selecting it can explain how to unlock
- Keep the explicit unlock action stable while full state and history are synchronized
- [MULTI-COIN-003] Bound Balance-table content and strengthen narrow-screen coin geometry
- Keep compact native-select results readable without shortening expanded choices
- [MULTI-COIN-002] Present a compact three-column coin, balance and reference table
- [MULTI-COIN-002] Present a compact three-column coin, balance and reference table
- Keep the reference selector usable in the table header on narrow screens
- [MULTI-COIN-001] Preserve the EFL and DEM multi-coin wallet presentation
- [EFL-SLICE-054] Top-align wallet name and status above the wallet tools
- Place calculator role, settings action, selector and amount on one compact row
- [EFL-SLICE-053] Enlarge ROOTY and the wallet name while isolating connection status
- Present three modern native calculator selectors with direct settings controls
- Bind green and red to Receive and Send instead of the wallet-coin selector
- Add a sober disclaimer presentation under Help
- [EFL-SLICE-052] Give Settings, Help and Invite complete 48px touch targets
- Present connection as status and invitation as the visually emphasized action
- Remove the obsolete video overlay and animation presentation
- [EFL-SLICE-051] Keep optional recovery-passphrase fields compact and touch friendly
- [EFL-SLICE-050] Preserve the established layout while calculator and recovery fixes remain behavioral
- [EFL-SLICE-049] Present ROOTY as a borderless in-wallet promotion action
- Add a concise scan-first Community Coins promotion layout
- Remove the obsolete Send amount-note styling
- [EFL-SLICE-048] Add a readable payment-confirmation title, summary and receiver instruction
- Remove the visible compact receipt payload from the sender overlay
- [EFL-SLICE-047] Keep transient and confirmed history rows visually identical and compact
- [EFL-SLICE-045] Preserve the existing visual contract while scan and amount fixes remain behavior-only
- [EFL-SLICE-044] Add a touch and pointer draggable history drawer with a one-row automatic peek
- Keep coin-filtered history rows compact through date, signed amount and outbound address
- Mark IN green and OUT red while preserving the sign as a non-color direction cue
- [EFL-SLICE-039] Add compact human-readable transaction tables and stable phase titles
- Remove visual transaction identifiers and inline sender receipt content after broadcast
- [EFL-SLICE-038] Add receipt enlargement, amount emphasis and a non-alarming temporary observer state
- [EFL-SLICE-037] Reserve state-status space and hide the diagnostic line outside Expert mode
- Add a high-contrast screen-wide Receive QR presentation
- [EFL-SLICE-036] Restore expert-only visibility, setup control and state timing styles
- [EFL-SLICE-033] Add sender receipt QR and receiver observation states
- [EFL-SLICE-026] Add inline broadcast confirmation, outcome and timing styles
- [EFL-SLICE-025] Reuse the existing plan warning style for signed-result guidance
- [EFL-SLICE-024] Remove the no-longer-used Send fee-note style
- [EFL-SLICE-023] Add compact signed-result, raw-transaction and local-only warning styles
- [EFL-SLICE-022] Retain the established layout while translated labels vary in length
- Add compact destination, plan status, checkpoint, outputs and input review
- Keep long addresses and outpoints usable on narrow screens
- Restore Balance as a compact action above a larger adaptive balance
- Enlarge ROOTY and the coin identity while reducing Receive height on mobile
*/

  body {margin:0; padding:0; display:flex; justify-content:center; align-items:center; min-height:100vh; background-color:#f0f0f0; }
  textarea {flex:1; resize:vertical;}
  ul {font-weight:bold; color:blue; cursor:pointer}
  .wallet {visibility:hidden; width:min(100%,560px); text-align:center; padding:20px; background-color:white; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,1);}
  .panel {border:1px solid #ccc; padding:15px; margin:10px; border-radius:5px; background-color:#f9f9f9;}
  .label {font-weight: bold; margin-bottom: 10px;}
  .button {flex: 1; margin: 5px; padding: 10px; border-radius: 5px; cursor: pointer;}
  .button-color-green {background-color:green; color:white;}
  .button-color-gray {background-color:darkgray; color:white;}
  .button-color-blue {background-color:blue; color:white;}
  .button-color-red {background-color:red; color:white;}
  .right-align {text-align: right;} /* Right-align combo boxes */
  .center-align { display:flex; justify-content:center;} /* Center the scan button */
  .btn {--bs-btn-padding-x: 0.5rem;}
  .splash-screen {position:fixed;top:0; left:0; display:flex; opacity:1; flex-direction:column; align-items:center; justify-content:space-around; height:100vh;width:100vw; transition:opacity 5s; background: url(img/bg1.jpg) no-repeat center center/cover;}
  .splash-image {width:100%; max-width:500px; height: auto;}
  .fit {max-width:100%}
  .white {color:white;}
  .red {color:red;}
  .blue {color:blue;}
	.up10 {position:relative;top:-10px}
  .bullet {position:relative;top:-3px}
  .memo-container {display:flex; align-items:center}
  .recovery-passphrase {margin-top:0.75rem}
  .recovery-passphrase p {margin-bottom:0.5rem}
  .recovery-passphrase label:not(.setup-check) {display:block; margin-top:0.45rem}
  .recovery-passphrase input[type=password],.recovery-passphrase input[type=text] {width:100%; box-sizing:border-box; padding:0.45rem}
  .recovery-passphrase .setup-check {margin-top:0.55rem}
  .click {cursor:pointer}
  .hidden {display:none}
  .expert-only {display:none!important}
  .expert-mode .expert-only:not(.hidden) {display:revert!important}
  .setup-check {display:flex; align-items:center; gap:0.35rem; cursor:pointer}
  .state-timing {font-size:0.68rem; color:#246b3c; overflow-wrap:anywhere; margin-top:0.15rem}
  .wallet-console {min-height:1rem;font-size:10px;overflow-wrap:anywhere}
  .center {justify-content:center;display:flex}
  .hiddenWithEase {display:none; opacity:0; transition: opacity 0.3s ease-in-out;}
  .invisible {visibility:hidden}
  .italic {font-style:italic}
  .max-width-image {max-width:150px;margin:0 auto;}
  .min-width-image {max-width:50px;margin:0 auto;}
  .div-center {display:flex; justify-content:center; align-items:center;width:100%}
  .flash {animation:flashAnimation 0.5s ease 3 alternate;}
  .radioContainer {display:flex; flex-direction:column}
  .radio-option {display: flex; align-items:center; margin-bottom:10px}
  .radio-button {margin-right:8px}
  .radio-label {font-size: 16px}
  .radio-button:checked + .radio-label{color:blue}
  .oneRow {display:flex;align-items:center;white-space:nowrap;}
  .img-max-height-40{max-height:40px;width:auto}
  .small {padding:4px}
  .left-icon {margin-right:10px;}
  .walletName {text-transform:lowercase}
	.wallet-identity {display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start;margin:0 10px 6px;padding:4px 8px 0;}
  .brand-link {display:flex;align-items:flex-start;justify-content:center;align-self:start;background:none;border:0;padding:0;}
  .brand-logo {width:88px;max-height:92px;object-fit:contain;transform:scale(1.08);transform-origin:center;}
  .promote-intro {text-align:left;}
  .promote-statement {margin:0 0 0.8rem;padding:0.65rem 0.8rem;border-left:4px solid #228143;background:#eef8f1;color:#174c2b;font-size:1.05rem;font-weight:700;text-align:center;}
  .promote-intro h3 {text-align:center;margin:0 0 0.65rem;}
  .promote-intro #idQrcode {margin:0.75rem 0;}
  .promote-qr-label {text-align:center;font-weight:bold;color:#146b32;margin:0.5rem 0 0.8rem;}
  .promote-benefits {display:grid;gap:0.3rem;margin:0.7rem 0;font-weight:bold;}
  .promote-benefits > div::before {content:"\2713";color:green;margin-right:0.45rem;}
  .promote-explanation {margin:0.8rem 0;}
  .promote-more {display:block;text-align:center;overflow-wrap:anywhere;}
  .identity-content {min-width:0;}
  .identity-top {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;min-height:40px;margin-bottom:9px;}
  .wallet-owner {display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:0;white-space:nowrap;text-align:left;}
  .wallet-owner .label {margin-bottom:0;}
  #owner {max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:1.28rem;font-weight:700;line-height:1.15;}
  #ownerLabel {color:#66706a;font-size:.68rem;font-weight:700;line-height:1;}
  .wallet-status {display:flex;align-items:center;gap:4px;padding-top:2px;color:#176d38;font-size:.72rem;font-weight:700;line-height:1;white-space:nowrap;}
  .wallet-status-dot {font-size:1.05rem;line-height:.7;}
  .wallet-status.offline {color:#a02b24;}
  .wallet-tools {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;}
  .wallet-tool {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:48px;padding:5px 7px;border:1px solid #aebbb2;border-radius:7px;background:#fff;color:#254331;font-size:.72rem;font-weight:700;line-height:1.05;cursor:pointer;}
  .wallet-tool .bi {font-size:1.25rem;line-height:1;}
  .wallet-tool:hover,.wallet-tool:focus-visible {background:#eef5f0;border-color:#5e836d;}
  .wallet-tool-invite {border-color:#2b7a45;background:#e8f6ed;color:#145c2e;}
  .wallet-help-link {width:100%;min-height:44px;padding:8px 10px;border:1px solid #2b6c99;border-radius:6px;background:#f4f9fc;color:#164f77;font-weight:700;cursor:pointer;}
  .help-reference {padding:0;}
  .wallet-disclaimer {border-color:#9aa39e;background:#f5f6f5;color:#37413b;font-size:.82rem;text-align:left;}
  .wallet-context-warning {border-color:#d8aaa6;background:#fff8f7;color:#8a2d27;font-size:.82rem;font-weight:400;text-align:left;}
  .coin-card {display:grid;grid-template-columns:128px minmax(0,1fr);gap:18px;align-items:center;text-align:left;background:linear-gradient(135deg,#fff 0%,#f3f6f4 100%);}
  .host-coin-identity {display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center;}
  .host-coin-icon {width:112px;height:112px;object-fit:contain;}
  .host-coin-copy {min-width:0;}
  .host-coin-name {max-width:100%;font-size:1.28rem;font-weight:700;line-height:1.15;overflow-wrap:anywhere;}
  .host-coin-ticker {min-height:1.1rem;margin-top:2px;color:#66706a;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;}
  .balance-heading-row {display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;}
  .balance-button {margin:0 0 4px;padding:3px 9px;border:1px solid #aebbb2;border-radius:999px;background:white;color:#405247;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;}
  .wallet-lock-status {min-width:0;color:#a32620;font-size:.72rem;font-weight:400;line-height:1.15;text-align:right;}
  .wallet-unlock {width:100%;padding:0.5rem 0;border:0;background:transparent;color:#a32620!important;font-weight:400;text-align:left;cursor:pointer;}
  .wallet-unlock:disabled {cursor:wait;opacity:.72;}
  .balance-value {width:100%;border:0;background:transparent;color:#17211b;opacity:1;font-size:3.35rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;text-align:left;-webkit-text-fill-color:#17211b;}
  .balance-value.balance-medium {font-size:2.55rem;}
  .balance-value.balance-long {font-size:1.75rem;}
  .balance-status {min-height:2.4rem;margin-top:5px;color:#67716b;font-size:.78rem;}
  .balance-status.ready {color:#16723d;}
  .balance-status.stale,.balance-status.unavailable {color:#9b581e;}
  .balance-overview-table {width:100%;margin:0;table-layout:fixed;font-variant-numeric:tabular-nums;}
  .balance-overview-table th,.balance-overview-table td {vertical-align:middle;overflow-wrap:anywhere;}
  .balance-overview-table .balance-coin-column {width:27%;text-align:left;}
  .balance-coin-action {display:flex;align-items:center;gap:8px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;}
  .balance-coin-action:hover .balance-coin-ticker,.balance-coin-action:focus-visible .balance-coin-ticker {text-decoration:underline;}
  .balance-coin-icon {width:38px;height:38px;object-fit:contain;flex:0 0 auto;}
  .balance-coin-ticker {color:#66706a;font-size:.78rem;font-weight:700;letter-spacing:.06em;}
  .balance-native,.balance-reference,.balance-total {font-weight:700;white-space:nowrap;overflow-wrap:normal;}
  .balance-reference-select {max-width:100%;min-height:34px;padding:3px 5px;border:1px solid #aebbb2;border-radius:5px;background:#fff;font-weight:700;}
  .balance-overview-note {margin:10px 0 0;color:#67716b;font-size:.78rem;text-align:left;}
  .calculator-heading {display:flex;justify-content:center;align-items:center;margin-bottom:4px;}
  .calculator-heading .label {margin-bottom:0;font-size:1rem;}
  .calculator-rows {display:grid;gap:6px;}
  .calculator-row {display:grid;grid-template-columns:76px minmax(0,1.05fr) minmax(0,1fr);gap:8px;align-items:center;padding:6px 8px;border:1px solid #d7dfda;border-radius:7px;background:#fff;text-align:left;}
  .calculator-row-wallet {border-color:#acd0b8;background:#edf7f0;}
  .calculator-row-wallet select,.calculator-row-wallet input {border-color:#9fc7ad;background:#f3faf5;}
  .calculator-row-heading {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;color:#52645a;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}
  .calculator-row-heading label {max-width:100%;overflow:hidden;text-overflow:ellipsis;}
  .calculator-settings {display:flex;align-items:center;justify-content:center;width:32px;height:28px;margin-top:1px;padding:0;border:0;border-radius:6px;background:transparent;color:#286341;cursor:pointer;}
  .calculator-settings .bi {display:inline-block;font-size:1.05rem;line-height:1;transform:scale(1.18);}
  .calculator-settings:hover,.calculator-settings:focus-visible {background:#e8f3ec;outline:2px solid #7aa98a;}
  .calculator-select {position:relative;min-width:0;}
  .calculator-select::after {content:"";position:absolute;top:50%;right:13px;width:7px;height:7px;border-right:2px solid #456254;border-bottom:2px solid #456254;transform:translateY(-70%) rotate(45deg);pointer-events:none;}
  .calculator-row select,.calculator-row input {width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:8px 34px 8px 10px;border:1px solid #b8c5bd;border-radius:7px;background:#f9fbfa;color:#17211b;font-size:.92rem;}
  .calculator-row select {appearance:none;-webkit-appearance:none;cursor:pointer;}
  .calculator-row input {padding-right:10px;background:#fff;font-variant-numeric:tabular-nums;text-align:right;}
  .calculator-row select:focus,.calculator-row input:focus {border-color:#34794d;outline:2px solid #b7dac3;outline-offset:0;}
  .promote-destination {margin:5px 0 3px;color:#40564a;font-size:.76rem;font-weight:700;overflow-wrap:anywhere;}
  .calculator-help-actions {display:grid;gap:7px;}
  .transaction-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .transaction-action {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;padding:8px;border:0;border-radius:7px;color:#fff;font-weight:800;line-height:1.05;cursor:pointer;}
  .transaction-receive {background:green;}
  .transaction-send {background:#d71919;}
  .transaction-send.wallet-spend-locked {background:#8f6d6d;}
  .transaction-scan {grid-column:1/-1;flex-direction:row;gap:7px;min-height:44px;background:#1866a3;}
  .transaction-action-coin {margin-top:4px;font-size:.72rem;font-weight:600;opacity:.92;}
  .transaction-panel {text-align:left;border-color:#b8c7bd;background:#f7faf8;}
  .transaction-heading {display:flex;justify-content:space-between;align-items:start;margin-bottom:12px;}
  .transaction-kicker {color:#52705e;font-size:.7rem;font-weight:700;letter-spacing:.16em;}
  .transaction-title {font-size:1.35rem;font-weight:700;}
  .transaction-close {width:38px;height:38px;border:1px solid #aebbb2;border-radius:50%;background:white;color:#25342a;font-size:1.5rem;line-height:1;cursor:pointer;}
  .receive-label {margin-bottom:4px;color:#66706a;font-size:.75rem;font-weight:700;text-transform:uppercase;}
  .receive-address,.receive-uri {overflow-wrap:anywhere;padding:9px 10px;border-radius:5px;background:white;font-family:monospace;font-size:.82rem;user-select:all;}
  .receive-address {border:1px solid #ced7d1;color:#17211b;}
  .receive-uri {margin-top:10px;color:#5c665f;}
  .receive-qr {display:flex;justify-content:center;min-height:220px;margin:14px auto 4px;padding:8px;}
  .receive-qr img,.receive-qr canvas {max-width:220px;height:auto!important;}
  .receive-qr-expand {display:block;width:100%;margin:0 0 8px;padding:7px;border:1px solid #8c9991;border-radius:5px;background:white;color:#30483a;font-weight:700;cursor:pointer;}
  .receive-qr-overlay {position:fixed;inset:0;z-index:12000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;background:white;color:#17211b;}
  .receive-qr-overlay.hidden {display:none;}
  .receive-qr-overlay-close {position:absolute;top:max(12px,env(safe-area-inset-top));right:14px;width:48px;height:48px;border:1px solid #8c9991;border-radius:50%;background:white;color:#25342a;font-size:2rem;line-height:1;cursor:pointer;}
  .receive-qr-large {display:flex;align-items:center;justify-content:center;max-width:94vw;max-height:78vh;}
  .receive-qr-large img,.receive-qr-large canvas {display:block;max-width:94vw;max-height:78vh;width:auto!important;height:auto!important;image-rendering:pixelated;}
  .receive-qr-large-amount {font-size:1.35rem;font-weight:900;text-align:center;}
  .receive-qr-large-address {max-width:94vw;padding:5px 8px;overflow-wrap:anywhere;font-family:monospace;font-size:.9rem;text-align:center;user-select:all;}
  .receive-share {display:block;width:100%;margin:14px 0 0;border:0;}
  .receive-receipt-scan {display:block;width:100%;margin:8px 0 0;border:1px solid #36734d;background:#eef8f1;color:#185d32;font-weight:800;}
  .payment-observation {margin-top:4px;padding:10px;border:2px solid #36734d;border-radius:5px;background:#f7fbf8;color:#185d32;font-size:.82rem;}
  .payment-observation-title {margin:-10px -10px 10px;padding:9px 10px;border-radius:3px 3px 0 0;background:#dff2e5;color:#185d32;font-weight:900;}
  .payment-observation.confirmed .payment-observation-title {color:#173d72;}
  .payment-observation.error {border-color:#b72720;background:#fff5f4;color:#8a231d;}
  .payment-observation.error .payment-observation-title {background:#ffe1de;color:#8a231d;}
  .transaction-status-progress {margin-top:9px;color:#53625a;font-size:.75rem;letter-spacing:.03em;}
  .send-label {display:block;margin-bottom:5px;color:#66706a;font-size:.75rem;font-weight:700;text-transform:uppercase;}
  .send-destination-row {display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:stretch;}
  .send-destination {min-width:0;padding:9px 10px;border:1px solid #ced7d1;border-radius:5px;background:white;font-family:monospace;font-size:.82rem;}
  .send-destination[readonly] {background:#eef3f0;color:#425148;}
  .send-small-button {padding:7px 9px;border:1px solid #aebbb2;border-radius:5px;background:white;color:#25342a;cursor:pointer;}
  .send-review {width:100%;margin:5px 0;border:0;}
  .send-status {min-height:1.35rem;margin:8px 0;font-size:.82rem;}
  .send-status.pending,.send-status.loading {color:#665b32;}
  .send-status.ready {color:#16723d;font-weight:700;}
  .send-status.error {color:#a02b24;font-weight:700;}
  .send-plan {margin-top:10px;padding:10px;border:1px solid #c8d3cc;border-radius:5px;background:white;}
  .send-local-warning {padding:7px;border-radius:4px;background:#fff1c7;color:#725810;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-align:center;}
  .send-plan-details {display:grid;grid-template-columns:105px minmax(0,1fr);gap:5px 9px;margin:10px 0;font-size:.78rem;}
  .send-plan-details dt {color:#56625a;font-weight:700;}
  .send-plan-details dd {min-width:0;margin:0;overflow-wrap:anywhere;}
  .monospace {font-family:monospace;}
  .send-input-heading {margin:9px 0 4px;font-size:.78rem;font-weight:700;}
  .send-input-scroll {overflow-x:auto;}
  .send-input-table {width:100%;border-collapse:collapse;font-size:.72rem;}
  .send-input-table th,.send-input-table td {padding:5px;border-top:1px solid #e0e6e2;text-align:left;}
  .send-input-table td:nth-child(2) {max-width:240px;overflow-wrap:anywhere;font-family:monospace;}
  .send-build {width:100%;margin:12px 0 0;border:0;}
  .signed-transaction {margin-top:12px;padding:10px;border:2px solid #b72720;border-radius:5px;background:#fff;}
  .signed-local-warning {padding:9px;border-radius:4px;background:#b72720;color:#fff;font-size:.84rem;font-weight:900;letter-spacing:.06em;text-align:center;}
  .signed-raw {display:block;width:100%;min-height:108px;margin-top:5px;padding:8px;border:1px solid #ced7d1;border-radius:4px;background:#f5f7f6;font-size:.7rem;overflow-wrap:anywhere;word-break:break-all;}
  .broadcast-prepare {width:100%;margin:12px 0 0;border:1px solid #9a6d16;background:#fff3cd;color:#5f460f;font-weight:800;}
  .broadcast-confirmation {margin-top:10px;padding:10px;border:2px solid #b72720;border-radius:5px;background:#fff5f4;}
  .broadcast-confirmation .button {width:100%;margin:9px 0 0;border:0;}
  .broadcast-warning {color:#7d241f;font-size:.78rem;font-weight:700;}
  .broadcast-tracking {margin-top:12px;padding:10px;border:2px solid #36734d;border-radius:5px;background:#f3fbf6;}
  .broadcast-outcome {margin:-10px -10px 10px;padding:9px 10px;border-radius:3px 3px 0 0;background:#dff2e5;color:#185d32;font-size:.82rem;font-weight:900;}
  .broadcast-outcome.confirmed {color:#173d72;}
  .broadcast-outcome.pending,.broadcast-outcome.unknown {background:#fff1c7;color:#725810;}
  .broadcast-outcome.error {background:#ffe1de;color:#8a231d;}
  .compact-transaction-table {display:grid;grid-template-columns:86px minmax(0,1fr);gap:6px 9px;margin:0;font-size:.82rem;}
  .compact-transaction-table dt {color:#526158;font-weight:700;}
  .compact-transaction-table dd {min-width:0;margin:0;overflow-wrap:anywhere;}
  .show-payment-receipt {width:100%;margin:11px 0 0;border:1px solid #36734d;background:white;color:#185d32;font-weight:800;}
  .payment-receipt-qr-overlay {position:fixed;inset:0;z-index:12000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;background:white;color:#17211b;}
  .payment-receipt-qr-overlay.hidden {display:none;}
  .payment-receipt-qr-overlay-close {position:absolute;top:max(12px,env(safe-area-inset-top));right:14px;width:48px;height:48px;border:1px solid #8c9991;border-radius:50%;background:white;color:#25342a;font-size:2rem;line-height:1;cursor:pointer;}
  .payment-receipt-qr-title {max-width:78vw;color:#185d32;font-size:1.3rem;font-weight:900;text-align:center;}
  .payment-receipt-qr-large {display:flex;align-items:center;justify-content:center;max-width:94vw;max-height:58vh;}
  .payment-receipt-qr-large img,.payment-receipt-qr-large canvas {display:block;max-width:94vw;max-height:58vh;width:auto!important;height:auto!important;image-rendering:pixelated;}
  .payment-receipt-qr-summary {max-width:94vw;font-size:1rem;font-weight:900;text-align:center;overflow-wrap:anywhere;}
  .payment-receipt-qr-instruction {max-width:620px;color:#526158;font-size:.86rem;line-height:1.35;text-align:center;}
  .history-drawer {margin:14px -20px -20px;border-top:1px solid #8c9991;border-radius:0 0 10px 10px;background:#fff;text-align:left;overflow:hidden;}
  .history-handle {display:flex;width:100%;height:34px;align-items:center;justify-content:center;gap:8px;padding:0;border:0;border-bottom:1px solid #c8d0cb;background:#f8faf9;color:#526158;cursor:ns-resize;touch-action:none;user-select:none;}
  .history-handle-line {width:72%;height:2px;border-radius:2px;background:#606b64;}
  .history-handle-icon {font-size:.72rem;transition:transform .15s ease;}
  .history-handle[aria-expanded=true] .history-handle-icon {transform:rotate(180deg);}
  .history-viewport {height:0;overflow:auto;overscroll-behavior:contain;background:#fff;}
  .history-list {min-height:100%;}
  .history-row {display:grid;width:100%;grid-template-columns:92px 94px minmax(0,1fr);gap:8px;align-items:center;min-height:48px;padding:8px 12px;border:0;border-bottom:1px solid #e0e6e2;background:#fff;color:#243129;font:inherit;text-align:left;}
  button.history-row {cursor:pointer;}
  button.history-row:hover,button.history-row:focus-visible {background:#f2f7f4;outline:0;}
  .history-time {color:#59655e;font-size:.72rem;font-variant-numeric:tabular-nums;white-space:nowrap;}
  .history-amount {font-size:.9rem;font-weight:900;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;}
  .history-amount.in {color:#16723d;}
  .history-amount.out {color:#b72720;}
  .history-address {min-width:0;overflow:hidden;color:#4d5952;font-family:monospace;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap;}
	.card {font-size:14px; color:#373b3e}
	.card.blur {background-color:darkgrey;color:lightgrey}
	.custom-button {width:100%;padding:10px;border:1px solid #ccc;background-color:#f8f9fa;text-align:center;margin-bottom:10px;border-radius:10px;}
  .custom-button img {width:80%;max-width:100%;height:auto;margin-bottom:10px;}
  .button-text {font-size: 12px;color:#333;}

  @keyframes flashAnimation {0% {background-color: yellow;} 100% {background-color: white;}}
  @media (max-width:768px) {
    body {align-items:flex-start;}
    .wallet {padding:10px;border-radius:0;}
    .history-drawer {margin:14px -10px -10px;border-radius:0;}
  }
  @media (max-width:600px) {
    .coin-card {grid-template-columns:112px minmax(0,1fr);gap:12px;}
    .host-coin-icon {width:100px;height:100px;}
    .balance-value {font-size:3rem;}
    .balance-value.balance-medium {font-size:2.25rem;}
    .balance-value.balance-long {font-size:1.55rem;}
    .wallet.transaction-active .panel {margin-top:6px;margin-bottom:6px;padding-top:10px;padding-bottom:10px;}
    .wallet.transaction-active .calculator-rows {gap:4px;}
    .wallet.transaction-active .calculator-row {padding-top:4px;padding-bottom:4px;}
    .wallet.transaction-active .transaction-heading {margin-bottom:7px;}
    .wallet.transaction-active .receive-address,.wallet.transaction-active .receive-uri {padding:7px 8px;}
    .wallet.transaction-active .receive-qr {min-height:176px;margin:8px auto 2px;padding:4px;}
    .wallet.transaction-active .receive-qr img,.wallet.transaction-active .receive-qr canvas {max-width:176px;}
    .wallet.transaction-active .receive-share {margin-top:8px;}
    .history-row {grid-template-columns:82px 82px minmax(0,1fr);padding:7px 9px;}
  }
  @media (max-width:420px) {
    .wallet-identity {grid-template-columns:78px minmax(0,1fr);}
    .brand-logo {width:74px;max-height:82px;}
    .wallet-tools {gap:4px;}
    .wallet-tool {padding:4px 2px;font-size:.66rem;}
    #owner {font-size:1.08rem;}
    .wallet-status {font-size:.66rem;}
    .calculator-row {grid-template-columns:64px minmax(0,1fr) minmax(0,.9fr);gap:5px;padding-left:6px;padding-right:6px;}
    .calculator-row-heading {font-size:.61rem;letter-spacing:.02em;}
    .calculator-row select,.calculator-row input {padding-left:7px;font-size:.78rem;}
    .coin-card {grid-template-columns:96px minmax(0,1fr);gap:10px;}
    .host-coin-icon {width:88px;height:88px;}
    .host-coin-name {font-size:1.08rem;}
    .wallet-lock-status {max-width:7.5rem;font-size:.65rem;}
    .balance-value {font-size:2.5rem;}
    .balance-value.balance-medium {font-size:1.8rem;}
    .balance-value.balance-long {font-size:1.25rem;}
    #id_balance {padding:6px;overflow:hidden;}
    .balance-overview-table {font-size:.76rem;}
    .balance-overview-table th,.balance-overview-table td {padding:6px 4px;}
    .balance-overview-table .balance-coin-column {width:24%;}
    .balance-coin-action {gap:5px;}
    .balance-coin-icon {width:30px;height:30px;}
    .balance-coin-ticker {font-size:.66rem;}
    .balance-reference-select {min-height:30px;padding:2px 3px;font-size:.72rem;}
    .send-destination-row {grid-template-columns:minmax(0,1fr) auto;}
    .send-destination {grid-column:1/-1;}
    .send-plan-details {grid-template-columns:86px minmax(0,1fr);}
  }