/* Shared Monet Business design: a quiet banking surface with clear working areas. */
:root { --ws-ink:#203b2e; --ws-muted:#72806f; --ws-line:#e0e7dc; --ws-paper:#f3f5ef; --ws-card:#fcfdf9; --ws-soft:#edf2e6; --ws-green:#1d4532; --ws-lime:#d9edbb; }
html,body { background:var(--ws-paper); }
body { color:var(--ws-ink); background-attachment:initial; }
body::before { display:none; }
.sidebar { border-right:0; background:linear-gradient(165deg,#163e32,#112d25 70%); box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; padding:27px 16px 19px; }
.brand { margin:0 12px 27px; }
.brand img { width:111px; }
.workspace-pill { margin:0 4px 24px; padding:11px 10px; border:1px solid #d8e6d51b; border-radius:12px; background:#ffffff05; box-shadow:none; backdrop-filter:none; }
.workspace-logo { background:#d9edbb; color:#23452e; box-shadow:none; font:600 11px 'DM Sans',sans-serif; }
.workspace-pill strong { font-weight:500; font-size:12px; }
.workspace-pill small { color:#a3b7a8; font-size:9px; text-transform:none; letter-spacing:0; }
.side-label { color:#809888; font-size:8px; font-weight:500; letter-spacing:.14em; margin:0 14px 12px; }
.side-nav { display:flex; flex-direction:column; flex:1; gap:3px; }
@media(min-width:821px) { .side-nav { mask-image:linear-gradient(to bottom,#000 calc(100% - 12px),transparent); padding-bottom:12px; } }
.nav-item { min-height:40px; flex-shrink:0; gap:10px; padding:0 12px; border:1px solid transparent; border-radius:9px; font-size:11px; font-weight:500; color:#bdccbe; }
.nav-item:hover { background:#ffffff08; border-color:transparent; box-shadow:none; transform:none; }
.nav-item.active { background:#d5e8c616; border-color:#d5e8c619; box-shadow:none; color:#eff5e7; backdrop-filter:none; }
.nav-item::after { height:4px; width:4px; right:12px; background:#c9e6a7; }
.nav-icon,.nav-item.active .nav-icon,.nav-item:hover .nav-icon { width:23px; height:23px; flex-basis:23px; border:0; border-radius:0; background:transparent; color:#95b99d; box-shadow:none; transform:none; }
.nav-item.active .nav-icon { color:#d3e9bb; }
.nav-icon::after { display:none; }
.nav-icon svg { width:17px; height:17px; stroke-width:1.5; }
.workspace-nav-section { margin:20px 14px 8px; color:#809888; font-size:8px; letter-spacing:.14em; }
.side-bottom { padding-top:18px; }
.support-box { padding:15px 13px; margin:0 4px 14px; border:1px solid #c9dec51c; border-radius:12px; background:#ffffff04; box-shadow:none; backdrop-filter:none; }
.support-box strong { font:500 11px 'DM Sans',sans-serif; color:#d7e3d2; }
.support-box p { color:#9cb19f; font-size:10px; line-height:1.6; margin-bottom:12px; }
.support-box a { display:flex; align-items:center; justify-content:space-between; font-size:10px; font-weight:500; color:#d4e8b9; }
.support-box .workspace-community-link { color:#adc6ae; margin-top:11px; }
.support-box a:hover { color:#fff; }
.environment { font-size:9px; color:#91aa98; }
.environment::before { width:5px; height:5px; background:#b7d997; box-shadow:0 0 0 3px #b7d9970c; }
.topbar { min-height:72px; padding:0 40px; background:#f3f5eff5; border-bottom:1px solid var(--ws-line); box-shadow:none; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.crumb { font-size:11px; gap:11px; }
.crumb span { color:#8a9583; }
.crumb b { color:#55694b; font-weight:500; }
.icon-button,.user-button { border:1px solid #e2e8da; border-radius:11px; background:#fcfdf8; box-shadow:none; backdrop-filter:none; }
.icon-button { width:35px; height:35px; color:#6e8360; }
.user-button { padding:5px 10px 5px 5px; gap:9px; }
.user-button strong { font-weight:500; color:#41573a; }
.user-button small { color:#7c8c72; }
.avatar { border:0; border-radius:8px; background:#e4edda; color:#5a754c; box-shadow:none; font:600 10px 'DM Sans',sans-serif; }
.menu { border:1px solid var(--ws-line); border-radius:14px; background:var(--ws-card); box-shadow:0 14px 36px #19382316; }
.menu a,.menu button { background:transparent; border-color:var(--ws-line); font-size:12px; }
.page:not(#page-overview) { width:min(calc(100% - 80px),1280px); padding:36px 0 64px; color:var(--ws-ink); }
.page [hidden] { display:none!important; }
.page:not(#page-overview) :is(.page-head,.trade-workspace-head,.import-head,.earn-head) { align-items:center; gap:24px; margin:0 0 30px; }
.page:not(#page-overview) :is(.page-head,.trade-workspace-head,.import-head,.earn-head) h1,
:is(#tradeWorkspace,#importerWorkspace,#earnWorkspace)>h1 { font:500 clamp(28px,2.5vw,36px)/1.15 'DM Sans',sans-serif; letter-spacing:-1.2px; margin:0 0 10px; }
.workspace-eyebrow,.page .earn-eyebrow { display:block; margin:0 0 12px; color:#788571; font-size:9px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; }
.page:not(#page-overview) :is(.page-head,.trade-workspace-head,.import-head,.earn-head) p { max-width:620px; margin:0; color:var(--ws-muted); font-size:12px; line-height:1.7; }
.head-actions { align-items:center; gap:8px; }
.page:not(#page-overview) .button { min-height:41px; padding:0 17px; border:1px solid #dce4d5; border-radius:30px; background:#fcfdf9; color:#375330; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; font:600 11px 'DM Sans',sans-serif; }
.page:not(#page-overview) .button:hover { background:#f3f7ed; border-color:#c6d4b9; box-shadow:0 4px 12px #24412b09; }
.page:not(#page-overview) .button.primary { background:var(--ws-green); border-color:var(--ws-green); color:#f7fbef; }
.page:not(#page-overview) .button.primary:hover { background:#2a533a; }
.page:not(#page-overview) .button.lime { background:var(--ws-lime); border-color:var(--ws-lime); color:#304d27; }
.page:not(#page-overview) .button.small { min-height:32px; padding:0 13px; font-size:10px; }
.page:not(#page-overview) .button:disabled { opacity:.45; box-shadow:none; transform:none; }
.page :is(button,a,input,select,textarea):focus-visible { outline:2px solid #639155; outline-offset:3px; }
.page:not(#page-overview) :is(.panel,.account-card,.crypto-chart-card,.crypto-swap-card,.trade-records,.trade-editor,.import-list,.import-editor,.earn-card,.earn-stat) { border:1px solid var(--ws-line); border-radius:22px; background:var(--ws-card); box-shadow:0 2px 4px #29412704; backdrop-filter:none; -webkit-backdrop-filter:none; }
.page:not(#page-overview) .panel-head { min-height:82px; padding:22px 25px; border-color:var(--ws-line); background:transparent; }
.page:not(#page-overview) .panel-head h2 { font:600 15px/1.3 'DM Sans',sans-serif; letter-spacing:-.2px; }
.page:not(#page-overview) .panel-head p { margin-top:6px; color:#819076; font-size:10px; line-height:1.5; }
.page:not(#page-overview) .panel-body { padding:25px; }
.page:not(#page-overview) .status-pill { padding:6px 9px; border:0; background:#edf1e7; color:#6b7c60; box-shadow:none; backdrop-filter:none; font:500 9px 'DM Sans',sans-serif; }
.page:not(#page-overview) .status-pill:is(.completed,.active) { background:#e9f1df; color:#4d733d; }
.page:not(#page-overview) .status-pill:is(.pending,.processing,.submitted) { background:#f8efd9; color:#957539; }
.page:not(#page-overview) .status-pill:is(.failed,.rejected) { background:#faeae5; color:#a95647; }
.page:not(#page-overview) th { padding:14px 25px; background:#f1f5ea; border-color:var(--ws-line); color:#86927a; font:500 9px 'DM Sans',sans-serif; letter-spacing:.06em; }
.page:not(#page-overview) td { padding:19px 25px; border-color:#e8ede1; color:#6d7c62; font-size:11px; }
.page:not(#page-overview) td strong { color:#364e2e; font-size:12px; font-weight:500; }
.page:not(#page-overview) td small { color:#919b86; font-size:10px; }
.page:not(#page-overview) tbody tr:hover { background:#f4f7ef; }
.page:not(#page-overview) .empty { padding:58px 28px; }
.page:not(#page-overview) .empty-icon { width:53px; height:53px; border:1px solid #e0e8d4; border-radius:17px; background:#edf3e4; color:#6d9155; box-shadow:none; font-weight:400; }
.empty-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.page:not(#page-overview) .empty h3 { font:500 23px/1.3 'DM Sans',sans-serif; letter-spacing:-.65px; color:#3b5531; }
.page:not(#page-overview) .empty p { max-width:380px; margin:12px auto 23px; color:#829175; font-size:12px; line-height:1.8; }
.workspace-ledger-summary { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:17px; margin-bottom:24px; }
.workspace-ledger-summary article { min-width:0; padding:25px 27px; border:1px solid var(--ws-line); border-radius:22px; background:#fafcf6; }
.workspace-ledger-summary article:first-child { background:linear-gradient(120deg,#183d2e,#254d32); border-color:#264832; color:#eff7e7; }
.workspace-ledger-summary article>span { display:block; color:#788b6a; font-size:11px; }
.workspace-ledger-summary strong { display:block; margin:15px 0 10px; font:500 clamp(25px,2.5vw,36px)/1.1 'DM Sans',sans-serif; letter-spacing:-1.2px; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.workspace-ledger-summary small { color:#8c9b7e; font-size:10px; }
.workspace-ledger-summary article:first-child>span { color:#d3e1c8; }
.workspace-ledger-summary article:first-child small { color:#aac39a; }
/* Local receiving accounts. */
#page-accounts .account-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
#page-accounts .account-card { padding:27px; }
#page-accounts .account-card.dark { background:linear-gradient(135deg,#183d2e,#234a32); color:#eff5e7; border-color:#244a31; }
#page-accounts .account-card h3 { font:500 23px/1.25 'DM Sans',sans-serif; letter-spacing:-.65px; margin-top:24px; }
#page-accounts .account-card>p { color:#849275; font-size:11px; line-height:1.7; }
#page-accounts .account-card.dark>p { color:#b1c4a6; }
#page-accounts .currency-badge { padding:6px 9px; border:1px solid #dce5d2; border-radius:30px; background:#f3f7ed; color:#547041; box-shadow:none; font:500 11px 'DM Sans',sans-serif; }
#page-accounts .dark .currency-badge { border-color:#daebc52b; background:#ffffff09; color:#e1edcf; }
#page-accounts .account-detail { margin-top:23px; border:1px solid #e2e8d9; border-radius:13px; background:#f6f8f1; box-shadow:none; backdrop-filter:none; }
#page-accounts .account-card.dark .account-detail { background:#ffffff05; border-color:#deedcf22; }
#page-accounts .account-field { min-height:63px; padding:13px 15px; border-color:#e4eadb; }
#page-accounts .account-card.dark .account-field { border-color:#e1edcf15; }
#page-accounts .account-field small { font-size:8px; letter-spacing:.07em; font-weight:500; color:#859477; }
#page-accounts .account-card.dark .account-field small { color:#a9bd9a; }
#page-accounts .account-field strong { font-size:12px; font-weight:500; line-height:1.5; }
#page-accounts .account-card.dark .account-field strong { color:#e0ecd7; }
#page-accounts .currency-flag { width:21px; height:15px; object-fit:cover; border-radius:3px; }
#page-accounts .copy-button { border:1px solid #dce5d1; background:#fff; box-shadow:none; color:#527240; border-radius:20px; font-size:9px; font-weight:500; }
#page-accounts .dark .copy-button { border-color:#e0ebcd2b; background:#ffffff09; color:#d9e9c2; }
/* Treasury pages keep the app's existing execution controls. */
#page-stablecoins .stable-layout { gap:24px; }
#page-stablecoins .stable-wallet { color:#eef5e7; box-shadow:none; border-color:#284d34; background:linear-gradient(135deg,#183d2e,#244a31); }
#page-stablecoins .stable-wallet-label,#page-stablecoins .stable-wallet-row strong { color:#dcebd0; }
#page-stablecoins .stable-wallet-label small,#page-stablecoins .stable-wallet p,#page-stablecoins .stable-wallet-row span { color:#b3c7a5; }
#page-stablecoins .stable-wallet-note small { color:#a5bd94; }
#page-stablecoins .stable-wallet-row { border-color:#d5e8c51c; }
#page-stablecoins .stable-send-panel { background:#fcfdf9; border-color:var(--ws-line); box-shadow:0 2px 4px #29412704; }
#page-crypto .crypto-summary { display:grid; grid-template-columns:1.8fr 1fr 1fr; gap:17px; margin:0 0 24px; border:0; border-radius:0; background:none; box-shadow:none; overflow:visible; backdrop-filter:none; }
#page-crypto .crypto-total { min-height:180px; padding:26px 28px; border:1px solid #264832; border-radius:22px; background:linear-gradient(120deg,#183d2e,#244b32); box-shadow:none; backdrop-filter:none; }
#page-crypto .crypto-total h2 { display:flex!important; margin:20px 0 14px; font:500 clamp(31px,3vw,46px)/1.05 'DM Sans',sans-serif; letter-spacing:-1.5px; }
#page-crypto .crypto-total>div>span { color:#d3dfc9; font-size:11px; text-transform:none; letter-spacing:0; }
#page-crypto .crypto-total p { color:#abc199; font-size:10px; line-height:1.6; }
#page-crypto .crypto-stat { display:flex; flex-direction:column; justify-content:center; padding:25px; min-width:0; border:1px solid var(--ws-line); border-radius:22px; background:#fafcf6; }
#page-crypto .crypto-stat>span { color:#798c6b; font-size:11px; text-transform:none; letter-spacing:0; }
#page-crypto .crypto-stat>strong { margin:17px 0 12px; font:500 34px/1 'DM Sans',sans-serif; color:#3e5a32; }
#page-crypto .crypto-stat>small { font-size:10px; color:#899a79; line-height:1.6; }
#page-crypto .crypto-token-search-wrap { margin-bottom:24px; }
#page-crypto .crypto-token-search { min-height:58px; padding:8px 12px; border:1px solid #dce5d3; border-radius:16px; background:#fcfdf9; box-shadow:none; }
#page-crypto .crypto-token-search-icon { width:32px; height:32px; flex-basis:32px; background:transparent; box-shadow:none; border:0; color:#7e956c; }
#page-crypto .crypto-token-search input { height:39px; font:400 12px 'DM Sans',sans-serif; color:#3e5933; }
#page-crypto .crypto-token-search-clear { min-height:31px; border:1px solid #e1e8d8; border-radius:9px; background:#f1f5e9; color:#6d865a; box-shadow:none; font-size:10px; }
#page-crypto .crypto-token-results { background:#fcfdf9; border:1px solid #dce5d3; box-shadow:0 18px 40px #213a2318; }
#page-crypto .crypto-portfolio-view>.panel { margin-bottom:24px; }
#page-crypto .crypto-footnote { background:#f6f8f1; border-color:var(--ws-line); padding:14px 25px; color:#86977a; font-size:9px; line-height:1.6; }
#page-crypto .holding-row { padding:20px 25px; border-color:#e6ecde; }
#page-crypto .holding-name strong { font:500 14px 'DM Sans',sans-serif; }
#page-crypto .holding-amount,#page-crypto .holding-value { font-family:'DM Sans',sans-serif; }
#page-crypto .holding-value strong { font:500 15px 'DM Sans',sans-serif; }
#page-crypto .holding-icon { width:40px; height:40px; border-radius:50%; }
#page-crypto button.holding-row:hover { background:#f1f6e9; }
#page-crypto .crypto-launch-lane { background:transparent; padding:20px; border-color:var(--ws-line); }
#page-crypto .crypto-launch-lane-head { padding:0 4px 13px; }
#page-crypto .crypto-launch-row { padding:15px 10px; border-radius:12px; box-shadow:none; background:transparent; border-color:#e5eadf; }
#page-crypto .crypto-launch-row:hover { background:#eef4e5; }
#page-crypto .crypto-launch-copy strong { font:500 13px 'DM Sans',sans-serif; }
#page-crypto .crypto-launch-market>strong { font:500 12px 'DM Sans',sans-serif; }
#page-crypto .crypto-launch-source { font-size:9px; color:#7c946b; background:#eef4e7; box-shadow:none; }
#page-crypto .crypto-asset-title h1 { font:500 34px 'DM Sans',sans-serif; letter-spacing:-1.2px; }
#page-crypto .crypto-asset-position>strong { font:500 32px 'DM Sans',sans-serif; letter-spacing:-1px; }
#page-crypto .crypto-chart-head { padding:27px; }
#page-crypto .crypto-chart-price strong { font:500 clamp(28px,3vw,40px) 'DM Sans',sans-serif; letter-spacing:-1px; }
#page-crypto .crypto-ranges,#page-crypto .crypto-order-types { padding:4px; background:#edf2e6; border:1px solid #e5ebdc; box-shadow:none; backdrop-filter:none; border-radius:30px; }
#page-crypto .crypto-range,#page-crypto .crypto-order-type { border:0; background:transparent; box-shadow:none; border-radius:30px; color:#7c8e6e; font:500 10px 'DM Sans',sans-serif; }
#page-crypto .crypto-range.active,#page-crypto .crypto-order-type.active { background:#fff; color:#35572a; box-shadow:0 2px 6px #213d2410; }
#page-crypto .crypto-detail-stat { border-color:var(--ws-line); padding:19px 24px; }
#page-crypto .crypto-detail-stat span { color:#8a997c; font-size:9px; }
#page-crypto .crypto-detail-stat strong { font:500 12px 'DM Sans',sans-serif; }
#page-crypto .crypto-asset-about { padding:26px; background:transparent; border-color:var(--ws-line); }
#page-crypto .crypto-asset-about h3 { font:600 16px 'DM Sans',sans-serif; }
#page-crypto .crypto-asset-about p { font-size:12px; color:#78886b; line-height:1.8; }
#page-crypto .crypto-swap-card { padding:25px; }
#page-crypto .crypto-swap-head h2 { font:500 23px 'DM Sans',sans-serif; letter-spacing:-.6px; }
#page-crypto .crypto-orders-button { border:0; background:transparent; box-shadow:none; color:#6d8a56; font-size:10px; }
#page-crypto .crypto-swap-box { background:#f1f5eb; border:1px solid #e6ecdd; border-radius:16px; box-shadow:none; backdrop-filter:none; padding:17px; }
#page-crypto .crypto-swap-line input { background:transparent; border:0; box-shadow:none; backdrop-filter:none; color:#34552a; font:500 28px 'DM Sans',sans-serif; }
#page-crypto .crypto-asset-trigger { padding:8px 10px; background:#fcfdf9; border:1px solid #e2e9d9; border-radius:30px; box-shadow:none; }
#page-crypto .crypto-asset-trigger strong { font:500 10px 'DM Sans',sans-serif; }
#page-crypto .crypto-flip { width:34px; height:34px; border:4px solid var(--ws-card); border-radius:50%; background:#315c38; box-shadow:none; }
#page-crypto .crypto-asset-menu { background:#fcfdf9; border-color:#dbe5d1; box-shadow:0 18px 38px #253c271a; }
#page-crypto .crypto-asset-option { border:0; box-shadow:none; background:transparent; }
#page-crypto .crypto-asset-option:hover { background:#eff5e7; }
#page-crypto .crypto-quote { background:#f5f8f0; border:1px solid #e1e9d8; box-shadow:none; border-radius:15px; }
/* Relationships, referrals and card preview. */
.workspace-recipient-layout { display:grid; grid-template-columns:1.3fr 1fr; gap:24px; align-items:stretch; }
.workspace-recipient-book .empty { padding-block:75px!important; }
.workspace-guide { border:1px solid #dfe7d5; border-radius:22px; background:#eaf0df; padding:31px; }
.workspace-guide h2 { font:500 29px/1.25 'DM Sans',sans-serif; letter-spacing:-.9px; margin:18px 0 13px; color:#426232; }
.workspace-guide>p { font-size:12px; color:#80926d; line-height:1.8; }
.workspace-guide ol { list-style:none; padding:0; margin:28px 0 0; }
.workspace-guide li { display:flex; gap:17px; padding:17px 0; border-top:1px solid #d7e1ca; }
.workspace-guide li>span { color:#8ba275; font-size:10px; padding-top:2px; }
.workspace-guide li strong { font-size:12px; font-weight:500; color:#536e42; }
.workspace-guide li p { font-size:11px; line-height:1.7; color:#829570; margin:5px 0 0; }
#page-referrals .referral-layout { gap:24px; }
#page-referrals .referral-hero { padding:36px; border:1px solid #254c33; border-radius:24px; background:linear-gradient(125deg,#193d2e,#2a5035); box-shadow:none; }
#page-referrals .referral-hero h2 { max-width:430px; font:500 clamp(31px,3.4vw,46px)/1.15 'DM Sans',sans-serif; letter-spacing:-1.5px; color:#f0f6e7; }
#page-referrals .referral-hero p { max-width:390px; color:#b9cba8; font-size:12px; line-height:1.9; }
#page-referrals .referral-eyebrow { color:#c4d8ae; font-size:9px; font-weight:500; letter-spacing:.14em; }
#page-referrals .referral-link-box { border:1px solid #dcebc431; background:#ffffff09; border-radius:14px; box-shadow:none; }
#page-referrals .referral-link-box code { color:#e5f0d6; font-size:12px; }
#page-referrals .referral-actions .button { background:transparent; border-color:#c5dfaa3b; color:#d5e8bd; }
#page-referrals .referral-stat { padding:23px 19px; border-color:var(--ws-line); }
#page-referrals .referral-stat>strong { font:500 30px 'DM Sans',sans-serif; color:#496738; }
#page-referrals .referral-how { padding:28px; }
#page-referrals .referral-how h3 { font:600 16px 'DM Sans',sans-serif; }
#page-referrals .referral-how>p,#page-referrals .referral-step small { color:#879779; font-size:11px; line-height:1.7; }
#page-referrals .referral-step { border-color:var(--ws-line); }
#page-referrals .referral-step>b { border:1px solid #e2e9d6; background:#eef4e5; box-shadow:none; color:#73915b; border-radius:50%; font:500 11px 'DM Sans',sans-serif; }
#page-referrals .referral-step strong { font:500 12px 'DM Sans',sans-serif; }
#page-cards .cards-business-layout { gap:24px; }
#page-cards .cards-stage { min-height:440px; border-color:#e0e7d7; background:radial-gradient(ellipse at 50% 40%,#eef4e2,#e2e9d7); }
#page-cards .cards-stage::before { opacity:.18; }
#page-cards .business-monet-card { box-shadow:0 25px 40px #28452e26; }
#page-cards .cards-stage-note { color:#7c9069; font-size:10px; }
#page-cards .cards-coming { padding:31px; }
#page-cards .cards-coming h2 { font:500 30px/1.2 'DM Sans',sans-serif; letter-spacing:-1px; }
#page-cards .cards-coming>p { font-size:12px; color:#7b8c6e; line-height:1.8; }
#page-cards .cards-coming-badge { background:#ecf2e3; border:1px solid #e0e7d6; box-shadow:none; font-size:9px; color:#799462; }
#page-cards .cards-feature { border-color:var(--ws-line); }
#page-cards .cards-feature>b { background:#edf3e5; color:#73965a; box-shadow:none; border-radius:11px; }
#page-cards .cards-feature strong { font:500 12px 'DM Sans',sans-serif; }
#page-cards .cards-feature small { color:#849675; font-size:11px; line-height:1.7; }
#page-cards .cards-current { background:#edf2e4; padding:27px; }
#page-cards .cards-current h3 { font:500 19px 'DM Sans',sans-serif; letter-spacing:-.4px; }
#page-cards .cards-current p { font-size:11px; color:#829472; line-height:1.8; }
/* Verification and integrations. */
#page-compliance .compliance-grid { gap:24px; }
#page-compliance .check-row { padding:24px; border-color:var(--ws-line); gap:17px; }
#page-compliance .check-icon { border:1px solid #e1e9d5; border-radius:50%; background:#eff4e7; box-shadow:none; color:#8aa172; font:500 12px 'DM Sans',sans-serif; }
#page-compliance .check-row.done .check-icon { background:#dceacb; color:#527b3b; }
#page-compliance .check-row strong { font:500 13px 'DM Sans',sans-serif; }
#page-compliance .check-row small { font-size:11px; color:#87967a; line-height:1.7; }
#page-compliance .help-card { padding:31px; background:#eaf0e0; }
#page-compliance .help-card h3 { font:500 25px 'DM Sans',sans-serif; letter-spacing:-.6px; }
#page-compliance .help-card p { color:#7b8e6b; font-size:12px; line-height:1.9; }
#page-developers .overview-grid { gap:24px; }
#page-developers .quick-row { padding:17px 0; border-color:var(--ws-line); }
#page-developers .quick-row strong { font:500 11px 'DM Sans',sans-serif; overflow-wrap:anywhere; }
#page-developers .quick-row small { color:#87977a; font-size:10px; }
#page-developers .quick-row>b { color:#72925a; font-weight:500; }
#page-developers .mcp-tool-grid { gap:13px; }
#page-developers .mcp-tool-card { padding:22px; background:#f1f5e9; border:1px solid #e2e9d7; border-radius:15px; box-shadow:none; }
#page-developers .mcp-tool-card>span { color:#91a47b; font-size:9px; letter-spacing:.09em; }
#page-developers .mcp-tool-card strong { font:500 12px/1.6 ui-monospace,monospace; color:#4b6b37; overflow-wrap:anywhere; }
#page-developers .mcp-tool-card small { color:#839773; font-size:11px; line-height:1.7; }
#page-telegram .telegram-connect { padding:48px; max-width:860px; margin:0 auto; background:#fcfdf9; }
#page-telegram .telegram-connect-icon { background:#e7efd9; border:1px solid #dce7cb; box-shadow:none; color:#6d9053; }
#page-telegram .telegram-connect h2 { font:500 29px 'DM Sans',sans-serif; letter-spacing:-.8px; }
#page-telegram .telegram-connect>p { font-size:12px; line-height:1.8; color:#809472; }
#page-telegram .telegram-auth-form input,#page-telegram .telegram-composer textarea { border:1px solid #dce6d2; border-radius:13px; background:#f3f7ed; box-shadow:none; font:400 14px 'DM Sans',sans-serif; }
#page-telegram .telegram-shell { border-radius:22px; background:#fcfdf9; }
#page-telegram .telegram-sidebar { background:#f4f7ef; border-color:var(--ws-line); }
#page-telegram .telegram-pane-head { border-color:var(--ws-line); background:transparent; }
#page-telegram .telegram-pane-head strong { font:500 14px 'DM Sans',sans-serif; }
#page-telegram .telegram-chat { border-radius:12px; box-shadow:none; background:transparent; }
#page-telegram .telegram-chat.active { background:#e7f0da; }
#page-telegram .telegram-message { box-shadow:none; border-color:#e1e9d6; }
#page-telegram .telegram-message.outgoing { background:#e6efdb; }
#page-telegram .telegram-status { background:#edf3e4; border:1px solid #e0e9d4; box-shadow:none; font-size:10px; }
/* Supplier and importer tools use the same surfaces, with roomy form layouts. */
:is(#tradeWorkspace,#importerWorkspace) { --line:var(--ws-line); --text:var(--ws-ink); --muted:var(--ws-muted); --import-border:var(--ws-line); --import-muted:var(--ws-muted); }
.trade-disclosure,.import-disclosure { max-width:none; margin:0 0 24px; padding:15px 19px; border:1px solid #dfe8d4; border-radius:14px; background:#ebf1e2; color:#7d906c; font-size:11px; line-height:1.8; }
.trade-layout,.import-layout { gap:24px; grid-template-columns:270px minmax(0,1fr); margin-top:0; }
#tradeMessage:empty,#importMessage:empty { display:none; }
.trade-list-head,.import-list-head { padding:22px; margin:0; }
.trade-list-head h2,.import-list-head h2 { font:600 14px 'DM Sans',sans-serif; margin:0; }
.import-list { padding:0; overflow:hidden; }
.trade-record,.import-record { padding:20px 22px; border-color:#e5ecdc; }
.trade-record.active,.import-record.active,.trade-record:hover,.import-record:hover { background:#eff5e7; border-radius:0; }
.trade-record strong,.import-record strong { font:500 14px 'DM Sans',sans-serif; }
.trade-record b,.import-record b { color:#678650; font-weight:500; }
.trade-record span,.trade-record small,.import-record span,.import-record small { font-size:10px; color:#8a9b7b; }
.trade-editor,.import-editor { padding:30px; }
.trade-empty,.import-empty { padding:37px 10px 46px; max-width:550px; }
.trade-empty h2,.import-empty h2 { font:500 34px/1.2 'DM Sans',sans-serif; letter-spacing:-1.1px; color:#456438; margin:20px 0 16px; }
.trade-empty p,.import-empty p { font-size:12px; line-height:1.9; color:#829675; }
.trade-empty>span,.import-empty>.import-small { display:block; color:#91a57d; font-size:9px; letter-spacing:.14em; }
.trade-empty-note,#importList>.import-small { padding:0 22px 23px; font-size:11px; color:#8a9b7c; line-height:1.8; }
.trade-editor-heading h2,.import-editor-head h2 { font:500 26px 'DM Sans',sans-serif; letter-spacing:-.6px; }
.trade-status,.import-status { padding:7px 10px; border-radius:20px; background:#ecf3e3; color:#74965a; font-size:10px; }
.trade-entry-grid,.import-grid { gap:19px; }
.trade-field,.import-field { color:#627d50; font-size:11px; font-weight:500; gap:9px; }
.trade-field :is(input,select,textarea),.import-field :is(input,select,textarea) { min-height:46px; border:1px solid #dfe7d5; border-radius:11px; background:#f8faf4; box-shadow:none; font-size:14px; color:#3e5f30; padding:12px 14px; }
.trade-entry { border:1px solid #dfe8d4; border-radius:16px; background:#f7faf2; padding:23px; }
.trade-entry legend { color:#799666; font-size:10px; letter-spacing:.03em; }
.trade-summary { border:1px solid #d5e2c8; border-radius:18px; background:#eaf2df; padding:27px; color:#537440; }
.trade-summary dl { border-color:#d5e2c8; }
.trade-small,.import-small { font-size:11px; line-height:1.8; }
.import-section { border-color:var(--ws-line); margin-top:27px; padding-top:27px; }
.import-section h3 { font:600 15px 'DM Sans',sans-serif; }
.import-event { border-color:#d1dfc3; padding:17px 0 17px 23px; }
.import-event:before { background:#8aaa71; }
.import-amount-note { border:1px solid #e1e9d7; border-radius:11px; background:#f1f6e9; font-size:11px; }
.import-check,.trade-check { font-size:12px; color:#6c845c; line-height:1.7; }
.import-check input { accent-color:#497039; }
/* Earn balances and vault actions. */
#page-earn .earn-grid { gap:24px; }
#page-earn .earn-card { padding:27px; margin-bottom:24px; }
#page-earn .earn-card h2 { font:600 16px 'DM Sans',sans-serif; }
#page-earn .earn-stats { gap:16px; margin-bottom:24px; }
#page-earn .earn-stat { padding:27px; }
#page-earn .earn-stat:first-child { background:linear-gradient(125deg,#193d2e,#264d33); border-color:#254a33; }
#page-earn .earn-stat-value { font-weight:500; letter-spacing:-1px; }
#page-earn .earn-stat-label { font-size:11px; color:#859879; }
#page-earn .earn-stat:first-child .earn-stat-label { color:#c5d9b5; }
#page-earn .earn-facts>div { padding:15px 0; border-color:var(--ws-line); }
#page-earn .earn-facts dt { color:#829674; }
#page-earn .earn-state { border:1px solid #dce7d0; border-radius:14px; background:#ecf3e4; color:#6c8858; font-size:11px; }
#page-earn .earn-error { background:#fbf0dd; border-color:#ecddbd; color:#8b6b31; }
#page-earn .earn-tabs { border:1px solid #e3ead9; border-radius:30px; background:#edf3e4; padding:4px; }
#page-earn .earn-tabs button { border-radius:30px; font-size:11px; }
#page-earn .earn-amount { padding:17px; background:#f3f7ec; border-color:#e0e8d6; border-radius:15px; }
#page-earn .earn-muted,#page-earn .earn-form-note,#page-earn .earn-risk { color:#849877; }
#page-earn .earn-stat:first-child .earn-muted { color:#b6cba6; }
#page-earn .earn-form-note,#page-earn .earn-risk { color:#697e5d; }
.page:not(#page-overview) :is(.empty p,.panel-head p,.workspace-guide>p,.workspace-guide li p) { color:#697b5d; }
/* Dialogs outside the dedicated app-style payout and Apple Pay flows. */
.modal-wrap:not(#modal-payout):not(#modal-apple) .modal { background:#fcfdf9; border-color:#e1e8d8; box-shadow:0 35px 100px #102c2433; backdrop-filter:none; }
.modal-wrap:not(#modal-payout):not(#modal-apple) .modal-head { background:transparent; border-color:var(--ws-line); }
.modal-wrap:not(#modal-payout):not(#modal-apple) .modal-head h2 { font:500 24px 'DM Sans',sans-serif; letter-spacing:-.6px; }
.modal-wrap:not(#modal-payout):not(#modal-apple) .field :is(input,select) { background:#f4f7ee; border-color:#dfe7d4; box-shadow:none; }
@media(min-width:1700px) { .page:not(#page-overview) { padding-top:44px; } }
@media(min-width:821px) and (max-width:1180px) {
  .page:not(#page-overview) { width:calc(100% - 48px); }
  .topbar { padding-inline:24px; }
  .page:not(#page-overview) :is(.page-head,.trade-workspace-head,.import-head) { flex-wrap:wrap; }
  .workspace-recipient-layout { grid-template-columns:1fr; }
  .trade-layout,.import-layout { grid-template-columns:1fr; }
  .trade-records,.import-list { max-height:320px; overflow:auto; }
  #page-crypto .crypto-summary { grid-template-columns:1.5fr 1fr 1fr; gap:12px; }
  #page-crypto .crypto-total,#page-crypto .crypto-stat { padding:21px; }
  .workspace-ledger-summary { gap:13px; }
  .workspace-ledger-summary article { padding:23px; }
}
@media(max-width:820px) {
  .sidebar { padding:0 12px; }
  .side-nav { flex-direction:row; align-items:center; gap:4px; }
  .workspace-nav-section { display:none; }
  .nav-item { width:auto; min-height:38px; padding:0 11px; font-size:11px; }
  .nav-item::after { display:none; }
  .nav-icon { width:20px; height:20px; flex-basis:20px; }
  .topbar { padding:0 20px; min-height:59px; }
  .page:not(#page-overview) { width:calc(100% - 40px); padding-top:28px; }
  .page:not(#page-overview) :is(.page-head,.trade-workspace-head,.import-head,.earn-head) { align-items:flex-start; gap:18px; margin-bottom:25px; }
  .page:not(#page-overview) :is(.page-head,.trade-workspace-head,.import-head,.earn-head) h1 { font-size:29px; }
  .workspace-ledger-summary { grid-template-columns:1fr 1fr; gap:14px; }
  .workspace-ledger-summary article:first-child { grid-column:1/-1; }
  .workspace-recipient-layout,.trade-layout,.import-layout { grid-template-columns:1fr; }
  .trade-records,.import-list { max-height:300px; overflow:auto; }
  #page-accounts .account-grid { grid-template-columns:1fr; }
  #page-crypto .crypto-summary { grid-template-columns:1fr 1fr; gap:14px; }
  #page-crypto .crypto-total { grid-column:1/-1; min-height:170px; }
  #page-crypto .crypto-stat { min-height:140px; padding:23px; }
  #page-crypto .crypto-total h2 { font-size:44px; }
  #page-crypto .crypto-stat>strong { font-size:29px; }
  #page-crypto .crypto-swap-line input { font-size:28px; }
}
@media(max-width:560px) {
  .workspace-eyebrow,.page .earn-eyebrow { font-size:8px; margin-bottom:10px; }
  .page:not(#page-overview) .head-actions { gap:7px; }
  .page:not(#page-overview) .button { min-height:41px; padding:0 15px; }
  .page:not(#page-overview) .panel-head { min-height:78px; padding:20px; gap:12px; }
  .page:not(#page-overview) .panel-head h2 { font-size:14px; }
  .page:not(#page-overview) .panel-body { padding:20px; }
  .page:not(#page-overview) .empty { padding:45px 20px; }
  .page:not(#page-overview) .empty h3 { font-size:22px; }
  .page:not(#page-overview) :is(th,td) { padding-inline:17px; }
  .workspace-ledger-summary article { padding:23px 19px; }
  .workspace-ledger-summary strong { font-size:clamp(19px,5.7vw,29px); letter-spacing:-.8px; }
  .workspace-ledger-summary article:first-child strong { font-size:40px; }
  .workspace-ledger-summary article>span,.workspace-ledger-summary small { font-size:10px; line-height:1.6; }
  .workspace-guide { padding:25px; }
  .workspace-recipient-book .empty { padding-block:50px!important; }
  #page-accounts .account-card { padding:24px; }
  #page-accounts .account-card h3 { font-size:24px; }
  #page-crypto .crypto-token-search { padding-inline:9px; gap:6px; }
  #page-crypto .crypto-token-search input { font-size:11px; min-width:0; }
  #page-crypto .crypto-token-search-icon { width:23px; flex-basis:23px; }
  #page-crypto .holding-row { padding:19px; }
  #page-crypto .crypto-launch-lane { padding:15px; }
  #page-crypto .crypto-chart-head,#page-crypto .crypto-swap-card { padding:23px; }
  #page-crypto .crypto-swap-box { padding:14px; }
  #page-crypto .crypto-swap-line input { font-size:26px; }
  #page-referrals .referral-hero { padding:28px; }
  #page-referrals .referral-hero h2 { font-size:37px; }
  #page-referrals .referral-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #page-referrals .referral-stat { padding:21px 15px; border-bottom:0; border-right:1px solid var(--ws-line); }
  #page-referrals .referral-stat:last-child { border-right:0; }
  #page-referrals .referral-stat strong { font-size:26px; }
  #page-referrals .referral-stat span { font-size:9px; }
  #page-cards .cards-stage { min-height:330px; padding:26px; }
  #page-cards .cards-coming,#page-cards .cards-current { padding:26px; }
  #page-compliance .check-row { padding:21px 18px; gap:12px; flex-wrap:wrap; }
  #page-compliance .check-row>div { min-width:0; }
  #page-compliance .help-card { padding:27px; }
  #page-telegram .telegram-connect { padding:35px 24px; }
  .trade-entry-grid,.import-grid { grid-template-columns:1fr; }
  .trade-editor,.import-editor { padding:23px; }
  .trade-empty,.import-empty { padding:23px 0; }
  .trade-empty h2,.import-empty h2 { font-size:30px; }
  .trade-entry { padding:17px; }
  .trade-summary { padding:21px; }
  .trade-workspace-head .button { width:auto; }
  .trade-actions .button,.import-head .import-actions .button { flex:1; min-width:140px; }
  #page-earn .earn-stat,#page-earn .earn-card { padding:23px; }
  #page-earn .earn-grid { gap:0; }
}
@media(max-width:360px) {
  .workspace-ledger-summary { grid-template-columns:1fr; }
  .workspace-ledger-summary strong { font-size:30px; }
  .workspace-ledger-summary article:first-child strong { font-size:34px; }
}
@media(prefers-reduced-motion:reduce) { .page *, .sidebar * { scroll-behavior:auto; transition-duration:.01ms!important; } }