/* CashMe v1 brand containers. Official artwork is never filtered or recolored. */
:root{--cm-tile-surface:#151517;--cm-tile-hover:#202023;--cm-tile-border:#444448;--cm-tile-text:#f7f7f6;--cm-tile-muted:#b3b3b3;--cm-tile-accent:#C89555;--cm-tile-success:#72ce9e;--cm-tile-danger:#ff9393;--cm-tile-radius:16px}
[data-cashme-theme="light"]{--cm-tile-surface:#fff;--cm-tile-hover:#f5f3ef;--cm-tile-border:#d1d1d4;--cm-tile-text:#202023;--cm-tile-muted:#626266;--cm-tile-accent:#855820;--cm-tile-success:#24734a;--cm-tile-danger:#b12736}
.cm-asset{display:inline-flex;position:relative;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 auto;color:inherit;vertical-align:middle}
.cm-asset>svg,.cm-asset>img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}.cm-asset>img[hidden]{display:none}
.cm-asset[data-container="light"]{background:#fff;padding:6px;border-radius:10px;box-sizing:border-box}
.cm-brand-tile{display:flex;align-items:center;gap:16px;width:100%;min-height:92px;padding:20px;border:1px solid var(--cm-tile-border);border-radius:var(--cm-tile-radius);background:var(--cm-tile-surface);color:var(--cm-tile-text);font:inherit;text-align:left;box-sizing:border-box;transition:background .15s,border-color .15s}
button.cm-brand-tile{cursor:pointer}button.cm-brand-tile:hover:not(:disabled),.cm-brand-tile[data-state="hover"]{background:var(--cm-tile-hover)}
.cm-brand-tile:focus-visible,.cm-brand-tile[data-state="focused"]{outline:2px solid var(--cm-tile-accent);outline-offset:3px}
.cm-brand-tile>.cm-asset:first-child{width:44px;height:44px}.cm-brand-tile>.cm-asset:last-child:not(:first-child){width:20px;height:20px}
.cm-brand-tile__copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1;overflow-wrap:anywhere}.cm-brand-tile strong{font-size:16px;font-weight:600;line-height:1.3}.cm-brand-tile small{font-size:13px;line-height:1.45;color:var(--cm-tile-muted)}.cm-brand-tile__status{font-size:12px;line-height:1.4;color:var(--cm-tile-muted)}.cm-brand-tile__status:empty{display:none}.cm-brand-tile__badge{font-size:11px;color:var(--cm-tile-muted);border:1px solid var(--cm-tile-border);padding:3px 7px;border-radius:6px;align-self:flex-start}
.cm-brand-tile[data-state="selected"]{border-color:var(--cm-tile-accent);box-shadow:inset 0 0 0 1px var(--cm-tile-accent)}.cm-brand-tile[data-state="connected"] .cm-brand-tile__status{color:var(--cm-tile-success)}.cm-brand-tile[data-state="reconnect_required"] .cm-brand-tile__status,.cm-brand-tile[data-state="needs_attention"] .cm-brand-tile__status{color:var(--cm-tile-accent)}.cm-brand-tile[data-state="unsupported_network"] .cm-brand-tile__status{color:var(--cm-tile-danger)}.cm-brand-tile:disabled{cursor:default}.cm-brand-tile[data-state="connecting"] .cm-brand-tile__status:before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cm-asset-spin 1s linear infinite}
.cashme-wallet-brand.cm-asset{width:40px;height:40px;background:transparent;color:var(--cm-tile-text);border-radius:10px}.cashme-wallet-brand.cm-asset[data-container="light"]{background:#fff}
.cm-network-chip{display:inline-flex;gap:7px;align-items:center;padding:6px 10px;border:1px solid var(--cm-tile-border);border-radius:8px;color:var(--cm-tile-text);font-size:12px}.cm-network-chip .cm-asset{width:18px;height:18px}
@keyframes cm-asset-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cm-brand-tile{transition:none}.cm-brand-tile[data-state="connecting"] .cm-brand-tile__status:before{animation:none}}

.cm-asset[data-container="dark"]{background:#101012;padding:6px;border-radius:10px;box-sizing:border-box}

/* V1.1 official wordmarks: preserve proportions and source colors. */
.cm-asset[data-layout="wide"]{width:112px;min-width:112px;height:40px;flex-shrink:0}.cm-asset img{object-fit:contain}.cm-brand-tile .cm-asset[data-layout="wide"]{width:120px;height:48px}


.cm-network-chip .cm-asset[data-layout="wide"]{width:104px;min-width:104px;height:32px}

/* Final pass: enough content height for recognizable 24–32 px brand marks. */
.cm-asset[data-layout="wide"]{width:132px;min-width:132px;height:40px;padding:4px 6px}.cm-brand-tile .cm-asset[data-layout="wide"]{width:132px;height:40px}.cm-asset[data-layout="square"][data-brand="true"]{padding:2px}
