/* DOBERTO VCF — member directory v19 */
body.directory-page .container{padding-top:34px!important;padding-bottom:26px!important}
body.directory-page .members-hero-v14{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,330px)!important;
  gap:34px!important;
  align-items:end!important;
  margin:0 0 18px!important;
  padding:36px 0 28px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
body.directory-page .list-page-hero h1{max-width:760px!important;margin:10px 0 12px!important;font-size:clamp(38px,5.2vw,66px)!important;line-height:1.02!important;letter-spacing:-.05em!important}
body.directory-page .list-page-hero p{max-width:650px!important;margin:0!important;color:#8f9aab!important;font-size:13px!important;line-height:1.7!important}
body.directory-page .privacy-chip{
  display:flex!important;
  align-items:flex-start!important;
  gap:11px!important;
  padding:16px!important;
  border:1px solid rgba(94,230,184,.13)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(94,230,184,.055),rgba(255,255,255,.012))!important;
  box-shadow:none!important;
}
body.directory-page .privacy-chip>b{display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;border-radius:9px!important;background:rgba(94,230,184,.1)!important;color:#5ee6b8!important;font-size:12px!important}
body.directory-page .privacy-chip strong{display:block!important;margin:0 0 4px!important;color:#e6edf3!important;font-size:11.5px!important}
body.directory-page .privacy-chip span{display:block!important;color:#7f8b9a!important;font-size:10.5px!important;line-height:1.55!important}

body.directory-page .member-directory-panel{padding:20px!important;border-radius:19px!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
body.directory-page .member-directory-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:18px!important;align-items:end!important;margin:0 0 16px!important;padding:0 0 16px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
body.directory-page .member-directory-head>div{min-width:0!important}
body.directory-page .member-directory-head h2{margin:5px 0 5px!important;font-size:24px!important;line-height:1.1!important}
body.directory-page .member-directory-head p{margin:0!important;color:#7f8b9a!important;font-size:11px!important;line-height:1.55!important}
body.directory-page .member-total-chip{align-self:center!important;padding:7px 10px!important;border:1px solid rgba(94,230,184,.14)!important;border-radius:999px!important;background:rgba(94,230,184,.055)!important;color:#76e9c1!important;font-size:9.5px!important;font-weight:700!important;white-space:nowrap!important}

body.directory-page .pro-list-toolbar{margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important}
body.directory-page .pro-filter-title{margin:0 0 8px!important;color:#9ca8b7!important;font-size:10.5px!important;font-weight:650!important}
body.directory-page .pro-filter-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 240px!important;gap:9px!important}
body.directory-page .pro-search-wrap{position:relative!important;display:flex!important;align-items:center!important}
body.directory-page .pro-search-wrap svg{position:absolute!important;left:14px!important;width:17px!important;height:17px!important;color:#68778a!important;pointer-events:none!important}
body.directory-page .pro-search-wrap input{width:100%!important;min-height:46px!important;padding:0 14px 0 42px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:12px!important;background:#080e14!important;color:#eef3f8!important;box-shadow:none!important;font:500 12px Inter,system-ui!important;outline:none!important}
body.directory-page .pro-search-wrap input:focus{border-color:rgba(94,230,184,.38)!important;box-shadow:0 0 0 3px rgba(94,230,184,.06)!important}
body.directory-page .pro-filter-grid select{min-height:46px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:12px!important;background:#080e14!important;color:#dbe3ea!important;box-shadow:none!important;font:600 11.5px Inter,system-ui!important}

body.directory-page .table-scroll{overflow:auto!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:rgba(255,255,255,.012)!important}
body.directory-page table{width:100%!important;border-collapse:collapse!important}
body.directory-page thead th{padding:11px 15px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;background:rgba(255,255,255,.018)!important;color:#6f7d8d!important;font-size:9.5px!important;font-weight:700!important;text-transform:none!important;letter-spacing:.02em!important;text-align:left!important}
body.directory-page tbody td{padding:13px 15px!important;border-bottom:1px solid rgba(255,255,255,.045)!important;color:#bdc7d1!important;font-size:11.5px!important}
body.directory-page tbody tr:last-child td{border-bottom:0!important}
body.directory-page tbody tr:hover{background:rgba(255,255,255,.018)!important}
body.directory-page .name-cell{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
body.directory-page .name-cell .avatar{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;border:1px solid rgba(94,230,184,.13)!important;border-radius:11px!important;background:rgba(94,230,184,.075)!important;color:#73e9c0!important;font-size:9.5px!important;font-weight:800!important}
body.directory-page .member-name{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#e5ebf1!important;font-weight:650!important}
body.directory-page .pro-empty{padding:28px 14px!important;color:#728092!important;font-size:11px!important;text-align:center!important}

body.directory-page .pager{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin:14px 0 0!important}
body.directory-page .pager button{min-height:38px!important;padding:0 13px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;color:#cbd4dc!important;font-size:10px!important;font-weight:650!important;box-shadow:none!important}
body.directory-page .pager button:disabled{opacity:.38!important;cursor:not-allowed!important}
body.directory-page .pager .badge{padding:7px 10px!important;border:0!important;background:transparent!important;color:#758395!important;font-size:9.5px!important;font-weight:600!important}

body.directory-page .directory-sync-note{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;margin:14px 0 0!important;padding:18px 20px!important;border:1px solid rgba(94,230,184,.10)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(94,230,184,.035),rgba(255,255,255,.012))!important}
body.directory-page .directory-sync-note h3{margin:5px 0 5px!important;font-size:16px!important}
body.directory-page .directory-sync-note p{max-width:720px!important;margin:0!important;color:#7f8b9a!important;font-size:10.8px!important;line-height:1.6!important}
body.directory-page .directory-sync-note>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:40px!important;padding:0 13px!important;border:1px solid rgba(94,230,184,.17)!important;border-radius:10px!important;background:rgba(94,230,184,.045)!important;color:#76e9c1!important;text-decoration:none!important;font-size:10.5px!important;font-weight:700!important}

@media(max-width:820px){
  body.directory-page .members-hero-v14{grid-template-columns:1fr!important;gap:18px!important;align-items:start!important}
  body.directory-page .privacy-chip{max-width:520px!important}
  body.directory-page .pro-filter-grid{grid-template-columns:1fr!important}
}

@media(max-width:620px){
  body.directory-page .container{width:calc(100% - 24px)!important;padding-top:16px!important}
  body.directory-page .members-hero-v14{padding:18px 0 20px!important;margin-bottom:12px!important}
  body.directory-page .list-page-hero h1{font-size:34px!important;line-height:1.04!important}
  body.directory-page .list-page-hero p{font-size:11.5px!important}
  body.directory-page .member-directory-panel{padding:14px!important;border-radius:16px!important}
  body.directory-page .member-directory-head{grid-template-columns:1fr!important;gap:9px!important}
  body.directory-page .member-total-chip{justify-self:start!important}
  body.directory-page .table-scroll{border:0!important;background:transparent!important;overflow:visible!important}
  body.directory-page table,body.directory-page tbody{display:block!important;width:100%!important}
  body.directory-page thead{display:none!important}
  body.directory-page tbody{display:grid!important;gap:8px!important}
  body.directory-page tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:12px!important;background:rgba(255,255,255,.015)!important}
  body.directory-page tbody td{display:block!important;padding:0!important;border:0!important;font-size:10.5px!important}
  body.directory-page tbody td:last-child{max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#7e8b9b!important;text-align:right!important}
  body.directory-page .name-cell .avatar{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:10px!important}
  body.directory-page .pro-empty{grid-column:1/-1!important;padding:22px 8px!important}
  body.directory-page .directory-sync-note{align-items:flex-start!important;flex-direction:column!important;padding:16px!important}
  body.directory-page .directory-sync-note>a{width:100%!important}
  body.directory-page .dv-footer{margin-top:24px!important}
}
