.mixt-live-status-card{
    border:1px solid rgba(255,255,255,.10);
    border-radius:24px;
    background:
        radial-gradient(circle at 80% 10%, rgba(0,184,255,.13), transparent 34%),
        linear-gradient(135deg, rgba(16,23,53,.94), rgba(8,12,30,.94));
    box-shadow:var(--shadow), inset 0 0 0 1px rgba(255,255,255,.03);
    padding:24px;
    margin-bottom:24px;
}
.mixt-live-status-head{margin-bottom:18px}
.mixt-live-kicker{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#8cf8cd;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.14em;
    font-weight:900;
    margin-bottom:6px;
}
.mixt-live-status-card h2{margin:0 0 6px;font-size:26px}
.mixt-live-status-card p{margin:0;color:var(--muted);line-height:1.5}
.mixt-live-refresh-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid rgba(114,215,255,.36);
    color:#fff;
    background:linear-gradient(135deg, rgba(0,184,255,.22), rgba(138,44,255,.18));
    border-radius:999px;
    padding:9px 14px;
    font-weight:900;
    white-space:nowrap;
}
.mixt-live-refresh-btn:hover{border-color:rgba(255,255,255,.50);filter:brightness(1.08)}
.mixt-live-refresh-btn:disabled{opacity:.68;cursor:wait}
.mixt-live-refresh-icon{display:inline-block;font-size:17px;line-height:1}
.mixt-live-status-card.is-loading .mixt-live-refresh-icon{animation:mixtLiveSpin .8s linear infinite}
@keyframes mixtLiveSpin{to{transform:rotate(360deg)}}
.mixt-live-alert{
    border-radius:16px;
    padding:11px 13px;
    margin:0 0 14px;
    font-weight:800;
    font-size:13px;
}
.mixt-live-alert.is-warning{background:rgba(255,184,77,.10);border:1px solid rgba(255,184,77,.25);color:#ffd89b}
.mixt-live-alert.is-danger{background:rgba(255,77,109,.10);border:1px solid rgba(255,77,109,.30);color:#ffb2c1}
.d-none{display:none!important}
.mixt-live-main-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.mixt-live-metric{
    min-height:84px;
    padding:15px;
    border-radius:18px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}
.mixt-live-metric span{
    display:block;
    color:var(--muted);
    font-size:12px;
    font-weight:800;
    margin-bottom:8px;
}
.mixt-live-metric strong{
    display:block;
    color:#fff;
    font-size:18px;
    line-height:1.2;
    word-break:break-word;
}
.mixt-live-subgrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:12px;
}
.mixt-live-panel{
    padding:15px;
    border-radius:18px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.08);
}
.mixt-live-panel-wide{grid-column:1/-1}
.mixt-live-panel-title{
    color:#fff;
    font-weight:900;
    margin-bottom:10px;
}
.mixt-live-flags{display:flex;flex-wrap:wrap;gap:8px}
.mixt-live-chip{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:7px 10px;
    font-size:12px;
    font-weight:900;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.05);
    color:#d8def8;
}
.mixt-live-chip.is-on{color:#8cf8cd;border-color:rgba(36,230,162,.26);background:rgba(36,230,162,.08)}
.mixt-live-chip.is-off{color:#aeb7d6}
.mixt-live-list{display:grid;gap:8px}
.mixt-live-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    border-radius:14px;
    background:rgba(0,0,0,.16);
    border:1px solid rgba(255,255,255,.06);
}
.mixt-live-row strong{display:block;color:#fff;font-size:13px}
.mixt-live-row span{display:block;color:var(--muted);font-size:12px;margin-top:3px;word-break:break-word}
.mixt-live-row b{font-size:13px;color:#8cf8cd;white-space:nowrap}
.mixt-live-empty{color:var(--muted);font-weight:800;font-size:13px}
.mixt-live-footer{
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.08);
    color:var(--muted);
    font-size:13px;
}
.mixt-live-footer strong{color:#fff}
.mixt-live-cache-note{color:#8cf8cd;margin-left:6px}
@media(max-width:980px){
    .mixt-live-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mixt-live-subgrid{grid-template-columns:1fr}
}
@media(max-width:560px){
    .mixt-live-status-card{padding:18px;border-radius:20px}
    .mixt-live-main-grid{grid-template-columns:1fr}
    .mixt-live-status-head{display:block!important}
    .mixt-live-refresh-btn{margin-top:12px;width:100%;justify-content:center}
    .mixt-live-row{align-items:flex-start;flex-direction:column}
}
/* Minimal Bootstrap-compatible utility fallback for this isolated block. */
.mixt-live-status-card .d-flex{display:flex!important}
.mixt-live-status-card .align-items-start{align-items:flex-start!important}
.mixt-live-status-card .align-items-center{align-items:center!important}
.mixt-live-status-card .justify-content-between{justify-content:space-between!important}
.mixt-live-status-card .gap-2{gap:.5rem!important}
.mixt-live-status-card .gap-3{gap:1rem!important}
.mixt-live-status-card .flex-wrap{flex-wrap:wrap!important}
.mixt-live-status-card .btn{appearance:none;border:0;text-decoration:none;cursor:pointer;font:inherit}
.mixt-live-status-card .btn-sm{font-size:.875rem}
.mixt-live-actions{
    display:flex;
    align-items:flex-end;
    gap:10px;
    flex-direction:column;
    min-width:210px;
}
.mixt-live-countdown{
    color:var(--muted);
    font-size:12px;
    font-weight:400;
    text-align:right;
}
.mixt-live-countdown strong{color:inherit;font-weight:400}
.mixt-live-pool-links{
    line-height:1.9;
    font-size:14px;
    font-weight:900;
}
.mixt-live-pool-links a,
.mixt-live-row a{
    color:#8cf8cd;
    text-decoration:none;
}
.mixt-live-pool-links a:hover,
.mixt-live-row a:hover{text-decoration:underline}
.mixt-live-separator{color:rgba(255,255,255,.35);margin:0 4px}
@media(max-width:560px){
    .mixt-live-actions{align-items:stretch;min-width:0;width:100%;margin-top:12px}
    .mixt-live-countdown{text-align:center}
    .mixt-live-tokenomics-grid .mixt-live-metric{grid-template-columns:1fr}
    .mixt-live-tokenomics-grid .mixt-live-metric em{text-align:left;margin-top:6px}
}

/* v0.3.22 product UI cleanup */
.mixt-product-navbar-wrap{
    position:sticky;
    top:0;
    z-index:1030;
    background:rgba(7,10,25,.92);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(255,255,255,.08);
}
.mixt-product-navbar{
    max-width:1180px;
    margin:0 auto;
    padding:.75rem 1rem;
}
.mixt-product-navbar .navbar-brand{color:#fff;font-weight:900;letter-spacing:.01em}
.mixt-product-navbar .navbar-brand:hover{color:#fff}
.mixt-product-navbar .navbar-nav .nav-link,
.mixt-product-navbar .navbar-nav a,
.mixt-product-navbar .mixt-navbar-auth a{
    color:rgba(232,237,255,.78);
    font-weight:800;
    padding:.5rem .75rem;
    border-radius:999px;
    text-decoration:none;
}
.mixt-product-navbar .navbar-nav .nav-link:hover,
.mixt-product-navbar .navbar-nav a:hover,
.mixt-product-navbar .mixt-navbar-auth a:hover{color:#fff;background:rgba(255,255,255,.08)}
.mixt-product-navbar .navbar-nav .active,
.mixt-product-navbar .navbar-nav a.active{color:#8cf8cd;background:rgba(36,230,162,.10)}
.hero-badges span[data-live-flag]{border-color:rgba(255,255,255,.12)}
.hero-badges span[data-live-flag].is-off{color:#aeb7d6;background:rgba(255,255,255,.055)}
.hero-badges span[data-live-flag].is-on{color:#8cf8cd;background:rgba(36,230,162,.10);border-color:rgba(36,230,162,.26)}
.mixt-live-section-title{
    color:#fff;
    font-weight:900;
    margin:18px 0 10px;
    letter-spacing:.01em;
}
.mixt-live-tokenomics-grid{margin-bottom:2px}
.mixt-live-metric em{
    display:block;
    margin-top:6px;
    color:#8cf8cd;
    font-size:12px;
    font-style:normal;
    font-weight:900;
}
.mixt-live-tokenomics-grid .mixt-live-metric{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:12px;
    align-items:end;
}
.mixt-live-tokenomics-grid .mixt-live-metric span{grid-column:1/-1}
.mixt-live-tokenomics-grid .mixt-live-metric strong{min-width:0}
.mixt-live-tokenomics-grid .mixt-live-metric em{
    margin-top:0;
    text-align:right;
    white-space:nowrap;
    font-size:14px;
    color:#dce7ff;
}
.mixt-live-distribution-panel{
    margin-top:12px;
    padding:16px;
    border-radius:18px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.08);
}
.mixt-live-chart-wrap{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:18px;
    align-items:center;
}
.mixt-live-pie{
    width:168px;
    height:168px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.10), 0 18px 38px rgba(0,0,0,.22);
    position:relative;
}
.mixt-live-pie:after{
    content:'';
    position:absolute;
    inset:42px;
    border-radius:50%;
    background:linear-gradient(135deg, rgba(16,23,53,.98), rgba(8,12,30,.98));
    border:1px solid rgba(255,255,255,.08);
}
.mixt-live-legend{display:grid;gap:9px}
.mixt-live-legend-row{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:9px 10px;
    border-radius:14px;
    background:rgba(0,0,0,.15);
    border:1px solid rgba(255,255,255,.06);
}
.mixt-live-legend-dot{
    width:11px;
    height:11px;
    border-radius:50%;
    flex:0 0 auto;
    margin-top:4px;
}
.mixt-live-legend-row strong{display:block;color:#fff;font-size:13px}
.mixt-live-legend-row span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
@media(max-width:720px){
    .mixt-live-chart-wrap{grid-template-columns:1fr;justify-items:center}
    .mixt-live-legend{width:100%}
}

/* v0.3.25 exact live-status layout corrections */
.mixt-live-top-grid{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(300px, 460px);
    gap:16px;
    align-items:stretch;
    margin-bottom:18px;
}
.mixt-live-top-grid .mixt-live-status-head{margin-bottom:0}
.mixt-live-pools-top-panel{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:132px;
}
.mixt-live-pools-top-panel .mixt-live-panel-title{margin-bottom:6px}
.mixt-live-pools-top-panel .mixt-live-pool-links{font-size:13px;line-height:1.75}
.mixt-live-pools-top-panel .mixt-live-actions{
    margin-top:12px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-width:0;
    width:100%;
}
.mixt-live-countdown,
.mixt-live-countdown span,
.mixt-live-countdown strong{
    color:var(--muted)!important;
    font-size:12px!important;
    font-weight:400!important;
    text-align:left!important;
}
.mixt-live-metric em,
.mixt-live-tokenomics-grid .mixt-live-metric em{
    color:#dce7ff;
    font-weight:700;
    font-size:13px;
    letter-spacing:0;
}
@media(max-width:980px){
    .mixt-live-top-grid{grid-template-columns:1fr}
    .mixt-live-pools-top-panel .mixt-live-actions{align-items:stretch;flex-direction:column}
    .mixt-live-countdown{text-align:left!important}
}

.mixt-live-metric-asset-issuer{grid-column:span 2}
.mixt-live-copy-stack{display:grid;gap:10px}
.mixt-live-copy-label{display:block;margin:0}
.mixt-live-copy-label small{display:block;color:var(--muted);font-size:11px;font-weight:900;margin:0 0 5px;text-transform:uppercase;letter-spacing:.04em}
.mixt-live-copy-field{position:relative;width:100%}
.mixt-live-copy-field textarea{
    width:100%;min-height:48px;resize:vertical;border:1px solid rgba(255,255,255,.12);
    border-radius:14px;background:rgba(0,0,0,.20);color:#fff;padding:10px 44px 10px 12px;
    font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
    outline:none;word-break:break-all
}
.mixt-live-copy-button{
    position:absolute;right:8px;top:8px;width:32px;height:32px;border:1px solid rgba(255,255,255,.14);
    border-radius:10px;background:rgba(255,255,255,.10);color:#fff;display:inline-flex;align-items:center;justify-content:center;
    cursor:pointer;transition:.16s ease
}
.mixt-live-copy-button:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.26)}
.mixt-live-copy-button.is-copied{color:#8cf8cd;border-color:rgba(36,230,162,.35);background:rgba(36,230,162,.12)}
.mixt-live-copy-button.is-copy-error{color:#ffb2c1;border-color:rgba(255,77,109,.35);background:rgba(255,77,109,.10)}
.mixt-live-copy-icon{width:18px;height:18px;display:block}
@media (max-width: 720px){.mixt-live-metric-asset-issuer{grid-column:1/-1}}

/* v1.0.11 compact dashboard + Bootstrap-like public navbar */
.topbar.mixt-bootstrap-navbar{
    display:block;
    min-height:0;
    padding:0;
    background:rgba(5,7,22,.90);
    backdrop-filter:blur(18px);
}
.mixt-navbar-container{
    width:100%;
    max-width:1320px;
    margin:0 auto;
    min-height:64px;
    padding:0 18px;
    display:flex;
    align-items:center;
    gap:18px;
}
.mixt-bootstrap-navbar .brand{
    flex:0 0 auto;
    padding:10px 0;
    min-width:210px;
}
.mixt-bootstrap-navbar .brand-logo-img{width:38px;height:38px}
.mixt-navbar-collapse{
    flex:1 1 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.mixt-navbar-nav{
    flex:1 1 auto;
    display:flex;
    justify-content:center;
    gap:4px;
    flex-wrap:wrap;
}
.mixt-navbar-nav a{
    padding:9px 12px;
    border-radius:999px;
    font-size:13px;
    line-height:1.2;
}
.mixt-navbar-status{flex:0 0 auto;padding:8px 12px;font-size:12px}
.mixt-navbar-toggler{
    display:none;
    margin-left:auto;
    width:42px;
    height:38px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    background:rgba(255,255,255,.06);
    color:#fff;
    cursor:pointer;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
}
.mixt-navbar-toggler-line{display:block;width:20px;height:2px;border-radius:3px;background:#fff}
.hero.hero-compact{min-height:138px;padding:26px 30px;margin-bottom:18px}
.hero.hero-compact .hero-logo{width:82px;height:82px}
.hero.hero-compact h1{font-size:34px;margin-bottom:6px}
.mixt-live-status-card-compact{padding:20px;margin-bottom:22px}
.mixt-live-status-bar{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:14px;
}
.mixt-live-status-bar .mixt-live-status-head{margin-bottom:0;min-width:0}
.mixt-live-status-bar h2{font-size:24px}
.mixt-live-status-bar p{max-width:760px}
.mixt-live-actions-inline{
    flex:0 0 auto;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    min-width:0;
}
.mixt-live-overview-grid{
    display:grid;
    grid-template-columns:minmax(320px, 1.55fr) repeat(3,minmax(145px,.65fr));
    gap:12px;
    align-items:stretch;
}
.mixt-live-overview-grid .mixt-live-metric{min-height:92px}
.mixt-live-overview-grid .mixt-live-metric-asset-issuer{grid-column:auto}
.mixt-live-copy-stack{grid-template-columns:1fr;gap:8px}
.mixt-live-copy-field textarea{min-height:40px;resize:none;overflow:hidden}
.mixt-live-copy-label:nth-child(2) .mixt-live-copy-field textarea{min-height:46px}
.mixt-live-dashboard-grid{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
    gap:14px;
    align-items:start;
    margin-top:8px;
}
.mixt-live-dashboard-grid .mixt-live-section-title{margin-top:10px}
.mixt-live-distribution-metrics{min-width:0}
.mixt-live-tokenomics-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.mixt-live-tokenomics-grid .mixt-live-metric{min-height:76px;padding:13px}
.mixt-live-distribution-panel{margin-top:10px;height:calc(100% - 10px)}
.mixt-live-chart-wrap{grid-template-columns:140px 1fr;gap:14px}
.mixt-live-pie{width:136px;height:136px}
.mixt-live-pie:after{inset:34px}
.mixt-live-legend-row{padding:8px 9px}
.mixt-live-pools-bottom-panel{margin-top:14px;padding:14px 15px}
.mixt-live-pools-bottom-panel .mixt-live-pool-links{font-size:13px;line-height:1.7}
@media(max-width:1100px){
    .mixt-navbar-container{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
    .mixt-navbar-toggler{display:inline-flex}
    .mixt-navbar-collapse{display:none;flex-basis:100%;width:100%;align-items:stretch;flex-direction:column;padding:4px 0 10px}
    .mixt-navbar-collapse.show{display:flex}
    .mixt-navbar-nav{justify-content:flex-start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
    .mixt-navbar-nav a{display:block;text-align:left}
    .mixt-navbar-status{align-self:flex-start}
    .mixt-bootstrap-navbar .brand{min-width:0}
    .mixt-live-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mixt-live-overview-grid .mixt-live-metric-asset-issuer{grid-column:1/-1}
    .mixt-live-dashboard-grid{grid-template-columns:1fr}
    .mixt-live-distribution-panel{height:auto}
}
@media(max-width:720px){
    .mixt-navbar-nav{grid-template-columns:1fr}
    .mixt-live-status-bar{flex-direction:column}
    .mixt-live-actions-inline{align-items:stretch;width:100%;flex-direction:column}
    .mixt-live-overview-grid{grid-template-columns:1fr}
    .mixt-live-tokenomics-grid{grid-template-columns:1fr}
    .mixt-live-chart-wrap{grid-template-columns:1fr;justify-items:center}
    .hero.hero-compact{padding:22px 20px;align-items:flex-start;flex-direction:column}
}

/* v1.0.12 compact hero/status cleanup */
.hero-status-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-bottom: 10px;
}
.hero-badges.hero-badges-inline {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}
.hero-badges.hero-badges-inline span {
    white-space: nowrap;
}
.mixt-live-status-card-compact .mixt-live-status-head {
    min-width: 0;
}
.mixt-live-status-card-compact .mixt-live-status-bar {
    align-items: center;
}
@media (max-width: 768px) {
    .hero-status-row {
        align-items: flex-start;
        flex-direction: column;
    }
    .hero-badges.hero-badges-inline {
        gap: 6px;
    }
}
