@font-face {
    font-family: 'Vazir';
    font-weight:normal;
    src: url('fonts/vazir.woff') format('woff');
}

body { font-family: 'Vazir', sans-serif; background:#f0f0f0; margin:0; padding:20px; }
button,input,tr,th,a{ font-family: 'Vazir';font-weight:normal;}
h2 { text-align:center; margin-bottom:20px; font-weight:normal;}
table { width:100%; border-collapse:collapse; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.1); }
th, td { border:1px solid #ddd; padding:10px; text-align:center; }
th { background:#333; color:#fff; }
tr:hover { background:#f9f9f9; }
[contenteditable] { background:#fcfcfc; min-width:110px; cursor:text; outline:none; }
button { padding:6px 12px; border:none; background:#c0392b; color:#fff; cursor:pointer; border-radius:4px; }
button:hover { background:#e74c3c; }
input[type=checkbox] { transform:scale(1.2); cursor:pointer; }
/* هایلایت کردن تب فعال */
.tab-btn.active {
    background: #2980b9;
    border-bottom: 3px solid #f1c40f;
}

/* استایل فیلدهای در حال ویرایش */
[contenteditable="true"]:focus {
    background: #fffef0;
    border: 1px solid #3498db;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
}

.logout-btn {
    float: left;
    background: #7f8c8d;
    text-decoration: none;
    padding: 5px 15px;
    color: white;
    border-radius: 5px;
    font-size: 13px;
}
.time-label {
    background: #27ae60;
    color: white;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 0.75em;
    display: inline-block;
    direction: ltr;
}

.spent-cell {
    color: #2980b9;
}
.del-btn {
  padding: .1em .6em;
}
.spent-cell,.date-cell,.index-cell {
font-size:.9em
}
.tab-btn {
  background-color: #888;
}
.time-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.time-label {
    padding: 2px 6px;
    border-radius: 4px;
    color: #fff;
    font-size: 0.85em;
    font-weight: bold;
}

.time-auto { background-color: #27ae60; } /* سبز برای ثبت خودکار */
.time-manual { background-color: #e67e22; } /* نارنجی برای ویرایش دستی */

.edit-time-btn {
border: none;
  color: #7b8286;
  cursor: pointer;
  font-size: 12px;
  padding: 2px 6px;
  background-color: #9993;
}

.edit-time-btn:hover { color: #34495e; }

.past-reports-header {
    background-color: #34495e !important;
    color: white !important;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    user-select: none;
}

.past-reports-header:hover {
    background-color: #2c3e50 !important;
}

.past-reports-header td {
    padding: 12px !important;
}

.past-row {
    background-color: #f9f9f9;
    opacity: 0.8;
}