#setveni-koledar {
  max-width: 900px;
  margin: 0 auto;
  font-family: sans-serif;
  background: #ffffff;
  border: 1px solid #ccc;
  padding: 1em;
  opacity: 1;
  transition: opacity 0.5s ease;
  min-height: 700px;
}
#setveni-koledar.fade-out { opacity: 0; }
#setveni-koledar.fade-in { opacity: 1; }

.sk-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1em; }
.sk-grid { display: grid; grid-template-columns: repeat(7,1fr); gap:1px; background:#ccc; }
.sk-cell, .sk-dayname { background:#fff; min-height:100px; padding:6px; box-sizing:border-box; position:relative; overflow:visible; }
.sk-dayname { font-weight:bold; text-align:center; background:#f0f0f0; }
.date-number { font-weight:bold; font-size:0.9em; }
.sk-tooltip { display:none; position:absolute; top:100%; left:0; width:280px; height:80px; overflow-y:auto; white-space:pre-line; background:#fff; border:1px solid #ccc; padding:0.5em; box-shadow:0 2px 8px rgba(0,0,0,0.2); z-index:9999; }
.sk-cell:hover .sk-tooltip, .sk-cell:focus-within .sk-tooltip { display:block; }
.sk-content { font-size:0.85em; margin-top:4px; white-space:pre-line; }