/* GMC Blue Zero Radius Theme - load after previous theme files */
:root{
  --mp-navy:#17304f!important;
  --mp-blue:#2e6ea6!important;
  --mp-blue-2:#76aee5!important;
  --mp-ink:#18324e!important;
  --mp-muted:#66758a!important;
  --mp-gold:#bfe0ff!important;
  --mp-gold-dark:#3f8ed4!important;
  --mp-surface:#f7fbff!important;
  --mp-line:#d8e9f8!important;
  --mp-radius:0px!important;
  --mp-shadow:0 18px 46px rgba(39,103,166,.10)!important;
  --mp-soft-gradient:linear-gradient(135deg,#f8fafc 0%,#eef7ff 42%,#f5faff 100%)!important;
  --mp-btn-gradient:linear-gradient(135deg,#cfeaff 0%,#8ec9f5 48%,#4b98d8 100%)!important;
  --mp-pale-uk:linear-gradient(135deg,rgba(255,255,255,.86),rgba(232,246,255,.82)),url('https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?w=1800&auto=format&fit=crop&q=80')!important;
}

/* Force project-wide square design */
*,*::before,*::after{
  border-radius:0!important;
}
.rounded,.rounded-1,.rounded-2,.rounded-3,.rounded-4,.rounded-5,.rounded-circle,.rounded-pill,
.btn,.btn-sm,.btn-lg,.btn-soft,.btn-gold,.btn-darkline,.btn-primary,.btn-success,.btn-danger,.btn-warning,
.card,.dropdown-menu,.mega-menu,.mega-item,.form-control,.form-select,.input-group-text,.alert,.modal-content,.accordion-item,.accordion-button,
.page-link,.badge,.navbar-toggler,.admin-nav a,.admin-mobile-toggle,.admin-menu-close,.table-responsive,.note-editor.note-frame,
.hero,.page-hero,.callback-section,.video-frame,.video-frame:before,.video-frame video,.video-frame img,.service-card,.content-box,.form-shell,.admin-card,.panel-sidebar,.panel-content,.empty-state{
  border-radius:0!important;
}

html,body{background:#f7fbff!important;color:var(--mp-ink)!important;}
body{line-height:1.86;}
p,li,.service-card p,.content-box,.accordion-body,.text-muted-soft{line-height:1.92;}

/* Soft blue visual system */
.site-navbar{
  background:rgba(247,251,255,.94)!important;
  border-bottom:1px solid rgba(216,233,248,.95)!important;
  box-shadow:0 12px 32px rgba(39,103,166,.06)!important;
}
.brand-wrap,.navbar .nav-link{color:#17304f!important;}
.navbar .nav-link i,.mega-item i,.sp-site-header .dropdown-item i{color:#3f8ed4!important;}
.navbar .nav-link:hover,.navbar .nav-link:focus,.navbar .nav-item.dropdown.show>.nav-link{
  background:linear-gradient(135deg,#edf7ff,#f7fbff)!important;
  color:#1f6ca8!important;
}
.btn-gold,.btn-primary,.btn-success,.btn-soft:hover,.sp-nav-cta,.sp-btn-dark{
  background:var(--mp-btn-gradient)!important;
  border-color:transparent!important;
  color:#10304d!important;
  box-shadow:0 14px 30px rgba(63,142,212,.16)!important;
}
.btn-gold:hover,.btn-primary:hover,.btn-success:hover,.sp-nav-cta:hover,.sp-btn-dark:hover{filter:saturate(1.05) brightness(.99);transform:translateY(-1px);color:#0e2c47!important;}
.btn-soft,.btn-darkline,.sp-btn-light{
  background:linear-gradient(135deg,#f4fbff,#eaf6ff)!important;
  border:1px solid #d8e9f8!important;
  color:#226ba5!important;
}
.eyebrow,.hero .eyebrow,.page-hero .eyebrow{
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(139,194,235,.42)!important;
  color:#2b7fbe!important;
}

/* Dropdown menu remains stable and aligned */
.mega-dropdown{position:relative!important;}
.mega-menu{
  left:auto!important;
  right:0!important;
  top:calc(100% - 1px)!important;
  transform:none!important;
  width:min(760px,calc(100vw - 32px))!important;
  margin-top:0!important;
  padding-top:16px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(216,233,248,.96)!important;
  box-shadow:0 26px 60px rgba(39,103,166,.14)!important;
}
.mega-dropdown:hover>.mega-menu,.mega-dropdown:focus-within>.mega-menu{display:block;}
.mega-item{
  background:linear-gradient(135deg,#fff,#f3faff)!important;
  border:1px solid #dcecf9!important;
  color:#17304f!important;
}
.mega-item:hover{background:linear-gradient(135deg,#edf7ff,#f8fcff)!important;border-color:#bfe0ff!important;}
@media(max-width:991.98px){.mega-menu{position:static!important;width:100%!important;box-shadow:none!important;padding:10px!important;}}

/* Main front sections */
.hero{
  background:
    radial-gradient(circle at 10% 18%,rgba(107,177,230,.20),transparent 30%),
    radial-gradient(circle at 86% 18%,rgba(157,207,245,.18),transparent 34%),
    linear-gradient(135deg,#fbfdff 0%,#edf7ff 48%,#f7fbff 100%)!important;
}
.hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:url('https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?w=1800&auto=format&fit=crop&q=80');
  background-size:cover;background-position:center;mix-blend-mode:multiply;filter:grayscale(.12) blur(.2px);
}
.hero:after,.page-hero:after{background:radial-gradient(circle,rgba(63,142,212,.16),transparent 68%)!important;}
.page-hero{
  background:
    linear-gradient(135deg,rgba(24,57,92,.84),rgba(76,151,216,.62)),
    url('https://images.unsplash.com/photo-1529655683826-aba9b3e77383?w=1600&auto=format&fit=crop&q=80') center/cover!important;
  color:#fff!important;
}
.page-hero h2,.page-hero h1,.page-hero p{color:#fff!important;}
.section-pad.bg-light,.bg-light{background:linear-gradient(135deg,#f8fcff,#eef7ff)!important;}
.video-frame{background:linear-gradient(135deg,#f7fbff,#e8f5ff)!important;box-shadow:0 22px 60px rgba(39,103,166,.13)!important;}
.video-frame:before{background:linear-gradient(135deg,rgba(139,202,245,.25),rgba(211,235,255,.22))!important;}
.service-card,.content-box,.form-shell,.admin-card,.stat-pill,.info-card,.team-card,.faq-card,.sp-card,.sp-hero-card,.login-card{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,251,255,.94))!important;
  border:1px solid #dcecf9!important;
  box-shadow:0 18px 48px rgba(39,103,166,.08)!important;
}
.service-card:before{color:rgba(63,142,212,.10)!important;}
.service-card h3,.content-box h3,.form-shell h2,.form-shell h3{color:#17304f!important;}

/* Callback area: modern soft blue, not white */
.callback-section{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%,rgba(76,151,216,.17),transparent 32%),
    radial-gradient(circle at 84% 30%,rgba(153,207,247,.20),transparent 35%),
    linear-gradient(135deg,#f8fcff 0%,#eaf6ff 52%,#f5fbff 100%)!important;
}
.callback-section:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;
  background:url('https://images.unsplash.com/photo-1486299267070-83823f5448dd?w=1600&auto=format&fit=crop&q=80') center/cover;
  filter:grayscale(.18);mix-blend-mode:multiply;
}
.callback-section .container{position:relative;z-index:1;}
.callback-section .form-shell{background:rgba(255,255,255,.76)!important;backdrop-filter:blur(18px);}

/* Register / login London-UK backgrounds in soft blue */
.auth-page .page-hero{display:none!important;}
.auth-page main,.auth-page .section-pad{position:relative;}
.auth-page{
  min-height:100vh;
  background:
    linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(235,247,255,.78) 44%,rgba(247,251,255,.90) 100%),
    url('https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?w=1800&auto=format&fit=crop&q=80') center/cover fixed!important;
}
.auth-page:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(circle at 16% 22%,rgba(63,142,212,.15),transparent 28%),
    radial-gradient(circle at 80% 72%,rgba(153,207,247,.16),transparent 34%);
}
.auth-page .section-pad{padding:72px 0!important;}
.auth-page .form-shell{position:relative;overflow:hidden;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(20px);}
.auth-page .form-shell:before{
  content:"London • UK Pathway";display:block;margin:-6px 0 18px;padding:10px 12px;
  background:linear-gradient(135deg,#edf7ff,#f8fcff);border:1px solid #d8e9f8;
  color:#2b7fbe;font-weight:750;letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;
}
.auth-login .form-shell:before{content:"Member Area • London UK";}
.auth-register .form-shell:before{content:"Register • GMC UK Pathway";}
.auth-page .form-shell:after{content:"";position:absolute;right:-22px;bottom:-20px;width:170px;height:150px;opacity:.11;pointer-events:none;background:url('https://upload.wikimedia.org/wikipedia/commons/a/ae/Flag_of_the_United_Kingdom.svg') center/contain no-repeat;filter:grayscale(.35);}

/* Logged-in member area: full-width, responsive, blue theme */
.member-panel-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 4% 16%,rgba(93,169,230,.18),transparent 28%),
    radial-gradient(circle at 94% 22%,rgba(187,224,250,.34),transparent 32%),
    linear-gradient(135deg,#f7fbff 0%,#eef7ff 58%,#ffffff 100%)!important;
}
.member-panel-page .member-shell,
.member-panel-page .container,
.member-panel-page .container-fluid{max-width:100%!important;width:100%!important;}
.member-panel-page .member-shell{padding:18px 22px 28px!important;}
.member-panel-topbar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:14px 16px;margin-bottom:18px;background:rgba(255,255,255,.78);border:1px solid #dcecf9;box-shadow:0 14px 36px rgba(39,103,166,.07);backdrop-filter:blur(14px);
}
.panel-layout{
  display:grid!important;
  grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
}
.panel-sidebar{
  min-height:calc(100vh - 120px)!important;
  background:linear-gradient(180deg,#17304f,#245f94)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 18px 42px rgba(23,48,79,.14)!important;
  padding:18px!important;
}
.panel-sidebar h5{color:#fff!important;}
.panel-sidebar a{
  display:flex!important;align-items:center!important;gap:10px!important;
  color:rgba(255,255,255,.88)!important;
  padding:11px 12px!important;margin-bottom:5px!important;
  border:1px solid transparent!important;
}
.panel-sidebar a:hover,.panel-sidebar a.active{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;}
.panel-sidebar a i{color:#bfe0ff!important;}
.panel-content{
  min-width:0!important;
  width:100%!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid #dcecf9!important;
  box-shadow:0 18px 48px rgba(39,103,166,.08)!important;
  padding:24px!important;
}
.member-panel-page .empty-state{background:#fff!important;border:1px dashed #bfe0ff!important;color:#5e7287!important;}
.member-panel-page .table-responsive,.member-panel-page .card,.member-panel-page .alert,.member-panel-page .form-control,.member-panel-page .form-select{max-width:100%;}

@media(max-width:991.98px){
  .member-panel-page .member-shell{padding:12px!important;}
  .member-panel-topbar{padding:12px!important;}
  .member-panel-topbar .brand-wrap{max-width:100%;}
  .panel-layout{grid-template-columns:1fr!important;gap:12px!important;}
  .panel-sidebar{min-height:auto!important;padding:12px!important;}
  .panel-sidebar h5,.panel-sidebar p{margin-bottom:10px!important;}
  .panel-sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:start;}
  .panel-sidebar h5,.panel-sidebar p{grid-column:1/-1;}
  .panel-sidebar a{margin:0!important;font-size:14px!important;padding:10px!important;}
  .panel-content{padding:16px!important;overflow-x:hidden!important;}
}
@media(max-width:575.98px){
  .member-panel-topbar{align-items:stretch!important;}
  .member-panel-topbar .btn{width:100%;}
  .panel-sidebar{grid-template-columns:1fr!important;}
  .panel-content{padding:14px!important;}
  .member-panel-page h1,.member-panel-page .h3{font-size:1.45rem!important;}
}

/* Admin blue theme */
.admin-body{background:linear-gradient(135deg,#f7fbff 0%,#eef7ff 52%,#ffffff 100%)!important;}
.admin-side{background:linear-gradient(180deg,#17304f,#245f94)!important;border-right:1px solid rgba(255,255,255,.14)!important;}
.admin-brand,.admin-nav a{color:rgba(255,255,255,.90)!important;}
.admin-brand-icon{background:linear-gradient(135deg,#bfe0ff,#76aee5)!important;color:#17304f!important;}
.admin-nav a.active,.admin-nav a:hover{background:rgba(255,255,255,.12)!important;color:#fff!important;}
.admin-nav i{color:#bfe0ff!important;}
.note-editor.note-frame{border-color:#dcecf9!important;overflow:hidden;}
.note-toolbar{background:#f2f9ff!important;border-bottom:1px solid #dcecf9!important;}
.table,.dataTables_wrapper{--bs-table-striped-bg:#f5fbff;}
.dataTables_wrapper .pagination .page-link{color:#2b7fbe!important;}
.table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,.table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{background:#3f8ed4!important;}

/* Legacy SP/app classes */
.sp-site-header{background:#f7fbff!important;border-bottom:1px solid #d8e9f8!important;}
.sp-site-header .nav-link:hover,.sp-site-header .dropdown-item:hover{background:#edf7ff!important;color:#226ba5!important;}
.login-page{background:linear-gradient(135deg,#f7fbff,#eef7ff)!important;}

/* Fix 4: team photos, callback split hero, modern FAQ, member mobile menu/profile */
.admin-team-thumb{
  width:54px!important;height:54px!important;object-fit:cover!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(135deg,#eaf6ff,#f8fcff)!important;border:1px solid #d8e9f8!important;color:#3f8ed4!important;
}
.admin-team-thumb.empty i{font-size:1.35rem!important;}
.team-card-photo{height:100%;padding:26px 22px!important;text-align:center!important;overflow:hidden!important;position:relative!important;}
.team-card-photo:before{content:"";position:absolute;inset:0 0 auto 0;height:92px;background:linear-gradient(135deg,rgba(63,142,212,.10),rgba(191,224,255,.32));pointer-events:none;}
.team-photo-wrap,.team-avatar{
  position:relative;z-index:1;width:112px!important;height:112px!important;margin:0 auto 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(135deg,#eaf6ff,#ffffff)!important;border:1px solid #d8e9f8!important;box-shadow:0 16px 36px rgba(39,103,166,.12)!important;overflow:hidden!important;
}
.team-photo-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.team-avatar i{font-size:2.3rem!important;color:#3f8ed4!important;}
.team-card-photo h5{position:relative;z-index:1;color:#17304f!important;margin-bottom:6px!important;}
.team-card-photo small{position:relative;z-index:1;color:#2b7fbe!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
.home-team-section{background:linear-gradient(135deg,#f8fcff 0%,#eef7ff 58%,#fff 100%)!important;position:relative;overflow:hidden;}
.home-team-section:before{content:"";position:absolute;inset:0;opacity:.08;background:url('https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?w=1800&auto=format&fit=crop&q=80') center/cover;filter:grayscale(.2);pointer-events:none;}
.home-team-section .container{position:relative;z-index:1;}
.home-team-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:26px;padding:22px;background:rgba(255,255,255,.72);border:1px solid #dcecf9;box-shadow:0 18px 46px rgba(39,103,166,.08);backdrop-filter:blur(14px);}
.home-team-title h2{margin:10px 0 6px!important;color:#17304f!important;}
.home-team-title p{margin:0!important;max-width:620px;color:#5e7287!important;}
.home-team-card{min-height:100%;}
.callback-modern-grid{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:0;align-items:stretch;max-width:1040px;margin:0 auto;box-shadow:0 24px 64px rgba(23,48,79,.12);background:rgba(255,255,255,.58);border:1px solid #d8e9f8;}
.callback-modern-grid .form-shell{box-shadow:none!important;border:0!important;background:rgba(255,255,255,.86)!important;}
.callback-side-panel{position:relative;overflow:hidden;min-height:100%;padding:34px 30px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#102845 0%,#173f6c 46%,#24669f 100%)!important;color:#fff!important;}
.callback-side-panel:before{content:"";position:absolute;inset:0;opacity:.22;background:url('https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?w=1400&auto=format&fit=crop&q=80') center/cover;filter:grayscale(.25);mix-blend-mode:screen;}
.callback-side-panel:after{content:"";position:absolute;right:-52px;bottom:-40px;width:190px;height:190px;border:1px solid rgba(255,255,255,.22);transform:rotate(12deg);}
.callback-side-panel span,.callback-side-panel strong,.callback-side-panel p{position:relative;z-index:1;}
.callback-side-panel span{font-size:.78rem;font-weight:800;letter-spacing:.18em;color:#bfe0ff;text-transform:uppercase;margin-bottom:14px;}
.callback-side-panel strong{font-size:clamp(2.3rem,4vw,4.2rem);line-height:.96;letter-spacing:.02em;font-weight:900;text-transform:uppercase;}
.callback-side-panel p{max-width:280px;margin:20px 0 0;color:rgba(255,255,255,.80)!important;}
.faq-modern-section{background:linear-gradient(135deg,#f7fbff 0%,#edf7ff 58%,#fff 100%)!important;}
.faq-search-shell{position:relative;max-width:760px;margin:0 auto 28px;}
.faq-search-shell i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#3f8ed4;z-index:2;}
.faq-search-shell .form-control{height:58px;padding-left:48px!important;background:rgba(255,255,255,.88)!important;border:1px solid #d8e9f8!important;box-shadow:0 16px 38px rgba(39,103,166,.08)!important;}
.faq-category-card{height:100%;padding:22px;background:rgba(255,255,255,.82);border:1px solid #dcecf9;box-shadow:0 18px 46px rgba(39,103,166,.08);backdrop-filter:blur(14px);}
.faq-category-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #dcecf9;}
.faq-category-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d9efff,#f7fbff);border:1px solid #c9e4f8;color:#2b7fbe;font-size:1.45rem;}
.faq-category-head h3{font-size:1.14rem!important;margin:0!important;color:#17304f!important;}
.faq-category-head small{color:#6b7f92!important;font-weight:700;}
.faq-modern-accordion .accordion-item{border:1px solid #dcecf9!important;background:#fff!important;margin-bottom:10px!important;overflow:hidden!important;}
.faq-modern-accordion .accordion-button{background:linear-gradient(135deg,#fff,#f6fbff)!important;color:#17304f!important;font-weight:750!important;box-shadow:none!important;}
.faq-modern-accordion .accordion-button:not(.collapsed){color:#1f6ca8!important;background:linear-gradient(135deg,#eaf6ff,#fff)!important;}
.faq-modern-accordion .accordion-body{background:#fff!important;color:#5f7083!important;}
.member-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.member-menu.collapse:not(.show){display:none!important;}
.member-profile-form{background:rgba(255,255,255,.86);border:1px solid #dcecf9;box-shadow:0 18px 48px rgba(39,103,166,.08);padding:22px;}
.member-profile-head{padding:20px 22px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(239,248,255,.82));border:1px solid #dcecf9;box-shadow:0 16px 40px rgba(39,103,166,.07);}
@media(min-width:992px){.member-menu.collapse{display:block!important;}}
@media(max-width:991.98px){
  .callback-modern-grid{grid-template-columns:1fr;}
  .callback-side-panel{min-height:260px;text-align:left;}
  .home-team-hero{align-items:flex-start;}
  .member-topbar-actions{width:100%;justify-content:stretch;}
  .member-topbar-actions .btn{flex:1 1 180px;}
  .panel-sidebar.member-menu.show{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .panel-sidebar.member-menu h5,.panel-sidebar.member-menu p{grid-column:1/-1!important;}
}
@media(max-width:575.98px){
  .home-team-hero,.member-profile-form,.member-profile-head,.faq-category-card{padding:16px!important;}
  .callback-side-panel{padding:26px 20px;min-height:220px;}
  .panel-sidebar.member-menu.show{grid-template-columns:1fr!important;}
  .member-topbar-actions .btn{width:100%;flex:1 1 100%;}
  .team-photo-wrap,.team-avatar{width:96px!important;height:96px!important;}
}


/* Fix 5: restore member menu visibility + spacious callback panel */
/* Member menu must never disappear. It is always visible; on mobile it becomes a clean responsive grid. */
.member-panel-page .panel-layout{
  align-items:start!important;
}
.member-panel-page .panel-sidebar.member-menu,
.member-panel-page .panel-sidebar.member-menu.collapse,
.member-panel-page .panel-sidebar.member-menu.collapse:not(.show),
.member-panel-page .panel-sidebar.member-menu.collapsing{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  overflow:visible!important;
}
.member-panel-page .member-menu-toggle-note{display:none!important;}
.member-panel-page .panel-sidebar.member-menu a{
  width:100%!important;
  white-space:normal!important;
  line-height:1.35!important;
}
@media(max-width:991.98px){
  .member-panel-page .member-shell{padding:10px!important;}
  .member-panel-page .member-panel-topbar{margin-bottom:10px!important;}
  .member-panel-page .member-topbar-actions .btn[data-bs-target="#memberPanelMenu"]{display:none!important;}
  .member-panel-page .panel-sidebar.member-menu,
  .member-panel-page .panel-sidebar.member-menu.collapse,
  .member-panel-page .panel-sidebar.member-menu.collapse:not(.show),
  .member-panel-page .panel-sidebar.member-menu.collapsing{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    min-height:auto!important;
    padding:12px!important;
    margin:0 0 12px!important;
    position:relative!important;
    transform:none!important;
    max-width:100%!important;
  }
  .member-panel-page .panel-sidebar.member-menu h5,
  .member-panel-page .panel-sidebar.member-menu p{
    grid-column:1/-1!important;
    margin:0!important;
  }
  .member-panel-page .panel-sidebar.member-menu h5{font-size:1rem!important;}
  .member-panel-page .panel-sidebar.member-menu p{font-size:.82rem!important;margin-bottom:4px!important;}
  .member-panel-page .panel-sidebar.member-menu a{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:44px!important;
    margin:0!important;
    padding:10px 9px!important;
    font-size:13.5px!important;
  }
  .member-panel-page .panel-sidebar.member-menu a i{font-size:1rem!important;flex:0 0 auto!important;}
}
@media(max-width:575.98px){
  .member-panel-page .panel-sidebar.member-menu,
  .member-panel-page .panel-sidebar.member-menu.collapse,
  .member-panel-page .panel-sidebar.member-menu.collapse:not(.show),
  .member-panel-page .panel-sidebar.member-menu.collapsing{
    grid-template-columns:1fr!important;
  }
  .member-panel-page .panel-sidebar.member-menu a{font-size:14px!important;min-height:42px!important;}
}

/* Callback split area: wider, less crowded, better mobile flow */
.callback-section .container{max-width:1220px!important;}
.callback-modern-grid{
  grid-template-columns:minmax(300px,.8fr) minmax(540px,1.25fr)!important;
  max-width:1180px!important;
  width:100%!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.callback-modern-grid .form-shell{
  padding:34px 38px!important;
  min-width:0!important;
}
.callback-side-panel{
  padding:40px 34px!important;
  min-width:0!important;
}
.callback-side-panel span{font-size:.72rem!important;letter-spacing:.14em!important;margin-bottom:12px!important;}
.callback-side-panel strong{
  display:block!important;
  font-size:clamp(2rem,3.15vw,3.45rem)!important;
  line-height:1.04!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.callback-side-panel p{
  max-width:340px!important;
  font-size:.98rem!important;
  line-height:1.75!important;
}
.callback-modern-grid form .form-control{min-height:48px!important;}
@media(max-width:1199.98px){
  .callback-modern-grid{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)!important;max-width:100%!important;}
  .callback-modern-grid .form-shell{padding:30px 28px!important;}
  .callback-side-panel{padding:34px 28px!important;}
  .callback-side-panel strong{font-size:clamp(1.85rem,3.4vw,3rem)!important;}
}
@media(max-width:991.98px){
  .callback-section .container{max-width:720px!important;}
  .callback-modern-grid{grid-template-columns:1fr!important;}
  .callback-side-panel{min-height:auto!important;padding:30px 26px!important;}
  .callback-side-panel strong{font-size:clamp(2rem,8vw,3.2rem)!important;}
  .callback-side-panel p{max-width:100%!important;margin-top:14px!important;}
  .callback-modern-grid .form-shell{padding:28px 24px!important;}
}
@media(max-width:575.98px){
  .callback-section{padding-top:42px!important;padding-bottom:42px!important;}
  .callback-modern-grid .form-shell{padding:22px 16px!important;}
  .callback-side-panel{padding:24px 16px!important;}
  .callback-side-panel strong{font-size:2rem!important;line-height:1.08!important;}
}

/* Fix 6: navy buttons, bigger circular team photos, 250x90 logo, invoice cards */
.btn-gold,
a.btn-gold,
button.btn-gold,
input.btn-gold,
.btn.btn-gold{
  background:linear-gradient(135deg,#071a35 0%,#0a2b55 52%,#123f72 100%)!important;
  border-color:#071a35!important;
  color:#ffffff!important;
  font-weight:800!important;
  text-shadow:none!important;
  box-shadow:0 14px 32px rgba(7,26,53,.18)!important;
}
.btn-gold i,
.btn-gold span,
.btn-gold strong,
.btn-gold small{color:#ffffff!important;}
.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active{
  background:linear-gradient(135deg,#030d1d 0%,#09274f 55%,#0d3564 100%)!important;
  border-color:#030d1d!important;
  color:#ffffff!important;
  box-shadow:0 18px 38px rgba(7,26,53,.24)!important;
  transform:translateY(-1px);
}
.btn-gold:disabled,
.btn-gold.disabled{background:#607792!important;border-color:#607792!important;color:#fff!important;opacity:.78!important;}

.site-navbar .brand-wrap img,
.navbar-brand.brand-wrap img,
.brand-wrap img{
  width:250px!important;
  height:90px!important;
  max-width:250px!important;
  max-height:90px!important;
  object-fit:contain!important;
  display:block!important;
}
.site-navbar .brand-wrap{gap:14px!important;min-height:96px!important;align-items:center!important;}
.site-navbar{min-height:104px!important;}
.admin-brand img{
  width:250px!important;
  height:90px!important;
  max-width:250px!important;
  max-height:90px!important;
  object-fit:contain!important;
  display:block!important;
}
.admin-side-head{min-height:108px!important;}

.team-photo-wrap,
.team-avatar{
  width:154px!important;
  height:154px!important;
  min-width:154px!important;
  border-radius:50%!important;
  margin:-6px auto 20px!important;
  overflow:hidden!important;
  border:5px solid rgba(255,255,255,.95)!important;
  outline:1px solid rgba(16,61,108,.14)!important;
  box-shadow:0 18px 36px rgba(12,43,84,.16)!important;
  background:linear-gradient(135deg,#eef7ff,#ffffff)!important;
}
.team-photo-wrap img,
.team-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
  display:block!important;
}
.team-avatar{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.team-avatar i{font-size:4rem!important;color:#0a2b55!important;}
.team-card-photo{padding-top:34px!important;}
.team-card-photo:before{height:118px!important;}
.admin-team-thumb{
  width:70px!important;
  height:70px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  overflow:hidden!important;
}
.admin-team-thumb.empty{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eef7ff!important;
  color:#0a2b55!important;
}

.member-invoice-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  flex-wrap:wrap!important;
  padding:22px!important;
  margin-bottom:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(236,247,255,.92))!important;
  border:1px solid rgba(196,223,244,.95)!important;
  box-shadow:0 14px 34px rgba(12,43,84,.08)!important;
}
.member-invoice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
.member-invoice-card{
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(196,223,244,.95)!important;
  box-shadow:0 14px 34px rgba(12,43,84,.08)!important;
  padding:20px!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
.invoice-card-top{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important;}
.invoice-no{font-size:1.02rem!important;font-weight:850!important;color:#0a2b55!important;word-break:break-word!important;}
.invoice-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:2px!important;}
.invoice-meta span{display:block!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#66819b!important;font-weight:800!important;margin-bottom:2px!important;}
.invoice-meta strong{display:block!important;color:#18324e!important;font-weight:800!important;}
.invoice-amount{font-size:1.45rem!important;line-height:1.15!important;color:#071a35!important;font-weight:900!important;}
.invoice-actions{margin-top:auto!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;}
.invoice-actions .btn{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;}
.badge-invoice{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-size:.73rem!important;border:1px solid transparent!important;}
.badge-invoice.unpaid{background:#fff7e8!important;color:#8a5300!important;border-color:#ffe1a8!important;}
.badge-invoice.paid{background:#eaf9f0!important;color:#13713a!important;border-color:#bfeccc!important;}
.badge-invoice.cancelled{background:#f5f7fa!important;color:#607083!important;border-color:#dbe3ea!important;}
.payment-result-box{max-width:760px!important;margin:30px auto!important;background:#fff!important;border:1px solid #d8e9f8!important;padding:26px!important;box-shadow:0 16px 38px rgba(12,43,84,.10)!important;}

@media (max-width:991.98px){
  .site-navbar{min-height:auto!important;}
  .site-navbar .brand-wrap{min-height:72px!important;}
  .site-navbar .brand-wrap img,.navbar-brand.brand-wrap img,.brand-wrap img{width:190px!important;height:68px!important;max-width:190px!important;max-height:68px!important;}
  .admin-brand img{width:190px!important;height:68px!important;max-width:190px!important;max-height:68px!important;}
  .member-invoice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:575.98px){
  .site-navbar .brand-wrap img,.navbar-brand.brand-wrap img,.brand-wrap img{width:160px!important;height:58px!important;max-width:160px!important;max-height:58px!important;}
  .team-photo-wrap,.team-avatar{width:128px!important;height:128px!important;min-width:128px!important;}
  .team-avatar i{font-size:3rem!important;}
  .member-invoice-head{padding:16px!important;}
  .member-invoice-grid{grid-template-columns:1fr!important;}
  .invoice-meta{grid-template-columns:1fr!important;}
  .invoice-actions .btn{width:100%!important;}
}

/* Fix 7: service detail callback/asymmetric frame + member services/progress/documents + admin document management */
.service-detail-hero .container{position:relative;z-index:2;}
.asym-service-frame{
  position:relative!important;
  padding:18px 0 0 18px!important;
  isolation:isolate!important;
  min-height:360px!important;
}
.asym-service-frame:before{
  content:"";position:absolute;left:0;top:0;width:82%;height:82%;
  background:linear-gradient(135deg,rgba(11,50,96,.18),rgba(226,241,255,.92))!important;
  border:1px solid rgba(88,145,202,.28)!important;
  transform:translate(-8px,10px) skew(-4deg) rotate(-1deg)!important;
  z-index:-1;
}
.asym-service-frame:after{
  content:"";position:absolute;right:4px;bottom:6px;width:44%;height:34%;
  border:2px solid rgba(8,34,66,.28)!important;
  transform:skew(-6deg) rotate(2deg)!important;
  z-index:-1;
}
.asym-service-frame .service-detail-image,
.service-detail-image{
  width:100%!important;height:390px!important;object-fit:cover!important;display:block!important;
  border-radius:0!important;box-shadow:0 24px 60px rgba(12,43,84,.16)!important;
  clip-path:polygon(0 0,100% 7%,95% 100%,4% 94%)!important;
}
.service-detail-content{font-size:1.04rem!important;line-height:1.82!important;}
.service-detail-content p{line-height:1.86!important;}
.service-detail-callback{padding-top:52px!important;}
.service-callback-grid{max-width:1180px!important;}
.service-callback-side strong{letter-spacing:.01em!important;}
.service-callback-side p{max-width:340px!important;}

.member-page-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;flex-wrap:wrap!important;
  padding:24px!important;margin-bottom:24px!important;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(231,244,255,.94))!important;
  border:1px solid rgba(188,218,244,.95)!important;box-shadow:0 14px 34px rgba(12,43,84,.08)!important;
}
.member-page-head h1{color:#071a35!important;font-weight:900!important;}
.member-mini-stats,.admin-doc-stats{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;
}
.admin-doc-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.member-mini-stats>div,.admin-doc-stats>div{
  background:rgba(255,255,255,.95)!important;border:1px solid rgba(188,218,244,.95)!important;padding:18px!important;
  box-shadow:0 12px 30px rgba(12,43,84,.07)!important;
}
.member-mini-stats span,.admin-doc-stats span{display:block!important;color:#647e98!important;font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:850!important;margin-bottom:6px!important;}
.member-mini-stats strong,.admin-doc-stats strong{display:block!important;color:#071a35!important;font-size:1.65rem!important;line-height:1!important;font-weight:950!important;}
.member-service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;}
.member-service-card{
  position:relative!important;overflow:hidden!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(188,218,244,.95)!important;
  padding:24px!important;box-shadow:0 16px 38px rgba(12,43,84,.08)!important;min-height:100%!important;display:flex!important;flex-direction:column!important;gap:14px!important;
}
.member-service-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#082242,#0e559c)!important;}
.member-service-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;}
.service-status,.doc-status,.step-state{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 10px!important;font-size:.72rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important;border:1px solid transparent!important;white-space:nowrap!important;}
.service-status.active,.doc-status.pending,.step-state{background:#eaf5ff!important;color:#0d4f91!important;border-color:#c4def5!important;}
.service-status.completed,.doc-status.approved,.progress-step-card.done .step-state{background:#eaf9f1!important;color:#13713a!important;border-color:#bfeccc!important;}
.service-status.cancelled,.doc-status.rejected,.progress-step-card.waiting .step-state{background:#fff1f1!important;color:#9a2632!important;border-color:#ffd2d6!important;}
.service-amount{font-weight:950!important;color:#071a35!important;}
.member-service-card h4{font-weight:900!important;color:#0a2b55!important;margin:0!important;}
.member-service-card p{line-height:1.78!important;color:#33475b!important;margin:0!important;}
.service-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-top:auto!important;padding-top:10px!important;border-top:1px solid rgba(188,218,244,.8)!important;}
.service-card-footer small{color:#647e98!important;font-weight:750!important;}

.soft-progress{height:14px!important;background:#e7f1fb!important;border-radius:0!important;overflow:hidden!important;}
.soft-progress .progress-bar{background:linear-gradient(90deg,#082242,#0e559c,#6aaee8)!important;border-radius:0!important;}
.progress-page-head{align-items:center!important;}
.progress-circle{width:112px;height:112px;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;color:#071a35!important;background:conic-gradient(#0e559c calc(var(--p)*1%),#dcecf9 0)!important;position:relative!important;overflow:hidden!important;}
.progress-circle:before{content:"";position:absolute;inset:10px;border-radius:50%!important;background:#fff!important;}
.progress-circle strong,.progress-circle span{position:relative;z-index:1;}
.progress-circle strong{font-size:1.55rem!important;font-weight:950!important;line-height:1!important;}
.progress-circle span{font-size:.72rem!important;text-transform:uppercase!important;font-weight:850!important;color:#647e98!important;}
.progress-step-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;}
.progress-step-card{background:#fff!important;border:1px solid rgba(188,218,244,.95)!important;padding:20px!important;box-shadow:0 14px 32px rgba(12,43,84,.08)!important;display:flex!important;flex-direction:column!important;gap:14px!important;min-height:190px!important;}
.step-icon{width:48px;height:48px;background:linear-gradient(135deg,#edf7ff,#d8edff)!important;color:#0a2b55!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.4rem!important;}
.progress-step-card.done .step-icon{background:linear-gradient(135deg,#eaf9f1,#d4f3df)!important;color:#13713a!important;}
.progress-step-card h4{font-size:1rem!important;font-weight:900!important;color:#071a35!important;margin:0 0 6px!important;}
.progress-step-card p{margin:0!important;color:#647e98!important;font-size:.9rem!important;}

.member-upload-card h4,.content-box h4{color:#071a35!important;font-weight:900!important;}
.member-doc-list{display:flex!important;flex-direction:column!important;gap:12px!important;}
.member-doc-item{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:14px!important;background:#f8fcff!important;border:1px solid rgba(188,218,244,.95)!important;}
.doc-icon{width:48px;height:48px;background:#e6f3ff!important;color:#0a2b55!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.35rem!important;}
.doc-main strong{display:block!important;color:#071a35!important;font-weight:900!important;word-break:break-word!important;}
.doc-main span{display:block!important;color:#647e98!important;font-size:.86rem!important;margin-top:2px!important;}
.doc-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;}
.admin-doc-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:260px!important;}
.admin-doc-actions .form-select{min-width:128px!important;}

.panel-layout{align-items:flex-start!important;}
.member-panel-page .panel-sidebar.member-menu{display:flex!important;visibility:visible!important;opacity:1!important;}

@media (max-width:1199.98px){
  .progress-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:991.98px){
  .asym-service-frame{min-height:auto!important;padding:12px 0 0 12px!important;}
  .asym-service-frame .service-detail-image,.service-detail-image{height:330px!important;clip-path:polygon(0 0,100% 4%,97% 100%,3% 96%)!important;}
  .member-service-grid{grid-template-columns:1fr!important;}
  .member-mini-stats,.admin-doc-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .member-doc-item{grid-template-columns:42px minmax(0,1fr)!important;}
  .doc-actions{grid-column:1/-1;justify-content:flex-start!important;}
  .admin-doc-actions{min-width:0!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
}
@media (max-width:767.98px){
  .member-panel-page .panel-layout{display:block!important;}
  .member-panel-page .panel-sidebar.member-menu{position:static!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0 0 18px!important;padding:18px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;transform:none!important;}
  .member-panel-page .panel-sidebar.member-menu h5,.member-panel-page .panel-sidebar.member-menu p{grid-column:1/-1!important;margin-bottom:4px!important;}
  .member-panel-page .panel-sidebar.member-menu a{margin:0!important;min-height:44px!important;font-size:.9rem!important;}
  .member-panel-page .panel-content{width:100%!important;padding:18px!important;}
  .member-panel-topbar{padding:14px!important;align-items:center!important;}
  .member-page-head{padding:18px!important;}
  .progress-step-grid{grid-template-columns:1fr!important;}
  .progress-circle{width:96px;height:96px;}
}
@media (max-width:575.98px){
  .member-mini-stats,.admin-doc-stats{grid-template-columns:1fr!important;}
  .member-panel-page .panel-sidebar.member-menu{grid-template-columns:1fr!important;}
  .asym-service-frame .service-detail-image,.service-detail-image{height:260px!important;}
  .service-card-footer{align-items:flex-start!important;}
  .service-card-footer .btn{width:100%!important;}
  .doc-actions .btn{width:100%!important;}
}

/* =========================================================
   FIX 8 - Üye alanı menüsü kayma/yatay görünüm düzeltmesi
   Menü desktopta sol dikey kolon, tablette/mobilde tam genişlik dikey liste.
   Önceki grid/flex çakışmalarını bilinçli olarak en sonda bastırır.
========================================================= */
.member-panel-page .member-shell{
  box-sizing:border-box!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.member-panel-page .panel-layout{
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:flex-start!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.member-panel-page .panel-sidebar.member-menu,
.member-panel-page .panel-sidebar.member-menu.collapse,
.member-panel-page .panel-sidebar.member-menu.collapse:not(.show),
.member-panel-page .panel-sidebar.member-menu.collapsing{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  position:sticky!important;
  top:14px!important;
  width:100%!important;
  max-width:280px!important;
  min-width:0!important;
  min-height:calc(100vh - 120px)!important;
  height:auto!important;
  margin:0!important;
  padding:18px!important;
  overflow:visible!important;
  transform:none!important;
  float:none!important;
  grid-column:auto!important;
  opacity:1!important;
  visibility:visible!important;
}
.member-panel-page .panel-sidebar.member-menu h5,
.member-panel-page .panel-sidebar.member-menu p{
  display:block!important;
  width:100%!important;
  flex:0 0 auto!important;
  grid-column:auto!important;
}
.member-panel-page .panel-sidebar.member-menu a{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex:0 0 auto!important;
  margin:0 0 6px 0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  text-align:left!important;
}
.member-panel-page .panel-sidebar.member-menu a i{
  flex:0 0 20px!important;
  width:20px!important;
  text-align:center!important;
}
.member-panel-page .panel-content{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
}
@media(max-width:991.98px){
  .member-panel-page .panel-layout{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .member-panel-page .panel-sidebar.member-menu,
  .member-panel-page .panel-sidebar.member-menu.collapse,
  .member-panel-page .panel-sidebar.member-menu.collapse:not(.show),
  .member-panel-page .panel-sidebar.member-menu.collapsing{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    position:static!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0 0 14px 0!important;
    padding:14px!important;
    grid-template-columns:none!important;
    grid-auto-flow:row!important;
    overflow:visible!important;
  }
  .member-panel-page .panel-sidebar.member-menu h5,
  .member-panel-page .panel-sidebar.member-menu p{
    grid-column:auto!important;
    width:100%!important;
  }
  .member-panel-page .panel-sidebar.member-menu a{
    width:100%!important;
    min-height:44px!important;
    margin:0 0 7px 0!important;
    padding:11px 12px!important;
    font-size:14px!important;
  }
  .member-panel-page .panel-content{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    padding:16px!important;
  }
}
@media(max-width:575.98px){
  .member-panel-page .member-shell{padding:10px!important;}
  .member-panel-page .panel-sidebar.member-menu,
  .member-panel-page .panel-sidebar.member-menu.collapse,
  .member-panel-page .panel-sidebar.member-menu.collapse:not(.show),
  .member-panel-page .panel-sidebar.member-menu.collapsing{
    padding:12px!important;
  }
  .member-panel-page .panel-sidebar.member-menu a{
    min-height:42px!important;
    font-size:13.5px!important;
  }
  .member-panel-page .panel-content{padding:14px!important;}
}


/* Fix 9: admin member timeline/support/dashboard + two-column services */
.admin-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}
.admin-summary-card{position:relative;display:block!important;min-height:118px!important;padding:18px!important;background:linear-gradient(135deg,#ffffff,#edf7ff)!important;border:1px solid #dcecf9!important;box-shadow:0 14px 36px rgba(39,103,166,.08)!important;text-decoration:none!important;color:#17304f!important;overflow:hidden!important;}
.admin-summary-card span{display:block!important;font-size:.78rem!important;letter-spacing:.04em!important;text-transform:uppercase!important;font-weight:850!important;color:#3479b8!important;}
.admin-summary-card strong{display:block!important;font-size:2rem!important;line-height:1!important;margin-top:12px!important;color:#061b35!important;}
.admin-summary-card i{position:absolute!important;right:16px!important;bottom:12px!important;font-size:2.2rem!important;color:rgba(39,103,166,.16)!important;}
.admin-feed-list{display:grid!important;gap:10px!important;}
.admin-feed-item{display:block!important;padding:12px!important;border:1px solid #dcecf9!important;background:#f8fcff!important;color:#17304f!important;text-decoration:none!important;}
.admin-feed-item strong{display:block!important;font-size:.95rem!important;line-height:1.35!important;}
.admin-feed-item span,.admin-feed-item small{display:block!important;color:#647e98!important;font-size:.82rem!important;margin-top:4px!important;}
.admin-timeline-list,.member-timeline,.support-ticket-list{display:grid!important;gap:14px!important;}
.admin-timeline-item,.member-timeline-item,.support-ticket-card{position:relative!important;padding:16px 16px 16px 24px!important;border:1px solid #dcecf9!important;background:linear-gradient(135deg,#fff,#f5fbff)!important;box-shadow:0 10px 26px rgba(39,103,166,.06)!important;}
.admin-timeline-item:before,.member-timeline-item:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:5px!important;background:linear-gradient(180deg,#082242,#0e559c)!important;}
.admin-timeline-item{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important;}
.admin-timeline-item p,.member-timeline-item p,.support-ticket-card p{margin:.45rem 0!important;color:#33475b!important;line-height:1.75!important;}
.admin-timeline-item small,.member-timeline-item span,.support-ticket-card small{color:#647e98!important;font-weight:750!important;font-size:.82rem!important;}
.ticket-status{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 10px!important;font-size:.72rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important;border:1px solid #c4def5!important;background:#eaf5ff!important;color:#0d4f91!important;}
.ticket-status.answered{background:#eaf9f1!important;color:#13713a!important;border-color:#bfeccc!important;}
.ticket-status.closed{background:#f0f3f7!important;color:#52697f!important;border-color:#d7e2ec!important;}
.member-dashboard-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
.member-dashboard-card{display:block!important;text-decoration:none!important;padding:20px!important;background:linear-gradient(135deg,#ffffff,#edf7ff)!important;border:1px solid #dcecf9!important;color:#17304f!important;box-shadow:0 14px 34px rgba(39,103,166,.08)!important;}
.member-dashboard-card span{font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;font-size:.75rem!important;color:#3479b8!important;}
.member-dashboard-card strong{display:block!important;font-size:2.2rem!important;line-height:1!important;margin:12px 0!important;color:#061b35!important;}
.member-dashboard-card p{margin:0!important;color:#647e98!important;line-height:1.55!important;}
.quick-action-list{display:grid!important;gap:10px!important;margin-top:14px!important;}
.quick-action-list a{display:flex!important;align-items:center!important;gap:10px!important;padding:13px 14px!important;border:1px solid #dcecf9!important;background:#f8fcff!important;color:#17304f!important;text-decoration:none!important;font-weight:800!important;}
.quick-action-list a:hover{background:#edf7ff!important;color:#082242!important;}
.service-two-col-grid{counter-reset:serviceCounter;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important;}
.service-two-col-grid .service-card{counter-increment:serviceCounter;display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:14px!important;height:100%!important;margin-bottom:0!important;padding:18px!important;overflow:hidden!important;}
.service-two-col-grid .service-card:before{content:counter(serviceCounter, decimal-leading-zero)!important;right:18px!important;top:14px!important;font-size:48px!important;z-index:0!important;color:rgba(63,142,212,.13)!important;}
.service-two-col-grid .service-card:nth-child(even),.service-two-col-grid .service-card:nth-child(even) img,.service-two-col-grid .service-card:nth-child(even)>div,.service-two-col-grid .service-card:nth-child(even) .btn{order:initial!important;grid-template-columns:1fr!important;}
.service-two-col-grid .service-card img{width:100%!important;height:210px!important;object-fit:cover!important;position:relative!important;z-index:1!important;}
.service-two-col-grid .service-card h3,.service-two-col-grid .service-card p,.service-two-col-grid .service-card .btn{position:relative!important;z-index:2!important;}
.service-two-col-grid .service-card .btn{width:max-content!important;min-width:130px!important;}
@media(max-width:1199.98px){.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:991.98px){.admin-summary-grid,.member-dashboard-grid,.service-two-col-grid{grid-template-columns:1fr!important;}.admin-timeline-item{display:block!important;}.service-two-col-grid .service-card img{height:230px!important;}.service-two-col-grid .service-card .btn{width:100%!important;}}
@media(max-width:575.98px){.admin-summary-card{min-height:100px!important;}.admin-summary-card strong{font-size:1.65rem!important;}.member-dashboard-card strong{font-size:1.85rem!important;}.admin-feed-item,.admin-timeline-item,.member-timeline-item,.support-ticket-card{padding:14px!important;}}

/* Fix 13: service 3 columns, member responsive datatables, mail/reset UI */
body:not(.admin-body):not(.member-panel-page) h2,
body:not(.admin-body):not(.member-panel-page) .h2,
body:not(.admin-body):not(.member-panel-page) .hero h2,
body:not(.admin-body):not(.member-panel-page) .page-hero h2,
body:not(.admin-body):not(.member-panel-page) section h2{
  font-size:clamp(28px,3vw,36px)!important;
  line-height:1.22!important;
  font-weight:900!important;
  background:linear-gradient(90deg,#061f48 0%,#0d3f78 45%,#1d72b8 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:#082b57!important;
}
body:not(.admin-body):not(.member-panel-page) .page-hero h2,
body:not(.admin-body):not(.member-panel-page) .hero h2{
  -webkit-text-fill-color:transparent!important;
}
.service-three-col-grid,
.service-two-col-grid{
  counter-reset:serviceCounter!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.service-three-col-grid .service-card,
.service-two-col-grid .service-card{
  counter-increment:serviceCounter!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  height:100%!important;
  margin-bottom:0!important;
  padding:18px!important;
  overflow:hidden!important;
  position:relative!important;
}
.service-three-col-grid .service-card:before,
.service-two-col-grid .service-card:before{
  content:counter(serviceCounter, decimal-leading-zero)!important;
  position:absolute!important;
  right:16px!important;
  top:10px!important;
  font-size:46px!important;
  font-weight:900!important;
  z-index:0!important;
  color:rgba(14,67,120,.12)!important;
  pointer-events:none!important;
}
.service-three-col-grid .service-card .service-image-link,
.service-two-col-grid .service-card .service-image-link{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  overflow:hidden!important;
}
.service-three-col-grid .service-card img,
.service-two-col-grid .service-card img{
  width:100%!important;
  height:210px!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .25s ease!important;
}
.service-three-col-grid .service-card:hover img,
.service-two-col-grid .service-card:hover img{transform:scale(1.035)!important;}
.service-three-col-grid .service-card h3,
.service-two-col-grid .service-card h3,
.service-three-col-grid .service-card p,
.service-two-col-grid .service-card p{position:relative!important;z-index:2!important;}
.service-three-col-grid .service-card h3 a,
.service-two-col-grid .service-card h3 a{color:#082b57!important;text-decoration:none!important;}
.service-three-col-grid .service-card h3 a:hover,
.service-two-col-grid .service-card h3 a:hover{color:#0e5da6!important;}
.service-three-col-grid .service-card>a.btn,
.service-two-col-grid .service-card>a.btn{display:none!important;}
.member-panel-page .member-shell.member-shell-full,
.member-panel-page .member-shell{
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  padding:0!important;
  margin:0!important;
  background:linear-gradient(135deg,#f7fbff 0%,#edf6ff 45%,#f8fbff 100%)!important;
}
.member-panel-page .panel-layout{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:285px minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
}
.member-panel-page .panel-sidebar.member-menu{
  min-height:100vh!important;
  height:100%!important;
  position:sticky!important;
  top:0!important;
  align-self:start!important;
  overflow-y:auto!important;
  padding:26px 18px!important;
  background:linear-gradient(180deg,#061f48 0%,#0b3769 62%,#0e5da6 100%)!important;
}
.member-panel-page .panel-content{
  width:100%!important;
  max-width:none!important;
  padding:30px!important;
  overflow-x:hidden!important;
}
.member-panel-page .member-panel-topbar{display:none!important;}
.member-return-site{
  margin-top:18px!important;
  padding:15px!important;
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
  background:rgba(255,255,255,.11)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  text-decoration:none!important;
}
.member-return-site i{font-size:1.35rem!important;color:#bfe0ff!important;}
.member-return-site span{display:flex!important;flex-direction:column!important;line-height:1.25!important;}
.member-return-site strong{color:#fff!important;font-size:.92rem!important;}
.member-return-site small{color:rgba(255,255,255,.68)!important;font-size:.76rem!important;}
.member-panel-page .dataTables_wrapper{width:100%!important;}
.member-panel-page table.gmc-member-datatable{width:100%!important;}
.member-panel-page .table-responsive{overflow-x:auto!important;}
.member-panel-page .dataTables_filter input,
.member-panel-page .dataTables_length select{border:1px solid #bdd9f4!important;background:#fff!important;color:#17304f!important;}
.member-panel-page .page-link{color:#0d4d8d!important;}
.member-panel-page .active>.page-link,
.member-panel-page .page-link.active{background:#0b4f93!important;border-color:#0b4f93!important;color:#fff!important;}
.member-panel-page .doc-status,
.member-panel-page .ticket-status,
.member-panel-page .badge-invoice{white-space:nowrap!important;}
.forgot-modal .modal-header{background:linear-gradient(135deg,#f2f8ff,#e6f2ff)!important;border-bottom:1px solid #d7e8fa!important;}
.forgot-modal .modal-content,
.forgot-modal{overflow:hidden!important;}
.admin-nav a[href$="mail-member.php"] i{color:#bfe0ff!important;}
@media(max-width:1199.98px){
  .service-three-col-grid,.service-two-col-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:991.98px){
  .member-panel-page .panel-layout{grid-template-columns:1fr!important;display:block!important;min-height:auto!important;}
  .member-panel-page .panel-sidebar.member-menu{position:relative!important;min-height:auto!important;height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:16px!important;}
  .member-panel-page .panel-sidebar.member-menu h5,
  .member-panel-page .panel-sidebar.member-menu p{grid-column:1/-1!important;margin-bottom:4px!important;}
  .member-panel-page .panel-sidebar.member-menu a{margin:0!important;justify-content:flex-start!important;min-height:46px!important;}
  .member-return-site{grid-column:1/-1!important;margin-top:2px!important;}
  .member-panel-page .panel-content{padding:18px 12px!important;}
}
@media(max-width:767.98px){
  .service-three-col-grid,.service-two-col-grid{grid-template-columns:1fr!important;}
  .service-three-col-grid .service-card img,.service-two-col-grid .service-card img{height:225px!important;}
}
@media(max-width:575.98px){
  .member-panel-page .panel-sidebar.member-menu{grid-template-columns:1fr!important;}
  body:not(.admin-body):not(.member-panel-page) h2,
  body:not(.admin-body):not(.member-panel-page) .hero h2,
  body:not(.admin-body):not(.member-panel-page) .page-hero h2{font-size:30px!important;}
}

/* =========================================================
   FIX 14: FAQ question visibility + white hero heading gradient
   Applied after all previous theme overrides.
========================================================= */
body:not(.admin-body):not(.member-panel-page) .page-hero h1,
body:not(.admin-body):not(.member-panel-page) .page-hero h2,
body:not(.admin-body):not(.member-panel-page) .hero h1,
body:not(.admin-body):not(.member-panel-page) .hero h2,
body:not(.admin-body):not(.member-panel-page) .service-detail-hero h1,
body:not(.admin-body):not(.member-panel-page) .service-detail-hero h2{
  color:#ffffff!important;
  background:linear-gradient(90deg,#ffffff 0%,#eef7ff 52%,#c7e2ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 4px 20px rgba(0,0,0,.26)!important;
  filter:drop-shadow(0 2px 8px rgba(0,25,55,.18))!important;
}
body:not(.admin-body):not(.member-panel-page) .page-hero p,
body:not(.admin-body):not(.member-panel-page) .hero p,
body:not(.admin-body):not(.member-panel-page) .service-detail-hero p{
  color:rgba(255,255,255,.95)!important;
  -webkit-text-fill-color:rgba(255,255,255,.95)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.28)!important;
}
body:not(.admin-body):not(.member-panel-page) .page-hero .eyebrow,
body:not(.admin-body):not(.member-panel-page) .hero .eyebrow{
  background:rgba(255,255,255,.82)!important;
  color:#0b4f93!important;
  -webkit-text-fill-color:#0b4f93!important;
  border:1px solid rgba(255,255,255,.45)!important;
}
.faq-modern-accordion .accordion-header,
.faq-modern-accordion .accordion-header h2{
  margin:0!important;
  padding:0!important;
  font-size:1rem!important;
  line-height:1.35!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
}
.faq-modern-accordion .accordion-button{
  min-height:58px!important;
  padding:17px 48px 17px 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  font-size:1rem!important;
  line-height:1.45!important;
  white-space:normal!important;
  color:#17304f!important;
  -webkit-text-fill-color:#17304f!important;
  opacity:1!important;
  text-indent:0!important;
  overflow:visible!important;
}
.faq-modern-accordion .accordion-button .faq-question-label,
.faq-modern-accordion .accordion-button .faq-question-label span,
.faq-modern-accordion .accordion-button span,
.faq-modern-accordion .accordion-button strong{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  color:#17304f!important;
  -webkit-text-fill-color:#17304f!important;
  opacity:1!important;
  visibility:visible!important;
}
.faq-modern-accordion .accordion-button .faq-question-label i{
  flex:0 0 auto!important;
  color:#0b6eb9!important;
  -webkit-text-fill-color:#0b6eb9!important;
  font-size:1.05rem!important;
}
.faq-modern-accordion .accordion-button:not(.collapsed) .faq-question-label,
.faq-modern-accordion .accordion-button:not(.collapsed) .faq-question-label span{
  color:#0d4d8d!important;
  -webkit-text-fill-color:#0d4d8d!important;
}
.faq-modern-accordion .accordion-button::after{
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin-left:0!important;
  flex:0 0 auto!important;
  opacity:1!important;
}
.faq-modern-accordion .accordion-button:not(.collapsed)::after{
  transform:translateY(-50%) rotate(-180deg)!important;
}
.faq-modern-accordion .accordion-body,
.faq-modern-accordion .faq-answer{
  font-size:.98rem!important;
  line-height:1.8!important;
  color:#33475b!important;
  -webkit-text-fill-color:#33475b!important;
  opacity:1!important;
  visibility:visible!important;
}
.faq-modern-accordion .faq-item[style*="display: none"]{display:none!important;}
@media(max-width:575.98px){
  .faq-modern-accordion .accordion-button{padding:15px 44px 15px 14px!important;font-size:.95rem!important;}
  body:not(.admin-body):not(.member-panel-page) .page-hero h1,
  body:not(.admin-body):not(.member-panel-page) .page-hero h2,
  body:not(.admin-body):not(.member-panel-page) .hero h1,
  body:not(.admin-body):not(.member-panel-page) .hero h2{font-size:30px!important;}
}

/* GMC FIX 17 - Support threaded messages */
.support-thread-card{overflow:hidden!important;}
.support-thread{display:flex;flex-direction:column;gap:16px;max-height:none;}
.support-message{width:min(92%,760px);border:1px solid rgba(15,71,135,.14);background:#fff;padding:16px 18px;box-shadow:0 14px 32px rgba(10,45,92,.06);}
.support-message.member{align-self:flex-start;background:linear-gradient(135deg,#ffffff 0%,#f4f9ff 100%);border-left:4px solid #6aa7ea;}
.support-message.admin{align-self:flex-end;background:linear-gradient(135deg,#eaf4ff 0%,#f6fbff 100%);border-left:4px solid #062b57;}
.support-message-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px;color:#082b57;font-size:13px;}
.support-message-meta strong{font-size:14px;color:#082b57;}
.support-message-meta span{color:#6b7f99;white-space:nowrap;}
.support-message-body{font-size:15px;line-height:1.72;color:#17304f;word-break:break-word;}
.support-message-body p{margin:0 0 10px;}
.support-message-body p:last-child{margin-bottom:0;}
.support-message-body img{max-width:100%;height:auto;display:block;margin:10px 0;}
.support-message-body table{width:100%;max-width:100%;border-collapse:collapse;margin:12px 0;}
.support-message-body table th,.support-message-body table td{border:1px solid rgba(15,71,135,.16);padding:8px;}
@media (max-width: 767.98px){.support-message{width:100%;padding:14px}.support-message.admin,.support-message.member{align-self:stretch}.support-message-meta{display:block}.support-message-meta span{display:block;margin-top:4px}}

/* Fix 18: member contract workflow */
.contract-status,
.doc-status,
.badge-soft{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:7px 10px!important;
  border:1px solid #d8e8fa!important;
  background:#f5fbff!important;
  color:#17304f!important;
  font-weight:700!important;
  font-size:12px!important;
  line-height:1.1!important;
}
.contract-status.waiting{background:#eef7ff!important;color:#17466f!important;border-color:#bfe0ff!important;}
.contract-status.pending{background:#fff8e8!important;color:#7a5200!important;border-color:#ffe3a3!important;}
.contract-status.approved{background:#edfdf5!important;color:#10613a!important;border-color:#bcefd4!important;}
.contract-status.rejected{background:#fff1f2!important;color:#991b1b!important;border-color:#fecdd3!important;}
.contract-inline-upload{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(160px,1fr) auto;gap:8px;align-items:center;min-width:480px;}
.timeline-html-cell{max-width:520px;line-height:1.55;color:#17304f;}
.timeline-html-cell p{margin-bottom:.45rem;}
.timeline-html-cell ul,.timeline-html-cell ol{margin-bottom:.45rem;padding-left:1.15rem;}
.contract-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.contract-stats{grid-template-columns:repeat(5,minmax(0,1fr));}
.admin-card h5 i,.content-box h4 i{color:#0b3766;}
@media(max-width:1199.98px){.contract-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.contract-stats{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:767.98px){.contract-inline-upload{grid-template-columns:1fr;min-width:0;}.contract-summary-grid,.contract-stats{grid-template-columns:1fr!important;}.timeline-html-cell{max-width:none;}}

/* Fix 19: member sidebar full height + FAQ admin stacked blocks */
.member-panel-page{
  min-height:100vh!important;
  background:linear-gradient(135deg,#f7fbff 0%,#edf6ff 45%,#f8fbff 100%)!important;
}
.member-panel-page .member-shell,
.member-panel-page .member-shell.member-shell-full{
  min-height:100vh!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.member-panel-page .panel-layout{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
}
.member-panel-page .panel-sidebar.member-menu{
  min-height:100vh!important;
  height:100vh!important;
  max-height:100vh!important;
  position:sticky!important;
  top:0!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:26px 18px!important;
}
.member-panel-page .panel-sidebar.member-menu a.member-home-link{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.30)!important;
  font-weight:900!important;
}
.member-panel-page .panel-sidebar.member-menu a.member-home-link i{
  color:#ffffff!important;
}
.member-panel-page .panel-sidebar.member-menu .member-return-site{
  margin-top:auto!important;
}
.member-panel-page .panel-content{
  min-height:100vh!important;
}
@media(max-width:991.98px){
  .member-panel-page .panel-layout{
    min-height:auto!important;
    display:block!important;
    grid-template-columns:1fr!important;
  }
  .member-panel-page .panel-sidebar.member-menu{
    height:auto!important;
    max-height:none!important;
    min-height:auto!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    padding:16px!important;
  }
  .member-panel-page .panel-sidebar.member-menu .member-return-site{
    margin-top:8px!important;
  }
  .member-panel-page .panel-content{
    min-height:auto!important;
  }
}

/* =========================================================
   Fix 20: member mobile drawer + service image upload + full width admin
========================================================= */
.admin-body .admin-wrap{
  width:100%!important;
  max-width:100vw!important;
  grid-template-columns:280px minmax(0,1fr)!important;
}
.admin-body .admin-main{
  width:100%!important;
  max-width:none!important;
  padding:24px 24px 40px!important;
  overflow-x:hidden!important;
}
.admin-body .admin-card,
.admin-body .table-responsive,
.admin-body .dataTables_wrapper{
  width:100%!important;
  max-width:none!important;
}
@media(min-width:992px){
  .admin-body .admin-side{
    height:100vh!important;
    min-height:100vh!important;
    position:sticky!important;
    top:0!important;
    overflow-y:auto!important;
  }
}
@media(max-width:991.98px){
  .admin-body .admin-wrap{display:block!important;max-width:100%!important;}
  .admin-body .admin-main{padding:76px 12px 24px!important;}
}

.service-admin-preview{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px!important;
  background:#f4f9ff!important;
  border:1px solid #d7e8fa!important;
}
.service-admin-preview img{
  width:150px!important;
  height:88px!important;
  object-fit:cover!important;
  border:1px solid #d7e8fa!important;
  background:#fff!important;
}
.service-admin-preview span{color:#5e7287!important;font-size:.92rem!important;}
.service-admin-thumb{
  width:74px!important;
  height:46px!important;
  object-fit:cover!important;
  display:block!important;
  border:1px solid #d7e8fa!important;
  background:#fff!important;
}

.member-mobile-bar,
.member-mobile-overlay,
.member-sidebar-mobile-head{display:none!important;}
@media(min-width:992px){
  .member-panel-page .panel-layout{
    grid-template-columns:300px minmax(0,1fr)!important;
    min-height:100vh!important;
  }
  .member-panel-page .panel-sidebar.member-menu{
    min-height:100vh!important;
    height:100vh!important;
    max-height:100vh!important;
    transform:none!important;
  }
}
@media(max-width:991.98px){
  .member-panel-page{overflow-x:hidden!important;}
  .member-panel-page.member-menu-open{overflow:hidden!important;}
  .member-panel-page .member-shell,
  .member-panel-page .member-shell.member-shell-full{
    padding:0!important;
    min-height:100vh!important;
  }
  .member-mobile-bar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    position:sticky!important;
    top:0!important;
    z-index:1035!important;
    padding:10px 12px!important;
    background:rgba(255,255,255,.94)!important;
    border-bottom:1px solid #d7e8fa!important;
    box-shadow:0 12px 30px rgba(8,43,87,.10)!important;
    backdrop-filter:blur(14px)!important;
  }
  .member-mobile-menu-btn,
  .member-mobile-home{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:42px!important;
    padding:9px 13px!important;
    border:1px solid #0b4f93!important;
    background:#062b57!important;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:800!important;
    font-size:14px!important;
    line-height:1!important;
  }
  .member-mobile-home{
    background:#f3f8ff!important;
    color:#062b57!important;
    border-color:#c9def3!important;
    flex:1 1 auto!important;
  }
  .member-sidebar-mobile-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:0 0 14px!important;
    margin-bottom:10px!important;
    border-bottom:1px solid rgba(255,255,255,.18)!important;
    color:#fff!important;
  }
  .member-sidebar-mobile-head strong{font-size:1rem!important;color:#fff!important;}
  .member-sidebar-mobile-head button{
    width:38px!important;
    height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.25)!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
  }
  .member-mobile-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1040!important;
    background:rgba(2,19,42,.50)!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:opacity .22s ease, visibility .22s ease!important;
  }
  .member-panel-page.member-menu-open .member-mobile-overlay{
    opacity:1!important;
    visibility:visible!important;
  }
  .member-panel-page .panel-layout{
    display:block!important;
    min-height:auto!important;
    grid-template-columns:1fr!important;
  }
  .member-panel-page .panel-sidebar.member-menu,
  .member-panel-page .panel-sidebar.member-menu.collapse,
  .member-panel-page .panel-sidebar.member-menu.collapse:not(.show),
  .member-panel-page .panel-sidebar.member-menu.collapsing{
    display:flex!important;
    flex-direction:column!important;
    position:fixed!important;
    z-index:1045!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(86vw,340px)!important;
    max-width:340px!important;
    min-height:100vh!important;
    height:100vh!important;
    max-height:100vh!important;
    margin:0!important;
    padding:18px 14px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:translateX(-106%)!important;
    transition:transform .24s ease!important;
    box-shadow:24px 0 56px rgba(2,19,42,.24)!important;
  }
  .member-panel-page.member-menu-open .panel-sidebar.member-menu,
  .member-panel-page.member-menu-open .panel-sidebar.member-menu.collapse,
  .member-panel-page.member-menu-open .panel-sidebar.member-menu.collapse:not(.show),
  .member-panel-page.member-menu-open .panel-sidebar.member-menu.collapsing{
    transform:translateX(0)!important;
  }
  .member-panel-page .panel-sidebar.member-menu h5,
  .member-panel-page .panel-sidebar.member-menu p{
    margin-bottom:8px!important;
  }
  .member-panel-page .panel-sidebar.member-menu a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:44px!important;
    margin:0 0 6px!important;
    padding:11px 12px!important;
    font-size:14px!important;
    line-height:1.25!important;
  }
  .member-panel-page .panel-sidebar.member-menu .member-return-site{
    margin-top:auto!important;
    min-height:64px!important;
  }
  .member-panel-page .panel-content{
    width:100%!important;
    min-height:auto!important;
    padding:18px 12px 28px!important;
    overflow-x:hidden!important;
  }
}
@media(max-width:420px){
  .member-mobile-bar{gap:7px!important;padding:9px!important;}
  .member-mobile-menu-btn,.member-mobile-home{font-size:13px!important;padding:9px 10px!important;}
  .member-panel-page .panel-sidebar.member-menu{width:90vw!important;max-width:90vw!important;}
}

/* =========================================================
   Fix 21: admin full-height side menu + service advisory fields
========================================================= */
@media(min-width:992px){
  .admin-body .admin-wrap{
    display:block!important;
    min-height:100vh!important;
    width:100%!important;
    max-width:100vw!important;
  }
  .admin-body .admin-side{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:280px!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    padding:18px!important;
    z-index:1045!important;
  }
  .admin-body .admin-side-head{flex:0 0 auto!important;}
  .admin-body .admin-nav{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    flex:1 1 auto!important;
    gap:3px!important;
    padding-bottom:20px!important;
  }
  .admin-body .admin-main{
    margin-left:280px!important;
    width:calc(100% - 280px)!important;
    max-width:none!important;
    min-height:100vh!important;
    padding:26px 28px 44px!important;
  }
}
@media(max-width:991.98px){
  .admin-body .admin-side{display:block!important;}
  .admin-body .admin-main{margin-left:0!important;width:100%!important;}
}

.installment-editor{
  background:#f4f9ff!important;
  border:1px solid #d7e8fa!important;
  padding:16px!important;
}
.installment-table th{
  color:#0a2f58!important;
  font-size:.82rem!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.installment-table .form-control{min-width:110px!important;}

.service-detail-meta-section{background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%)!important;}
.service-detail-meta-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.service-meta-card{
  background:#ffffff!important;
  border:1px solid #d8e8fa!important;
  box-shadow:0 20px 46px rgba(23,48,79,.08)!important;
  padding:22px!important;
  min-height:132px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.service-meta-card i{
  width:44px!important;
  height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:12px!important;
  background:#eaf5ff!important;
  color:#0a2f58!important;
  font-size:1.25rem!important;
}
.service-meta-card span{
  color:#6a7f95!important;
  font-size:.84rem!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.service-meta-card strong{
  color:#082b57!important;
  font-size:1.18rem!important;
  margin-top:4px!important;
}
.service-installment-box h3,
.service-info-box h3{
  color:#082b57!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  margin-bottom:16px!important;
}
.service-info-box .rich-text,
.service-info-box .rich-text p,
.service-detail-content,
.service-detail-content p{
  color:#17304f!important;
  line-height:1.85!important;
}
.service-advisory-row{align-items:stretch!important;}
@media(max-width:991.98px){
  .service-detail-meta-grid{grid-template-columns:1fr!important;}
  .service-meta-card{min-height:auto!important;}
}

/* GMC FIX 27 - Üye paneli DataTables modern detay oku */
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control{
  position:relative!important;
  cursor:pointer!important;
  padding-left:64px!important;
  min-width:150px!important;
  transition:background-color .22s ease, box-shadow .22s ease!important;
}
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  top:50%!important;
  width:36px!important;
  height:36px!important;
  margin-top:-18px!important;
  display:block!important;
  border:1px solid rgba(255,255,255,.68)!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.55),rgba(255,255,255,0) 35%),
    linear-gradient(135deg,#0b3769 0%,#1475c8 54%,#4bb6ff 100%)!important;
  box-shadow:
    0 12px 26px rgba(20,117,200,.28),
    inset 0 1px 0 rgba(255,255,255,.42)!important;
  transform:none!important;
  z-index:1!important;
  transition:transform .22s ease, box-shadow .22s ease, border-radius .22s ease, background .22s ease!important;
}
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:after,
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:after{
  content:""!important;
  position:absolute!important;
  left:29px!important;
  top:50%!important;
  width:10px!important;
  height:10px!important;
  margin-top:-5px!important;
  border-top:2.5px solid #fff!important;
  border-right:2.5px solid #fff!important;
  border-radius:1px!important;
  transform:rotate(45deg)!important;
  z-index:2!important;
  transition:transform .22s ease, left .22s ease!important;
  filter:drop-shadow(0 1px 2px rgba(6,31,72,.24))!important;
}
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr:hover > td.dtr-control:before,
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr:hover > th.dtr-control:before{
  transform:translateX(2px) scale(1.04)!important;
  border-radius:16px!important;
  box-shadow:
    0 16px 34px rgba(20,117,200,.34),
    inset 0 1px 0 rgba(255,255,255,.5)!important;
}
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr:hover > td.dtr-control:after,
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr:hover > th.dtr-control:after{
  left:31px!important;
}
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before{
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.55),rgba(255,255,255,0) 35%),
    linear-gradient(135deg,#f4c15d 0%,#f1a923 100%)!important;
  box-shadow:
    0 14px 32px rgba(244,193,93,.34),
    inset 0 1px 0 rgba(255,255,255,.48)!important;
}
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:after,
.member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:after{
  left:30px!important;
  border-color:#082b57!important;
  transform:rotate(135deg)!important;
  filter:none!important;
}
.member-panel-page .dataTables_wrapper .table.dataTable > tbody > tr.child{
  background:transparent!important;
}
.member-panel-page .dataTables_wrapper .table.dataTable > tbody > tr.child td.child{
  padding:0 18px 18px 64px!important;
  border-top:0!important;
  background:linear-gradient(135deg,#f7fbff 0%,#ffffff 100%)!important;
}
.member-panel-page .dataTables_wrapper .dtr-details{
  width:100%!important;
  display:grid!important;
  gap:8px!important;
  padding:14px!important;
  margin:0!important;
  border:1px solid #dcecf9!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 14px 34px rgba(39,103,166,.08)!important;
}
.member-panel-page .dataTables_wrapper .dtr-details li{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:9px 0!important;
  border-bottom:1px solid rgba(220,236,249,.75)!important;
}
.member-panel-page .dataTables_wrapper .dtr-details li:last-child{border-bottom:0!important;}
.member-panel-page .dataTables_wrapper .dtr-title{
  color:#647e98!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  font-size:.74rem!important;
}
.member-panel-page .dataTables_wrapper .dtr-data{
  color:#082b57!important;
  font-weight:750!important;
  text-align:right!important;
}
@media(max-width:575.98px){
  .member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
  .member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control{
    padding-left:58px!important;
    min-width:138px!important;
  }
  .member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
  .member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before{
    left:12px!important;
    width:34px!important;
    height:34px!important;
    margin-top:-17px!important;
  }
  .member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:after,
  .member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:after{
    left:24px!important;
  }
  .member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr:hover > td.dtr-control:after,
  .member-panel-page .dataTables_wrapper .table.dataTable.dtr-inline.collapsed > tbody > tr:hover > th.dtr-control:after{left:25px!important;}
  .member-panel-page .dataTables_wrapper .table.dataTable > tbody > tr.child td.child{padding:0 10px 14px 10px!important;}
}