/* ===== Laddning, status ===== */
.loadcard,.cardx,.lcard,.sumbar,.srccard{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh)}
.loadcard{padding:18px}
.loadhead{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--acc-soft);border-top-color:var(--acc);animation:spin .7s linear infinite;flex:none}
.loadhead b{display:block;font-weight:500}.loadhead span{font-size:12.5px;color:var(--muted)}
.sk{height:14px;border-radius:7px;background:linear-gradient(90deg,var(--line2) 25%,var(--hover) 45%,var(--line2) 65%);background-size:200% 100%;animation:shimmer 1.2s linear infinite;margin:12px 0}
.sk.w1{width:90%}.sk.w2{width:72%}.sk.w3{width:84%}.sk.w4{width:60%}
.resulthead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.resulthead h1{font-size:18px}
.resulthead h1 small{font-size:12.5px;font-weight:400;color:var(--muted);letter-spacing:0}
.resulthead .sp{flex:1}
.fetched,.note,.insight{display:flex;gap:10px;align-items:flex-start;background:var(--acc-soft);border:1px solid var(--acc-line);border-radius:8px;padding:9px 13px;font-size:13px;margin-bottom:12px;color:var(--ink2)}
.fetched .dot{margin-top:7px}
.stale,.selbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--grey-soft);border:1px solid var(--line);border-radius:8px;padding:8px 13px;font-size:13px;margin-bottom:12px;color:var(--ink2)}
.stale span{flex:1;min-width:200px}
.selbar b{margin-right:auto;font-weight:500}
.infostrip{display:flex;gap:10px;align-items:flex-start;background:var(--red-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--red) 30%,transparent);border-radius:8px;padding:9px 13px;font-size:13px;margin-bottom:12px}
.infostrip svg.i{color:var(--red);margin-top:2px}
.infostrip.neutral,.infostrip.ok{background:var(--surface2);border-color:var(--line)}
.warnbox{background:var(--red-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--red) 30%,transparent);border-radius:8px;padding:9px 12px;font-size:13px;margin-top:10px}
.sel2{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 10px;font-size:13px}
.footnote{font-size:12px;color:var(--faint);margin-top:14px;display:flex;gap:8px;align-items:flex-start}
.footnote .dot{margin-top:7px}
.more{text-align:center;padding:14px}
.empty{text-align:center;padding:48px 20px;background:var(--surface);border:1px dashed var(--line);border-radius:10px}
.empty .ill{width:44px;height:44px;border-radius:50%;background:var(--acc-soft);color:var(--acc);display:grid;place-items:center;margin:0 auto 10px}
.empty h2{margin:8px 0 4px}
.empty p{color:var(--muted);max-width:460px;margin:0 auto 14px;font-size:13px}