/* Card Report — additions layered on top of admin.css (same theme colours). */

.area-chip { display:inline-flex; align-items:center; gap:6px; background:#e8f4fd; color:#1a6a9e; padding:5px 12px; border-radius:20px; font-weight:600; font-size:.78rem; }

/* Login: reuse admin login look, add area select */
.admin-login-box .field select { width:100%; padding:10px 12px; border:1px solid #d0dde8; border-radius:7px; font-size:.9rem; font-family:inherit; background:#fff; outline:none; }
.admin-login-box .field { margin-bottom:16px; text-align:left; }
.admin-login-box .field label { display:block; font-size:.8rem; font-weight:600; color:#0a3d62; margin-bottom:6px; }
.admin-login-box .field input { width:100%; padding:10px 12px; border:1px solid #d0dde8; border-radius:7px; font-size:.9rem; font-family:inherit; outline:none; }
.admin-login-box .field input:focus, .admin-login-box .field select:focus { border-color:#1a6a9e; }

/* Flash messages */
.flash { border-radius:8px; padding:12px 16px; font-size:.875rem; margin-bottom:20px; }
.flash.ok  { background:#e8f8f0; border:1px solid #c3e6cb; color:#155724; }
.flash.err { background:#fff2f2; border:1px solid #f5c6cb; color:#dc3545; }

/* Toolbar above the list */
.list-toolbar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:18px; }
.list-toolbar .spacer { flex:1; }
.count-pill { background:#cce5ff; color:#004085; padding:6px 14px; border-radius:20px; font-size:.8rem; font-weight:600; }

/* Filter chips showing active filters */
.active-filters { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.active-filters .chip { background:#eef4f9; border:1px solid #d8eaf7; color:#0a3d62; padding:4px 10px; border-radius:16px; font-size:.75rem; font-weight:600; }
.active-filters .chip a { color:#dc3545; text-decoration:none; margin-left:6px; }

/* Modal */
.modal-backdrop { position:fixed; inset:0; background:rgba(10,61,98,.55); display:none; align-items:flex-start; justify-content:center; z-index:1000; padding:40px 16px; overflow-y:auto; }
.modal-backdrop.open { display:flex; }
.modal-card { background:#fff; border-radius:14px; width:100%; max-width:560px; box-shadow:0 20px 60px rgba(0,0,0,.3); }
.modal-head { display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid #eef2f6; }
.modal-head h3 { font-size:1rem; font-weight:700; color:#0a3d62; }
.modal-close { background:transparent; border:none; font-size:1.3rem; color:#888; cursor:pointer; line-height:1; }
.modal-body { padding:22px; }
.modal-foot { padding:16px 22px; border-top:1px solid #eef2f6; display:flex; gap:10px; justify-content:flex-end; }

/* Gender / type badges in table */
.tag { display:inline-block; padding:3px 10px; border-radius:6px; font-size:.72rem; font-weight:600; background:#eef4f9; color:#0a3d62; }
.tag.pmjay { background:#e8f4fd; color:#1a6a9e; }
.tag.abha  { background:#e8f8f0; color:#1c7a4a; }

/* Import preview */
.preview-meta { display:flex; gap:14px; flex-wrap:wrap; margin:16px 0; }
.preview-meta .box { background:#f8fbff; border:1px solid #d8eaf7; border-radius:10px; padding:14px 18px; }
.preview-meta .box .n { font-size:1.5rem; font-weight:800; color:#0a3d62; line-height:1; }
.preview-meta .box .l { font-size:.75rem; color:#888; margin-top:4px; }
.preview-scroll { max-height:420px; overflow:auto; }
.mono { font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.8rem; }
.help-note { background:#f8fbff; border:1px dashed #b9d8ef; border-radius:10px; padding:14px 16px; font-size:.82rem; color:#555; line-height:1.6; }
.help-note code { background:#e8f4fd; padding:1px 6px; border-radius:4px; color:#1a6a9e; }