/* لوحة متابعة استمارة البرنامج — موبايل أولًا */

.pfd-wrap { display: flex; flex-direction: column; gap: 14px; padding: 0 16px 24px; }
.pfd-wrap .card-soft { background: #fff; border: 1px solid #e5e9f2; border-radius: 14px; padding: 14px; }
.pfd-h { font-size: 1rem; font-weight: 700; margin: 0 0 10px; }
.pfd-h-main { margin-top: 6px; }
.pfd-card { min-width: 0; }

.pfd-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
.pfd-field { display: flex; flex-direction: column; gap: 4px; font-size: .85rem; font-weight: 600; }
.pfd-field .form-select, .pfd-field .form-control,
.pfd-controls input, .pfd-controls select {
  min-height: 44px;
  font-size: 16px; /* iOS: أقل من كده بيزوّم */
}
.pfd-hint { margin-top: 8px; }

.pfd-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pfd-kpi { text-align: center; }
.pfd-kpi i { font-size: 1.2rem; color: var(--brand-royal, #1140FF); }
.pfd-kpi-val { font-size: 1.5rem; font-weight: 800; }
.pfd-kpi-label { font-size: .8rem; color: #64748b; }
.pfd-kpi-wide { grid-column: 1 / -1; }

.pfd-bar { height: 10px; background: #eef2f8; border-radius: 99px; overflow: hidden; }
.pfd-bar > span { display: block; height: 100%; background: var(--brand-royal, #1140FF); border-radius: 99px; transition: width .3s; }
.pfd-row + .pfd-row { margin-top: 10px; }
.pfd-weak + .pfd-weak { margin-top: 12px; padding-top: 12px; border-top: 1px solid #eef2f8; }

.pfd-sections { display: flex; flex-direction: column; gap: 14px; }

.pfd-controls { display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px; }
.pfd-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.pfd-chip {
  min-height: 44px; min-width: 44px; padding: 0 12px;
  border: 1px solid #cbd5e1; border-radius: 99px; background: #fff; font-size: .85rem;
}
.pfd-chip.active { background: var(--brand-royal, #1140FF); color: #fff; border-color: transparent; }

.pfd-list { display: flex; flex-direction: column; gap: 10px; }
.pfd-tcard { padding: 12px; }
.min-w-0 { min-width: 0; }

.pfd-badge { font-size: .75rem; font-weight: 700; padding: 3px 10px; border-radius: 99px; white-space: nowrap; }
.pfd-badge-idle { background: #fee2e2; color: #991b1b; }
.pfd-badge-going { background: #fef3c7; color: #92400e; }
.pfd-badge-done { background: #dcfce7; color: #166534; }

.pfd-export { min-height: 44px; }

@media (min-width: 768px) {
  .pfd-grid { grid-template-columns: repeat(5, 1fr); }
  .pfd-kpis { grid-template-columns: repeat(4, 1fr); }
  .pfd-kpi-wide { grid-column: 1 / -1; }
  .pfd-sections { display: grid; grid-template-columns: 1fr 1fr; }
  .pfd-controls { flex-direction: row; align-items: center; }
  .pfd-controls input { flex: 1; }
  .pfd-list { display: grid; grid-template-columns: 1fr 1fr; }
}