/* FLYEX BD Frontend Professional V3
   Hardcoded brand palette: #22C4FD, white, slate and black. */
:root{
    --brand:#22C4FD!important;
    --brand-2:#0897C2!important;
    --brand-dark:#0F172A!important;
    --brand-deep:#07111F!important;
    --brand-rgb:34,196,253!important;
    --ink:#0F172A!important;
    --muted:#64748B!important;
    --line:#D9E6EC!important;
    --soft:#EAF9FF!important;
    --surface:#FFFFFF!important;
}
html,body{background:#EAF9FF!important;color:#0F172A!important}
body.frontend-body{min-height:100vh;background:#EAF9FF!important}
.frontend-main{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 5%,rgba(34,196,253,.22),transparent 22rem),
        radial-gradient(circle at 92% 24%,rgba(34,196,253,.10),transparent 24rem),
        linear-gradient(180deg,#DDF7FF 0%,#F3FBFE 15%,#FFFFFF 48%,#F3F9FC 80%,#E8F5FA 100%)!important;
}
.frontend-main:before{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
    background-image:linear-gradient(rgba(15,23,42,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.018) 1px,transparent 1px);
    background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 74%);
}
.frontend-main>section,.frontend-main>.py-5,.frontend-main>.article-section,.frontend-main>.legal-section{position:relative}

/* Topbar and navigation */
.site-header{background:#fff!important;border-bottom:1px solid #DCE8EE!important;box-shadow:0 10px 34px rgba(15,23,42,.09)!important}
.site-topbar{background:#22C4FD!important;color:#052B3A!important;border:0!important}
.site-topbar,.site-topbar a,.site-topbar span,.site-topbar i{color:#052B3A!important}
.site-topbar a:hover{color:#000!important}
.topbar-ticker-label{background:#0F172A!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 4px 13px rgba(15,23,42,.17)}
.topbar-ticker-label i,.topbar-ticker-label span{color:#fff!important}
.topbar-contacts{border-left-color:rgba(5,43,58,.24)!important}
.site-header .navbar{min-height:72px!important;padding:7px 0!important;background:#fff!important}
.site-header .navbar>.container{gap:14px}
.site-header .navbar-brand{height:47px!important;flex-basis:205px!important;max-width:205px!important}
.site-header .brand-logo{height:47px!important;max-height:47px!important;width:205px!important}
.site-header .navbar .nav-link{
    color:#172033!important;font-size:11px!important;font-weight:900!important;letter-spacing:.55px!important;
    text-transform:uppercase!important;padding:11px 10px!important;border-radius:9px!important;white-space:nowrap;
}
.site-header .navbar .nav-link:hover{color:#087B9F!important;background:#EAF9FF!important}
.site-header .navbar .nav-link.active{color:#062D3C!important;background:#DDF7FF!important}
.site-header .navbar .nav-link.active:after{left:10px!important;right:10px!important;bottom:5px!important;height:2px!important;background:#22C4FD!important}
.site-header .dropdown-menu{border:1px solid #D9E6EC!important;border-radius:14px!important;padding:8px!important;box-shadow:0 22px 54px rgba(15,23,42,.16)!important}
.site-header .dropdown-item{font-size:10px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.35px!important;color:#0F172A!important}
.site-header .dropdown-item:hover{background:#22C4FD!important;color:#06384A!important}
.header-actions{gap:8px!important}
.header-actions .header-account-action:only-child{grid-column:1/-1}
.header-account-action{height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 13px!important;border-radius:11px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.35px!important;box-shadow:none!important}
.header-account-action.btn-brand{background:#22C4FD!important;border-color:#22C4FD!important;color:#06384A!important}
.header-account-action.btn-brand:hover{background:#0F172A!important;border-color:#0F172A!important;color:#fff!important}
.header-account-action.btn-outline-brand{background:#fff!important;border:1px solid #CBD5E1!important;color:#0F172A!important}
.header-account-action.btn-outline-brand:hover{background:#EAF9FF!important;border-color:#22C4FD!important;color:#0F172A!important}

/* Universal page rhythm */
.frontend-main .container{position:relative}
.page-hero,.legal-hero,.article-hero{
    padding:66px 0!important;
    background:
      radial-gradient(circle at 85% 15%,rgba(34,196,253,.34),transparent 28%),
      linear-gradient(135deg,#0F172A 0%,#10283A 58%,#087B9F 100%)!important;
    color:#fff!important;
}
.page-hero h1,.legal-hero h1,.article-hero h1{font-weight:950!important;letter-spacing:-1.35px!important}
.page-kicker,.legal-kicker,.services-kicker,.service-detail-kicker,.tracking-page-kicker,.pricing-kicker,.section-kicker{color:#0584AC!important;font-weight:900!important;letter-spacing:1.15px!important;text-transform:uppercase!important}
.page-hero .page-kicker,.legal-hero .legal-kicker,.article-hero .page-kicker{color:#8BE5FF!important}
.section-heading,.services-section-heading h2,.service-related-heading h2{color:#0F172A!important;font-weight:950!important;letter-spacing:-1px!important}
.card-lift,.content-card,.home-blog-card,.home-benefit-card,.service-catalogue-card,.related-card,.fx-review-card,.pricing-card,.tracking-search-panel,.tracking-overview-card,.legal-content,.article-wrap,.article-side-card{
    border:1px solid #DCE8EE!important;border-radius:20px!important;background:#fff!important;
    box-shadow:0 14px 38px rgba(15,23,42,.065)!important;
}
.card-lift:hover,.home-blog-card:hover,.home-benefit-card:hover,.service-catalogue-card:hover,.related-card:hover{
    transform:translateY(-4px);box-shadow:0 24px 52px rgba(15,23,42,.12)!important;border-color:#BCEBFB!important;
}
.btn-brand,.services-primary-cta,.service-detail-primary,.service-side-button,.pricing-submit,.login-submit,.btn-login{
    background:#22C4FD!important;border-color:#22C4FD!important;color:#06384A!important;font-weight:900!important;box-shadow:0 10px 24px rgba(34,196,253,.21)!important;
}
.btn-brand:hover,.services-primary-cta:hover,.service-detail-primary:hover,.service-side-button:hover,.pricing-submit:hover,.login-submit:hover,.btn-login:hover{
    background:#0F172A!important;border-color:#0F172A!important;color:#fff!important;transform:translateY(-1px)!important;
}
.btn-outline-brand,.services-secondary-cta,.service-detail-secondary{background:#fff!important;border:1px solid #22C4FD!important;color:#075C77!important;font-weight:850!important}
.btn-outline-brand:hover,.services-secondary-cta:hover,.service-detail-secondary:hover{background:#22C4FD!important;color:#06384A!important}
.form-control,.form-select,textarea.form-control{border:1px solid #CBDCE5!important;border-radius:12px!important;background:#fff!important;color:#0F172A!important}
.form-control:focus,.form-select:focus,textarea.form-control:focus{border-color:#22C4FD!important;box-shadow:0 0 0 .22rem rgba(34,196,253,.14)!important}

/* Homepage */
.flyex-home-hero{border-bottom:1px solid rgba(34,196,253,.25)!important;box-shadow:inset 0 -80px 120px rgba(3,20,31,.12)}
.hero-track-panel{max-width:730px!important}
.hero-track-panel h1{font-weight:950!important;letter-spacing:-1.4px!important;text-shadow:0 4px 20px rgba(0,0,0,.26)!important}
.hero-track-form{border:1px solid rgba(255,255,255,.68)!important;border-radius:15px!important;box-shadow:0 20px 48px rgba(3,20,31,.24)!important}
.hero-track-form button{background:#22C4FD!important;color:#06384A!important;font-weight:900!important}
.hero-action-card{background:rgba(255,255,255,.97)!important;border:1px solid rgba(255,255,255,.86)!important;border-radius:16px!important;box-shadow:0 14px 32px rgba(15,23,42,.14)!important}
.hero-action-card:hover{transform:translateY(-4px)!important;border-color:#22C4FD!important}
.flyex-split-section,.home-benefits-section,.fx-home-reviews-section,.home-blog-section,.dynamic-section{background:transparent!important}
.flyex-split-section{padding:42px 0!important}
.flyex-split-card{border:1px solid #DCE8EE!important;border-radius:24px!important;background:#fff!important;box-shadow:0 18px 48px rgba(15,23,42,.075)!important;overflow:hidden!important}
.flyex-split-content{padding:42px!important}
.home-benefits-section,.fx-home-reviews-section,.home-blog-section{padding-top:68px!important;padding-bottom:68px!important}
.home-benefit-card,.home-blog-card{overflow:hidden!important}
.benefit-image,.home-blog-media{background:#E8F8FE!important}
.benefit-icon{background:#22C4FD!important;color:#06384A!important}
.service-more{color:#087B9F!important;font-weight:900!important}
.support-box,.benefit-chip{border:1px solid #D8E9F0!important;background:#fff!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important}
.faq-accordion .accordion-item{border:1px solid #DDE8ED!important;border-radius:14px!important;overflow:hidden!important;margin-bottom:10px!important;background:#fff!important}
.faq-accordion .accordion-button{font-weight:850!important;color:#0F172A!important;background:#fff!important}
.faq-accordion .accordion-button:not(.collapsed){background:#EAF9FF!important;color:#075C77!important;box-shadow:none!important}

/* Catalogue, tracking, rate, reviews, blog, legal and auth */
.services-catalogue-page,.service-detail-page,.pricing-page,.flyex-fedex-tracking,.fx-all-reviews-section,.article-section,.legal-section{background:transparent!important}
.services-catalogue-hero,.service-detail-hero,.services-bottom-cta{
    border:1px solid rgba(255,255,255,.12)!important;border-radius:26px!important;
    background:radial-gradient(circle at 88% 10%,rgba(34,196,253,.30),transparent 28%),linear-gradient(135deg,#0F172A,#12394F)!important;
    box-shadow:0 24px 60px rgba(15,23,42,.18)!important;
}
.services-catalogue-hero,.service-detail-hero{color:#fff!important}
.services-catalogue-hero h1,.service-detail-hero h1,.services-bottom-cta h2{color:#fff!important}
.services-catalogue-hero p,.service-detail-hero p,.services-bottom-cta p{color:#CBD5E1!important}
.service-card-visual,.service-detail-visual{background:#EAF9FF!important}
.tracking-search-start,.pricing-shell,.fx-review-page-hero{padding-top:58px!important;padding-bottom:58px!important}
.tracking-search-panel,.pricing-card{overflow:hidden!important}
.tracking-panel-heading,.pricing-card-header{background:linear-gradient(135deg,#0F172A,#12394F)!important;color:#fff!important}
.tracking-panel-heading h2,.pricing-card-header h2,.pricing-card-header h3{color:#fff!important}
.pricing-result{border-radius:17px!important;border:1px solid #BDEBFB!important;background:#F0FBFF!important}
.fx-review-tab.active{background:#22C4FD!important;border-color:#22C4FD!important;color:#06384A!important}
.blog-media,.related-media{background:#EAF9FF!important}
.article-content,.legal-content{color:#27364A!important}
.unified-login-shell,.auth-wrap{background:transparent!important;padding-top:70px!important;padding-bottom:70px!important}
.login-card-pro,.auth-box{border:1px solid #D8E8EF!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 70px rgba(15,23,42,.12)!important}
.portal-tab.active,.customer-type.active,.step-tab.active{background:#22C4FD!important;color:#06384A!important;border-color:#22C4FD!important}

/* Footer */
.frontend-footer{margin-top:0!important;background:#050505!important;color:#fff!important;border-top:6px solid #22C4FD!important;box-shadow:0 -24px 55px rgba(15,23,42,.14)!important}
.frontend-footer:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,#22C4FD,transparent)}
.frontend-footer .footer-title{color:#fff!important}
.frontend-footer .footer-title:after{background:#22C4FD!important}
.frontend-footer a{color:#E2E8F0!important}
.frontend-footer a:hover{color:#22C4FD!important}
.frontend-footer .social-links a{border-color:rgba(34,196,253,.42)!important;background:#101010!important}
.frontend-footer .social-links a:hover{background:#22C4FD!important;color:#06384A!important}
.frontend-footer .footer-divider{border-color:rgba(34,196,253,.35)!important}

@media(max-width:1199px){
    .site-header .navbar .nav-link{font-size:10px!important;padding-left:8px!important;padding-right:8px!important}
    .header-account-action{padding-left:10px!important;padding-right:10px!important}
}
@media(max-width:991px){
    .site-header .navbar{min-height:62px!important}
    .site-header .navbar-collapse{background:#fff!important;border:1px solid #D9E6EC!important;border-radius:16px!important;box-shadow:0 20px 50px rgba(15,23,42,.14)!important;padding:15px!important}
    .site-header .navbar .nav-link{font-size:11px!important;padding:11px 12px!important}
    .header-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-top:1px solid #E2E8F0!important;padding-top:13px!important}
    .header-account-action{width:100%!important}
    .flyex-split-content{padding:30px!important}
    .page-hero,.legal-hero,.article-hero{padding:54px 0!important}
}
@media(max-width:575px){
    .topbar-ticker-label{font-size:8px!important}
    .header-actions{grid-template-columns:1fr!important}
    .frontend-main{background:linear-gradient(180deg,#E3F8FF 0%,#F8FCFE 22%,#fff 58%,#EAF5FA 100%)!important}
    .flyex-split-content{padding:23px!important}
    .home-benefits-section,.fx-home-reviews-section,.home-blog-section{padding-top:48px!important;padding-bottom:48px!important}
    .page-hero,.legal-hero,.article-hero{padding:44px 0!important}
}


/* =========================================================
   FLYEX BD FRONTEND + TEAM HOTFIX — 2026-07-29
   Exact brand topbar, brand-forward header, stable team cards
   ========================================================= */
.site-header .site-topbar{
    background:#22C4FD!important;
    color:#FFFFFF!important;
    border:0!important;
    box-shadow:inset 0 -1px rgba(255,255,255,.25)!important;
}
.site-header .site-topbar,
.site-header .site-topbar a,
.site-header .site-topbar span,
.site-header .site-topbar i,
.site-header .topbar-ticker-item,
.site-header .topbar-ticker-item a,
.site-header .topbar-ticker-item span,
.site-header .topbar-contacts a{
    color:#FFFFFF!important;
}
.site-header .site-topbar a:hover{color:#FFFFFF!important;opacity:.84}
.site-header .topbar-ticker-label{
    background:rgba(255,255,255,.16)!important;
    border:1px solid rgba(255,255,255,.42)!important;
    color:#FFFFFF!important;
    box-shadow:none!important;
}
.site-header .topbar-ticker-label i,
.site-header .topbar-ticker-label span{color:#FFFFFF!important}
.site-header .topbar-contacts{border-left-color:rgba(255,255,255,.42)!important}

.site-header .navbar{
    background:linear-gradient(180deg,#FFFFFF 0%,#F3FCFF 100%)!important;
    border-bottom:3px solid #22C4FD!important;
}
.site-header .navbar .nav-link{
    color:#113142!important;
}
.site-header .navbar .nav-link:hover,
.site-header .navbar .nav-link.active{
    color:#06384A!important;
    background:#DDF7FF!important;
    box-shadow:inset 0 0 0 1px rgba(34,196,253,.38)!important;
}
.site-header .navbar .nav-link.active:after{background:#22C4FD!important}
.site-header .header-account-action.btn-brand{
    background:#22C4FD!important;
    border-color:#22C4FD!important;
    color:#06384A!important;
    box-shadow:0 9px 22px rgba(34,196,253,.23)!important;
}
.site-header .header-account-action.btn-outline-brand{
    background:#ECFAFF!important;
    border-color:#22C4FD!important;
    color:#06384A!important;
}
.site-header .header-account-action:hover{
    background:#0A91BC!important;
    border-color:#0A91BC!important;
    color:#FFFFFF!important;
}

/* Team page structural repair */
.team-directory-section .row>[class*="col-"]{
    display:flex!important;
}
.team-member-card{
    width:100%!important;
    min-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border:1px solid #CFE9F3!important;
    border-top:4px solid #22C4FD!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    box-shadow:0 14px 34px rgba(15,23,42,.075)!important;
}
.team-member-card:hover{
    transform:translateY(-4px)!important;
    border-color:#22C4FD!important;
    box-shadow:0 24px 50px rgba(15,23,42,.13)!important;
}
.team-member-photo{
    position:relative!important;
    height:270px!important;
    min-height:270px!important;
    overflow:hidden!important;
    background:linear-gradient(145deg,#E4F9FF 0%,#F8FDFF 100%)!important;
}
.team-member-photo>img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
}
.team-branch-badge{
    position:absolute!important;
    left:12px!important;
    top:12px!important;
    right:auto!important;
    bottom:auto!important;
    z-index:3!important;
    max-width:calc(100% - 72px)!important;
    width:auto!important;
    padding:7px 10px!important;
    border:1px solid rgba(255,255,255,.56)!important;
    border-radius:999px!important;
    background:rgba(6,56,74,.88)!important;
    color:#FFFFFF!important;
    box-shadow:0 7px 18px rgba(15,23,42,.18)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.team-featured-badge{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    left:auto!important;
    z-index:4!important;
    padding:7px!important;
    width:31px!important;
    height:31px!important;
    justify-content:center!important;
    overflow:hidden!important;
    color:#06384A!important;
    background:#22C4FD!important;
    box-shadow:0 7px 18px rgba(34,196,253,.32)!important;
}
.team-featured-badge i{margin:0!important}
.team-featured-badge{font-size:0!important}
.team-featured-badge i{font-size:13px!important}
.team-member-body{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    padding:18px!important;
}
.team-member-heading{
    min-height:49px!important;
}
.team-member-heading>div{min-width:0!important}
.team-member-heading h3{
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
}
.team-member-summary{
    min-height:51px!important;
    margin:13px 0!important;
}
.team-member-meta{
    min-height:69px!important;
    align-content:start!important;
}
.team-member-footer{
    margin-top:auto!important;
    padding-top:15px!important;
    min-height:48px!important;
    border-top:1px solid #E7EFF3!important;
}
.team-details-button{
    margin-left:auto!important;
    min-width:112px!important;
    height:36px!important;
    justify-content:center!important;
    background:#22C4FD!important;
    color:#06384A!important;
    border:1px solid #22C4FD!important;
    box-shadow:none!important;
}
.team-details-button:hover{
    background:#0A91BC!important;
    border-color:#0A91BC!important;
    color:#FFFFFF!important;
}
.team-social-links:empty{display:none!important}
.team-social-links:empty + .team-details-button{margin-left:auto!important}

/* Team profile privacy-safe contact card */
.member-contact-card{
    border-top:4px solid #22C4FD!important;
}
.member-contact-head>span{
    background:#22C4FD!important;
    color:#06384A!important;
}
.member-contact-list>div{
    grid-template-columns:38px minmax(0,1fr)!important;
}
.member-contact-list>div>i{
    background:#E7F9FF!important;
    color:#087B9F!important;
}
.member-profile-actions .btn-brand{
    background:#22C4FD!important;
    color:#06384A!important;
}

@media(max-width:767px){
    .team-member-photo{height:300px!important;min-height:300px!important}
    .team-member-heading,.team-member-summary,.team-member-meta{min-height:0!important}
}

/* =========================================================
   FLYEX BD TEAM + HEADER FINAL REPAIR — 2026-07-29
   Shared team cards, related-team parity and brand-first UI
   ========================================================= */

/* Clean header: menu begins beside the logo and no underline bar */
.site-header{
    border-bottom:0!important;
    box-shadow:0 8px 26px rgba(15,23,42,.08)!important;
}
.site-header .navbar{
    border-bottom:0!important;
    background:#FFFFFF!important;
}
.site-header .navbar>.container{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
}
.site-header .navbar-collapse{
    flex-grow:1!important;
}
.site-header .header-main-menu{
    margin-left:24px!important;
    margin-right:auto!important;
}
.site-header .navbar .nav-link:after{
    display:none!important;
    content:none!important;
}
.site-header .navbar .nav-link{
    border:1px solid transparent!important;
    box-shadow:none!important;
}
.site-header .navbar .nav-link:hover,
.site-header .navbar .nav-link.active{
    color:#06384A!important;
    background:#E5F9FF!important;
    border-color:rgba(34,196,253,.48)!important;
    box-shadow:none!important;
}

/* Header account buttons: solid brand and clean white outline */
.site-header .header-account-action.btn-brand{
    background:#22C4FD!important;
    border:1px solid #22C4FD!important;
    color:#FFFFFF!important;
    box-shadow:0 9px 22px rgba(34,196,253,.24)!important;
}
.site-header .header-account-action.btn-brand i,
.site-header .header-account-action.btn-brand span{
    color:#FFFFFF!important;
}
.site-header .header-account-action.btn-brand:hover{
    background:#FFFFFF!important;
    border-color:#22C4FD!important;
    color:#0F172A!important;
}
.site-header .header-account-action.btn-brand:hover i,
.site-header .header-account-action.btn-brand:hover span{
    color:#0F172A!important;
}
.site-header .header-account-action.btn-outline-brand{
    background:#FFFFFF!important;
    border:1px solid #22C4FD!important;
    color:#0F172A!important;
    box-shadow:none!important;
}
.site-header .header-account-action.btn-outline-brand i,
.site-header .header-account-action.btn-outline-brand span{
    color:#0F172A!important;
}
.site-header .header-account-action.btn-outline-brand:hover{
    background:#22C4FD!important;
    border-color:#22C4FD!important;
    color:#FFFFFF!important;
}
.site-header .header-account-action.btn-outline-brand:hover i,
.site-header .header-account-action.btn-outline-brand:hover span{
    color:#FFFFFF!important;
}

/* Team and profile heroes are brand-first, not black */
.team-page-hero,
.member-profile-hero{
    background:
        radial-gradient(circle at 86% 13%,rgba(255,255,255,.30),transparent 25%),
        radial-gradient(circle at 10% 110%,rgba(255,255,255,.16),transparent 34%),
        linear-gradient(135deg,#22C4FD 0%,#16B5EB 50%,#0789B5 100%)!important;
    color:#FFFFFF!important;
}
.team-page-hero h1,
.team-page-hero p,
.team-page-kicker,
.member-profile-hero h1,
.member-profile-hero h2,
.member-profile-hero p,
.member-profile-kicker,
.member-breadcrumb a,
.member-breadcrumb span{
    color:#FFFFFF!important;
}
.team-page-summary{
    border-color:rgba(255,255,255,.42)!important;
    background:rgba(255,255,255,.17)!important;
    box-shadow:0 22px 50px rgba(4,83,112,.20)!important;
}
.team-page-summary>div{
    background:rgba(255,255,255,.15)!important;
    border-color:rgba(255,255,255,.30)!important;
}
.team-page-summary span{
    color:rgba(255,255,255,.88)!important;
}
.member-profile-tags span{
    background:rgba(255,255,255,.16)!important;
    border-color:rgba(255,255,255,.38)!important;
    color:#FFFFFF!important;
}
.member-profile-photo{
    border-color:rgba(255,255,255,.60)!important;
    background:#FFFFFF!important;
    box-shadow:0 25px 60px rgba(5,85,113,.24)!important;
}
.member-profile-actions .btn-brand{
    background:#FFFFFF!important;
    border-color:#FFFFFF!important;
    color:#075C77!important;
}
.member-profile-actions .btn-brand:hover{
    background:#0F172A!important;
    border-color:#0F172A!important;
    color:#FFFFFF!important;
}
.member-profile-actions .btn-outline-light:hover{
    background:#FFFFFF!important;
    color:#075C77!important;
}

/* One shared responsive grid for the main Team page and Related Team */
.team-cards-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:24px!important;
    align-items:stretch!important;
}
.team-cards-grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.team-cards-grid-4{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.team-card-cell{
    min-width:0!important;
    display:flex!important;
    align-items:stretch!important;
}
.team-card-cell>.team-member-card{
    flex:1 1 auto!important;
}
.team-grid-empty{
    grid-column:1/-1!important;
}

/* Exact card parity everywhere, including the profile page */
.team-member-card{
    height:100%!important;
    min-height:560px!important;
    display:flex!important;
    flex-direction:column!important;
    border:1px solid #CFE5EE!important;
    border-top:4px solid #22C4FD!important;
    border-radius:20px!important;
    overflow:hidden!important;
    background:#FFFFFF!important;
    box-shadow:0 14px 36px rgba(15,23,42,.075)!important;
}
.team-member-photo{
    flex:0 0 270px!important;
    height:270px!important;
    min-height:270px!important;
    overflow:hidden!important;
    background:linear-gradient(145deg,#DFF7FF,#F9FDFF)!important;
}
.team-member-photo>img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
}
.team-member-body{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    padding:18px!important;
}
.team-member-heading{
    min-height:52px!important;
}
.team-member-summary{
    min-height:52px!important;
}
.team-member-meta{
    min-height:70px!important;
}
.team-member-footer{
    margin-top:auto!important;
    min-height:52px!important;
    padding-top:14px!important;
    border-top:1px solid #E5EEF2!important;
}
.team-branch-badge{
    top:12px!important;
    bottom:auto!important;
    left:12px!important;
    right:auto!important;
    max-width:calc(100% - 62px)!important;
}
.team-featured-badge{
    top:12px!important;
    right:12px!important;
    left:auto!important;
}
.team-details-button{
    margin-left:auto!important;
    min-width:116px!important;
    height:37px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#22C4FD!important;
    border:1px solid #22C4FD!important;
    color:#06384A!important;
}
.team-details-button:hover{
    background:#0F172A!important;
    border-color:#0F172A!important;
    color:#FFFFFF!important;
}

/* Related Team now uses the same visual system as the directory */
.related-team-section{
    margin-top:65px!important;
    padding:42px!important;
    border:1px solid #CFE8F2!important;
    border-radius:26px!important;
    background:linear-gradient(145deg,#F7FDFF 0%,#E7F8FE 100%)!important;
    box-shadow:0 18px 48px rgba(15,23,42,.07)!important;
}
.related-team-head{
    padding-bottom:18px!important;
    margin-bottom:24px!important;
    border-bottom:1px solid #D4E9F1!important;
}
.related-team-head span{
    color:#0787B1!important;
}
.related-team-head h2{
    color:#0F172A!important;
}
.related-team-head>a{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:10px 13px!important;
    border:1px solid #22C4FD!important;
    border-radius:11px!important;
    background:#FFFFFF!important;
    color:#0F172A!important;
}
.related-team-head>a:hover{
    background:#22C4FD!important;
    color:#FFFFFF!important;
}

@media(max-width:1199px){
    .team-cards-grid,
    .team-cards-grid-4{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}
@media(max-width:991px){
    .site-header .header-main-menu{
        margin:0!important;
    }
    .team-cards-grid,
    .team-cards-grid-3,
    .team-cards-grid-4{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .related-team-section{
        padding:28px!important;
    }
}
@media(max-width:575px){
    .team-cards-grid,
    .team-cards-grid-3,
    .team-cards-grid-4{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }
    .team-member-card{
        min-height:0!important;
    }
    .team-member-photo{
        flex-basis:320px!important;
        height:320px!important;
        min-height:320px!important;
    }
    .team-member-heading,
    .team-member-summary,
    .team-member-meta{
        min-height:0!important;
    }
    .related-team-section{
        margin-top:45px!important;
        padding:20px!important;
        border-radius:20px!important;
    }
}