/* Container Principal */
div.calendar {
    width: 215px !important;
    max-width: 215px !important;
    background-color: #fff !important;
    border: 1px solid #d9d9d9 !important; /* Borda cinza suave */
    border-radius: 8px !important;        /* Arredondado */
    overflow: hidden !important;          /* Corta o cabeçalho */
    font-family: sans-serif !important;
    z-index: 9999 !important;
    margin-top: 2px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

/* Limpeza da Tabela Interna */
div.calendar table {
    width: 100% !important;
    border-collapse: collapse;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Cabeçalho Sólido (Cinza) */
div.calendar thead tr:first-child {
    background-color: #e6e6e6 !important;
    border-bottom: 1px solid #ccc !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* Elementos do Cabeçalho (Transparentes) */
div.calendar thead td,
div.calendar thead .button,
div.calendar thead .title {
    background: transparent !important;
    border: none !important;
    border-radius: 0px !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Textos e Botões */
div.calendar thead .title {
    color: #333 !important;
    font-size: 13px !important;
    font-weight: normal !important;
    padding: 6px 0 !important;
}
div.calendar thead .button {
    color: #555 !important;
    font-size: 14px !important;
    padding: 2px 8px !important;
    cursor: pointer;
}
div.calendar thead .button.close {
    text-align: right !important;
    padding-right: 10px !important;
    color: #666 !important;
    font-size: 15px !important;
}
div.calendar thead .button.close:hover {
    color: #000 !important;
}

/* Dias da Semana */
div.calendar thead .name {
    background-color: #fff !important;
    color: #333 !important;
    border-bottom: 1px solid #eee !important;
    font-size: 10px !important;
    padding: 3px 0 !important;
    text-align: center !important;
}

/* REMOVE A BORDA DA DIREITA (Correção do Bug Visual) */
div.calendar .wn, 
div.calendar .daynames .wn {
    border-right: none !important;
    border: none !important;
    background: #fff !important;
}

/* Corpo (Dias) */
div.calendar tbody td,
div.calendar tbody .day {
    width: 14% !important;
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 !important;
    font-size: 11px !important;
    text-align: center !important;
    border: none !important;
}
div.calendar tbody td.selected,
div.calendar tbody .rowhilite td.selected {
    background-color: #006699 !important;
    color: #fff !important;
    font-weight: bold !important;
    border-radius: 4px !important;
}
div.calendar tbody td:not(.emptycell):not(.selected):hover {
    background-color: #f0f0f0 !important;
    color: #000 !important;
    border-radius: 4px !important;
}
div.calendar tbody .day.othermonth {
    color: #ccc !important;
    font-size: 11px !important;
    background: transparent !important;
}

/* Rodapé */
div.calendar tfoot .ttip {
    background-color: #e6e6e6 !important;
    color: #666 !important;
    font-size: 10px !important;
    padding: 4px !important;
    border-top: 1px solid #ccc !important;
    text-align: center !important;
}
div.calendar tfoot .footrow { text-align: center; }

/* Utilitários (Combo/Time) */
div.calendar .combo { position: absolute; display: none; top: 0; left: 0; width: 4em; cursor: default; border: 1px solid #ccc; background: #fff; color: #000; z-index: 100; font-size: 90%; }
div.calendar .combo .label { text-align: center; padding: 1px; }
div.calendar td.time { text-align: center; padding: 3px 0; border-top: 1px solid #eee; }