/* Shared stock detail blocks (assets/stock-detail.js) — wrap in .akd. Ported from macro.html's watchlist sheet. */
.akd{--up:#4DD2A0;--down:#f0857a;--amber:#facc15;--gold:#E5C586;--ink:#eef2f8;--muted:#9fabbf;--hair-soft:rgba(255,255,255,.08);color:var(--ink)}
.akd .dt{margin-top:18px;padding-top:16px;border-top:1px solid var(--hair-soft)}
.akd .dt h4{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;font:600 1.05rem 'Mitr',sans-serif}
.akd .dt h4 small{font:400 .8rem 'Sarabun',sans-serif;color:var(--muted)}
.akd .g{color:var(--up)}.akd .a{color:var(--amber)}.akd .r{color:var(--down)}
.akd .dt-hero{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:10px 0 4px}
.akd .dt-hero b{font:700 1.8rem/1.1 'Mitr',sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}
.akd .dt-hero span{font:600 .95rem 'Mitr',sans-serif}
.akd .dt-hero.g span{color:var(--up)}.akd .dt-hero.a span{color:var(--amber)}.akd .dt-hero.r span{color:var(--down)}
.akd .dt-sub{margin:4px 0 10px;font-size:.88rem;line-height:1.6;color:var(--muted)}
.akd .dt-sub b{font-weight:700}
.akd .dt-sum{margin:0 0 12px;padding:10px 14px;border-radius:12px;font:600 .95rem/1.5 'Mitr',sans-serif;background:rgba(255,255,255,.04);border:1px solid var(--hair-soft)}
.akd .dt-sum small{font:400 .82rem 'Sarabun',sans-serif;color:var(--muted)}
.akd .dt-sum.g{background:rgba(77,210,160,.1);border-color:rgba(77,210,160,.3)}.akd .dt-sum.a{background:rgba(250,204,21,.08);border-color:rgba(250,204,21,.28)}.akd .dt-sum.r{background:rgba(240,133,122,.1);border-color:rgba(240,133,122,.32)}
.akd .dt-note{margin:8px 0 0;font-size:.84rem;color:var(--amber)}
.akd .muted-note{color:var(--muted);font-size:.9rem}
.akd .rb{margin:6px 0 4px}
.akd .rb-t{position:relative;height:42px}
.akd .rb-t::before{content:"";position:absolute;left:0;right:0;top:22px;height:4px;border-radius:99px;background:rgba(255,255,255,.08)}
.akd .rb-r{position:absolute;top:20px;height:8px;border-radius:99px;background:linear-gradient(90deg,rgba(240,133,122,.45),rgba(226,201,143,.5),rgba(77,210,160,.55))}
.akd .rb-r.flat{background:linear-gradient(90deg,rgba(139,196,244,.25),rgba(139,196,244,.55))}
.akd .rb-m{position:absolute;top:16px;width:3px;height:16px;border-radius:2px;transform:translateX(-50%)}
.akd .rb-m.mean{background:var(--gold);width:4px;height:20px;top:14px}
.akd .rb-m.mine{background:#8bc4f4;height:12px;top:18px}
.akd .rb-m.now{top:17px;width:14px;height:14px;border-radius:50%;background:var(--ink);border:3px solid #0b142b;z-index:1}
.akd .rb-l{position:absolute;top:0;transform:translateX(-50%);font:600 .72rem 'Mitr',sans-serif;white-space:nowrap}
.akd .rb-l.mean{color:var(--gold);top:34px}.akd .rb-l.now{color:var(--ink)}
.akd .rb-e{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:var(--muted);margin-top:10px;font-variant-numeric:tabular-nums}
.akd .dt-key{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:6px 0 0;font-size:.78rem;color:var(--muted)}
.akd .dt-key .k{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:6px}
.akd .dt-key .k.now{border-radius:50%;background:var(--ink)}.akd .dt-key .k.mean{background:var(--gold)}.akd .dt-key .k.mine{background:#8bc4f4}
.akd .vgrid,.akd .cgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.akd .cgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.akd .vt,.akd .cs{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--hair-soft);min-width:0}
.akd .vt>span,.akd .cs>span{font:600 .8rem 'Mitr',sans-serif;color:var(--muted)}
.akd .vt b,.akd .cs b{font:700 1.2rem/1.25 'Mitr',sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.akd .cs b .u{font-style:normal;font-size:.7em;font-weight:600;color:var(--muted)}
.akd .vt small,.akd .cs small{font-size:.78rem;line-height:1.45;color:var(--muted)}
.akd .vt.t-g{border-color:rgba(77,210,160,.4)}.akd .vt.t-a{border-color:rgba(250,204,21,.35)}.akd .vt.t-r{border-color:rgba(240,133,122,.42)}
.akd .vt em{font-style:normal;font-size:.8rem;font-weight:600;line-height:1.45;margin-top:2px}
.akd .dt-more{margin-top:12px;font-size:.88rem}
.akd .dt-more summary{cursor:pointer;color:var(--gold);font:600 .9rem 'Mitr',sans-serif;list-style:none}
.akd .dt-more summary::before{content:"▸ "}.akd .dt-more[open] summary::before{content:"▾ "}
.akd .dt-more summary::-webkit-details-marker{display:none}
.akd .dt-more p{margin:8px 0 0;color:var(--muted);line-height:1.7}
.akd .loading{padding:18px 0;color:var(--muted)}
@media (max-width:560px){.akd .cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.akd .vgrid{grid-template-columns:1fr}}
html[data-theme=light] .akd{--up:#13804f;--down:#b3261e;--amber:#9a6b00;--gold:#8a6414;--ink:#13233a;--muted:#52627a;--hair-soft:#e3e8f0}
html[data-theme=light] .akd .vt,html[data-theme=light] .akd .cs{background:#f6f8fc}
html[data-theme=light] .akd .rb-m.now{border-color:#fff}
html[data-theme=light] .akd .rb-t::before{background:#e3e8f0}
.akd .vt b,.akd .cs b{overflow:visible;white-space:normal;line-height:1.4;padding-bottom:1px}
.akd .rb{padding:0 26px}
.akd .rb-e{margin-left:-26px;margin-right:-26px}

.akd .dt-biz{margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--hair-soft)}
.akd .dt-biz h5{margin:0 0 6px;font:600 .95rem 'Mitr',sans-serif}
.akd .dt-biz p{margin:0;font-size:.92rem;line-height:1.75;color:var(--ink)}
.akd .dt-biz small{display:block;margin-top:6px;font-size:.76rem;color:var(--muted)}
html[data-theme=light] .akd .dt-biz{background:#f6f8fc}

/* 2026-10-17 (Audi: traffic-light boxes for every metric with a reading): tone = edge + soft fill + coloured number */
.akd :is(.vt,.cs).t-g{border-color:rgba(74,222,128,.55)!important;background:linear-gradient(180deg,rgba(74,222,128,.12),rgba(74,222,128,.03))!important}
.akd :is(.vt,.cs).t-a{border-color:rgba(251,191,36,.55)!important;background:linear-gradient(180deg,rgba(251,191,36,.11),rgba(251,191,36,.03))!important}
.akd :is(.vt,.cs).t-r{border-color:rgba(248,113,113,.55)!important;background:linear-gradient(180deg,rgba(248,113,113,.12),rgba(248,113,113,.03))!important}
html[data-theme=light] .akd :is(.vt,.cs).t-g{border-color:#9fd8b8!important;background:linear-gradient(180deg,#eaf8f0,#fff)!important}
html[data-theme=light] .akd :is(.vt,.cs).t-a{border-color:#ecd29a!important;background:linear-gradient(180deg,#fff6e3,#fff)!important}
html[data-theme=light] .akd :is(.vt,.cs).t-r{border-color:#efb8ae!important;background:linear-gradient(180deg,#fff0ec,#fff)!important}
.akd :is(.vt,.cs).t-g b{color:#4ade80}.akd :is(.vt,.cs).t-a b{color:#fbbf24}.akd :is(.vt,.cs).t-r b{color:#f87171}
html[data-theme=light] .akd :is(.vt,.cs).t-g b{color:#0b7a4f}html[data-theme=light] .akd :is(.vt,.cs).t-a b{color:#a15c07}html[data-theme=light] .akd :is(.vt,.cs).t-r b{color:#b8321f}
.akd .dt.k-g .dt-hero{border-radius:12px;padding:10px 12px;box-shadow:inset 0 0 0 1px rgba(74,222,128,.5);background:rgba(74,222,128,.08)}
.akd .dt.k-r .dt-hero{border-radius:12px;padding:10px 12px;box-shadow:inset 0 0 0 1px rgba(248,113,113,.5);background:rgba(248,113,113,.08)}
html[data-theme=light] .akd .dt.k-g .dt-hero{box-shadow:inset 0 0 0 1px #9fd8b8;background:#eaf8f0}
html[data-theme=light] .akd .dt.k-r .dt-hero{box-shadow:inset 0 0 0 1px #efb8ae;background:#fff0ec}
.akd .dt-sec{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.akd .dt-sec span{padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:600;background:rgba(229,197,134,.14);color:#E5C586}
html[data-theme=light] .akd .dt-sec span{background:#fbefd6;color:#7a5418}