/* Shared interaction layouts inherit each original's palette and typography. */
#app{--app-bg:#050d18;--app-panel:#0d1521;--app-border:#ffffff1a;--app-fg:#fff;--app-muted:#9ca3af;--app-accent:#9eff00;--app-on-accent:#050d18}
#app[data-replica=runtoram]{--app-bg:#f9f5ef;--app-panel:#fff;--app-border:#e9e4dc;--app-fg:#191919;--app-muted:#746f67;--app-accent:#f54a22;--app-on-accent:#fff;height:100dvh;min-height:0;overflow:hidden;padding:0}
#app[data-replica=runtoram]::before{pointer-events:none;z-index:0}
#app[data-replica=runtoram]>.screen{position:relative;z-index:1}
html,body{height:100%;overflow:hidden}
.screen{min-height:0!important;max-height:100%}.app-screen{display:flex;flex-direction:column;color:var(--app-fg);background:var(--app-bg);height:100%}
.app-header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--app-border);flex:none}
.app-header h1{font-size:18px;line-height:1.3;text-align:center;font-weight:700;margin:0;overflow-wrap:anywhere}
.app-header button{font:inherit;color:var(--app-fg);font-size:25px;background:var(--app-panel);border:0;border-radius:10px;height:36px;cursor:pointer}
.app-body{min-height:0;overflow:auto;padding:16px 16px 105px;scrollbar-width:none;flex:1}.app-body::-webkit-scrollbar{display:none}
.app-card{background:var(--app-panel);border:1px solid var(--app-border);border-radius:18px;padding:18px;margin-bottom:14px;overflow-wrap:anywhere}
.app-card h2{font-size:17px;line-height:1.35;margin:0 0 10px;font-weight:650}.app-card p{font-size:14px;line-height:1.55;color:var(--app-muted);margin:8px 0 14px}
.app-primary,.app-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:12px 16px;border:0;border-radius:14px;font:inherit;font-size:15px;font-weight:650;cursor:pointer;text-decoration:none;text-align:center}
.app-primary{background:var(--app-accent);color:var(--app-on-accent)}.app-secondary{background:var(--app-panel);color:var(--app-fg);border:1px solid var(--app-border)}
.app-primary:disabled,.app-secondary:disabled{opacity:.45;cursor:wait}.app-actions{display:grid;gap:10px;margin:0 0 16px}
.app-field{display:block;font-size:13px;color:var(--app-muted);font-weight:500;margin:0 0 15px}
.app-field input,.app-field select,.app-field textarea,.app-toolbar input,.app-toolbar select{display:block;width:100%;max-width:none;height:46px;min-width:0;margin-top:7px;padding:10px 12px;background:var(--app-bg);color:var(--app-fg);border:1px solid var(--app-border);border-radius:12px;outline:0;text-align:left;font:inherit;font-size:16px;font-weight:400;line-height:1.4}
.app-field textarea{height:auto;resize:vertical}.app-field input:focus,.app-field select:focus,.app-field textarea:focus{border-color:var(--app-accent)}
.app-field option,.app-toolbar option{background:var(--app-panel);color:var(--app-fg)}
.app-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-toolbar{display:grid;gap:8px;margin-bottom:16px}.app-toolbar input,.app-toolbar select{margin:0}
.app-menu-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 2px;background:none;border:0;border-bottom:1px solid var(--app-border);color:var(--app-fg);font:inherit;text-align:left;cursor:pointer;gap:12px}
.app-muted{font-size:14px;line-height:1.55;color:var(--app-muted);margin:12px 0 18px}.app-small{font-size:12px}.section-heading{font-size:18px;margin:18px 0 14px}.profile-heading{text-align:center;padding:8px 0 22px}.profile-heading h2{font-size:20px;margin:10px 0 5px}
.profile-circle{margin:auto;width:64px;height:64px;border:2px solid var(--app-accent);background:var(--app-panel);color:var(--app-fg);border-radius:50%;display:grid;place-items:center;font-size:25px}
.request-card{display:block;width:100%;color:var(--app-fg);text-align:left;cursor:pointer;font:inherit}.request-card .request-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.request-card h2{margin:14px 0 7px}.request-card p{margin:6px 0;font-size:13px}.request-id{font-size:11px;letter-spacing:.03em;color:var(--app-muted)}
.status-pill{font-size:10px;border-radius:20px;padding:5px 8px;background:var(--app-bg);color:var(--app-muted);font-weight:600}.status-quoted,.status-accepted,.status-completed{color:var(--app-accent);border:1px solid var(--app-border)}
.summary-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--app-border);font-size:13px}.summary-row:last-child{border-bottom:0}.summary-row>span{color:var(--app-muted)}.summary-row strong{text-align:right;font-weight:600;max-width:65%;overflow-wrap:anywhere}
.quote-total{font-size:28px;line-height:1.3;font-weight:750;color:var(--app-accent);display:block;margin:14px 0}.quote-expiry{font-size:12px;color:var(--app-muted)}.expired{color:#f48868}.quote-card{border-color:var(--app-accent)}
.empty-state{text-align:center;padding:32px 20px}.empty-symbol{font-size:36px;display:block;margin:0 0 16px;color:var(--app-accent)}
.messages{display:grid;gap:10px;margin:12px 0 20px;max-height:320px;overflow:auto}.message{background:var(--app-bg);border-radius:14px;padding:12px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.message.operator{border-left:2px solid var(--app-accent)}.message small{display:block;color:var(--app-muted);font-size:10px;margin-bottom:6px;white-space:normal}
.timeline{padding:0 0 0 18px;margin:18px 0 0;color:var(--app-muted);font-size:12px}.timeline li{padding-bottom:14px}.timeline time{display:block;font-size:10px;margin-bottom:4px}details>summary{cursor:pointer;font-size:14px}
.wallet-total{text-align:center}.wallet-total>strong{display:block;font-size:30px;margin:14px 0 20px}.pair-summary{font-size:22px;font-weight:700}.pair-summary small{font-size:13px;color:var(--app-muted);display:block;margin-top:8px;font-weight:400}
#app-alert{position:absolute;z-index:8000;bottom:95px;left:16px;right:16px;background:var(--app-panel);border:1px solid var(--app-accent);box-shadow:0 8px 30px #0005;color:var(--app-fg);padding:14px;border-radius:14px;display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.4}
#app-alert-text{flex:1}#dismiss-alert{color:var(--app-fg);font-size:22px;background:none;border:0;cursor:pointer}
#app[data-replica=runtoram]>.bottom-nav{position:absolute}#app[data-replica=runtoram]>#exchange{height:100%;overflow:auto;padding-bottom:105px}
#app[data-replica=runtoram] .screen~.bottom-nav{z-index:1000}.run-links{display:flex;gap:10px;justify-content:flex-end;padding:0 0 12px}.run-links button{border:0;background:none;color:#746f67;font-size:12px}
.api-loading{opacity:.65}.service-coin{display:flex;align-items:center;gap:12px}.service-coin img{width:36px;height:36px}.service-coin h2{margin:0}.service-coin small{color:var(--app-muted);font-size:12px}.service-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
@media(max-width:350px){.app-header,.app-body{padding-left:12px;padding-right:12px}.app-columns{gap:8px}.app-card{padding:14px}.quote-total{font-size:25px}.app-header h1{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.support-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.support-brand img{border-radius:50%;object-fit:cover}.support-brand h2{margin:0}.own-contacts{margin-top:18px}.own-contacts a{color:var(--app-fg);text-decoration:none;overflow-wrap:anywhere}.own-contacts a:hover{text-decoration:underline}