/* Workfino Template V6 — refined header, responsive navigation and Messenger-style Quick Chat */
:root{
  --wf6-blue:#1457ff;
  --wf6-blue-dark:#0a49dc;
  --wf6-ink:#101b33;
  --wf6-muted:#6c7890;
  --wf6-line:#e1e8f2;
  --wf6-soft:#f4f7fc;
  --wf6-shadow:0 20px 55px rgba(20,48,96,.18);
}

/* Header refinements */
.wf6-mobile-search-toggle,.wf6-mobile-search-close{display:none}
.wf5-primary-nav,.wf-context-track{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.wf5-primary-nav::-webkit-scrollbar,.wf-context-track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.wf5-global-search>.wf6-search-submit{
  background:linear-gradient(135deg,var(--wf6-blue),var(--wf6-blue-dark))!important;
  color:#fff!important;
}
.wf5-global-search>.wf6-search-submit svg{stroke:#fff!important;color:#fff!important}
.wf5-user-summary{gap:11px!important;padding:3px 9px 3px 4px!important}
.wf5-user-summary .wf6-user-avatar,.wf5-user-summary>.wf-avatar-fallback{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.wf5-balance-stack{gap:3px!important;line-height:1.25!important;max-width:150px!important;padding-right:2px}
.wf5-balance-stack strong{font-size:12px!important;font-weight:850!important;letter-spacing:.01em}
.wf5-balance-stack small{font-size:12px!important;line-height:1.25!important;color:#77839a!important}
.wf6-search-backdrop{display:none}

/* Gig detail contact card */
.wf6-gig-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;margin-bottom:12px}
.wf6-gig-intro-copy{min-width:0}
.wf6-gig-message-card{
  width:100%;min-height:92px;padding:13px 14px;border:1px solid #dce6f4;border-radius:16px;background:#fff;
  display:grid;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:11px;text-align:left;
  box-shadow:0 8px 24px rgba(24,58,112,.07);cursor:pointer;color:var(--wf6-ink);transition:.2s ease;
}
.wf6-gig-message-card:hover{transform:translateY(-2px);border-color:#a9c4ff;box-shadow:0 14px 34px rgba(20,87,255,.13)}
.wf6-gig-message-card>svg{color:var(--wf6-blue)}
.wf6-gig-message-avatar{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2f64ff,#6847e8);color:#fff;font-weight:900;overflow:visible}
.wf6-gig-message-avatar>img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;z-index:1}
.wf6-gig-message-avatar>span{position:relative;z-index:0}
.wf6-gig-message-avatar>i{position:absolute;right:0;bottom:1px;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:#a0aabc;z-index:2}
.wf6-gig-message-avatar>i.is-online,.wf6-gig-message-card.is-online .wf6-gig-message-avatar>i{background:#16b56c}
.wf6-gig-message-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.wf6-gig-message-copy strong{font-size:14px;color:#15223a}
.wf6-gig-message-copy small{font-size:12px;color:#69778e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf6-gig-message-card.is-online .wf6-gig-message-copy small{color:#12935b;font-weight:800}
.wf6-gig-message-copy em{font-size:12px;color:#7b879b;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Messenger-style launcher */
.wf6-chat-launcher{
  position:fixed!important;right:20px!important;bottom:20px!important;width:56px!important;height:56px!important;border:0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:linear-gradient(145deg,#1765ff,#5639ed)!important;color:#fff!important;
  box-shadow:0 15px 34px rgba(29,74,220,.34)!important;z-index:4200!important;cursor:pointer!important;transition:.2s ease!important;
}
.wf6-chat-launcher:hover{transform:translateY(-2px) scale(1.03)}
.wf6-chat-launcher.has-unread{box-shadow:0 0 0 5px rgba(20,87,255,.12),0 15px 34px rgba(29,74,220,.34)!important}
.wf6-chat-total-badge{position:absolute;right:-3px;top:-4px;min-width:22px;height:22px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#e32d45;color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center}
.wf6-chat-total-badge[hidden]{display:none!important}

/* Conversation list tree */
.wf6-chat-list-panel{
  position:fixed;right:18px;bottom:86px;width:350px;height:min(700px,calc(100dvh - 108px));z-index:4180;
  border:1px solid #d9e2ee;border-radius:18px;background:#fff;box-shadow:var(--wf6-shadow);overflow:hidden;
  display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(16px) scale(.98);transform-origin:bottom right;transition:.18s ease;
}
.wf6-chat-list-panel.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.wf6-chat-list-header{height:66px;flex:0 0 66px;padding:11px 12px 9px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf4;background:#fff}
.wf6-chat-list-header>div:first-child{min-width:0;display:flex;flex-direction:column;gap:1px}
.wf6-chat-list-header strong{font-size:20px;letter-spacing:-.35px;color:#17223a}
.wf6-chat-list-header small{font-size:12px;color:#7a8699}
.wf6-chat-header-actions,.wf6-mini-actions{display:flex;align-items:center;gap:4px}
.wf6-chat-icon-button{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#627087;cursor:pointer;font-size:18px;line-height:1}
.wf6-chat-icon-button:hover{background:#edf2f9;color:var(--wf6-blue)}
.wf6-chat-search{height:40px;flex:0 0 40px;margin:10px 12px 7px;padding:0 12px;border-radius:999px;background:#f1f4f8;color:#78859a;display:flex;align-items:center;gap:8px}
.wf6-chat-search input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#26334b;font-size:12px}
.wf6-chat-filter-tabs{height:39px;flex:0 0 39px;padding:0 12px 7px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #edf1f6}
.wf6-chat-filter-tabs button{height:30px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:#4f5d74;font-weight:800;cursor:pointer}
.wf6-chat-filter-tabs button:hover{background:#f1f4f9}
.wf6-chat-filter-tabs button.is-active{background:#e9f1ff;color:var(--wf6-blue)}
.wf6-chat-contacts{flex:1;min-height:0;overflow-y:auto;padding:5px 7px 12px;scrollbar-width:thin;scrollbar-color:#c7d1df transparent}
.wf6-chat-contacts::-webkit-scrollbar{width:6px}.wf6-chat-contacts::-webkit-scrollbar-track{background:transparent}.wf6-chat-contacts::-webkit-scrollbar-thumb{background:#c7d1df;border-radius:99px}
.wf6-chat-contact{width:100%;min-height:70px;padding:8px;border:0;border-radius:12px;background:#fff;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;text-align:left;cursor:pointer;transition:.15s}
.wf6-chat-contact:hover,.wf6-chat-contact.is-active{background:#eef4ff}
.wf6-chat-contact.is-unread .wf6-contact-top strong,.wf6-chat-contact.is-unread .wf6-contact-bottom>span{font-weight:900;color:#15223a}
.wf6-contact-avatar{position:relative;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3868ff,#7142e8);color:#fff;font-weight:900;font-size:16px}
.wf6-contact-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.wf6-contact-avatar i{position:absolute;right:0;bottom:1px;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:#a5afbe}
.wf6-contact-avatar.is-online i{background:#18b66d}
.wf6-contact-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.wf6-contact-top,.wf6-contact-bottom{min-width:0;display:flex;align-items:center;gap:7px}
.wf6-contact-top strong,.wf6-contact-bottom>span{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf6-contact-top strong{font-size:13px;color:#1e2b43}
.wf6-contact-top time{flex:0 0 auto;color:#8994a7;font-size:12px}
.wf6-contact-bottom{color:#758198}
.wf6-contact-unread{min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#e52d43;color:#fff;font-size:12px;display:grid;place-items:center}
.wf6-chat-loading,.wf6-chat-load-error,.wf6-chat-empty-list{min-height:160px;padding:24px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#77849a}
.wf6-chat-loading span{width:22px;height:22px;border:3px solid #dce5f3;border-top-color:var(--wf6-blue);border-radius:50%;animation:wf6-spin .8s linear infinite}
.wf6-chat-load-error button{height:32px;padding:0 13px;border:0;border-radius:8px;background:#eaf1ff;color:var(--wf6-blue);font-weight:800;cursor:pointer}
.wf6-chat-empty-list>span{font-size:28px}.wf6-chat-empty-list strong{color:#344159}.wf6-chat-empty-list small{line-height:1.5}
@keyframes wf6-spin{to{transform:rotate(360deg)}}

/* Small Messenger-like chat window */
.wf6-mini-chat{
  position:fixed;right:20px;bottom:18px;width:365px;height:min(530px,calc(100dvh - 90px));z-index:4190;border:1px solid #d7e0ec;border-radius:16px 16px 10px 10px;
  background:#fff;box-shadow:0 23px 60px rgba(16,39,82,.24);overflow:hidden;display:flex;flex-direction:column;
  opacity:0;visibility:hidden;transform:translateY(20px) scale(.98);transform-origin:bottom right;transition:.18s ease;
}
body.wf6-chat-list-open .wf6-mini-chat{right:385px}
.wf6-mini-chat.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.wf6-mini-chat.is-minimized{height:58px;width:330px;bottom:18px}
.wf6-mini-chat.is-minimized .wf6-chat-messages,.wf6-mini-chat.is-minimized .wf6-chat-compose{display:none}
.wf6-mini-chat-header{height:58px;flex:0 0 58px;padding:8px 9px;border-bottom:1px solid #e8edf4;display:flex;align-items:center;gap:9px;background:#fff;cursor:default}
.wf6-mini-avatar{position:relative;width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:linear-gradient(135deg,#3868ff,#7142e8);color:#fff;font-weight:900;overflow:hidden;display:grid;place-items:center}
.wf6-mini-avatar img{width:100%;height:100%;object-fit:cover}
.wf6-mini-title{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.wf6-mini-title strong,.wf6-mini-title small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf6-mini-title strong{font-size:13px;color:#19263e}.wf6-mini-title small{font-size:12px;color:#7a8699}.wf6-mini-title small.is-online{color:#15935c;font-weight:750}
.wf6-chat-messages{flex:1;min-height:0;padding:14px 12px 12px;overflow-y:auto;background:#f4f7fb;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin;scrollbar-color:#bdc8d8 transparent}
.wf6-chat-messages::-webkit-scrollbar{width:6px}.wf6-chat-messages::-webkit-scrollbar-thumb{background:#bdc8d8;border-radius:99px}
.wf6-chat-empty{margin:auto;padding:20px;text-align:center;color:#7a879b;line-height:1.55}
.wf6-message-row{display:flex}.wf6-message-row.is-mine{justify-content:flex-end}
.wf6-message-bubble{max-width:79%;padding:9px 11px;border:1px solid #e0e7f0;border-radius:17px 17px 17px 5px;background:#fff;color:#243149;box-shadow:0 1px 3px rgba(16,42,85,.04);white-space:pre-wrap;overflow-wrap:anywhere}
.wf6-message-row.is-mine .wf6-message-bubble{border-color:var(--wf6-blue);border-radius:17px 17px 5px 17px;background:var(--wf6-blue);color:#fff}
.wf6-message-bubble time{display:block;margin-top:3px;text-align:right;font-size:12px;opacity:.65}
.wf6-message-bubble.is-image{padding:3px;background:transparent;border:0;box-shadow:none}
.wf6-message-bubble.is-image img{display:block;max-width:245px;max-height:285px;border-radius:15px;cursor:zoom-in}
.wf6-chat-compose{min-height:58px;padding:8px;border-top:1px solid #e5ebf3;display:flex;align-items:flex-end;gap:7px;background:#fff}
.wf6-chat-compose textarea{min-width:0;flex:1;min-height:40px;max-height:96px;padding:10px 13px;border:0;outline:0;border-radius:20px;background:#f0f3f7;resize:none;color:#26334a;line-height:1.45}
.wf6-chat-compose button{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.wf6-chat-compose button:disabled{opacity:.45;cursor:not-allowed}.wf6-compose-button{background:#edf3ff;color:var(--wf6-blue)}.wf6-compose-send{background:var(--wf6-blue);color:#fff}
.wf6-chat-lightbox{position:fixed;inset:0;z-index:15000;background:rgba(5,10,20,.92);align-items:center;justify-content:center;padding:30px}
.wf6-chat-lightbox.is-open{display:flex}.wf6-chat-lightbox>button{position:absolute;right:20px;top:20px;background:#fff;color:#17223a}.wf6-chat-lightbox img{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:12px}

/* Make the mobile drawer truly overlay every page component */
.wf-mobile-overlay{z-index:21990!important}
.wf-mobile-drawer{z-index:22000!important}
body.wf-menu-open,html.wf6-drawer-open{overflow:hidden!important}

@media (max-width:1180px){
  .wf6-gig-intro{grid-template-columns:minmax(0,1fr) 270px;gap:16px}
  body.wf6-chat-list-open .wf6-mini-chat{right:375px}
}

@media (max-width:900px){
  .wf5-site-header{min-height:58px}
  .wf5-header-row{
    width:calc(100% - 16px)!important;min-height:58px!important;height:58px!important;padding:0!important;
    grid-template-columns:auto 40px minmax(0,1fr) auto!important;grid-template-rows:58px!important;gap:6px!important;
  }
  .wf5-header-row .wf-brand{grid-column:1!important;grid-row:1!important}
  .wf6-mobile-search-toggle{grid-column:2;grid-row:1;display:grid;width:38px;height:38px;border:1px solid #dfe6f0;border-radius:10px;background:#fff;color:#33425a;place-items:center;cursor:pointer}
  .wf6-mobile-search-toggle.is-open{border-color:#aac2ff;background:#edf3ff;color:var(--wf6-blue)}
  .wf5-primary-nav{display:none!important}
  .wf5-header-actions{grid-column:4!important;grid-row:1!important;gap:4px!important}
  .wf6-global-search{
    display:none!important;position:fixed!important;left:9px!important;right:9px!important;top:64px!important;width:auto!important;height:46px!important;
    z-index:11010!important;border-radius:12px!important;box-shadow:0 18px 45px rgba(16,42,85,.25)!important;padding-left:12px!important;
  }
  .wf6-global-search.is-mobile-open{display:flex!important}
  .wf6-mobile-search-close{display:grid!important;width:34px!important;height:34px!important;flex:0 0 34px!important;margin-right:3px;border:0!important;border-radius:8px!important;background:#eef2f7!important;color:#536078!important;place-items:center!important;cursor:pointer!important}
  .wf6-search-backdrop{position:fixed;inset:0;z-index:11000;background:rgba(15,23,42,.32);backdrop-filter:blur(2px)}
  .wf6-search-backdrop.is-open{display:block}
  body.wf6-search-open{overflow:hidden}
  .wf5-mobile-market-nav{position:relative;z-index:1001}
  .wf5-mobile-market-tabs{height:44px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;grid-template-columns:repeat(4,minmax(88px,1fr))!important}
  .wf5-mobile-market-tabs::-webkit-scrollbar{display:none!important}
  .wf5-mobile-market-panel{position:absolute;left:0;right:0;top:44px;z-index:1050;max-height:min(300px,55vh)!important;overflow-y:auto!important;box-shadow:0 14px 35px rgba(19,46,92,.16)}
  .wf6-gig-intro{grid-template-columns:1fr}.wf6-gig-message-card{max-width:420px}
  .wf6-chat-list-panel{right:12px;bottom:80px;width:min(350px,calc(100vw - 24px));height:min(670px,calc(100dvh - 100px))}
  .wf6-mini-chat{right:12px!important;bottom:12px;width:min(365px,calc(100vw - 24px));height:min(530px,calc(100dvh - 24px))}
  body.wf6-chat-list-open .wf6-mini-chat{right:12px!important}
}

@media (max-width:640px){
  .wf-brand-name{display:none!important}
  .wf5-header-row{grid-template-columns:38px 38px minmax(0,1fr) auto!important}
  .wf5-header-row .wf-brand{width:38px!important;overflow:hidden}
  .wf-brand-mark{width:36px!important;min-width:36px!important}.wf-brand-mark svg{width:34px!important;height:28px!important}
  .wf5-sell-button{width:38px!important;height:38px!important;padding:0!important}.wf5-sell-button span{display:none!important}
  .wf-notification-wrap .wf-icon-button{width:38px!important;height:38px!important}
  .wf5-user-summary{width:42px!important;height:42px!important;padding:0!important;justify-content:center!important;border:0!important}
  .wf5-user-summary .wf6-user-avatar,.wf5-user-summary>.wf-avatar-fallback{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
  .wf5-user-summary .wf5-balance-stack,.wf5-user-summary .wf-nav-chevron{display:none!important}
  .wf5-mobile-account-toggle{width:38px!important;height:38px!important}
  .wf6-global-search{top:62px!important;height:45px!important}
  .wf5-search-type{min-width:91px!important}
  .wf6-gig-message-card{max-width:none}
  .wf6-chat-launcher{right:14px!important;bottom:14px!important;width:52px!important;height:52px!important}
  .wf6-chat-list-panel{inset:0!important;width:100vw!important;height:100dvh!important;border:0!important;border-radius:0!important;z-index:6200!important;transform:translateY(100%)}
  .wf6-chat-list-panel.is-open{transform:translateY(0)}
  .wf6-chat-list-header{padding-top:max(10px,env(safe-area-inset-top));height:calc(66px + env(safe-area-inset-top));flex-basis:calc(66px + env(safe-area-inset-top))}
  .wf6-mini-chat{inset:0!important;width:100vw!important;height:100dvh!important;border:0!important;border-radius:0!important;z-index:6210!important;transform:translateY(100%)}
  .wf6-mini-chat.is-open{transform:translateY(0)}
  .wf6-mini-chat.is-minimized{top:auto!important;left:8px!important;right:8px!important;bottom:70px!important;width:calc(100vw - 16px)!important;height:58px!important;border:1px solid #d7e0ec!important;border-radius:14px!important;transform:none!important}
  .wf6-mini-chat-header{padding-top:max(8px,env(safe-area-inset-top));height:calc(58px + env(safe-area-inset-top));flex-basis:calc(58px + env(safe-area-inset-top))}
  .wf6-mini-chat.is-minimized .wf6-mini-chat-header{padding-top:8px;height:58px;flex-basis:58px}
  .wf6-message-bubble{max-width:86%}
}