.skdp {
    position: absolute;
    z-index: 9999;
    background: #fff;
    border: 2px solid #0b0c0c;
    width: 280px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    font-family: Source Sans Pro, arial, sans-serif;
    font-size: 1rem;
}

/* Header */
.skdp__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #003078;
    color: #fff;
    padding: 8px 6px;
}

.skdp__nav {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    padding: 2px 8px;
    border-radius: 2px;
    font-family: inherit;
}
.skdp__nav:hover { background: rgba(255,255,255,0.2); }

.skdp__title-btn {
    background: none;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 2px;
    font-family: inherit;
    flex: 1;
    text-align: center;
}
.skdp__title-btn:hover { background: rgba(255,255,255,0.2); }

/* Day grid */
.skdp__grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 8px;
    gap: 2px;
}

.skdp__dn {
    text-align: center;
    font-size: 0.75rem;
    font-weight: bold;
    color: #505a5f;
    padding: 4px 0 6px;
}

.skdp__day {
    text-align: center;
    padding: 7px 2px;
    font-size: 0.875rem;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 2px;
    width: 100%;
    font-family: inherit;
    color: #0b0c0c;
}
.skdp__day:hover         { background: #f3f2f1; }
.skdp__day--today        { font-weight: bold; color: #003078; }
.skdp__day--sel          { background: #003078 !important; color: #fff !important; }

/* Year grid */
.skdp__year-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 8px;
    gap: 4px;
    max-height: 220px;
    overflow-y: auto;
}

.skdp__year {
    text-align: center;
    padding: 8px 4px;
    font-size: 0.875rem;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 2px;
    font-family: inherit;
    color: #0b0c0c;
}
.skdp__year:hover      { background: #f3f2f1; }
.skdp__year--today     { font-weight: bold; color: #003078; }
.skdp__year--sel       { background: #003078 !important; color: #fff !important; }