/* assets/css/app.css
   استایل واحد بر پایه CSS Variables
*/

:root {
  --ui-bg: #f8fafc;
  --ui-card: #ffffff;
  --ui-text: #0f1720;
  --ui-muted: #637381;
  --ui-border: #e5e7eb;
  --ui-primary: #2563eb;
  --ui-font-base: IRANSans, Vazirmatn, Tahoma, sans-serif;
  --ui-font-heading: IRANSans, Vazirmatn, Tahoma, sans-serif;
}

html, body { height:100%; }
.upsis-body{
  background: var(--ui-bg);
  color: var(--ui-text);
  font-family: var(--ui-font-base);
}
.upsis-nav{
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--ui-border);
}
.upsis-card{
  background: var(--ui-card);
  border: 1px solid var(--ui-border);
  border-radius: 16px;
}
.upsis-card .card-title, .upsis-card h5, .upsis-card h6{
  font-family: var(--ui-font-heading);
}
.upsis-table thead th{
  white-space: nowrap;
  color: var(--ui-text);
  background: color-mix(in srgb, var(--ui-card), #000 2%);
  border-bottom: 1px solid var(--ui-border);
}
.upsis-table td, .upsis-table th{
  border-color: var(--ui-border) !important;
}
.btn-primary{ background: var(--ui-primary); border-color: var(--ui-primary); }
a{ color: var(--ui-primary); }
.text-muted { color: var(--ui-muted) !important; }

/* کارت KPI */
.kpi-value{ font-weight: 600; }

/* فرم‌ها */
.form-control, .form-select{
  background: var(--ui-card);
  color: var(--ui-text);
  border-color: var(--ui-border);
}
.form-control:focus, .form-select:focus{
  border-color: var(--ui-primary);
  box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .15);
}