/* ===== Prayer Attendance status ===== */
:root{
  --present-badge:#198754; --absent-badge:#dc3545; --leave-badge:#ffc107; --late-badge:#fd7e14;
  --present-bg:#d1e7dd; --present-bd:#a3cfbb; --present-text:#0f5132;
  --absent-bg:#f8d7da;  --absent-bd:#f1aeb5;  --absent-text:#842029;
  --leave-bg:#fff3cd;   --leave-bd:#ffe69c;   --leave-text:#664d03;
  --late-bg:#ffe5d0;    --late-bd:#ffcd9b;    --late-text:#7a3e06;
}
.status-wrap{ position:relative; }
.status-wrap .form-select{ padding-top:1.35rem; } /* กัน badge ทับข้อความ */
.status-badge{
  position:absolute; top:-8px; left:10px; font-size:.70rem; line-height:1;
  padding:3px 8px; border-radius:999px; z-index:2; box-shadow:0 1px 2px rgba(0,0,0,.2);
}
.badge-present{ background:var(--present-badge); color:#fff; }
.badge-absent { background:var(--absent-badge);  color:#fff; }
.badge-leave  { background:var(--leave-badge);   color:#212529; }
.badge-late   { background:var(--late-badge);    color:#212529; }

.form-select.status-present{ background:var(--present-bg); border-color:var(--present-bd); color:var(--present-text); }
.form-select.status-absent { background:var(--absent-bg);  border-color:var(--absent-bd);  color:var(--absent-text);  }
.form-select.status-leave  { background:var(--leave-bg);   border-color:var(--leave-bd);   color:var(--leave-text);   }
.form-select.status-late   { background:var(--late-bg);    border-color:var(--late-bd);    color:var(--late-text);    }

.form-select.status-present:focus{ box-shadow:0 0 0 .25rem rgba(25,135,84,.18); }
.form-select.status-absent:focus { box-shadow:0 0 0 .25rem rgba(220,53,69,.20); }
.form-select.status-leave:focus  { box-shadow:0 0 0 .25rem rgba(255,193,7,.28); }
.form-select.status-late:focus   { box-shadow:0 0 0 .25rem rgba(253,126,20,.22); }