/* ══ HajCard.css — أضفه مرة واحدة في app.css ══ */

.haj-r1 { display:flex; align-items:center; gap:7px; margin-bottom:3px; flex-wrap:wrap; }
.haj-name   { font-size:13px; font-weight:700; color:var(--text,#1C2B26); }
.haj-pubno  { font-size:10px; font-weight:700; background:var(--primary-light,#E6F4F0); color:var(--primary-dark,#0D4A39); border-radius:5px; padding:1px 6px; }
.haj-idno   { font-size:10px; color:var(--text-muted,#6B8C80); }
.haj-phone  { font-size:10px; color:var(--text-muted,#6B8C80); direction:ltr; }

.haj-tags { display:flex; flex-wrap:wrap; gap:3px; margin-bottom:4px; }
.tg       { display:inline-flex; align-items:center; gap:2px; font-size:10px; font-weight:600; padding:1px 6px; border-radius:5px; white-space:nowrap; }
.tg i     { font-size:9px; color:inherit !important; }
.tg-grp   { background:#E8F5E9; color:#1B5E20; }
.tg-zom   { background:#FFF3E0; color:#E65100; }
.tg-nat   { background:#EEF2FF; color:#3730A3; }
.tg-city  { background:#E0F2FE; color:#075985; }
.tg-bus   { background:#F0FDF4; color:#166534; }
.tg-trip  { background:#FDF4FF; color:#7E22CE; }
.tg-type  { background:#F3E5F5; color:#6A1B9A; }
.tg-stat  { background:#FFF3E0; color:#E65100; }
.tg-hstat { background:#E3F2FD; color:#0D47A1; }
.tg-pay   { background:#E8EAF6; color:#283593; }
.tg-date  { background:#F5F5F5; color:#424242; }
.tg-morshad { background:#E8EAF6; color:#283593; }

.haj-housing { display:flex; gap:5px; flex-wrap:wrap; margin-bottom:3px; }
.hsg         { display:flex; align-items:center; gap:4px; background:var(--surface,#F7FAF9); border-radius:7px; border:1px solid var(--border,rgba(0,0,0,.08)); padding:2px 7px; font-size:10px; color:var(--text-muted,#6B8C80); }
.hsg.mina    i { color:#F57F17 !important; }
.hsg.arafat  i { color:#2E7D32 !important; }
.hsg span.val  { font-weight:600; color:var(--text,#1C2B26); }
.hsg.empty     { opacity:.4; }

.haj-notes  { display:flex; gap:5px; flex-wrap:wrap; margin-top:2px; }
.note-chip  { display:flex; align-items:center; gap:4px; font-size:10px; color:#5D4037; background:#FBF3EC; border:1px solid #FFCCBC; border-radius:6px; padding:2px 8px; max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.note-chip i { color:#E64A19 !important; font-size:9px; flex-shrink:0; }

.haj-badges { display:flex; gap:3px; flex-wrap:wrap; margin-top:2px; }
.badge-svc  { font-size:9px; font-weight:700; padding:1px 6px; border-radius:4px; background:#E8F5E9; color:#1B5E20; border:1px solid #A5D6A7; }

.zc0::before { background:#1A6B54; } .zc1::before { background:#3B82F6; } .zc2::before { background:#EF4444; }
.zc3::before { background:#F59E0B; } .zc4::before { background:#8B5CF6; } .zc5::before { background:#EC4899; }
.zc6::before { background:#14B8A6; } .zc7::before { background:#F97316; } .zc8::before { background:#84CC16; }
.zc9::before { background:#06B6D4; }