/*-- Job Applications Styles - Do not make changes to the file --*/
.buk-job-filter select{
    font-size:.875rem;
    width:7.5rem;
    height:2.5rem;
    padding:.313rem .625rem;
}
.buk-job-filter label{
    margin-right:10px;
}
.buk-applications-table{
    width:100%;
    border-collapse:collapse;
}
.buk-applications-table th,
.buk-applications-table td{
    padding:12px 15px;
    text-align:left;
    border-bottom:1px solid var(--border);
}
.buk-applications-table th{
    font-weight:var(--font-w-bold);
    background-color:var(--muted);
}
.application-status{
    font-size:12px;
    display:inline-block;
    padding:5px 8px;
    border-radius: var(--border-radius-small);
    text-align:center;
    color:var(--white-100);
}
.status-pending{
    background-color:var(--pending-background);
}
.status-reviewed {
    background-color:var(--reviewed-background);
}
.status-interviewing{
    background-color:var(--interviewing-background);
}
.status-offered{
    background-color:var(--offered-background);
}
.status-hired{
    background-color:var(--hired-background);
}
.status-rejected{
    background-color:var(--rejected-background);
}
.actions a{
    display:inline-block;
    margin-right:10px;
}
.buk-no-applications{
    padding:1.25rem;
    background-color: var(--muted);
    border-radius: var(--border-radius-default);
    text-align: center;
}
.applicant-email{
    font-size:.75rem;
    color:var(--muted-foreground);
}
/* Apply button styles */
.job-apply-button{
    position:relative;
}
.job-apply-button.applied{
    background-color:var(--success);
    cursor:default;
}
/* Notification styles */
.buk-notification{
    position:fixed;
    bottom:20px;
    right:20px;
    padding:15px 20px;
    border-radius: var(--border-radius-default);
    color:var(--white-100);
    z-index:9999;
    transform:translateY(100px);
    opacity:0;
    transition:all 0.3s ease;
    max-width:350px;
    box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);
}
.buk-notification.show{
    transform:translateY(0);
    opacity:1;
}
.buk-notification-success{
    background-color:var(--success);
}
.buk-notification-error{
    background-color:var(--error);
}
/* Status Update Modal Styles */
.buk-applications-table-wrapper .buk-status-modal{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    max-width:none;
    height:100%;
    background-color:rgba(0, 0, 0, 0.5);
    z-index:9999;
    display:none;
}
.buk-status-modal-content{
    background-color:var(--white-100);
    border-radius:var(--border-radius-default);
    padding:25px;
    width:90%;
    max-width:500px;
    max-height:90vh;
    overflow-y:auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);
}
.buk-status-modal-close{
    font-size:24px;
    position:absolute;
    top:15px;
    right:15px;
    cursor:pointer;
    color:var(--muted-foreground);
}
.buk-status-options{
    margin:20px 0;
}
.buk-status-option{
    display:flex;
    align-items:center;
    padding:.625rem;
    margin:5px 0;
    cursor:pointer;
    transition:background-color .2s ease;
}
.buk-status-option:hover{
    background-color:var(--muted);
}
.buk-status-option.selected{
    background-color:var(--muted);
    border-left:3px solid var(--border);
}
.status-indicator{
    display:inline-block;
    width:12px;
    height:12px;
    border-radius:50%;
    margin-right:10px;
}
.status-indicator.status-pending{
    background-color:var(--pending-background);
}
.status-indicator.status-reviewed{
    background-color:var(--reviewed-background);
}
.status-indicator.status-interviewing{
    background-color:var(--interviewing-background);
}
.status-indicator.status-offered{
    background-color:var(--offered-background);
}
.status-indicator.status-hired{
    background-color:var(--hired-background);
}
.status-indicator.status-rejected{
    background-color:var(--rejected-background);
}
.buk-status-modal-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:20px;
}
.buk-status-modal-actions .buk-button-save{
    font-size:.75rem;
    padding:.935rem .625rem;
}
/* Responsive styles */
@media (max-width: 768px) {
    .buk-applications-table th:nth-child(3),
    .buk-applications-table td:nth-child(3){
        display:none;
    }
    .actions a{
        display:block;
        margin-bottom:5px;
    }
}