Dotacja

.tile {
background:#220c40;
padding:16px;
border-radius:12px;
width:260px;
text-align:center;
display:flex;
flex-direction:column;
justify-content:center;
box-shadow:0 6px 20px rgba(0,0,0,0.4);
}
.tile h3 {
margin:0 0 10px;
font-size:16px;
color:#fff;
font-weight:700;
letter-spacing:.5px;
}
.qr-img {
width:100px;
height:100px;
margin:0 auto;
border-radius:6px;
margin-top:8px;
object-fit:contain;
border:2px solid #444;
}
.copy-click {
background:#222 !important; /* ciemne tło */
border:1px solid #444;
border-radius:8px;
padding:8px 12px;
color:#ddd;
font-weight:600;
cursor:pointer;
display:inline-block;
max-width:100%;
margin:0 auto;
font-size:14px;
font-variant-numeric:tabular-nums;
position:relative; /* dla tooltipa */
}
.copy-click code {
background:none !important; /* usuwa białe tło z code */
color:inherit !important;
padding:0;
border:none;
font-family:monospace;
}
.desc {
font-size:12px;
color:#aaa;
margin-top:6px;
}
.copy-click:hover::after {
content:’Kopiuj’;
position:absolute;
top:-28px;
left:50%;
transform:translateX(-50%);
background:#222; /* ciemne tło tooltipa */
color:#eee;
border:1px solid #444;
border-radius:6px;
padding:3px 8px;
font-size:12px;
white-space:nowrap;
z-index:20;
}
.copy-click.done::after {
content:’Skopiowano’;
background:#1f4;
color:#000;
border-color:#0a0;
}

(function(){
function copyText(t){
if(navigator.clipboard && navigator.clipboard.writeText){ return navigator.clipboard.writeText(t); }
const ta=document.createElement(’textarea’); ta.value=t; document.body.appendChild(ta); ta.select();
try{ document.execCommand(’copy’); }catch(e){} document.body.removeChild(ta); return Promise.resolve();
}
document.addEventListener(’click’, function(e){
const el=e.target.closest(’.copy-click’); if(!el) return;
const val=(el.dataset.copy||”).trim(); if(!val) return;
copyText(val).then(()=>{ el.classList.add(’done’); setTimeout(()=>el.classList.remove(’done’),1400); });
});
})();