.market-widget {
    --mw-ink: #071417;
    --mw-muted: #677586;
    --mw-green: #0c7147;
    --mw-green-bright: #0f8a55;
    --mw-gold: #b97a14;
    position: relative;
    isolation: isolate;
    margin-top: 2.5rem;
    overflow: hidden;
    border: 1px solid #d8dee8;
    border-radius: 1.5rem;
    background: linear-gradient(145deg, #fff 0%, #fbfcfd 58%, #f4faf7 100%);
    padding: clamp(1.25rem, 3vw, 2rem);
    color: var(--mw-ink);
    box-shadow: 0 18px 55px rgba(7, 20, 23, .08);
}

.market-widget__glow {
    position: absolute;
    z-index: -1;
    top: -8rem;
    right: -7rem;
    width: 20rem;
    height: 20rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(15, 138, 85, .13), rgba(15, 138, 85, 0) 68%);
    pointer-events: none;
}

.market-widget__header,
.market-widget__heading,
.market-widget__footer,
.market-widget__search-row,
.market-widget__quote-top,
.market-widget__price-row,
.market-widget__chart-head {
    display: flex;
    align-items: center;
}

.market-widget__header { justify-content: space-between; gap: 1rem; }
.market-widget__heading { min-width: 0; gap: .85rem; }
.market-widget__mark {
    display: grid;
    flex: 0 0 2.8rem;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border: 1px solid #a8e2c6;
    border-radius: .9rem;
    background: #eefaf4;
    color: var(--mw-green);
}
.market-widget__mark svg { width: 1.45rem; height: 1.45rem; }
.market-widget__eyebrow {
    margin: 0 0 .2rem;
    color: var(--mw-green);
    font: 700 .68rem/1.2 var(--font-heading, inherit);
    letter-spacing: .14em;
    text-transform: uppercase;
}
.market-widget__title {
    margin: 0;
    color: var(--mw-ink);
    font: 750 clamp(1.25rem, 2.4vw, 1.65rem)/1.18 var(--font-heading, inherit);
    letter-spacing: -.025em;
}
.market-widget__live {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .45rem;
    border: 1px solid #d8dee8;
    border-radius: 999px;
    background: rgba(255,255,255,.8);
    padding: .42rem .7rem;
    color: var(--mw-muted);
    font-size: .7rem;
    font-weight: 650;
}
.market-widget__live i { width: .45rem; height: .45rem; border-radius: 50%; background: var(--mw-green-bright); box-shadow: 0 0 0 .2rem rgba(15,138,85,.12); }
.market-widget__description { max-width: 48rem; margin: 1rem 0 0; color: var(--mw-muted); font-size: .93rem; line-height: 1.6; }

