/* =====================================================================
   E2MP global brand theme  —  applies the teal/gold design system to
   every inside page's shared template components (page heros, buttons,
   headings, forms, cards, tables). Loaded via navigation.php (public)
   and homepage_header.php (authenticated).

   Deliberately targets the template's own classes so it themes all
   ~197 pages without editing each file. Header, footer and the bespoke
   .e2mp-home / .e2mp-reg pages are styled elsewhere and untouched here.
   ===================================================================== */
:root{
  --e2-ink:#0E2F33; --e2-teal:#1F5D57; --e2-green:#2E7D6B;
  --e2-gold:#CDA15A; --e2-cream:#F6F2EA; --e2-tint:#eef4f2; --e2-line:#e3ede9;
  --e2-text:#3c4b49; --e2-muted:#6d7d7a;
}

/* ---------- Typography ---------- */
body{ font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif; color:var(--e2-text); }
.w3l-news h1,.w3l-news h2,.w3l-news h3,.w3l-news h4,.w3l-news h5,
.grids5-block h1,.grids5-block h2,.grids5-block h3,.grids5-block h4{
  font-family:"Poppins","Inter",sans-serif; color:var(--e2-ink);
}

/* ---------- Page hero (breadcrumb banners) ---------- */
.w3l-contact-breadcrum .breadcrum-bg,
.w3l-service-breadcrum .breadcrum-bg,
.w3l-about-breadcrum   .breadcrum-bg{
  background:
    radial-gradient(620px 240px at 86% 10%, rgba(205,161,90,.12), transparent 70%),
    linear-gradient(120deg,#0b262a 0%, var(--e2-ink) 55%, #123f3a 100%) !important;
  padding:16px 0 18px !important;   /* compact — was 52/58 (~70% shorter) */
  position:relative; text-align:center;
}
/* neutralise the Bootstrap py-* padding on the inner container so it doesn't re-inflate the banner */
.w3l-contact-breadcrum .breadcrum-bg .container,
.w3l-service-breadcrum .breadcrum-bg .container,
.w3l-about-breadcrum   .breadcrum-bg .container{
  padding-top:4px !important; padding-bottom:4px !important;
}
.w3l-contact-breadcrum .breadcrum-bg h2,
.w3l-service-breadcrum .breadcrum-bg h2,
.w3l-about-breadcrum   .breadcrum-bg h2,
.w3l-contact-breadcrum .breadcrum-bg h1,
.w3l-service-breadcrum .breadcrum-bg h1{
  color:#ffffff !important; font-family:"Poppins","Inter",sans-serif !important;
  font-weight:600 !important; font-size:26px !important; letter-spacing:-.3px; margin:0 !important;
}
.w3l-contact-breadcrum .breadcrum-bg h2:before,
.w3l-service-breadcrum .breadcrum-bg h2:before,
.w3l-about-breadcrum   .breadcrum-bg h2:before{
  content:""; display:block; width:46px; height:3px; border-radius:2px;
  background:var(--e2-gold); margin:0 auto 10px;
}
@media (max-width:600px){
  .w3l-contact-breadcrum .breadcrum-bg,
  .w3l-service-breadcrum .breadcrum-bg,
  .w3l-about-breadcrum   .breadcrum-bg{ padding:16px 0 18px !important; }
  .w3l-contact-breadcrum .breadcrum-bg h2,
  .w3l-service-breadcrum .breadcrum-bg h2,
  .w3l-about-breadcrum   .breadcrum-bg h2{ font-size:23px !important; }
}
.w3l-contact-breadcrum .breadcrum-bg a,
.w3l-service-breadcrum .breadcrum-bg a,
.w3l-about-breadcrum   .breadcrum-bg a{ color:#d8e4e0 !important; }
.w3l-contact-breadcrum .breadcrum-bg a:hover{ color:var(--e2-gold) !important; }

/* ---------- Buttons ---------- */
.btn-primary,.btn-primary2,.btn.third,.btn-secondary.btn-theme2,
.btn1.active-btn{
  background:var(--e2-teal) !important; border:1.5px solid var(--e2-teal) !important;
  color:#ffffff !important; border-radius:7px !important; font-weight:600 !important;
  font-family:"Inter",sans-serif !important; box-shadow:none !important;
  background-image:none !important; transition:.16s;
}
.btn-primary:hover,.btn-primary2:hover,.btn.third:hover,
.btn-secondary.btn-theme2:hover,.btn1.active-btn:hover{
  background:var(--e2-ink) !important; border-color:var(--e2-ink) !important; color:#fff !important;
}
/* gold accent button variant if any uses .btn-gold */
.btn-gold{ background:var(--e2-gold) !important; border:1.5px solid var(--e2-gold) !important; color:var(--e2-ink) !important; border-radius:7px !important; font-weight:600 !important; }

/* ---------- Content links ---------- */
.w3l-news a:not(.btn):not([class*="btn-"]){ color:var(--e2-teal); }
.w3l-news a:not(.btn):not([class*="btn-"]):hover{ color:var(--e2-ink); }

/* ---------- Form controls ---------- */
.form-control,input.form-control,select.form-control,textarea.form-control{
  border-radius:7px !important; border:1px solid var(--e2-line) !important;
}
.form-control:focus{
  border-color:var(--e2-teal) !important; box-shadow:0 0 0 3px rgba(31,93,87,.12) !important;
}
label{ color:var(--e2-ink); }

/* ---------- Cards ---------- */
.w3l-news .card,.grids5-block .card{
  border-radius:12px !important; border:1px solid var(--e2-line) !important;
}

/* ---------- Tables ---------- */
.w3l-news table thead th,.grids5-block table thead th,.table thead th{
  background:var(--e2-tint) !important; color:var(--e2-ink) !important;
  border-color:var(--e2-line) !important; font-family:"Inter",sans-serif;
}
.w3l-news table td,.w3l-news table th,.table td,.table th{ border-color:var(--e2-line) !important; }

/* ---------- Section tint helper ---------- */
.w3l-news{ background:#ffffff; }

/* ---------- Accent selection ---------- */
::selection{ background:rgba(205,161,90,.30); }

/* =====================================================================
   Authenticated dashboard theme (index.php?module=homepage and the
   shared 3-column shell: leftbar / middle feed / right rating panels).
   Colour + surface only — layout/positioning untouched.
   ===================================================================== */
.wrapper{ background:#f3f7f5 !important; }

/* panels & cards -> white, rounded, hairline, soft shadow */
.main-left-sidebar .suggestions,
.right-sidebar .widget,
.main-ws-sec .user-profile,
.main-ws-sec .top-profiles,
.acc-leftbar,
.job-info,
.company_profile_info{
  background:#ffffff !important;
  border:1px solid var(--e2-line) !important;
  border-radius:14px !important;
  box-shadow:0 12px 28px -22px rgba(14,47,51,.35) !important;
}

/* panel / section titles */
.sd-title h3,.sd-title h4,.right-sidebar .widget h3,.widget-about h3,
.pf-hd h3,.username-dt h3,.main-ws-sec h3.sd-title{
  font-family:"Poppins","Inter",sans-serif !important; color:var(--e2-ink) !important; font-weight:600;
}

/* match / company cards */
.company_profile_info{ transition:.18s; overflow:hidden; }
.company_profile_info:hover{ transform:translateY(-4px);
  box-shadow:0 22px 42px -26px rgba(14,47,51,.42) !important; border-color:#d6e5df !important; }
.company-up-info h3,.company-up-info h4{ color:var(--e2-ink) !important; font-family:"Poppins",sans-serif !important; }
.link-two:hover .company_profile_info{ border-color:var(--e2-teal) !important; }

/* toggle switches -> teal when on */
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label:before{
  background-color:var(--e2-teal) !important; border-color:var(--e2-teal) !important;
}

/* star ratings -> gold */
.fa-star,.fa-star-half-o,.fa-star-o,.hr-rate .fa,.star .fa,.widget_rating .fa{
  color:var(--e2-gold) !important;
}

/* nav tabs inside sidebars */
.acc-leftbar .nav-tabs .nav-link{ color:var(--e2-ink) !important; border:none !important; }
.acc-leftbar .nav-tabs .nav-link.active{ color:var(--e2-teal) !important; background:transparent !important; }

/* dashboard links / sign links */
.right-sidebar .sign_link a,.job-dt a,.main-ws-sec a.link-two{ color:var(--e2-teal) !important; }
.right-sidebar .sign_link a:hover,.job-dt a:hover{ color:var(--e2-ink) !important; }

/* connect / bell icons accent */
.notbar .fa-connectdevelop,.widget .fa-connectdevelop{ color:var(--e2-teal) !important; }
.notbar .fa-bell,.sd-title .fa-bell{ color:var(--e2-gold) !important; }

/* profile cover / avatar accents */
.user-profile .user-data{ border-radius:14px 14px 0 0 !important; }
.username-dt{ border-radius:0 0 14px 14px !important; }

/* =====================================================================
   PHASE 0 — Global authenticated re-skin. Scoped to (the
   WorkWise 3-column app shell used by ~all logged-in inside pages) so
   public pages are untouched. Neutralises the template's coral (#e44d3a)
   + purple (#383450) + Arial identity; applies brand forms / buttons /
   tables / badges so every inside page inherits the theme at once.
   ===================================================================== */

/* Arial -> Inter/Poppins across the whole app shell */
.wrapper, p, span, li, a, td,
th, label, input, select, textarea,
button, div{
  font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif;
}
h1,h2,h3,h4,h5,h6{
  font-family:"Poppins","Inter",sans-serif; color:var(--e2-ink);
}

/* coral accent -> teal (titles, links, icons) */
.con-title,.filter-heading h3,.post-project h3,
.bx-info h3,.helpform h3,.helpform a,.helpforum a,
.job_descp > p a,.cover-sec > a,.lt-sec > a,
.view-all-nots > a,.view-more > a,.brochure a,
.copylink a,.postcomment a,.replybtn,
.like-com li span,.chat-mg span,.msg-status,
.widget-about p,.message-us,.envlp,.sponser i,
.privacy i,.privacy .la-check,.billing-method ul li i,
.bk-links li i.la-envelope,.widget-feat ul li i.fa-comment,
.paymethd p,.add-dp i,.topsearch i,.con-title{
  color:var(--e2-teal) !important;
}
/* link hovers -> ink */
.like-com li a:hover,.react-links li a:hover,
.comment > a:hover,.tags-sec ul li a:hover,
.user-profy > a:hover,.ed-opts > a:hover,
.job-status-bar > a:hover,.next-prev > a:hover,
.view-more > a:hover,.sign_link > a:hover,
.privabtns a:hover,.devepbtn a:hover,.btns a:hover,
.inner li a:hover,#my-bids li a:hover,#saved-jobs li a:hover,
.suggestion-usd > span i:hover,.add-dp i:hover,
.filter--tt2 .dropdown .dropdown-menu a:hover{
  color:var(--e2-ink) !important;
}

/* coral backgrounds (buttons, badges, active states) -> teal */
.sign_in_sec form button,.search-box form button,
.search_form form button,.mf-field button,
.comment_box form button,.post_comment_sec form button,
.payment_methods form button,.typing-msg form button,
.widget-about button,.cadidatesbtn button,
.place-bid-btn,.save,.save-stngs ul li button,
.clrbtn a,.message-btn a,.ask-question,
.add-pic-box [type="file"] + label,.file-submit [type="file"] + label,
.select-files button,.custom-file-input::before,
.tab-feed ul li.active span,
.post-project-fields form ul li button.active,
.signup-tab ul li.current a,.sign-control li.current a,
.pagination li .page-link.active,
#my-bids .nav-tabs .nav-link.active,#saved-jobs .nav-tabs .nav-link.active,
.user-fw-status li a{
  background-color:var(--e2-teal) !important; border-color:var(--e2-teal) !important; color:#fff !important;
}
.sign_in_sec form button:hover,.search-box form button:hover,
.mf-field button:hover,.comment_box form button:hover,
.widget-about button:hover,.cadidatesbtn button:hover,
.place-bid-btn:hover,.save:hover,.ask-question:hover,
.add-pic-box [type="file"] + label:hover,
.file-submit [type="file"] + label:hover,
.select-files button:hover,.save-stngs ul li button:hover,
.custom-file-input:hover::before{
  background-color:var(--e2-ink) !important;
}
/* gold emphasis where coral marked 'primary' flourishes */
.payment_methods h4:after,.sign_in_sec h3:before{ background-color:var(--e2-gold) !important; }

/* purple profile panel (#383450) -> brand teal->ink cover */
.username-dt{
  background:linear-gradient(135deg,var(--e2-teal) 0%, var(--e2-ink) 100%) !important;
}
.username-dt h3,.username-dt span,.username-dt a,
.username-dt p{ color:#fff !important; }

/* form controls (bare + bootstrap .form-control) -> brand */
input[type="text"],input[type="email"],input[type="password"],
input[type="number"],input[type="tel"],input[type="date"],
input[type="search"],input[type="url"],textarea,select,
.form-control{
  border:1px solid var(--e2-line) !important; border-radius:9px !important;
  background:#fbfdfc !important; color:var(--e2-ink) !important;
}
input[type="text"]:focus,input[type="email"]:focus,
input[type="password"]:focus,input[type="number"]:focus,
input[type="tel"]:focus,input[type="date"]:focus,
input[type="search"]:focus,input[type="url"]:focus,
textarea:focus,select:focus,.form-control:focus{
  outline:none !important; border-color:var(--e2-teal) !important; background:#fff !important;
  box-shadow:0 0 0 3px rgba(31,93,87,.12) !important;
}

/* bootstrap tables (opt-in .table only, so legacy layout tables are safe) */
.table thead th{ background:var(--e2-ink) !important; color:#fff !important;
  border-color:var(--e2-ink) !important; font-family:"Poppins",sans-serif !important; font-weight:600; }
.table tbody tr:nth-child(even){ background:var(--e2-cream) !important; }
.table td,.table th{ border-color:var(--e2-line) !important; }

/* generic bootstrap buttons inside the app */
.btn-primary,.btn-success,
input[type="submit"].btn,button[type="submit"].btn{
  background:var(--e2-teal) !important; border-color:var(--e2-teal) !important; color:#fff !important;
}
.btn-primary:hover,.btn-success:hover{
  background:var(--e2-ink) !important; border-color:var(--e2-ink) !important;
}

/* status pills / badges */
.badge-success,.label-success{ background:var(--e2-green) !important; }
.badge-warning,.label-warning{ background:var(--e2-gold) !important; color:#3a2a08 !important; }

/* scrollbar + misc accents */
::-webkit-scrollbar-thumb{ background:var(--e2-teal) !important; }
.theme-green .back-bar .pointer{ background:var(--e2-gold) !important; }

/* =====================================================================
   Listing pages — luxury / art / trophy real estate (card grid)
   Add class "logos" to .e2mp-listing for brand-logo items (contain).
   ===================================================================== */
.e2mp-listing{ background:var(--e2-cream); padding:50px 0 64px; }
.e2mp-listing .lwrap{ max-width:1160px; margin:0 auto; padding:0 22px; }
.e2mp-listing .lgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
.e2mp-lcard{ background:#fff; border:1px solid var(--e2-line); border-radius:16px; overflow:hidden;
  box-shadow:0 18px 40px -30px rgba(14,47,51,.4); transition:.18s; display:flex; flex-direction:column; }
.e2mp-lcard:hover{ transform:translateY(-6px); box-shadow:0 28px 50px -28px rgba(14,47,51,.5); border-color:#d9e5df; }
.e2mp-lcard .limg{ height:200px; overflow:hidden; background:#f4f7f5; }
.e2mp-lcard .limg img{ width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.e2mp-lcard:hover .limg img{ transform:scale(1.07); }
.e2mp-listing.logos .e2mp-lcard .limg{ background:#fff; }
.e2mp-listing.logos .e2mp-lcard .limg img{ object-fit:contain; padding:26px; transform:none !important; }
.e2mp-lcard .lbody{ padding:20px 20px 24px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px; flex:1 1 auto; }
.e2mp-lcard .lbody h3{ font-family:"Poppins","Inter",sans-serif; color:var(--e2-ink); font-size:18px; font-weight:600; margin:0; }
.e2mp-lcard .connect{ margin-top:auto; display:inline-flex; align-items:center; gap:8px; background:var(--e2-teal); color:#fff !important;
  text-decoration:none !important; font-weight:600; font-size:14px; padding:10px 22px; border-radius:8px; transition:.16s; }
.e2mp-lcard .connect:hover{ background:var(--e2-ink); }
.e2mp-lcard .connect svg{ width:15px; height:15px; }
@media (max-width:1000px){ .e2mp-listing .lgrid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .e2mp-listing .lgrid{ grid-template-columns:1fr; } }

/* =====================================================================
   PHASE 1 — Dashboard home layout & hierarchy polish (homepage.php
   3-column shell + its partials). Builds on the Phase-0 colour layer;
   adds spacing, a modern sticky header, an overlapping profile avatar,
   cleaner feed / match / widget cards. Targets WorkWise classes that
   only exist on authenticated pages, so public pages are unaffected.
   ===================================================================== */

/* ---- top header bar ---- */
header{ position:sticky; top:0; z-index:200; background:#fff !important;
  border-bottom:1px solid var(--e2-line); box-shadow:0 1px 3px rgba(14,47,51,.06); }
header .header-data{ display:flex; align-items:center; gap:20px; min-height:62px; }
header .logo img{ height:38px !important; width:auto !important; }
header nav{ margin-left:8px; }
header nav ul{ display:flex; align-items:center; gap:4px; margin:0; }
header nav ul li{ list-style:none; }
header nav ul li a{ display:inline-flex; align-items:center; gap:8px;
  padding:9px 14px !important; border-radius:9px; color:var(--e2-ink) !important;
  font-weight:500 !important; font-size:14.5px; font-family:"Inter",sans-serif; transition:.15s; }
header nav ul li a:hover{ background:var(--e2-tint); color:var(--e2-teal) !important; }
header nav ul li a span img{ height:17px; width:17px; object-fit:contain; opacity:.85; }
header .user-account{ margin-left:auto; position:relative; }
header .user-info{ display:flex; align-items:center; gap:9px; cursor:pointer; }
header .user-info img{ width:36px !important; height:36px !important; border-radius:50%;
  object-fit:cover; border:2px solid var(--e2-tint); }
header .user-info a{ color:var(--e2-ink) !important; font-weight:600; font-size:14.5px; }
header .user-info .fa-sort-down{ color:var(--e2-muted); }
header .user-account-settingss{ border:1px solid var(--e2-line) !important; border-radius:12px !important;
  box-shadow:0 18px 40px -22px rgba(14,47,51,.45) !important; padding:10px !important; margin-top:10px; background:#fff; }
header .user-account-settingss h3{ font-size:12px !important; text-transform:uppercase; letter-spacing:.5px;
  color:var(--e2-muted) !important; padding:6px 10px !important; margin:0; }
header .user-account-settingss .us-links li a{ display:block; padding:9px 11px !important; border-radius:8px;
  color:var(--e2-text) !important; font-size:14px; }
header .user-account-settingss .us-links li a:hover{ background:var(--e2-tint); color:var(--e2-teal) !important; }
header .user-account-settingss h3.tc a{ color:#b23b3b !important; font-size:14px !important; text-transform:none; letter-spacing:0; font-weight:600; }

/* ---- main layout rhythm ---- */
.main-section{ padding:26px 0 40px !important; }
.main-left-sidebar.no-margin{ margin-top:0 !important; }
.main-left-sidebar > div,.right-sidebar > div{ margin-bottom:20px; }

/* ---- left profile card: gradient cover + overlapping avatar ---- */
.user-data.full-width{ background:#fff !important; border:1px solid var(--e2-line) !important;
  border-radius:16px !important; overflow:hidden; box-shadow:0 12px 28px -22px rgba(14,47,51,.35) !important; }
.user-profile .username-dt{ min-height:82px; padding:0 !important; border-radius:0 !important; position:relative; }
.user-profile .usr-pic{ text-align:center; margin:0 !important; }
.user-profile .usr-pic img{ width:88px !important; height:88px !important; border-radius:50%;
  object-fit:cover; border:4px solid #fff; box-shadow:0 6px 16px -8px rgba(14,47,51,.5);
  position:relative; margin-top:38px; margin-bottom:-44px; background:#fff; }
.user-profile .user-specs{ text-align:center; padding:54px 18px 22px !important; }
.user-profile .user-specs h3{ font-family:"Poppins",sans-serif !important; color:var(--e2-ink) !important;
  font-size:18px; font-weight:600; margin:0 0 8px; }
.user-profile .user-specs span{ display:inline-block; background:var(--e2-tint); color:var(--e2-teal) !important;
  font-size:12.5px; font-weight:600; padding:4px 14px; border-radius:80px; }

/* ---- middle feed / profile post card ---- */
.posts-section .post-bar{ background:#fff !important; border:1px solid var(--e2-line) !important;
  border-radius:16px !important; padding:22px !important; box-shadow:0 12px 28px -22px rgba(14,47,51,.35) !important; margin-bottom:20px; }
.post_topbar .usy-dt{ display:flex; align-items:center; gap:12px; }
.post_topbar .usy-dt img{ width:46px !important; height:46px !important; border-radius:50%; object-fit:cover; border:2px solid var(--e2-tint); }
.post_topbar .usy-name h3{ font-family:"Poppins",sans-serif !important; color:var(--e2-ink) !important; font-size:17px; margin:0; }
.epi-sec{ margin-top:16px; border-top:1px solid var(--e2-line); padding-top:16px; }
.epi-sec .descp{ display:flex; flex-wrap:wrap; gap:8px 22px; margin:0; }
.epi-sec .descp li{ list-style:none; }
.epi-sec .descp li span{ color:var(--e2-text); font-size:13.5px; }
.epi-sec .descp li span i{ color:var(--e2-teal); margin-right:6px; }
.job_descp{ margin-top:14px; }
.job_descp h3{ font-family:"Poppins",sans-serif !important; color:var(--e2-ink) !important; font-size:16px; margin:0 0 10px; }
.job_descp h3 span{ color:var(--e2-muted); font-weight:500; }
.job_descp .job-dt{ margin:0 0 6px; }
.job_descp .job-dt li{ list-style:none; color:var(--e2-ink); font-size:14px;
  background:var(--e2-cream); border-radius:8px; padding:8px 12px; display:inline-block; margin:0 6px 6px 0; }
.job_descp .job-dt li span{ color:var(--e2-muted); font-weight:600; }

/* ---- match / search-result cards ---- */
.top-profiles{ background:#fff !important; border:1px solid var(--e2-line) !important; border-radius:16px !important;
  padding:8px 6px 14px !important; box-shadow:0 12px 28px -22px rgba(14,47,51,.35) !important; }
.top-profiles .pf-hd{ padding:14px 16px 6px; }
.top-profiles .pf-hd h3{ font-family:"Poppins",sans-serif !important; color:var(--e2-ink) !important; font-size:16px; position:relative; }
.top-profiles .pf-hd h3:after{ content:""; display:block; width:38px; height:3px; border-radius:2px; background:var(--e2-gold); margin-top:8px; }
.companies-list .company_profile_info{ background:#fbfdfc !important; border:1px solid var(--e2-line) !important;
  border-radius:13px !important; padding:18px 12px !important; text-align:center; min-height:150px;
  display:flex; align-items:center; justify-content:center; transition:.18s; }
.companies-list .link-two:hover .company_profile_info{ border-color:var(--e2-teal) !important;
  box-shadow:0 16px 30px -20px rgba(14,47,51,.4) !important; transform:translateY(-3px); }
.company-up-info img{ height:44px !important; width:auto; margin:0 auto 12px; display:block; opacity:.92; }
.company-up-info h3{ font-family:"Inter",sans-serif !important; color:var(--e2-muted) !important;
  font-size:13px !important; font-weight:600; margin:0 0 6px; line-height:1.3; }
.company-up-info h4{ font-family:"Poppins",sans-serif !important; color:var(--e2-teal) !important;
  font-size:26px !important; font-weight:700; margin:0; }

/* ---- right-rail widgets ---- */
.right-sidebar .widget{ background:#fff !important; border:1px solid var(--e2-line) !important;
  border-radius:16px !important; overflow:hidden; box-shadow:0 12px 28px -22px rgba(14,47,51,.35) !important; }
.right-sidebar .sd-title{ padding:15px 18px !important; border-bottom:1px solid var(--e2-line); }
.right-sidebar .sd-title h3,.right-sidebar .sd-title h4{ font-family:"Poppins",sans-serif !important;
  color:var(--e2-ink) !important; font-size:15px; margin:0; display:flex; align-items:center; gap:9px; }
.right-sidebar .sd-title h3 i,.right-sidebar .sd-title h4 i,.right-sidebar .sd-title .fa{ color:var(--e2-gold) !important; }
.right-sidebar .jobs-list .job-info{ padding:14px 18px !important; border:none !important; border-bottom:1px solid var(--e2-line) !important;
  border-radius:0 !important; box-shadow:none !important; }
.right-sidebar .jobs-list .job-info:last-child{ border-bottom:none !important; }
.right-sidebar .job-details h3{ font-size:14.5px !important; color:var(--e2-ink) !important; font-family:"Inter",sans-serif !important; font-weight:600; }
.widget-about{ text-align:center; }
.widget-about button{ border-radius:8px !important; padding:9px 18px !important; font-weight:600 !important; }

/* rail promo banners -> brand gold gradient, rounded */
.right-sidebar [style*="background-color:#da8502"],.right-sidebar [style*="background-color: #da8502"]{
  background:linear-gradient(135deg,var(--e2-gold),#b8873f) !important; border-radius:12px !important; }

@media (max-width:991px){
  header .header-data{ flex-wrap:wrap; min-height:0; padding:8px 0; }
  header nav ul{ flex-wrap:wrap; }
  .main-section{ padding:16px 0 30px !important; }
}

/* =====================================================================
   PHASE 2 — Form pages (edit_profile_form, kyc_form, question_form +
   variants, change_password_form). All share .card / .card-body with a
   .floating-form floating-label pattern. Scoped to those form contexts
   so public .card components are untouched. Inputs are already boxed +
   teal-focus by Phase 0; this adds the container card, brand header and
   field comfort/spacing.
   ===================================================================== */

/* form container card */
.main-section .card,
.grid-view .card,
.w3l-news .grid-view .card{
  max-width:940px; margin:0 auto !important; background:#fff !important;
  border:1px solid var(--e2-line) !important; border-radius:18px !important;
  box-shadow:0 26px 54px -38px rgba(14,47,51,.45) !important; overflow:hidden;
}

/* branded card header */
.main-section .card .card-header,
.grid-view .card .card-header,
.card-header.text-center1,
.card-header.display-4{
  background:linear-gradient(120deg,#0b262a,#0E2F33 60%,#123f3a) !important;
  color:#fff !important; padding:22px 30px !important; margin:0 !important;
  font-family:"Poppins","Inter",sans-serif !important; font-size:20px !important;
  font-weight:600 !important; text-align:center; border:none !important;
}
.main-section .card .card-body,
.grid-view .card .card-body{ padding:30px 32px 34px !important; }

/* field rows */
.card-body .form-row{ margin-bottom:6px; }
.card-body .form-group{ margin-bottom:22px; padding:0 12px; }
.floating-form{ position:relative; margin-bottom:6px; }

/* floating-label text -> static brand label */
.floating-form .floating-label{ display:block; }
.floating-form label,.floating-form .floating-label > label,
.card-body label{ font-size:13.5px !important; font-weight:600 !important; color:var(--e2-ink) !important; margin-bottom:7px; display:inline-block; }

/* comfortable branded inputs / selects (extends Phase 0 border+focus) */
.floating-input,.floating-select,
.card-body input[type="text"],.card-body input[type="email"],.card-body input[type="password"],
.card-body input[type="number"],.card-body input[type="date"],.card-body input[type="tel"],
.card-body select,.card-body textarea{
  height:46px !important; padding:11px 14px !important;
  border:1px solid var(--e2-line) !important; border-radius:9px !important;
  background:#fbfdfc !important; color:var(--e2-ink) !important; width:100%;
  font-family:"Inter",sans-serif !important; font-size:14.5px !important;
}
.card-body textarea,.floating-textarea{ height:auto !important; min-height:110px !important; }
.floating-input:focus,.floating-select:focus,
.card-body input:focus,.card-body select:focus,.card-body textarea:focus{
  outline:none !important; border-color:var(--e2-teal) !important; border-bottom-color:var(--e2-teal) !important;
  background:#fff !important; box-shadow:0 0 0 3px rgba(31,93,87,.12) !important;
}

/* submit / action button row */
.card-body .btn,.card-body button[type="submit"],.card-body input[type="submit"]{
  background:var(--e2-teal) !important; border:none !important; color:#fff !important;
  border-radius:9px !important; padding:12px 34px !important; font-weight:600 !important;
  font-size:15px !important; font-family:"Inter",sans-serif !important; cursor:pointer; transition:.16s;
}
.card-body .btn:hover,.card-body button[type="submit"]:hover,.card-body input[type="submit"]:hover{
  background:var(--e2-ink) !important;
}

@media (max-width:640px){
  .main-section .card .card-body,.grid-view .card .card-body{ padding:22px 18px 26px !important; }
  .card-body .form-group{ padding:0; }
}

/* ---- Phase 2 patch: card container works with OR without a .card wrapper
   (edit_profile_form has none; kyc/question do), and rebrand LABEL22 floats ---- */
/* Case A: no .card wrapper -> unify header + body into one centred card */
.card-header.text-center1,.card-header.display-4{
  max-width:940px; margin:26px auto 0 !important; border-radius:18px 18px 0 0 !important;
}
.card-body:has(.floating-form),.card-body:has(.floating-input){
  max-width:940px; margin:0 auto 34px !important; background:#fff !important;
  border:1px solid var(--e2-line) !important; border-top:none !important;
  border-radius:0 0 18px 18px !important; box-shadow:0 26px 54px -38px rgba(14,47,51,.45) !important;
}
/* Case B: real .card wrapper -> it becomes the card; neutralise child margins */
.card:has(.floating-form){ max-width:940px; margin:26px auto !important; overflow:hidden;
  border:1px solid var(--e2-line) !important; border-radius:18px !important;
  box-shadow:0 26px 54px -38px rgba(14,47,51,.45) !important; }
.card:has(.floating-form) .card-header{ margin:0 !important; max-width:none !important; border-radius:0 !important; }
.card:has(.floating-form) .card-body{ margin:0 !important; max-width:none !important; border:none !important;
  border-radius:0 !important; box-shadow:none !important; }

/* rebrand the custom LABEL22 floating labels (orange -> muted/teal) */
label22{ color:var(--e2-muted) !important; border:none !important; }
.floating-input:focus ~ label22,.floating-input:not(:placeholder-shown) ~ label22,
.floating-select:focus ~ label22,.floating-select:not([value=""]):valid ~ label22{ color:var(--e2-teal) !important; }

/* =====================================================================
   PHASE 3 — Pipeline & offers. Three shapes:
   (a) offer/overview FORMS reuse .post-bar + .floating-form (Phase 0/1/2
       already cover inputs & the post-bar card) — here we add field
       spacing inside .post-bar/.main-ws-sec.
   (b) custom data TABLES (.main-table with inline #383450 purple header
       cells) — rebrand to ink/teal and make them scroll cleanly.
   (c) post-bar LIST views (.company_profile_info + .post-st .bid_now
       action pills).
   ===================================================================== */

/* (a) form field rhythm inside feed-style cards */
.post-bar .form-group,.main-ws-sec .form-group{ margin-bottom:20px; }
.post-bar .form-row,.main-ws-sec .form-row{ margin-bottom:4px; }
.post-bar .floating-form,.main-ws-sec .floating-form{ margin-bottom:6px; }

/* (b) data tables */
.table-scroll,.table-wrap{ border-radius:14px; overflow:auto; border:1px solid var(--e2-line); background:#fff; }
.main-table{ border-collapse:collapse !important; width:100%; font-family:"Inter",sans-serif; font-size:13px; }
.main-table td,.main-table th{ border:1px solid var(--e2-line) !important; padding:9px 11px !important; color:var(--e2-ink); vertical-align:middle; }
/* inline purple header cells -> brand ink; the translucent sub-header (#3834506e) -> teal */
.main-table td[style*="#383450"],.main-table th[style*="#383450"]{
  background-color:var(--e2-ink) !important; color:#fff !important; font-family:"Poppins",sans-serif !important; font-weight:600; }
.main-table td[style*="#3834506e"],.main-table th[style*="#3834506e"]{
  background-color:var(--e2-teal) !important; color:#fff !important; }
.main-table tbody tr:nth-child(even) td{ background:var(--e2-cream); }
.main-table tbody tr:hover td{ background:var(--e2-tint); }

/* (c) list-view status + action pills */
.post-bar .post-topbar{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.post-st{ margin-top:6px; }
.post-st .bk-links{ display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; }
.post-st .bk-links li{ list-style:none; }
.post-st .bk-links li a,.bid_now{
  display:inline-flex; align-items:center; gap:6px; background:var(--e2-teal) !important;
  color:#fff !important; border-radius:80px !important; padding:7px 15px !important;
  font-size:13px !important; font-weight:600 !important; font-family:"Inter",sans-serif !important;
  border:none !important; transition:.15s; text-decoration:none; }
.post-st .bk-links li a:hover,.bid_now:hover{ background:var(--e2-ink) !important; color:#fff !important; }
.post-st .bk-links li a i,.bid_now i{ color:#fff !important; }
/* the 'Close' destructive action reads differently */
.post-st .bk-links li a[onclick*="close_transaction"]{ background:#fff !important; color:#b23b3b !important; border:1px solid #f0cfcf !important; }
.post-st .bk-links li a[onclick*="close_transaction"]:hover{ background:#fdecec !important; color:#a12f2f !important; }

/* status list cards get consistent spacing */
.main-ws-sec .company_profile_info h3,.main-ws-sec .company_profile_info h4{ color:var(--e2-ink); }

/* ---- authenticated footer (footer_homepage.php .footy-sec) -> brand ink ---- */
footer,footer .footy-sec,.footy-sec.mn{ background:var(--e2-ink) !important; }
footer .footy-sec,.footy-sec.mn{ padding:20px 0 !important; }
.footy-sec ul li a{ color:#cfe0db !important; font-size:13.5px; font-family:"Inter",sans-serif; }
.footy-sec ul li a:hover{ color:var(--e2-gold) !important; }
.footy-sec p{ color:#9fb4af !important; font-size:13px; }
.footy-sec .fl-rgt{ opacity:.9; }

/* =====================================================================
   PHASE 4 — Compliance & rating questionnaires (credit_rating,
   credit_score, financial_ranking, compliance*, risk, valuation).
   Long radio-button forms inside .w3l-news > .col-lg-10 > form.
   Scoped via :has(.form-check-inline) so the public contact page and
   other .w3l-news pages are unaffected.
   ===================================================================== */
.w3l-news:has(.form-check-inline) .col-lg-10{
  background:#fff; border:1px solid var(--e2-line); border-radius:16px;
  padding:30px 34px 36px !important; box-shadow:0 22px 48px -34px rgba(14,47,51,.4); margin-bottom:34px;
}
.w3l-news:has(.form-check-inline) #grids5-block{ padding-top:26px !important; padding-bottom:26px !important; }

/* question groups + labels */
.w3l-news:has(.form-check-inline) .col-md-6.form-group,
.w3l-news:has(.form-check-inline) .form-group{ margin-bottom:22px; }
.w3l-news:has(.form-check-inline) .form-group > label,
.w3l-news:has(.form-check-inline) label[name]{
  display:block; font-weight:600; color:var(--e2-ink); font-size:14.5px; line-height:1.5; margin-bottom:10px; font-family:"Inter",sans-serif; }

/* radios / checkboxes -> teal accent */
input[type="radio"],input[type="checkbox"]{ accent-color:var(--e2-teal); width:16px; height:16px; cursor:pointer; }
.form-check-inline{ margin-right:22px !important; margin-bottom:8px; align-items:center; }
.form-check-label{ color:var(--e2-text) !important; font-size:14px; margin-left:6px; font-weight:500; cursor:pointer; }

/* the hero Tutorial button (inline #383450 text) -> brand ink */
.w3l-contact-breadcrum .breadcrum-bg h2 .btn{ color:var(--e2-ink) !important; background:#fff !important;
  border-radius:8px !important; font-weight:600 !important; box-shadow:0 6px 16px -10px rgba(0,0,0,.4); }

/* submit row */
.w3l-news:has(.form-check-inline) .text-center.mt-2 .btn,
.w3l-news:has(.form-check-inline) button[type="submit"],
.w3l-news:has(.form-check-inline) input[type="submit"]{
  background:var(--e2-teal) !important; border:none !important; color:#fff !important;
  border-radius:9px !important; padding:12px 40px !important; font-weight:600 !important; font-size:15px !important; }

/* =====================================================================
   PHASE 5 — Portfolio, data room, messaging, listings, advisory,
   account. Most reuse patterns already themed by Phase 0-4 (floating
   forms, .post-bar cards, .form-check questionnaires, toggles, tables,
   .btn-primary2). This adds the few uncovered bits: the welcome/message
   note, help-center account table + avatars, advisory CTA cards.
   ===================================================================== */
/* welcome / message note */
.wordpressdevlp h2{ font-family:"Poppins",sans-serif !important; color:var(--e2-ink) !important; font-size:22px; margin-bottom:14px; }
.wordpressdevlp p{ color:var(--e2-text); font-size:15px; line-height:1.75; margin-bottom:12px; }
.wordpressdevlp a{ color:var(--e2-teal) !important; font-weight:600; }
.wordpressdevlp a:hover{ color:var(--e2-ink) !important; }
.post-bar.bgclr{ background:#fff !important; }

/* help-center account table + avatars */
.table-user-information{ font-family:"Inter",sans-serif; }
.table-user-information td,.table-user-information th{ color:var(--e2-ink); padding:11px 14px !important; }
.img-circle{ border-radius:50% !important; object-fit:cover; border:3px solid var(--e2-tint); }

/* advisory / pitch tool CTA cards */
.w3l-news .grid-view .btn-primary2.btn-lg,
.w3l-news .grid-view .btn-primary.btn-block,
.grid-view .btn-primary.btn-block{ border-radius:10px !important; padding:13px 22px !important; font-weight:600 !important; }

/* =====================================================================
   form/ questionnaire wizard mini-app (new_investor_question_form.php,
   new_fundseeker_question_form.php, etc. — included by question_form_*).
   Its own form/css/style.css uses blue #4966b1 + orange #da8502; loaded
   after this file, so !important is required to rebrand to teal/gold.
   (Error red #f63726 is intentionally left as-is.)
   ===================================================================== */
.title .step-number,.current .title .step-number,
.steps .current .step-number,.steps .done .step-number{ background:var(--e2-teal) !important; color:#fff !important; }
.actions ul li a{ background:var(--e2-teal) !important; border-color:var(--e2-teal) !important; color:#fff !important; }
.actions ul li a:hover{ background:var(--e2-ink) !important; border-color:var(--e2-ink) !important; }
.form-radio-flex input:checked + label{ background:var(--e2-teal) !important; border-color:var(--e2-teal) !important; color:#fff !important; }
.form-radio-flex input:hover + label{ border-color:var(--e2-teal) !important; }
#slider-margin .noUi-connect{ background:var(--e2-teal) !important; }
#slider-margin .noUi-handle{ border-color:var(--e2-teal) !important; }
#slider-margin .noUi-handle .noUi-tooltip{ background:var(--e2-teal) !important; color:#fff !important; border-color:var(--e2-teal) !important; }
.form-find i,.form-find .fa,.title i.fa,.wizard i.fa{ color:var(--e2-teal) !important; }

/* mobile hamburger toggler (orange on wizard pages) -> brand tint */
.navbar-toggler{ background:var(--e2-tint) !important; border:1px solid var(--e2-line) !important; }
.navbar-toggler .fa,.navbar-toggler-icon{ color:var(--e2-teal) !important; }

/* ---- Fix: right-rail widget links were default bootstrap-blue ---- */
.right-sidebar .job-details a,.right-sidebar .jobs-list a,
.right-sidebar .job-info a,.right-sidebar .widget-about a:not(.btn):not(button){
  color:var(--e2-teal) !important; font-weight:500; }
.right-sidebar .job-details a:hover,.right-sidebar .jobs-list a:hover,
.right-sidebar .job-info a:hover{ color:var(--e2-ink) !important; }
header .logo a{ color:inherit !important; }

/* ---- footer wordmark (replaces the broken logo2.png image) ---- */
.footy-sec .e2-footer-mark{ font-family:Georgia,"Times New Roman",serif; font-style:italic;
  font-weight:700; font-size:22px; color:#fff; letter-spacing:.3px; }
.footy-sec .e2-footer-mark sup{ font-size:.55em; }

/* =====================================================================
   PHASE 1b — Dashboard layout modernization (balance + density).
   The left column ran ~1360px tall (stacked edge-to-edge toggle lists)
   against a ~490px middle, so the 3-column grid read lopsided and
   template-ish. This caps the long toggle lists into compact scrollable
   settings panels, turns .notbar into clean divided rows, tightens the
   column rhythm, and centres the content.
   ===================================================================== */

/* centred content + gutters */
.main-section > .container{ max-width:1300px !important; padding-left:20px; padding-right:20px; }

/* consistent vertical rhythm between stacked cards in every column */
.main-left-sidebar > div,.right-sidebar > div,.main-ws-sec > .posts-section,
.main-ws-sec > .top-profiles{ margin-bottom:22px !important; }

/* long toggle-list cards -> compact scrollable panels with a pinned header */
.acc-leftbar:has(.notbar){ max-height:400px; overflow-y:auto; }
.acc-leftbar:has(.notbar)::-webkit-scrollbar{ width:7px; }
.acc-leftbar:has(.notbar)::-webkit-scrollbar-thumb{ background:var(--e2-line); border-radius:6px; }
.acc-leftbar:has(.notbar) .nav-tabs{ position:sticky; top:0; z-index:2; background:#fff !important;
  margin:0 !important; padding:14px 16px !important; border:none !important;
  border-bottom:1px solid var(--e2-line) !important; }
.acc-leftbar .nav-tabs .nav-link{ padding:0 !important; font-family:"Poppins",sans-serif !important;
  font-size:14.5px !important; color:var(--e2-ink) !important; display:flex; align-items:center; gap:9px; white-space:normal; }
.acc-leftbar .nav-tabs .nav-link .fa{ color:var(--e2-gold) !important; }

/* toggle rows -> clean divided settings rows */
.notbar{ display:flex !important; align-items:center; justify-content:space-between;
  padding:12px 16px !important; margin:0 !important; border-bottom:1px solid var(--e2-line);
  transition:background .14s; }
.notbar:hover{ background:var(--e2-tint); }
.notbar:last-child{ border-bottom:none; }
.notbar h4{ width:auto !important; max-width:78% !important; margin:0 !important;
  font-size:13.5px !important; font-weight:500 !important; color:var(--e2-ink) !important;
  font-family:"Inter",sans-serif !important; display:flex; align-items:center; gap:9px; line-height:1.4; }
.notbar h4 .fa{ color:var(--e2-teal) !important; flex-shrink:0; }
.notbar .toggle-btn{ flex-shrink:0; }

/* leftbar 'Offerings' / requisition tab links -> compact list rows too */
.acc-leftbar .nav-item.nav-link{ padding:11px 16px !important; border-bottom:1px solid var(--e2-line) !important;
  font-size:13.5px !important; font-weight:500 !important; }
.acc-leftbar .nav-item.nav-link:hover{ background:var(--e2-tint); }

/* middle: give the (often sparse) matches grid breathing room */
.top-profiles .companies-info{ padding:6px 12px 14px !important; }
.companies-list .row{ margin-left:-8px; margin-right:-8px; }
.companies-list .row > [class*="col-"]{ padding:8px; }

/* right-rail promo banners: consistent rounded card look */
.right-sidebar .sd-title{ border-radius:0; }