/* CENTRO Mining Run 10 — integration and responsive finishing layer.
   Presentation-only; does not modify account/mining behaviors. */
:root{--mc10-hit:44px}
body.mc10-app{overscroll-behavior-x:none}
body.mc10-app :is(.mc7-app,.wrap,.wrap-wide,.metrics-page){min-width:0}
body.mc10-app :is(.mc7-panel,.mc9-heading,.mc9-compare,.mc9-toolbar,.mc9-kpi,.mc9-key-badges){min-width:0}
body.mc10-app :is(.mc7-tabs,.mining-quicknav){border-radius:13px}
body.mc10-app .mc10-nav :is(a,button){min-height:var(--mc10-hit);display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.25;text-decoration:none}
body.mc10-app .mc10-nav a[aria-current="page"]{background:#205789;color:#fff;box-shadow:inset 0 0 0 1px #4d9fdd}
body.mc10-app .mc10-nav :is(a,button):focus-visible{outline:3px solid #88d2ff;outline-offset:2px}
body.mc10-app :is(.mc9-action,.mc7-action,.mc9-compare button,.mc9-filter,.mc9-search,.mc9-detail-nav a){min-height:var(--mc10-hit)}
body.mc10-app .mc9-toolbar :is(input,select,button){min-height:var(--mc10-hit)}
body.mc10-app .mc9-key-badges{overflow-wrap:anywhere}
body.mc10-app .key-row[hidden],body.mc10-app #mc9NoMatch[hidden]{display:none!important}
body.mc10-app .mc9-compare__scroll{scrollbar-width:thin;scrollbar-color:#5186ae transparent;overscroll-behavior-x:contain}
body.mc10-app :is(.mc9-compare__scroll,.key-preview,pre){max-width:100%}
body.mc10-app :is(.mc9-compare,.mc9-toolbar,.mc7-providers,.mc7-pools){overflow-wrap:break-word}
body.mc10-app :is(.mc7-app,.wrap,.wrap-wide,.metrics-page) :is([id^="mc9-detail"],#keysCard,#poolContent,#mc9ProviderSearch,#calcCard){scroll-margin-top:calc(var(--cs-network-height,72px) + var(--nav-h,56px) + 14px)}
body.mc10-app .mc10-skip{position:fixed;z-index:10000;top:8px;left:8px;transform:translateY(-160%);padding:10px 16px;background:#f7fcff;color:#081829;border:2px solid #3aa6ef;border-radius:9px;font-size:14px;font-weight:800}
body.mc10-app .mc10-skip:focus{transform:translateY(0)}
body.mc10-app .mc10-mininav{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:8px;background:#0e2439;border:1px solid #2e5577;border-radius:13px;margin:0 0 16px}
body.mc10-app .mc10-mininav a{color:#a4d0f1;padding:9px 11px;border-radius:8px;min-height:var(--mc10-hit);font-size:12px;font-weight:800;text-decoration:none}
body.mc10-app .mc10-mininav a[aria-current="page"],body.mc10-app .mc10-mininav a:hover{background:#205789;color:#fff}
body.mc10-app .mc10-mininav a:focus-visible{outline:2px solid #85d0ff;outline-offset:2px}
body.mc10-app .metrics-page{max-width:960px;padding-top:26px}
body.mc10-app .metrics-page .metric-card{background:#0d263e;color:#eaf5ff;border-color:#2e5375}
body.mc10-app .metrics-page .metric-card :is(h2,p){color:#dceaf8}
body.mc10-app .metrics-page .metric-card .example{background:#071d31;color:#dceafe}
body.mc10-app .metrics-page :is(h1,.sub,.tech-section h3,.tech-section p){color:#dceafa}
body.mc10-app .metrics-page .back-link{color:#94d2ff}
body.mc10-app #drawer .drawer-nav a:focus-visible{outline:2px solid #80caff;outline-offset:-2px}
@media(min-width:769px) and (max-width:1090px){
 body.mc10-app .mc10-nav{overflow-x:auto;scrollbar-width:thin}
 body.mc10-app .mc10-nav .mining-quicknav__links{flex-wrap:nowrap}
 body.mc10-app .mc10-nav :is(a,button){white-space:nowrap;flex-shrink:0}
 body.mc10-app .mc7-tabs{flex-wrap:nowrap}
}
@media(max-width:768px){
 body.mc10-app{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 body.mc10-app .bnav{height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}
 body.mc10-app .topbar{gap:8px;padding-left:10px;padding-right:10px}
 body.mc10-app .topbar .brand{min-width:0;font-size:1rem}
 body.mc10-app .topbar .brand img{width:24px!important;height:24px!important}
 body.mc10-app :is(.wrap,.wrap-wide){padding:14px 12px 30px}
 body.mc10-app .mc7-app{padding-left:12px;padding-right:12px}
 body.mc10-app .mc7-layout>*{min-width:0}
 body.mc10-app .mc9-toolbar{gap:9px}
 body.mc10-app .mc9-compare__scroll{margin-right:-4px;padding-bottom:6px}
 body.mc10-app .mc9-detail-nav{gap:6px}
 body.mc10-app .mc9-detail-nav a{flex:1 1 auto;min-width:85px}
 body.mc10-app .metrics-page{padding:17px 13px calc(110px + env(safe-area-inset-bottom,0px))}
 body.mc10-app .mc10-mininav{display:none} /* Existing bottom navigation stays unchanged. */
 body.mc10-app .bnav a:focus-visible{outline:2px solid #70c8ff;outline-offset:-2px}
}
@media(max-width:375px){
 body.mc10-app .mc9-heading{padding:15px 12px}
 body.mc10-app .mc9-actions{gap:6px}
 body.mc10-app .mc9-action{font-size:11px;padding:8px 9px}
 body.mc10-app .mc9-toolbar{padding:10px}
 body.mc10-app .mc9-kpi{padding:10px;min-width:0}
 body.mc10-app .mc9-kpi strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){body.mc10-app{scroll-behavior:auto}body.mc10-app *{scroll-behavior:auto!important}}