
/* The existing metallic collection, with clearer actions and state. */
html[data-theme="dark"] #stellar-concept .trustline-notice{display:flex;gap:13px;margin:8px 0 22px;padding:18px;border:1px solid #ff7e8745;border-radius:23px;background:linear-gradient(135deg,#421d23,#211316);box-shadow:inset 0 1px #ffc7cb12;color:#ffd8db}
#stellar-concept .trustline-notice-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#ff7e871a;color:#ff939b}
#stellar-concept .trustline-notice-icon svg{width:19px;height:19px}
#stellar-concept .trustline-notice strong{display:block;font-size:15px;font-weight:650;letter-spacing:-.25px}
#stellar-concept .trustline-notice p{font-size:12px;line-height:1.55;color:#e4b8bd;margin:6px 0 12px}
#stellar-concept .trustline-notice button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:9px 14px;border:1px solid #ff949b45;background:#ff949b17;border-radius:13px;color:#ffe7e9;font-size:13px;font-weight:600;font-family:inherit}
html[data-theme="dark"] #stellar-concept .asset-trust-missing{color:#ffc3c8;border-color:#ff7e8738;background:linear-gradient(130deg,#c849591d,#ff7e8709)}
html[data-theme="dark"] #stellar-concept .assets-trustline-count.has-missing{color:#ffafb7}
html[data-theme="dark"] #stellar-concept .collection-metric strong{font-weight:600;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
html[data-theme="dark"] #stellar-concept .collection-estimate{padding:12px;border-radius:17px;background:#d8c29a09;border:1px solid #d8c29a15}
html[data-theme="dark"] #stellar-concept .collection-metric>span{color:#bfbab2}
html[data-theme="dark"] #stellar-concept .collection-card{box-shadow:inset 0 1px #ffffff15,0 10px 28px #0003}
html[data-theme="dark"] #stellar-concept .collection-rate{color:#ebd7b4}
html[data-theme="dark"] #stellar-concept :is(.info,.home-rewards-note,.wallet-read-note){line-height:1.65}
html[data-theme="dark"] #stellar-concept :is(.primary-action,.wallet-action,.mk-asset-link){touch-action:manipulation}
#stellar-concept .tl-compact{padding-top:0;animation:none}
#stellar-concept .tl-compact .tl-heading h1{font-size:30px;letter-spacing:-1px;margin:8px 0 7px}
#stellar-concept .tl-compact .tl-heading p{font-size:13px;margin:0 0 19px;color:#aaa8a4}
#stellar-concept :is(.tl-review-card,.tl-progress-card,.tl-complete-card){border:1px solid #e8d1a929;border-radius:27px;background:linear-gradient(145deg,#242322,#131314);box-shadow:inset 0 1px #fff1,0 12px 32px #0003;padding:21px;margin:12px 0 16px}
#stellar-concept .tl-review-heading{display:flex;gap:12px;align-items:center}
#stellar-concept .tl-review-heading h2{font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.5px;margin:0;color:#f6f4ef}
#stellar-concept .tl-review-heading p{font-size:12px;line-height:1.55;margin:6px 0 0;color:#b6b0a6}
#stellar-concept .tl-review-symbol{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:13px;border:1px solid #ecd3a934;background:#d8c29a10;color:#edd6ae;font-size:23px;font-weight:300}
#stellar-concept .tl-token-chips{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}
#stellar-concept .tl-token-chips span{padding:6px 9px;border-radius:9px;background:#ffffff06;border:1px solid #ffffff15;font-size:11px;line-height:1.2;color:#ded7c8;font-weight:550}
#stellar-concept .tl-cost{margin:16px 0 0;padding:5px 0 0;border-top:1px solid #fff1}
#stellar-concept .tl-cost>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-top:14px}
#stellar-concept .tl-cost dt{font-size:12px;color:#b9b5ae}
#stellar-concept .tl-cost dd{margin:0;font-size:18px;white-space:nowrap;color:#f6f2e9;font-weight:550;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
#stellar-concept .tl-cost dd small{font-size:11px;color:#bfb5a5;font-weight:450}
#stellar-concept .tl-cost>div+div dd{font-size:14px;color:#d2cec5}
#stellar-concept .tl-reserve-note{font-size:11px;color:#afa79b;line-height:1.6;margin:14px 0 0}
html[data-theme="dark"] #stellar-concept .tl-compact>.primary{background:linear-gradient(125deg,#f1e9d9,#d2c3a7);color:#231e16;border:1px solid #f8e9c96e;border-radius:17px;min-height:54px;font-size:14px;font-weight:650;box-shadow:inset 0 1px #fff6,0 6px 18px #0003;margin:0 0 14px}
#stellar-concept .tl-more{border:1px solid #ffffff13;border-radius:19px;background:#ffffff03;margin:0 0 14px;overflow:hidden}
#stellar-concept .tl-more>summary{display:flex;align-items:center;gap:10px;justify-content:space-between;min-height:50px;padding:12px 16px;color:#c7c3bb;font-size:12px;cursor:pointer;list-style:none;box-sizing:border-box}
#stellar-concept .tl-more>summary::-webkit-details-marker{display:none}
#stellar-concept .tl-more>summary::after{content:'+';margin-left:auto;font-size:18px;color:#c7b38e}
#stellar-concept .tl-more[open]>summary::after{content:'−'}
#stellar-concept .tl-more>summary>span{color:#8e8981;font-variant-numeric:tabular-nums}
#stellar-concept .tl-more-content{padding:0 16px 12px}
#stellar-concept .tl-more-content .tl-card{padding:14px;margin:10px 0;border-radius:17px;background:#ffffff02}
#stellar-concept .tl-more>.secondary{width:calc(100% - 32px);margin:0 16px 15px}
#stellar-concept .tl-center{text-align:center}
#stellar-concept .tl-progress-card,#stellar-concept .tl-complete-card{text-align:center;padding:29px 22px}
#stellar-concept .tl-progress-card h2,#stellar-concept .tl-complete-card h2{font-size:22px;line-height:1.3;letter-spacing:-.6px;font-weight:550;margin:20px 0 10px;color:#f6f4ef}
#stellar-concept .tl-progress-card p,#stellar-concept .tl-complete-card p{font-size:13px;line-height:1.7;color:#bcb7af;margin:0}
#stellar-concept .tl-progress-orbit{display:grid;place-items:center;position:relative;margin:0 auto;width:70px;height:70px;border:1px solid #d8c29a18;border-radius:50%;box-shadow:inset 0 0 22px #d8c29a08}
#stellar-concept .tl-progress-orbit:before{content:'';position:absolute;inset:-1px;border:2px solid transparent;border-top-color:#e8cca0;border-right-color:#e8cca033;border-radius:50%;animation:trustline-processing 1.5s linear infinite}
#stellar-concept .tl-progress-orbit>span{width:21px;height:21px;border-radius:6px;border:1px solid #d8c29a55;background:#d8c29a0c;transform:rotate(45deg)}
#stellar-concept .tl-progress-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:23px 0 0;font-size:10px;color:#827d73}
#stellar-concept .tl-progress-steps i{width:20px;height:1px;background:#ffffff16}
#stellar-concept .tl-progress-steps .is-current{color:#eddbb7}
#stellar-concept .tl-progress-steps .is-done{color:#a6edca}
#stellar-concept .tl-complete-mark{display:grid;place-items:center;width:62px;height:62px;border:1px solid #9adfb444;border-radius:50%;margin:auto;background:#9adfb411;color:#b2e7c3;font-size:27px}
#stellar-concept .tl-complete-card .tl-token-chips{justify-content:center;margin-bottom:0}
#stellar-concept .tl-compact>.tl-explorer{display:block;text-align:center;font-size:12px;min-height:44px;box-sizing:border-box}
html[data-theme="dark"] #stellar-concept .trade-success-actions{display:grid;gap:9px;margin:0 0 15px}
html[data-theme="dark"] #stellar-concept .trade-success-actions>.primary{min-height:51px;border-radius:15px;background:linear-gradient(125deg,#f1e9d9,#d2c3a7);border:1px solid #f8e9c96e;color:#231e16;font-size:14px;font-weight:650}
html[data-theme="dark"] #stellar-concept .trade-success-actions>.secondary{min-height:46px;background:#ffffff05;border:1px solid #ffffff17;border-radius:15px;color:#d6d0c5;font-size:12px}
#stellar-concept .trade-receipt-details>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;cursor:pointer;color:#bcb3a3;font-size:12px;list-style:none}
#stellar-concept .trade-receipt-details>summary::-webkit-details-marker{display:none}
#stellar-concept .trade-receipt-details>summary>svg{width:13px;height:13px}
html[data-theme="dark"] #stellar-concept .trade-screen .screen-heading{margin:12px 0 14px;padding:0}
html[data-theme="dark"] #stellar-concept .trade-screen .screen-heading h1{font-size:30px}
html[data-theme="dark"] #stellar-concept .trade-screen .screen-heading p{font-size:12px}
html[data-theme="dark"] #stellar-concept .trade-wallet{margin:10px 0;padding-block:0}
html[data-theme="dark"] #stellar-concept .trade-wallet>summary{min-height:41px}
html[data-theme="dark"] #stellar-concept .trade-form{padding:18px 20px}
html[data-theme="dark"] #stellar-concept .trade-form .trade-token-art{width:48px;height:44px}
html[data-theme="dark"] #stellar-concept .trade-direction{margin:4px 0}
html[data-theme="dark"] #stellar-concept .trade-form #trade-amount{font-size:31px;min-height:44px;line-height:1.2;scroll-margin:90px 0 100px}
html[data-theme="dark"] #stellar-concept .trade-balance{margin-top:5px;color:#aaa69f}
html[data-theme="dark"] #stellar-concept .trade-balance span{color:#e4d4b7;font-weight:550}
html[data-theme="dark"] #stellar-concept .trade-screen>.trade-review-action{position:fixed;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:430px;bottom:calc(97px + env(safe-area-inset-bottom,0px));z-index:15;margin:0;transition:background .2s ease;box-shadow:0 7px 25px #0009,inset 0 1px #fff5}
html[data-theme="dark"] #stellar-concept[data-keyboard-open="true"] #holder-dock{display:none}
html[data-theme="dark"] #stellar-concept[data-keyboard-open="true"] .trade-screen>.trade-review-action{position:fixed;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:430px;bottom:calc(var(--keyboard-inset,0px) + 10px);margin:0;min-height:49px}
html[data-theme="dark"] #stellar-concept[data-keyboard-open="true"] .trade-screen{padding-bottom:80px}
@keyframes trustline-processing{to{transform:rotate(360deg)}}
@media(max-width:360px){
 #stellar-concept .tl-review-card{padding:17px}
 #stellar-concept .tl-review-heading h2{font-size:17px}
 #stellar-concept .tl-token-chips{gap:5px}
 #stellar-concept .tl-token-chips span{font-size:10px;padding:6px 8px}
 #stellar-concept .trustline-notice{padding:15px;gap:10px}
 html[data-theme="dark"] #stellar-concept .collection-estimate{padding:9px}
 html[data-theme="dark"] #stellar-concept .trade-form{padding:16px}
}
@media(prefers-reduced-motion:reduce){
 #stellar-concept .tl-progress-orbit:before{animation:none;border-top-color:#e8cca0;border-right-color:#e8cca0}
}
html[data-theme="dark"] #stellar-concept :is(.ref-panel,.ref-balance,.wallet-pass,.mr-readiness,.mr-received){border-color:#ffffff20;box-shadow:inset 0 1px #ffffff12,0 12px 28px #0003}
html[data-theme="dark"] #stellar-concept :is(.ref-balance-value,.mr-total-amount,.mr-history-amount){font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.5px}
html[data-theme="dark"] #stellar-concept .mr-home-status{border-color:#d8c29a33;background:#d8c29a08}
html[data-theme="dark"] #stellar-concept :is(.ref-copy,.ref-refresh,.mr-refresh,.wallet-action){min-height:44px}
html[data-theme="dark"] #stellar-concept :is(.primary,.secondary,.tl-text,.ref-copy,.mr-primary):focus-visible{outline:2px solid #f0d6a6;outline-offset:3px}

html[data-theme="dark"] #stellar-concept .trade-form .trade-input-row{min-height:83px}
html[data-theme="dark"] #stellar-concept .trade-direction{height:34px}
html[data-theme="dark"] #stellar-concept .trade-direction button,html[data-theme="dark"] #stellar-concept .trade-direction-icon{width:32px;height:32px}
html[data-theme="dark"] #stellar-concept .trade-screen[data-trade-state="form"]{padding-bottom:75px}

html[data-theme="dark"] #stellar-concept .trade-screen>.trade-review-action:active{transform:translateX(-50%) scale(.985)}
