/* OK Lutrija rezultati — own classes (okl-*), colours and fonts from the onlajn-almanah theme variables. */
.okl{--okl-night:var(--oa-night,#1B1F3B);--okl-night2:var(--oa-night-2,#252A52);--okl-gold:var(--oa-gold,#F4B400);--okl-gold-ink:var(--oa-gold-ink,#8A6400);--okl-teal:var(--oa-teal,#2A9D8F);--okl-coral:var(--oa-coral,#FF6F59);--okl-cream:var(--oa-cream,#FBF7EF);--okl-line:var(--oa-line,#E8E1D3);--okl-thead:var(--oa-thead,#F3ECDD);--okl-muted:var(--oa-muted,#5B5F7A);--okl-text:var(--oa-text,#3D4160);--okl-num:var(--oa-num,'Space Grotesk',system-ui,sans-serif);--okl-r:var(--oa-r-card,16px);
	margin:32px 0;padding:22px;border:1px solid var(--okl-line);border-radius:var(--okl-r);background:#fff;color:var(--okl-text);box-sizing:border-box;max-width:100%}
.okl *,.okl *::before,.okl *::after{box-sizing:border-box}
.okl .okl-h{margin:0 0 16px;font-size:1.3rem;line-height:1.3}
.okl h3{margin:18px 0 8px;font-size:1.05rem}
.okl-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px}
.okl-row--block{display:block}
.okl-row--block .okl-lab{display:block;margin-bottom:8px}
.okl-lab{min-width:84px;font-weight:700;font-size:.92rem;color:var(--okl-muted)}
.okl ul.okl-balls,.okl ul.okl-digits{list-style:none!important;margin:0!important;padding:0!important}
.okl ul.okl-balls>li,.okl ul.okl-digits>li{margin:0!important}
.okl ul.okl-balls>li::before,.okl ul.okl-digits>li::before{content:none!important;display:none!important}
.okl-balls{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.okl-ball{position:relative;width:44px;height:44px;border-radius:50%;background:var(--okl-gold);color:var(--okl-night);display:flex;align-items:center;justify-content:center;font:700 18px/1 var(--okl-num);margin:0}
.okl-balls--plus .okl-ball{background:var(--okl-night);color:#fff}
.okl-balls--hot .okl-ball{background:var(--okl-coral);color:var(--okl-night)}
.okl-balls--cold .okl-ball{background:var(--okl-teal);color:var(--okl-night)}
.okl-balls--ord{gap:6px}
.okl-balls--ord .okl-ball{width:38px;height:38px;font-size:15px}
.okl-balls--ord .okl-ball small{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 3px;border-radius:9px;background:#fff;border:1px solid var(--okl-line);color:var(--okl-muted);font:600 10px/16px var(--okl-num);text-align:center}
.okl-digits{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.okl-digits li{width:32px;height:40px;border-radius:8px;background:var(--okl-night);color:var(--okl-gold);display:flex;align-items:center;justify-content:center;font:700 20px/1 var(--okl-num);margin:0}
.okl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;max-width:100%}
.okl-table{width:100%;border-collapse:collapse;font-size:.93rem;margin:0}
.okl-table caption{text-align:left;font-weight:700;padding:0 0 6px;color:var(--okl-text)}
.okl table.okl-table{min-width:0;table-layout:auto}
.okl table.okl-table th,.okl table.okl-table td{padding:8px 10px;border-bottom:1px solid var(--okl-line);text-align:left;vertical-align:top}
.okl-amt{white-space:nowrap}
/* The theme wraps every content table in .oa-table (width:max-content) — make ours fit the card instead. */
.okl .oa-table{margin:0}
.okl .oa-table table.okl-table{width:100%;min-width:0}
.okl .oa-table table.okl-table th,.okl .oa-table table.okl-table td{max-width:none}
.okl .oa-table table.okl-table caption{padding:10px 12px 6px}
.okl .oa-table table.okl-table--stat{max-width:none}
.okl .oa-table table.okl-table tbody tr:first-child th{background:none;font-weight:600}
.okl-table thead th{background:var(--okl-thead);font-size:.85rem;white-space:nowrap}
.okl-table tbody th{font-weight:600}
.okl-num{text-align:right!important;font-family:var(--okl-num);white-space:nowrap}
.okl-nums{font-family:var(--okl-num);min-width:150px}
.okl-mono{font-family:var(--okl-num);letter-spacing:.06em;white-space:nowrap}
.okl-nowrap{white-space:nowrap}
.okl-table--arch .okl-nums{word-spacing:.25em}
.okl-plusline{margin:6px 0 0;font-size:.93rem}
.okl-money{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px 18px;margin:14px 0;font-size:.95rem}
.okl-money div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--okl-line);padding:4px 0}
.okl-money dt{color:var(--okl-muted);margin:0}
.okl-money dd{margin:0;font-family:var(--okl-num);font-weight:600;white-space:nowrap}
.okl-next{margin:14px 0 6px;padding:10px 14px;border-radius:12px;background:var(--okl-cream)}
.okl-next span{color:var(--okl-muted)}
.okl-src,.okl-note{font-size:.85rem;line-height:1.45;color:var(--okl-muted);margin:10px 0 0}
.okl-note{padding:10px 12px;border-left:3px solid var(--okl-gold);background:var(--okl-cream)}
.okl-arch__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:6px}
.okl-arch__head .okl-h{margin:0}
.okl-select{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--okl-muted)}
.okl-select select{min-height:40px;padding:6px 10px;border:1px solid var(--okl-line);border-radius:10px;background:#fff;color:var(--okl-text);font:inherit;max-width:100%}
.okl[aria-busy=true]{opacity:.65}
.okl-stat__top{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.okl .okl-stat__top h3,.okl .okl-check__out h3{margin:0 0 8px;font-size:1.05rem;line-height:1.3}
.okl-stat__range{font-size:.88rem;color:var(--okl-muted);margin:12px 0 0}
.okl-table--stat{max-width:560px}
.okl-check__form{margin:0}
.okl-check__row{margin-bottom:12px}
.okl-check__nums{border:0;margin:0 0 12px;padding:0;min-width:0}
.okl-check__nums legend{font-weight:700;margin-bottom:8px;padding:0}
.okl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;max-width:520px}
.okl-pick{min-height:42px;border:1px solid var(--okl-line);border-radius:50%;background:#fff;color:var(--okl-text);font:600 15px/1 var(--okl-num);cursor:pointer;padding:0;aspect-ratio:1}
.okl-grid--plus{max-width:520px}
.okl-pick--plus{border-color:var(--okl-night)}
.okl-pick[aria-checked=true]{background:var(--okl-night);border-color:var(--okl-night);color:#fff}
.okl-pick[aria-pressed=true]{background:var(--okl-gold);border-color:var(--okl-gold);color:var(--okl-night)}
.okl-pick:focus-visible,.okl-btn:focus-visible,.okl-input input:focus-visible,.okl-select select:focus-visible{outline:3px solid var(--okl-night);outline-offset:2px}
.okl-input{display:block;margin:12px 0 0}
.okl-input span{display:block;font-size:.88rem;color:var(--okl-muted);margin-bottom:4px}
.okl-input input{width:100%;max-width:360px;min-height:42px;padding:8px 12px;border:1px solid var(--okl-line);border-radius:10px;font:16px var(--okl-num)}
.okl-input--joker input{max-width:180px;letter-spacing:.12em}
.okl-count{font-size:.88rem;color:var(--okl-muted);margin:8px 0 0}
.okl-check__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.okl-btn{min-height:44px;padding:10px 20px;border:0;border-radius:var(--oa-r-btn,12px);background:var(--okl-night);color:#fff;font-weight:700;font-size:1rem;cursor:pointer}
.okl-btn--ghost{background:transparent;color:var(--okl-text);border:1px solid var(--okl-line)}
.okl-check__out{margin-top:16px}
.okl-check__out:empty{display:none}
.okl-check__out p{margin:8px 0}
.okl-drawn{font-size:.93rem}
.okl-warn{color:#9b2c1e;font-weight:600}
.okl-empty{color:var(--okl-muted)}
.okl-tabs{margin:24px 0 -12px}
.okl-tabs ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none!important;margin:0!important;padding:0!important}
.okl-tabs li{margin:0!important}
.okl-tabs li::before{content:none!important;display:none!important}
.okl-tabs a{display:inline-flex;align-items:center;min-height:38px;padding:6px 14px;border:1px solid var(--oa-line,#E8E1D3);border-radius:var(--oa-r-chip,22px);background:#fff;color:var(--oa-text,#3D4160);font-weight:600;font-size:.92rem;text-decoration:none}
.okl-tabs a[aria-current=page]{background:var(--oa-night,#1B1F3B);border-color:var(--oa-night,#1B1F3B);color:#fff}
.okl-kino__meta{margin:0 0 12px;font-size:1rem}
.okl-balls--kino{gap:6px;max-width:560px}
.okl-balls--kino .okl-ball{width:40px;height:40px;font-size:16px}
.okl-ball--bonus{background:var(--okl-coral)!important;color:var(--okl-night)!important}
.okl-ball--sm{display:inline-flex;width:30px;height:30px;font-size:13px;vertical-align:middle}
.okl-ball--hot{background:var(--okl-coral);color:var(--okl-night)}
.okl-ball--cold{background:var(--okl-teal);color:var(--okl-night)}
.okl-ball--late{background:var(--okl-night);color:#fff}
.okl-table--kino .okl-nums{word-spacing:.3em;min-width:220px}
.okl-table--kino b{color:#9b2c1e}
.okl-kino__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.okl-kino__grid--2{grid-template-columns:repeat(2,1fr)}
.okl ul.okl-kino__chips{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px 10px}
.okl ul.okl-kino__chips>li{margin:0!important;display:inline-flex;align-items:center;gap:4px;font-size:.88rem}
.okl ul.okl-kino__chips>li::before{content:none!important;display:none!important}
.okl-kino__red{font-family:var(--okl-num);word-spacing:.15em;overflow-wrap:anywhere}
.okl-kino__cap{font-weight:400;color:var(--okl-muted);font-size:.85rem}
.okl-kino__note{font-size:.88rem;line-height:1.5;color:var(--okl-muted);margin:10px 0 0}
.okl-kino__form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 6px}
.okl-kino__form select{min-height:44px;padding:6px 10px;border:1px solid var(--okl-line);border-radius:10px;background:#fff;color:var(--okl-text);font:inherit;max-width:100%}
.okl-kino__check input{width:100%;max-width:360px;min-height:44px;padding:8px 12px;border:1px solid var(--okl-line);border-radius:10px;font:16px var(--okl-num)}
.okl-kino__check input:focus-visible,.okl-kino__form select:focus-visible{outline:3px solid var(--okl-night);outline-offset:2px}
.okl-kino__out{margin-top:12px}
.okl-kino__out:empty{display:none}
.okl-kino .okl-table--kino tbody{max-height:none}
@media (max-width:600px){
	.okl-balls--kino .okl-ball{width:34px;height:34px;font-size:14px}
	.okl-kino__grid,.okl-kino__grid--2{grid-template-columns:1fr}
	.okl-table--kino .okl-nums{min-width:0}
	.okl-table--kino th:nth-child(4),.okl-table--kino td:nth-child(4){display:none}
	.okl{padding:16px;margin:24px 0}
	.okl .okl-h{font-size:1.12rem}
	.okl-ball{width:36px;height:36px;font-size:15px}
	.okl-balls{gap:5px}
	.okl-table{font-size:.86rem}
	.okl-table thead th{white-space:normal}
	.okl-balls--ord .okl-ball{width:34px;height:34px;font-size:14px}
	.okl-digits li{width:28px;height:36px;font-size:18px}
	.okl-lab{min-width:0;width:100%}
	.okl-stat__top{grid-template-columns:1fr}
	.okl table.okl-table th,.okl table.okl-table td{padding:7px 6px}
	.okl-table .okl-num{white-space:normal}
	.okl-grid{grid-template-columns:repeat(7,1fr)}
	.okl-pick{min-height:38px;font-size:14px}
}
