/* ═══ ok-database — /casino/ A–Ö v2 (v3.2 dossier language). Band score badges (never brand
   colour), semantic marks, functional filter. Brand colour only in the tile/monogram slot. ═══ */
.okd-page{background:var(--ok-bg);padding-bottom:var(--ok-sp-9)}
.okd-ic{width:16px;height:16px;flex:0 0 auto}

/* Hero stats */
.okd-hero .ok-trust-lead{max-width:70ch}
.okd-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px}
.okd-stat{display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:14px 16px}
.okd-stat-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(143,220,186,.14);margin-bottom:4px}
.okd-stat-ic .okd-ic{color:var(--ok-mint)}
.okd-stat b{font-family:var(--ok-font-display);font-size:26px;letter-spacing:-.02em;color:#fff;line-height:1}
.okd-stat span{font-size:11.5px;color:var(--ok-on-dark-faint);font-weight:600}

.okd-body{margin-top:26px}

/* Filter bar */
.okd-filterbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid var(--ok-line);border-radius:14px;padding:14px 18px;box-shadow:var(--ok-shadow);margin-bottom:18px}
.okd-search{display:flex;align-items:center;gap:9px;flex:1;min-width:200px;background:var(--ok-surface-cool);border:1px solid var(--ok-line);border-radius:10px;padding:9px 13px}
.okd-search .okd-ic{color:var(--ok-muted)}
.okd-search input{flex:1;border:0;background:transparent;font-size:14.5px;color:var(--ok-ink);outline:none;font-family:inherit}
.okd-search input::placeholder{color:var(--ok-muted)}
.okd-chips{display:flex;gap:7px;flex-wrap:wrap}
.okd-chip{font-size:12.5px;font-weight:600;color:var(--ok-text-soft);background:#fff;border:1px solid var(--ok-line-2);border-radius:999px;padding:8px 14px;cursor:pointer;transition:border-color var(--ok-dur) var(--ok-ease),color var(--ok-dur) var(--ok-ease),background var(--ok-dur) var(--ok-ease)}
.okd-chip:hover{border-color:var(--ok-ink-2)}
.okd-chip.is-on{background:var(--ok-surface-navy);border-color:var(--ok-surface-navy);color:#fff}
.okd-count{margin:0;font-size:12.5px;font-weight:600;color:var(--ok-muted);white-space:nowrap}

/* Brand tile + badge */
.okd-tile{display:grid;place-items:center;width:48px;height:48px;background:#fff;border:1px solid var(--ok-line);border-radius:12px;justify-self:start}
.okd-tile img{max-width:34px;max-height:26px;width:auto;height:auto;object-fit:contain}
/* Wordmark logos need a wide, borderless slot (never the square monogram plate — that crops them). */
.okd-tile--logo{width:104px;height:46px;padding:0 4px;background:none;border:none}
.okd-tile--logo img{max-width:96px;max-height:28px}
.okd-mono{display:grid;place-items:center;width:34px;height:34px;background-color:var(--acc,#14203f);background-image:linear-gradient(rgba(0,0,0,.22),rgba(0,0,0,.22));color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35);font-family:var(--ok-font-display);font-weight:700;font-size:16px;border-radius:9px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.okd-s1{--band:var(--ok-band-1)}.okd-s2{--band:var(--ok-band-2)}.okd-s3{--band:var(--ok-band-3)}.okd-s4{--band:var(--ok-band-4)}.okd-s5{--band:var(--ok-band-5)}.okd-s0{--band:var(--ok-muted)}
.okd-scoreb{display:inline-flex;align-items:baseline;gap:2px;background:var(--band);color:#fff;border-radius:9px;padding:7px 10px;line-height:1;flex:0 0 auto;box-shadow:inset 0 -2px 0 rgba(0,0,0,.16)}
.okd-scoreb b{font-family:var(--ok-font-display);font-weight:700;font-size:15px}
.okd-scoreb i{font-style:normal;font-size:9.5px;color:rgba(255,255,255,.75)}
.okd-verdict{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.okd-verdict--s1{color:var(--ok-band-1)}.okd-verdict--s2{color:var(--ok-band-2)}.okd-verdict--s3{color:var(--ok-band-3)}.okd-verdict--s4{color:var(--ok-band-4)}.okd-verdict--s5{color:var(--ok-band-5)}

/* Rows */
.okd-rows{display:flex;flex-direction:column;gap:10px}
.okd-row{display:grid;grid-template-columns:minmax(0,1.7fr) 150px minmax(0,1.6fr) 128px;gap:16px;align-items:center;background:#fff;border:1px solid var(--ok-line);border-radius:13px;padding:14px 18px;box-shadow:0 1px 2px rgba(11,16,34,.04);transition:box-shadow var(--ok-dur) var(--ok-ease),transform var(--ok-dur) var(--ok-ease),border-color var(--ok-dur) var(--ok-ease)}
.okd-row:hover{box-shadow:var(--ok-shadow);transform:translateY(-1px);border-color:var(--ok-line-2)}
.okd-row-id{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:14px;min-width:0}
.okd-row-name{font-family:var(--ok-font-display);font-weight:700;font-size:16.5px;letter-spacing:-.01em;color:var(--ok-ink);text-decoration:none}
.okd-row-name:hover{text-decoration:underline}
.okd-row-best{display:block;font-size:12px;color:var(--ok-muted);margin-top:2px}
.okd-row-score{display:flex;align-items:center;gap:9px}
.okd-row-marks{display:flex;gap:6px;flex-wrap:wrap}
.okd-mark{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--ok-text-soft);border:1px solid var(--ok-line-2);border-radius:999px;padding:3px 10px;background:#fff;text-decoration:none}
.okd-mark .okd-ic{width:12px;height:12px}
.okd-mark--pos{color:var(--ok-green-ink);border-color:var(--ok-success-line);background:var(--ok-success-surface)}
.okd-mark--pos .okd-ic{color:var(--ok-green-deep)}
.okd-mark--bonus{color:var(--ok-warn-text);border-color:var(--ok-warn-line);background:var(--ok-warn-surface)}
.okd-mark--caut{color:var(--ok-warn-text);border-color:var(--ok-warn-line);background:var(--ok-warn-surface)}
.okd-row-act{text-align:right}
.okd-row-act .ok-ccard-rev{font-size:13.5px;font-weight:600}

.okd-noresult{text-align:center;padding:30px;color:var(--ok-text-soft);font-size:15px}
.okd-linkbtn{background:none;border:0;color:var(--ok-ink-2);font-weight:600;text-decoration:underline;cursor:pointer;font-size:15px}

/* Continue links */
.okd-links{margin-top:26px}
.okd-links-h{font-family:var(--ok-font-display);font-size:16px;color:var(--ok-ink);margin:0 0 12px}
.okd-linkrow{display:flex;gap:10px;flex-wrap:wrap}
.okd-linkrow a{font-size:13px;font-weight:600;color:var(--ok-ink-2);background:#fff;border:1px solid var(--ok-line-2);border-radius:999px;padding:8px 15px;text-decoration:none;transition:border-color var(--ok-dur) var(--ok-ease)}
.okd-linkrow a:hover{border-color:var(--ok-ink-2)}

@media(max-width:1024px){.okd-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){
  .okd-row{grid-template-columns:1fr;row-gap:12px}
  .okd-row-score{justify-content:flex-start}
  .okd-row-act{text-align:left}
  .okd-filterbar{flex-direction:column;align-items:stretch}
  .okd-count{white-space:normal}
}
@media(max-width:560px){.okd-stats{grid-template-columns:1fr 1fr}}