/* "Did I overpay?" (overpaid.js) — phone first; the panel itself uses the "Add a list" styles (.ls, .ls-head, .ls-body, .ls-foot) */
.op-open{text-decoration:none}
.op-sel{display:block;width:100%;height:48px;margin:0 0 14px;padding:0 12px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-size:16px;color:var(--ink)}
.op-drop{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:22px 14px;border:2px dashed var(--acc-line);border-radius:16px;background:#fff;color:var(--ink);cursor:pointer;text-align:center;box-shadow:var(--sh)}
.op-drop:active{background:var(--acc-soft)}
.op-drop-ic{font-size:34px;line-height:1}
.op-drop-t{font-weight:700;font-size:17px;color:var(--acc-d)}
.op-drop-s{font-size:13.5px;color:var(--mut)}
.op-tip{margin:12px 0 0;font-size:13.5px;color:var(--mut)}
.op-priv{margin:16px 0 0;padding:10px 12px;border-radius:12px;background:var(--line2);font-size:13px;color:var(--ink2);line-height:1.45}
.op-work{padding:18px 4px}
.op-step{margin:0;font-weight:700;font-size:16px}
.op-sub{margin:4px 0 0;font-size:14px;color:var(--mut)}
.op-fail{padding:14px;border-radius:14px;background:var(--amber-soft);color:var(--amber)}
.op-fail p{margin:0}
.op-fail .op-fail-h{font-weight:700;font-size:16px;margin:0 0 4px}
.op-sum{padding:14px;border-radius:16px;background:var(--warm);color:#fff;box-shadow:var(--sh-md)}
.op-sum p{margin:0}
.op-sum-l{font-size:15px;line-height:1.5;color:#e7e2dd}
.op-sum-l b{color:#fff}
.op-sum-h{font-size:15px}
.op-sum-big{margin:8px 0 2px !important;font:700 20px/1.25 var(--head)}
.op-sum-big b{color:#ffb38a}
.op-sum-big.op-good{color:#86efac}
.op-sum-s{font-size:13px;color:#bdb5ae}
.op-store{margin:12px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--sh)}
.op-store p{margin:0}
.op-store-t{font-size:12.5px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.03em}
.op-store-n{margin:3px 0 2px !important;font-size:17px}
.op-store-n b{color:var(--acc-d)}
.op-store-s{font-size:13.5px;color:var(--ink2)}
.op-rs{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:var(--acc-soft);border:1px solid var(--acc-line);font-size:14px}
.op-rs p{margin:0 0 8px}
.op-h{margin:18px 0 8px;font:700 16px/1.3 var(--head)}
.op-h small{font:500 12.5px var(--font);color:var(--mut)}
.op-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.op-it{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;box-shadow:var(--sh)}
.op-it-top{display:flex;gap:10px;align-items:flex-start}
.op-it-n{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.op-it-n small{color:var(--mut);font-weight:500}
.op-raw{font-size:12.5px;color:var(--mut);margin-top:2px}
.op-tag{flex:0 0 auto;padding:3px 9px;border-radius:999px;font-weight:700;font-size:14px;white-space:nowrap}
.op-tag.op-more{background:#fde8e6;color:var(--red)}
.op-tag.op-less{background:#e7f6ec;color:#15803d}
.op-tag.op-same{background:var(--line2);color:var(--mut)}
b.op-more{color:var(--red)}
b.op-less{color:#15803d}
.op-it-p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin:6px 0 0;font-size:13.5px;color:var(--ink2)}
.op-um .op-it{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--ink2)}
.op-showall{display:block;width:100%;margin:8px 0 0;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:700;color:var(--acc-d)}
.op .ls-foot .btn-block{margin:0 auto 8px}
.op .ls-foot .btn-block:last-child{margin-bottom:0}
.op .ls-foot .op-again{min-height:42px}