/* Corporation directory blocks on the Contact Us page (from HMWSSB source markup). */
.hm-dir{--corp: #1a3a5c; --zone: #1e6b9e; --division: #2980b9; --circle: #2ecc71; --ward: #f8f9fa; --accent: #e67e22; --text: #2c3e50; --muted: #7f8c8d; --border: #dce1e7; --radius: 8px; --shadow: 0 2px 8px rgba(0, 0, 0, 0.08); padding: 10px;}
.hm-dir .directory-wrap{max-width: 1200px; margin: 0 auto;}
.hm-dir .dir-title{font-family: 'Rajdhani', sans-serif; font-size: 26px; font-weight: 700; color: var(--corp); text-align: center; letter-spacing: 1px; margin-bottom: 6px;}
.hm-dir .dir-subtitle{text-align: center; color: var(--muted); font-size: 12px; margin-bottom: 20px; letter-spacing: 0.5px;}
.hm-dir .badge{font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 20px; letter-spacing: 0.6px; text-transform: uppercase; white-space: nowrap;}
.hm-dir .badge-zone{background: #d6eaf8; color: var(--zone);}
.hm-dir .badge-div{background: #d5f5e3; color: #1e8449;}
.hm-dir .badge-circle{background: #fdebd0; color: #ca6f1e;}
.hm-dir .ph{font-size: 12px; color: var(--muted); font-family: monospace; margin-left: 6px;}
.hm-dir .corp-row{background: #025DA2; color: #fff; border-radius: var(--radius); padding: 14px 20px; margin-bottom: 12px; box-shadow: var(--shadow);}
.hm-dir .corp-table{width: 100%; border-collapse: collapse;}
.hm-dir .corp-table th{font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 5px 10px; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.hm-dir .corp-table td{padding: 5px 10px; font-size: 13px; color: rgba(255, 255, 255, 0.85); vertical-align: middle;}
.hm-dir .corp-table td strong{font-family: 'Rajdhani', sans-serif; font-size: 15px; font-weight: 700; color: #fff; letter-spacing: 0.3px;}
.hm-dir .zone-block{background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 10px; overflow: hidden; border: 1px solid var(--border);}
.hm-dir .zone-header{background: var(--zone); color: #fff; padding: 11px 16px; cursor: pointer; display: flex; align-items: center; gap: 10px; user-select: none; transition: background 0.2s;}
.hm-dir .zone-header:hover{background: #1a5e8a;}
.hm-dir .zone-header .zone-name{font-family: 'Rajdhani', sans-serif; font-size: 16px; font-weight: 700; flex: 1; letter-spacing: 0.3px;}
.hm-dir .zone-header .zone-cgm{font-size: 12px; color: rgba(255, 255, 255, 0.8); text-align: right;}
.hm-dir .zone-header .zone-cgm strong{color: #fff; display: block; font-size: 13px;}
.hm-dir .zone-body{display: none; padding: 10px;}
.hm-dir .zone-body.open{display: block;}
.hm-dir .div-block{border: 1px solid #c8e6c9; border-radius: 6px; margin-bottom: 8px; overflow: hidden;}
.hm-dir .div-header{background: #e8f5e9; padding: 9px 14px; cursor: pointer; display: flex; align-items: center; gap: 8px; user-select: none; transition: background 0.2s;}
.hm-dir .div-header:hover{background: #d4edda;}
.hm-dir .div-header .div-num{font-family: 'Rajdhani', sans-serif; font-size: 15px; font-weight: 700; color: #1a5c2a; flex: 1;}
.hm-dir .div-header .div-gm{font-size: 11px; color: #2d7a40; text-align: right;}
.hm-dir .div-header .div-gm strong{display: block; font-size: 12px;}
.hm-dir .div-body{display: none; padding: 8px; background: #fff;}
.hm-dir .div-body.open{display: block;}
.hm-dir .circle-block{border: 1px solid #fce3c5; border-radius: 5px; margin-bottom: 6px; overflow: hidden;}
.hm-dir .circle-header{background: #fff8f0; padding: 8px 12px; cursor: pointer; display: flex; align-items: center; gap: 8px; user-select: none; transition: background 0.2s;}
.hm-dir .circle-header:hover{background: #fde9d5;}
.hm-dir .circle-header .circle-name{font-weight: 600; font-size: 13px; color: #8b4513; flex: 1;}
.hm-dir .circle-header .circle-dgm{font-size: 11px; color: #a0522d; text-align: right;}
.hm-dir .circle-header .circle-dgm strong{display: block; font-size: 12px;}
.hm-dir .circle-body{display: none; padding: 8px; background: #fff;}
.hm-dir .circle-body.open{display: block;}
.hm-dir .ward-table{width: 100%; border-collapse: collapse; font-size: 12px;}
.hm-dir .ward-table th{background: #f0f4f8; color: var(--muted); font-weight: 600; text-transform: uppercase; font-size: 10px; letter-spacing: 0.5px; padding: 6px 10px; text-align: left; border-bottom: 1px solid var(--border);}
.hm-dir .ward-table td{padding: 7px 10px; border-bottom: 1px solid #f0f0f0; vertical-align: middle;}
.hm-dir .ward-table tr:hover td{background: #fafbfc;}
.hm-dir .ward-name{font-weight: 500; color: var(--text);}
.hm-dir .manager-name{color: #34495e;}
.hm-dir .fs-tag{font-size: 10px; background: #ebf5fb; color: #2471a3; padding: 2px 7px; border-radius: 10px; font-weight: 600;}
.hm-dir .arrow{width: 18px; height: 18px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform 0.25s; font-size: 10px;}
.hm-dir .open-arrow{transform: rotate(180deg);}
.hm-dir .arrow-dark{background: rgba(0, 0, 0, 0.06); color: #555;}
.hm-dir .stats-bar{display: flex; justify-content: center; gap: 24px; margin-bottom: 18px; flex-wrap: wrap;}
.hm-dir .stat-chip{background: #fff; border: 1px solid var(--border); border-radius: 20px; padding: 5px 16px; font-size: 12px; color: var(--muted); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);}
.hm-dir .stat-chip strong{color: var(--corp); font-family: 'Rajdhani', sans-serif; font-size: 15px;}
.hm-dir .corp-officials{flex-direction: column; gap: 8px;}
.hm-dir .directory-wrap{max-width: 900px; margin: 0 auto;}
.hm-dir .ph{font-size: 12px; color: var(--muted); font-family: monospace;}
.hm-dir{--corp: #1a3a5c; --zone: #1e6b9e; --text: #2c3e50; --muted: #7f8c8d; --border: #dce1e7; --radius: 8px; --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}
@media(max-width:600px){.hm-dir .zone-header .zone-cgm,.hm-dir .div-header .div-gm,.hm-dir .circle-header .circle-dgm{display:none}}