/* Basic styles for Shift Manager */
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

body {
    font-family: Vazirmatn, sans-serif;
}

button,
input[type="button"],
input[type="submit"] {
    font-family: Vazirmatn, sans-serif;
}

.shift-manager-container { max-width: 900px; margin: 20px auto; }
.shifts-table { width: 100%; border-collapse: collapse; }
.shifts-table th, .shifts-table td { border: 1px solid #ddd; padding: 8px; }
.admin-tabs { display: flex; gap: 10px; margin-bottom: 20px; }
.admin-tab { 
    padding: 10px 15px; 
    text-decoration: none; 
    border: 1px solid #ccc;
    border-bottom: none;
    background: #f5f5f5;
    color: #444;
}
.admin-tab:hover { background: #fff; color: #000; }
.admin-tab.active { 
    background: #fff; 
    font-weight: bold;
    border-bottom: 2px solid #fff;
    margin-bottom: -1px;
}

/* Dashboard */
.dashboard-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin: 20px 0;
}
.stat-box {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    text-align: center;
}
.stat-box h3 { margin: 0 0 10px 0; color: #444; }
.stat-box p { margin: 0; font-size: 24px; font-weight: bold; color: #0073aa; }

/* Forms */
.shift-form {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.shift-form form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    align-items: end;
}
.shift-form input, .shift-form select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.shift-form button {
    justify-self: start;
}

/* Tables */
.wp-list-table input[type="text"] {
    width: 100%;
    max-width: 150px;
}
.personnel-code {
    transition: background-color 0.3s ease;
}