/* GLOBYR 8 — visual polish and accessible responsive market workflow */
:root{--g8-lime:#c8ff12;--g8-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth}
.brand img,.g7-mark,.g-intro img,.map-globyr img,.g-mark{image-rendering:auto!important;object-fit:contain;filter:drop-shadow(0 2px 12px rgba(154,227,20,.12))}
.brand span,.sidebar-brand .brand span,.landing-footer .brand span,.g-intro span{font-family:var(--sans)!important;font-weight:800!important;letter-spacing:.045em!important}
.brand{gap:.5rem!important}
.site-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header .brand img,.sidebar-brand .brand img{width:42px!important;height:42px!important}
.g-intro img{width:112px!important;height:112px!important}
.g-intro span{letter-spacing:.14em!important}
.hero{position:relative}
.hero .hero-copy{position:relative;z-index:1}
.hero h1{font-family:var(--sans)!important;font-weight:800!important;letter-spacing:-.065em!important;text-wrap:balance;font-size:clamp(2.65rem,5.2vw,5.25rem)!important;line-height:1.02!important}
.hero-copy>p{max-width:36rem}
.preview-panel,.borrow-pane,.market-list-pane,.swap-panel{min-width:0}
.preview-panel{overflow:hidden;isolation:isolate}
.preview-panel:before{content:'';position:absolute;inset:0 0 auto auto;width:200px;height:200px;background:radial-gradient(circle,rgba(190,249,33,.11),transparent 72%);pointer-events:none}
.market-table-wrap,.g6-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.market-table,.g6-table{min-width:670px}
.market-table th,.g6-table th{white-space:nowrap}
.market-table tbody tr{transition:background-color .18s ease}
.market-table tbody tr:hover{background-color:rgba(160,228,34,.06)}
.market-table td,.g6-table td{font-variant-numeric:tabular-nums}
.workspace-main,.app-canvas,.workspace-content,.market-list-pane{min-width:0}
#borrow-pane{scroll-margin-top:80px}
.market-toolbar{gap:10px;flex-wrap:wrap}
.search-box{min-width:0;flex:1 1 220px}
.search-box input{width:100%;min-width:0}
.sort-box{flex:0 1 220px;min-width:0}
.g8-shortcuts{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 14px}
.g8-shortcuts>span{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-right:3px}
.g8-chip{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);border-radius:100px;padding:8px 13px;font:600 .82rem/1 var(--sans);min-height:34px;cursor:pointer;transition:color .2s,border-color .2s,background-color .2s}
.g8-chip:hover,.g8-chip:focus-visible{border-color:var(--accent);color:var(--ink);outline-offset:2px}
.g8-chip[aria-pressed="true"]{background:var(--accent);color:#10160a;border-color:var(--accent)}
.g8-chip[data-filter=""]{margin-left:auto;background:transparent}
.g8-tool-guide{margin:6px 0 16px;padding:10px 13px;border-left:2px solid var(--accent);font-size:.85rem;color:var(--ink-soft);background:rgba(151,215,37,.035);border-radius:0 8px 8px 0}
.g8-tool-guide strong{font-weight:700;color:var(--ink)}
.nav-item,.provider-row,.button,.theme-toggle{transition:transform .22s var(--g8-ease),background-color .22s,color .22s,border-color .22s}
.nav-item:focus-visible,.provider-row:focus-visible,.button:focus-visible,.g8-chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.market-status{overflow-wrap:anywhere}
#transaction-review,#borrow-panel{min-width:0}
.review-summary dd,.review-summary dt{overflow-wrap:anywhere}
@media(max-width:960px){
 .workspace-content{grid-template-columns:minmax(0,1fr)!important}
 #borrow-pane{width:100%;max-width:none;min-width:0}
 .market-table-wrap,.g6-table-wrap{border-radius:12px}
 .app-canvas{padding-inline:clamp(14px,3vw,28px)}
 .hero{padding-block:42px 54px}
}
@media(max-width:620px){
 html{scroll-behavior:auto}
 .site-header{gap:10px}
 .site-header .brand img{width:34px!important;height:34px!important}
 .site-header .brand span{font-size:1.15rem}
 .site-header nav{display:none}
 .site-header>.button{font-size:.8rem;padding:8px 10px}
 .hero{padding-top:34px!important}
 .hero h1{font-size:clamp(2.6rem,12vw,4rem)!important}
 .hero-actions{gap:12px;flex-wrap:wrap}
 .hero-actions .button{width:100%;justify-content:center}
 .preview-panel{min-width:0;max-width:100%}
 .preview-route,.preview-columns{font-size:.75rem}
 .workspace-main,.app-canvas,.workspace-content{max-width:100vw;overflow-x:clip}
 .app-header{min-width:0}
 .app-header-actions{gap:6px}
 .header-network{display:none}
 .view-title{align-items:flex-start;gap:10px;flex-wrap:wrap}
 .market-toolbar{display:flex;flex-direction:column;align-items:stretch}
 .search-box,.sort-box{flex:0 0 auto;width:100%;max-width:none}
 .g8-shortcuts{gap:6px}
 .g8-shortcuts>span{width:100%}
 .g8-chip{padding:9px 12px}
 .g8-chip[data-filter=""]{margin-left:0}
 #borrow-pane{scroll-margin-top:20px}
 .action-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
 .review-actions{flex-wrap:wrap}
 .review-actions .button{flex:1}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .nav-item,.provider-row,.button,.theme-toggle,.market-table tbody tr{transition:none!important}
}