/* Lesprom Network — internal page header & footer (logged-in state shown).
   Loaded after homepage.css: footer reuses lp-foot-* (identical to the
   homepage footer, class for class). This file adds the internal-page
   header, which is its own layout (utility bar becomes a search trigger
   with no hero to hold a search bar, tier-2 nav labels "Analytics" not
   "Market Data", account/notifications menus) — do not merge with lp-hero-*. */

.lp-ihdr-page{
  background:#fff;
  min-width:360px;
}

/* ===== TIER 1 — utility bar ===== */

/* <div> sticky wrap */
.lp-ihdr-1{
  position:sticky;
  top:0;
  z-index:90;
}

/* <div> green bar */
.lp-ihdr-2{
  background:#1f7454;
}

/* <div> bar inner */
.lp-ihdr-3{
  max-width:1360px;
  margin:0 auto;
  height:42px;
  padding:0 clamp(16px,4vw,40px);
  display:flex;
  align-items:center;
  gap:14px;
  white-space:nowrap;
  font-family:var(--lp-font-nav);
}

/* <div> collapsed search state: burger + logo + search trigger */
.lp-ihdr-4{
  display:flex;
  align-items:center;
  gap:14px;
  flex:1;
  min-width:0;
}

/* <span> burger — hidden ≥941px, see media query */
.lp-ihdr-5{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:24px;
  height:24px;
  cursor:pointer;
  flex-shrink:0;
}

/* <span> burger bar */
.lp-ihdr-6{
  height:2px;
  background:#fff;
  border-radius:1px;
}

/* <img> logo */
.lp-ihdr-7{
  width:92px;
  height:32px;
  flex-shrink:0;
  filter:brightness(0) invert(1);
}

/* <span> search trigger */
.lp-ihdr-8{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:999px;
  cursor:pointer;
  flex-shrink:0;
  transition:background-color .14s ease;
}
.lp-ihdr-8:hover{
  background:rgba(255,255,255,.16);
}

/* <img> search icon, white */
.lp-ihdr-9{
  width:16px;
  height:16px;
  filter:brightness(0) invert(1);
  opacity:.85;
}

/* <div> expanded search row */
.lp-ihdr-10{
  position:relative;
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:440px;
  margin:0;
}

/* <span> back caret */
.lp-ihdr-11{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  cursor:pointer;
  flex-shrink:0;
}

/* <img> back caret icon */
.lp-ihdr-12{
  width:15px;
  height:15px;
  transform:scaleX(-1);
  filter:brightness(0) invert(1);
  opacity:.85;
}

/* <div> search pill */
.lp-ihdr-13{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  background:#fff;
  border-radius:999px;
  height:36px;
  padding:0 8px 0 18px;
  box-shadow:0 2px 10px rgba(0,0,0,.14);
}

/* <input> */
.lp-ihdr-14{
  flex:1;
  min-width:0;
  border:0;
  outline:none;
  background:transparent;
  padding:0;
  font-family:var(--lp-font-ui);
  font-size:14px;
  color:var(--lp-ink);
}

/* <img> search icon inside pill */
.lp-ihdr-15{
  width:16px;
  height:16px;
  opacity:.45;
  flex-shrink:0;
}

/* <div> suggestions panel */
.lp-ihdr-16{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  background:#fff;
  border:1px solid var(--lp-line);
  border-radius:12px;
  box-shadow:0 14px 34px rgba(17,24,39,.13);
  padding:6px;
  z-index:65;
}

/* <div> "Recent" label */
.lp-ihdr-17{
  padding:8px 12px 4px;
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.3px;
  color:#9aa3a0;
  text-transform:uppercase;
}

/* <div> recent-search row */
.lp-ihdr-18{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:8px;
  cursor:pointer;
  transition:background-color .12s ease;
}
.lp-ihdr-18:hover{
  background:var(--lp-hover-grey);
}

/* <img> recent-row search icon */
.lp-ihdr-19{
  width:13px;
  height:13px;
  opacity:.4;
  flex-shrink:0;
}

