/* watchlist.html (Audi 2026-10-16) · finance-family look: display hero, floating tabs, deep-dive card rows with a coloured stripe */
body.ff-wl{--wp-ink:#eef2f8;--wp-ink2:#c3cddd;--wp-ink3:#98a5bb;--wp-up:#3ddc97;--wp-down:#ff7a7a;--wp-gold:#E5C586;--wp-edge:rgba(255,255,255,.10);
  --wp-card:linear-gradient(145deg,rgba(25,34,55,.94),rgba(8,12,24,.98));--near-g:#7ad99a;--near-y:#e9c46a;
  font-family:'Sarabun','Plus Jakarta Sans',sans-serif;color:var(--wp-ink)}
html[data-theme=light] body.ff-wl{--wp-ink:#13233a;--wp-ink2:#34465f;--wp-ink3:#55657d;--wp-up:#0b7a4f;--wp-down:#b8321f;--wp-gold:#8a6414;--wp-edge:#a9b8cc;--wp-card:#ffffff;--near-g:#2f8a4f;--near-y:#8a6414}
.wp{width:min(1180px,100% - 32px);margin:0 auto;padding:84px 0 56px}
.wp .num{font-family:'Outfit','Mitr',sans-serif;font-variant-numeric:tabular-nums}
.wp .up{color:var(--wp-up)}.wp .down{color:var(--wp-down)}
.wp .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wp-hero{padding-top:20px}
.wp-lede{max-width:44ch;font-size:1.12rem;line-height:1.65;color:var(--wp-ink2);margin:0}
.wp-kpi{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 0;font-size:.95rem;color:var(--wp-ink2)}
.wp-kpi b{font-size:1.3rem;margin-right:4px}.wp-kpi .near{color:var(--near-y)}
html[data-theme=light] body.ff-wl .ff-title{color:#13233a}html[data-theme=light] body.ff-wl .ff-title span{color:#8a6414}html[data-theme=light] body.ff-wl .ff-eb{color:#34465f}
/* tabs float on their own (no band) */
.wp-tabs{position:sticky;top:64px;z-index:20;display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 18px;padding:8px 0}
.wp-tabs button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(229,197,134,.25);background:rgba(16,33,63,.94);color:var(--wp-ink);font:500 1rem 'Mitr',sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.28);backdrop-filter:blur(8px)}
.wp-tabs button[aria-selected=true]{background:#E5C586;color:#172b43;border-color:#a58b52}
html[data-theme=light] .wp-tabs button{background:#fff;color:#13233a;border-color:#a9b8cc;box-shadow:0 6px 16px rgba(20,35,60,.12)}
html[data-theme=light] .wp-tabs button[aria-selected=true]{background:#E5C586;color:#172b43}
.wp-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.9rem;color:var(--wp-ink2);margin-bottom:8px}
.wp-legend b{color:var(--wp-ink);font-weight:600}
.wp-rule{font-size:.86rem;color:var(--wp-ink3);margin:0 0 14px}
.wp-tools{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-bottom:10px}
.wp-chips{display:flex;flex-wrap:wrap;gap:6px}
.wp-chips button{min-height:38px;padding:0 13px;border-radius:999px;border:1px solid var(--wp-edge);background:transparent;color:var(--wp-ink2);font:500 .9rem 'Mitr',sans-serif;cursor:pointer}
.wp-chips button[aria-pressed=true]{background:#E5C586;color:#172b43;border-color:#a58b52}
.wp-sel{display:flex;flex-wrap:wrap;gap:8px}
.wp-sel input,.wp-sel select,.wp-add input{min-height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--wp-edge);background:rgba(8,12,24,.9);color:var(--wp-ink);font:inherit;color-scheme:dark}
html[data-theme=light] .wp-sel input,html[data-theme=light] .wp-sel select,html[data-theme=light] .wp-add input{background:#fff;color-scheme:light}
.wp-count{font-size:.86rem;color:var(--wp-ink3);margin:0 0 6px}
/* rows = deep-dive card + coloured stripe */
.wp-list{display:grid;gap:8px}
.wp-row{--acc:#7ab7f0;position:relative;display:grid;grid-template-columns:34px minmax(0,1.6fr) repeat(4,minmax(0,1fr)) auto;gap:6px 14px;align-items:center;padding:12px 14px 12px 17px;border-radius:14px;border:1px solid var(--wp-edge);background:var(--wp-card);overflow:hidden}
.wp-row::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--acc)}
.wp-row:has(.buy.in){--acc:var(--wp-up)}.wp-row:has(.buy.near-g){--acc:var(--near-g)}.wp-row:has(.buy.near-y){--acc:var(--near-y)}
.wp-logo{width:34px;height:34px;border-radius:10px;background:#fff;object-fit:contain;padding:2px}
.wp-logo.fb{display:grid;place-items:center;background:#132650;color:#E5C586;font:700 .8rem 'Outfit',sans-serif}
.wp-row .nm{min-width:0}
.wp-row .nm b{font:700 1.05rem 'Outfit','Mitr',sans-serif;margin-right:8px}
.wp-row .nm small{display:block;font-size:.82rem;color:var(--wp-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wp-row .deep{font:500 .8rem 'Mitr',sans-serif;color:var(--wp-gold);text-decoration:none}
.wp-row .deep:hover{text-decoration:underline}
.tgs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.tg{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font:500 .74rem/1.6 'Mitr',sans-serif;background:rgba(255,255,255,.06);color:var(--wp-ink2);white-space:nowrap}
.tg.star{background:rgba(229,197,134,.16);color:var(--wp-gold)}.tg.hot{background:rgba(255,120,80,.16);color:#ffab8a}
.tg.long{background:rgba(122,183,240,.14);color:#9cc8f5}.tg.swing{background:rgba(169,154,232,.16);color:#c3b8f2}
.tg.acc{background:rgba(61,220,151,.14);color:var(--wp-up)}.tg.warn{background:rgba(233,196,106,.14);color:var(--near-y)}
.tg.audi{background:rgba(229,197,134,.12);color:var(--wp-gold)}
html[data-theme=light] .tg.hot{color:#a2401c}html[data-theme=light] .tg.long{color:#1d5fa8}html[data-theme=light] .tg.swing{color:#5a46b0}
.wp-row .c{display:grid;gap:1px;min-width:0}
.wp-row .c small{font-size:.74rem;color:var(--wp-ink3)}
.wp-row .c b{font-size:1rem;font-weight:600}.wp-row .c b em{font-style:normal;font-size:.82rem;color:var(--wp-ink3)}
.wp-row .c i{font-style:normal;font-size:.8rem;color:var(--wp-ink3)}
.wp-row .buy.in i{color:var(--wp-up);font-weight:600}.wp-row .buy.near-g i{color:var(--near-g);font-weight:600}.wp-row .buy.near-y i{color:var(--near-y);font-weight:600}
.wp-row .c i.up{color:var(--wp-up)}.wp-row .c i.down{color:var(--wp-down)}
.tr{display:inline-flex;align-self:start;padding:2px 9px;border-radius:999px;font:500 .82rem 'Mitr',sans-serif;white-space:nowrap}
.tr.up{background:rgba(61,220,151,.14);color:var(--wp-up)}.tr.side{background:rgba(255,255,255,.07);color:var(--wp-ink2)}.tr.down{background:rgba(255,122,122,.14);color:var(--wp-down)}.tr.none{color:var(--wp-ink3)}
html[data-theme=light] .tr.side{background:#eef3fa}
.wp-row input{width:100%;min-height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--wp-edge);background:rgba(8,12,24,.9);color:var(--wp-ink);font:600 .95rem 'Outfit',sans-serif;color-scheme:dark}
html[data-theme=light] .wp-row input{background:#fff;color-scheme:light}
.wp-copy,.wp-del{min-height:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(229,197,134,.4);background:rgba(229,197,134,.1);color:var(--wp-ink);font:500 .86rem 'Mitr',sans-serif;cursor:pointer;white-space:nowrap}
.wp-copy.on{border-color:var(--wp-edge);background:transparent;color:var(--wp-ink3)}
.wp-del{border-color:rgba(255,122,122,.35);background:rgba(255,122,122,.08)}
.wp-empty{padding:18px;border-radius:14px;border:1px dashed var(--wp-edge);color:var(--wp-ink2);text-align:center}
.wp-empty.big p{margin:4px 0}
.wp-add{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:14px;padding:14px;border-radius:16px;border:1px solid var(--wp-edge);background:var(--wp-card)}
.wp-add label{display:grid;gap:4px;font-size:.84rem;color:var(--wp-ink2)}
.wp-add button,.wp-btn{min-height:42px;padding:0 18px;border-radius:12px;border:0;background:#E5C586;color:#172b43;font:600 .95rem 'Mitr',sans-serif;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.wp-disc{margin-top:12px;font-size:.84rem;color:var(--wp-ink3)}
.wp-soon{display:flex;gap:20px;align-items:center;padding:22px;border-radius:20px;border:1px solid rgba(229,197,134,.35);background:var(--wp-card)}
.wp-soon img{width:120px;height:120px;object-fit:contain;flex:none}
.wp-soon h2{margin:6px 0;font:700 1.5rem/1.35 'Mitr',sans-serif}.wp-soon p{color:var(--wp-ink2);line-height:1.65;margin:6px 0}
.wp-toast{position:fixed;left:50%;bottom:20px;translate:-50% 0;z-index:60;display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:14px;background:#10213f;border:1px solid rgba(229,197,134,.45);color:#eef2f8;box-shadow:0 14px 34px rgba(0,0,0,.4);max-width:calc(100% - 32px)}
.wp-toast[hidden]{display:none}
.wp-toast button{min-height:34px;padding:0 10px;border-radius:10px;border:1px solid #E5C586;background:transparent;color:#E5C586;font:500 .86rem 'Mitr',sans-serif;cursor:pointer}
@media (max-width:980px){.wp-row{grid-template-columns:34px repeat(3,minmax(0,1fr));grid-template-areas:"lg nm nm nm" "px px buy tgt" "trd trd act act"}.wp-row>.wp-logo{grid-area:lg}.wp-row .nm{grid-area:nm}.wp-row .px{grid-area:px}.wp-row .buy{grid-area:buy}.wp-row .tgt{grid-area:tgt}.wp-row .trd{grid-area:trd;display:flex;gap:8px;align-items:center}.wp-row .wp-copy,.wp-row .wp-del{grid-area:act;justify-self:end}}
@media (max-width:560px){.wp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"nm nm" "px buy" "tgt trd" "act act"}.wp-row>.wp-logo{display:none}.wp-row .wp-copy,.wp-row .wp-del{justify-self:stretch}.wp-soon{flex-direction:column;text-align:center}.wp-tabs button{padding:0 12px;font-size:.92rem}}
@media (prefers-reduced-motion:reduce){.wp *{transition:none!important}}
.wp-note{margin:8px 0 0;font-size:.86rem;color:var(--wp-ink3)}
.wp-legend [hidden]{display:none}

/* phase 2: owner editing + request board */
.wp-own{margin:6px 0 12px;padding:12px 14px;border-radius:16px;border:1px dashed rgba(229,197,134,.5)}
.wp-own .wp-add{margin:8px 0}
.wp-edit{min-height:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(229,197,134,.5);background:rgba(229,197,134,.12);color:var(--wp-ink);font:500 .86rem 'Mitr',sans-serif;cursor:pointer}
.wp-ed{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid var(--wp-edge)}
.wp-ed label{display:grid;gap:4px;font-size:.8rem;color:var(--wp-ink2)}
.wp-ed label.full{grid-column:1/-1}
.wp-ed input,.wp-ed select{min-height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--wp-edge);background:rgba(8,12,24,.9);color:var(--wp-ink);font:inherit;color-scheme:dark}
html[data-theme=light] .wp-ed input,html[data-theme=light] .wp-ed select{background:#fff;color-scheme:light}
.wp-ed .cks{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 16px}
.wp-ed .ck{display:flex;align-items:center;gap:6px;font-size:.92rem;color:var(--wp-ink)}
.wp-ed .ck input{min-height:0;width:18px;height:18px}
.wp-ed .acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.wp-ghost,.wp-danger{min-height:42px;padding:0 16px;border-radius:12px;border:1px solid var(--wp-edge);background:transparent;color:var(--wp-ink);font:500 .92rem 'Mitr',sans-serif;cursor:pointer}
.wp-danger{border-color:rgba(255,122,122,.45);color:var(--wp-down);margin-left:auto}
.wp-btn.sm,.wp-ghost.sm{min-height:36px;padding:0 12px;font-size:.86rem}
.wp-req{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 90px auto;gap:12px;align-items:center;padding:12px 14px 12px 17px;border-radius:14px;border:1px solid var(--wp-edge);background:var(--wp-card);overflow:hidden}
.wp-req::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#e5c586}
.wp-req.done::before{background:var(--wp-up)}.wp-req.declined{opacity:.8}.wp-req.declined::before{background:#9aa6bd}
.wp-req .nm b{font:700 1.02rem 'Outfit',sans-serif}.wp-req .nm small{display:block;font-size:.84rem;color:var(--wp-ink2)}
.wp-req .cnt{display:grid;text-align:center}.wp-req .cnt b{font-size:1.2rem}.wp-req .cnt small{font-size:.74rem;color:var(--wp-ink3)}
.wp-req .own{display:flex;gap:6px}.wp-req .st{font-size:.84rem;color:var(--wp-ink2)}
.wp-vote{min-height:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(229,197,134,.45);background:rgba(229,197,134,.1);color:var(--wp-ink);font:500 .86rem 'Mitr',sans-serif;cursor:pointer}
.wp-vote.on{background:#E5C586;color:#172b43}
.wp-sub{margin:14px 0 4px;font:600 .92rem 'Mitr',sans-serif;color:var(--wp-ink2)}
#wp-req-list{margin-top:14px}
.wp-add label.grow{flex:1 1 260px}.wp-add label.grow input{width:100%}
@media (max-width:760px){.wp-ed{grid-template-columns:repeat(2,minmax(0,1fr))}.wp-req{grid-template-columns:34px minmax(0,1fr) 70px;grid-template-areas:"lg nm cnt" "act act act"}.wp-req>.wp-logo{grid-area:lg}.wp-req .nm{grid-area:nm}.wp-req .cnt{grid-area:cnt}.wp-req>button,.wp-req .own,.wp-req .st{grid-area:act}}

/* 💛 หุ้นในดวงใจ from the watchlist (Audi 2026-10-17) */
.wp-row .acts2{display:flex;gap:6px;justify-self:end}
.wp-fav{min-height:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,143,166,.45);background:rgba(255,143,166,.08);color:var(--wp-ink);font:500 .86rem 'Mitr',sans-serif;cursor:pointer;white-space:nowrap}
.wp-fav.on{border-color:#ff8fa6;background:linear-gradient(135deg,rgba(255,143,166,.32),rgba(255,92,138,.18));box-shadow:0 0 14px rgba(255,92,138,.25)}
.wp-fav:hover{border-color:#ff8fa6}
.wp-favline{grid-column:1/-1;margin:2px 0 0;font-size:.86rem;color:var(--wp-ink2);overflow-wrap:anywhere}
.wp-favbox{grid-column:1/-1;display:grid;gap:10px;margin-top:10px;padding:14px;border-radius:14px;border:1px solid rgba(255,143,166,.45);background:linear-gradient(160deg,rgba(255,143,166,.12),rgba(8,12,24,.4))}
.wp-favbox .hd{margin:0;font-size:.92rem;color:var(--wp-ink2);line-height:1.5}
.wp-favbox .hd b{color:var(--wp-ink)}
.wp-favbox .bks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wp-favbox .bks button{display:grid;gap:2px;justify-items:center;padding:9px 6px;border-radius:12px;border:1.5px solid var(--wp-edge);background:rgba(8,12,24,.5);color:var(--wp-ink2);font:500 .9rem 'Mitr',sans-serif;cursor:pointer}
.wp-favbox .bks button small{font-size:.74rem;color:var(--wp-ink3,#9fabbf)}
.wp-favbox .bks button[aria-pressed=true]{border-color:#E5C586;color:var(--wp-ink);background:rgba(229,197,134,.16)}
.wp-favbox .bks button:disabled{border-style:dashed;cursor:not-allowed}
.wp-favbox .chips{display:flex;flex-wrap:wrap;gap:6px}
.wp-favbox .chips button{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(229,197,134,.3);background:rgba(229,197,134,.08);color:var(--wp-ink2);font:500 .84rem 'Mitr',sans-serif;cursor:pointer}
.wp-favbox textarea{width:100%;min-height:64px;padding:10px 12px;border-radius:12px;border:1px solid var(--wp-edge);background:rgba(8,12,24,.9);color:var(--wp-ink);font:400 .95rem/1.55 'Sarabun',sans-serif;resize:vertical;color-scheme:dark}
.wp-favbox .acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wp-favbox .acts a{text-decoration:none;display:inline-flex;align-items:center}
#wp-toast a{color:#E5C586;margin-left:6px}
@media (max-width:980px){.wp-row .acts2{grid-area:act}}
@media (max-width:560px){.wp-row .acts2{justify-self:stretch}.wp-row .acts2 button{flex:1}.wp-favbox .bks{grid-template-columns:1fr}}
html[data-theme=light] .wp-favbox{background:linear-gradient(160deg,#fff0f3,#fff);border-color:#f2a7b8}
html[data-theme=light] .wp-favbox textarea,html[data-theme=light] .wp-favbox .bks button{background:#fff;color:#13233a;color-scheme:light}
html[data-theme=light] .wp-fav{background:#fff5f7;color:#13233a}
html[data-theme=light] .wp-fav.on{background:#ffe1e8}
@media (min-width:981px){.wp-row .acts2{flex-direction:column;align-items:stretch}.wp-row .acts2 button{min-height:34px}}
html[data-theme=light] .wp-favbox .bks button[aria-pressed=true]{background:#fff1d2;border-color:#b8862b;color:#13233a;box-shadow:0 0 0 2px rgba(184,134,43,.25)}
.wp-row .nm{min-width:0}.wp-row .nm .tgs{flex-wrap:wrap}.wp-row .nm .tg.audi{white-space:normal;overflow-wrap:anywhere;line-height:1.45}

/* hero breathing room + stat tiles (Audi 2026-10-17: "ตัวหนังสือมันกองกันเกินไป … ตัวเลขบอก stat ทำอย่างกับเป็นช่องตัวอักษรเนื้อหาธรรมดา") */
.wp-hero{padding-top:28px;padding-bottom:12px}
.wp-lede{line-height:1.8;margin:6px 0 0}
.wp-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:26px 0 0;font-size:1rem}
.wp-stat{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ic n" "lab lab";align-items:center;gap:6px 10px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.13);text-align:left;cursor:pointer;color:var(--wp-ink);
  background:linear-gradient(145deg,rgba(42,64,104,.75),rgba(14,22,44,.92));box-shadow:0 12px 28px rgba(0,0,0,.25);transition:translate .15s,border-color .15s}
.wp-stat:hover{translate:0 -2px;border-color:var(--sc,#E5C586)}
.wp-stat .ic{grid-area:ic;font-size:1.3rem}
.wp-stat b{grid-area:n;margin:0;font:400 1.35rem 'Press Start 2P',monospace;color:var(--sc,#eef2f8)}
.wp-stat small{grid-area:lab;font-size:.9rem;line-height:1.45;color:var(--wp-ink2)}
.wp-stat.good{--sc:#4fd39a}.wp-stat.near{--sc:#f2c94c}.wp-stat.star{--sc:#E5C586}
.wp-note{margin:18px 0 0;line-height:1.6}
html[data-theme=light] .wp-stat{background:#fff;border-color:#c9d3e2;border-bottom-width:4px;box-shadow:0 8px 20px rgba(20,35,60,.06)}
html[data-theme=light] .wp-stat.good{--sc:#13804f}html[data-theme=light] .wp-stat.near{--sc:#9a6b00}html[data-theme=light] .wp-stat.star{--sc:#8a6414}html[data-theme=light] .wp-stat.all{--sc:#13233a}
@media (max-width:560px){.wp-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.wp-stat{padding:14px}.wp-stat b{font-size:1.05rem}}
@media (min-width:900px){.wp-kpi{grid-template-columns:repeat(5,minmax(0,1fr))}}
.wp-kpi .wp-stat b.num{font-family:'Press Start 2P',monospace;font-size:1.25rem;font-weight:400;letter-spacing:0}@media (max-width:560px){.wp-kpi .wp-stat b.num{font-size:1rem}}

/* 🙋 request tab with room to breathe (Audi 2026-10-17: "จัด layout ให้ดีด้วย กล่องข้างในอย่างชิดกันเกินไป") */
.wp-rq{display:grid;gap:24px;padding:28px;border-radius:24px;border:1px solid rgba(229,197,134,.35);background:linear-gradient(145deg,rgba(42,64,104,.6),rgba(14,22,44,.9));box-shadow:0 16px 40px rgba(0,0,0,.25)}
.wp-rq-hd{display:flex;align-items:center;gap:18px}
.wp-rq-hd img{width:96px;height:96px;object-fit:contain;flex:none}
.wp-rq-hd h2{margin:8px 0 0;font:700 clamp(1.4rem,2.6vw,1.9rem)/1.3 'Mitr',sans-serif;color:var(--wp-ink)}
.wp-rq-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wp-rq-steps li{display:grid;gap:6px;padding:18px;border-radius:18px;background:rgba(8,14,30,.45);border:1px solid rgba(255,255,255,.1)}
.wp-rq-steps .ic{font-size:1.5rem}
.wp-rq-steps b{font:600 1rem/1.45 'Mitr',sans-serif;color:var(--wp-ink)}
.wp-rq-steps small{font-size:.9rem;line-height:1.5;color:var(--wp-ink2)}
.wp-rq-box{padding:22px;border-radius:18px;border:1px dashed rgba(229,197,134,.45);background:rgba(229,197,134,.06)}
#wp-req-login p{margin:0 0 14px;color:var(--wp-ink2);line-height:1.6}
.wp-rq-form{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(0,1.4fr) auto;gap:16px;align-items:end}
.wp-rq-form label{display:grid;gap:8px;font:500 .92rem 'Mitr',sans-serif;color:var(--wp-ink)}
.wp-rq-form label small{font-weight:400;color:var(--wp-ink3)}
.wp-rq-form input{min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--wp-edge);background:rgba(8,12,24,.9);color:var(--wp-ink);font:inherit;color-scheme:dark;width:100%}
.wp-rq-form .wp-btn{min-height:48px}
.wp-rq-list-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:30px 0 14px;font:600 1.15rem 'Mitr',sans-serif;color:var(--wp-ink)}
.wp-rq-list-h small{font:400 .88rem 'Sarabun',sans-serif;color:var(--wp-ink3)}
#wp-req-list{display:grid;gap:12px;margin-top:0}
.wp-req{padding:16px 18px 16px 20px;gap:16px}
@media (max-width:760px){.wp-rq{padding:20px;gap:20px}.wp-rq-steps{grid-template-columns:1fr}.wp-rq-form{grid-template-columns:1fr}.wp-rq-hd img{width:72px;height:72px}}
html[data-theme=light] .wp-rq{background:#fff;border-color:#c9d3e2;box-shadow:0 10px 26px rgba(20,35,60,.06)}
html[data-theme=light] .wp-rq-steps li{background:#f6f8fc;border-color:#dfe5ef}
html[data-theme=light] .wp-rq-box{background:#fffaf0;border-color:#d9c08a}
html[data-theme=light] .wp-rq-form input{background:#fff;color-scheme:light}
.wp-rq-form[hidden],#wp-req-login[hidden]{display:none}
@media (max-width:760px){.wp-rq-steps li{grid-template-columns:36px 1fr;grid-template-areas:"ic b" "ic s";gap:2px 12px;padding:14px 16px;align-items:center}.wp-rq-steps .ic{grid-area:ic}.wp-rq-steps b{grid-area:b}.wp-rq-steps small{grid-area:s}}

/* 🗂️ grouped lanes of logo tiles + centre peek (Audi 2026-10-17) */
.wp-countbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:18px 0 12px}
.wp-countbar .wp-count{margin:0}
.wp-view{display:inline-flex;padding:4px;border-radius:999px;background:rgba(8,14,30,.55);border:1px solid rgba(255,255,255,.12)}
.wp-view button{min-height:38px;padding:0 16px;border:0;border-radius:999px;background:none;color:var(--wp-ink2);font:500 .9rem 'Mitr',sans-serif;cursor:pointer}
.wp-view button[aria-pressed=true]{background:#E5C586;color:#172b43;font-weight:600}
.wp-lanes{display:grid;gap:18px}
.wp-lane{padding:18px 20px 20px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(42,64,104,.55),rgba(14,22,44,.9));box-shadow:0 14px 34px rgba(0,0,0,.22);--lc:#9aa6bd}
.wp-lane.in{--lc:#4fd39a;border-color:rgba(79,211,154,.4)}.wp-lane.near{--lc:#f2c94c;border-color:rgba(242,201,76,.35)}.wp-lane.far{--lc:#7ab7f0}
.wp-lane-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;width:100%;padding:0;border:0;background:none;color:var(--wp-ink);text-align:left;cursor:pointer}
.wp-lane-h .ic{font-size:1.3rem}
.wp-lane-h b{font:600 1.15rem 'Mitr',sans-serif}
.wp-lane-h .n{min-width:40px;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--lc) 22%,transparent);color:var(--lc);font:400 .8rem 'Press Start 2P',monospace;text-align:center}
.wp-lane-h small{font-size:.86rem;color:var(--wp-ink3)}
.wp-lane-h .car{margin-left:auto;color:var(--wp-ink3)}
.wp-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;margin-top:16px}
.wp-tile{position:relative;display:grid;justify-items:center;gap:4px;padding:14px 8px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(8,14,30,.5);color:var(--wp-ink);cursor:pointer;transition:translate .15s,border-color .15s}
.wp-tile:hover,.wp-tile:focus-visible{translate:0 -2px;border-color:var(--lc)}
.wp-tile .wp-logo{width:42px;height:42px}
.wp-tile b{font:700 .98rem 'Outfit',sans-serif}
.wp-tile small{font-size:.8rem;color:var(--lc);font-weight:600;line-height:1.3;text-align:center}
.wp-lane.far .wp-tile small,.wp-lane.none .wp-tile small{color:var(--wp-ink2);font-weight:500}
.wp-tile .tri{position:absolute;top:6px;left:8px;font-style:normal;font-size:.85rem}
.wp-tile .st{position:absolute;top:6px;right:8px;font-style:normal;font-size:.85rem}
.wp-more{display:block;width:100%;margin-top:12px;min-height:42px;border-radius:12px;border:1px dashed rgba(255,255,255,.2);background:none;color:var(--wp-ink2);font:500 .9rem 'Mitr',sans-serif;cursor:pointer}
.wp-peek{width:min(980px,calc(100% - 24px));padding:0;border:1px solid rgba(229,197,134,.45);border-radius:22px;background:linear-gradient(145deg,#1d2a48,#0a1020);color:var(--wp-ink);box-shadow:0 30px 80px rgba(0,0,0,.55);position:fixed;inset:0;margin:auto;height:fit-content;max-height:86vh;overflow:auto}
.wp-peek::backdrop{background:rgba(3,7,18,.72);backdrop-filter:blur(4px)}
.wp-peek-x{position:sticky;top:8px;float:right;margin:8px 8px 0 0;min-width:44px;min-height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:inherit;font-size:1.2rem;cursor:pointer;z-index:2}
.wp-peek-in{padding:20px 20px 22px}
.wp-peek-in .wp-row{border:0;background:none;box-shadow:none;padding:6px 0}
.wp-peek-in .wp-row::before{display:none}
@media (max-width:560px){.wp-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wp-tile{padding:12px 4px 10px}.wp-tile .wp-logo{width:36px;height:36px}.wp-lane{padding:16px}.wp-countbar{flex-direction:column;align-items:stretch}.wp-view{justify-content:stretch}.wp-view button{flex:1}}
html[data-theme=light] .wp-view{background:#fff;border-color:#c9d3e2}
html[data-theme=light] .wp-lane{background:#fff;border-color:#c9d3e2;box-shadow:0 8px 22px rgba(20,35,60,.06)}
html[data-theme=light] .wp-lane.in{--lc:#13804f;border-color:#9ed8bb}html[data-theme=light] .wp-lane.near{--lc:#9a6b00;border-color:#e8d08a}html[data-theme=light] .wp-lane.far{--lc:#2a5da8}
html[data-theme=light] .wp-tile{background:#f6f8fc;border-color:#dfe5ef}
html[data-theme=light] .wp-peek{background:#fff;color:#13233a;border-color:#d9c08a}
html[data-theme=light] .wp-peek-x{background:#eef2f8}
.wp-tile .wp-logo,.wp-tile .wp-logo.fb{display:grid;place-items:center;width:42px;height:42px;min-height:42px;margin:0;padding:0;border-radius:12px;font-size:.78rem;line-height:1}@media (max-width:560px){.wp-tile .wp-logo,.wp-tile .wp-logo.fb{width:36px;height:36px;min-height:36px}}.wp-tile{align-content:start}

/* group-by switch + tag chips (Audi 2026-10-17) */
.wp-countbar{align-items:center}
.wp-gb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;flex:1 1 100%;order:3}
.wp-gb[hidden]{display:none}
.wp-gb span{font-size:.88rem;color:var(--wp-ink3);margin-right:4px}
.wp-gb button{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(8,14,30,.5);color:var(--wp-ink2);font:500 .88rem 'Mitr',sans-serif;cursor:pointer}
.wp-gb button[aria-pressed=true]{border-color:#E5C586;background:rgba(229,197,134,.18);color:var(--wp-ink);font-weight:600}
.wp-lane.star,.wp-lane.hot{--lc:#E5C586}.wp-lane.acc{--lc:#4fd39a}.wp-lane.up{--lc:#4fd39a}.wp-lane.down{--lc:#f0776b}.wp-lane.side{--lc:#f2c94c}.wp-lane.core{--lc:#7ab7f0}.wp-lane.growth{--lc:#b18cff}.wp-lane.spec{--lc:#f06fd0}.wp-lane.unres{--lc:#9aa6bd}
.wp-lane.rest .wp-tile small,.wp-lane.nocat .wp-tile small,.wp-lane.notr .wp-tile small{color:var(--wp-ink2)}
.wp-own{padding:20px;border-radius:20px}
.wp-ownf{display:grid;gap:16px;margin-top:12px}
.wp-ownf .row1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wp-ownf label{display:grid;gap:6px;font:500 .9rem 'Mitr',sans-serif;color:var(--wp-ink)}
.wp-ownf label small{font-weight:400;color:var(--wp-ink3)}
.wp-ownf input{min-height:46px;padding:0 12px;border-radius:12px;border:1px solid var(--wp-edge);background:rgba(8,12,24,.9);color:var(--wp-ink);font:inherit;color-scheme:dark;width:100%}
.wp-ownf .wp-btn{justify-self:start;min-height:48px}
.wp-tags{display:grid;gap:12px}
.wp-tags .grp{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 12px;align-items:center}
.wp-tags .grp>span{font:500 .88rem 'Mitr',sans-serif;color:var(--wp-ink2)}
.wp-tags .grp>div{display:flex;flex-wrap:wrap;gap:8px}
.tgc{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(8,14,30,.5);color:var(--wp-ink2);font:500 .88rem 'Mitr',sans-serif;cursor:pointer}
.tgc[aria-pressed=true]{border-color:#E5C586;background:rgba(229,197,134,.2);color:var(--wp-ink);font-weight:600;box-shadow:0 0 0 2px rgba(229,197,134,.18)}
.wp-ed .full{grid-column:1/-1}
@media (max-width:640px){.wp-ownf .row1{grid-template-columns:1fr}.wp-tags .grp{grid-template-columns:1fr}}
html[data-theme=light] .wp-gb button,html[data-theme=light] .tgc{background:#fff;border-color:#c9d3e2;color:#34465f}
html[data-theme=light] .wp-gb button[aria-pressed=true],html[data-theme=light] .tgc[aria-pressed=true]{background:#fff1d2;border-color:#b8862b;color:#13233a}
html[data-theme=light] .wp-ownf input{background:#fff;color-scheme:light}
html[data-theme=light] .wp-lane.star,html[data-theme=light] .wp-lane.hot{--lc:#8a6414}html[data-theme=light] .wp-lane.up,html[data-theme=light] .wp-lane.acc{--lc:#13804f}html[data-theme=light] .wp-lane.down{--lc:#b3261e}html[data-theme=light] .wp-lane.side{--lc:#9a6b00}
[hidden].wp-btn,.wp-btn[hidden],.wp-ghost[hidden]{display:none!important}

/* tiles with price · peek extras · request badge (Audi 2026-10-17) */
.wp-tile .pp{display:grid;gap:1px;justify-items:center;margin-top:2px;font-size:.78rem;line-height:1.3}
.wp-tile .pp .num{font-weight:700;color:var(--wp-ink)}
.wp-tile .pp em{font-style:normal;color:var(--wp-ink3)}
#wp-filters button b{margin-left:4px;padding:0 7px;border-radius:999px;background:rgba(229,197,134,.16);font-size:.76rem}
#wp-filters button[aria-pressed=true] b{background:rgba(23,43,67,.16)}
#wp-filters button[hidden]{display:none}
.wp-peek-fav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:14px 0 4px}
.wp-peek-fav small{font-size:.84rem;color:var(--wp-ink3)}
.wp-peek .wp-favbox{margin-top:10px}
.wp-peek .akd{margin-top:6px}
.wp-tabs [data-tab]{position:relative}
.wp-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:8px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.14);color:var(--wp-ink);font:700 .76rem 'Outfit',sans-serif}
.wp-badge[hidden]{display:none}
.wp-badge.alert{background:#ff4d5e;color:#fff;box-shadow:0 0 0 3px rgba(255,77,94,.25);animation:wpPing 2s ease-in-out infinite}
@keyframes wpPing{0%,70%,100%{box-shadow:0 0 0 3px rgba(255,77,94,.25)}85%{box-shadow:0 0 0 7px rgba(255,77,94,0)}}
@media (prefers-reduced-motion:reduce){.wp-badge.alert{animation:none}}
html[data-motion=paused] .wp-badge.alert,body.paused .wp-badge.alert{animation:none}
html[data-theme=light] .wp-badge{background:#e3e8f0;color:#13233a}
html[data-theme=light] .wp-badge.alert{background:#d92d3c;color:#fff}

/* 📊 summary · 🤖 AI tags · 🔔 Discord · 📜 options (moved from macro.html, Audi 2026-10-17) */
.ws{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;margin:16px 0 18px}
.ws:empty{display:none}
.ws-donut{display:flex;align-items:center;gap:20px;padding:18px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(42,64,104,.55),rgba(14,22,44,.9))}
.donut{width:140px;height:140px;flex:none}
.d-num{fill:var(--wp-ink);font:700 28px 'Mitr',sans-serif}.d-lab{fill:var(--wp-ink3);font:500 13px 'Sarabun',sans-serif}
.ws-leg{list-style:none;margin:0;padding:0;flex:1;display:grid;gap:6px;font-size:.9rem;min-width:0}
.ws-leg li{display:flex;align-items:center;gap:8px}.ws-leg li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wp-ink2)}
.ws-leg .sw{width:10px;height:10px;border-radius:3px;flex:none}.ws-leg b{font:600 .9rem 'Mitr',sans-serif}.ws-leg .muted{color:var(--wp-ink3)}
.ws-side{display:grid;gap:12px;align-content:start}
.ws-stat{display:grid;gap:6px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(8,14,30,.45)}
.ws-stat.warn{border-color:rgba(242,201,76,.5)}
.ws-stat>span{font:500 .85rem 'Mitr',sans-serif;color:var(--wp-ink3)}.ws-stat>b{font:700 1.2rem 'Mitr',sans-serif;color:var(--wp-ink)}
.ws-stat em{font-style:normal;font-size:.86rem;line-height:1.5;color:var(--wp-ink2)}
.ai-stack{display:flex;height:10px;border-radius:99px;overflow:hidden;gap:2px}.ai-stack i{display:block;height:100%}
.ai-stack .hi,.ai-tag.hi{background:rgba(240,133,122,.8)}.ai-stack .mid,.ai-tag.mid{background:rgba(226,201,143,.7)}.ai-stack .lo,.ai-tag.lo{background:rgba(77,210,160,.7)}
.hi-t{color:#f0857a}.mid-t{color:#E5C586}.lo-t{color:#4fd39a}
.ai-tag{display:inline-block;margin:2px 4px 0 0;font-size:.74rem;font-weight:600;padding:2px 8px;border-radius:999px;color:#10131d;white-space:nowrap}
.wp-tile .aib{position:absolute;bottom:6px;left:8px;font-style:normal;font-size:.8rem}
.wp-ailine{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.04);font-size:.9rem;line-height:1.55;color:var(--wp-ink2)}
.wp-lane.aihi{--lc:#f0857a}.wp-lane.aimid{--lc:#E5C586}.wp-lane.ailo{--lc:#4fd39a}
#wp-alerts{margin:6px 0 16px}#wp-alerts[hidden]{display:none}
.al{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(8,14,30,.5)}
.al.on{border-color:rgba(77,210,160,.45);background:linear-gradient(90deg,rgba(77,210,160,.1),transparent 60%),rgba(8,14,30,.5)}
.al-l b{display:block;font:600 1rem 'Mitr',sans-serif;color:var(--wp-ink)}.al-l b small{font:400 .78rem 'Sarabun',sans-serif;color:var(--wp-ink3);margin-left:6px}
.al-l span{display:block;margin-top:4px;font-size:.86rem;line-height:1.55;color:var(--wp-ink2)}.al-l .armed{color:#4fd39a}.al-l .dn{color:#f0857a}
.sw-toggle{flex:none;position:relative;width:52px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);cursor:pointer}
.sw-toggle i{position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#9fabbf;transition:left .18s,background .18s}
.sw-toggle.on{background:rgba(77,210,160,.35);border-color:#4fd39a}.sw-toggle.on i{left:28px;background:#4fd39a}
.wp-optbox{margin-top:16px;padding:14px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(8,14,30,.45)}
.wp-optbox[hidden]{display:none}
.wp-optbox summary{cursor:pointer;font:600 1rem 'Mitr',sans-serif;color:var(--wp-ink)}
.wp-optbox summary b{margin-left:6px;padding:0 8px;border-radius:999px;background:rgba(229,197,134,.16);font-size:.8rem}
.wp-opts{display:grid;gap:10px;margin-top:12px}
.wp-opt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);font-size:.9rem;color:var(--wp-ink2)}
.wp-opt b{font:700 1rem 'Outfit',sans-serif;color:var(--wp-ink)}
.wp-opt .sd{padding:1px 10px;border-radius:999px;font-weight:600}.wp-opt .sd.bull{background:rgba(77,210,160,.15);color:#4fd39a}.wp-opt .sd.bear{background:rgba(240,133,122,.15);color:#f0857a}.wp-opt .sd.range{background:rgba(242,201,76,.15);color:#f2c94c}
.wp-opt .wp-del{margin-left:auto}
@media (max-width:760px){.ws{grid-template-columns:1fr}.ws-donut{flex-direction:column;align-items:stretch}.donut{margin:0 auto}}
html[data-theme=light] .ws-donut,html[data-theme=light] .ws-stat,html[data-theme=light] .al,html[data-theme=light] .wp-optbox{background:#fff;border-color:#c9d3e2}
html[data-theme=light] .wp-opt,html[data-theme=light] .wp-ailine{background:#f6f8fc}
html[data-theme=light] .hi-t,html[data-theme=light] .al-l .dn,html[data-theme=light] .wp-opt .sd.bear{color:#b3261e}html[data-theme=light] .mid-t{color:#8a6414}html[data-theme=light] .lo-t,html[data-theme=light] .al-l .armed,html[data-theme=light] .wp-opt .sd.bull{color:#13804f}
html[data-theme=light] #wp-filters button{background:#fff;border-color:#c9d3e2;color:#13233a}html[data-theme=light] #wp-filters button[aria-pressed=true]{background:#E5C586;border-color:#b8862b;color:#172b43}html[data-theme=light] #wp-filters button b{background:#eef2f8;color:#13233a}

/* logo padding, card key, AI reason (Audi 2026-10-17) */
.wp-tile .wp-logo{padding:5px;box-sizing:border-box;object-fit:contain;background:#fff}
.wp-tile .wp-logo.fb{background:#132650;padding:0}
.wp-row>.wp-logo{padding:4px;box-sizing:border-box;object-fit:contain}
.wp-keyline{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 4px;font-size:.86rem;line-height:1.5;color:var(--wp-ink2)}
.wp-keyline b{color:var(--wp-ink);font-weight:600}
.wp-ailine small{display:block;margin-top:4px;font-size:.8rem;color:var(--wp-ink3)}
/* 2026-10-17 (Audi: "เส้นไปบังตัวหนังสือ"): the AI badge sat on "รอ $…" at phone width; it now stacks under the trend icon in the
   top-left corner, beside the logo, never over a text line (bug_sweep.js overlap check) */
.wp-tile .aib{top:28px;bottom:auto;left:8px}

/* ───────── 2026-10-17 🃏 E · trading-card binder (Audi picked E: "E แล้วกัน … ทำให้มันมี gimmick กว่านี้หน่อย") ─────────
   Lanes are binder pages with sleeve seams; tiles are collectible cards dealt in one by one, a holo light and a slight tilt
   follow the pointer, ⭐ cards wear a gold rarity frame. Night = dark binder, day = white binder (designed as a pair). */
.wp-lane{border-radius:18px}
html:not([data-theme=light]) .wp-lane{background:repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 128px),linear-gradient(180deg,#1b1b2c,#121220);border-color:#34344c;box-shadow:0 18px 40px -22px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme=light] .wp-lane{background:repeating-linear-gradient(90deg,rgba(20,30,60,.035) 0 1px,transparent 1px 128px),linear-gradient(180deg,#fbfbfd,#eef0f6);border-color:#d5d8e3;box-shadow:0 16px 32px -24px rgba(30,40,80,.35)}
.wp-tile{border-radius:12px;overflow:hidden;isolation:isolate;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out,translate .15s,border-color .15s,box-shadow .2s;animation:wpDeal .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 28ms)}
@keyframes wpDeal{from{opacity:0;translate:0 14px;rotate:-4deg}to{opacity:1;translate:0 0;rotate:0deg}}
.wp-tile::before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .25s;pointer-events:none;
  background:radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.4),transparent 45%),linear-gradient(115deg,transparent 25%,rgba(160,220,255,.22) 42%,rgba(255,170,240,.22) 52%,rgba(255,240,150,.18) 60%,transparent 75%)}
.wp-tile:is(:hover,:focus-visible)::before{opacity:1}
html:not([data-theme=light]) .wp-tile{background:linear-gradient(160deg,#2c2c48,#1b1b30);border:2px solid #4b4b70}
html[data-theme=light] .wp-tile{background:linear-gradient(160deg,#ffffff,#f2f4fa);border:2px solid #c9cedc}
html[data-theme=light] .wp-tile::before{background:radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.9),transparent 45%),linear-gradient(115deg,transparent 25%,rgba(120,190,255,.25) 42%,rgba(255,140,220,.22) 52%,rgba(255,220,100,.22) 60%,transparent 75%)}
.wp-tile:has(.st){border-color:#e5c586!important;box-shadow:0 0 0 1px #e5c586,0 0 18px -6px #e5c586}
html[data-theme=light] .wp-tile:has(.st){border-color:#c9a14e!important;box-shadow:0 0 0 1px #c9a14e,0 8px 18px -10px rgba(160,120,40,.6)}
html[data-motion=paused] .wp-tile{animation:none;transform:none}
@media (prefers-reduced-motion:reduce){.wp-tile{animation:none;transform:none}}

/* the peek opens like a card flipping over, then reads as a dashboard: hero verdict → KPI tiles → signals → details */
.wp-peek[open]{animation:wpFlip .55s cubic-bezier(.2,.8,.2,1)}
@keyframes wpFlip{from{transform:perspective(1200px) rotateY(80deg);opacity:.3}to{transform:none;opacity:1}}
html[data-motion=paused] .wp-peek[open]{animation:none}
@media (prefers-reduced-motion:reduce){.wp-peek[open]{animation:none}}
html:not([data-theme=light]) .wp-peek{background:radial-gradient(70% 30% at 50% 0%,rgba(229,197,134,.12),transparent 70%),linear-gradient(160deg,#22223a,#121220);border:2px solid #e5c586}
html[data-theme=light] .wp-peek{background:radial-gradient(70% 30% at 50% 0%,rgba(255,214,150,.35),transparent 70%),linear-gradient(160deg,#ffffff,#f3f5fa);border:2px solid #c9a14e}
.wp-peek-in{padding:22px 24px 26px}
.dsh-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;padding:16px 18px;border-radius:16px;margin:0 44px 16px 0;position:relative;overflow:hidden;isolation:isolate}
.dsh-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 45%,rgba(160,220,255,.12) 52%,transparent 68%) 0 0/250% 100%;animation:wpFoil 6s linear infinite}
@keyframes wpFoil{from{background-position:120% 0}to{background-position:-120% 0}}
html[data-motion=paused] .dsh-hero::before{animation:none}
@media (prefers-reduced-motion:reduce){.dsh-hero::before{animation:none}}
.dsh-hero .id{display:flex;align-items:center;gap:14px;min-width:0}
.dsh-hero .id .wp-logo{width:56px;height:56px;border-radius:14px;flex:0 0 auto}
.dsh-hero .id b{display:block;font:700 1.6rem/1.1 Mitr,sans-serif}
.dsh-hero .id small{display:block;margin:2px 0 6px;font-size:.92rem;opacity:.85}
.dsh-hero .tgs{display:flex;flex-wrap:wrap;gap:6px}
.dsh-hero .vd{text-align:right}
.dsh-hero .vd strong{display:block;font:700 1.3rem/1.25 Mitr,sans-serif}
.dsh-hero .vd span{font-size:.95rem}
html:not([data-theme=light]) .dsh-hero{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
html[data-theme=light] .dsh-hero{background:linear-gradient(135deg,#ffffff,#f4f6fb);box-shadow:inset 0 0 0 1px #d8dce7}
.dsh-hero.v-g .vd strong{color:#4ade80}.dsh-hero.v-g2 .vd strong{color:#86efac}.dsh-hero.v-a .vd strong{color:#fbbf24}
html[data-theme=light] .dsh-hero.v-g .vd strong{color:#0b7a4f}html[data-theme=light] .dsh-hero.v-g2 .vd strong{color:#15803d}html[data-theme=light] .dsh-hero.v-a .vd strong{color:#a15c07}
html:not([data-theme=light]) .dsh-hero.v-g{box-shadow:inset 0 0 0 1px rgba(74,222,128,.45),0 0 26px -12px rgba(74,222,128,.7)}
html[data-theme=light] .dsh-hero.v-g{box-shadow:inset 0 0 0 1px #8fd3ad}
.dsh-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dsh-k.wide{grid-column:1/-1}
.dsh-k{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 16px;border-radius:14px}
.dsh-k h5{margin:0;font:600 .9rem/1.3 Mitr,sans-serif;opacity:.9}
.dsh-k>b{font:700 1.45rem/1.15 Mitr,sans-serif}
.dsh-k>span{font-size:.92rem}
.dsh-k small{font-size:.85rem;line-height:1.45;opacity:.9}
html:not([data-theme=light]) :is(.dsh-k,.dsh-s){background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
html[data-theme=light] :is(.dsh-k,.dsh-s){background:#ffffff;box-shadow:inset 0 0 0 1px #dde1ea,0 6px 14px -12px rgba(30,40,80,.4)}
.dsh-k .up{color:#4ade80}.dsh-k .down{color:#f87171}.dsh-k .warn{color:#fbbf24}
html[data-theme=light] .dsh-k .up{color:#0b7a4f}html[data-theme=light] .dsh-k .down{color:#b8321f}html[data-theme=light] .dsh-k .warn{color:#a15c07}
.dsh-spark{width:100%;height:44px;display:block}
.dsh-spark .ln{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.dsh-spark.up .ln{stroke:#4ade80}.dsh-spark.down .ln{stroke:#f87171}
.dsh-spark.up .ar{fill:rgba(74,222,128,.14)}.dsh-spark.down .ar{fill:rgba(248,113,113,.14)}
html[data-theme=light] .dsh-spark.up .ln{stroke:#0b7a4f}html[data-theme=light] .dsh-spark.down .ln{stroke:#b8321f}
.dsh-meter{height:10px;border-radius:999px;overflow:hidden}
.dsh-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fbbf24,#4ade80);transition:width .6s}
html:not([data-theme=light]) .dsh-meter{background:rgba(255,255,255,.1)}html[data-theme=light] .dsh-meter{background:#e6e9f0}
.dsh-52{display:grid;gap:2px;padding:0 6px}
.dsh-52 .ends{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;opacity:.9}
.dsh-bar{position:relative;height:46px}
.dsh-bar .tr{position:absolute;left:0;right:0;top:19px;height:8px;border-radius:999px;background:linear-gradient(90deg,#f87171,#fbbf24 50%,#4ade80)}
.dsh-bar .mk{position:absolute;top:14px;width:4px;height:18px;translate:-50% 0;border-radius:2px}
.dsh-bar .mk.now{background:#fff;box-shadow:0 0 0 2px #121220}.dsh-bar .mk.buy{background:#60a5fa;box-shadow:0 0 0 2px #121220}
html[data-theme=light] .dsh-bar .mk.now{background:#1b2b40;box-shadow:0 0 0 2px #fff}html[data-theme=light] .dsh-bar .mk.buy{background:#1d6fa5;box-shadow:0 0 0 2px #fff}
.dsh-bar .ml{position:absolute;top:34px;translate:-50% 0;font-size:.72rem;line-height:1;white-space:nowrap;font-weight:600}
.dsh-bar .ml.buy{top:0;color:#93c5fd}html[data-theme=light] .dsh-bar .ml.buy{color:#1d6fa5}
.dsh-ladder{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:4px}
.dsh-ladder li{display:flex;justify-content:space-between;gap:8px;padding:4px 8px;border-radius:8px;font-size:.85rem}
.dsh-ladder li.now{font-weight:700;box-shadow:inset 3px 0 0 #e5c586}
html:not([data-theme=light]) .dsh-ladder li{background:rgba(255,255,255,.05)}html[data-theme=light] .dsh-ladder li{background:#f3f5fa}
.dsh-k b.t-g{color:#4ade80}.dsh-k b.t-r{color:#f87171}.dsh-k b.t-a{color:#fbbf24}
html[data-theme=light] .dsh-k b.t-g{color:#0b7a4f}html[data-theme=light] .dsh-k b.t-r{color:#b8321f}html[data-theme=light] .dsh-k b.t-a{color:#a15c07}
.dsh-sig{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.dsh-s{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-radius:14px}
.dsh-s h5{margin:0;font:600 .95rem/1.3 Mitr,sans-serif}
.dsh-s b{font:700 1.2rem Mitr,sans-serif}
.dsh-s small{font-size:.85rem;line-height:1.45;opacity:.9}
.dsh-gauge{position:relative;height:10px;margin:4px 0;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#a78bfa 50%,#f472b6)}
.dsh-gauge i{position:absolute;top:-4px;left:calc(var(--v) * 100%);width:6px;height:18px;translate:-50% 0;border-radius:3px;background:#fff;box-shadow:0 0 0 2px #121220}
html[data-theme=light] .dsh-gauge i{background:#1b2b40;box-shadow:0 0 0 2px #fff}
.dsh-s .deep{font-weight:700}
.dsh-act{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}
.dsh-none{font-size:.82rem;opacity:.8}
.wp-peek .akd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.wp-peek .akd>.dt{margin:0;padding:14px 16px;border-radius:14px;min-width:0}
.wp-peek .akd>.dt:last-child{grid-column:1/-1}
html:not([data-theme=light]) .wp-peek .akd>.dt{background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
html[data-theme=light] .wp-peek .akd>.dt{background:#ffffff;box-shadow:inset 0 0 0 1px #dde1ea}
@media (max-width:860px){.dsh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dsh-k:nth-child(3){grid-column:1/-1}.wp-peek .akd{grid-template-columns:1fr}}
@media (max-width:520px){.wp-peek-in{padding:16px 14px 20px}.dsh-hero{margin-right:40px}.dsh-hero .vd{text-align:left}.dsh-kpis{grid-template-columns:1fr}}

.dsh-bar .ml.el{translate:-6px 0}.dsh-bar .ml.er{translate:calc(-100% + 6px) 0}

/* 2026-10-17 (Audi: "ลืมเรื่องการใช้สีไปแล้วหรอ ที่ ต้องลงอีก 0.9% และ รอซื้อ $230 … แถบที่คุณทำมามันดูยาก เป็นสีรุ้ง ไม่รู้จะโฟกัสตรงไหน"):
   one neutral track per bar, colour only on the thing that matters (the buy line / the value), and every buy distance
   coloured by its zone: ✅ ถึงแล้ว green · 🟢 ใกล้ (≤3%) green · 🟡 เริ่มใกล้ (≤8%) amber · ยังห่าง grey. */
:root{--z-in:#4ade80;--z-ng:#86efac;--z-ny:#fbbf24;--z-far:#a7b0c4}
html[data-theme=light]{--z-in:#0b7a4f;--z-ng:#15803d;--z-ny:#a15c07;--z-far:#5b6577}
.z-in .zc,.wp-tile.in small,.wp-tile.in .pp em{color:var(--z-in)!important}
.z-near-g .zc,.wp-tile.near-g small,.wp-tile.near-g .pp em{color:var(--z-ng)!important}
.z-near-y .zc,.wp-tile.near-y small,.wp-tile.near-y .pp em{color:var(--z-ny)!important}
.z-far .zc{color:var(--z-far)!important}
.wp-tile:is(.in,.near-g,.near-y) small{font-weight:700}
/* 52-week: grey track, the stretch from the low up to "now" in quiet ink, the buy line as the one coloured marker */
.dsh-bar .tr{background:var(--trk)!important}
html:not([data-theme=light]) .dsh-bar{--trk:rgba(255,255,255,.14)}html[data-theme=light] .dsh-bar{--trk:#e3e7ef}
.dsh-bar .mk.now{width:14px;height:14px;top:16px;border-radius:50%}
.dsh-bar .ml.now{font-weight:700}
.dsh-bar .mk.buy{width:4px;height:24px;top:11px;border-radius:2px}
.dsh-bar .mk.buy.z-in,.dsh-bar .ml.buy.z-in{--zc:var(--z-in)}.dsh-bar .mk.buy.z-near-g,.dsh-bar .ml.buy.z-near-g{--zc:var(--z-ng)}
.dsh-bar .mk.buy.z-near-y,.dsh-bar .ml.buy.z-near-y{--zc:var(--z-ny)}.dsh-bar .mk.buy.z-far,.dsh-bar .ml.buy.z-far{--zc:var(--z-far)}
.dsh-bar .mk.buy{background:var(--zc)!important}.dsh-bar .ml.buy{color:var(--zc)!important}
/* AI gauge: neutral track, one violet fill up to the value */
.dsh-gauge{background:var(--trk)!important;overflow:visible}
html:not([data-theme=light]) .dsh-gauge{--trk:rgba(255,255,255,.14)}html[data-theme=light] .dsh-gauge{--trk:#e3e7ef}
.dsh-gauge::before{content:'';position:absolute;left:0;top:0;bottom:0;width:calc(var(--v) * 100%);border-radius:inherit;background:#a78bfa}
html[data-theme=light] .dsh-gauge::before{background:#6d4fc2}

/* 2026-10-17 ⭐ ของคุณ rows (Audi: "เรียงตัวไม่ดี … กระชับ เขียนแค่ว่าออดี้รอซื้อ … ไม่ต้องมี ต้องลงอีก"): one aligned grid,
   every column = small label → big value → one short zone-coloured line; trend sits under the price; actions are two icon buttons. */
.wp-row.m2{grid-template-columns:44px minmax(0,1.7fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:4px 18px;padding:16px 16px 16px 19px}
.wp-row.m2>.wp-logo{width:44px;height:44px;border-radius:12px;align-self:center}
.wp-row.m2 .nm{display:grid;gap:2px;align-self:center}
.wp-row.m2 .nm b{font-size:1.15rem}
.wp-row.m2 .nm .tgs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.wp-row.m2 .c{gap:4px}
.wp-row.m2 .c small{font-size:.78rem;font-weight:600;letter-spacing:.01em}
.wp-row.m2 .c b{font:700 1.2rem/1.2 'Outfit','Mitr',sans-serif;min-height:36px;display:flex;align-items:center}
.wp-row.m2 .c i{min-height:1.3em;font-size:.82rem}
.wp-row.m2 .c input{min-height:36px}
.wp-row.m2 .px i .tr{font-size:.78rem}
.wp-row.m2 .acts2{display:flex;flex-direction:row;gap:8px;align-self:center}
.wp-row.m2 .acts2 button.ic{width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center;border-radius:12px;font-size:1.05rem;flex:0 0 auto}
.wp-row.m2 .wp-favline,.wp-row.m2 .wp-favbox{grid-column:2/-1}
/* the left stripe and the buy status share the zone colour */
.wp-row.m2.z-in{--acc:var(--z-in)}.wp-row.m2.z-near-g{--acc:var(--z-ng)}.wp-row.m2.z-near-y{--acc:var(--z-ny)}.wp-row.m2.z-far{--acc:var(--wp-edge,#3a4560)}
.wp-row.m2 .buy i.zc{font-weight:700}
.wp-row.m2 .tg.audi{font-weight:600}
@media (max-width:980px){
  .wp-row.m2{grid-template-columns:44px repeat(3,minmax(0,1fr));grid-template-areas:"lg nm nm act" "px px buy tgt"}
  .wp-row.m2 .acts2{grid-area:act;justify-self:end}
}
@media (max-width:560px){
  .wp-row.m2{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"lg nm nm act" "px px px px" "buy buy tgt tgt";gap:10px 12px}
  .wp-row.m2>.wp-logo{display:block}
  .wp-row.m2 .acts2{justify-self:end;align-self:start}
  .wp-row.m2 .px{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
  .wp-row.m2 .px small{width:100%}
  .wp-row.m2 .px b{min-height:0}
}

.wp-row.m2 .wp-fav.ic .hrt{font-size:1.35rem;line-height:1;color:#e05a7e}
.wp-row.m2 .wp-fav.ic.on .hrt{color:#ff4d7d;text-shadow:0 0 10px rgba(255,77,125,.5)}
html[data-theme=light] .wp-row.m2 .acts2 button.ic{background:#fff;border-color:#e3b7c2;box-shadow:0 4px 10px -8px rgba(120,40,60,.5)}
html[data-theme=light] .wp-row.m2 .wp-fav.ic .hrt{color:#c2335b}
html[data-theme=light] .wp-row.m2 .wp-del.ic{border-color:#e7b4b4}

/* 2026-10-17 (Audi: "กล่องไหนที่เป็นสัญญาณดีก็ต้องเป็นสีเขียว … 52 สัปดาห์ไม่ทำสีหรอ … ตาม AI ควรมี 2 สีที่โชว์มากน้อย"):
   each KPI box tints its edge by meaning (g good · a caution · r bad · n neutral); the number/word carries the same colour. */
:root{--k-g:#4ade80;--k-a:#fbbf24;--k-r:#f87171}
html[data-theme=light]{--k-g:#0b7a4f;--k-a:#a15c07;--k-r:#b8321f}
html:not([data-theme=light]) .dsh-k.k-g,html:not([data-theme=light]) .dsh-s.k-g{box-shadow:inset 0 0 0 1px rgba(74,222,128,.55),inset 0 3px 0 rgba(74,222,128,.9);background:linear-gradient(180deg,rgba(74,222,128,.09),rgba(255,255,255,.03) 60%)}
html:not([data-theme=light]) .dsh-k.k-a,html:not([data-theme=light]) .dsh-s.k-a{box-shadow:inset 0 0 0 1px rgba(251,191,36,.5),inset 0 3px 0 rgba(251,191,36,.9);background:linear-gradient(180deg,rgba(251,191,36,.08),rgba(255,255,255,.03) 60%)}
html:not([data-theme=light]) .dsh-k.k-r,html:not([data-theme=light]) .dsh-s.k-r{box-shadow:inset 0 0 0 1px rgba(248,113,113,.5),inset 0 3px 0 rgba(248,113,113,.9);background:linear-gradient(180deg,rgba(248,113,113,.08),rgba(255,255,255,.03) 60%)}
html[data-theme=light] .dsh-k.k-g,html[data-theme=light] .dsh-s.k-g{box-shadow:inset 0 0 0 1px #9fd8b8,inset 0 3px 0 #0b7a4f;background:linear-gradient(180deg,#effaf3,#fff 60%)}
html[data-theme=light] .dsh-k.k-a,html[data-theme=light] .dsh-s.k-a{box-shadow:inset 0 0 0 1px #ecd29a,inset 0 3px 0 #a15c07;background:linear-gradient(180deg,#fff8e8,#fff 60%)}
html[data-theme=light] .dsh-k.k-r,html[data-theme=light] .dsh-s.k-r{box-shadow:inset 0 0 0 1px #efb8ae,inset 0 3px 0 #b8321f;background:linear-gradient(180deg,#fff1ee,#fff 60%)}
.dsh-k .t-g,.dsh-s .t-g{color:var(--k-g)!important}.dsh-k .t-a,.dsh-s .t-a{color:var(--k-a)!important}.dsh-k .t-r,.dsh-s .t-r{color:var(--k-r)!important}
.dsh-pz{font:700 1rem Mitr,sans-serif;margin-top:2px}
.dsh-bar .mk.now.p-g{background:var(--k-g)!important}.dsh-bar .mk.now.p-a{background:var(--k-a)!important}.dsh-bar .mk.now.p-r{background:var(--k-r)!important}
.dsh-bar .ml.now.p-g{color:var(--k-g)}.dsh-bar .ml.now.p-a{color:var(--k-a)}.dsh-bar .ml.now.p-r{color:var(--k-r)}
/* AI meter: ends named, thresholds marked, fill colour = the band it lands in */
.dsh-gauge u{position:absolute;top:-3px;bottom:-3px;width:2px;background:currentColor;opacity:.35;translate:-1px 0}
.dsh-gauge.b-lo{--bc:#60a5fa}.dsh-gauge.b-mid{--bc:#fbbf24}.dsh-gauge.b-hi{--bc:#f472b6}
html[data-theme=light] .dsh-gauge.b-lo{--bc:#1d6fa5}html[data-theme=light] .dsh-gauge.b-mid{--bc:#a15c07}html[data-theme=light] .dsh-gauge.b-hi{--bc:#b0306e}
.dsh-gauge::before{background:var(--bc)!important}
.dsh-ends{display:flex;justify-content:space-between;font-size:.76rem;opacity:.85}

/* AI meter ends wear their band colour (Audi 2026-10-17); the middle label sits over the 0.3-0.6 band */
.dsh-ends{position:relative;font-weight:700}
.dsh-ends .e-lo{color:#60a5fa}.dsh-ends .e-mid{position:absolute;left:45%;translate:-50% 0;color:#fbbf24}.dsh-ends .e-hi{color:#f472b6}
html[data-theme=light] .dsh-ends .e-lo{color:#1d6fa5}html[data-theme=light] .dsh-ends .e-mid{color:#a15c07}html[data-theme=light] .dsh-ends .e-hi{color:#b0306e}
.dsh-gauge{background:linear-gradient(90deg,rgba(96,165,250,.22) 0 30%,rgba(251,191,36,.22) 30% 60%,rgba(244,114,182,.22) 60%)!important}
html[data-theme=light] .dsh-gauge{background:linear-gradient(90deg,#dbeafe 0 30%,#fdf0d5 30% 60%,#fbe0ee 60%)!important}

/* card key as a 4-cell legend (Audi 2026-10-17: "อ่านแล้วงงไหม เรียงงงไหม"): symbol on top, one short meaning under it */
.wp-keyline{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:start;gap:10px 14px;margin:14px 0 6px;padding:12px 14px;border-radius:14px}
html:not([data-theme=light]) .wp-keyline{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html[data-theme=light] .wp-keyline{background:#fff;box-shadow:inset 0 0 0 1px #dde1ea}
.wp-keyline>b{align-self:center;white-space:nowrap}
.wp-keyline .k{display:grid;gap:3px}
.wp-keyline .k i{font-style:normal;font-weight:700;font-size:1rem;letter-spacing:.06em}
.wp-keyline .k i.zg{color:var(--z-ng,#86efac);letter-spacing:0}
.wp-keyline .k small{font-size:.8rem;line-height:1.4;color:var(--wp-ink2)}
@media (max-width:860px){.wp-keyline{grid-template-columns:repeat(2,minmax(0,1fr))}.wp-keyline>b{grid-column:1/-1}}
/* wider on big screens (Audi: "ควรทำจอกว้างกว่านี้ไหม") */
@media (min-width:1500px){.wp{width:min(1400px,100% - 64px)}}
/* site-theme.css caps every <main> at 760px, which kept the whole watchlist narrow on desktop */
main.wp{max-width:none;padding-left:0;padding-right:0}

/* 🎬 Audi's own content + ⚖️ fair value panels in the peek */
.dsh-mine{gap:8px!important}
.dsh-mine .clip{display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;text-decoration:none;color:inherit}
html:not([data-theme=light]) .dsh-mine .clip{background:rgba(255,255,255,.05)}html[data-theme=light] .dsh-mine .clip{background:#f3f5fa}
.dsh-mine .clip:hover{outline:1px solid #E5C586}
.dsh-mine .clip img{width:40px;height:72px;object-fit:cover;border-radius:6px;flex:0 0 auto}
.dsh-mine .clip span{font-size:.86rem;line-height:1.4;font-weight:600}
.dsh-mine .deep{font-weight:700}
.dsh-s small b{font:inherit;font-weight:700}