.market-widget__search { position: relative; margin-top: 1.25rem; }
.market-widget__search-label { display: block; margin-bottom: .4rem; color: #33414d; font-size: .72rem; font-weight: 700; }
.market-widget__search-row { gap: .55rem; }
.market-widget__search-field { position: relative; min-width: 0; flex: 1; }
.market-widget__search-field svg { position: absolute; top: 50%; left: .9rem; width: 1.15rem; height: 1.15rem; transform: translateY(-50%); color: #8995a4; pointer-events: none; }
.market-widget__search input {
    width: 100%;
    height: 3rem;
    border: 1px solid #cbd3dd;
    border-radius: .85rem;
    background: #fff;
    padding: 0 .9rem 0 2.65rem;
    color: var(--mw-ink);
    font-size: .92rem;
    outline: none;
    transition: border-color .18s, box-shadow .18s;
}
.market-widget__search input:focus { border-color: var(--mw-green-bright); box-shadow: 0 0 0 4px rgba(15,138,85,.1); }
.market-widget__search-row > button {
    height: 3rem;
    border: 0;
    border-radius: .85rem;
    background: var(--mw-ink);
    padding: 0 1.15rem;
    color: #fff;
    font-size: .82rem;
    font-weight: 750;
    cursor: pointer;
    transition: transform .18s, background .18s;
}
.market-widget__search-row > button:hover { background: #153036; transform: translateY(-1px); }
.market-widget__suggestions {
    position: absolute;
    z-index: 5;
    right: 0;
    left: 0;
    margin-top: .45rem;
    max-height: min(28rem, 65vh);
    overflow-y: auto;
    border: 1px solid #d8dee8;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 18px 40px rgba(7,20,23,.14);
}
.market-widget__suggestion { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1rem; border: 0; border-bottom: 1px solid #edf0f5; background: #fff; padding: .8rem 1rem; text-align: left; cursor: pointer; }
.market-widget__suggestion:last-child { border-bottom: 0; }
.market-widget__suggestion:hover, .market-widget__suggestion:focus { background: #f4faf7; outline: none; }
.market-widget__suggestion strong { display: block; color: var(--mw-ink); font-size: .84rem; }
.market-widget__suggestion small { display: block; overflow: hidden; color: var(--mw-muted); font-size: .73rem; text-overflow: ellipsis; white-space: nowrap; }
.market-widget__suggestion span:last-child { flex: 0 0 auto; color: var(--mw-green); font: 750 .76rem/1 var(--font-mono, monospace); }

.market-widget__status { margin-top: 1rem; color: var(--mw-muted); font-size: .78rem; }
.market-widget__status[hidden] { display: none; }
.market-widget__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: .85rem; margin-top: 1rem; }
.market-widget__comparison { grid-column: 1 / -1; border: 1px solid #e1e6ed; border-radius: 1.15rem; background: rgba(255,255,255,.84); padding: 1rem; }
.market-widget__chart-head { justify-content: space-between; gap: 1rem; margin-bottom: .75rem; }
.market-widget__chart-head strong { font-size: .82rem; }
.market-widget__chart-head span { color: var(--mw-muted); font-size: .69rem; }
.market-widget__legend { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: .5rem; color: var(--mw-muted); font-size: .7rem; }
.market-widget__legend span { display: inline-flex; align-items: center; gap: .35rem; }
.market-widget__legend i { width: .55rem; height: .18rem; border-radius: 999px; }

.market-widget__card { min-width: 0; border: 1px solid #e1e6ed; border-radius: 1.15rem; background: rgba(255,255,255,.92); padding: 1rem; box-shadow: 0 7px 20px rgba(7,20,23,.04); }
.market-widget__quote-top { justify-content: space-between; gap: 1rem; }
.market-widget__symbol { color: var(--mw-ink); font: 800 .9rem/1 var(--font-mono, monospace); letter-spacing: .02em; }
.market-widget__name { display: block; margin-top: .3rem; overflow: hidden; color: var(--mw-muted); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.market-widget__date { flex: 0 0 auto; color: #8995a4; font-size: .66rem; }
.market-widget__price-row { justify-content: space-between; gap: .75rem; margin-top: 1rem; }
.market-widget__price { font: 760 clamp(1.6rem, 4vw, 2.15rem)/1 var(--font-heading, inherit); letter-spacing: -.04em; }
.market-widget__currency { margin-left: .25rem; color: var(--mw-muted); font-size: .72rem; font-weight: 650; letter-spacing: .04em; }
.market-widget__change { border-radius: 999px; padding: .38rem .55rem; font-size: .72rem; font-weight: 750; }
.market-widget__change--up { background: #e9f8f0; color: #087044; }
.market-widget__change--down { background: #fff0f0; color: #b4232c; }
.market-widget__change--flat { background: #f1f3f6; color: #5f6d7b; }
.market-widget__mini-chart { height: 5.8rem; margin-top: .8rem; }
.market-widget svg[data-chart] { display: block; width: 100%; height: 100%; overflow: visible; }
.market-widget__stats { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .4rem; margin-top: .75rem; }
.market-widget__stat { border-radius: .65rem; background: #f7f8fb; padding: .55rem .65rem; }
.market-widget__stat span { display: block; color: #8995a4; font-size: .61rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.market-widget__stat strong { display: block; margin-top: .18rem; overflow: hidden; color: #33414d; font: 700 .77rem/1.2 var(--font-mono, monospace); text-overflow: ellipsis; }
.market-widget__error { grid-column: 1/-1; border: 1px solid #f1d7aa; border-radius: .9rem; background: #fff9ee; padding: .85rem 1rem; color: #805718; font-size: .8rem; }
.market-widget__warning { grid-column: 1/-1; border: 1px solid #f1d7aa; border-radius: .9rem; background: #fff9ee; padding: .85rem 1rem; color: #805718; font-size: .8rem; }
.market-widget__autofill { display: flex; align-items: flex-start; gap: .7rem; margin-top: .9rem; border: 1px solid #a8e2c6; border-radius: .9rem; background: #eefaf4; padding: .8rem .9rem; color: #0a5a39; }
.market-widget__autofill > span { display: grid; width: 1.35rem; height: 1.35rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--mw-green); color: #fff; font-size: .7rem; }
.market-widget__autofill p { margin: 0; font-size: .78rem; line-height: 1.35; }
.market-widget__autofill small { color: #3b755b; }
.market-widget__footer { justify-content: space-between; gap: 1rem; margin-top: 1rem; border-top: 1px solid #e1e6ed; padding-top: .85rem; }
.market-widget__footer p { max-width: 40rem; margin: 0; color: #7c8896; font-size: .67rem; line-height: 1.5; }
.market-widget__footer a { flex: 0 0 auto; color: var(--mw-green); font-size: .73rem; font-weight: 750; text-decoration: none; }
.market-widget__footer a:hover { text-decoration: underline; text-underline-offset: 3px; }
.market-widget--compact { margin: 0 0 1.15rem; border-radius: 1.15rem; padding: 1rem; box-shadow: none; }
.market-widget--compact .market-widget__title { font-size: 1.1rem; }
.market-widget--compact .market-widget__description { font-size: .82rem; }
.market-widget--compact .market-widget__live { display: none; }

@media (max-width: 640px) {
    .market-widget { border-radius: 1.15rem; padding: 1.05rem; }
    .market-widget__header { align-items: flex-start; }
    .market-widget__live { display: none; }
    .market-widget__search-row { align-items: stretch; }
    .market-widget__search-row > button { padding: 0 .85rem; }
    .market-widget__footer { align-items: flex-start; flex-direction: column; }
    .market-widget__comparison { padding: .8rem; }
}

@media (prefers-reduced-motion: reduce) {
    .market-widget *, .market-widget *::before, .market-widget *::after { scroll-behavior: auto !important; transition: none !important; }
}