/* TM Startna lista, TM27 */
.tms{--t:#16113A;--g:#3B2BD9;--p:#FF2E88;--o:#14A9C9;--bg:#F4F3FB;--s:#57537A;--l:#E3E1F2;--c:"Barlow Condensed","Barlow",sans-serif;
	font-family:"Barlow",sans-serif;color:var(--t);font-size:16px;line-height:1.45}
.tms *{box-sizing:border-box}
.tms button{font:inherit;cursor:pointer}
.tms .tms-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tms-load,.tms-prazno{padding:36px 16px;text-align:center;color:var(--s)}
.tms-mreza{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.tms-kartica{background:#fff;border:1px solid var(--l);border-radius:22px}

/* Brojač i trake */
.tms-vrh{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 44px;align-items:center;padding:30px 34px;margin-bottom:20px}
.tms-uzivo{display:flex;align-items:center;gap:8px;font:700 13px var(--c);letter-spacing:.16em;text-transform:uppercase;color:var(--s)}
.tms-uzivo i{width:8px;height:8px;border-radius:50%;background:#34c38f;box-shadow:0 0 0 0 rgba(52,195,143,.6);animation:tmsP 1.8s infinite}
@keyframes tmsP{70%{box-shadow:0 0 0 8px rgba(52,195,143,0)}100%{box-shadow:0 0 0 0 rgba(52,195,143,0)}}
.tms-broj b{display:block;font:800 italic 112px/0.9 var(--c);color:var(--g);letter-spacing:-.02em}
.tms-broj span{font-size:15px;color:var(--s)}
.tms-trake{display:grid;gap:10px}
.tms-traka{display:grid;grid-template-columns:48px minmax(0,1fr) 44px;align-items:center;gap:16px;border:0;background:none;padding:4px 0;text-align:left;color:var(--t)}
.tms-tn{font:800 22px var(--c)}
.tms-tb{height:10px;border-radius:99px;background:#E9E7F7;overflow:hidden}
.tms-tb i{display:block;height:100%;border-radius:99px;background:var(--g);transition:width .6s}
.tms-tc{font:800 22px var(--c);text-align:right}
.tms-traka:hover .tms-tb i,.tms-traka.on .tms-tb i{background:var(--p)}

/* Alati */
.tms-alat{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}
.tms-trazi{flex:1 1 260px;position:relative}
.tms-trazi input{width:100%;height:54px;border:1.5px solid var(--l);border-radius:14px;background:#fff;padding:0 16px 0 46px;font:500 17px "Barlow",sans-serif;color:var(--t);outline:none}
.tms-trazi input:focus{border-color:var(--g)}
.tms-trazi::before{content:"";position:absolute;left:17px;top:50%;width:16px;height:16px;margin-top:-9px;border:2px solid var(--s);border-radius:50%}
.tms-trazi::after{content:"";position:absolute;left:31px;top:50%;width:7px;height:2px;margin-top:6px;background:var(--s);transform:rotate(45deg)}
.tms-cipovi{display:flex;flex-wrap:wrap;gap:8px}
.tms-cipovi button{height:48px;padding:0 20px;border:1.5px solid var(--l);border-radius:99px;background:#fff;color:var(--t);font:800 18px var(--c);text-transform:uppercase}
.tms-cipovi button[aria-pressed=true]{background:var(--t);border-color:var(--t);color:#fff}

/* Tabela */
.tms-tabela{overflow:hidden}
.tms-red{display:grid;grid-template-columns:56px minmax(0,1.5fr) 74px minmax(0,1.2fr) minmax(0,.9fr) 64px 118px;gap:12px;align-items:center;padding:16px 20px;border-top:1px solid var(--l)}
.tms-zag{border-top:0;border-bottom:2px solid var(--t);font:700 13px var(--c);letter-spacing:.16em;text-transform:uppercase;color:var(--s);padding-top:18px;padding-bottom:14px}
.tms-zag+.tms-red{border-top:0}
.tms-red .c-rb{font:700 20px var(--c);color:var(--s)}
.tms-red .c-n b{font-weight:600;font-size:17px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tms-red .c-n small{display:none;font-size:13px;color:var(--s)}
.tms-red .c-u em{display:inline-block;font:800 17px var(--c);font-style:normal;color:var(--g);background:#ECEAFE;border-radius:7px;padding:3px 9px}
.tms-red .c-c,.tms-red .c-g{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tms-red .c-c.nema{color:#9b98b7}
.tms-red .c-d img{width:30px;height:22px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.08);display:block}
.tms-vise{display:flex;align-items:center;gap:18px;margin-top:16px;font-size:14px;color:var(--s)}
.tms-vise button{height:46px;padding:0 20px;border:2px solid var(--t);border-radius:12px;background:#fff;color:var(--t);font:800 18px var(--c);text-transform:uppercase}
.tms-vise button:hover{background:var(--t);color:#fff}

/* Strana */
.tms-strana{display:grid;gap:20px}
.tms-ekipe{padding:28px 30px 22px}
.tms-ekipe h4{margin:0 0 10px;font:700 14px var(--c);letter-spacing:.16em;text-transform:uppercase;color:var(--g)}
.tms-ekipe ol{list-style:none;margin:0;padding:0}
.tms-ekipe li+li{border-top:1px solid var(--l)}
.tms-ekipe li button{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;width:100%;border:0;background:none;padding:15px 0;text-align:left;color:var(--t)}
.tms-ekipe li em{font:800 italic 24px var(--c);color:var(--g)}
.tms-ekipe li span{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tms-ekipe li b{font:800 26px var(--c)}
.tms-ekipe li button:hover span{color:var(--g)}
.tms-ekipe p{margin:10px 0 0;font-size:13px;color:var(--s)}
.tms-cta{padding:30px;border-radius:22px;background:var(--g);color:#fff;box-shadow:0 20px 40px rgba(59,43,217,.25)}
.tms-cta h4{margin:0 0 8px;font:800 italic 34px/1 var(--c);text-transform:uppercase;color:#fff}
.tms-cta p{margin:0 0 20px;color:rgba(255,255,255,.88)}
.tms-cta a{display:block;text-align:center;padding:15px 20px;border-radius:12px;background:var(--p);color:var(--t);font:800 20px var(--c);text-transform:uppercase;text-decoration:none;box-shadow:0 10px 24px rgba(255,46,136,.35)}
.tms-cta a:hover{background:#fff}

@media (max-width:1024px){
	.tms-mreza{grid-template-columns:1fr}
	.tms-strana{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
	.tms-vrh{grid-template-columns:1fr;padding:24px 20px;gap:16px}
	.tms-broj b{font-size:84px}
	.tms-strana{grid-template-columns:1fr}
	.tms-cipovi{width:100%;overflow-x:auto;flex-wrap:nowrap}
	.tms-cipovi button{flex:0 0 auto;height:42px;padding:0 16px}
	.tms-zag{display:none!important}
	.tms-red{grid-template-columns:40px minmax(0,1fr) auto auto;padding:14px 16px;gap:10px}.tms-red .c-s{grid-column:2/-1;order:5;margin-top:-6px}
	.tms-red .c-c,.tms-red .c-g{display:none}
	.tms-red .c-n small{display:block}
	.tms-red .c-u{order:3}.tms-red .c-d{order:4}
}

.tms-red .c-s{display:flex;align-items:center;gap:7px;font-size:14px;color:#8f8cab;white-space:nowrap}
.tms-red .c-s i{width:8px;height:8px;border-radius:50%;background:#C9C6DE}
.tms-red .c-s.ok{color:#0F8A62}
.tms-red .c-s.ok i{background:#1BA97A}
.tms-potv{display:flex;align-items:center;gap:7px;margin-top:8px;font-style:normal;font-size:14px;font-weight:600;color:#0F8A62}
.tms-potv i{width:8px;height:8px;border-radius:50%;background:#1BA97A}

/* Hover i fokus: teme dodaju roze pozadinu dugmadima, ovdje je vraćamo na naš izgled */
.tms .tms-traka,.tms .tms-ekipe li button{border-radius:12px;transition:background-color .2s}
.tms .tms-traka{margin:0 -12px;padding:6px 12px;width:calc(100% + 24px)}
.tms .tms-ekipe li button{margin:0 -12px;padding:15px 12px;width:calc(100% + 24px)}
.tms .tms-traka:hover,.tms .tms-traka:focus,.tms .tms-traka:focus-visible,.tms .tms-traka.on,
.tms .tms-ekipe li button:hover,.tms .tms-ekipe li button:focus,.tms .tms-ekipe li button:focus-visible{background:#F4F3FB;color:var(--t);box-shadow:none;outline:none}
.tms .tms-traka:hover .tms-tn,.tms .tms-traka.on .tms-tn{color:var(--g)}
.tms .tms-traka:focus-visible,.tms .tms-ekipe li button:focus-visible{box-shadow:0 0 0 2px var(--g)}
.tms .tms-cipovi button:hover,.tms .tms-cipovi button:focus{background:#fff;color:var(--t);border-color:var(--t);box-shadow:none;outline:none}
.tms .tms-cipovi button[aria-pressed=true],.tms .tms-cipovi button[aria-pressed=true]:hover,.tms .tms-cipovi button[aria-pressed=true]:focus{background:var(--t);border-color:var(--t);color:#fff}
.tms .tms-vise button:focus{background:#fff;color:var(--t);outline:none}
.tms .tms-vise button:hover{background:var(--t);color:#fff}