/* Consolidated SHG directory stylesheet. Keep directory.php focused on PHP/HTML/data. */

body:has(.dir-page){
  background:
    radial-gradient(circle at 8% 8%, rgba(251,146,60,.10), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(37,99,235,.08), transparent 28%),
    linear-gradient(140deg,#fff7ed 0,#ffffff 46%,#f1f7ff 100%) !important;
}
body:has(.dir-page) .portal-topbar{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(251,146,60,.16);box-shadow:0 10px 24px rgba(154,52,18,.06)}
body:has(.dir-page) .portal-shell{padding-top:1rem}.dir-page{max-width:1280px;margin:0 auto}
.shg-hero-actions .btn{border-radius:999px !important;font-weight:800 !important;box-shadow:0 12px 24px rgba(15,23,42,.16) !important}.shg-hero-actions .btn-outline-light{background:rgba(255,255,255,.96) !important;border-color:rgba(255,255,255,.96) !important;color:#0f172a !important}.shg-hero-actions .btn-outline-light:hover{background:#fff !important;border-color:#fff !important;color:#0b4fb3 !important;transform:translateY(-1px)}
.dir-search{position:relative;margin:0 auto 1.2rem;padding:.42rem;border:1px solid rgba(251,146,60,.18);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 16px 34px rgba(15,23,42,.07);backdrop-filter:blur(12px)}
.dir-search::before{content:"🔎";position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);z-index:2;font-size:1rem;opacity:.58}
.dir-search .form-control{border:0 !important;border-radius:18px !important;min-height:58px !important;padding-left:2.55rem !important;background:#fff !important;box-shadow:none !important;color:#1f2937;font-weight:500 !important}.dir-search .form-control::placeholder{color:#94a3b8;font-weight:500}.dir-search .btn{min-height:58px !important;border-radius:18px !important;padding-inline:1.45rem;background:linear-gradient(135deg,#d97706,#f97316) !important;border-color:#f97316 !important;color:#fff !important;box-shadow:0 10px 18px rgba(249,115,22,.16)}
body:has(.dir-page) .portal-hero{position:relative;overflow:hidden;border:1px solid rgba(249,115,22,.20);border-radius:34px;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 48%,#fed7aa 100%) !important;color:#1f2937 !important;box-shadow:0 22px 50px rgba(154,52,18,.14)}
body:has(.dir-page) .portal-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% -12%,rgba(249,115,22,.18),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.20));pointer-events:none}
body:has(.dir-page) .portal-hero::after{right:-50px;top:-70px;width:260px;height:260px;background:radial-gradient(circle,rgba(249,115,22,.18),rgba(249,115,22,0) 70%)}
body:has(.dir-page) .portal-hero .dir-hero-main,body:has(.dir-page) .portal-hero>*{position:relative;z-index:2}body:has(.dir-page) .portal-hero .section-kicker,body:has(.dir-page) .portal-hero .dir-badge{background:#fff !important;color:#9a3412 !important;border:1px solid rgba(249,115,22,.20);box-shadow:0 8px 18px rgba(154,52,18,.08)}body:has(.dir-page) .portal-hero h1,body:has(.dir-page) .portal-hero .display-title{color:#9a3412 !important;text-shadow:none !important;max-width:16ch}body:has(.dir-page) .portal-hero p,body:has(.dir-page) .portal-hero .lead{color:#475569 !important;font-weight:500 !important}.dir-hero-actions .btn-outline-light{color:#9a3412 !important;border-color:#fdba74 !important;background:#fff !important}.dir-hero-actions .btn-outline-light:hover{background:#fff7ed !important}
.dir-hero-panel{border:1px solid rgba(251,146,60,.20) !important;background:rgba(255,255,255,.68) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 12px 30px rgba(154,52,18,.08) !important;backdrop-filter:blur(10px) saturate(120%)}.dir-hero-panel .item{background:rgba(255,255,255,.78) !important;border:1px solid rgba(251,146,60,.18) !important;box-shadow:none !important}.dir-hero-panel .label{color:#92400e !important;font-weight:700 !important}.dir-hero-panel .value{color:#1f2937 !important;font-weight:400 !important}
.dir-breadcrumbs{padding:.65rem .9rem;margin:0 0 1rem !important;border:1px solid rgba(37,99,235,.10);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 8px 18px rgba(15,23,42,.04)}.dir-breadcrumbs a{color:#1d4ed8 !important;font-weight:700 !important}
.dir-summary-tiles,.dir-kv{gap:1rem !important}.dir-summary-tile,.dir-kv .item{border:1px solid rgba(251,146,60,.20) !important;background:linear-gradient(180deg,#ffffff 0%,#fffaf5 100%) !important;border-radius:20px !important;box-shadow:0 12px 24px rgba(15,23,42,.055) !important}
.dir-summary-tile,.dir-kv .item,.dir-summary-tile .value,.dir-kv .value,.dir-summary-tile strong,.dir-kv strong{font-weight:400 !important}.dir-summary-tile .label,.dir-kv .label{color:#9a3412 !important;text-transform:uppercase;letter-spacing:.035em;font-weight:700 !important}.dir-summary-tile .value,.dir-kv .value{color:#111827 !important}
.dir-tab-shell,.shell-card{border:1px solid rgba(15,23,42,.07) !important;border-radius:30px !important;background:rgba(255,255,255,.93) !important;box-shadow:0 24px 52px rgba(15,23,42,.085) !important}.dir-tab-nav{padding:.35rem .35rem .75rem !important;border-bottom:1px solid rgba(251,146,60,.18) !important}.dir-tab-link{border-radius:18px !important;color:#475569 !important}.dir-tab-link.is-active{background:#fff7ed !important;border-color:#fed7aa !important;color:#9a3412 !important;box-shadow:0 8px 18px rgba(249,115,22,.08) !important}.dir-tab-link.is-active::after{background:#f97316 !important}.dir-pane-title{color:#9a3412 !important;font-size:1.18rem !important;letter-spacing:-.02em}.dir-pane-note{color:#64748b !important}
.dir-card,.dir-member-card,.dir-committee-card{border:1px solid rgba(251,146,60,.20) !important;background:linear-gradient(180deg,#ffffff 0%,#fffaf5 100%) !important;box-shadow:0 14px 30px rgba(15,23,42,.065) !important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dir-card:hover,.dir-member-card:hover,.dir-committee-card:hover{transform:translateY(-2px);border-color:#fdba74 !important;box-shadow:0 22px 44px rgba(154,52,18,.11) !important}.dir-card .section-title,.dir-member-card .section-title,.dir-committee-name{font-weight:700 !important}.dir-card .section-title a,.dir-member-card .section-title a,.dir-committee-name a{color:#1d4ed8 !important;text-decoration-thickness:.08em !important;text-underline-offset:.16em !important;font-weight:700 !important}.dir-card .section-title a:hover,.dir-member-card .section-title a:hover,.dir-committee-name a:hover{color:#0b4fb3 !important}
.dir-badge{background:#dcfce7 !important;color:#166534 !important;border:1px solid rgba(22,101,52,.18);box-shadow:0 6px 14px rgba(22,163,74,.08);font-weight:600 !important}.dir-code,.dir-card .meta,.dir-member-code,.dir-committee-meta{color:#64748b !important;font-weight:400 !important}.dir-card-linkhint{color:#2563eb !important;font-weight:650 !important}.dir-view-toggle{border-color:rgba(251,146,60,.18) !important;background:#fff7ed !important}.dir-view-btn.is-active{background:#2563eb !important;box-shadow:0 10px 18px rgba(37,99,235,.20) !important}.dir-empty{border-color:#fdba74 !important;background:#fff7ed !important}.sms-active-tick{background:#2563eb !important}.dir-page.dir-view-list .dir-entry-card{border-radius:18px !important}.dir-page.dir-view-list .dir-entry-body .dir-kv .item{background:#fff !important}
.dir-card .dir-kv .item,.dir-member-card .dir-kv .item,.dir-entry-card .dir-kv .item,.dir-card .dir-kv .value,.dir-member-card .dir-kv .value,.dir-entry-card .dir-kv .value,.dir-card .dir-kv strong,.dir-member-card .dir-kv strong,.dir-entry-card .dir-kv strong{font-weight:400 !important}.dir-card .dir-kv .label,.dir-member-card .dir-kv .label,.dir-entry-card .dir-kv .label{font-weight:700 !important}
@media(max-width:991.98px){body:has(.dir-page) .portal-hero .display-title{max-width:100%}.dir-search{border-radius:20px}}@media(max-width:767.98px){.dir-search .input-group{display:grid;gap:.55rem}.dir-search::before{top:1.95rem}.dir-search .btn{width:100%}body:has(.dir-page) .portal-hero{border-radius:26px}.dir-tab-shell,.shell-card{border-radius:24px !important}}
@media print{html,body,body:has(.dir-page){background:#fff !important;color:#111 !important;-webkit-print-color-adjust:economy !important;print-color-adjust:economy !important}body:has(.dir-page) .portal-topbar,body:has(.dir-page) .portal-footer,.dir-search,.dir-hero-actions,.dir-view-toggle,.dir-card-linkhint,.btn,.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate{display:none !important}body:has(.dir-page) .portal-shell,.dir-page,.container{max-width:none !important;width:100% !important;padding:0 !important;margin:0 !important}body:has(.dir-page) .portal-hero,.dir-hero-panel,.dir-hero-panel .item,.dir-breadcrumbs,.dir-summary-tile,.dir-kv .item,.dir-tab-shell,.shell-card,.dir-card,.dir-member-card,.dir-committee-card,.dir-empty{background:#fff !important;background-image:none !important;color:#111 !important;box-shadow:none !important;text-shadow:none !important;border-color:#bbb !important;filter:none !important;backdrop-filter:none !important}body:has(.dir-page) .portal-hero{border:1px solid #999 !important;border-radius:8px !important;padding:8px 10px !important;margin-bottom:8px !important;break-inside:avoid !important;page-break-inside:avoid !important}body:has(.dir-page) .portal-hero::before,body:has(.dir-page) .portal-hero::after{display:none !important}body:has(.dir-page) .portal-hero h1,body:has(.dir-page) .portal-hero .display-title,.dir-card .section-title,.dir-member-card .section-title,.dir-committee-name{font-weight:600 !important}.dir-kv .label,.dir-summary-tile .label,.dir-hero-panel .label{font-weight:600 !important}.dir-kv .value,.dir-summary-tile .value,.dir-hero-panel .value{font-weight:400 !important}.dir-hero-main{display:grid !important;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr) !important;gap:10px !important;align-items:start !important}.dir-hero-panel{padding:6px !important;border-radius:8px !important}.dir-hero-panel-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:6px !important}.dir-hero-panel .item{padding:6px 8px !important;border-radius:6px !important}.dir-card,.dir-member-card,.dir-committee-card,.dir-summary-tile,.dir-kv .item{border-radius:8px !important;break-inside:avoid !important;page-break-inside:avoid !important}.dir-card:hover,.dir-member-card:hover,.dir-committee-card:hover{transform:none !important}.dir-card a,.dir-member-card a,.dir-committee-card a,.dir-breadcrumbs a{color:#000 !important;text-decoration:none !important}.dir-grid,.dir-page.dir-view-cards .dir-grid,.dir-member-grid,.dir-committee-grid{gap:8px !important}.dir-kv{gap:6px !important}.dir-kv .item{padding:6px 8px !important}.dir-kv .label,.dir-summary-tile .label{font-size:7pt !important;letter-spacing:.02em !important}.dir-kv .value,.dir-summary-tile .value{font-size:9pt !important}.dir-card .section-title,.dir-member-card .section-title{font-size:11pt !important;line-height:1.18 !important}.dir-card .meta,.dir-code,.dir-member-code,.dir-committee-meta{color:#333 !important;font-size:8.5pt !important}.dir-tab-nav{display:none !important}.dir-tab-pane{display:block !important}.sms-active-tick,.sms-inactive-dot{display:none !important}}