/* =====================================================================
   e2mp shared modern top bar + footer, for inside/authenticated pages
   (loaded by homepage_header.php and header.php alongside the existing
   template CSS). Scoped to .topbar / .dash-foot so it is safe to load
   with the WorkWise + brand stylesheets — no global a{}/img{} resets.
   Palette matches the reference dashboard (navy / teal / gold).
   ===================================================================== */
:root{
  --nb:#0d2447; --tl1:#0a5960; --tl2:#0d7c86; --tl3:#16a3a5;
  --gd1:#d38a0d; --gd2:#f1b12b; --ln:#e7ebf4; --mut:#6c7a96;
}

/* ---- top bar ---- */
.topbar{ position:sticky; top:0; z-index:1000; background:rgba(255,255,255,0.92) !important;
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border:none !important; border-bottom:1px solid rgba(231,235,244,0.85) !important;
  box-shadow:0 1px 0 rgba(13,36,71,.03) !important; font-family:'Inter',-apple-system,Segoe UI,sans-serif; }
.topbar *{ box-sizing:border-box; }
.topbar::before{ content:""; position:absolute; inset:0 0 auto 0; height:6px;
  background:linear-gradient(90deg,var(--nb),#304eb2,var(--tl2),var(--gd2)); }
.topbar .topbar-inner{ max-width:1600px; margin:0 auto; padding:15px 24px 13px;
  display:flex; align-items:center; gap:22px; }
.topbar .brand{ font-size:2rem; font-weight:800; letter-spacing:-0.03em; color:var(--nb) !important;
  text-decoration:none; line-height:1; }
.topbar .brand span{ color:var(--tl2); }
.topbar .brand sup{ font-size:.5em; font-weight:700; }
.topbar .nav{ display:flex; align-items:center; gap:8px; flex:1; margin:0; padding:0; list-style:none; }
.topbar .nav a{ display:inline-flex; align-items:center; gap:8px; padding:11px 18px; border-radius:999px;
  color:#30405f !important; font-weight:600; font-size:1rem; text-decoration:none; transition:.22s ease; white-space:nowrap; }
.topbar .nav a:hover, .topbar .nav a.active{
  background:linear-gradient(135deg, rgba(10,89,96,0.10), rgba(241,177,43,0.18));
  color:var(--nb) !important; box-shadow:inset 0 0 0 1px rgba(10,89,96,0.08); }
.topbar .nav a i{ font-size:.95em; }
.topbar .topbar-actions{ display:flex; align-items:center; gap:14px; margin-left:auto; }
.topbar .icon-btn{ width:44px; height:44px; border-radius:50%; display:grid; place-items:center;
  background:linear-gradient(180deg,#fff,#f2f5fb); border:1px solid var(--ln); color:var(--nb) !important;
  position:relative; text-decoration:none; box-shadow:0 8px 24px rgba(31,44,77,0.06); }
.topbar .badge-dot{ position:absolute; top:7px; right:7px; width:10px; height:10px; background:#ff7f32;
  border:2px solid #fff; border-radius:50%; }
.topbar .user-menu{ position:relative; }
.topbar .user-chip{ display:flex; align-items:center; gap:11px; padding:7px 12px 7px 7px; border-radius:999px;
  background:linear-gradient(135deg, rgba(10,89,96,0.08), rgba(241,177,43,0.12));
  border:1px solid rgba(22,67,97,0.08); cursor:pointer; }
.topbar .avatar{ width:42px; height:42px; border-radius:50%; overflow:hidden; display:grid; place-items:center;
  background:linear-gradient(135deg,#eaf0f7,#dce5f2); color:#789; border:1px solid #dfe7f1; flex:0 0 auto; }
.topbar .avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.topbar .user-meta .name{ font-weight:700; font-size:0.96rem; color:var(--nb); line-height:1.1; }
.topbar .user-meta .sub{ color:var(--mut); font-size:0.82rem; }
.topbar .menu-pop{ position:absolute; right:0; top:calc(100% + 12px); min-width:214px; background:#fff;
  border:1px solid var(--ln); border-radius:16px; box-shadow:0 18px 44px rgba(13,36,71,.16); padding:8px; display:none; z-index:60; }
.topbar .user-menu.open .menu-pop{ display:block; }
.topbar .menu-pop a{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px;
  color:#28415b !important; font-weight:600; font-size:.92rem; text-decoration:none; }
.topbar .menu-pop a:hover{ background:linear-gradient(135deg, rgba(10,89,96,0.08), rgba(241,177,43,0.12)); color:var(--nb) !important; }
.topbar .menu-pop a.danger{ color:#c0392b !important; }

@media (max-width:980px){
  .topbar .topbar-inner{ flex-wrap:wrap; gap:12px; padding:12px 16px; }
  .topbar .nav{ order:3; width:100%; overflow-x:auto; }
  .topbar .topbar-actions{ margin-left:auto; }
}

/* ---- authenticated page canvas: light reference background ---- */
body{ background:
  radial-gradient(circle at top right, rgba(241,177,43,0.10), transparent 22%),
  radial-gradient(circle at top left, rgba(22,163,165,0.09), transparent 24%),
  linear-gradient(180deg,#f7f9fc 0%, #eef2f8 100%) !important;
  background-attachment:fixed; }
.wrapper{ background:transparent !important; }

/* ---- authenticated page-title bar: lighten the old dark breadcrumb hero
     (only loaded on in-app pages, so public marketing heros are untouched) ---- */
.w3l-contact-breadcrum .breadcrum-bg,
.w3l-service-breadcrum .breadcrum-bg{
  background:none !important; padding:26px 0 2px !important; text-align:left !important; }
.w3l-contact-breadcrum .breadcrum-bg .container,
.w3l-service-breadcrum .breadcrum-bg .container{ padding-top:0 !important; padding-bottom:0 !important; }
.w3l-contact-breadcrum .breadcrum-bg h2,
.w3l-service-breadcrum .breadcrum-bg h2,
.w3l-contact-breadcrum .breadcrum-bg h1{
  color:#0d2447 !important; text-align:left !important; font-size:1.85rem !important;
  font-weight:800 !important; letter-spacing:-.02em !important; }
.w3l-contact-breadcrum .breadcrum-bg h2:before,
.w3l-service-breadcrum .breadcrum-bg h2:before{ display:none !important; }
.w3l-contact-breadcrum .breadcrum-bg h2 .btn{ float:right; }

/* ---- authenticated form/content pages: lift the bare content column onto a
     reference-style white card (Founders_portfilo, CreateShortReel,
     CreateiInvestorPitchDeck, ViewListofPotentialInvestors, rating forms).
     :not(:has(.card)) / :not(:has(.steps)) avoids double-boxing pages that
     already provide their own card or the step-wizard. ---- */
.w3l-news #grids5-block{ padding-top:10px !important; padding-bottom:34px !important; }
.w3l-news #grids5-block .col-lg-10:not(:has(.card)):not(:has(.steps)),
.w3l-news #grids5-block .col-md-8:not(:has(.card)):not(:has(.steps)){
  background:#fff !important; border:1px solid var(--ln);
  border-radius:20px; box-shadow:0 12px 35px rgba(28,42,74,0.08);
  padding:28px 32px !important; margin:0 auto 28px !important; float:none !important; }
.w3l-news #grids5-block .row.justify-content-center{ margin-left:0; margin-right:0; }

/* ---- authenticated form pages: modern comfortable fields (Founders_portfilo,
     kyc, question_form, credit_rating text answers, offers, etc.). topbar.css
     only loads on in-app pages, so public forms are untouched. ---- */
.w3l-news .form-group{ margin-bottom:15px; }
.w3l-news .form-group > label,
.w3l-news #contact form label:not(.form-check-label):not(.custom-control-label){
  font-weight:600 !important; color:#28415b !important; font-size:.9rem !important;
  margin-bottom:6px !important; display:block; line-height:1.4; }
.w3l-news .form-group input[type="text"],
.w3l-news .form-group input[type="email"],
.w3l-news .form-group input[type="number"],
.w3l-news .form-group input[type="tel"],
.w3l-news .form-group input[type="date"],
.w3l-news .form-group input[type="password"],
.w3l-news .form-group input[type="url"],
.w3l-news .form-group input:not([type]),
.w3l-news .form-group select,
.w3l-news .form-group textarea,
.w3l-news .floating-input,
.w3l-news .floating-select{
  height:46px !important; padding:11px 14px !important; width:100% !important;
  border:1px solid var(--ln) !important; border-radius:10px !important; background:#fbfdff !important;
  font-family:'Inter',sans-serif !important; font-size:.95rem !important; color:#17233c !important; box-shadow:none !important; }
.w3l-news .form-group textarea,
.w3l-news .floating-textarea{ height:auto !important; min-height:110px !important; padding-top:12px !important; }
.w3l-news .form-group input:focus,
.w3l-news .form-group select:focus,
.w3l-news .form-group textarea:focus,
.w3l-news .floating-input:focus,
.w3l-news .floating-select:focus{
  border-color:var(--tl2) !important; background:#fff !important;
  box-shadow:0 0 0 3px rgba(13,124,134,.12) !important; outline:none !important; }
/* submit / primary action buttons on form pages */
.w3l-news #contact .btn,
.w3l-news #contact button[type="submit"],
.w3l-news #contact input[type="submit"],
.w3l-news .btn-primary2,
.w3l-news .btn.third,
.w3l-news .btn-primary{
  background:linear-gradient(135deg,var(--tl2),var(--nb)) !important; color:#fff !important;
  border:none !important; border-radius:12px !important; padding:12px 28px !important;
  font-weight:700 !important; font-size:.95rem !important; box-shadow:0 10px 22px rgba(13,124,134,.18) !important; cursor:pointer; }
.w3l-news #contact .btn:hover,
.w3l-news .btn-primary2:hover,
.w3l-news .btn.third:hover{ filter:brightness(1.06); transform:translateY(-1px); }
/* section sub-headings inside the form card */
.w3l-news #contact h3,.w3l-news #contact h4,.w3l-news .grid-view h3{
  font-family:'Inter',sans-serif !important; font-weight:800 !important; color:#0d2447 !important;
  font-size:1.15rem !important; margin:18px 0 12px !important; }

/* ---- legacy inside pages that still use the WorkWise 3-column shell
     (independent_offer, counter_offer, form_overview, status_listview,
     dataroom, etc.): the real dashboard is now self-contained, so the old
     left "requisition/toggles" sidebar and right rating rail are just
     clutter here. Hide them and centre the working column. ---- */
.main-section [class*="col-"]:has(> .main-left-sidebar),
.main-section [class*="col-"]:has(> .right-sidebar){ display:none !important; }
.main-section [class*="col-"]:has(> .main-ws-sec){
  flex:0 0 100% !important; max-width:1080px !important; margin:0 auto !important;
  float:none !important; padding-left:15px !important; padding-right:15px !important; }
.main-section .main-ws-sec{ width:100% !important; }
.main-section{ padding:8px 0 40px !important; }
/* the feed-style content cards on these pages already carry .post-bar styling */
.main-section .post-bar{ background:#fff !important; border:1px solid var(--ln) !important;
  border-radius:20px !important; box-shadow:0 12px 35px rgba(28,42,74,0.08) !important;
  padding:26px 30px !important; margin-bottom:22px !important; }

/* ---- help_center account profile (legacy Bootstrap-3 .panel) + legal pages ---- */
.panel.panel-info{ background:#fff !important; border:1px solid var(--ln) !important; border-radius:20px !important;
  box-shadow:0 12px 35px rgba(28,42,74,0.08) !important; overflow:hidden; max-width:1000px; margin:14px auto 0; }
.panel.panel-info .panel-heading{ background:linear-gradient(120deg,#0b262a,#0d2447 55%,#0d7c86) !important;
  color:#fff !important; padding:20px 26px !important; border:none !important; }
.panel.panel-info .panel-title{ color:#fff !important; font-family:'Inter',sans-serif !important; font-weight:800 !important; font-size:1.3rem !important; }
.panel.panel-info .panel-body{ padding:26px !important; }
.img-circle{ border-radius:50% !important; object-fit:cover; border:4px solid #fff; box-shadow:0 8px 20px rgba(13,36,71,.15); }
.table-user-information{ margin:0; }
.table-user-information > tbody > tr{ border-top:1px solid #eef2f8 !important; }
.table-user-information > tbody > tr > td{ padding:12px 14px !important; font-size:.95rem; color:#28415b; border:none !important; }
.table-user-information > tbody > tr > td:first-child{ color:#6c7a96 !important; font-weight:600; width:40%; }
.panel.panel-info .panel-footer{ background:#f7f9fc !important; border-top:1px solid var(--ln) !important; padding:16px 26px !important; display:flex; gap:10px; }
.panel-footer .btn,.btn-success,.btn-warning,.btn-danger{ border-radius:10px !important; padding:9px 18px !important; font-weight:600 !important; border:none !important; }
.btn-success{ background:linear-gradient(135deg,var(--tl2),var(--nb)) !important; color:#fff !important; }
.panel-footer .btn-warning{ background:var(--gd2) !important; color:#3a2a08 !important; }
.panel-footer .btn-danger{ background:#fff !important; border:1px solid #f0cfcf !important; color:#c0392b !important; }

/* ---- legal/utility text pages (privacy_policy, terms_of_use, risk): readable card ---- */
.main-section .main-section-data > .row:only-child,
.w3l-news .container > p, .w3l-news .container > h3{ }
.main-section .col-xs-12:has(> p), .main-section .col-sm-12:has(> p){
  background:#fff; border:1px solid var(--ln); border-radius:18px; padding:26px 30px !important;
  box-shadow:0 12px 35px rgba(28,42,74,0.06); max-width:960px; margin:14px auto; }

/* ---- One-Pager / questionnaire wizard (question_form_new -> form/new_index.php,
     also CreateiInvestorPitchDeck / question_form_investor which use .grid-view) ---- */
.w3l-news .grid-view{ background:#fff; border:1px solid var(--ln); border-radius:22px;
  box-shadow:0 14px 40px rgba(28,42,74,0.08); padding:30px 34px !important; max-width:1050px; margin:10px auto 30px; }
#signup-form .form-group input[type="text"],
#signup-form .form-group input[type="email"],
#signup-form .form-group input[type="number"],
#signup-form .form-group input:not([type]),
#signup-form .form-group select,
#signup-form .form-group textarea,
#signup-form .form-flex input,
#signup-form .form-flex select{
  border:1px solid var(--ln) !important; border-radius:10px !important; height:46px !important;
  padding:11px 14px !important; background:#fbfdff !important; width:100% !important;
  box-shadow:none !important; font-family:'Inter',sans-serif !important; font-size:.95rem !important; color:#17233c !important; }
#signup-form .form-group textarea{ height:auto !important; min-height:100px !important; }
#signup-form .form-group input:focus,#signup-form .form-group select:focus,#signup-form .form-flex input:focus{
  border-color:var(--tl2) !important; background:#fff !important; box-shadow:0 0 0 3px rgba(13,124,134,.12) !important; outline:none !important; }
#signup-form .form-label,#signup-form .form-row > label{ font-weight:600 !important; color:#28415b !important; font-size:.92rem !important; }
#signup-form .desc{ color:var(--mut) !important; }

/* ---- file inputs on authenticated form pages (e.g. CreateShortReel video upload) ---- */
.w3l-news input[type="file"],#signup-form input[type="file"]{
  border:1.5px dashed var(--ln) !important; border-radius:10px !important; padding:13px 14px !important;
  background:#f7f9fc !important; width:100% !important; height:auto !important; cursor:pointer;
  font-family:'Inter',sans-serif !important; font-size:.9rem !important; color:var(--mut) !important; }
.w3l-news input[type="file"]:hover{ border-color:var(--tl2) !important; background:#f2f7fc !important; }

/* =====================================================================
   Reported by QA on searchmatch_detailview (all ?type= variants:
   Capital, Project Finance, Unsecured Loan, Bill Discounting,
   Compliance Matrix, Credit rating, Credit Score, Present Governance
   Standard, ...). Two fixes, both apply to every in-app page.
   ===================================================================== */

/* 1) STICKY FOOTER — short/empty result pages left the footer floating
      mid-screen with ~226px of blank space beneath it. Pin it to the
      bottom of the viewport when content is shorter than the window.
      Scoped with :has() to pages carrying the app topbar. */
body:has(header.topbar){ display:flex; flex-direction:column; min-height:100vh; }
/* layout A - homepage: body > main + footer (the .wrapper self-closes there) */
body:has(header.topbar) > main{ flex:1 0 auto; }
body:has(header.topbar) > footer{ margin-top:auto; flex-shrink:0; }
/* layout B - most inside pages: body > .wrapper > (main + footer) */
body:has(header.topbar) > .wrapper{ flex:1 0 auto; display:flex; flex-direction:column; }
body:has(header.topbar) > .wrapper > main{ flex:1 0 auto; }
body:has(header.topbar) > .wrapper > footer{ margin-top:auto; flex-shrink:0; }
/* keep the 3-column shell full width inside the flex column */
body:has(header.topbar) main > .main-section{ width:100%; }

/* 2) READABLE RESULT TEXT — the template sets font-weight:200 (ultra-thin)
      on these headings, which QA reported as "not visible". */
.main-ws-sec .post-bar h2,
.main-ws-sec .job-status-bar h2,
.main-section .post-bar h2{
  font-family:'Inter',sans-serif !important;
  font-size:16.5px !important; font-weight:600 !important;
  color:#0d2447 !important; line-height:1.55 !important; }
.main-ws-sec .post-bar h1,
.main-section .post-bar h1{
  font-family:'Inter',sans-serif !important; font-size:20px !important;
  font-weight:800 !important; color:#0d2447 !important; }
.main-ws-sec .post-bar h1 strong{ font-weight:800 !important; }
/* breadcrumb line under the title (was default bootstrap blue) */
.main-ws-sec .post-bar a:not(.btn):not(.bid_now),
.main-section .post-bar a:not(.btn):not(.bid_now){ color:#0d7c86 !important; font-weight:600; }
.main-ws-sec .post-bar a:not(.btn):not(.bid_now):hover{ color:#0d2447 !important; }