#whyble-fitpro .directory-view{--bg:#0c1314;--panel:#152022;--line:#2a383a;--text:#eef5f4;--muted:#a7b9b8;--accent:#5ce5d2;background:var(--bg);color:var(--text);font:16.8px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;border-radius:14px;overflow:hidden}#whyble-fitpro .directory-view *{box-sizing:border-box}#whyble-fitpro .directory-view button,#whyble-fitpro .directory-view input{font:inherit}#whyble-fitpro .directory-view button{cursor:pointer}#whyble-fitpro .directory-view .shell{display:grid;grid-template-columns:142px minmax(0,1fr)}#whyble-fitpro .directory-view aside{padding:24px 10px;background:#0a1112;border-right:1px solid var(--line)}#whyble-fitpro .directory-view .brand{font-size:25.2px;font-weight:700;letter-spacing:-.8px;margin:0 8px 38px}#whyble-fitpro .directory-view .brand span{color:var(--accent)}#whyble-fitpro .directory-view .nav{font-size:14.4px;color:var(--muted);padding:12px 8px;margin-bottom:5px;border-radius:8px}#whyble-fitpro .directory-view .nav.active{background:#1b3933;color:var(--accent)}#whyble-fitpro .directory-view .top{padding:17px 22px;border-bottom:1px solid var(--line);font-size:14.4px;color:var(--muted)}#whyble-fitpro .directory-view main{padding:24px;min-width:0}#whyble-fitpro .directory-view h1{font-size:36px;line-height:1.2;font-weight:650;letter-spacing:-.8px;margin:0 0 8px}#whyble-fitpro .directory-view h2{font-size:20.4px;line-height:1.3;font-weight:600;margin:0}#whyble-fitpro .directory-view h3{font-size:15.6px;font-weight:600;margin:0}#whyble-fitpro .directory-view p{margin:0}#whyble-fitpro .directory-view .intro{font-size:15.6px;color:var(--muted)}#whyble-fitpro .directory-view .workspace{display:grid;grid-template-columns:215px minmax(0,1fr);margin-top:24px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#111c1e}#whyble-fitpro .directory-view .members{border-right:1px solid var(--line);background:#10191b;min-width:0}#whyble-fitpro .directory-view .list-tools{padding:14px;border-bottom:1px solid var(--line)}#whyble-fitpro .directory-view input{width:100%;min-width:0;padding:9px 10px;background:#0b1516;color:var(--text);border:1px solid var(--line);border-radius:7px;font-size:14.4px}#whyble-fitpro .directory-view input::placeholder{color:#91aaa4}#whyble-fitpro .directory-view .filters{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}#whyble-fitpro .directory-view .filter{font-size:13.2px;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--muted);padding:6px 8px}#whyble-fitpro .directory-view .filter[aria-pressed=true]{background:#1b3933;color:var(--accent);border-color:#3a5e54}#whyble-fitpro .directory-view .list-count{font-size:12px;color:var(--muted);padding:12px 14px 4px}#whyble-fitpro .directory-view .member{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #223133;background:transparent;text-align:left;padding:15px 13px;color:var(--text)}#whyble-fitpro .directory-view .member[aria-pressed=true]{background:#1c3430;box-shadow:inset 3px 0 var(--accent)}#whyble-fitpro .directory-view .member:hover{background:#20332f}#whyble-fitpro .directory-view .avatar{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#213d35;color:#76d7c7;font-size:12px}#whyble-fitpro .directory-view .member strong{display:block;font-size:14.4px;font-weight:550}#whyble-fitpro .directory-view .member small{display:block;font-size:12px;color:var(--muted);margin-top:4px}#whyble-fitpro .directory-view .profile{padding:22px;min-width:0}#whyble-fitpro .directory-view .profile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#whyble-fitpro .directory-view .profile-header h2{font-size:30px;letter-spacing:-.5px}#whyble-fitpro .directory-view .identity{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:13.2px;color:var(--muted)}#whyble-fitpro .directory-view .badge{display:inline-block;background:#203f32;color:#88d5ac;padding:3px 7px;border-radius:5px;font-size:12px}#whyble-fitpro .directory-view .message-button{border:1px solid #3b6458;color:var(--accent);padding:8px 11px;background:transparent;border-radius:7px;font-size:14.4px}#whyble-fitpro .directory-view .tabs{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:22px 0}#whyble-fitpro .directory-view .tab{padding:0 0 11px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:14.4px}#whyble-fitpro .directory-view .tab[aria-selected=true]{color:var(--accent);border-color:var(--accent)}#whyble-fitpro .directory-view .section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 12px}#whyble-fitpro .directory-view .section-heading small{font-size:12px;color:var(--muted)}#whyble-fitpro .directory-view .contract{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:17px;margin-bottom:10px}#whyble-fitpro .directory-view .contract-title{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}#whyble-fitpro .directory-view .contract-title strong{font-size:15.6px;font-weight:550}#whyble-fitpro .directory-view .contract-title .price{white-space:nowrap;font-size:14.4px;color:#d1e0da}#whyble-fitpro .directory-view .meta{font-size:13.2px;color:var(--muted);margin-top:7px}#whyble-fitpro .directory-view .balance{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}#whyble-fitpro .directory-view .balance strong{font-size:28.8px;line-height:1;font-weight:600}#whyble-fitpro .directory-view .balance strong span{font-size:14.4px;color:var(--muted);font-weight:400}#whyble-fitpro .directory-view .balance small{font-size:13.2px;color:var(--muted)}#whyble-fitpro .directory-view .track{height:5px;border-radius:3px;background:#2a3d38;margin:12px 0 9px;overflow:hidden}#whyble-fitpro .directory-view .track span{display:block;height:100%;width:50%;background:#5ce5d2}#whyble-fitpro .directory-view .contract-extra{font-size:13.2px;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}#whyble-fitpro .directory-view .quiet-details{font-size:14.4px;color:var(--muted);margin-top:15px}#whyble-fitpro .directory-view summary{cursor:pointer}#whyble-fitpro .directory-view .two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}#whyble-fitpro .directory-view .section{padding-top:16px;border-top:1px solid var(--line);min-width:0}#whyble-fitpro .directory-view .section h3{margin-bottom:12px}#whyble-fitpro .directory-view .visit{font-size:16.8px;margin-bottom:5px}#whyble-fitpro .directory-view .muted{font-size:13.2px;color:var(--muted);line-height:1.7}#whyble-fitpro .directory-view .info{margin:12px 0 0;font-size:14.4px}#whyble-fitpro .directory-view .info div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #243335;align-items:baseline}#whyble-fitpro .directory-view dt{color:var(--muted)}#whyble-fitpro .directory-view dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}#whyble-fitpro .directory-view .contact-link{color:var(--accent)}#whyble-fitpro .directory-view .empty{padding:28px 0;color:var(--muted);font-size:15.6px;line-height:1.8}#whyble-fitpro .directory-view .foot{font-size:12px;color:var(--muted);margin-top:18px}#whyble-fitpro .directory-view .notice{font-size:13.2px;line-height:1.7;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--line)}
@media(max-width:850px){#whyble-fitpro .directory-view .shell{grid-template-columns:1fr}#whyble-fitpro .directory-view aside{display:none}}
@media(max-width:600px){#whyble-fitpro .directory-view main{padding:16px}#whyble-fitpro .directory-view .workspace{grid-template-columns:1fr}#whyble-fitpro .directory-view .members{border-right:0;border-bottom:1px solid var(--line)}#whyble-fitpro .directory-view .profile{padding:17px}#whyble-fitpro .directory-view .two-col{grid-template-columns:1fr}#whyble-fitpro .directory-view .tabs{gap:15px}#whyble-fitpro .directory-view .info div{flex-wrap:wrap}}
#whyble-fitpro .directory-view .tabs{gap:8px 18px;margin-bottom:20px}#whyble-fitpro .directory-view .tab{font-size:13.2px;padding-bottom:9px}#whyble-fitpro .directory-view .snapshot{font-size:12px;color:#a7b9b8;margin-top:10px}#whyble-fitpro .directory-view .data-section{margin:22px 0;padding:17px;background:#152022;border:1px solid #2a383a;border-radius:10px;min-width:0}#whyble-fitpro .directory-view .data-section:first-child{margin-top:0}#whyble-fitpro .directory-view .data-section h2{font-size:19.2px;margin-bottom:12px}#whyble-fitpro .directory-view .record{padding:13px 0;border-top:1px solid #29393a;font-size:14.4px}#whyble-fitpro .directory-view .record:first-of-type{border-top:0}#whyble-fitpro .directory-view .record p{margin-top:6px;color:#a7b9b8;font-size:13.2px;line-height:1.7}#whyble-fitpro .directory-view .record-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}#whyble-fitpro .directory-view .record-top strong{font-weight:550}#whyble-fitpro .directory-view .record-top .amount{white-space:nowrap;font-variant-numeric:tabular-nums}#whyble-fitpro .directory-view .balance-box{margin-top:13px;padding-top:13px;border-top:1px solid #29393a}#whyble-fitpro .directory-view .balance-box .balance{margin-top:0}#whyble-fitpro .directory-view .status-open{background:#393124;color:#e3c58c}#whyble-fitpro .directory-view .inline-action{border:1px solid #3a5e54;background:transparent;color:#5ce5d2;padding:8px 11px;border-radius:7px;font:inherit;font-size:14.4px;margin-top:12px}#whyble-fitpro .directory-view .value{font-size:30px;font-weight:600;margin:8px 0}#whyble-fitpro .directory-view .quiet-details p{margin:10px 0;font-size:13.2px;line-height:1.7}#whyble-fitpro .directory-view .coverage{display:flex;justify-content:space-between;gap:12px;font-size:14.4px;padding:13px 0;border-bottom:1px solid #29393a}#whyble-fitpro .directory-view .coverage span:last-child{font-size:13.2px;color:#a7b9b8;text-align:right}#whyble-fitpro .directory-view .info div{align-items:flex-start}#whyble-fitpro .directory-view .profile-content{min-width:0}#whyble-fitpro .directory-view .profile a{color:#5ce5d2;text-decoration:none}#whyble-fitpro .directory-view .profile a:hover{text-decoration:underline}

#whyble-fitpro .directory-view{background:transparent;border-radius:0;overflow:visible}
#whyble-fitpro .directory-view .workspace{margin-top:0}
#whyble-fitpro .directory-view .tabs{gap:9px 17px}
#whyble-fitpro .directory-view .tab{min-height:36px;padding-top:6px}
#whyble-fitpro .directory-view .data-section .contract{background:transparent}

/* Directory panels stay in the viewport and scroll independently. */
#whyble-fitpro.wc-directory-page .wc-main{overflow:hidden}
#whyble-fitpro.wc-directory-page .directory-view{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}
#whyble-fitpro.wc-directory-page .directory-view .workspace{flex:1;min-height:0}
#whyble-fitpro.wc-directory-page .directory-view .members,#whyble-fitpro.wc-directory-page .directory-view .profile{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#whyble-fitpro.wc-directory-page .directory-view .list-tools,#whyble-fitpro.wc-directory-page .directory-view .list-count,#whyble-fitpro.wc-directory-page .directory-view .profile-header,#whyble-fitpro.wc-directory-page .directory-view .tabs{flex:none}
#whyble-fitpro.wc-directory-page .directory-view .member-rows,#whyble-fitpro.wc-directory-page .directory-view .profile-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#46665c #111c1e}
#whyble-fitpro.wc-directory-page .directory-view .tabs{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}
#whyble-fitpro.wc-directory-page .directory-view .tab{flex-shrink:0}
#whyble-fitpro.wc-directory-page .directory-view .foot{flex:none;margin-top:6px;font-size:12px}
#whyble-fitpro.wc-directory-page .directory-source{flex:none;max-height:100px;overflow-y:auto}
@media(max-width:600px){
 #whyble-fitpro.wc-directory-page .directory-view .workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(130px,.4fr) minmax(200px,.6fr)}
 #whyble-fitpro.wc-directory-page .directory-view .profile{padding:12px}
}

/* Separate member cards and profile panel, matching the approved concept. */
#whyble-fitpro .directory-view .workspace{gap:20px;border:0;border-radius:0;background:transparent;overflow:hidden}
#whyble-fitpro .directory-view .members,#whyble-fitpro .directory-view .profile{border:1px solid var(--line);border-radius:12px;background:#111c1e}
#whyble-fitpro .directory-view .member-rows{padding:12px;display:flex;flex-direction:column;gap:8px}
#whyble-fitpro .directory-view .member{flex-shrink:0;min-height:73px;padding:13px 11px;border:1px solid var(--line);border-radius:9px;background:#152123}
#whyble-fitpro .directory-view .member[aria-pressed=true]{background:#1c3933;border-color:var(--accent);box-shadow:none}
#whyble-fitpro .directory-view .member strong{font-size:14px;font-weight:550}
#whyble-fitpro .directory-view .member small{margin-top:3px}
#whyble-fitpro .directory-view .profile{padding:20px}
#whyble-fitpro .directory-view .profile-header h2{font-size:23px;line-height:1.3;letter-spacing:-.3px;overflow-wrap:anywhere}
#whyble-fitpro .directory-view .profile-header{gap:10px}
#whyble-fitpro .directory-view .tabs{margin:18px 0;font-size:13px}
#whyble-fitpro .directory-view .tab{font-size:13px}
#whyble-fitpro .directory-view .data-section h2{font-size:16px}
@media(max-width:600px){
 #whyble-fitpro .directory-view .workspace{gap:12px}
 #whyble-fitpro .directory-view .profile{padding:12px}
}

/* Open member list: no outer card or doubled inner margins. */
#whyble-fitpro .directory-view .workspace{grid-template-columns:330px minmax(0,1fr)}
#whyble-fitpro .directory-view .members{border:0;border-radius:0;background:transparent}
#whyble-fitpro .directory-view .list-tools{padding:0 4px 0 0;border-bottom:0}
#whyble-fitpro .directory-view .filters{flex-wrap:nowrap;gap:6px;margin-top:9px}
#whyble-fitpro .directory-view .filter{font-size:13px;padding:5px 10px;white-space:nowrap}
#whyble-fitpro .directory-view .list-count{padding:12px 0 10px}
#whyble-fitpro .directory-view .member-rows{padding:0 4px 0 0;gap:7px}
#whyble-fitpro .directory-view .member{min-height:65px;padding:10px 12px;gap:11px}
#whyble-fitpro .directory-view .member>span:last-child{min-width:0}
#whyble-fitpro .directory-view .member strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500}
#whyble-fitpro .directory-view .member small{white-space:nowrap;font-size:12px}
@media(max-width:1000px){#whyble-fitpro .directory-view .workspace{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:600px){#whyble-fitpro.wc-directory-page .directory-view .workspace{grid-template-columns:minmax(0,1fr)}}