html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,video,canvas,svg{max-width:100%}
.wrap,.topin,.tools,.nav,.hero,.head,.grid,.list,.panel,.modalbox,.mainpane,.listpane,.grow{min-width:0}
a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,.btn,.pill,.tab,.x,.send,.mobileBack{min-height:38px}
.x{min-width:38px;flex:0 0 auto}
.card,.job,.expert,.item,.post,.bfRow,.bfMetric,.bfNotif{overflow-wrap:anywhere}
.modal{overscroll-behavior:contain}
.modal .panel,.modal .modalbox{overscroll-behavior:contain}
.toast{max-width:calc(100vw - 28px);white-space:normal;text-align:center}
#bfGlobalTopNav{min-width:0}
#bfGlobalAccount .bf-label{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:900px){
  .topin{gap:9px!important}
  .tools{gap:5px!important;min-width:0}
  .brand{flex:0 0 auto}
  #bfGlobalTopNav{gap:4px!important;min-width:0}
  #bfGlobalTopNav .bf-top-link{flex:0 0 auto}
}

@media(max-width:760px){
  input,select,textarea{font-size:16px!important}
  .wrap{max-width:100%}
  .topin{gap:7px!important}
  .tools{margin-left:auto!important;max-width:calc(100vw - 118px);overflow:visible}
  #bfGlobalTopNav{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  #bfGlobalTopNav::-webkit-scrollbar{display:none}
  #bfGlobalNotif{display:none!important}
  #bfGlobalAccount .bf-label{max-width:76px}
  .modal{align-items:flex-start!important;padding:10px!important;padding-top:max(10px,env(safe-area-inset-top))!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
  .modal .panel,.modal .modalbox{width:100%!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;margin:auto!important;border-radius:18px!important;overflow:auto!important}
  .formgrid,.grid2{gap:10px!important}
  .actions,.right,.jobbtns,.bfQuick{flex-wrap:wrap}
  .actions .btn,.right .btn,.jobbtns .btn{min-height:42px}
  .shell{height:calc(100dvh - 58px)!important}
  .messages{padding:12px!important}
  .chathead{padding:12px!important}
  .composer{padding:8px 10px max(8px,env(safe-area-inset-bottom))!important}
  .composer input{min-width:0!important}
  .bubble{max-width:90%!important}
  .bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
}

@media(max-width:520px){
  .brand{font-size:20px!important}
  #bfGlobalSearch{display:none!important}
  #bfGlobalAccount .bf-label{max-width:64px}
  #bfGlobalTopNav .bf-top-link{min-height:34px!important;padding:7px 8px!important;font-size:10px!important}
  .tools>.gold,.tools>#openCreate,.tools>#profileBtn,.tools>#writeBtn{padding-left:10px!important;padding-right:10px!important;white-space:nowrap}
  .hero h1,.head h1{overflow-wrap:anywhere}
  .panel,.modalbox{padding-left:16px!important;padding-right:16px!important}
}

@media(max-width:390px){
  .brand{font-size:19px!important}
  #bfGlobalAccount .bf-label{max-width:54px}
  #bfGlobalTopNav .bf-top-link{padding:7px!important}
  .tools{max-width:calc(100vw - 102px)}
}

/* BIGFURNI portal body polish: scoped by page-specific functional IDs. */
:root{--bf-ui-gold:#b87800;--bf-ui-gold-dark:#955f00;--bf-ui-gold-soft:#fff5df;--bf-ui-bg:#f7f6f2;--bf-ui-border:#e7e2d8;--bf-ui-text:#181818;--bf-ui-muted:#747982;--bf-ui-shadow:0 12px 34px rgba(70,52,20,.065)}

body:has(#createForm),body:has(#profileBtn),body:has(#itemForm),body:has(#writeForm),body:has(#form.search),body:has(#notification-list),body:has(#authBox){background:var(--bf-ui-bg)}
body:has(#createForm) .main,body:has(#profileBtn) .main,body:has(#itemForm) .main,body:has(#writeForm) .main,body:has(#form.search) .main{padding-top:24px}
body:has(#profileBtn) .hero,body:has(#itemForm) .hero,body:has(#writeForm) .hero,body:has(#form.search) .hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fffdf8 0%,#fff 55%,#f4ead7 100%);border:1px solid #eadfcd;border-radius:22px;padding:24px 26px;box-shadow:var(--bf-ui-shadow)}
body:has(#profileBtn) .hero:after,body:has(#itemForm) .hero:after,body:has(#writeForm) .hero:after,body:has(#form.search) .hero:after{content:"";position:absolute;right:-42px;top:-58px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(201,139,22,.16),rgba(201,139,22,0) 68%);pointer-events:none}
body:has(#profileBtn) .hero h1,body:has(#itemForm) .hero h1,body:has(#writeForm) .hero h1,body:has(#form.search) .hero h1{font-size:32px;letter-spacing:-.05em;line-height:1.2}
body:has(#profileBtn) .hero p,body:has(#itemForm) .hero p,body:has(#writeForm) .hero p,body:has(#form.search) .hero p{color:#686d75;line-height:1.65}
body:has(#profileBtn) .filters,body:has(#itemForm) .filters,body:has(#writeForm) .filters{border-color:var(--bf-ui-border);border-radius:18px;box-shadow:0 6px 22px rgba(66,50,22,.035)}
body:has(#profileBtn) .field:focus,body:has(#itemForm) .field:focus,body:has(#writeForm) .field:focus,body:has(#form.search) .field:focus{border-color:#c18a25!important;box-shadow:0 0 0 3px rgba(184,120,0,.09);outline:0}
body:has(#profileBtn) .tab,body:has(#itemForm) .tab,body:has(#writeForm) .tab,body:has(#form.search) .tab{transition:.16s ease}
body:has(#profileBtn) .tab:hover,body:has(#itemForm) .tab:hover,body:has(#writeForm) .tab:hover,body:has(#form.search) .tab:hover{border-color:#d0ae69;color:#955f00}
body:has(#profileBtn) .empty,body:has(#itemForm) .empty,body:has(#writeForm) .empty,body:has(#form.search) .empty{border:1px dashed #ddd4c4;background:#fffdf8;color:#767b82}

body:has(#createForm) .main>.wrap>.head{align-items:center;background:linear-gradient(120deg,#fffdf8,#fff 56%,#f3ead9);border:1px solid #eadfcd;border-radius:22px;padding:23px 25px;box-shadow:var(--bf-ui-shadow)}
body:has(#createForm) .main>.wrap>.head h1{font-size:32px!important}
body:has(#createForm) .main>.wrap>.head p{line-height:1.65}
body:has(#createForm) #serverStatus{border-radius:14px;padding:11px 14px;margin-top:14px}
body:has(#createForm) .filters{border-color:var(--bf-ui-border);border-radius:18px;box-shadow:0 6px 22px rgba(66,50,22,.035)}
body:has(#createForm) .list{gap:11px}
body:has(#createForm) .list>.card{border-color:var(--bf-ui-border);border-radius:18px;padding:19px 20px;background:#fff;box-shadow:0 2px 8px rgba(61,48,24,.025);transition:.16s ease}
body:has(#createForm) .list>.card:hover{transform:translateY(-2px);border-color:#d7bf8d;box-shadow:0 12px 30px rgba(73,54,19,.07)}
body:has(#createForm) .list>.card h3{font-size:17px;letter-spacing:-.035em}
body:has(#createForm) .sidebox{border-color:var(--bf-ui-border);border-radius:18px;box-shadow:0 6px 20px rgba(60,47,24,.035)}
body:has(#createForm) .num{background:#fff2d8;color:#9c6300;border:1px solid #edd8a9}

body:has(#profileBtn) .tabs{margin-top:16px}
body:has(#profileBtn) .grid{gap:14px}
body:has(#profileBtn) .grid>.card{border-color:var(--bf-ui-border);border-radius:18px;padding:19px;background:#fff;box-shadow:0 4px 16px rgba(62,47,23,.035);transition:.16s ease}
body:has(#profileBtn) .grid>.card:hover{transform:translateY(-3px);border-color:#d8bd82;box-shadow:0 14px 34px rgba(70,52,20,.08)}
body:has(#profileBtn) .avatar{background:linear-gradient(145deg,#d7a03d,#9e6400);color:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
body:has(#profileBtn) .headline{min-height:40px;color:#363a3f}
body:has(#profileBtn) .stats{gap:7px}
body:has(#profileBtn) .stat{background:#faf8f3;border:1px solid #eee8dd}
body:has(#profileBtn) .badge.gold{background:#fff0cf;color:#8d5a00}

body:has(#itemForm) .status{margin-top:14px;background:#fffaf0!important;border-color:#ead7ad!important;color:#75500d!important}
body:has(#itemForm) .tabs{margin-top:16px}
body:has(#itemForm) .grid{gap:14px}
body:has(#itemForm) .grid>.card{border-color:var(--bf-ui-border);border-radius:18px;background:#fff;box-shadow:0 3px 14px rgba(62,47,23,.035);transition:.16s ease}
body:has(#itemForm) .grid>.card:hover{transform:translateY(-3px);border-color:#d8bd82;box-shadow:0 14px 34px rgba(70,52,20,.08)}
body:has(#itemForm) .thumb{height:205px;background:linear-gradient(145deg,#eee9df,#f8f5ef)}
body:has(#itemForm) .thumb .ph{color:#9c7a3d;letter-spacing:.08em}
body:has(#itemForm) .state{background:rgba(35,30,22,.82);backdrop-filter:blur(6px)}
body:has(#itemForm) .body{padding:15px}
body:has(#itemForm) .body h3{min-height:43px;font-size:15px}
body:has(#itemForm) .price{color:#8f5c00}

body:has(#writeForm) .tabs{margin-top:16px}
body:has(#writeForm) .list{gap:10px}
body:has(#writeForm) .list>.post{border-color:var(--bf-ui-border);border-radius:18px;padding:19px 20px;background:#fff;box-shadow:0 2px 10px rgba(61,47,22,.025);transition:.16s ease}
body:has(#writeForm) .list>.post:hover{transform:translateY(-2px);border-color:#d8bd82;box-shadow:0 12px 28px rgba(72,53,19,.065)}
body:has(#writeForm) .post h3{font-size:17px;letter-spacing:-.035em}
body:has(#writeForm) .excerpt{font-size:13px;color:#626870}
body:has(#writeForm) .meta{margin-top:11px}
body:has(#writeForm) .stats{color:#8a7b61;background:#faf8f3;border-radius:999px;padding:6px 9px;align-self:flex-start}

body:has(#form.search) .search{margin-top:16px;border:1px solid #e5ded0;border-radius:18px;padding:9px;background:#fff;box-shadow:0 7px 24px rgba(65,48,19,.045)}
body:has(#form.search) .search .gold{background:linear-gradient(180deg,#c88a18,#a86a00);color:#fff}
body:has(#form.search) .tabs{margin:15px 0 12px}
body:has(#form.search) .summary{background:#fff;border:1px solid #ebe6dc;border-radius:12px;padding:11px 13px;margin:0 0 12px;color:#6e747b}
body:has(#form.search) .list{gap:10px}
body:has(#form.search) .list>.card{border-color:var(--bf-ui-border);border-radius:17px;padding:18px 19px;background:#fff;box-shadow:0 2px 10px rgba(61,47,22,.025)}
body:has(#form.search) .list>.card:hover{transform:translateY(-2px);border-color:#d4b979;box-shadow:0 12px 28px rgba(70,52,20,.065)}
body:has(#form.search) .card h2{font-size:18px;letter-spacing:-.035em}
body:has(#form.search) .hint{padding:0 2px 20px;line-height:1.6}

body:has(#shell #chatList){background:#f4f3ef}
body:has(#shell #chatList) .shell{gap:16px;padding:18px;max-width:1220px}
body:has(#shell #chatList) .pane{border-color:var(--bf-ui-border);border-radius:20px;box-shadow:0 8px 28px rgba(62,48,23,.05)}
body:has(#shell #chatList) .listhead{padding:19px 20px;background:linear-gradient(180deg,#fff,#fffdf8)}
body:has(#shell #chatList) .chatitem{padding:15px 17px;transition:.14s ease}
body:has(#shell #chatList) .chatitem:hover,body:has(#shell #chatList) .chatitem.on{background:#fff8e9}
body:has(#shell #chatList) .avatar{background:linear-gradient(145deg,#d7a03d,#9e6400);color:#fff}
body:has(#shell #chatList) .messages{background:#f6f4ef}
body:has(#shell #chatList) .bubble{box-shadow:0 2px 8px rgba(48,38,20,.035)}
body:has(#shell #chatList) .mine .bubble{background:#d4a017;border-color:#c18d10}
body:has(#shell #chatList) .composer{padding:12px 14px}
body:has(#shell #chatList) .send{background:linear-gradient(180deg,#292929,#111)}

body:has(#notification-list) main{padding-top:22px}
body:has(#notification-list) .hero{background:linear-gradient(120deg,#fffdf8,#fff 58%,#f3ead9);border:1px solid #eadfcd;border-radius:20px;padding:20px 22px;margin-bottom:14px;box-shadow:var(--bf-ui-shadow)}
body:has(#notification-list) .panel{padding:0!important;border-color:var(--bf-ui-border);border-radius:18px;box-shadow:var(--bf-ui-shadow)}
body:has(#notification-list) .toolbar{background:#fffdf9}
body:has(#notification-list) .notification{padding:16px 17px}
body:has(#notification-list) .notification.unread{background:#fff9ec}
body:has(#notification-list) .icon{background:#f2ede2}
body:has(#notification-list) .unread .icon{background:#ffecc2}

body:has(#authBox) .main{padding-top:24px}
body:has(#authBox) .main>.wrap>.hero{background:linear-gradient(120deg,#fffdf8,#fff 58%,#f3ead9);border:1px solid #eadfcd;border-radius:22px;padding:23px 24px;margin-bottom:16px;box-shadow:var(--bf-ui-shadow)}
body:has(#authBox) .main>.wrap>.hero h1{font-size:31px}
body:has(#authBox) .authbox{border-color:var(--bf-ui-border);border-radius:20px;box-shadow:var(--bf-ui-shadow)}
body:has(#authBox) #bfGoogleWrap{padding:4px 2px}
body:has(#authBox) #bfGoogleButton{min-height:44px}
body:has(#authBox) #account>.panel.profile{border-color:var(--bf-ui-border);border-radius:20px;box-shadow:var(--bf-ui-shadow)}
body:has(#authBox) #account .avatar{background:linear-gradient(145deg,#d7a03d,#9e6400);color:#fff}
body:has(#authBox) #account .section{background:#fff;border:1px solid var(--bf-ui-border);border-radius:20px;padding:20px;box-shadow:0 6px 22px rgba(62,47,23,.035)}

@media(min-width:1100px){
  body:has(#profileBtn) .main>.wrap,body:has(#itemForm) .main>.wrap,body:has(#writeForm) .main>.wrap,body:has(#createForm) .main>.wrap{max-width:1220px}
}

@media(max-width:900px){
  body:has(#profileBtn) .hero,body:has(#itemForm) .hero,body:has(#writeForm) .hero,body:has(#form.search) .hero,body:has(#createForm) .main>.wrap>.head{padding:20px;border-radius:18px}
  body:has(#itemForm) .thumb{height:175px}
  body:has(#shell #chatList) .shell{gap:10px;padding:10px}
}

@media(max-width:760px){
  body:has(#shell #chatList) .shell{height:calc(100dvh - 124px)!important;padding:0!important}
  body:has(#shell #chatList) .pane{border-radius:0;box-shadow:none}
  body:has(#notification-list) .hero{padding:16px;border-radius:15px}
  body:has(#notification-list) .notification{padding:13px 12px}
  body.bfPortalChat .bfPortalSearch,body.bfPortalChat .bfPortalMenuBar{display:none!important}
  body.bfPortalChat .bfPortalTopInner{height:58px!important;min-height:58px!important;padding:8px 12px!important;grid-template-columns:max-content minmax(0,1fr)!important}
  body.bfPortalChat #bfGlobalChat{display:none!important}
  body.bfPortalChat #bfGlobalTopNav{justify-content:flex-end!important;overflow:visible!important}
  body:has(#shell #chatList) .shell{height:calc(100dvh - 58px)!important}
}

@media(max-width:580px){
  body:has(#profileBtn) .hero h1,body:has(#itemForm) .hero h1,body:has(#writeForm) .hero h1,body:has(#form.search) .hero h1,body:has(#createForm) .main>.wrap>.head h1{font-size:27px!important}
  body:has(#profileBtn) .grid>.card,body:has(#createForm) .list>.card,body:has(#writeForm) .list>.post,body:has(#form.search) .list>.card{padding:16px}
  body:has(#itemForm) .thumb{height:155px}
  body:has(#authBox) .main>.wrap>.hero{padding:18px;border-radius:17px}
  body:has(#authBox) #account .section{padding:15px;border-radius:16px}
}