/* Approved Unison artwork, fitted to the existing layout and motion. */
.brand{gap:.75rem;min-width:0;flex-shrink:0;min-height:2.75rem}
.brand-symbol{flex:none;object-fit:contain}
.brand-wordmark{display:block;width:7.1rem;max-width:100%;height:auto;object-fit:contain}
.brand>.brand-wordmark{flex:none}
.site-header{gap:.75rem}
.site-header .brand{gap:.4rem;flex-shrink:0}
.site-header .header-actions .button{padding-inline:.75rem}
.site-header .brand-symbol{width:1.5rem;height:1.5rem}
.site-header .brand-wordmark{width:clamp(4rem,calc(40vw - 3.5rem),7.5rem)}
.hero-wordmark-base{object-fit:contain;background:none;color:inherit;-webkit-text-fill-color:initial}
.auth-wordmark .brand-wordmark{width:10rem;margin-inline:auto}
.preview-app-top>span:first-child{gap:.5rem}
.preview-app-top .brand-wordmark{width:4.3rem;height:auto}
.token-stack .brand-symbol{width:55%;height:55%;object-fit:contain}
@media(min-width:600px){.site-header .header-actions .button{padding-inline:1.1rem}.brand-wordmark{width:7.5rem}.site-header .brand{gap:.75rem}.site-header .brand-symbol{width:2.15rem;height:2.15rem}}

/* Current token identity uses the same panel and spacing as account information. */
.token-identity{padding:1.5rem;margin-block:1.5rem;min-width:0}
.token-identity .panel-title{flex-wrap:wrap;gap:.75rem}
.token-identity p{color:var(--muted);margin-block:.75rem;line-height:1.7}
.token-address-row{display:grid;gap:.5rem;padding-block:1rem;border-top:1px solid var(--line);min-width:0}
.token-address-row span{color:var(--muted);font-size:.8rem}
.token-address-row a,.token-address-row code{font-size:.85rem;overflow-wrap:anywhere;word-break:break-word;min-width:0}
.token-identity .settings-actions{flex-wrap:wrap;gap:1rem}
.token-section{padding-top:0;padding-bottom:0}
@media(min-width:768px){.token-address-row{grid-template-columns:9rem minmax(0,1fr)}}
.hero.has-token>.hero-content{grid-template-rows:var(--intro-label) var(--intro-logo) var(--intro-headline) auto minmax(540px,auto) auto auto}
.hero.has-token .hero-showcase{grid-row:5}
.hero.has-token .hero-description{grid-row:6}
.hero.has-token .under-showcase{grid-row:7}
.hero-token-slot{grid-row:4;position:relative;z-index:3;width:min(550px,calc(100% - 40px));min-width:0;margin:.5rem 0 0}
.hero-token{text-align:left;border-block:1px solid #b9d2ff24;padding:.25rem 0}
.hero-token-contract{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:.5rem}
.hero-token-contract>a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0;min-height:44px;padding:.5rem;color:var(--blue);border-radius:.4rem}
.hero-token-contract code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.7rem,2.85vw,.8rem);line-height:1.7;overflow-wrap:anywhere;min-width:0}
.hero-token-contract code span{display:inline-block;max-width:100%}
.hero-token-contract .icon{width:14px;height:14px;flex-shrink:0;color:var(--dim)}
.hero-token-contract>a:hover{color:var(--text);background:#b9d2ff08}
.hero-token-contract>a:focus-visible,.token-copy:focus-visible,.token-refresh:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.hero-token-contract .token-copy{min-width:44px;min-height:44px;color:var(--muted)}
.hero-token-contract .token-copy .icon{width:17px;height:17px;color:inherit}
.hero-token-pending{margin:0;padding:.65rem;font-size:.75rem;color:var(--muted)}
.token-identity .settings-actions{align-items:center}
.token-identity .settings-actions>a,.token-refresh{display:inline-flex;align-items:center;min-height:44px}
.token-refresh{padding:0;background:none;border:0;font:inherit;font-size:.8rem;color:var(--blue);cursor:pointer}
.token-refresh:hover{color:var(--text)}
.token-refresh:disabled{opacity:.6;cursor:wait}