/* ===== TABLERO (#4) — norskenettcasino.biz (NO). Recolour under the site's neon green #09e791 + blue #0637d8.
   Zero JS: filters on :checked, expand on <details>. Namespace tb-*. Larger, readable type. ===== */
.tb{--tb-head:#11161d;--tb-head2:#0a0e14;--tb-accent:#09e791;--tb-accent-d:#07c078;
    --tb-cta-ink:#04160e;--tb-spine:#0637d8;--tb-blue:#0637d8;--tb-navy:#11161d;
    --tb-ink:#1d2733;--tb-mut:#61707f;--tb-line:#e2e8ef;--tb-bg:#f2fbf7;--tb-green:#1c9c53;
    --tb-red:#cf3b3b;--tb-rad:10px;
    font-family:inherit;color:var(--tb-ink);margin:30px 0;line-height:1.5;font-size:17px!important}
.tb *{box-sizing:border-box}

/* board head */
.tb__head{background:var(--tb-head);color:#fff;border-radius:var(--tb-rad) var(--tb-rad) 0 0;padding:18px 20px}
.tb__ttl{margin:0;font-size:26px!important;font-weight:800;color:#fff}
.tb__sub{margin:5px 0 0;font-size:17px!important;color:#e8d0e0}

/* filters */
.tb__f{position:fixed;opacity:0;pointer-events:none}
.tb__tabs{display:flex;flex-wrap:wrap;gap:8px;background:var(--tb-head2);padding:12px 20px;
  border-bottom:3px solid var(--tb-accent)}
.tb__tab{padding:7px 15px;border-radius:5px;font-size:15px!important;font-weight:700;color:#e6cadb;
  cursor:pointer;user-select:none;border:1px solid transparent}
.tb__tab:hover{color:#fff;border-color:#8a3a70}
#tb-all:checked~.tb__tabs [for=tb-all],
#tb-fs:checked~.tb__tabs [for=tb-fs],
#tb-tr:checked~.tb__tabs [for=tb-tr],
#tb-sport:checked~.tb__tabs [for=tb-sport]{background:var(--tb-accent);color:var(--tb-cta-ink)}
#tb-fs:checked~.tb__list .tb-row:not([data-fs="1"]),
#tb-tr:checked~.tb__list .tb-row:not([data-tr="1"]),
#tb-sport:checked~.tb__list .tb-row:not([data-sport="1"]){display:none}

/* rows */
.tb__list{border:1px solid var(--tb-line);border-top:0;border-radius:0 0 var(--tb-rad) var(--tb-rad);
  overflow:hidden;background:#fff}
.tb-row{border-bottom:1px solid var(--tb-line)}
.tb-row:last-child{border-bottom:0}
.tb-row__main{display:grid;grid-template-columns:7px 48px 190px 1fr 1fr 200px;align-items:center;
  gap:16px;padding:0 18px 0 0;background:#fff;transition:.15s}
.tb-row:hover .tb-row__main{background:var(--tb-bg)}
.tb-spine{align-self:stretch;background:var(--tb-spine)}
.tb-row:nth-child(1) .tb-spine{background:var(--tb-accent)}

.tb-pos{font-weight:800;font-size:22px!important;color:var(--tb-mut);text-align:center}
.tb-brand{display:flex;flex-direction:column;gap:7px;padding:16px 0}
.tb-brand img{width:72px;height:72px;object-fit:contain;flex:none}
.tb-brand b{font-size:17px!important}

.tb-bono{padding:16px 0}
.tb-bono b{display:block;font-size:23px!important;font-weight:800;color:var(--tb-ink)}
.tb-bono small{display:block;font-size:14px!important;color:var(--tb-mut);margin-top:3px}

.tb-pays{display:flex;flex-wrap:wrap;gap:5px;padding:14px 0}
.tb-pay{font-size:13px!important;font-weight:700;padding:3px 9px;border-radius:4px;background:var(--tb-bg);
  border:1px solid var(--tb-line);color:var(--tb-mut)}
.tb-pay--hot{background:#eaf6ee;border-color:#c3e5d0;color:var(--tb-green)}

.tb-cta{display:block;text-align:center;padding:13px;border-radius:7px;background:var(--tb-accent);
  color:var(--tb-cta-ink)!important;font-weight:800;font-size:17px!important;text-decoration:none!important}
.tb-cta:hover{background:var(--tb-accent-d);color:var(--tb-cta-ink)!important}
.tb-terms{display:block;text-align:center;margin-top:7px;font-size:14px!important;font-weight:700;
  color:var(--tb-mut)!important;text-decoration:none!important}
.tb-terms:hover{color:var(--tb-blue)!important}

/* expand */
.tb-row details{background:var(--tb-bg);border-top:1px dashed var(--tb-line)}
.tb-row summary{list-style:none;cursor:pointer;padding:11px 18px 11px 74px;font-size:15px!important;
  font-weight:800;color:var(--tb-blue);user-select:none}
.tb-row summary::-webkit-details-marker{display:none}
.tb-row summary::after{content:" ▾"}
.tb-row details[open] summary::after{content:" ▴"}
.tb-more{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;
  padding:2px 18px 18px 74px}
.tb-more h5{margin:0 0 6px;font-size:13px!important;font-weight:800;text-transform:uppercase;
  letter-spacing:.05em;color:var(--tb-mut)}
.tb-more ul{margin:0;padding:0;list-style:none;font-size:15px!important}
.tb-more li{padding:3px 0 3px 19px;position:relative}
.tb-more .tb-yes li::before{content:"✔";position:absolute;left:0;color:var(--tb-green)}
.tb-more .tb-no li::before{content:"✕";position:absolute;left:0;color:var(--tb-red)}
.tb-facts div{display:flex;justify-content:space-between;gap:8px;font-size:15px!important;padding:4px 0;
  border-bottom:1px dashed var(--tb-line)}
.tb-facts span:first-child{color:var(--tb-mut)}
.tb-facts span:last-child{font-weight:700;text-align:right}
.tb-omtale-wrap{grid-column:1/-1;margin-top:4px}
.tb-omtale{display:inline-block;font-size:15px!important;font-weight:800;color:var(--tb-head)!important;
  text-decoration:none!important;border-bottom:2px solid var(--tb-accent);padding-bottom:1px}
.tb-omtale:hover{color:var(--tb-accent-d)!important}

.tb__foot{margin-top:14px;font-size:13px!important;color:var(--tb-mut);line-height:1.5}

@media(max-width:900px){
  .tb-row__main{grid-template-columns:7px 44px 1fr;grid-template-areas:
    "spine pos brand" "spine bono bono" "spine pays pays" "spine cta cta";
    gap:9px 14px;padding:0 16px 14px 0}
  .tb-spine{grid-area:spine}
  .tb-pos{grid-area:pos;padding-top:16px}
  .tb-brand{grid-area:brand;flex-direction:row;align-items:center;gap:12px}
  .tb-brand img{width:60px;height:60px}
  .tb-bono{grid-area:bono;padding:0}
  .tb-pays{grid-area:pays;padding:0}
  .tb-cta-wrap{grid-area:cta}
  .tb-row summary,.tb-more{padding-left:18px}
}