/* =========================================================================
   LISTLEY EXTENSION — LIGHT THEME
   .ext-pop.is-light  (shown when the WEBSITE is in dark mode)
   Mirrors the extension's light theme from the brand spec.
   ========================================================================= */
.ext-pop.is-light { background:#f7f8fa; color:#1a1c22; border-color:rgba(13,16,23,.10); }

.ext-pop.is-light .xp-brand { background:#ffffff; border-bottom-color:rgba(13,16,23,.08); }
.ext-pop.is-light .xp-word .n .ai { color:#5c636f; }
.ext-pop.is-light .xp-globe { color:#9aa0aa; }

.ext-pop.is-light .xp-greet { background:#eef0f4; border-bottom-color:rgba(13,16,23,.07); }
.ext-pop.is-light .xp-greet .hi { color:#1a1c22; }
.ext-pop.is-light .xp-greet .plan { color:#5c636f; }

.ext-pop.is-light .xp-store { background:#ffffff; border-color:rgba(13,16,23,.09); box-shadow:0 1px 2px rgba(13,16,23,.04); }
.ext-pop.is-light .xp-store .meta .s { color:#6b7280; }

.ext-pop.is-light .xp-nav { background:#eef0f4; border-top-color:rgba(13,16,23,.07); border-bottom-color:rgba(13,16,23,.07); }
.ext-pop.is-light .xp-nav button { color:#8a909c; }
.ext-pop.is-light .xp-nav button:hover { color:#1a1c22; }

.ext-pop.is-light .xp-tool { background:#1c1c20; border-color:rgba(255,255,255,.06); }
.ext-pop.is-light .xp-tool:hover { background:#26262b; box-shadow:0 10px 26px rgba(13,16,23,.16); }
.ext-pop.is-light .xp-tool .tl { color:#fff; }
.ext-pop.is-light .xp-tool .ti { color:#fff; }

.ext-pop.is-light .xp-foot { color:#6b7280; }

.ext-pop.is-light .xp-sub-head { border-bottom-color:rgba(13,16,23,.12); }
.ext-pop.is-light .xp-sub-head .ht { color:#4a4f5a; }
.ext-pop.is-light .xp-sub-head .sp { color:#9aa0aa; }

.ext-pop.is-light .xp-seg, .ext-pop.is-light .xp-seg2 { background:#e7e9ee; }
.ext-pop.is-light .xp-seg button, .ext-pop.is-light .xp-seg2 button { color:#6b7280; }
.ext-pop.is-light .xp-seg button.on, .ext-pop.is-light .xp-seg2 button.on { background:#ffffff; color:#1a1c22; box-shadow:0 1px 3px rgba(13,16,23,.12); }

.ext-pop.is-light .xp-radios { background:#ffffff; border-color:rgba(13,16,23,.08); }
.ext-pop.is-light .xp-radio { color:#3a3f4a; }
.ext-pop.is-light .xp-radio.on { background:#f0f1f4; color:#16181d; }
.ext-pop.is-light .xp-radio .rb { border-color:#c2c6cf; }
.ext-pop.is-light .xp-input { background:#ffffff; border-color:rgba(13,16,23,.12); color:#16181d; }
.ext-pop.is-light .xp-input::placeholder { color:#9aa0aa; }

.ext-pop.is-light .xp-tg { background:#d3d6dd; }
.ext-pop.is-light .xp-hashsub b { color:#3a3f4a; }

.ext-pop.is-light .xp-stat { background:#ffffff; border-color:rgba(13,16,23,.08); }
.ext-pop.is-light .xp-chart { background:#f0f1f4; border-color:rgba(13,16,23,.07); }

.ext-pop.is-light .xp-listrow { background:#ffffff; border-color:rgba(13,16,23,.08); }
.ext-pop.is-light .xp-listrow .tx .s { color:#6b7280; }

.ext-pop.is-light .xp-textarea { background:#ffffff; border-color:rgba(13,16,23,.12); color:#16181d; }
.ext-pop.is-light .xp-textarea::placeholder { color:#9aa0aa; }

.ext-pop.is-light .xp-preset { background:#f0f1f4; }
.ext-pop.is-light .xp-newpreset { background:#f0f1f4; }
.ext-pop.is-light .xp-pinput, .ext-pop.is-light .xp-ptext { background:#ffffff; color:#16181d; box-shadow:inset 0 0 0 1px rgba(13,16,23,.1); }
.ext-pop.is-light .xp-pinput::placeholder, .ext-pop.is-light .xp-ptext::placeholder { color:#9aa0aa; }

.ext-pop.is-light .xp-blrow { background:#ffffff; border-color:rgba(13,16,23,.08); }

/* light-mode safety ring labels */
.ext-pop.is-light .ring .center .pts { color:#16181d; }
.ext-pop.is-light .ring > svg > circle:first-child,
.ext-pop.is-light .mini-ring svg circle:first-child { stroke:rgba(13,16,23,.12); }
.ext-pop.is-light .ring .center .of { color:#6b7280; }
.ext-pop.is-light .zone-chip { background:rgba(13,16,23,.04); border-color:rgba(13,16,23,.08); color:#6b7280; }
.ext-pop.is-light .zone-chip.active { color:#16181d; }

/* ===== v2 REBUILD — light overrides ===== */
.ext-pop.is-light .xp-tabs { background:#e7e9ee; }
.ext-pop.is-light .xp-tabs button { color:#6b7280; }
.ext-pop.is-light .xp-tabs button.on { background:#ffffff; color:#1a1c22; box-shadow:0 1px 3px rgba(13,16,23,.12); }
.ext-pop.is-light .xp-selrow .cnt { color:#9aa0aa; } .ext-pop.is-light .xp-selrow .cnt b { color:#3a3f4a; }
.ext-pop.is-light .xp-suffixtx { color:#3a3f4a; }
.ext-pop.is-light .xp-inputwrap .suffix { color:#9aa0aa; }
.ext-pop.is-light .xp-addbtn.dark, .ext-pop.is-light .xp-load.dark { background:#17171a; color:#fff; box-shadow:none; }

.ext-pop.is-light .xp-select { background:#ffffff; border-color:rgba(13,16,23,.12); color:#16181d; }
.ext-pop.is-light .xp-revdesc { color:#5c636f; }
.ext-pop.is-light .xp-pilltabs button { color:#4a4f5a; border-color:rgba(13,16,23,.16); }
.ext-pop.is-light .xp-msgbox { background:#f0f1f4; color:#1c1c20; }
.ext-pop.is-light .st-row { color:#4a4f5a; border-bottom-color:rgba(13,16,23,.08); }
.ext-pop.is-light .sp-cap { color:#9aa0aa; }

.ext-pop.is-light .xp-compcard { background:#ffffff; border-color:rgba(13,16,23,.09); box-shadow:0 1px 3px rgba(13,16,23,.05); }
.ext-pop.is-light .cc-stats div span { color:#8a909c; }
.ext-pop.is-light .cc-data { background:#f6f7f9; }
.ext-pop.is-light .cc-foot { color:#9aa0aa; }

.ext-pop.is-light .xp-bigstat { background:linear-gradient(160deg,#eef2fb,#ffffff); border-color:rgba(13,16,23,.08); }
.ext-pop.is-light .xp-bigstats.lite .xp-litestat { background:linear-gradient(160deg,#eef2fb,#ffffff); border-color:rgba(13,16,23,.08); }
.ext-pop.is-light .xp-bigstat .l, .ext-pop.is-light .xp-litestat .l { color:#8a909c; }
.ext-pop.is-light .xp-secttl .sub, .ext-pop.is-light .xp-secttl.small { color:#8a909c; }
.ext-pop.is-light .xp-perf { border-bottom-color:rgba(13,16,23,.08); }
.ext-pop.is-light .xp-perf .rk { border-color:rgba(13,16,23,.14); color:#8a909c; }
.ext-pop.is-light .xp-pricepill { background:#ffffff; border-color:rgba(13,16,23,.1); color:#8a909c; }
.ext-pop.is-light .xp-pricepill b { color:#16181d; }
.ext-pop.is-light .xp-dist .dl { color:#3a3f4a; }
.ext-pop.is-light .xp-dist .db { background:rgba(13,16,23,.07); }
.ext-pop.is-light .xp-discount { background:#ffffff; border-color:rgba(13,16,23,.1); color:#4a4f5a; }

.ext-pop.is-light .xp-watch { background:#ffffff; border-color:rgba(13,16,23,.09); }
.ext-pop.is-light .wt-price b { color:#16181d; }
.ext-pop.is-light .xp-offcfg { background:#ffffff; border-color:rgba(13,16,23,.09); }
.ext-pop.is-light .xp-radio2 { color:#3a3f4a; }
.ext-pop.is-light .xp-radio2.on { color:#16181d; }
.ext-pop.is-light .xp-radio2 .rb { border-color:#c2c6cf; }
.ext-pop.is-light .xp-cfgdiv { background:rgba(13,16,23,.09); }

.ext-pop.is-light .xp-eye { border-color:rgba(13,16,23,.14); color:#9aa0aa; }
.ext-pop.is-light .xp-idle { color:#8a909c; }
.ext-pop.is-light .xp-monstat { background:#f6f7f9; border-color:rgba(13,16,23,.08); }
.ext-pop.is-light .xp-monstat .l { color:#8a909c; }
.ext-pop.is-light .xp-eg { color:#8a909c; } .ext-pop.is-light .xp-eg b { color:#3a3f4a; }

.ext-pop.is-light .xp-helpcard { background:#ffffff; border-color:rgba(13,16,23,.09); }
.ext-pop.is-light .xp-helpcard p { color:#5c636f; }
.ext-pop.is-light .xp-acc { border-top-color:rgba(13,16,23,.1); }
.ext-pop.is-light .xp-accrow { border-bottom-color:rgba(13,16,23,.1); }
.ext-pop.is-light .xp-accrow.open { background:linear-gradient(90deg,rgba(37,99,235,.1),rgba(37,99,235,.02)); }
.ext-pop.is-light .xp-ver { color:#9aa0aa; }
.ext-pop.is-light .sk-thumb, .ext-pop.is-light .wt-thumb { box-shadow:inset 0 0 0 1px rgba(13,16,23,.06); }
.ext-pop.is-light .xp-sharkrow { background:#ffffff; border-color:rgba(13,16,23,.09); }