/* <span> recent-row text */
.lp-ihdr-20{
  flex:1;
  min-width:0;
  font-size:15px;
  color:var(--lp-ink);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* <div> divider */
.lp-ihdr-21{
  height:1px;
  margin:6px 8px;
  background:#eceeed;
}

/* <div> suggestion row */
.lp-ihdr-22{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:8px;
  cursor:pointer;
  transition:background-color .12s ease;
}
.lp-ihdr-22:hover{
  background:var(--lp-hover-grey);
}

/* <span> suggestion text */
.lp-ihdr-23{
  flex:1;
  min-width:0;
  font-size:15px;
  color:var(--lp-ink);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* <span> suggestion chip */
.lp-ihdr-24{
  padding:3px 10px;
  border-radius:999px;
  background:var(--lp-mint);
  font-size:12px;
  font-weight:500;
  color:#116240;
  white-space:nowrap;
}

/* <div> right-side utility group */
.lp-ihdr-25{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:14px;
  flex-shrink:0;
}

/* <div> logged-out group */
.lp-ihdr-26{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}

/* <span> "Log in" */
.lp-ihdr-27{
  display:flex;
  align-items:center;
  height:26px;
  padding:0 9px;
  border-radius:999px;
  font-size:13px;
  font-weight:500;
  color:#fff;
  cursor:pointer;
  transition:background-color .14s ease;
}
.lp-ihdr-27:hover{
  background:rgba(255,255,255,.16);
}

/* <span> "Join for free" */
.lp-ihdr-28{
  display:flex;
  align-items:center;
  height:26px;
  padding:0 14px;
  background:#fff;
  border-radius:999px;
  font-size:13px;
  font-weight:500;
  color:#116240;
  cursor:pointer;
  transition:background-color .14s ease;
}
.lp-ihdr-28:hover{
  background:var(--lp-mint);
}

/* <div> logged-in group */
.lp-ihdr-29{
  display:flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
}

/* ===== company switcher ===== */

/* <div> wrap */
.lp-ihdr-30{
  position:relative;
  display:flex;
  align-items:center;
}

/* <span> "Lesprom Network" trigger */
.lp-ihdr-31{
  display:flex;
  align-items:center;
  gap:6px;
  height:32px;
  padding:0 12px;
  border-radius:999px;
  cursor:pointer;
  transition:background-color .14s ease;
  color:#fff;
  font-size:13.5px;
  font-weight:500;
  white-space:nowrap;
}
.lp-ihdr-31:hover{
  background:rgba(255,255,255,.16);
}

/* <div> panel wrap */
.lp-ihdr-32{
  position:absolute;
  top:100%;
  right:0;
  padding-top:8px;
  z-index:70;
  min-width:220px;
}

/* <div> panel inner */
.lp-ihdr-33{
  padding:6px;
  background:#fff;
  border:1px solid var(--lp-line);
  border-radius:11px;
  box-shadow:0 14px 34px rgba(17,24,39,.13);
  font-size:14.5px;
  color:var(--lp-ink);
}

/* <div> active company row */
.lp-ihdr-34{
  padding:9px 12px;
  border-radius:7px;
  font-weight:500;
  background:var(--lp-mint);
  color:#0d3d29;
}

/* <div> divider */
.lp-ihdr-35{
  height:1px;
  margin:6px 8px;
  background:#eceeed;
}

/* <div> "Register a company" */
.lp-ihdr-36{
  padding:9px 12px;
  border-radius:7px;
  cursor:pointer;
  color:#4b5563;
  transition:background-color .12s ease;
}
.lp-ihdr-36:hover{
  background:var(--lp-hover-grey);
}

/* ===== notification bell ===== */

/* <div> wrap */
.lp-ihdr-37{
  position:relative;
  display:flex;
  align-items:center;
}

/* <span> bell button */
.lp-ihdr-38{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:999px;
  cursor:pointer;
  transition:background-color .14s ease;
  position:relative;
}
.lp-ihdr-38:hover{
  background:rgba(255,255,255,.16);
}

/* <span> unread-count badge */
.lp-ihdr-39{
  position:absolute;
  top:2px;
  right:3px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:999px;
  background:#c53929;
  border:2px solid #1f7454;
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
}

/* <div> notifications panel */
.lp-ihdr-40{
  position:absolute;
  top:44px;
  right:-10px;
  z-index:70;
  width:340px;
  max-height:440px;
  overflow-y:auto;
  background:var(--lp-hover-grey);
  border:1px solid var(--lp-line);
  border-radius:14px;
  box-shadow:0 14px 34px rgba(17,24,39,.18);
  padding:10px;
  white-space:normal;
  font-family:var(--lp-font-nav);
}

/* <div> notification card */
.lp-ihdr-41{
  display:flex;
  gap:14px;
  padding:14px;
  margin-bottom:8px;
  background:#fff;
  border-radius:11px;
  box-shadow:0 1px 4px rgba(17,24,39,.07);
  text-align:left;
}

/* <span> avatar (initial letter) */
.lp-ihdr-42{
  width:42px;
  height:42px;
  border-radius:999px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:16px;
  font-weight:500;
}
/* avatar background — muted, on-brand palette (no orange, reserved for CTAs) */
.lp-ihdr-c1{background:#248761}
.lp-ihdr-c2{background:#5b7fa6}
.lp-ihdr-c3{background:#8a7458}
.lp-ihdr-c4{background:#6b6f76}

/* <div> card body */
.lp-ihdr-43{
  flex:1;
  min-width:0;
}

/* <div> title — 1-line ellipsis */
.lp-ihdr-44{
  font-size:14.5px;
  font-weight:400;
  color:var(--lp-ink);
  margin-bottom:6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* <div> info text */
.lp-ihdr-45{
  font-size:13px;
  color:#808080;
  line-height:1.4;
  margin-bottom:8px;
}

/* <div> date */
.lp-ihdr-46{
  font-size:12px;
  color:#aaa;
  margin-bottom:9px;
}

/* <div> actions row */
.lp-ihdr-47{
  display:flex;
  gap:16px;
}

/* <a> action link (Read / Decline / Close) */
.lp-ihdr-48{
  font-size:13px;
  font-weight:400;
  color:#5469D4;
}

/* <div> "Go to Messenger" row */
.lp-ihdr-49{
  text-align:center;
  padding:6px 4px 2px;
}

/* <a> "Go to Messenger" link */
.lp-ihdr-50{
  color:#5469D4;
  font-size:14px;
  font-weight:500;
}

/* <div> empty-state text */
.lp-ihdr-51{
  font-size:14px;
  color:var(--lp-ink);
  margin-bottom:8px;
}
[data-bell-empty]{
  padding:22px 14px;
  text-align:center;
}

/* <a> empty-state link */
.lp-ihdr-52{
  color:#5469D4;
  font-size:13.5px;
  font-weight:500;
}

/* ===== account menu ===== */

/* <div> wrap */
.lp-ihdr-53{
  position:relative;
  display:flex;
  align-items:center;
  gap:2px;
}

/* <span> profile trigger (avatar + name) */
.lp-ihdr-54{
  display:flex;
  align-items:center;
  gap:8px;
  height:38px;
  padding:0 14px 0 10px;
  border-radius:999px;
  cursor:pointer;
  transition:background-color .14s ease;
  color:#fff;
  font-size:14px;
  font-weight:500;
}
.lp-ihdr-54:hover{
  background:rgba(255,255,255,.12);
}

/* <span> avatar circle */
.lp-ihdr-55{
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:999px;
  background:rgba(255,255,255,.24);
  color:#fff;
  font-size:14px;
  font-weight:600;
  flex-shrink:0;
}

/* <span> account name */
.lp-ihdr-56{
}

/* <span> chevron toggle */
.lp-ihdr-57{
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:999px;
  cursor:pointer;
  transition:background-color .14s ease;
}
.lp-ihdr-57:hover{
  background:rgba(255,255,255,.12);
}

/* <div> mega-menu panel */
.lp-ihdr-58{
  position:absolute;
  top:44px;
  right:0;
  z-index:70;
  width:660px;
  background:#fff;
  border:1px solid var(--lp-line);
  border-radius:14px;
  box-shadow:0 18px 40px rgba(17,24,39,.16);
  overflow:hidden;
}

/* <div> columns wrap */
.lp-ihdr-59{
  display:flex;
  padding:16px 8px;
}

/* <div> column (Marketplace / Analytics) */
.lp-ihdr-60{
  flex:1;
  padding:0 16px;
  border-right:1px solid #eceeed;
}

/* <div> column heading */
.lp-ihdr-61{
  padding:0 12px 10px;
  font-size:13px;
  font-weight:600;
  color:var(--lp-ink);
}

/* <div> column link row */
.lp-ihdr-62{
  padding:5px 12px;
  border-radius:7px;
  font-size:14px;
  color:#4b5563;
  cursor:pointer;
  transition:background-color .12s ease;
}
.lp-ihdr-62:hover{
  background:var(--lp-hover-grey);
}

/* <div> column (Account) — no right border, last column */
.lp-ihdr-63{
  flex:1;
  padding:0 16px;
}

/* <div> divider before "Sign out" */
.lp-ihdr-64{
  height:1px;
  margin:6px 12px;
  background:#eceeed;
}

/* ===== TIER 2 — section nav ===== */

/* <div> bar */
.lp-ihdr-65{
  background:#fff;
  border-bottom:1px solid var(--lp-line-nav);
  box-shadow:0 4px 10px rgba(17,24,39,.05);
}

/* <div> bar inner */
.lp-ihdr-66{
  max-width:1360px;
  margin:0 auto;
  height:48px;
  padding:0 clamp(16px,4vw,40px);
  display:flex;
  align-items:center;
  gap:30px;
  white-space:nowrap;
  font-family:var(--lp-font-nav);
}

/* <div> nav links group */
.lp-ihdr-67{
  display:flex;
  align-items:center;
  gap:28px;
  font-size:15.5px;
  font-weight:400;
  color:var(--lp-ink);
}

/* <div> nav item (Marketplace / Suppliers / Analytics / News) */
.lp-ihdr-68{
  position:relative;
  display:flex;
  align-items:center;
  height:48px;
  gap:5px;
  cursor:pointer;
}

/* <div> nav dropdown panel */
.lp-ihdr-69{
  position:absolute;
  top:100%;
  left:-18px;
  padding-top:8px;
  z-index:60;
  min-width:222px;
}

/* <div> nav dropdown inner */
.lp-ihdr-70{
  padding:6px;
  background:#fff;
  border:1px solid var(--lp-line);
  border-radius:11px;
  box-shadow:0 14px 34px rgba(17,24,39,.13);
  font-size:14.5px;
  color:#4b5563;
}

/* <div> nav dropdown link row */
.lp-ihdr-71{
  padding:9px 12px;
  border-radius:7px;
  cursor:pointer;
  transition:background-color .12s ease;
}
.lp-ihdr-71:hover{
  background:var(--lp-hover-grey);
}

/* <div> divider (Marketplace panel only, before Post offer/request) */
.lp-ihdr-72{
  height:1px;
  margin:6px 8px;
  background:#eceeed;
}

/* <div> post-offer/post-request group */
.lp-ihdr-73{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
}

/* <span> "Post offer" — filled */
.lp-ihdr-74{
  display:flex;
  align-items:center;
  gap:6px;
  box-sizing:border-box;
  height:32px;
  padding:0 15px;
  border-radius:999px;
  font-size:13.5px;
  font-weight:500;
  cursor:pointer;
  transition:background-color .14s ease,border-color .14s ease;
  background:#1f7454;
  border:1px solid #1f7454;
  color:#fff;
}
.lp-ihdr-74:hover{
  background:#186044;
  border-color:#186044;
}

/* <span> "Post request" — outlined */
.lp-ihdr-75{
  display:flex;
  align-items:center;
  gap:6px;
  box-sizing:border-box;
  height:32px;
  padding:0 15px;
  border-radius:999px;
  font-size:13.5px;
  font-weight:500;
  cursor:pointer;
  transition:background-color .14s ease,border-color .14s ease;
  background:#fff;
  border:1.5px solid #1f7454;
  color:var(--lp-green-ink);
}
.lp-ihdr-75:hover{
  background:var(--lp-mint);
  border-color:#1f7454;
}

/* ===== mobile accordion menu ===== */

/* <div> wrap */
.lp-ihdr-76{
  background:#fff;
  border-bottom:1px solid var(--lp-line-nav);
  padding:6px 8px 12px;
  display:flex;
  flex-direction:column;
  font-family:var(--lp-font-nav);
}

/* <div> section wrap */
.lp-ihdr-77{
}

/* <div> section toggle row */
.lp-ihdr-78{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 12px;
  font-size:16px;
  color:var(--lp-ink);
  border-bottom:1px solid #f2f4f3;
  cursor:pointer;
}

/* <svg> chevron — rotates via .is-open, set by JS */
.lp-ihdr-79{
  margin-left:auto;
  transition:transform .16s ease;
}
.lp-ihdr-79.is-open{
  transform:rotate(180deg);
}

/* <div> submenu */
.lp-ihdr-80{
  padding:2px 0 10px 10px;
  display:flex;
  flex-direction:column;
  border-bottom:1px solid #f2f4f3;
}

/* <span> submenu link */
.lp-ihdr-81{
  padding:9px 12px;
  font-size:14.5px;
  color:#4b5563;
  cursor:pointer;
  transition:background-color .12s ease;
}
.lp-ihdr-81:hover{
  background:var(--lp-hover-grey);
}

/* <span> "Sign out" — same as .lp-ihdr-81 plus red ink */
.lp-ihdr-82{
  padding:9px 12px;
  font-size:14.5px;
  color:#8a2f22;
  cursor:pointer;
  transition:background-color .12s ease;
}
.lp-ihdr-82:hover{
  background:var(--lp-hover-grey);
}

/* <div> logged-out buttons row */
.lp-ihdr-83{
  display:flex;
  gap:10px;
  padding:14px 12px 4px;
}

/* <span> "Log in" (mobile, full width) */
.lp-ihdr-84{
  flex:1;
  text-align:center;
  padding:10px;
  border:1.5px solid #1f7454;
  border-radius:999px;
  font-size:14px;
  font-weight:500;
  color:#0d3d29;
  cursor:pointer;
}

/* <span> "Join for free" (mobile, full width) */
.lp-ihdr-85{
  flex:1;
  text-align:center;
  padding:10px;
  background:#1f7454;
  border-radius:999px;
  font-size:14px;
  font-weight:500;
  color:#fff;
  cursor:pointer;
}

/* ===== page-content placeholder ===== */

.lp-ihdr-content-slot{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:280px;
  margin:24px clamp(16px,4vw,40px);
  border:1px dashed #d6dade;
  border-radius:12px;
  color:var(--lp-ink-soft);
  font-size:14px;
}

/* ===== responsive ===== */

@media (max-width:940px){
  .lp-ihdr-67{display:none !important}
  .lp-ihdr-5{display:flex !important}
}
@media (max-width:700px){
  .lp-ihdr-65{display:none !important}
  .lp-ihdr-58{width:min(320px,calc(100vw - 24px)) !important;right:-70px !important}
  .lp-ihdr-59{flex-direction:column !important}
  .lp-ihdr-60,.lp-ihdr-63{border-right:none !important;border-bottom:1px solid #eceeed !important;padding:10px 16px !important}
}
@media (max-width:560px){
  .lp-ihdr-31{display:none !important}
}
@media (max-width:480px){
  .lp-ihdr-27,.lp-ihdr-56{display:none !important}
}