/* Workfino Template V5 — marketplace search, responsive header, workspace and Facebook-like quick chat */
:root{
  --wf5-blue:#1457ff;
  --wf5-blue-2:#0a49dc;
  --wf5-ink:#0c1731;
  --wf5-muted:#68758d;
  --wf5-line:#e2e9f3;
  --wf5-soft:#f5f8fd;
  --wf5-card:#fff;
  --wf5-red:#e7293f;
  --wf5-green:#13a86b;
  --wf5-shadow:0 14px 36px rgba(25,55,105,.09);
  --wf5-container:1480px;
}

body.wf-body,
body.wf-body button,
body.wf-body input,
body.wf-body select,
body.wf-body textarea{font-size:12px}
body.wf-body{min-width:320px;background:#f5f8fd;color:var(--wf5-ink)}

/* Header */
.wf5-site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.98);backdrop-filter:blur(14px);border-bottom:1px solid var(--wf5-line)}
.wf5-header-row{width:min(calc(100% - 40px),var(--wf5-container));min-height:62px;margin-inline:auto;display:grid;grid-template-columns:178px minmax(300px,470px) minmax(300px,1fr) auto;gap:20px;align-items:center}
.wf5-global-search{height:40px;display:flex;align-items:center;gap:9px;padding-left:13px;border:1px solid #dce5f1;border-radius:10px;background:#fff;min-width:0;overflow:hidden;box-shadow:0 2px 8px rgba(20,61,124,.035)}
.wf5-global-search:focus-within{border-color:#9cbcff;box-shadow:0 0 0 3px rgba(20,87,255,.09)}
.wf5-global-search>svg{flex:0 0 auto;color:#8290a7}
.wf5-global-search input{height:100%;min-width:80px;flex:1;border:0;outline:0;background:transparent;color:#22304a;padding:0}
.wf5-search-type{height:100%;min-width:102px;padding:0 10px 0 12px;border-left:1px solid #e7ecf4;display:flex;align-items:center;gap:5px;color:#44526b;background:#f9fbfe;position:relative;flex:0 0 auto}
.wf5-search-type select{appearance:none;width:100%;height:100%;border:0;outline:0;background:transparent;font-weight:700;color:#35435c;padding-right:16px;cursor:pointer}
.wf5-search-type>svg{position:absolute;right:9px;pointer-events:none}
.wf5-global-search>button{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--wf5-blue),var(--wf5-blue-2));color:#fff;display:grid;place-items:center;margin-right:3px;cursor:pointer}
.wf5-primary-nav{min-width:0;display:flex;align-items:stretch;justify-content:flex-end;gap:2px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;white-space:nowrap}
.wf5-primary-nav::-webkit-scrollbar{height:3px}.wf5-primary-nav::-webkit-scrollbar-thumb{background:#c8d5e8;border-radius:99px}
.wf5-primary-nav .wf-nav-direct{height:62px;min-width:max-content;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#18233a;text-decoration:none;position:relative;flex:0 0 auto}
.wf5-primary-nav .wf-nav-direct:hover,.wf5-primary-nav .wf-nav-direct.is-active{color:var(--wf5-blue)}
.wf5-primary-nav .wf-nav-direct.is-active:after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;background:var(--wf5-blue);border-radius:4px 4px 0 0}
.wf5-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
.wf5-sell-button{order:1;min-height:38px;padding-inline:14px;gap:7px}
.wf-notification-wrap{order:2}.wf5-account-wrap{order:3}.wf5-mobile-account-toggle{order:4}
.wf5-user-summary{min-height:42px;padding:3px 7px 3px 4px;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;background:#fff;cursor:pointer}
.wf5-user-summary:hover{border-color:#dce5f2;background:#f9fbff}
.wf5-balance-stack{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;max-width:125px}
.wf5-balance-stack strong{font-size:12px;color:#17243d;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wf5-balance-stack small{font-size:12px;color:#76839a}
.wf5-account-name{font-weight:900;margin-bottom:5px}
.wf5-mobile-account-toggle{display:none}

/* Desktop one-line contextual category menu */
.wf-context-nav{background:#fff;border-top:1px solid #f2f5f9;border-bottom:1px solid var(--wf5-line);overflow:hidden}
.wf-context-track{width:min(calc(100% - 40px),var(--wf5-container));height:40px;margin-inline:auto;display:flex;align-items:center;gap:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scroll-behavior:smooth}
.wf-context-track::-webkit-scrollbar{height:3px}.wf-context-track::-webkit-scrollbar-thumb{background:#cad6e7;border-radius:99px}
.wf-context-link{height:40px;padding:0 13px;display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none;color:#5e6b81;font-weight:650;position:relative}
.wf-context-link:hover,.wf-context-link.is-active{color:var(--wf5-blue)}
.wf-context-link.is-active:after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;background:var(--wf5-blue)}
.wf5-mobile-market-nav{display:none}

/* Gig catalogue */
.wf5-gigs-main{width:min(calc(100% - 48px),1460px);margin:0 auto 44px}
.wf5-gigs-hero{min-height:220px;padding:35px 44px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:36px;align-items:center;background:radial-gradient(circle at 84% 20%,#dce8ff 0,transparent 43%),linear-gradient(120deg,#f9fbff,#f2f6ff);border:1px solid #dfe8f6;border-top:0;border-radius:0 0 20px 20px}
.wf5-gigs-hero h1{font-size:42px;line-height:1.08;letter-spacing:-1.4px;margin:0 0 12px;font-weight:850}.wf5-gigs-hero h1 span{color:var(--wf5-blue)}
.wf5-gigs-hero p{font-size:14px;line-height:1.65;color:#60708a;max-width:680px;margin:0}
.wf5-gig-search-card{border:1px solid var(--wf5-line);background:#fff;border-radius:16px;padding:17px;box-shadow:var(--wf5-shadow)}
.wf5-gig-search-card strong{display:block;font-size:14px;margin-bottom:4px}.wf5-gig-search-card>span{display:block;color:#76849b;margin-bottom:12px}
.wf5-gig-search-form{height:45px;border:1px solid #dce5f1;border-radius:9px;padding-left:13px;display:flex;align-items:center;gap:8px;overflow:hidden}
.wf5-gig-search-form input{min-width:0;flex:1;height:100%;border:0;outline:0}.wf5-gig-search-form button{height:37px;padding:0 16px;border:0;border-radius:8px;background:var(--wf5-blue);color:#fff;font-weight:800;margin-right:3px}
.wf5-gig-tools{display:flex;align-items:center;gap:9px;padding:15px 0;overflow-x:auto;white-space:nowrap}.wf5-gig-tools a,.wf5-gig-tools select{height:34px;border:1px solid #dfe6f0;border-radius:8px;background:#fff;padding:0 12px;display:inline-flex;align-items:center;color:#4d5b73;text-decoration:none;font-weight:700}.wf5-gig-tools a.is-active{border-color:#a9c3ff;background:#eef4ff;color:var(--wf5-blue)}
.wf5-gigs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.wf5-gig-sidebar{position:sticky;top:112px;border:1px solid var(--wf5-line);background:#fff;border-radius:12px;padding:16px}.wf5-gig-sidebar h3{font-size:13px;margin:0 0 10px}.wf5-gig-filter-section{padding:14px 0;border-bottom:1px solid #edf1f6}.wf5-gig-filter-section:last-child{border-bottom:0}.wf5-gig-filter-list{display:flex;flex-direction:column;gap:8px}.wf5-gig-filter-list a{display:flex;justify-content:space-between;color:#64728a;text-decoration:none}.wf5-gig-filter-list a.is-active,.wf5-gig-filter-list a:hover{color:var(--wf5-blue);font-weight:800}.wf5-gig-price{display:grid;grid-template-columns:1fr 1fr;gap:7px}.wf5-gig-price input{min-width:0;height:35px;border:1px solid #dfe5ef;border-radius:7px;padding:0 8px}.wf5-filter-submit{width:100%;height:34px;margin-top:8px;border:0;border-radius:7px;background:#edf4ff;color:var(--wf5-blue);font-weight:800}
.wf5-gig-results-head{height:45px;display:flex;align-items:center;justify-content:space-between;gap:14px}.wf5-gig-results-head strong{font-size:13px}.wf5-gig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wf5-gig-card{border:1px solid var(--wf5-line);background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 2px 8px rgba(20,51,99,.035);transition:.2s}.wf5-gig-card:hover{transform:translateY(-2px);border-color:#c2d4f3;box-shadow:var(--wf5-shadow)}.wf5-gig-cover{height:174px;background:#e8eef9;position:relative;overflow:hidden}.wf5-gig-cover img{width:100%;height:100%;object-fit:cover}.wf5-gig-cover .wf-avatar-fallback{width:100%;height:100%;border-radius:0;font-size:32px}.wf5-gig-card-body{padding:13px}.wf5-gig-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px;font-size:14px;line-height:1.4;font-weight:850;color:#15223b;text-decoration:none}.wf5-gig-seller{display:flex;align-items:center;gap:8px;margin-top:10px}.wf5-gig-seller img,.wf5-gig-seller .wf-avatar-fallback{width:29px;height:29px;border-radius:50%;object-fit:cover}.wf5-gig-seller-copy{min-width:0;display:flex;flex-direction:column}.wf5-gig-seller-copy strong,.wf5-gig-seller-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf5-gig-seller-copy span{color:#718097}.wf5-gig-stats{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#66758d;margin:9px 0}.wf5-gig-tags{display:flex;gap:5px;flex-wrap:wrap}.wf5-gig-tags span{height:22px;padding:0 7px;border-radius:999px;background:#f4f7fb;border:1px solid #e7ebf2;color:#66738a;display:inline-flex;align-items:center}.wf5-gig-card-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid #edf1f6}.wf5-gig-card-footer strong{font-size:14px;color:#0e1c35}.wf5-gig-card-footer a{color:var(--wf5-blue);font-weight:850;text-decoration:none}.wf5-empty-results{grid-column:1/-1;border:1px dashed #cbd7e9;border-radius:14px;background:#fff;text-align:center;padding:60px 24px}.wf5-empty-results h2{font-size:20px;margin:0 0 7px}.wf5-empty-results p{color:#6f7d95}.wf5-empty-results a{display:inline-flex;margin-top:10px;color:var(--wf5-blue);font-weight:800;text-decoration:none}

/* Expert page has no keyword search */
.wf5-expert-directory-tools{margin-top:-24px;position:relative;z-index:2;border:1px solid var(--wf5-line);background:#fff;border-radius:13px;padding:13px 16px;box-shadow:0 10px 27px rgba(30,63,119,.075);display:flex;align-items:center;justify-content:space-between;gap:20px}.wf5-expert-directory-tools>div{display:flex;flex-direction:column;gap:3px}.wf5-expert-directory-tools strong{font-size:14px}.wf5-expert-directory-tools span{color:#748198}.wf5-expert-directory-tools form{display:flex;gap:9px}.wf5-expert-directory-tools select{height:38px;min-width:170px;border:1px solid #dce4ef;border-radius:8px;background:#fff;padding:0 12px;color:#42516a;font-weight:700}

/* Workplace */
.wf-workspace-page{overflow:hidden}
.wf5-workspace-shell{width:min(calc(100% - 40px),1460px);height:calc(100vh - 84px);min-height:620px;margin:14px auto 12px;display:grid!important;grid-template-columns:286px minmax(0,1fr);gap:14px!important;align-items:stretch;min-width:0}
.wf5-workspace-list-panel{height:100%;min-height:0;border:1px solid var(--wf5-line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(25,55,105,.045);overflow:hidden;display:flex;flex-direction:column}
.wf5-workspace-list-head{height:72px;flex:0 0 72px;padding:13px 14px;border-bottom:1px solid var(--wf5-line);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(145deg,#fff,#f7faff)}.wf5-workspace-list-head>div{display:flex;flex-direction:column}.wf5-workspace-list-head span{color:#718098;font-weight:650}.wf5-workspace-list-head strong{font-size:15px}.wf5-workspace-total{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#edf3ff;color:var(--wf5-blue)!important;font-weight:900!important}
.wf5-workspace-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.wf5-workspace-list::-webkit-scrollbar,.wf5-workspace-contract-panel::-webkit-scrollbar,.wf5-workspace-chat-scroll::-webkit-scrollbar{width:6px}.wf5-workspace-list::-webkit-scrollbar-thumb,.wf5-workspace-contract-panel::-webkit-scrollbar-thumb,.wf5-workspace-chat-scroll::-webkit-scrollbar-thumb{background:#cbd6e5;border-radius:99px}
.wf5-workspace-item{min-height:112px;padding:12px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;border-bottom:1px solid #edf1f6;color:#23314a;text-decoration:none;position:relative;background:#fff}.wf5-workspace-item:hover{background:#f7faff}.wf5-workspace-item.is-active{background:#edf4ff;box-shadow:inset 3px 0 0 var(--wf5-blue)}.wf5-workspace-item.is-unread .wf5-workspace-item-top strong,.wf5-workspace-item.is-unread .wf5-workspace-preview,.wf5-workspace-item.is-unread .wf5-workspace-person{font-weight:900;color:#101d34}
.wf5-workspace-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#315dff,#7145ee);color:#fff;font-weight:900}.wf5-workspace-avatar img{width:100%;height:100%;object-fit:cover}.wf5-workspace-item-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.wf5-workspace-item-top{display:flex;align-items:flex-start;gap:6px}.wf5-workspace-item-top strong{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.wf5-workspace-unread{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--wf5-red);color:#fff;display:grid;place-items:center;font-size:12px}.wf5-workspace-person{color:#53627b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf5-workspace-preview{height:34px;color:#77849a;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.wf5-workspace-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#8490a4}.wf5-role-note{height:20px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;font-weight:850}.wf5-role-note.is-hiring{color:#7a4d00;background:#fff3cf}.wf5-role-note.is-working{color:#0b6e49;background:#dcf8eb}.wf5-workspace-empty{padding:28px 16px;text-align:center;color:#79869a}
.wf5-workspace-main{height:100%;min-height:0;overflow:hidden}.wf5-workspace-main-card{height:100%!important;min-height:0}.wf5-workspace-contract-panel{width:310px!important;min-width:280px!important;height:100%;min-height:0;overflow-y:auto!important;overscroll-behavior:contain}.wf5-workspace-chat-panel{width:auto!important;flex:1;min-width:0;height:100%!important;min-height:0;overflow:hidden}.wf5-workspace-chat-scroll{min-height:0;overscroll-behavior:contain}.wf5-workspace-contract-panel .text-\[15px\],.wf5-workspace-chat-panel .text-\[15px\]{font-size:12px!important}

/* Product upload editor has no generic profile sidebar */
.wf5-upload-shell{width:min(calc(100% - 48px),1320px);margin:22px auto 44px;display:block!important}.wf5-upload-main{width:100%;max-width:none}.wf5-upload-main>div{max-width:none!important}

/* Facebook-like quick chat */
.wf-chat-launcher{position:fixed!important;right:22px!important;bottom:22px!important;width:54px!important;height:54px!important;border-radius:50%!important;background:linear-gradient(145deg,#1765ff,#5539ef)!important;color:#fff!important;box-shadow:0 13px 30px rgba(32,76,220,.3)!important;border:0!important;z-index:1250!important;display:grid!important;place-items:center!important;cursor:pointer!important}
#wfChatUnreadBadge{position:absolute;right:-2px;top:-4px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:var(--wf5-red);color:#fff;display:none;place-items:center;font-weight:900;border:2px solid #fff}
#wfChatUnreadBadge.is-visible,#wfChatUnreadBadge:not([hidden]){display:grid}
.wf-chat-dock{position:fixed!important;right:20px!important;bottom:84px!important;width:min(760px,calc(100vw - 40px))!important;height:min(570px,calc(100vh - 120px))!important;border:1px solid #dbe4f0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 24px 60px rgba(18,43,92,.22)!important;z-index:1240!important;overflow:hidden!important;display:none!important;grid-template-columns:285px minmax(0,1fr)!important}
.wf-chat-dock.is-open{display:grid!important}.wf-chat-dock.is-minimized{height:52px!important;width:360px!important;grid-template-columns:1fr!important}.wf-chat-dock.is-minimized .wf-chat-list-pane,.wf-chat-dock.is-minimized .wf-chat-body,.wf-chat-dock.is-minimized .wf-chat-compose{display:none!important}
.wf-chat-list-pane{min-width:0;border-right:1px solid var(--wf5-line);display:flex;flex-direction:column;background:#fff}.wf-chat-list-head,.wf-chat-active-head{height:58px;flex:0 0 58px;padding:9px 11px;border-bottom:1px solid var(--wf5-line);display:flex;align-items:center;gap:8px}.wf-chat-list-title{font-size:16px;font-weight:900;flex:1}.wf-chat-head-actions{display:flex;gap:4px}.wf-chat-head-actions button{width:31px;height:31px;border:0;border-radius:50%;background:#f1f4f9;color:#53617a;display:grid;place-items:center;cursor:pointer}.wf-chat-head-actions button:hover{background:#e4ebf6;color:var(--wf5-blue)}.wf-chat-contact-search{margin:9px 10px;height:35px;border-radius:999px;background:#f1f4f8;display:flex;align-items:center;gap:7px;padding:0 11px;color:#79869a}.wf-chat-contact-search input{border:0;outline:0;background:transparent;min-width:0;flex:1}.wf-chat-contacts{flex:1;min-height:0;overflow-y:auto;padding:2px 6px 8px;scrollbar-width:thin}.wf5-chat-contact{width:100%;min-height:66px;padding:7px;border:0;border-radius:9px;background:#fff;display:grid;grid-template-columns:46px minmax(0,1fr);gap:9px;text-align:left;cursor:pointer}.wf5-chat-contact:hover,.wf5-chat-contact.is-active{background:#eef4ff}.wf5-chat-contact.is-unread strong,.wf5-chat-contact.is-unread .wf5-contact-bottom{font-weight:900;color:#14213a}.wf5-contact-avatar-wrap{position:relative;width:46px;height:46px}.wf-chat-contact-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;display:grid;place-items:center}.wf5-contact-text{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.wf5-contact-top,.wf5-contact-bottom{display:flex;align-items:center;gap:7px}.wf5-contact-top strong,.wf5-contact-bottom>span{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf5-contact-top time{color:#8a96a9}.wf5-contact-bottom{color:#77849a}.wf5-contact-unread{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--wf5-red);color:#fff;display:grid;place-items:center;font-size:12px}.wf-chat-active-pane{min-width:0;display:flex;flex-direction:column;min-height:0}.wf-chat-active-head{background:#fff}.wf-chat-active-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#3768ff,#7746ed);color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden}.wf-chat-active-avatar img{width:100%;height:100%;object-fit:cover}.wf-chat-active-copy{min-width:0;flex:1;display:flex;flex-direction:column}.wf-chat-active-copy strong,.wf-chat-active-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-chat-active-copy span{color:#18a263}.wf-chat-body{flex:1;min-height:0;overflow-y:auto;background:#f7f9fc;padding:14px;display:flex;flex-direction:column;gap:6px}.wf-chat-message{display:flex}.wf-chat-message.is-mine{justify-content:flex-end}.wf-chat-bubble{max-width:76%;padding:9px 11px;border-radius:17px;background:#fff;border:1px solid #e3e9f2;box-shadow:0 1px 3px rgba(0,0,0,.025);white-space:pre-wrap;overflow-wrap:anywhere}.wf-chat-message.is-mine .wf-chat-bubble{background:#1457ff;color:#fff;border-color:#1457ff}.wf-chat-bubble time{display:block;font-size:12px;opacity:.65;margin-top:3px;text-align:right}.wf-chat-bubble.is-image{padding:3px}.wf-chat-bubble.is-image img{display:block;max-width:250px;max-height:260px;border-radius:14px;cursor:zoom-in}.wf-chat-compose{min-height:58px;padding:8px;border-top:1px solid var(--wf5-line);display:flex;align-items:flex-end;gap:7px;background:#fff}.wf-chat-compose textarea{min-height:39px;max-height:110px;flex:1;resize:none;border:0;outline:0;border-radius:18px;background:#f1f4f8;padding:10px 13px}.wf-chat-compose button{width:39px;height:39px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}.wf-chat-compose button[type=submit]{background:var(--wf5-blue);color:#fff}.wf-chat-compose .wf-chat-attach{background:#edf3ff;color:var(--wf5-blue)}.wf-chat-empty,.wf-empty-state{padding:25px 12px;text-align:center;color:#7d899c}

/* Small laptops */
@media (max-width:1280px){
  .wf5-header-row{width:min(calc(100% - 28px),1180px);grid-template-columns:154px minmax(260px,390px) minmax(250px,1fr) auto;gap:10px}
  .wf5-primary-nav .wf-nav-direct{padding-inline:10px}.wf5-balance-stack{max-width:92px}.wf5-sell-button{padding-inline:11px;justify-content:center}
  .wf-context-track{width:calc(100% - 28px)}
  .wf5-gig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wf5-workspace-shell{width:calc(100% - 24px);grid-template-columns:250px minmax(0,1fr)}.wf5-workspace-contract-panel{width:285px!important;min-width:260px!important}
}


@media (min-width:901px) and (max-width:1080px){.wf5-balance-stack{display:none}.wf5-sell-button span{display:none}.wf5-sell-button{width:39px;padding:0}}
/* Tablet/mobile header: marketplace tabs move below and panels stay hidden until clicked */
@media (max-width:900px){
  .wf5-site-header{position:sticky}
  .wf5-header-row{width:calc(100% - 20px);min-height:108px;padding:8px 0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:40px 42px;gap:7px 9px}
  .wf5-header-row .wf-brand{grid-column:1;grid-row:1}.wf-brand-name{font-size:20px!important}.wf-brand-mark svg{width:34px;height:28px}
  .wf5-global-search{grid-column:1/-1;grid-row:2;height:42px}.wf5-search-type{min-width:93px}
  .wf5-primary-nav{display:none!important}.wf5-header-actions{grid-column:2/4;grid-row:1;min-width:0}
  .wf5-sell-button{display:inline-flex!important;width:auto;padding:0 10px}.wf5-sell-button span{display:inline}.wf5-user-summary .wf5-balance-stack,.wf5-user-summary .wf-nav-chevron{display:none}.wf5-user-summary{padding:2px;border:0}.wf5-account-wrap>.wf-popover{display:none!important}
  .wf5-mobile-account-toggle{display:grid!important}.wf-context-nav{display:none!important}
  .wf5-mobile-market-nav{display:block;border-top:1px solid #eef2f7;background:#fff}
  .wf5-mobile-market-tabs{height:42px;display:grid;grid-template-columns:repeat(4,1fr);overflow-x:auto}.wf5-mobile-market-tabs button{border:0;border-right:1px solid #edf1f6;background:#fff;color:#34425b;font-weight:800;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.wf5-mobile-market-tabs button.is-open{color:var(--wf5-blue);background:#f4f7ff}.wf5-mobile-market-panel{max-height:180px;overflow-y:auto;padding:8px 10px;border-top:1px solid var(--wf5-line);background:#f8faff;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.wf5-mobile-market-panel:not([hidden]){display:grid}.wf5-mobile-market-panel a{height:34px;padding:0 10px;border-radius:7px;background:#fff;border:1px solid #e4eaf3;color:#4a5870;text-decoration:none;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wf5-gigs-main{width:calc(100% - 24px)}.wf5-gigs-hero{grid-template-columns:1fr;padding:26px 24px}.wf5-gigs-hero h1{font-size:34px}.wf5-gigs-layout{grid-template-columns:1fr}.wf5-gig-sidebar{position:static}.wf5-gig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wf5-expert-directory-tools{align-items:flex-start;flex-direction:column}.wf5-expert-directory-tools form{width:100%}.wf5-expert-directory-tools select{min-width:0;flex:1}
  .wf5-workspace-shell{height:auto;min-height:0;display:flex!important;flex-direction:column;overflow:visible}.wf5-workspace-list-panel{height:280px;flex:0 0 280px}.wf5-workspace-main{height:760px}.wf5-workspace-main-card{height:100%!important}.wf5-workspace-contract-panel{width:270px!important;min-width:250px!important}.wf-workspace-page{overflow:auto}
  .wf-chat-dock{right:10px!important;bottom:78px!important;width:calc(100vw - 20px)!important;height:min(610px,calc(100vh - 100px))!important;grid-template-columns:260px minmax(0,1fr)!important}.wf-chat-launcher{right:14px!important;bottom:14px!important}
}

@media (max-width:640px){
  .wf5-header-row{width:calc(100% - 14px);grid-template-columns:auto minmax(0,1fr) auto}.wf5-header-actions{gap:4px}.wf5-sell-button span{display:none}.wf5-sell-button{width:37px;padding:0}.wf-notification-wrap .wf-icon-button{width:36px}.wf5-user-summary{width:38px}.wf5-mobile-account-toggle{width:36px}.wf5-search-type{min-width:88px;padding-left:8px}.wf5-global-search input{font-size:12px}
  .wf5-mobile-market-tabs{overflow-x:auto;grid-template-columns:repeat(4,minmax(90px,1fr))}.wf5-mobile-market-panel{grid-template-columns:1fr}
  .wf5-gigs-main{width:calc(100% - 16px)}.wf5-gigs-hero{padding:22px 17px}.wf5-gigs-hero h1{font-size:29px}.wf5-gig-grid{grid-template-columns:1fr}.wf5-gigs-layout{gap:13px}.wf5-gig-sidebar{display:none}
  .wf5-expert-directory-tools form{flex-direction:column}.wf5-expert-directory-tools select{width:100%}
  .wf5-workspace-shell{width:calc(100% - 12px);margin-top:7px}.wf5-workspace-list-panel{height:245px;flex-basis:245px}.wf5-workspace-main{height:auto;overflow:visible}.wf5-workspace-main-card{height:auto!important;display:flex!important;flex-direction:column!important}.wf5-workspace-contract-panel{width:100%!important;min-width:0!important;height:390px!important;flex:0 0 390px}.wf5-workspace-chat-panel{height:660px!important;flex:0 0 660px}.wf5-workspace-chat-scroll{padding:14px!important}.wf5-upload-shell{width:calc(100% - 16px);margin-top:12px}
  .wf-chat-dock{right:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;border-radius:0!important;grid-template-columns:1fr!important}.wf-chat-dock .wf-chat-list-pane{display:none}.wf-chat-dock.show-contacts .wf-chat-list-pane{display:flex}.wf-chat-dock.show-contacts .wf-chat-active-pane{display:none}.wf-chat-dock.is-minimized{right:8px!important;bottom:72px!important;width:calc(100vw - 16px)!important;height:52px!important;border-radius:13px!important}.wf-chat-launcher{width:50px!important;height:50px!important}.wf-chat-bubble{max-width:86%}
}

/* Quick-chat markup compatibility */
.wf5-chat-message-row{display:flex}.wf5-chat-message-row.is-mine{justify-content:flex-end}.wf5-chat-message-row>.wf-chat-message{max-width:76%;padding:9px 11px;border-radius:17px;background:#fff;border:1px solid #e3e9f2;box-shadow:0 1px 3px rgba(0,0,0,.025);white-space:pre-wrap;overflow-wrap:anywhere}.wf5-chat-message-row.is-mine>.wf-chat-message{background:#1457ff;color:#fff;border-color:#1457ff}.wf5-chat-message-row>.wf-chat-message time{display:block;font-size:12px;opacity:.65;margin-top:3px;text-align:right}.wf5-chat-message-row>.wf-chat-message.is-image{padding:3px}.wf5-chat-message-row>.wf-chat-message.is-image img{display:block;max-width:250px;max-height:260px;border-radius:14px;cursor:zoom-in}.wf5-chat-active-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#3768ff,#7746ed);color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden}.wf5-chat-active-avatar img{width:100%;height:100%;object-fit:cover}.wf5-chat-title-wrap{min-width:0;flex:1;display:flex;align-items:center;gap:8px}.wf5-chat-title-wrap>.wf-chat-active-copy{min-width:0;flex:1;display:flex;flex-direction:column}.wf5-chat-title-wrap>.wf-chat-active-copy strong,.wf5-chat-title-wrap>.wf-chat-active-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf5-chat-title-wrap>.wf-chat-active-copy small{color:#18a263}

/* V5 Gig catalogue actual template class map */
.wf5-eyebrow{display:inline-flex;height:26px;padding:0 10px;border-radius:999px;background:#eaf1ff;color:var(--wf5-blue);align-items:center;font-weight:850;margin-bottom:13px}
.wf5-gig-hero-stats{display:grid;gap:9px}.wf5-gig-hero-stats>div{min-height:54px;padding:10px 13px;border:1px solid rgba(213,225,245,.9);border-radius:11px;background:rgba(255,255,255,.84);box-shadow:0 5px 16px rgba(30,64,120,.045);display:flex;flex-direction:column}.wf5-gig-hero-stats strong{font-size:13px}.wf5-gig-hero-stats span{color:#738097;margin-top:2px}
.wf5-gig-search{margin-top:-24px;position:relative;z-index:2;border:1px solid var(--wf5-line);border-radius:14px;background:#fff;padding:11px;box-shadow:0 11px 28px rgba(35,68,125,.08);display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(170px,.55fr) minmax(170px,.55fr) 120px;gap:9px}.wf5-gig-search-input{height:44px;border:1px solid #dce5f1;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#8290a7}.wf5-gig-search-input input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent}.wf5-gig-search select{height:44px;border:1px solid #dce5f1;border-radius:9px;background:#fff;padding:0 11px;color:#46546d;font-weight:700}.wf5-gig-search>button{height:44px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--wf5-blue),var(--wf5-blue-2));color:#fff;font-weight:850;cursor:pointer}
.wf5-gigs-layout{margin-top:16px}.wf5-gig-filter{position:sticky;top:112px;border:1px solid var(--wf5-line);background:#fff;border-radius:12px;padding:15px}.wf5-filter-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid #edf1f6}.wf5-filter-title strong{font-size:14px}.wf5-filter-title a{color:var(--wf5-blue);font-weight:800;text-decoration:none}.wf5-gig-filter section{padding:14px 0;border-bottom:1px solid #edf1f6;display:flex;flex-direction:column;gap:8px}.wf5-gig-filter section:last-child{border-bottom:0}.wf5-gig-filter h3{font-size:12px;margin:0 0 2px}.wf5-gig-filter section>a{color:#64728a;text-decoration:none}.wf5-gig-filter section>a:hover,.wf5-gig-filter section>a.is-active{color:var(--wf5-blue);font-weight:850}.wf5-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.wf5-price-inputs input{width:100%;min-width:0;height:35px;border:1px solid #dfe5ef;border-radius:7px;padding:0 8px}.wf5-gig-filter form>button{width:100%;height:34px;margin-top:8px;border:0;border-radius:7px;background:#edf4ff;color:var(--wf5-blue);font-weight:850;cursor:pointer}
.wf5-gig-results{min-width:0}.wf5-results-heading{height:49px;display:flex;align-items:center;justify-content:space-between;gap:14px}.wf5-results-heading h2{font-size:17px;margin:0}.wf5-results-heading p{margin:2px 0 0;color:#758299}.wf5-results-heading>span{height:28px;padding:0 10px;border-radius:999px;background:#edf3ff;color:var(--wf5-blue);font-weight:850;display:flex;align-items:center}.wf5-gig-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wf5-gig-cover-fallback{width:100%;height:100%;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#16275b,#4d31cb);color:#fff}.wf5-gig-cover-fallback span{opacity:.82}.wf5-gig-cover-fallback strong{font-size:18px;line-height:1.25;margin-top:5px}.wf5-featured-badge{position:absolute;left:9px;top:9px;height:24px;padding:0 8px;border-radius:6px;background:#165cff;color:#fff;font-weight:850;display:flex;align-items:center}.wf5-gig-seller>div{min-width:0;display:flex;flex-direction:column}.wf5-gig-seller a{font-weight:850;color:#21304a;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf5-gig-seller small{color:#76839a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf5-gig-meta{display:flex;align-items:center;gap:9px;margin:9px 0;color:#68758c}.wf5-rating{color:#d88b00;font-weight:800}
@media(max-width:1280px){.wf5-gig-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.wf5-gig-search{grid-template-columns:1fr 1fr}.wf5-gig-search-input{grid-column:1/-1}.wf5-gig-search>button{grid-column:2}.wf5-gig-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wf5-gig-filter{position:static}}
@media(max-width:640px){.wf5-gig-search{grid-template-columns:1fr}.wf5-gig-search-input,.wf5-gig-search>button{grid-column:auto}.wf5-gig-card-grid{grid-template-columns:1fr}.wf5-gig-filter{display:none}}