@font-face {
  font-family: "vazir";
  src: url(fonts/vazir/Vazir-FD.eot);
  src: url(fonts/vazir/Vazir-FD.eot) format("embedded-opentype"),
    url(fonts/vazir/Vazir-FD.woff) format("woff"),
    url(fonts/vazir/Vazir-FD.woff2) format("woff2"),
    url(fonts/vazir/Vazir-FD.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
  @font-face {
  font-family: "Vazir-code";
  src: url(fonts/Vazir-Code-Hack.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "iransans";
  src: url(fonts/iransans/Javis-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}



* { margin:0; padding:0; box-sizing:border-box; font-family: 'vazir', sans-serif; }
body { font-family: vazir, Arial, sans-serif; direction:rtl; padding:0px; color:#222; background:#f4f6f9; color:#333; line-height:1.5;  text-align:right; }
.container {  width: 100%;
    max-width: 1400px; /* می‌توانید بیشتر یا کمتر کنید */
    margin: 30px auto; padding:20px; background:#fff; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.05); }

/* Header */
.header { display:flex; justify-content:space-between; align-items:center; background:#e1f5fe; padding:10px 20px; border-radius:8px; margin-bottom:20px; }
.header div { font-size:14px; color:#555; }
.header .welcome { font-weight:500; }
.header .actions a { text-decoration:none; margin-right:10px; padding:6px 12px; border-radius:5px; color:#fff; font-weight:500; transition:0.3s; }
.header .logout { background:#f44336; }
.header .report { background:#0288d1; }
.header .logout:hover { background:#d32f2f; }
.header .report:hover { background:#0277bd; }

/* Title */
h1 { font-size:14px; margin-bottom:20px; color:#222; }

/* Action Bar */
.actions { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; flex-wrap:wrap; gap:10px; }
.actions .btn { background:#28a745; color:#fff; padding:8px 16px; border-radius:6px; text-decoration:none; font-weight:500; transition:0.3s; }
.actions .btn:hover { background:#218838; }
.search-form { display:flex; gap:8px; flex-wrap:wrap; }
.search-form input { padding:8px 12px; border-radius:6px; border:1px solid #ccc; width:200px; transition:0.3s; }
.search-form input:focus { border-color:#0288d1; outline:none; }
.search-form button { background:#0288d1; color:#fff; border:none; border-radius:6px; padding:8px 16px; cursor:pointer; transition:0.3s; }
.search-form button:hover { background:#0277bd; }

/* Table */
.table { width:100%; border-collapse:collapse; margin-top:10px; font-size:14px; text-align:right; }
.table th, .table td { padding:12px 10px; border-bottom:1px solid #eee; transition:0.2s; }
.table th { background:#f1f3f5; color:#555; font-weight:500; }
.table tr:hover { background:#f9f9f9; }
.table td .btn-1 { padding:5px 10px; border-radius:5px; text-decoration:none; color:#fff; font-size:13px; margin:0 3px; transition:0.3s; }

.btn-view { background:#0288d1; }
.btn-view:hover { background:#0277bd; }
.btn-view1 { background:#000; }
.btn-view1:hover { background:#f800ef; }
.btn-delete { background:#f44336; }
.btn-delete:hover { background:#d32f2f; }

/* Pagination */
.pagination { margin-top:20px; text-align:center; }
.pagination a { margin:0 5px; padding:6px 12px; border-radius:6px; text-decoration:none; color:#0288d1; font-weight:500; border:1px solid transparent; transition:0.3s; }
.pagination a:hover { background:#0288d1; color:#fff; border-color:#0288d1; }
.pagination a[style*="font-weight:bold"] { background:#0288d1; color:#fff; border-color:#0288d1; }

/* Footer Note */
h5 { margin-top:25px; font-weight:400; color:#777; font-size:13px; }

/* Date & Time */
#date, #time { font-size:13px; color:#555; }




.card { background:#fff; padding:15px; border-radius:6px; box-shadow:0 1px 4px rgba(0,0,0,0.08); }
h1 { font-size:15px; margin-top:0; }
.table { width:100%; border-collapse:collapse; margin-top:10px; }
.table th, .table td { border:1px solid #ddd; padding:8px; text-align:center; }
.table.small th, .table.small td { padding:6px; font-size:13px; }
.btn { font-family: vazir, Arial, sans-serif;background:#2b7cff; color:#fff; padding:8px 8px; text-decoration:none; border-radius:4px; }
.btn-1 { font-family: vazir, Arial, sans-serif;background:#646464; color:#fff; padding:2px 4px; text-decoration:none; border-radius:4px; }
.btn-secondary { background:#aaa; }
input[type="text"],
input[type="date"],

input[type="number"] {
  font-family: vazir, Arial, sans-serif;
  width: 100%;
  box-sizing: border-box;
  text-align: center; /* وسط چین */
}
textarea{font-family: vazir, Arial, sans-serif;
  width: 100%;
  box-sizing: border-box;}

/* حذف فلش‌های بالا/پایین در input number */
input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none; /* Chrome, Edge, Safari */
  margin: 0;
}

label { display:block; }
.actions { margin-top:12px; }
.totals { background:#f9f9f9; padding:10px; border-radius:4px; margin-top:10px; text-align:right; }
select { font-family: vazir, Arial, sans-serif; width:100%;  box-sizing:border-box; }