/*
 * ==========================================================================
 * TEHDIR-YII3 - Kalender Akademik Table & Event Styling (Auxillary)
 * ==========================================================================
 */

/* 1. Table Borders */
#kalenderTable.table-bordered,
#kalenderTable.table-bordered > thead > tr > th,
#kalenderTable.table-bordered > tbody > tr > td {
    border: 1.5px solid #cbd5e1 !important;
}

#kalenderTable > thead > tr > th {
    border-bottom: 2px solid #94a3b8 !important;
    background-color: #f8fafc;
    font-size: 0.825rem;
}

body[data-theme="dark"] #kalenderTable.table-bordered,
body[data-theme="dark"] #kalenderTable.table-bordered > thead > tr > th,
body[data-theme="dark"] #kalenderTable.table-bordered > tbody > tr > td {
    border-color: #334155 !important;
}

body[data-theme="dark"] #kalenderTable > thead > tr > th {
    border-bottom-color: #475569 !important;
    background-color: #1e293b;
}

/* 2. Column Widths */
#kalenderTable .col-check   { width: 40px; }
#kalenderTable .col-no      { width: 50px; }
#kalenderTable .col-hari    { width: 135px; }
#kalenderTable .col-tanggal { width: 185px; }
#kalenderTable .col-status  { width: 130px; }
#kalenderTable .col-aksi    { width: 70px; }

/* 3. Event Draggable Card in Kalender */
.event-draggable-card {
    padding: 0.2rem 0.45rem !important;
    font-size: 0.78rem !important;
    line-height: 1.3 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.375rem !important;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

body[data-theme="dark"] .event-draggable-card {
    background-color: #1e293b;
    border-color: #334155 !important;
}

.event-draggable-card .event-title {
    font-size: 0.78rem !important;
    font-weight: 600;
    color: #1e293b;
}

body[data-theme="dark"] .event-draggable-card .event-title {
    color: #f1f5f9;
}

.event-draggable-card .badge {
    font-size: 0.68rem !important;
    font-weight: 500 !important;
    padding: 0.15rem 0.4rem !important;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.event-draggable-card .drag-handle {
    font-size: 0.8rem !important;
    cursor: grab;
    opacity: 0.6;
}

.event-draggable-card .drag-handle:hover {
    opacity: 1;
}

.event-draggable-card .btn-event-action {
    padding: 0.05rem 0.3rem !important;
    font-size: 0.72rem !important;
    line-height: 1.1;
}

.event-draggable-card .btn-event-action i {
    font-size: 0.72rem !important;
}

.event-container {
    gap: 0.25rem !important;
}