/* All-coins premium list. Everything is scoped to .kimp-l and neutralises host-theme styles on the elements it uses (a purchased layout may style button / table / input globally). */
.kimp-l{border:1px solid #d5d8de;background:#fff;color:#222;font-family:inherit;font-size:13px;line-height:1.4;text-align:left;text-transform:none;letter-spacing:normal;word-break:keep-all;box-sizing:border-box}
.kimp-l *{box-sizing:border-box}
.kimp-l table{width:100%;margin:0;border:0;border-spacing:0;border-collapse:collapse;background:transparent;table-layout:auto}
.kimp-l th,.kimp-l td{border:0;background-clip:border-box;text-shadow:none;box-shadow:none;vertical-align:middle}
.kimp-l thead,.kimp-l tbody,.kimp-l tr{background:transparent;border:0}
.kimp-l b{font-weight:700}
.kimp-l small{font-size:inherit}
.kimp-l button{margin:0;width:auto;height:auto;min-height:40px;min-width:0;float:none;padding:0 14px;border:0;border-radius:0;background:#fff;color:#555;font:inherit;font-size:13.5px;line-height:1;text-transform:none;letter-spacing:normal;box-shadow:none;text-shadow:none;cursor:pointer;white-space:nowrap}
.kimp-l button:hover{background:#f3f4f6}
.kimp-l button.on{background:#2c3346;color:#fff;font-weight:700}

/* reference exchange: said once, at the very top, so nobody has to guess what the premium is measured against */
.kimp-l-ref{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 12px;border-bottom:1px solid #f1e2b0;background:#fffbea;color:#5c4a0b;font-size:12.5px;line-height:1.5}
.kimp-l-refbadge{display:inline-block;padding:2px 8px;border-radius:10px;background:#f3ba2f;color:#3d2f00;font-size:11.5px;font-weight:700;white-space:nowrap}
.kimp-l-refname{color:#3d2f00;font-size:15px;font-weight:800}
.kimp-l-refname small{font-size:11.5px;font-weight:600;color:#8a6d0b}
.kimp-l-refnote{flex:1 1 260px;min-width:0;color:#6b5a1a}

/* toolbar */
.kimp-l-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border-bottom:1px solid #e3e5e9;background:#fff}
.kimp-l-chips,.kimp-l-basis{display:flex;border:1px solid #d5d8de;border-radius:8px;overflow:hidden}
.kimp-l-chips button+button,.kimp-l-basis button+button{border-left:1px solid #d5d8de}
.kimp-l .kimp-l-q{flex:1 1 200px;width:auto;min-width:0;height:40px;min-height:40px;margin:0;padding:0 12px;border:1px solid #d5d8de;border-radius:8px;background:#fff;color:#222;font:inherit;font-size:14px;box-shadow:none;-webkit-appearance:none;appearance:none}
.kimp-l .kimp-l-q:focus{outline:0;border-color:#4c8dff;box-shadow:0 0 0 3px rgba(76,141,255,.15)}

/* table (the header stays on screen while the long list scrolls) */
.kimp-l-table th{position:sticky;top:0;z-index:2;padding:10px 8px;border-bottom:1px solid #e3e5e9;background:#f7f8fa;color:#767b86;font-size:12.5px;font-weight:600;text-align:right;white-space:nowrap}
.kimp-l-table th.nm{text-align:left;padding-left:14px}
.kimp-l-table td{height:48px;padding:0 8px;border-bottom:1px solid #f0f1f4;font-size:13.5px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.kimp-l-table td.nm{padding-left:14px;text-align:left;white-space:normal}
.kimp-l-table td.nm .w{display:flex;align-items:center;gap:10px}
.kimp-l-table td.nm .tx{min-width:0}
.kimp-l-table td.nm b{display:block;color:#1d2a4a;font-size:14px;line-height:1.3}
.kimp-l-table td.nm small{display:block;color:#9aa0ad;font-size:11.5px;line-height:1.3}
.kimp-l-table th.pr small{display:block;margin-top:1px;color:#9aa0ad;font-size:10.5px;font-weight:500}
/* round coin icon: coloured letters underneath, the logo (when it exists) on top */
.kimp-l .ic{position:relative;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:hsl(var(--h),52%,46%);color:#fff;overflow:hidden}
.kimp-l .ic i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:-.3px;line-height:1}
.kimp-l .ic img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:50%;background:transparent;object-fit:cover}   /* no white backing: until the logo arrives the coloured letters underneath stay visible */
.kimp-l-table td.pr{font-weight:700}
.kimp-l-table td.vl{color:#555}
.kimp-l-table tbody tr{cursor:pointer}
.kimp-l-table tbody tr:hover td{background:#f8faff}
.kimp-l-table td.tint-red{background:rgba(229,37,42,.08)}
.kimp-l-table td.tint-green{background:rgba(18,161,80,.10)}
.kimp-l-table tbody tr:hover td.tint-red{background:rgba(229,37,42,.14)}
.kimp-l-table tbody tr:hover td.tint-green{background:rgba(18,161,80,.16)}
.kimp-l .kimp-up,.kimp-l .kimp-pos{color:#e5252a}
.kimp-l .kimp-down{color:#1e63d6}
.kimp-l .kimp-neg{color:#12a150}
.kimp-l .kimp-flat{color:#767b86}
.kimp-l td.kimp-l-loading,.kimp-l td.kimp-l-empty{height:auto;padding:44px 10px;color:#9aa0ad;text-align:center;font-size:14px;white-space:normal;cursor:default}

/* footer + explanation */
.kimp-l-foot{display:flex;flex-wrap:wrap;gap:4px 18px;padding:8px 12px;border-top:1px solid #e3e5e9;background:#fafafa;color:#555;font-size:12px}
.kimp-l-foot .warn{color:#c2410c;font-weight:700}
.kimp-l-note{margin:0;padding:10px 12px 12px;border-top:1px solid #e3e5e9;background:#fff;color:#767b86;font-size:12px;line-height:1.65}

/* phones: drop the "24h change" column, keep coin / price / premium / value readable at 375px */
@media (max-width:640px){
  .kimp-l-bar{padding:8px 10px;gap:8px}
  .kimp-l-chips,.kimp-l-basis{flex:1 1 auto}
  .kimp-l-chips button,.kimp-l-basis button{flex:1 1 auto;padding:0 8px;font-size:13px}
  .kimp-l .kimp-l-q{flex:1 1 100%}
  /* fixed column shares: the table can never be wider than the screen; long coin names wrap onto a second line */
  .kimp-l-table{table-layout:fixed}
  .kimp-l-table th.ch,.kimp-l-table td.ch{display:none}
  .kimp-l-table th.nm{width:37%}
  .kimp-l-table th.px{width:25%}
  .kimp-l-table th.pr{width:19%}
  .kimp-l-table th.vl{width:19%}
  .kimp-l-table th{padding:8px 4px;font-size:11.5px;line-height:1.25;white-space:normal;vertical-align:bottom}
  .kimp-l-table td{height:54px;padding:0 4px;font-size:13px}
  .kimp-l-ref{padding:9px 10px}
  .kimp-l-refnote{flex-basis:100%;font-size:12px}
  .kimp-l-table th.pr small{display:none}
  .kimp-l .ic{flex-basis:26px;width:26px;height:26px}
  .kimp-l-table td.nm .w{gap:7px}
  .kimp-l-table td.nm{padding-left:10px;overflow-wrap:anywhere}
  .kimp-l-table td.nm b{font-size:13.5px;line-height:1.25}
  .kimp-l-table td.vl{padding-right:10px;font-size:12.5px}
  .kimp-l-table th.vl{padding-right:10px}
}