:root{
  --bg:#f6f8fb;--card:#fff;--text:#16202a;--muted:#667085;--line:#e6eaf0;
  --brand:#163c64;--brand2:#0f6f66;--soft:#edf4f8;--shadow:0 10px 30px rgba(18,38,63,.07);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:var(--text);background:var(--bg)}
a{text-decoration:none;color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:transform .24s ease,box-shadow .2s ease}.topbar.is-hidden{transform:translateY(-105%)}.topbar.is-menu-open{box-shadow:0 12px 30px rgba(18,38,63,.10)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800}
.brand-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;overflow:hidden}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.brand small{display:block;font-size:10px;color:var(--muted);font-weight:650;letter-spacing:.08em}
.links{display:flex;align-items:center;gap:22px;font-size:14px;color:#344054}
.links a:hover{color:var(--brand)}
.desktop-nav-dropdown{position:relative}
.desktop-nav-dropdown summary{display:flex;align-items:center;gap:5px;list-style:none;cursor:pointer;color:#344054;user-select:none}
.desktop-nav-dropdown summary::-webkit-details-marker{display:none}
.desktop-nav-dropdown summary:hover,.desktop-nav-dropdown[open] summary{color:var(--brand)}
.desktop-nav-dropdown summary span{font-size:10px;transition:transform .16s ease}
.desktop-nav-dropdown[open] summary span{transform:rotate(180deg)}
.desktop-nav-dropdown-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);z-index:50;min-width:150px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 32px rgba(18,38,63,.14)}
.desktop-nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.desktop-nav-dropdown-menu a{display:flex;align-items:center;min-height:38px;padding:0 11px;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:750}
.desktop-nav-dropdown-menu a:hover{background:#f4f7fa;color:var(--brand)}
.actions{display:flex;align-items:center;gap:9px}
.btn,.select{height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:750;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 15px}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.ghost{background:#fff}
.lang-wrap{position:relative}
.select{padding:0 34px 0 12px;appearance:none}
.lang-wrap:after{content:"▾";position:absolute;right:11px;top:10px;color:var(--muted);pointer-events:none}
.hero{padding:72px 0 46px;background:radial-gradient(circle at 82% 10%,rgba(15,111,102,.12),transparent 29%),radial-gradient(circle at 8% 0%,rgba(22,60,100,.10),transparent 28%)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}
.eyebrow{font-size:13px;font-weight:850;letter-spacing:.13em;color:var(--brand2);text-transform:uppercase}
h1{font-size:50px;line-height:1.04;margin:14px 0 18px;letter-spacing:-.035em}
.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:760px}
.search{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;display:flex;gap:8px;box-shadow:var(--shadow)}
.search input{flex:1;border:0;outline:0;padding:0 16px;font-size:16px;background:transparent;min-width:0}
.search button{border:0;background:var(--brand);color:#fff;border-radius:13px;padding:0 24px;height:50px;font-weight:800}
.quick{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.chip{font-size:13px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#475467}
.hero-card{background:#102c46;color:#fff;border-radius:24px;padding:26px;box-shadow:var(--shadow)}
.hero-card .mini{font-size:12px;color:#c8d7e5;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.hero-card h3{font-size:23px;margin:10px 0}
.hero-card p{color:#dbe6ef;line-height:1.65}
main{padding:30px 0 60px}
.layout{display:grid;grid-template-columns:1.7fr .9fr;gap:24px}
.section{margin-bottom:24px}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}
.section-head h2{margin:0;font-size:22px}
.section-head a{font-size:13px;color:var(--brand);font-weight:800}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.feed-item{padding:20px;border-bottom:1px solid var(--line)}
.feed-item:last-child{border-bottom:0}
.meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin-bottom:8px;flex-wrap:wrap}
.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--brand);font-weight:800;border:1px solid #dce6ef}
.feed-item h3{font-size:17px;line-height:1.4;margin:6px 0 8px}
.feed-item p{margin:0;color:#5c6674;line-height:1.6;font-size:14px}
.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.tag{font-size:11px;background:#f2f4f7;color:#475467;padding:5px 8px;border-radius:999px}
.badge{display:inline-flex;font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:#ecfdf3;color:#067647}
.side-stack{display:grid;gap:18px;align-content:start}
.panel{padding:18px}
.panel h3{margin:0 0 14px;font-size:16px}
.person{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.person:last-child{border-bottom:0}
.person .avatar{width:42px;height:42px}.person .info{flex:1}.person strong{display:block;font-size:14px}.person small{display:block;color:var(--muted);margin-top:3px}
.follow{font-size:12px;font-weight:800;color:var(--brand)}
.verified{color:#087f5b;font-weight:800}
.sponsored{background:linear-gradient(135deg,#fdfdfd,#f2f7f6);border:1px solid #dce9e6;padding:18px;border-radius:var(--radius)}
.sponsored .label{font-size:10px;font-weight:900;letter-spacing:.12em;color:#667085;text-transform:uppercase}
.sponsored h3{margin:8px 0}.sponsored p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.disclaimer{margin-top:18px;padding:14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12px;line-height:1.6}
.page-shell{min-height:70vh;padding:62px 0}
.page-card{max-width:760px;margin:0 auto;padding:30px}
.page-card h1{font-size:34px;margin:0 0 12px}
.page-card p{color:var(--muted);line-height:1.7}
.form-grid{display:grid;gap:14px;margin-top:22px}
.input{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font-size:15px}
.form-grid .btn{height:48px}
.foot{border-top:1px solid var(--line);padding:30px 0 42px;color:var(--muted);font-size:12px}
.foot-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.links{display:none}.hero-grid,.layout{grid-template-columns:1fr}h1{font-size:39px}}
@media(max-width:650px){.wrap{padding:0 14px}.brand>span:last-child{display:none}.select{max-width:130px}.search{flex-direction:column}.search button{width:100%}h1{font-size:32px}.hero{padding-top:46px}}


/* Sponsored company card */
.sponsored-company{
  overflow:hidden;
  padding:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.sponsored-company-media{
  position:relative;
  aspect-ratio:16/7;
  min-height:150px;
  overflow:hidden;
  background:#e9eef3;
}
.sponsored-company-media>img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.sponsored-company-label{
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(15,23,42,.88);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
.sponsored-company-body{
  position:relative;
  padding:20px 18px 18px;
}
.sponsored-company-brand{
  display:flex;
  align-items:flex-start;
  gap:13px;
}
.sponsored-company-logo{
  width:58px;
  height:58px;
  margin-top:-43px;
  flex:0 0 58px;
  padding:7px;
  border-radius:15px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 7px 20px rgba(18,38,63,.12);
  object-fit:contain;
}
.sponsored-company-name{
  margin:0;
  font-size:16px;
  line-height:1.35;
  font-weight:850;
  color:var(--text);
}
.sponsored-company-type{
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
}
.sponsored-company-products{
  margin:15px 0 0;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.sponsored-company-products strong{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  color:#344054;
}
.sponsored-company-products p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}
.sponsored-company-contact{
  display:grid;
  gap:8px;
  margin-top:15px;
}
.sponsored-company-contact a{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  color:var(--brand);
  font-size:12px;
  font-weight:750;
}
.sponsored-company-contact a span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sponsored-company-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:16px;
}
.sponsored-company-actions .btn{
  height:40px;
  font-size:12px;
}
.sponsored-company-note{
  margin-top:12px;
  font-size:10px;
  line-height:1.45;
  color:#98a2b3;
}

@media(max-width:900px){
  .sponsored-company-media{min-height:200px}
}

/* Sponsored card placement in hero */
.hero-grid>.sponsored-company{
  width:100%;
  align-self:center;
}
.hero-grid>.sponsored-company .sponsored-company-media{
  min-height:180px;
}



/* Approved Sponsored Company card in the Hero: visual structure is fixed. */
.hero-grid>.hero-ad-card{
  width:100%;
  align-self:center;
}
.hero-grid>.hero-ad-card .sponsored-company-media{
  min-height:0;
  height:190px;
  aspect-ratio:auto;
}
.hero-grid>.hero-ad-card .sponsored-company-body{
  padding-bottom:21px;
}
.hero-ad-logo-text{
  width:58px;
  height:58px;
  margin-top:-43px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  border-radius:15px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 7px 20px rgba(18,38,63,.12);
  color:#163c64;
  font-size:24px;
  font-weight:900;
  letter-spacing:-.04em;
}
.hero-ad-dots{
  position:absolute;
  right:13px;
  bottom:12px;
  z-index:3;
  display:flex;
  gap:6px;
}
.hero-ad-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  cursor:pointer;
  box-shadow:0 1px 5px rgba(0,0,0,.14);
}
.hero-ad-dot.active{
  background:#fff;
  transform:scale(1.25);
}
.hero-ad-progress{
  position:absolute;
  left:0;
  bottom:0;
  height:3px;
  width:0;
  background:var(--brand2);
}
.hero-ad-card{
  position:relative;
}
@media(max-width:900px){
  .hero-grid>.hero-ad-card .sponsored-company-media{
    height:260px;
  }
}
@media(max-width:600px){
  .hero-grid>.hero-ad-card .sponsored-company-media{
    height:210px;
  }
}

.sponsored-company-title-row{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}
.sponsored-company-title-row .sponsored-company-name{
  margin:0;
}
.sponsored-company-follow{
  height:28px;
  padding:0 10px;
  border:1px solid #cfd8e3;
  border-radius:999px;
  background:#fff;
  color:var(--brand);
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  transition:.18s ease;
}
.sponsored-company-follow:hover{
  border-color:var(--brand);
  background:#f6f9fc;
}
.sponsored-company-follow.is-following{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}

.global-scope-notice{
  width:100%;
  background:#fff7f7;
  border-bottom:1px solid #f1caca;
}
.global-scope-notice-inner{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding-top:8px;
  padding-bottom:8px;
  color:#c62828;
  font-size:12px;
  line-height:1.5;
  text-align:center;
}
.global-scope-notice-inner strong{
  color:#b71c1c;
  font-weight:850;
}
@media(max-width:650px){
  .global-scope-notice-inner{
    display:block;
    text-align:left;
    font-size:11px;
  }
  .global-scope-notice-inner strong{
    display:inline;
  }
}

.header-post-btn{
  background:#0f6f66;
  border-color:#0f6f66;
  color:#fff;
}
.header-post-btn:hover{
  background:#0c5c55;
}

.header-post-icon{
  display:none;
  width:18px;
  height:18px;
  align-items:center;
  justify-content:center;
}
.header-post-icon svg,
.mobile-signin-btn svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.community-page{
  max-width:980px;
}
.community-composer{
  padding:22px;
  margin-bottom:24px;
}
.composer-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.composer-head h1{
  margin:0 0 5px;
  font-size:24px;
  letter-spacing:-.02em;
}
.composer-head p{
  margin:0;
  color:#c62828;
  font-size:12px;
  line-height:1.6;
}
.composer-form{
  display:grid;
  gap:12px;
}
.composer-type-row{
  display:flex;
  align-items:center;
  gap:10px;
}
.composer-type-row label{
  flex:0 0 auto;
  font-size:12px;
  font-weight:800;
  color:#475467;
}
.composer-type{
  width:auto;
  min-width:160px;
  height:40px;
}
.composer-textarea{
  width:100%;
  min-height:150px;
  resize:vertical;
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px 15px;
  background:#fff;
  color:var(--text);
  font:inherit;
  font-size:15px;
  line-height:1.65;
  outline:none;
}
.composer-textarea:focus{
  border-color:#9eb6cc;
  box-shadow:0 0 0 3px rgba(22,60,100,.06);
}
.composer-media-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.composer-media-btn{
  height:38px;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  color:#475467;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
.composer-media-btn:hover{
  border-color:#bac8d6;
  background:#f8fafc;
}
.composer-media-icon{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:#edf4f8;
  color:var(--brand);
  font-size:11px;
  font-weight:900;
}
.composer-publish{
  margin-left:auto;
  min-width:92px;
}
.composer-attachments{
  display:grid;
  gap:8px;
}
.composer-attachment{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid var(--line);
  background:#f8fafc;
  color:#475467;
  font-size:12px;
}
.community-feed-preview{
  margin-top:8px;
}
@media(max-width:650px){
  .composer-type-row{
    align-items:flex-start;
    flex-direction:column;
  }
  .composer-type{
    width:100%;
  }
  .composer-publish{
    width:100%;
    margin-left:0;
    order:10;
  }
  .composer-media-btn{
    flex:1 1 calc(50% - 4px);
    justify-content:center;
  }
}


/* Community composer refinement — spacious desktop layout */
.community-composer{
  padding:30px 32px 28px;
  border-radius:20px;
}
.composer-head{
  margin-bottom:24px;
}
.composer-head h1{
  font-size:28px;
  line-height:1.2;
  margin:0 0 8px;
  letter-spacing:-.025em;
}
.composer-head p{
  max-width:900px;
  font-size:13px;
  line-height:1.7;
}
.composer-form{
  gap:20px;
}
.composer-type-group{
  margin:0;
  padding:0;
  border:0;
}
.composer-type-group legend{
  margin-bottom:10px;
  color:#475467;
  font-size:12px;
  font-weight:800;
}
.composer-type-options{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.composer-type-option{
  position:relative;
  min-width:124px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 16px;
  border:1px solid #d8e0e8;
  border-radius:12px;
  background:#fff;
  color:#344054;
  font-size:14px;
  font-weight:750;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.composer-type-option:hover{
  border-color:#9eb2c5;
  background:#fafcfe;
}
.composer-type-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.composer-type-check{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border:1.5px solid #c6d1dc;
  border-radius:6px;
  color:transparent;
  background:#fff;
  font-size:12px;
  font-weight:900;
  transition:.18s ease;
}
.composer-type-option:has(input:checked){
  border-color:#163c64;
  background:#f5f8fb;
  box-shadow:0 0 0 3px rgba(22,60,100,.06);
}
.composer-type-option:has(input:checked) .composer-type-check{
  border-color:#163c64;
  background:#163c64;
  color:#fff;
}
.composer-textarea{
  min-height:240px;
  padding:18px 20px;
  border-radius:16px;
  font-size:16px;
  line-height:1.75;
  background:#fff;
}
.composer-media-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-top:2px;
}
.composer-upload-tools{
  display:flex;
  align-items:center;
  gap:10px;
}
.composer-media-btn{
  width:46px;
  height:46px;
  padding:0;
  justify-content:center;
  border-radius:12px;
  background:#fff;
}
.composer-media-icon{
  width:24px;
  height:24px;
  background:transparent;
  font-size:15px;
}
.composer-publish{
  min-width:112px;
  height:46px;
  margin-left:auto;
  border-radius:12px;
}
.composer-attachments{
  margin-top:2px;
}
.composer-attachment{
  padding:12px 14px;
  border-radius:12px;
}

/* Mobile: keep the same single-choice model, stack naturally */
@media(max-width:650px){
  .community-composer{
    padding:22px 18px;
  }
  .composer-head h1{
    font-size:24px;
  }
  .composer-type-options{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .composer-type-option{
    width:100%;
    min-height:46px;
  }
  .composer-textarea{
    min-height:190px;
    padding:15px 16px;
    font-size:15px;
  }
  .composer-media-row{
    align-items:stretch;
    gap:12px;
  }
  .composer-upload-tools{
    flex:0 0 auto;
  }
  .composer-media-btn{
    flex:0 0 44px;
    width:44px;
    height:44px;
  }
  .composer-publish{
    width:auto;
    flex:1;
    order:0;
    margin-left:0;
  }
}

/* Recommendation avatars: bind to real user avatars / company logos when account data is connected. */
.profile-avatar,
.company-avatar{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#edf4f8;
  border:1px solid #dce6ef;
}
.profile-avatar img,
.company-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.company-avatar img{
  object-fit:contain;
  padding:5px;
  background:#fff;
}
.profile-avatar-fallback{
  color:#163c64;
  font-size:14px;
  font-weight:800;
}

.feed-avatar{
  width:34px;
  height:34px;
  flex:0 0 34px;
}


/* Hard thumbnail constraints for all recommendation/profile avatars.
   Large source images must never expand their layout box. */
.avatar-thumb,
.profile-avatar,
.company-avatar{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  flex:0 0 42px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border-radius:50% !important;
  border:1px solid #dce6ef !important;
  background:#fff !important;
}
.avatar-thumb img,
.profile-avatar img,
.company-avatar img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  display:block !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.company-avatar img{
  object-fit:contain !important;
  padding:5px !important;
}
.feed-avatar{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  flex-basis:34px !important;
}


/* Hero sponsored ad media: always use a fixed display box to avoid layout shifts
   when advertisers upload images with different original sizes. */
.hero-grid > .hero-ad-card .sponsored-company-media{
  position:relative;
  width:100%;
  height:190px;
  min-height:190px;
  max-height:190px;
  overflow:hidden;
  background:#e9eef3;
  flex:0 0 190px;
}

.hero-grid > .hero-ad-card .sponsored-company-media > img{
  width:100%;
  height:100%;
  min-width:100%;
  min-height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center center;
  display:block;
  transition:opacity .18s ease;
  will-change:opacity;
}

.hero-grid > .hero-ad-card .sponsored-company-media > img.is-switching{
  opacity:.35;
}

@media(max-width:900px){
  .hero-grid > .hero-ad-card .sponsored-company-media{
    height:260px;
    min-height:260px;
    max-height:260px;
    flex-basis:260px;
  }
}

@media(max-width:600px){
  .hero-grid > .hero-ad-card .sponsored-company-media{
    height:210px;
    min-height:210px;
    max-height:210px;
    flex-basis:210px;
  }
}


/* Account system foundation */
.header-account-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.header-account-avatar{
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#eaf1f6;
  color:#163c64;
  font-size:10px;
  font-weight:900;
}
.header-account-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.account-page{
  min-height:calc(100vh - 220px);
  padding-top:52px;
  padding-bottom:70px;
}

.account-auth-card,
.account-status-card,
.account-dashboard{
  border:1px solid var(--line);
  background:#fff;
  border-radius:22px;
  box-shadow:0 16px 45px rgba(18,38,63,.08);
}

.account-auth-card{
  width:min(100%,560px);
  margin:0 auto;
  padding:30px;
}
.account-auth-card-wide{width:min(100%,700px)}

.account-auth-intro{margin-bottom:22px}
.account-eyebrow{
  display:inline-block;
  margin-bottom:7px;
  color:var(--brand2);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.account-auth-intro h1,
.account-profile-head h1,
.account-status-card h1{
  margin:0 0 8px;
  font-size:29px;
  line-height:1.2;
  letter-spacing:-.03em;
}
.account-auth-intro p,
.account-profile-head p,
.account-status-card p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.75;
}

.account-form{
  display:grid;
  gap:16px;
}
.account-form label:not(.account-check){
  display:grid;
  gap:7px;
}
.account-form label>span{
  color:#344054;
  font-size:12px;
  font-weight:800;
}
.account-form .input{
  width:100%;
  height:49px;
  padding:0 13px;
  border:1px solid #d0d5dd;
  border-radius:11px;
  background:#fff;
  outline:none;
  font-size:14px;
}
.account-form .input:focus{
  border-color:#163c64;
  box-shadow:0 0 0 3px rgba(22,60,100,.07);
}
.account-form-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
}
.field-help{
  color:#98a2b3;
  font-size:10px;
  line-height:1.5;
  font-weight:500;
}
.account-check{
  display:flex;
  align-items:flex-start;
  gap:9px;
  cursor:pointer;
}
.account-check input{
  width:17px;
  height:17px;
  margin-top:1px;
  accent-color:#163c64;
}
.account-check span{
  font-size:12px!important;
  line-height:1.55;
}
.account-terms{
  margin:-4px 0 0;
  color:#98a2b3;
  font-size:10px;
  line-height:1.65;
}
.account-submit{
  width:100%;
  min-height:48px;
}
.account-submit:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.account-form-row{
  display:flex;
  justify-content:flex-end;
  margin-top:-5px;
  font-size:11px;
  font-weight:700;
}
.account-form-row a,
.account-auth-footer a,
.account-inline-form a{
  color:#163c64;
}
.account-auth-footer{
  margin-top:20px;
  padding-top:17px;
  border-top:1px solid var(--line);
  color:#667085;
  text-align:center;
  font-size:11px;
}

.account-alert{
  display:grid;
  gap:3px;
  margin:0 0 17px;
  padding:12px 13px;
  border-radius:11px;
  font-size:11px;
  line-height:1.6;
}
.account-alert strong{font-size:11px}
.account-alert.warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
.account-alert.error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}
.account-alert.success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}

.account-status-card{
  width:min(100%,600px);
  margin:0 auto;
  padding:36px;
  text-align:center;
}
.account-status-icon{
  width:58px;
  height:58px;
  margin:0 auto 18px;
  border-radius:18px;
  background:#eaf4f2;
  color:#0f6f66;
  display:grid;
  place-items:center;
  font-size:24px;
  font-weight:900;
}
.account-status-card .btn{
  margin-top:14px;
  min-width:180px;
}
.account-email-chip{
  display:inline-flex;
  margin:18px auto 5px;
  padding:8px 12px;
  border-radius:999px;
  background:#f2f4f7;
  color:#344054;
  font-size:11px;
  font-weight:800;
}
.account-inline-form{margin-top:6px}

.account-dashboard{
  padding:28px;
}
.account-profile-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding-bottom:24px;
  border-bottom:1px solid var(--line);
}
.account-avatar{
  width:66px;
  height:66px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#eaf1f6;
  color:#163c64;
  font-size:22px;
  font-weight:900;
}
.account-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.account-profile-head h1{font-size:25px}
.account-info-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:13px;
  margin-top:20px;
}
.account-info-card{
  min-width:0;
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fbfcfd;
}
.account-info-card>span{
  display:block;
  margin-bottom:7px;
  color:#667085;
  font-size:10px;
  font-weight:800;
}
.account-info-card>strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#16202a;
  font-size:13px;
}
.account-info-card>small{
  display:block;
  margin-top:7px;
  color:#98a2b3;
  font-size:9px;
  line-height:1.5;
}
.account-info-card .status-good{color:#067647}
.account-next-card{
  margin-top:18px;
  padding:20px;
  border-radius:15px;
  background:#f5f8fb;
  border:1px solid #e4eaf0;
}
.account-next-card h2{margin:0 0 7px;font-size:18px}
.account-next-card p{margin:0;color:#667085;font-size:12px;line-height:1.7}

@media(max-width:900px){
  .account-info-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .account-page{padding-top:28px;padding-bottom:45px}
  .account-auth-card,.account-status-card,.account-dashboard{border-radius:17px}
  .account-auth-card,.account-status-card,.account-dashboard{padding:20px}
  .account-form-two{grid-template-columns:1fr}
  .account-profile-head{grid-template-columns:auto minmax(0,1fr)}
  .account-logout-btn{grid-column:1/-1}
  .account-info-grid{grid-template-columns:1fr}
}


/* Password visibility controls */
.account-form-two{
  align-items:start;
}
.account-form-two > label{
  align-content:start;
}
.password-input-wrap{
  position:relative;
  width:100%;
}
.password-input-wrap .input{
  padding-right:50px;
}
.password-toggle{
  position:absolute;
  top:50%;
  right:8px;
  width:36px;
  height:36px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#667085;
  cursor:pointer;
  line-height:1;
}
.password-toggle:hover{
  background:#f2f4f7;
  color:#163c64;
}
.password-toggle:focus-visible{
  outline:2px solid #163c64;
  outline-offset:2px;
}
.password-toggle-icon{
  font-size:16px;
  line-height:1;
  filter:grayscale(1);
}


.user-email-code{
  max-width:260px;
  margin:0 auto;
  text-align:center;
  font-size:24px !important;
  font-weight:900;
  letter-spacing:.28em;
}
.verification-code-form{
  width:min(100%,360px);
  margin:22px auto 0;
}
.account-back-link{
  display:inline-block;
  margin-top:15px;
  color:#667085;
  font-size:11px;
  font-weight:700;
}


/* Password visibility control beside the field label */
.password-label-text{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
}
.password-toggle-inline{
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:15px;
  line-height:1;
  vertical-align:middle;
}
.password-toggle-inline:hover{
  transform:translateY(-1px);
}
.password-toggle-inline:focus-visible{
  outline:2px solid #163c64;
  outline-offset:2px;
  border-radius:4px;
}
.password-input-wrap .input{
  padding-right:13px;
}


.resend-code-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
  pointer-events:none;
}
.resend-countdown-note{
  min-height:18px;
  margin-top:7px;
  color:#667085;
  font-size:10px;
  line-height:1.5;
  text-align:center;
}


/* Account-page button motion feedback */
.account-page .btn{
  transition:transform .16s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
  will-change:transform;
}
.account-page .btn:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(22,60,100,.14);
}
.account-page .btn:active:not(:disabled){
  transform:translateY(0) scale(.985);
  box-shadow:0 5px 12px rgba(22,60,100,.14);
}
.account-page .btn:focus-visible{
  box-shadow:0 0 0 3px rgba(22,60,100,.12), 0 10px 22px rgba(22,60,100,.12);
}


/* Professional Profile */
.account-profile-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.account-profile-cta-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.profile-edit-page,
.profile-public-page{
  padding-top:38px;
  padding-bottom:70px;
}
.profile-edit-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}
.profile-edit-head h1{
  margin:0 0 6px;
  font-size:30px;
  letter-spacing:-.035em;
}
.profile-edit-head p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}
.profile-edit-form{
  display:grid;
  gap:16px;
}
.profile-edit-card,
.profile-content-card,
.profile-hero-card,
.profile-private-card{
  border:1px solid var(--line);
  background:#fff;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(18,38,63,.06);
}
.profile-edit-card{
  padding:22px;
}
.profile-section-title{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding-bottom:17px;
  margin-bottom:18px;
  border-bottom:1px solid var(--line);
}
.profile-section-title>div{
  display:flex;
  align-items:center;
  gap:10px;
}
.profile-section-title>div>span{
  width:30px;
  height:30px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#edf4f5;
  color:#0f6f66;
  font-size:10px;
  font-weight:900;
}
.profile-section-title h2{
  margin:0;
  font-size:17px;
}
.profile-section-title p{
  max-width:480px;
  margin:0;
  color:#98a2b3;
  font-size:10px;
  line-height:1.6;
  text-align:right;
}
.profile-avatar-edit{
  display:flex;
  align-items:center;
  gap:17px;
  margin-bottom:20px;
}
.profile-avatar-large{
  width:80px;
  height:80px;
  flex:0 0 80px;
  font-size:26px;
}
.profile-file-field{
  display:grid;
  gap:7px;
}
.profile-file-field>span,
.profile-form-grid label>span,
.profile-block-field>span,
.profile-contact-row label>span{
  color:#344054;
  font-size:11px;
  font-weight:800;
}
.profile-file-field input{
  font-size:11px;
}
.profile-file-field small{
  color:#98a2b3;
  font-size:9px;
}
.profile-form-grid{
  display:grid;
  gap:13px;
}
.profile-form-grid.two{
  grid-template-columns:1fr 1fr;
}
.profile-form-grid label,
.profile-block-field{
  display:grid;
  gap:7px;
}
.profile-edit-page .input,
.profile-edit-page select,
.profile-edit-page textarea{
  width:100%;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
  color:#16202a;
  outline:none;
  font:inherit;
}
.profile-edit-page .input,
.profile-edit-page select{
  height:46px;
  padding:0 12px;
}
.profile-edit-page textarea{
  padding:11px 12px;
  resize:vertical;
  line-height:1.65;
}
.profile-edit-page .input:focus,
.profile-edit-page select:focus,
.profile-edit-page textarea:focus{
  border-color:#163c64;
  box-shadow:0 0 0 3px rgba(22,60,100,.07);
}
.profile-block-field{
  margin-top:13px;
}
.profile-tag-inputs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.profile-repeat-list{
  display:grid;
  gap:9px;
}
.profile-language-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:10px;
}
.profile-work-list{
  display:grid;
  gap:12px;
}
.profile-work-row{
  padding:15px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fbfcfd;
}
.profile-current-check{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:46px;
  padding:0 12px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
}
.profile-current-check input{
  width:17px;
  height:17px;
  accent-color:#163c64;
}
.profile-contact-grid{
  display:grid;
  gap:10px;
  margin-top:16px;
}
.profile-contact-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 200px;
  gap:10px;
}
.profile-contact-row label{
  display:grid;
  gap:7px;
}
.profile-save-bar{
  position:sticky;
  bottom:12px;
  z-index:8;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px 16px;
  border:1px solid #d9e2ea;
  border-radius:15px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  box-shadow:0 15px 35px rgba(18,38,63,.12);
}
.profile-save-bar strong{
  display:block;
  margin-bottom:3px;
  font-size:12px;
}
.profile-save-bar span{
  color:#98a2b3;
  font-size:9px;
}
.profile-save-btn{
  min-width:120px;
}

.profile-hero-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:24px;
}
.profile-public-avatar{
  width:92px;
  height:92px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#eaf1f6;
  color:#163c64;
  font-size:28px;
  font-weight:900;
}
.profile-public-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.profile-name-row{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}
.profile-name-row h1{
  margin:0;
  font-size:29px;
  letter-spacing:-.035em;
}
.profile-self-badge{
  padding:5px 8px;
  border-radius:999px;
  background:#ecfdf3;
  color:#067647;
  font-size:9px;
  font-weight:900;
}
.profile-native-name{
  margin-top:3px;
  color:#667085;
  font-size:12px;
}
.profile-headline{
  margin:8px 0 0;
  color:#344054;
  font-size:14px;
  line-height:1.55;
}
.profile-meta-line{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.profile-meta-line span{
  padding:6px 9px;
  border-radius:999px;
  background:#f2f4f7;
  color:#475467;
  font-size:10px;
  font-weight:700;
}
.profile-hero-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.profile-public-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);
  gap:16px;
  margin-top:16px;
}
.profile-public-main,
.profile-public-side{
  display:grid;
  gap:16px;
  align-content:start;
}
.profile-content-card{
  padding:20px;
}
.profile-content-card h2{
  margin:0 0 14px;
  font-size:15px;
}
.profile-about{
  margin:0;
  color:#475467;
  font-size:12px;
  line-height:1.85;
}
.profile-expertise-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.profile-expertise-tags span{
  padding:7px 9px;
  border-radius:9px;
  background:#f2f4f7;
  color:#344054;
  font-size:10px;
  font-weight:700;
}
.profile-timeline{
  display:grid;
  gap:16px;
}
.profile-timeline-item{
  position:relative;
  display:grid;
  grid-template-columns:12px minmax(0,1fr);
  gap:11px;
}
.profile-timeline-dot{
  width:9px;
  height:9px;
  margin-top:5px;
  border-radius:50%;
  background:#0f6f66;
}
.profile-timeline-item strong{
  display:block;
  font-size:12px;
}
.profile-timeline-item span,
.profile-timeline-item small{
  display:block;
  margin-top:3px;
  color:#667085;
  font-size:10px;
}
.profile-timeline-item p{
  margin:7px 0 0;
  color:#667085;
  font-size:10px;
  line-height:1.65;
}
.profile-language-list{
  display:grid;
  gap:9px;
}
.profile-language-list>div{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-bottom:9px;
  border-bottom:1px solid var(--line);
}
.profile-language-list>div:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.profile-language-list strong{
  font-size:11px;
}
.profile-language-list span{
  color:#98a2b3;
  font-size:9px;
}
.profile-contact-public{
  display:grid;
  gap:9px;
}
.profile-contact-public>div{
  display:grid;
  gap:2px;
}
.profile-contact-public span{
  color:#98a2b3;
  font-size:9px;
}
.profile-contact-public strong{
  font-size:10px;
  word-break:break-word;
}
.profile-contact-public>a,
.profile-social-links a{
  color:#163c64;
  font-size:10px;
  font-weight:800;
}
.profile-social-links{
  display:flex;
  flex-wrap:wrap;
  gap:7px 11px;
}
.profile-private-card{
  padding:34px;
  text-align:center;
}
.profile-private-card h1{
  margin:0 0 8px;
  font-size:22px;
}
.profile-private-card p{
  margin:0;
  color:#667085;
  font-size:12px;
}

@media(max-width:850px){
  .profile-public-grid{grid-template-columns:1fr}
  .profile-section-title{display:block}
  .profile-section-title p{margin-top:8px;text-align:left}
}
@media(max-width:650px){
  .account-profile-cta,
  .profile-edit-head,
  .profile-save-bar{
    align-items:stretch;
    flex-direction:column;
  }
  .profile-form-grid.two,
  .profile-tag-inputs,
  .profile-language-row,
  .profile-contact-row{
    grid-template-columns:1fr;
  }
  .profile-hero-card{
    grid-template-columns:auto minmax(0,1fr);
  }
  .profile-hero-actions{
    grid-column:1/-1;
  }
  .profile-avatar-edit{
    align-items:flex-start;
  }
  .profile-edit-card{
    padding:17px;
  }
}


.profile-single-field{
  max-width:760px;
  margin-top:0;
}


.member-number{
  color:#98a2b3;
  font-size:.52em;
  font-weight:800;
  letter-spacing:.04em;
  white-space:nowrap;
}


.country-code-display{
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px;
  gap:8px;
  align-items:center;
}
.country-code-display .input[readonly]{
  background:#f8fafc;
  color:#475467;
  cursor:default;
}
.country-flag{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
  font-size:24px;
  line-height:1;
}
.country-flag:empty::before{
  content:"—";
  color:#c4cbd3;
  font-size:14px;
}


/* Global interactive motion for all user-facing buttons */
:where(
  button,
  .btn,
  a.btn,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  .sponsored-company-follow,
  .hero-ad-dot,
  .composer-media-btn,
  .password-toggle-inline
){
  transition:
    transform .16s ease,
    box-shadow .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    opacity .18s ease;
  transform-origin:center;
}

@media (hover:hover) and (pointer:fine){
  :where(
    button,
    .btn,
    a.btn,
    input[type="submit"],
    input[type="button"],
    input[type="reset"],
    .sponsored-company-follow,
    .composer-media-btn,
    .password-toggle-inline
  ):hover:not(:disabled):not([aria-disabled="true"]){
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(22,60,100,.13);
  }

  .hero-ad-dot:hover:not(:disabled){
    transform:scale(1.22);
  }
}

:where(
  button,
  .btn,
  a.btn,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  .sponsored-company-follow,
  .composer-media-btn,
  .password-toggle-inline
):active:not(:disabled):not([aria-disabled="true"]){
  transform:translateY(0) scale(.97);
  box-shadow:0 4px 10px rgba(22,60,100,.12);
  transition-duration:.08s;
}

.hero-ad-dot:active:not(:disabled){
  transform:scale(.88);
}

:where(
  button,
  .btn,
  a.btn,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  .sponsored-company-follow,
  .hero-ad-dot,
  .composer-media-btn,
  .password-toggle-inline
):focus-visible{
  outline:2px solid var(--brand);
  outline-offset:3px;
}

:where(button,.btn,input[type="submit"],input[type="button"],input[type="reset"]):disabled,
:where(.btn,[role="button"])[aria-disabled="true"]{
  transform:none!important;
  box-shadow:none!important;
  cursor:not-allowed;
}

@media (prefers-reduced-motion:reduce){
  :where(
    button,
    .btn,
    a.btn,
    input[type="submit"],
    input[type="button"],
    input[type="reset"],
    .sponsored-company-follow,
    .hero-ad-dot,
    .composer-media-btn,
    .password-toggle-inline
  ){
    transition:none!important;
  }
}


/* Publication history */
.account-publication-card{
  margin-top:18px;
  padding:20px;
  border:1px solid #e4eaf0;
  border-radius:15px;
  background:#fff;
}
.account-publication-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
}
.account-publication-head h2{
  margin:3px 0 5px;
  font-size:18px;
}
.account-publication-head p{
  margin:0;
  color:#667085;
  font-size:11px;
  line-height:1.6;
}
.publication-history-list{
  display:grid;
}
.publication-history-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:16px 0;
  border-bottom:1px solid var(--line);
}
.publication-history-item:last-child{
  border-bottom:0;
}
.publication-history-item.is-deleted{
  opacity:.68;
}
.publication-history-meta{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  color:#98a2b3;
  font-size:9px;
}
.publication-type,
.publication-status{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 7px;
  border-radius:999px;
  background:#edf4f8;
  color:#163c64;
  font-weight:850;
}
.publication-status{
  background:#ecfdf3;
  color:#067647;
}
.publication-status.deleted{
  background:#f2f4f7;
  color:#667085;
}
.publication-history-main p{
  margin:8px 0 0;
  color:#344054;
  font-size:12px;
  line-height:1.7;
}
.publication-history-main small{
  display:block;
  margin-top:6px;
  color:#98a2b3;
  font-size:9px;
}
.publication-delete-btn{
  color:#b42318;
  border-color:#f3c5c0;
}
.publication-retention-note{
  margin-top:14px;
  padding:11px 12px;
  border-radius:10px;
  background:#fffaeb;
  color:#7a5b00;
  font-size:10px;
  line-height:1.6;
}
.publication-empty{
  padding:26px 0;
  color:#98a2b3;
  font-size:11px;
  text-align:center;
}
.composer-login-required{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc;
}
.composer-login-required p{
  margin:0;
  color:#667085;
  font-size:12px;
}
.composer-media-btn:disabled{
  opacity:.45;
}
.publication-feed-meta{
  margin-top:9px;
  color:#98a2b3;
  font-size:9px;
}
.community-real-feed .feed-item p{
  white-space:normal;
}
@media(max-width:650px){
  .account-publication-head,
  .publication-history-item,
  .composer-login-required{
    grid-template-columns:1fr;
    display:grid;
  }
  .publication-delete-form,
  .publication-delete-btn{
    width:100%;
  }
}


.composer-media-btn{
  width:auto;
  min-width:78px;
  padding:0 13px;
  gap:7px;
}
.composer-media-label{
  font-size:11px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
@media(max-width:560px){
  .composer-media-btn{
    min-width:72px;
    padding:0 10px;
  }
  .composer-media-label{
    font-size:10px;
  }
}


.profile-source-language-note{
  margin-top:12px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
  padding:10px 12px;
  border:1px solid #dce6ef;
  border-radius:10px;
  background:#f8fafc;
}
.profile-source-language-note strong{
  color:#163c64;
  font-size:10px;
}
.profile-source-language-note span{
  color:#667085;
  font-size:10px;
  line-height:1.55;
}


/* Content interaction bar */
.content-actions{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  margin-top:14px;
  padding-top:11px;
  border-top:1px solid #eef2f6;
}
.content-action-form{
  margin:0;
}
.content-action{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#667085;
  font:inherit;
  font-size:11px;
  font-weight:750;
  text-decoration:none;
  cursor:pointer;
}
.content-action:hover{
  background:#f2f4f7;
  color:#163c64;
}
.content-action.is-active{
  background:#edf6f5;
  color:#087f5b;
}
.content-action-icon{
  min-width:15px;
  font-size:15px;
  line-height:1;
  text-align:center;
}
.content-action strong{
  min-width:10px;
  color:#98a2b3;
  font-size:10px;
  font-weight:750;
}
.content-detail-page{
  max-width:900px;
}
.content-back-link{
  display:inline-flex;
  margin-bottom:12px;
  color:#667085;
  font-size:11px;
  font-weight:800;
}
.content-detail-card{
  padding:24px;
}
.content-detail-card h1{
  margin:8px 0 10px;
  font-size:26px;
  line-height:1.35;
}
.content-detail-card>p{
  color:#475467;
  font-size:14px;
  line-height:1.8;
}
.comments-card{
  margin-top:18px;
  padding:22px;
}
.comments-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.comments-head h2{
  margin:3px 0 0;
  font-size:18px;
}
.comments-head h2 span{
  color:#98a2b3;
  font-size:13px;
}
.comment-form{
  padding:16px 0;
  border-bottom:1px solid var(--line);
}
.comment-form label>span{
  display:block;
  margin-bottom:7px;
  color:#344054;
  font-size:11px;
  font-weight:800;
}
.comment-form textarea{
  width:100%;
  min-height:110px;
  resize:vertical;
  border:1px solid #d0d5dd;
  border-radius:12px;
  padding:12px;
  background:#fff;
  color:#1d2939;
  font:inherit;
  font-size:13px;
  line-height:1.65;
}
.comment-form textarea:focus{
  outline:none;
  border-color:#163c64;
  box-shadow:0 0 0 3px rgba(22,60,100,.08);
}
.comment-form-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:9px;
}
.comments-signin{
  padding:16px 0;
  border-bottom:1px solid var(--line);
}
.comment-list{
  display:grid;
}
.comment-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  padding:16px 0;
  border-bottom:1px solid var(--line);
}
.comment-item:last-child{
  border-bottom:0;
}
.comment-avatar{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid #dce6ef;
  border-radius:50%;
  background:#edf4f8;
  color:#163c64;
  font-size:11px;
  font-weight:900;
}
.comment-meta{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  color:#98a2b3;
  font-size:9px;
}
.comment-meta strong{
  color:#344054;
  font-size:11px;
}
.comment-content p{
  margin:6px 0 0;
  color:#475467;
  font-size:12px;
  line-height:1.7;
}
.comment-delete-form{
  margin-top:6px;
}
.comment-delete-form button{
  padding:0;
  border:0;
  background:transparent;
  color:#b42318;
  font-size:9px;
  cursor:pointer;
}
.comment-empty{
  padding:22px 0;
  color:#98a2b3;
  font-size:11px;
  text-align:center;
}
.saved-content-list{
  display:grid;
}
.saved-content-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:15px 0;
  border-bottom:1px solid var(--line);
}
.saved-content-item:last-child{
  border-bottom:0;
}
.saved-content-item h3{
  margin:6px 0 4px;
  font-size:13px;
}
.saved-content-item p{
  margin:0;
  color:#667085;
  font-size:10px;
  line-height:1.6;
}
@media(max-width:620px){
  .content-actions{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:3px;
  }
  .content-action-form{
    display:contents;
  }
  .content-action{
    width:100%;
    min-width:0;
    padding:0 3px;
    gap:3px;
    font-size:9px;
    white-space:nowrap;
  }
  .content-action-icon{
    min-width:12px;
    font-size:13px;
  }
  .content-action strong{
    display:inline;
    min-width:auto;
    font-size:9px;
    line-height:1;
  }
  .content-detail-card,
  .comments-card{
    padding:17px;
  }
  .content-detail-card h1{
    font-size:21px;
  }
  .saved-content-item{
    grid-template-columns:1fr;
  }
}


.feed-title-link,
.feed-body-link{
  color:inherit;
  text-decoration:none;
}
.feed-title-link:hover,
.feed-body-link:hover{
  color:var(--brand);
}


/* Registered author + follow system */
.post-author-row{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  margin-bottom:7px;
}
.post-author-avatar{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #dce6ef;
  border-radius:50%;
  background:#f8fafc;
  color:#163c64;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}
.post-author-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.post-author-avatar:hover{
  border-color:#9db5c9;
}
.post-author-identity{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
}
.post-author-name{
  color:#475467;
  font-size:12px;
  font-weight:750;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
a.post-author-name:hover{
  color:#163c64;
  text-decoration:underline;
  text-underline-offset:3px;
}
.post-author-member{
  color:#98a2b3;
  font-size:9px;
  white-space:nowrap;
}
.publication-author-meta{
  margin:-2px 0 8px 43px;
  color:#98a2b3;
  font-size:9px;
}
.follow-control{
  display:flex;
  align-items:center;
  gap:7px;
}
.post-follow-control{
  margin-left:auto;
  flex:0 0 auto;
}
.follow-form{
  margin:0;
}
.follow-btn{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid #bdd3df;
  border-radius:8px;
  background:#fff;
  color:#163c64;
  font:inherit;
  font-size:10px;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
  transition:transform .16s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.follow-btn:hover{
  transform:translateY(-1px);
  border-color:#163c64;
}
.follow-btn:active{
  transform:scale(.97);
}
.follow-btn.is-following{
  border-color:#cae3dd;
  background:#edf8f5;
  color:#087f5b;
}
.follower-count{
  color:#667085;
  font-size:9px;
  white-space:nowrap;
}
.follower-count strong{
  color:#344054;
  font-size:10px;
}
.profile-follow-control{
  justify-content:flex-end;
}
.profile-follow-control .follow-btn{
  min-height:38px;
  padding:0 14px;
  border-radius:10px;
  font-size:11px;
}
.profile-follow-control .follower-count{
  font-size:10px;
}
.profile-follow-summary{
  display:flex;
  align-items:center;
}
@media(max-width:680px){
  .post-author-row{
    align-items:center;
    flex-wrap:nowrap;
    gap:7px;
  }
  .post-author-identity{
    flex:1 1 auto;
    min-width:0;
  }
  .post-author-name{
    max-width:100%;
    font-size:11px;
  }
  .post-author-member{
    font-size:8px;
  }
  .post-follow-control{
    width:auto;
    margin-left:auto;
    flex:0 0 auto;
    justify-content:flex-end;
    gap:5px;
  }
  .post-follow-control .follow-btn{
    min-height:26px;
    padding:0 8px;
    font-size:9px;
  }
  .post-follow-control .follower-count{
    font-size:8px;
  }
  .post-follow-control .follower-count strong{
    font-size:9px;
  }
  .publication-author-meta{
    margin-left:41px;
  }
  .profile-follow-control{
    justify-content:flex-start;
  }
}


/* Real repost/source attribution */
.repost-feed-item{
  background:#fcfcfd;
}
.repost-by-label{
  margin:-2px 0 9px 43px;
  color:#667085;
  font-size:10px;
  font-weight:800;
}
.repost-source-card{
  margin:8px 0 0 43px;
  padding:13px 14px;
  border:1px solid #dfe5ec;
  border-radius:12px;
  background:#fff;
}
.repost-source-label{
  margin-bottom:7px;
  color:#98a2b3;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.repost-original-author{
  color:#667085;
  font-size:10px;
}
.repost-original-author a,
.repost-original-author strong{
  color:#344054;
  font-weight:850;
  text-decoration:none;
}
.repost-original-author a:hover{
  color:#163c64;
  text-decoration:underline;
  text-underline-offset:3px;
}
.repost-original-author small{
  color:#98a2b3;
}
.repost-source-card h4{
  margin:8px 0 5px;
  font-size:14px;
  line-height:1.45;
}
.repost-source-card h4 a{
  color:#1d2939;
  text-decoration:none;
}
.repost-source-card h4 a:hover{
  color:#163c64;
}
.repost-source-card p{
  margin:0;
  color:#667085;
  font-size:11px;
  line-height:1.65;
}
.repost-original-link{
  display:inline-flex;
  margin-top:8px;
  color:#163c64;
  font-size:10px;
  font-weight:800;
  text-decoration:none;
}
.repost-feed-item>.content-actions{
  margin-left:43px;
}
.follow-btn[aria-busy="true"],
.content-action[aria-busy="true"]{
  opacity:.65;
}
@media(max-width:620px){
  .repost-by-label,
  .repost-source-card,
  .repost-feed-item>.content-actions{
    margin-left:0;
  }
}


.author-language-guidance{
  display:flex;
  align-items:flex-start;
  gap:8px 12px;
  flex-wrap:wrap;
  margin:12px 0 16px;
  padding:11px 13px;
  border:1px solid #cfe2dd;
  border-radius:11px;
  background:#f4fbf8;
}
.author-language-guidance strong{
  color:#087f5b;
  font-size:10px;
  font-weight:900;
}
.author-language-guidance span{
  flex:1 1 420px;
  color:#475467;
  font-size:10px;
  line-height:1.6;
}


/* Private message system */
.message-compose-page{
  max-width:880px;
}
.message-compose-card{
  padding:24px;
}
.message-compose-head h1{
  margin:4px 0 16px;
  font-size:25px;
}
.message-recipient-card{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid #e4eaf0;
  border-radius:12px;
  background:#f8fafc;
}
.message-recipient-card>div{
  display:grid;
  gap:3px;
}
.message-recipient-card small{
  color:#98a2b3;
  font-size:9px;
  font-weight:800;
}
.message-source-card{
  margin-top:12px;
  padding:13px 14px;
  border:1px solid #dfe5ec;
  border-radius:12px;
  background:#fff;
}
.message-source-card>span,
.private-message-source>span{
  display:block;
  margin-bottom:5px;
  color:#98a2b3;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.message-source-card>a,
.private-message-source>a{
  color:#163c64;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
}
.message-source-card>a:hover,
.private-message-source>a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
.message-source-card p,
.private-message-source p{
  margin:6px 0 0;
  color:#667085;
  font-size:10px;
  line-height:1.6;
}
.message-compose-form{
  margin-top:15px;
}
.message-compose-form label>span{
  display:block;
  margin-bottom:7px;
  color:#344054;
  font-size:11px;
  font-weight:850;
}
.message-compose-form textarea{
  width:100%;
  min-height:160px;
  resize:vertical;
  padding:13px;
  border:1px solid #d0d5dd;
  border-radius:12px;
  background:#fff;
  color:#1d2939;
  font:inherit;
  font-size:13px;
  line-height:1.7;
}
.message-compose-form textarea:focus{
  outline:none;
  border-color:#163c64;
  box-shadow:0 0 0 3px rgba(22,60,100,.08);
}
.message-compose-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:10px;
}
.private-message-list{
  display:grid;
}
.private-message-card{
  padding:17px 0;
  border-bottom:1px solid var(--line);
}
.private-message-card:last-child{
  border-bottom:0;
}
.private-message-author{
  display:flex;
  align-items:center;
  gap:9px;
}
.private-message-avatar{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #dce6ef;
  border-radius:50%;
  background:#edf4f8;
  color:#163c64;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}
.private-message-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.private-message-author-text{
  display:flex;
  align-items:baseline;
  gap:4px;
  flex-wrap:wrap;
}
.private-message-author-text small{
  width:100%;
  color:#98a2b3;
  font-size:9px;
}
.private-message-name{
  color:#344054;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
}
a.private-message-name:hover{
  color:#163c64;
  text-decoration:underline;
  text-underline-offset:3px;
}
.private-message-author-text>span{
  color:#98a2b3;
  font-size:9px;
}
.private-message-source{
  margin:10px 0 0 47px;
  padding:10px 12px;
  border-left:3px solid #d8e6ec;
  border-radius:0 9px 9px 0;
  background:#f8fafc;
}
.private-message-body{
  margin:11px 0 0 47px;
  color:#344054;
  font-size:12px;
  line-height:1.75;
  white-space:normal;
  word-break:break-word;
}
.private-message-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin:11px 0 0 47px;
}
.private-message-actions form{
  margin:0;
}

.message-reply-btn{
  min-height:31px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 11px;
  border:1px solid #b9d1e4;
  border-radius:8px;
  background:#f3f8fc;
  color:#163c64;
  font-size:10px;
  font-weight:850;
  text-decoration:none;
  transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease;
}
.message-reply-btn:hover{
  transform:translateY(-1px);
  border-color:#163c64;
  box-shadow:0 4px 10px rgba(22,60,100,.08);
}
.message-feedback-btn,
.message-delete-btn{
  min-height:31px;
  padding:0 10px;
  border:1px solid #d9e0e7;
  border-radius:8px;
  background:#fff;
  color:#667085;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.message-feedback-btn:hover{
  border-color:#9db5c9;
  color:#163c64;
}
.message-feedback-btn.is-active{
  border-color:#b7ddd2;
  background:#edf8f5;
  color:#087f5b;
}
.message-feedback-btn.is-active.negative{
  border-color:#f1c6c2;
  background:#fff5f4;
  color:#b42318;
}
.message-delete-btn{
  color:#b42318;
  border-color:#f0cbc7;
}
.content-message-action{
  color:#315b76;
}
@media(max-width:620px){
  .content-actions{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .private-message-source,
  .private-message-body,
  .private-message-actions{
    margin-left:0;
  }
  .message-compose-card{
    padding:17px;
  }
}


/* Private message media attachments */
.message-upload-area{
  margin-top:11px;
  padding:11px 12px;
  border:1px solid #e1e7ed;
  border-radius:11px;
  background:#f8fafc;
}
.message-upload-tools{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.message-upload-btn{
  position:relative;
  min-height:36px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0!important;
  padding:0 12px;
  border:1px solid #cfd9e3;
  border-radius:9px;
  background:#fff;
  color:#344054;
  font-size:10px!important;
  font-weight:850!important;
  cursor:pointer;
  transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease;
}
.message-upload-btn:hover{
  transform:translateY(-1px);
  border-color:#163c64;
  box-shadow:0 5px 12px rgba(22,60,100,.08);
}
.message-upload-btn input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.message-upload-area>small{
  display:block;
  margin-top:8px;
  color:#98a2b3;
  font-size:9px;
  line-height:1.55;
}
.message-upload-selection{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:8px;
}
.message-upload-selection:empty{
  display:none;
}
.message-upload-chip{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:5px 8px;
  border-radius:999px;
  background:#edf4f8;
  color:#475467;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.private-message-attachments{
  margin:11px 0 0 47px;
}
.private-message-attachments-label{
  display:block;
  margin-bottom:7px;
  color:#98a2b3;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.private-message-media-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.private-message-image{
  display:block;
  overflow:hidden;
  border:1px solid #dfe5ec;
  border-radius:10px;
  background:#f8fafc;
}
.private-message-image img{
  width:100%;
  height:180px;
  display:block;
  object-fit:cover;
}
.private-message-video{
  grid-column:1/-1;
  overflow:hidden;
  border:1px solid #dfe5ec;
  border-radius:10px;
  background:#0b0f14;
}
.private-message-video video{
  width:100%;
  max-height:420px;
  display:block;
  background:#0b0f14;
}
@media(max-width:620px){
  .private-message-attachments{margin-left:0;}
  .private-message-media-grid{grid-template-columns:1fr;}
  .private-message-image img{height:auto;max-height:360px;}
}


/* Canonical repost association */
.repost-context-line{
  display:flex;
  align-items:center;
  gap:4px;
  margin:0 0 8px;
  color:#667085;
  font-size:9px;
  font-weight:800;
}
.repost-context-line a,
.repost-context-line strong{
  color:#344054;
  font-weight:900;
  text-decoration:none;
}
.repost-context-line a:hover{
  color:#163c64;
  text-decoration:underline;
  text-underline-offset:3px;
}
.repost-context-line span{
  color:#98a2b3;
}
.repost-linked-original{
  background:#fcfcfd;
}

/* Real sourcing requests use the same registered-author social system */
.sourcing-page-head{
  align-items:flex-end;
}
.sourcing-page-head>div>p{
  margin:4px 0 0;
  color:#667085;
  font-size:11px;
}
.sourcing-request-list .feed-item,
.sourcing-request-item{
  position:relative;
}
.sourcing-request-status-row{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin:3px 0 8px 43px;
  color:#667085;
  font-size:9px;
}
.sourcing-empty-state{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:20px;
}
.sourcing-empty-state strong{
  color:#667085;
  font-size:12px;
}
.sourcing-demo-item{
  opacity:.78;
}
@media(max-width:620px){
  .sourcing-page-head{
    align-items:flex-start;
  }
  .sourcing-request-status-row{
    margin-left:0;
  }
  .sourcing-empty-state{
    align-items:flex-start;
    flex-direction:column;
  }
}


.home-sourcing-empty>div{
  min-width:0;
}
.home-sourcing-empty>div>p{
  margin:5px 0 0;
  color:#667085;
  font-size:10px;
  line-height:1.6;
}


/* Repost as a new authored post */
.repost-compose-page{
  max-width:880px;
}
.repost-compose-card{
  padding:24px;
}
.message-compose-head>p{
  margin:5px 0 0;
  color:#667085;
  font-size:11px;
  line-height:1.65;
}
.repost-compose-source{
  margin-top:16px;
  padding:14px;
  border:1px solid #dfe5ec;
  border-radius:12px;
  background:#f8fafc;
}
.repost-compose-source h3{
  margin:8px 0 5px;
  font-size:14px;
}
.repost-compose-source>p{
  margin:0;
  color:#667085;
  font-size:11px;
  line-height:1.7;
}
.repost-compose-form{
  margin-top:15px;
}
.repost-compose-form label>span{
  display:block;
  margin-bottom:7px;
  color:#344054;
  font-size:11px;
  font-weight:850;
}
.repost-compose-form textarea{
  width:100%;
  min-height:150px;
  resize:vertical;
  padding:13px;
  border:1px solid #d0d5dd;
  border-radius:12px;
  background:#fff;
  color:#1d2939;
  font:inherit;
  font-size:13px;
  line-height:1.7;
}
.repost-compose-form textarea:focus{
  outline:none;
  border-color:#163c64;
  box-shadow:0 0 0 3px rgba(22,60,100,.08);
}
.repost-commentary{
  margin:10px 0 13px!important;
  color:#344054!important;
  font-size:13px!important;
  line-height:1.75!important;
}
.repost-feed-item .repost-source-card{
  margin-left:43px;
}
@media(max-width:620px){
  .repost-compose-card{padding:17px;}
  .repost-feed-item .repost-source-card{margin-left:0;}
}


/* Publishing lives on /publish.php; community activity is shown on Homepage only. */
.publish-page{
  max-width:980px;
}
.publish-page .community-composer{
  margin-top:0;
}



/* Homepage community pagination */
.feed-page-summary{
  color:#98a2b3;
  font-size:10px;
  font-weight:750;
}

.community-feed-list{
  display:grid;
  gap:16px;
}
.community-feed-card{
  padding:22px;
  border:1px solid var(--line);
  border-left:4px solid #d0d5dd;
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow);
}
.community-feed-card.publication-type-discussion{border-left-color:#1570ef;}
.community-feed-card.publication-type-question{border-left-color:#f79009;}
.community-feed-card.publication-type-knowledge{border-left-color:#7a5af8;}
.community-feed-card.publication-type-buying-request{border-left-color:#12b76a;}
.community-feed-card.publication-type-article{border-left-color:#0f6f66;}
.community-feed-card.publication-type-product{border-left-color:#6172f3;}
.community-feed-card.feed-kind-repost{border-left-color:#d92d20;background:#fffdfd;}

.type-pill{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 9px;
  border-radius:999px;
  font-size:9px;
  font-weight:850;
  letter-spacing:.02em;
  border:1px solid transparent;
}
.type-pill-discussion{background:#eff8ff;border-color:#b2ddff;color:#175cd3;}
.type-pill-question{background:#fffaeb;border-color:#fedf89;color:#b54708;}
.type-pill-knowledge{background:#f4f3ff;border-color:#d9d6fe;color:#6938ef;}
.type-pill-buying-request{background:#ecfdf3;border-color:#abefc6;color:#067647;}
.type-pill-article{background:#ecfdf3;border-color:#a6f4c5;color:#027a48;}
.type-pill-product{background:#eef4ff;border-color:#c7d7fe;color:#3538cd;}
.type-pill-repost{background:#fef3f2;border-color:#fecdca;color:#d92d20;}

.publication-author-meta{
  margin:-2px 0 10px 43px;
  color:#98a2b3;
  font-size:9px;
}
.publication-author-meta.is-repost{
  color:#d92d20;
}
@media(max-width:620px){
  .community-feed-card{padding:18px;}
}
.feed-pagination{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  margin-top:13px;
}
.feed-page-button,
.feed-page-number,
.feed-page-numbers>a{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d9e1e8;
  border-radius:9px;
  background:#fff;
  color:#344054;
  font-size:10px;
  font-weight:800;
  text-decoration:none;
  transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease;
}
.feed-page-button{
  padding:0 12px;
}
.feed-page-number,
.feed-page-numbers>a{
  min-width:36px;
  padding:0 8px;
}
.feed-page-button:hover,
.feed-page-number:hover,
.feed-page-numbers>a:hover{
  transform:translateY(-1px);
  border-color:#163c64;
  box-shadow:0 4px 10px rgba(22,60,100,.07);
}
.feed-page-number.is-current{
  border-color:#163c64;
  background:#163c64;
  color:#fff;
}
.feed-page-button.is-disabled{
  opacity:.38;
  cursor:default;
}
.feed-page-numbers{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
}
.feed-page-ellipsis{
  color:#98a2b3;
  font-size:11px;
  padding:0 2px;
}
@media(max-width:620px){
  .feed-pagination{
    grid-template-columns:1fr 1fr;
  }
  .feed-page-numbers{
    grid-column:1/-1;
    grid-row:1;
    overflow-x:auto;
    justify-content:flex-start;
    padding-bottom:2px;
  }
  .feed-page-prev{
    grid-column:1;
    grid-row:2;
  }
  .feed-page-next{
    grid-column:2;
    grid-row:2;
  }
  .feed-page-button{
    width:100%;
  }
}


/* Advertising application */
.hero-ad-stack{
  width:100%;
  align-self:center;
  display:grid;
  gap:10px;
}
.hero-ad-stack>.hero-ad-card{
  width:100%;
}
.hero-ad-stack>.hero-ad-card .sponsored-company-media{
  min-height:0;
  height:190px;
  aspect-ratio:auto;
}
.hero-ad-stack>.hero-ad-card .sponsored-company-body{
  padding-bottom:21px;
}
.hero-ad-apply-btn{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 15px;
  border:1px solid #cfdce3;
  border-radius:12px;
  background:#fff;
  color:#163c64;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  box-shadow:0 6px 18px rgba(22,60,100,.06);
  transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease;
}
.hero-ad-apply-btn small{
  color:#667085;
  font-size:9px;
  font-weight:800;
}
.hero-ad-apply-btn:hover{
  transform:translateY(-1px);
  border-color:#163c64;
  box-shadow:0 9px 22px rgba(22,60,100,.10);
}
.advertise-page{
  max-width:1180px;
}
.advertise-intro-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:24px;
  margin-bottom:16px;
}
.advertise-intro-card h1{
  margin:5px 0 7px;
  font-size:30px;
}
.advertise-intro-card p{
  margin:0;
  max-width:720px;
  color:#667085;
  line-height:1.7;
}
.advertise-plan-box{
  min-width:190px;
  padding:16px;
  border-radius:13px;
  background:#f1f8f6;
  border:1px solid #cfe2dd;
}
.advertise-plan-box span{
  display:block;
  color:#667085;
  font-size:9px;
  font-weight:850;
}
.advertise-plan-box strong{
  display:block;
  margin-top:5px;
  color:#087f5b;
  font-size:18px;
}
.advertise-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);
  gap:16px;
}
.advertise-form-card,
.advertise-payment-card,
.advertise-success-card{
  padding:20px;
}
.advertise-success-card{
  margin-bottom:16px;
}
.advertise-success-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.advertise-success-grid>div{
  padding:12px;
  border:1px solid #e3e8ee;
  border-radius:10px;
  background:#f8fafc;
}
.advertise-success-grid span{
  display:block;
  color:#98a2b3;
  font-size:9px;
}
.advertise-success-grid strong{
  display:block;
  margin-top:4px;
  color:#344054;
  font-size:11px;
}
.advertise-section-head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:16px;
}
.advertise-section-head>span{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#edf7f4;
  color:#087f5b;
  font-size:10px;
  font-weight:900;
}
.advertise-section-head h2{
  margin:0;
  font-size:18px;
}
.advertise-section-head p{
  margin:4px 0 0;
  color:#98a2b3;
  font-size:9px;
  line-height:1.55;
}
.advertise-form{
  display:grid;
  gap:13px;
}
.advertise-form label>span,
.advertise-payment-methods legend{
  display:block;
  margin-bottom:6px;
  color:#344054;
  font-size:10px;
  font-weight:850;
}
.advertise-form input[type="text"],
.advertise-form input[type="url"],
.advertise-form input[type="email"],
.advertise-form textarea{
  width:100%;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
  color:#1d2939;
  font:inherit;
  font-size:12px;
}
.advertise-form input[type="text"],
.advertise-form input[type="url"],
.advertise-form input[type="email"]{
  height:44px;
  padding:0 12px;
}
.advertise-form textarea{
  min-height:105px;
  padding:11px 12px;
  resize:vertical;
}
.advertise-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.advertise-payment-methods{
  padding:0;
  border:0;
}
.advertise-payment-methods>label{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 11px;
  margin-top:6px;
  border:1px solid #dde4ea;
  border-radius:10px;
  cursor:pointer;
}
.advertise-payment-methods>label:hover{
  border-color:#9db5c9;
}
.advertise-proof-upload{
  padding:12px;
  border:1px dashed #bccbd7;
  border-radius:10px;
  background:#f8fafc;
}
.advertise-proof-upload input{
  display:block;
  width:100%;
}
.advertise-proof-upload small{
  display:block;
  margin-top:7px;
  color:#98a2b3;
  font-size:9px;
  line-height:1.55;
}
.advertise-submit-btn{
  width:100%;
  min-height:46px;
}
.payment-account-block{
  padding:14px 0;
  border-top:1px solid #e5e9ef;
}
.payment-account-block:first-of-type{
  border-top:0;
  padding-top:0;
}
.payment-account-block h3{
  margin:0 0 10px;
  color:#163c64;
  font-size:13px;
}
.payment-account-block dl{
  margin:0;
  display:grid;
  gap:7px;
}
.payment-account-block dl>div{
  display:grid;
  grid-template-columns:135px 1fr;
  gap:10px;
}
.payment-account-block dt{
  color:#98a2b3;
  font-size:9px;
  font-weight:800;
}
.payment-account-block dd{
  margin:0;
  color:#344054;
  font-size:10px;
  font-weight:750;
  word-break:break-word;
}
.advertise-verification-note{
  margin:14px 0 0;
  padding:10px 11px;
  border-radius:9px;
  background:#fff8ed;
  color:#9a6700;
  font-size:9px;
  line-height:1.6;
}
@media(max-width:900px){
  .hero-ad-stack>.hero-ad-card .sponsored-company-media{height:260px;}
  .advertise-layout{grid-template-columns:1fr;}
  .advertise-success-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .hero-ad-stack>.hero-ad-card .sponsored-company-media{height:210px;}
  .advertise-intro-card{align-items:flex-start;flex-direction:column;}
  .advertise-plan-box{width:100%;min-width:0;}
  .advertise-two-col{grid-template-columns:1fr;}
  .advertise-success-grid{grid-template-columns:1fr;}
  .payment-account-block dl>div{grid-template-columns:1fr;}
}


.ad-application-history{
  display:grid;
}
.ad-application-history article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 0;
  border-bottom:1px solid var(--line);
}
.ad-application-history article:last-child{
  border-bottom:0;
}
.ad-application-history article>div{
  display:grid;
  gap:3px;
}
.ad-application-history article>div:last-child{
  text-align:right;
}
.ad-application-history strong{
  color:#344054;
  font-size:11px;
}
.ad-application-history span{
  color:#98a2b3;
  font-size:9px;
}
@media(max-width:620px){
  .ad-application-history article{
    align-items:flex-start;
    flex-direction:column;
  }
  .ad-application-history article>div:last-child{
    text-align:left;
  }
}


/* Publication attachments */
.composer-media-btn{position:relative;cursor:pointer;}
.composer-media-btn input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.composer-upload-selection{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.composer-upload-selection:empty{display:none;}
.composer-upload-chip{display:inline-flex;max-width:220px;padding:5px 8px;border-radius:999px;background:#edf4f8;color:#475467;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.composer-upload-help{display:block;margin-top:7px;color:#98a2b3;font-size:9px;}
.publication-attachments{margin:12px 0;}
.publication-image-grid{display:grid;gap:7px;}
.publication-image-grid.image-count-1{grid-template-columns:1fr;}
.publication-image-grid:not(.image-count-1){grid-template-columns:repeat(2,minmax(0,1fr));}
.publication-image-grid a,.publication-image-grid .publication-image-open{overflow:hidden;border:1px solid #e1e7ed;border-radius:10px;background:#f8fafc;}
.publication-image-grid img{width:100%;height:220px;display:block;object-fit:cover;}
.publication-attachments.feed .publication-image-grid img{height:180px;}
.publication-video{margin-top:8px;overflow:hidden;border-radius:10px;background:#0b0f14;}
.publication-video video{width:100%;max-height:520px;display:block;}
.publication-file-list{display:grid;gap:6px;margin-top:8px;}
.publication-file-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:1px solid #dfe5ec;border-radius:9px;background:#f8fafc;color:#344054;text-decoration:none;}
.publication-file-link strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;}
.publication-file-link small{color:#667085;font-size:9px;}
@media(max-width:620px){
  .publication-attachments.feed .publication-image-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .publication-attachments.feed .publication-image-grid.image-count-1{
    grid-template-columns:1fr;
  }
  .publication-attachments.feed .publication-image-grid a,.publication-attachments.feed .publication-image-grid .publication-image-open{
    width:100%;
    aspect-ratio:16 / 9;
    max-height:180px;
    display:block;
  }
  .publication-attachments.feed .publication-image-grid img{
    width:100%;
    height:100%;
    max-height:none;
    object-fit:cover;
  }

  /* Detail page keeps the original image proportions more freely. */
  .publication-attachments.detail .publication-image-grid,
  .publication-attachments.detail .publication-image-grid:not(.image-count-1){
    grid-template-columns:1fr;
  }
  .publication-attachments.detail .publication-image-grid img{
    height:auto;
    max-height:520px;
    object-fit:contain;
  }
}


/* Clean homepage state after test-content reset */
.home-feed-empty-state{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:8px;
  padding:24px;
}
.home-feed-empty-state strong{
  color:#344054;
  font-size:14px;
}
.home-feed-empty-state p{
  margin:0;
  max-width:720px;
  color:#667085;
  font-size:11px;
  line-height:1.65;
}
.home-feed-empty-state .btn{
  margin-top:4px;
}


/* Inline collapsible post comments */
.content-actions>.js-comment-toggle{
  border:0;
  background:transparent;
  font:inherit;
  cursor:pointer;
}
.inline-comments-panel{
  margin-top:12px;
  padding:0 14px 14px;
  border:1px solid #e1e7ed;
  border-radius:12px;
  background:#f8fafc;
}
.inline-comments-panel[hidden]{display:none!important;}
.inline-comments-panel.is-open{
  animation:inlineCommentsOpen .16s ease-out;
}
@keyframes inlineCommentsOpen{
  from{opacity:0;transform:translateY(-4px);}
  to{opacity:1;transform:translateY(0);}
}
.inline-comments-head{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #e5e9ef;
}
.inline-comments-head strong{
  color:#344054;
  font-size:11px;
}
.inline-comments-head strong span{
  color:#98a2b3;
}
.inline-comments-head>a{
  color:#163c64;
  font-size:9px;
  font-weight:800;
  text-decoration:none;
}
.inline-comment-list{
  display:grid;
}
.inline-comment-item{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  padding:11px 0;
  border-bottom:1px solid #e5e9ef;
}
.inline-comment-avatar{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #dce6ef;
  border-radius:50%;
  background:#edf4f8;
  color:#163c64;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
}
.inline-comment-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.inline-comment-meta{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  color:#98a2b3;
  font-size:9px;
}
.inline-comment-meta>a,
.inline-comment-meta>strong{
  color:#344054;
  font-size:10px;
  font-weight:850;
  text-decoration:none;
}
.inline-comment-meta>a:hover{
  color:#163c64;
  text-decoration:underline;
  text-underline-offset:3px;
}
.inline-comment-main>p{
  margin:5px 0 0;
  color:#475467;
  font-size:11px;
  line-height:1.65;
  word-break:break-word;
}
.inline-comment-empty{
  padding:14px 0;
  color:#98a2b3;
  font-size:10px;
}
.inline-comment-form{
  padding-top:11px;
}
.inline-comment-form textarea{
  width:100%;
  min-height:72px;
  resize:vertical;
  padding:10px 11px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
  color:#1d2939;
  font:inherit;
  font-size:11px;
  line-height:1.6;
}
.inline-comment-form textarea:focus{
  outline:none;
  border-color:#163c64;
  box-shadow:0 0 0 3px rgba(22,60,100,.07);
}
.inline-comment-form-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:7px;
}
.inline-comment-form-actions .btn{
  min-height:34px;
  padding:0 12px;
  font-size:10px;
}
.inline-comment-login{
  padding-top:11px;
}
@media(max-width:620px){
  .inline-comments-panel{padding:0 11px 11px;}
  .inline-comments-head>a{display:none;}
}


/* Homepage 3-line post summaries */
.feed-summary-text{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  max-height:5.25em;
}
.feed-summary-text .feed-body-link{
  display:inline;
}
.feed-view-details{
  display:inline-flex;
  align-items:center;
  margin:1px 0 10px;
  color:#163c64;
  font-size:10px;
  font-weight:850;
  text-decoration:none;
}
.feed-view-details:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}


/* V0.25 mobile feed refinements
   - interaction counts stay visible
   - Follow stays on author-name row
   - feed thumbnails use fixed 16:9 crop
*/


/* Mobile header navigation + back to top */
.mobile-lang-wrap,
.mobile-signin-btn,
.mobile-menu-toggle,
.mobile-nav-menu{
  display:none;
}

.mobile-menu-toggle{
  width:38px;
  height:38px;
  flex:0 0 38px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  padding:0;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  cursor:pointer;
}
.mobile-menu-toggle span{
  width:16px;
  height:2px;
  display:block;
  border-radius:999px;
  background:#163c64;
  transition:transform .18s ease,opacity .18s ease;
}
.mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.mobile-menu-toggle.is-open span:nth-child(2){opacity:0;}
.mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

.mobile-lang-wrap{
  position:relative;
}
.mobile-lang-select{
  width:66px;
  height:36px;
  padding:0 4px;
  appearance:none;
  border:0;
  border-radius:9px;
  background:#c62828;
  color:#fff;
  font-size:10px;
  font-weight:900;
  text-align:center;
  text-align-last:center;
  cursor:pointer;
  outline:none;
}
.mobile-lang-select:focus{
  box-shadow:0 0 0 3px rgba(198,40,40,.14);
}

.mobile-nav-menu{
  border-top:1px solid #d7e1ea;
  border-bottom:1px solid #d7e1ea;
  background:#f2f6f9;
  box-shadow:0 12px 26px rgba(20,48,73,.08);
}
.mobile-nav-menu[hidden]{display:none!important;}
.mobile-nav-menu-inner{
  padding-top:10px;
  padding-bottom:14px;
}
.mobile-nav-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.mobile-nav-links a,
.mobile-nav-account a{
  min-height:40px;
  display:flex;
  align-items:center;
  padding:0 12px;
  border:1px solid #dbe5ed;
  border-radius:10px;
  background:#fbfdfe;
  color:#2f4356;
  font-size:11px;
  font-weight:800;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset;
}
.mobile-nav-links a:hover,
.mobile-nav-account a:hover{
  border-color:#aac0d2;
  background:#eef5f9;
  color:#123f63;
}
.mobile-nav-account{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #cfdae3;
}

.back-to-top{
  position:fixed;
  right:20px;
  bottom:22px;
  z-index:60;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(22,60,100,.16);
  border-radius:50%;
  background:#163c64;
  color:#fff;
  font-size:20px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(22,60,100,.22);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .18s ease;
}
.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.back-to-top:hover{
  background:#0f6f66;
}

@media(max-width:900px){
  .nav{
    height:62px;
    gap:8px;
  }
  .brand{
    min-width:0;
    margin-right:auto;
  }
  .brand-mark{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
  .actions{
    gap:6px;
  }
  .desktop-lang-wrap,
  .desktop-auth-action{
    display:none!important;
  }
  .mobile-lang-wrap,
  .mobile-menu-toggle,
  .mobile-nav-menu{
    display:flex;
  }
  .mobile-nav-menu{
    display:block;
  }
  .mobile-signin-btn{
    width:36px;
    height:36px;
    min-width:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:50%;
  }
  .header-post-btn{
    width:36px;
    height:36px;
    min-width:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:9px;
  }
  .header-post-label{
    display:none;
  }
  .header-post-icon{
    display:inline-flex;
  }
  .header-account-btn{
    width:36px;
    height:36px;
    min-width:36px;
    padding:0;
    border-radius:50%;
  }
  .header-account-label{
    display:none;
  }
  .header-account-avatar{
    margin:0;
  }
}

@media(max-width:430px){
  .wrap{padding-left:10px;padding-right:10px;}
  .nav{gap:5px;}
  .actions{gap:4px;}
  .mobile-lang-select{width:62px;height:34px;font-size:9.5px;}
  .header-post-btn{width:34px;height:34px;min-width:34px;padding:0;}
  .mobile-signin-btn{width:34px;height:34px;min-width:34px;padding:0;}
  .mobile-menu-toggle{width:34px;height:34px;flex-basis:34px;}
  .header-account-btn{width:34px;height:34px;min-width:34px;}
  .back-to-top{right:14px;bottom:16px;width:42px;height:42px;}
}


/* V0.26 mobile compact icon header
   Mobile: language code + publish icon + user/avatar + menu.
   Desktop: full localized labels remain.
*/
@media(min-width:901px){
  .header-post-label{display:inline;}
  .header-post-icon{display:none;}
}


/* V0.27 navigation category feeds */
.category-feed-page{
  max-width:900px;
}
.category-feed-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:18px;
}
.category-feed-head h1{
  margin:0 0 8px;
  font-size:34px;
}
.category-feed-head p{
  max-width:720px;
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}
.category-feed-head>.btn{
  flex:0 0 auto;
}
.category-feed-summary{
  margin:0 0 10px;
  color:var(--muted);
  font-size:11px;
  text-align:right;
}
.category-feed-empty{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:22px;
}
.category-feed-empty strong{
  font-size:14px;
}
@media(max-width:650px){
  .category-feed-page{padding-top:34px;}
  .category-feed-head{align-items:stretch;flex-direction:column;gap:13px;}
  .category-feed-head h1{font-size:28px;}
  .category-feed-head>.btn{width:100%;}
  .category-feed-empty{align-items:stretch;flex-direction:column;}
  .category-feed-empty .btn{width:100%;}
}


/* Recommendation discovery */
.recommendation-panel,
.knowledge-discovery-panel{
  align-self:start;
}
.recommendation-person,
.recommendation-company{
  gap:10px;
}
.recommendation-name{
  display:block;
}
.recommendation-empty{
  margin:4px 0 10px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
.recommendation-rule,
.knowledge-discovery-rule{
  margin:12px 0 0;
  padding-top:11px;
  border-top:1px solid var(--line);
  color:#7a8494;
  font-size:10px;
  line-height:1.55;
}
.recommend-follow-control,
.company-follow-control{
  margin-left:auto;
  flex:0 0 auto;
  display:flex;
  align-items:flex-end;
  flex-direction:column;
  gap:3px;
}
.recommend-follow-control .follow-btn,
.company-follow-btn{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:var(--brand);
  font:inherit;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.recommend-follow-control .follow-btn:hover,
.company-follow-btn:hover{
  background:#f2f6fa;
}
.recommend-follow-control .follow-btn.is-following,
.company-follow-btn.is-following{
  background:#edf8f5;
  color:#087f5b;
}
.recommend-follow-control .follower-count,
.company-follower-count{
  color:#98a2b3;
  font-size:8px;
  white-space:nowrap;
}
.recommend-follow-control .follower-count strong,
.company-follower-count strong{
  color:#667085;
  font-size:9px;
}
.company-follow-form{
  margin:0;
}
.knowledge-discovery-intro{
  margin:0 0 13px;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.knowledge-discovery-buttons{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.knowledge-topic-btn{
  min-height:38px;
  padding:7px 9px;
  border:1px solid #dbe5ee;
  border-radius:10px;
  background:#f8fafc;
  color:#26415f;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background-color .15s ease;
}
.knowledge-topic-btn:hover{
  transform:translateY(-1px);
  border-color:#9cb6ca;
  background:#fff;
}
.knowledge-topic-btn:active{
  transform:scale(.98);
}
.knowledge-modal[hidden]{
  display:none !important;
}
.knowledge-modal{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  padding:20px;
}
.knowledge-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,28,42,.48);
  backdrop-filter:blur(3px);
}
.knowledge-modal-dialog{
  position:relative;
  width:min(620px,100%);
  max-height:min(720px,88vh);
  overflow:auto;
  padding:22px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 80px rgba(18,38,63,.24);
}
.knowledge-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.knowledge-modal-eyebrow{
  display:block;
  margin-bottom:5px;
  color:var(--brand2);
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.knowledge-modal-head h3{
  margin:0;
  font-size:20px;
}
.knowledge-modal-head p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:12px;
}
.knowledge-modal-close{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:1px solid var(--line);
  border-radius:50%;
  background:#fff;
  color:#475467;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.knowledge-modal-group{
  padding-top:6px;
}
.knowledge-recommendation-person{
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 0;
  border-bottom:1px solid var(--line);
}
.knowledge-recommendation-person:last-child{
  border-bottom:0;
}
.knowledge-recommendation-info{
  flex:1;
  min-width:0;
}
.knowledge-recommendation-info strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
.knowledge-recommendation-info small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:10px;
}
.knowledge-activity-note{
  display:inline-flex;
  margin-top:5px;
  padding:3px 6px;
  border-radius:999px;
  background:#edf8f5;
  color:#087f5b;
  font-size:8px;
  font-weight:800;
}
.knowledge-follow-control{
  margin-left:auto;
  flex:0 0 auto;
  align-items:flex-end;
  flex-direction:column;
  gap:3px;
}
.knowledge-modal-rule{
  margin:13px 0 0;
  padding:11px 12px;
  border-radius:10px;
  background:#f8fafc;
  color:#667085;
  font-size:10px;
  line-height:1.55;
}
body.knowledge-modal-open{
  overflow:hidden;
}

@media(max-width:650px){
  .knowledge-discovery-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .knowledge-modal{
    padding:10px;
    place-items:end center;
  }
  .knowledge-modal-dialog{
    width:100%;
    max-height:82vh;
    padding:18px 16px;
    border-radius:18px 18px 12px 12px;
  }
  .knowledge-recommendation-person{
    gap:9px;
  }
  .knowledge-follow-control .follower-count{
    display:none;
  }
}


/* Admin contact and support messaging */
.admin-contact-panel{
  display:grid;
  gap:12px;
}
.admin-contact-profile{
  display:flex;
  align-items:center;
  gap:11px;
}
.admin-contact-avatar{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#163c64;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
}

.platform-logo-avatar{
  padding:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #e2e8f0;
}
.platform-logo-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.admin-contact-avatar.mini{
  width:28px;
  height:28px;
  flex-basis:28px;
  font-size:9px;
}
.admin-contact-avatar-large{
  width:54px;
  height:54px;
  flex-basis:54px;
  font-size:14px;
}
.admin-contact-profile span{
  display:block;
  margin-bottom:2px;
  color:#98a2b3;
  font-size:9px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.admin-contact-profile h3{
  margin:0;
}
.admin-contact-panel>p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
}
.admin-contact-btn{
  width:100%;
  min-height:38px;
  background:#f7fafc;
  border:1px solid #cddbe7;
  color:#163c64;
  font-size:11px;
  font-weight:850;
}
.admin-contact-btn:hover{
  background:#eef5fa;
}
.admin-message-page{
  display:grid;
  gap:18px;
  max-width:860px;
}
.admin-message-compose-card,
.admin-message-thread-card{
  padding:24px;
}
.admin-message-profile{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:18px;
}
.admin-message-profile h1{
  margin:2px 0 5px;
  font-size:26px;
}
.admin-message-profile p,
.admin-message-thread-head p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.admin-message-form{
  margin-top:10px;
}
.admin-message-thread-head{
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.admin-message-thread-head h2{
  margin:0 0 4px;
  font-size:18px;
}
.admin-support-thread{
  display:grid;
  gap:10px;
  padding-top:16px;
}
.admin-support-bubble{
  width:min(82%,640px);
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#f8fafc;
}
.admin-support-bubble.is-user{
  justify-self:end;
  background:#edf6fb;
  border-color:#cfdfeb;
}
.admin-support-bubble.is-admin{
  justify-self:start;
}
.admin-support-bubble-head{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:7px;
}
.admin-support-bubble-head strong{
  font-size:10px;
}
.admin-support-bubble-head time{
  margin-left:auto;
  color:#98a2b3;
  font-size:8px;
}
.admin-support-bubble p{
  margin:0;
  color:#344054;
  font-size:12px;
  line-height:1.7;
}
@media(max-width:650px){
  .admin-message-compose-card,
  .admin-message-thread-card{padding:17px;}
  .admin-support-bubble{width:92%;}
  .admin-message-profile h1{font-size:22px;}
}

/* V0.29 company-bound product catalog */
.product-catalog-page,.company-products-page,.product-category-page,.product-detail-page{padding-top:24px;padding-bottom:48px}
.product-page-hero,.company-product-hero,.category-page-head,.product-detail-card{border:1px solid #dfe7ee;border-radius:20px;background:#fff}
.product-page-hero{padding:26px 28px;margin-bottom:20px}.product-page-hero h1,.category-page-head h1{margin:5px 0 8px;font-size:28px}.product-page-hero p,.category-page-head p{margin:0;color:#617086;max-width:820px;line-height:1.7}
.company-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.company-catalog-card{padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}.company-catalog-head{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px}.company-catalog-logo,.company-product-logo{display:flex;align-items:center;justify-content:center;border:1px solid #d9e4ed;background:#fff;color:#163c64;font-weight:900}.company-catalog-logo{width:48px;height:48px;border-radius:50%}.company-catalog-logo img,.company-product-logo img{width:100%;height:100%;object-fit:contain}.company-catalog-head h2{margin:0 0 4px;font-size:15px;line-height:1.35}.company-catalog-head p{margin:0;color:#64748b;font-size:11px}.company-catalog-head .verified-company-badge{grid-column:2;justify-self:start}.verified-company-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 9px;background:#eaf7f2;color:#08735d;font-size:10px;font-weight:800}.company-main-products{display:flex;flex-direction:column;gap:4px}.company-main-products span{font-size:10px;color:#748196;font-weight:700}.company-main-products strong{font-size:13px;color:#182638}.company-main-products.large strong{font-size:16px}.company-catalog-meta{display:flex;gap:12px;color:#728097;font-size:10px}.company-catalog-card>.btn{align-self:flex-start}.product-empty-state{padding:28px;text-align:center;color:#65758a}
.company-product-hero{padding:24px 26px;display:grid;grid-template-columns:80px minmax(0,1fr);gap:18px;align-items:center}.company-product-logo{width:80px;height:80px;border-radius:18px;overflow:hidden}.company-product-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.company-product-title-row h1{margin:4px 0 10px;font-size:26px}.company-product-summary{display:flex;flex-direction:column;gap:10px}.company-category-section{margin-top:24px}.product-layout-rule{margin:0 0 14px;color:#6a778c;font-size:11px}.company-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.company-category-card{display:block;overflow:hidden;text-decoration:none;color:inherit;border-radius:17px}.company-category-cover{width:100%;aspect-ratio:1/1;background:#eef3f6;overflow:hidden}.company-category-cover img,.product-thumb-image img,.product-detail-image img{width:100%;height:100%;display:block;object-fit:cover}.category-cover-placeholder{width:100%;height:100%;min-height:130px;display:flex;align-items:center;justify-content:center;background:#eef3f6;color:#48637a;font-weight:900;font-size:24px}.company-category-body{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px}.company-category-body h3{margin:0 0 3px;font-size:14px}.company-category-body span{font-size:9px;color:#77869a}.category-arrow{font-size:24px!important;color:#163c64!important}.product-breadcrumb{margin-bottom:12px}.product-breadcrumb a{font-size:11px;text-decoration:none;color:#315a7d;font-weight:750}.category-page-head{padding:22px 24px;margin-bottom:16px}.company-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-thumb-card{display:block;overflow:hidden;text-decoration:none;color:inherit;border-radius:16px}.product-thumb-image{width:100%;aspect-ratio:1/1;background:#eef3f6;overflow:hidden}.product-thumb-body{padding:12px 13px}.product-thumb-body>span{font-size:8px;color:#7c899b}.product-thumb-body h2{font-size:13px;line-height:1.35;margin:4px 0 6px}.product-thumb-body p{font-size:10px;line-height:1.55;color:#67758a;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.product-detail-card{padding:24px;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:28px}.product-detail-image{width:100%;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#eef3f6}.product-detail-info h1{font-size:28px;margin:6px 0 7px}.product-detail-info>p{color:#5f6f84;line-height:1.7}.product-code{font-size:10px;color:#78869a}.product-company-box{margin-top:20px;padding:15px 16px;border:1px solid #dce6ee;border-radius:14px;display:flex;flex-direction:column;gap:5px}.product-company-box strong{font-size:13px}.product-company-box span{font-size:10px;color:#6c7a8f}.product-company-box a{font-size:10px;font-weight:800;color:#174a72;text-decoration:none}.demo-product-notice{margin-top:14px;padding:10px 12px;border-radius:11px;background:#fff7e8;color:#875b0d;font-size:9px;line-height:1.55}
.product-management-page{padding-top:24px;padding-bottom:48px}.product-management-head{padding:22px 24px;margin-bottom:16px}.product-management-head h1{margin:5px 0}.product-management-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.product-manage-stats{display:flex;gap:10px;flex-wrap:wrap}.product-manage-stat{padding:10px 12px;border:1px solid #dce6ee;border-radius:12px;background:#fff}.product-manage-stat span{display:block;font-size:9px;color:#758398}.product-manage-stat strong{font-size:15px}.product-manage-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:16px}.product-manage-panel{padding:20px}.product-manage-panel h2{margin:0 0 14px}.manage-category-list,.manage-product-list{display:flex;flex-direction:column;gap:8px}.manage-category-row,.manage-product-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #e1e8ee;border-radius:11px}.manage-category-row small,.manage-product-row small{display:block;color:#7a8799;margin-top:2px}.product-status-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef3f6;color:#53687a;font-size:8px;font-weight:800}.product-status-pill.published{background:#e8f6ef;color:#08715c}.product-status-pill.pending{background:#fff3dc;color:#8a5a00}.product-manage-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e3e9ef}.product-manage-form .full{grid-column:1/-1}.product-manage-form input,.product-manage-form select,.product-manage-form textarea{width:100%;border:1px solid #d8e1e9;border-radius:9px;padding:9px 10px;font:inherit}.product-manage-form textarea{min-height:80px;resize:vertical}
@media(max-width:900px){.company-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-detail-card{grid-template-columns:1fr}.product-detail-image{max-width:520px}.product-manage-grid{grid-template-columns:1fr}}
@media(max-width:620px){.product-catalog-page,.company-products-page,.product-category-page,.product-detail-page{padding-top:14px}.product-page-hero,.company-product-hero,.category-page-head,.product-detail-card{border-radius:15px}.product-page-hero{padding:18px}.company-catalog-grid{grid-template-columns:1fr}.company-catalog-card{padding:16px}.company-catalog-head{grid-template-columns:44px minmax(0,1fr);gap:10px}.company-catalog-logo{width:44px;height:44px}.company-catalog-head .verified-company-badge{grid-column:2;justify-self:start}.company-product-hero{grid-template-columns:54px minmax(0,1fr);padding:16px}.company-product-logo{width:54px;height:54px;border-radius:13px}.company-product-title-row{display:block}.company-product-title-row h1{font-size:19px}.company-product-title-row .verified-company-badge{margin-top:3px}.company-category-grid{display:flex;flex-direction:column;gap:8px}.company-category-cover{display:none}.company-category-card{border-radius:12px}.company-category-body{padding:14px 15px}.company-category-body h3{font-size:13px;margin:0}.company-category-body div>span{display:none}.product-layout-rule{font-size:9px}.company-product-grid{grid-template-columns:1fr;gap:9px}.product-thumb-card{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:88px}.product-thumb-image{width:88px;height:88px;aspect-ratio:1/1}.product-thumb-body{padding:10px 11px}.product-thumb-body h2{font-size:12px}.product-thumb-body p{font-size:9px}.product-detail-card{padding:16px;gap:16px}.product-detail-info h1{font-size:21px}.product-manage-form{grid-template-columns:1fr}.product-manage-form .full{grid-column:auto}}
@media(min-width:621px){.company-category-card .company-category-body{border-bottom:1px solid #e3e9ef}.company-category-card .company-category-cover{border-radius:0 0 16px 16px}}


/* V0.30 compact company category grid */
@media(min-width:901px){
  .company-category-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
  }
  .company-category-card{min-width:0;}
  .company-category-body{padding:12px 13px;}
  .company-category-body h3{font-size:14px;line-height:1.3;}
  .company-category-cover{
    width:100%;
    aspect-ratio:4 / 3;
    max-height:180px;
    overflow:hidden;
  }
  .company-category-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
}
@media(min-width:621px) and (max-width:900px){
  .company-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* V0.30 mobile admin contact placement */
@media(max-width:900px){
  .side-stack .admin-contact-panel{order:99;}
}


/* Product detail interactions */
.product-social-actions{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #e4ebf2;
}
.product-social-actions .content-actions{margin-top:0;}
.message-source-product-thumb,
.message-inbox-product-thumb{
  display:block;
  width:92px;
  height:92px;
  margin-top:10px;
  overflow:hidden;
  border:1px solid #dbe5ee;
  border-radius:12px;
  background:#f7f9fb;
}
.message-source-product-thumb img,
.message-inbox-product-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:620px){
  .product-social-actions{margin-top:14px;padding-top:12px;}
  .message-source-product-thumb,
  .message-inbox-product-thumb{width:76px;height:76px;}
}

/* V0.31 company identity + universal product upload */
.identity-company-line,
.post-author-company,
.inline-comment-company,
.private-message-company,
.recommendation-company-line,
.repost-original-company{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 0 2px;
  color:#315a7d;
  font-size:10px;
  line-height:1.35;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.post-author-company{font-size:10px;margin-bottom:3px}
.inline-comment-company{font-size:9px;margin-bottom:2px}
.private-message-company{font-size:9px;margin-bottom:2px}
.recommendation-company-line{font-size:9px;margin-bottom:2px}
.profile-company-line{font-size:12px;margin-bottom:4px}
.account-company-line{font-size:11px;margin-top:3px;margin-bottom:2px}
.repost-original-company{font-size:9px;margin-bottom:3px}

.company-identity-page{padding-top:24px;padding-bottom:54px}
.company-identity-head{padding:24px 26px;margin-bottom:16px}
.company-identity-head h1{margin:5px 0 8px;font-size:30px}.company-identity-head p{margin:0;color:var(--muted);line-height:1.6}
.company-identity-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.company-identity-form-card{padding:22px}.company-identity-form-card h2{margin:5px 0 7px;font-size:20px}.company-identity-form-card>p{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.6}
.company-join-form-card{grid-column:1/-1}
.company-identity-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.company-identity-form>label{display:flex;flex-direction:column;gap:6px}.company-identity-form>label>span{font-size:10px;font-weight:800;color:#4b5d70}
.company-identity-form input,.company-identity-form select,.company-identity-form textarea{width:100%;border:1px solid #d8e1e9;border-radius:10px;padding:10px 11px;font:inherit;background:#fff}
.company-identity-form textarea{min-height:88px;resize:vertical}.company-identity-form label:has(textarea),.company-identity-form label:has(input[type=file]){grid-column:1/-1}.company-identity-form small{font-size:9px;color:#7d8998;line-height:1.5}
.company-form-pair{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px}.company-form-pair label{display:flex;flex-direction:column;gap:6px}.company-form-pair span{font-size:10px;font-weight:800;color:#4b5d70}
.current-company-identity-card{padding:24px;margin-bottom:16px;display:grid;gap:7px;justify-items:start}.current-company-name{font-size:23px;font-weight:900;color:#172b3d;text-decoration:none}.current-company-person{font-size:14px}.current-company-person span{color:#6e7c8d}.company-identity-role{padding:5px 9px;border-radius:999px;background:#eef5fa;color:#315a7d;font-size:10px;font-weight:800}
.company-application-history,.company-join-review-card{padding:22px;margin-top:16px}.company-application-list,.company-join-request-list{display:grid;gap:9px}.company-application-list article,.company-join-request{padding:12px 13px;border:1px solid #e1e8ee;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.company-application-list article>div,.company-join-request>div:first-child{display:flex;flex-direction:column;gap:3px}.company-application-list span,.company-join-request span{font-size:10px;color:#69798c}.company-application-list small,.company-join-request small{font-size:9px;color:#8a96a5}.company-application-list p{grid-column:1/-1;margin:5px 0 0;font-size:10px;color:#6d7887}.company-join-actions{display:flex;gap:6px}

.product-upload-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.product-upload-heading h2{margin:4px 0 0}.product-upload-heading p{max-width:330px;margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.universal-product-form{grid-template-columns:repeat(2,minmax(0,1fr))}.product-weight-fields{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.product-weight-fields label{display:flex;flex-direction:column;gap:6px}.product-weight-fields span,.product-upload-field>span{font-size:10px;font-weight:800;color:#4b5d70}.product-upload-field small{font-size:9px;color:#7c8998;line-height:1.5}
.product-detail-media{min-width:0}
.product-spec-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.product-spec-list>div{padding:10px 11px;border:1px solid #e0e7ed;border-radius:10px;background:#fafcfd}.product-spec-list span{display:block;font-size:9px;color:#7a8798;margin-bottom:3px}.product-spec-list strong{font-size:11px;color:#253747;line-height:1.45}.product-description-block{margin-top:14px}.product-description-block>span{display:block;font-size:9px;color:#7a8798;font-weight:800;margin-bottom:5px}.product-description-block p{margin:0!important;color:#5f6f84;line-height:1.7}
.company-members-section{margin-top:28px}.company-member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.company-member-card{padding:12px;display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.company-member-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#eef3f6;color:#315a7d;font-weight:900}.company-member-avatar img{width:100%;height:100%;object-fit:cover}.company-member-card strong{display:block;font-size:12px}.company-member-card span{display:block;margin-top:3px;font-size:9px;color:#748196}

.admin-product-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:8px}.admin-product-gallery a{aspect-ratio:1/1;border:1px solid #dce5ec;border-radius:8px;overflow:hidden}.admin-product-gallery img{width:100%;height:100%;object-fit:cover}

@media(max-width:900px){.company-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .company-identity-page{padding-top:14px}.company-identity-head{padding:18px}.company-identity-head h1{font-size:23px}
  .company-identity-options{grid-template-columns:1fr}.company-join-form-card{grid-column:auto}.company-identity-form{grid-template-columns:1fr}.company-identity-form label:has(textarea),.company-identity-form label:has(input[type=file]){grid-column:auto}.company-form-pair{grid-template-columns:88px minmax(0,1fr)}
  .company-application-list article,.company-join-request{align-items:flex-start;flex-direction:column}.company-join-actions{width:100%}.company-join-actions form{flex:1}.company-join-actions button{width:100%}
  .product-upload-heading{display:block}.product-upload-heading p{margin-top:7px;max-width:none}.universal-product-form{grid-template-columns:1fr}.product-weight-fields{grid-template-columns:1fr 1fr}.product-detail-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.product-spec-list{grid-template-columns:1fr}.company-member-grid{grid-template-columns:1fr}
}


/* V0.31 company-above-person identity refinements */
.company-member-identity{min-width:0;display:block}
.company-member-company,
.comment-company-line{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 0 2px;
  color:#315a7d;
  font-size:9px;
  line-height:1.35;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.company-member-company{font-size:8.5px;margin-bottom:3px}
.company-member-name{display:block;color:#172b3d;text-decoration:none;font-size:12px;font-weight:850}
.company-member-name:hover,.company-member-company:hover,.company-join-person:hover{text-decoration:underline}
.company-join-person{color:inherit;text-decoration:none}


/* Searchable company picker */
.company-picker{position:relative}
.company-picker .js-company-picker-input{
  padding-right:38px;
}
.company-picker.has-selection .js-company-picker-input{
  border-color:#6fae9f;
  box-shadow:0 0 0 2px rgba(21,125,103,.08);
}
.company-picker-results{
  position:absolute;
  z-index:35;
  top:calc(100% - 15px);
  left:0;
  right:0;
  max-height:310px;
  overflow:auto;
  border:1px solid #d7e2ea;
  border-radius:12px;
  background:#fff;
  box-shadow:0 14px 30px rgba(29,47,66,.14);
}
.company-picker-option{
  width:100%;
  display:block;
  padding:11px 12px;
  border:0;
  border-bottom:1px solid #edf1f4;
  background:#fff;
  text-align:left;
  cursor:pointer;
}
.company-picker-option:last-child{border-bottom:0}
.company-picker-option:hover,
.company-picker-option:focus{
  background:#f5f9fb;
  outline:none;
}
.company-picker-option-name{
  display:block;
  color:#172b3d;
  font-size:12px;
  font-weight:850;
}
.company-picker-option-meta{
  display:block;
  margin-top:3px;
  color:#718096;
  font-size:9px;
  line-height:1.45;
}
.company-picker-empty{
  padding:13px;
  color:#77869a;
  font-size:10px;
}
.company-picker-help{
  display:block;
  margin-top:5px;
  color:#7a8799;
  font-size:9px;
}
@media(max-width:620px){
  .company-picker-results{
    max-height:250px;
  }
}


/* V0.32 Account collapsible messages / saved / history */
.platform-admin-name{
  color:#c62828!important;
  font-weight:900!important;
}
.admin-contact-profile .platform-admin-name{
  font-size:15px;
}

.account-unread-total{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#fff1f0;
  border:1px solid #ffc9c5;
  color:#c62828;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}

.private-message-collapsible-list{
  gap:9px;
}
.private-message-details{
  padding:0;
  border:1px solid #e2e8ee;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
.private-message-details:last-child{
  border-bottom:1px solid #e2e8ee;
}
.private-message-details.is-unread{
  border-color:#f0b7b2;
  box-shadow:inset 3px 0 0 #d8443e;
}
.private-message-summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  cursor:pointer;
  user-select:none;
}
.private-message-summary::-webkit-details-marker{display:none}
.private-message-summary::marker{display:none;content:""}
.private-message-summary-main{
  min-width:0;
  flex:1;
}
.private-message-summary .private-message-author{
  min-width:0;
}
.private-message-summary .private-message-author-text{
  min-width:0;
}
.private-message-summary-text{
  margin:5px 0 0 47px;
  color:#667085;
  font-size:10px;
  line-height:1.45;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.private-message-summary-status{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:9px;
}
.message-read-status{
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
}
.message-read-status.unread{
  background:#fff0ef;
  color:#c62828;
}
.message-read-status.read{
  background:#f1f4f7;
  color:#758398;
}
.private-message-chevron{
  color:#738195;
  font-size:17px;
  font-weight:900;
  transition:transform .18s ease;
}
.private-message-details[open] .private-message-chevron{
  transform:rotate(180deg);
}
.private-message-detail{
  padding:0 14px 14px;
  border-top:1px solid #edf1f4;
}
.private-message-detail .private-message-source,
.private-message-detail .private-message-body,
.private-message-detail .private-message-actions,
.private-message-detail .private-message-attachments{
  margin-left:0;
}
.admin-reply-quote{
  margin-top:12px;
  padding:10px 12px;
  border-left:3px solid #e6a8a3;
  border-radius:0 9px 9px 0;
  background:#fff7f6;
}
.admin-reply-quote>span{
  display:block;
  margin-bottom:5px;
  color:#b42318;
  font-size:9px;
  font-weight:900;
}
.admin-reply-quote blockquote{
  margin:0;
  color:#5d6876;
  font-size:10px;
  line-height:1.6;
}

.account-fold-section{
  padding:0!important;
  overflow:hidden;
}
.account-fold-summary{
  list-style:none;
  cursor:pointer;
  user-select:none;
  margin:0!important;
  padding:20px!important;
}
.account-fold-summary::-webkit-details-marker{display:none}
.account-fold-summary::marker{display:none;content:""}
.account-fold-summary-side{
  display:flex;
  align-items:center;
  gap:10px;
}
.account-fold-count{
  min-width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#f1f5f8;
  color:#617185;
  font-size:9px;
  font-weight:900;
}
.account-fold-chevron{
  color:#65758a;
  font-size:18px;
  font-weight:900;
  transition:transform .18s ease;
}
.account-fold-section[open] .account-fold-chevron{
  transform:rotate(180deg);
}
.account-fold-content{
  padding:0 20px 20px;
  border-top:1px solid #edf1f4;
}
.account-fold-toolbar{
  display:flex;
  justify-content:flex-end;
  padding:12px 0 0;
}

@media(max-width:620px){
  .private-message-summary{
    padding:11px;
    gap:8px;
  }
  .private-message-summary-text{
    margin-left:0;
    margin-top:6px;
  }
  .private-message-summary-status{
    gap:5px;
  }
  .message-read-status{
    padding:4px 6px;
  }
  .private-message-detail{
    padding:0 11px 12px;
  }
  .account-fold-summary{
    padding:16px!important;
  }
  .account-fold-content{
    padding:0 16px 16px;
  }
}


/* V0.32 desktop sticky right sidebar */
@media(min-width:901px){
  .layout > .side-stack{
    position:sticky;
    top:18px;
    align-self:start;
    height:max-content;
    max-height:calc(100vh - 36px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
}


/* V0.32 desktop sticky right rail */
@media(min-width:901px){
  .layout > .side-stack{
    position:sticky;
    top:18px;
    align-self:start;
    max-height:calc(100vh - 36px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
}


/* Approved company identity: green */
.identity-company-line,
.account-company-line,
.profile-company-line,
.post-author-company,
.inline-comment-company,
.comment-company-line,
.recommendation-company-line,
.private-message-company,
.message-recipient-company,
.repost-original-company,
.company-member-company,
.current-company-name{
  color:#0b8f68!important;
  font-weight:850!important;
  text-decoration:none;
}
.identity-company-line:hover,
.account-company-line:hover,
.profile-company-line:hover,
.post-author-company:hover,
.inline-comment-company:hover,
.comment-company-line:hover,
.recommendation-company-line:hover,
.private-message-company:hover,
.message-recipient-company:hover,
.repost-original-company:hover,
.company-member-company:hover,
.current-company-name:hover{
  color:#08745a!important;
  text-decoration:underline;
  text-underline-offset:2px;
}

/* Company identity review notifications */
.company-system-notifications{overflow:hidden}
.company-notification-list{display:grid;gap:10px}
.company-notification-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  padding:14px;
  border:1px solid #e1e8ee;
  border-radius:12px;
  background:#fff;
}
.company-notification-icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:50%;
  font-size:16px;font-weight:900;
}
.company-notification-item.approved{border-color:#b9e6d7;background:#f4fbf8}
.company-notification-item.approved .company-notification-icon{background:#dff5ec;color:#08745a}
.company-notification-item.rejected{border-color:#f3c6c2;background:#fff8f7}
.company-notification-item.rejected .company-notification-icon{background:#fee7e5;color:#b42318}
.company-notification-item.needs_info{border-color:#f4d79c;background:#fffaf0}
.company-notification-item.needs_info .company-notification-icon{background:#fff0c7;color:#9a6700}
.company-notification-main strong{display:block;color:#172b3d;font-size:13px}
.company-notification-main>p{margin:4px 0 0;color:#526274;font-size:11px;line-height:1.6}
.company-notification-main>small{display:block;margin-top:9px;color:#8a96a6;font-size:9px}
.company-notification-reason{
  margin-top:10px;
  padding:10px 11px;
  border-left:3px solid #d9544d;
  border-radius:0 9px 9px 0;
  background:rgba(255,255,255,.75);
}
.company-notification-item.needs_info .company-notification-reason{border-left-color:#c78a19}
.company-notification-reason span{display:block;margin-bottom:4px;color:#b42318;font-size:9px;font-weight:900}
.company-notification-item.needs_info .company-notification-reason span{color:#9a6700}
.company-notification-reason p{margin:0;color:#4d5a69;font-size:10px;line-height:1.6}
.company-notification-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;margin-top:10px}
.company-appeal-details>summary{list-style:none;cursor:pointer}
.company-appeal-details>summary::-webkit-details-marker{display:none}
.company-appeal-form{
  width:min(430px,80vw);
  margin-top:8px;padding:12px;
  border:1px solid #e2e8ee;border-radius:11px;
  background:#fff;box-shadow:0 12px 26px rgba(18,38,63,.10);
}
.company-appeal-form label{display:grid;gap:6px}
.company-appeal-form label span{font-size:10px;font-weight:850}
.company-appeal-form textarea{
  width:100%;min-height:110px;resize:vertical;
  padding:10px;border:1px solid #d7e0e8;border-radius:9px;
  font:inherit;font-size:11px;
}
.company-appeal-form .btn{margin-top:9px}
.company-reapply-banner{display:flex;gap:8px;flex-wrap:wrap}
.company-join-reject-form{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
}
.company-join-reject-form input{
  min-width:190px;
  height:36px;
  padding:0 9px;
  border:1px solid #e1c1bd;
  border-radius:9px;
  font:inherit;
  font-size:10px;
}
@media(max-width:620px){
  .company-notification-item{grid-template-columns:32px minmax(0,1fr);padding:11px}
  .company-notification-icon{width:32px;height:32px}
  .company-join-reject-form input{width:100%;min-width:0}
}


/* Product ownership permissions */
.product-company-ownership-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  flex-wrap:wrap;
}
.product-company-ownership-note strong,
.product-upload-account-card .account-eyebrow{
  color:#0b8f68;
}
.product-category-member-note{
  margin-top:12px;
  padding:10px 11px;
  border-radius:9px;
  background:#f5f8fa;
  color:#68788b;
  font-size:10px;
  line-height:1.55;
}


/* V0.34 company above personal name: two-line identity */
.post-author-identity{
  display:grid;
  grid-template-columns:minmax(0,auto) auto;
  align-items:center;
  column-gap:4px;
  row-gap:1px;
  min-width:0;
}
.post-author-company{
  grid-column:1 / -1;
  grid-row:1;
  margin:0 0 2px;
}
.post-author-name{
  grid-column:1;
  grid-row:2;
  min-width:0;
}
.post-author-member{
  grid-column:2;
  grid-row:2;
}
@media(max-width:680px){
  .post-author-identity{
    display:grid;
    grid-template-columns:minmax(0,auto) auto;
    align-items:center;
    column-gap:4px;
    row-gap:1px;
  }
  .post-author-company{grid-column:1 / -1;grid-row:1;}
  .post-author-name{grid-column:1;grid-row:2;}
  .post-author-member{grid-column:2;grid-row:2;}
}


.company-notification-item.cancelled{
  border-color:#d7dce3;
  background:#f7f8fa;
}
.company-notification-item.cancelled .company-notification-icon{
  background:#e9edf2;
  color:#475467;
}

/* Company directory and company profile are intentionally distinct from Product Catalog */
.company-directory-page,.company-profile-page{padding-top:24px;padding-bottom:54px}
.company-directory-hero{border-left:4px solid #0b8f68}
.company-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:18px}
.company-directory-card{padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}
.company-directory-name{min-width:0;flex:1}.company-directory-name h2{font-size:15px;line-height:1.3;margin:0 0 4px}.company-directory-name p{margin:0;color:var(--muted);font-size:10px}
.company-directory-meta{display:flex;gap:14px;color:#718096;font-size:10px}.company-directory-card>.btn{align-self:flex-start;margin-top:auto}
.company-profile-hero{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;padding:24px;border:1px solid #dfe7ee;border-radius:20px;background:#fff}
.company-profile-logo{width:84px;height:84px;border-radius:18px;border:1px solid #dbe5ec;overflow:hidden;display:grid;place-items:center;background:#f4f7f9;color:#16466d;font-size:22px;font-weight:900}.company-profile-logo img{width:100%;height:100%;object-fit:cover}
.company-profile-summary{min-width:0}.company-profile-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.company-profile-title-row h1{margin:4px 0 4px;font-size:28px}.company-profile-title-row p{margin:0;color:var(--muted);font-size:11px}
.company-profile-description{max-width:900px;color:#5f6e80;line-height:1.7;font-size:11px}.company-profile-meta{display:flex;gap:14px;margin-top:10px;color:#758397;font-size:10px}.company-profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.company-contact-card{margin-top:16px;padding:20px}.company-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.company-contact-grid>div{padding:11px 12px;border:1px solid #e2e8ee;border-radius:11px;background:#fafcfd}.company-contact-grid span{display:block;margin-bottom:4px;color:#7a8798;font-size:9px;font-weight:850}.company-contact-grid a{color:#244d72;font-size:11px;word-break:break-all}
.company-document-section{margin-top:28px}.company-document-section .section-head>div>p{margin:4px 0 0;color:#7c8795;font-size:9px}.company-document-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.business-license-grid{grid-template-columns:minmax(220px,300px)}
.company-document-card{padding:12px;min-width:0}.company-document-card h3{margin:0 0 9px;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.company-document-thumb{position:relative;width:100%;aspect-ratio:3/4;padding:0;border:0;border-radius:11px;overflow:hidden;background:#eef3f6;cursor:zoom-in;display:block}.company-document-thumb img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.company-document-watermark{position:absolute;left:0;right:0;bottom:0;padding:8px 7px;background:rgba(255,255,255,.86);color:#b42318;font-size:8px;line-height:1.35;font-weight:900;text-align:center;pointer-events:none}.company-document-view-label{position:absolute;right:8px;top:8px;padding:4px 7px;border-radius:999px;background:rgba(15,55,83,.86);color:#fff;font-size:8px;font-weight:850;pointer-events:none}
.company-document-modal[hidden]{display:none}.company-document-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px}.company-document-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(12,23,34,.74);cursor:default}.company-document-modal-dialog{position:relative;z-index:1;width:min(900px,94vw);max-height:92vh;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.32)}
.company-document-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #e2e8ee}.company-document-modal-head strong{font-size:13px}.company-document-modal-head button{width:34px;height:34px;border:0;border-radius:50%;background:#f1f4f7;font-size:23px;cursor:pointer}.company-document-modal-image{position:relative;height:min(78vh,900px);overflow:auto;background:#eef2f5}.company-document-modal-pages{display:grid;gap:14px;justify-items:center;padding:14px}.company-document-modal-page{width:min(100%,820px);height:auto;display:block;background:#fff;box-shadow:0 4px 18px rgba(15,39,59,.12);user-select:none;-webkit-user-drag:none;pointer-events:none}.company-document-modal-watermark{position:sticky;left:0;right:0;bottom:0;width:100%;padding:10px 14px;background:rgba(255,255,255,.92);color:#b42318;font-size:11px;font-weight:900;text-align:center;pointer-events:none}body.company-document-modal-open{overflow:hidden}
.company-document-management-card{padding:20px;margin-top:16px}.company-document-management-card .section-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.company-document-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.company-document-upload-form{padding:14px;border:1px solid #e0e7ed;border-radius:12px;background:#fafcfd;display:grid;gap:9px}.company-document-upload-form>strong{font-size:13px}.company-document-upload-form label{display:grid;gap:5px}.company-document-upload-form label>span{font-size:9px;font-weight:850;color:#536577}.company-document-upload-form input{width:100%;border:1px solid #d8e1e9;border-radius:9px;padding:9px 10px;font:inherit;background:#fff}.company-document-upload-form small{font-size:8.5px;color:#7b8796;line-height:1.5}.company-document-upload-form .btn{justify-self:start}
.company-document-manage-list{display:grid;gap:8px;margin-top:14px}.company-document-manage-list article{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border:1px solid #e2e8ee;border-radius:10px}.company-document-manage-thumb{width:58px;height:72px;padding:0;border:0;border-radius:7px;overflow:hidden;background:#eef2f5;cursor:zoom-in}.company-document-manage-thumb img{width:100%;height:100%;object-fit:cover;pointer-events:none}.company-document-manage-list strong{display:block;font-size:11px}.company-document-manage-list span,.company-document-manage-list small{display:block;margin-top:2px;color:#718095;font-size:9px}.company-product-profile-link{margin-top:12px}
@media(max-width:1000px){.company-document-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.company-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.company-directory-page,.company-profile-page{padding-top:14px}.company-directory-grid{grid-template-columns:1fr}.company-profile-hero{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:16px}.company-profile-logo{width:58px;height:58px;border-radius:14px;font-size:17px}.company-profile-title-row{display:block}.company-profile-title-row h1{font-size:21px}.company-profile-title-row .verified-company-badge{display:inline-flex;margin-top:7px}.company-contact-grid{grid-template-columns:1fr}.company-document-grid,.business-license-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-document-upload-grid{grid-template-columns:1fr}.company-document-modal{padding:10px}.company-document-modal-image{height:78vh}}


/* Company homepage management */
.current-company-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.company-homepage-management-card{padding:20px;margin-top:16px}
.company-homepage-management-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.company-homepage-management-head h2{margin:4px 0 3px}
.company-homepage-management-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.company-homepage-form{margin-top:14px}
.company-homepage-logo-editor{display:grid;grid-template-columns:78px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:14px;padding:13px;border:1px solid #e0e7ed;border-radius:12px;background:#fafcfd}
.company-homepage-logo-preview{width:78px;height:78px;display:grid;place-items:center;overflow:hidden;border:1px solid #d8e2ea;border-radius:17px;background:#fff;color:#16466d;font-size:20px;font-weight:900}.company-homepage-logo-preview img{width:100%;height:100%;object-fit:cover}
.company-homepage-logo-editor label{display:grid;gap:6px}.company-homepage-logo-editor label>span{font-size:10px;font-weight:850}.company-homepage-logo-editor input{width:100%;padding:9px;border:1px solid #d8e1e9;border-radius:9px;background:#fff}.company-homepage-logo-editor small{font-size:9px;color:#778597}
.company-homepage-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.company-homepage-fields label{display:grid;gap:5px}.company-homepage-fields label.full{grid-column:1/-1}.company-homepage-fields label>span{font-size:9px;font-weight:850;color:#536577}.company-homepage-fields input,.company-homepage-fields select,.company-homepage-fields textarea{width:100%;padding:10px 11px;border:1px solid #d8e1e9;border-radius:9px;background:#fff;font:inherit;color:#172b3d}.company-homepage-fields input:disabled{background:#f2f5f7;color:#697789}.company-homepage-fields textarea{min-height:120px;resize:vertical}.company-homepage-fields small{font-size:8.5px;color:#7c8898;line-height:1.5}
.company-homepage-form-actions{display:flex;justify-content:flex-end;margin-top:13px}
.company-homepage-documents-note{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding:11px 12px;border-radius:10px;background:#f3f8f6;color:#526476;font-size:10px;line-height:1.55}.company-homepage-documents-note strong{color:#0b8f68}
.company-homepage-member-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;margin-top:16px}.company-homepage-member-note h2{margin:4px 0}.company-homepage-member-note p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
@media(max-width:620px){.company-homepage-management-card{padding:16px}.company-homepage-management-head,.company-homepage-member-note{display:block}.company-homepage-management-head>.btn,.company-homepage-member-note>.btn{margin-top:10px}.company-homepage-logo-editor{grid-template-columns:58px minmax(0,1fr)}.company-homepage-logo-preview{width:58px;height:58px;border-radius:14px;font-size:16px}.company-homepage-fields{grid-template-columns:1fr}.company-homepage-fields label.full{grid-column:auto}.company-homepage-form-actions{justify-content:stretch}.company-homepage-form-actions .btn{width:100%;justify-content:center}}


/* V0.36 company profile compact grids */
.company-document-grid,
.company-document-grid-compact,
.business-license-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,180px));
  gap:12px;
  justify-content:start;
  align-items:start;
}
.company-document-card{
  width:100%;
  max-width:180px;
  padding:9px;
}
.company-document-card h3{
  margin:0 0 7px;
  font-size:10px;
  line-height:1.35;
}
.company-document-thumb{
  width:100%;
  aspect-ratio:4/3;
  border-radius:9px;
  background:#f3f6f8;
}
.company-document-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#fff;
}
.company-document-watermark{
  padding:5px 4px;
  font-size:6.5px;
  line-height:1.2;
}
.company-document-view-label{
  right:5px;
  top:5px;
  padding:3px 5px;
  font-size:7px;
}
.company-member-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.company-country-field select{
  width:100%;
}
.company-country-field small strong{
  color:#0b8f68;
}
.company-description-limit{
  display:flex;
  align-items:center;
  gap:4px;
  justify-content:flex-end;
}
.company-description-limit strong{
  color:#0b8f68;
}
@media(max-width:760px){
  .company-document-grid,
  .company-document-grid-compact,
  .business-license-grid{
    grid-template-columns:repeat(2,minmax(0,180px));
  }
  .company-member-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:440px){
  .company-document-grid,
  .company-document-grid-compact,
  .business-license-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .company-document-card{
    max-width:none;
  }
  .company-member-grid{
    grid-template-columns:1fr;
  }
}


/* Recommended company detail links */
.recommendation-company-link{
  color:inherit;
  text-decoration:none;
}
.recommendation-company-name{
  display:inline-block;
  max-width:100%;
}
.recommendation-company-name:hover strong{
  color:#0b8f68;
}
.recommendation-company .company-avatar.recommendation-company-link:hover{
  border-color:#8bbfae;
  box-shadow:0 0 0 3px rgba(11,143,104,.08);
}


/* V0.36 platform notices and reports */
.platform-notice-list{display:grid;gap:9px}
.platform-notice-item{padding:12px;border:1px solid #e1e8ee;border-radius:11px;background:#fff}
.platform-notice-item strong{display:block;color:#172b3d;font-size:12px}
.platform-notice-item p{margin:5px 0 0;color:#536476;font-size:10px;line-height:1.65}
.platform-notice-item small{display:block;margin-top:7px;color:#8a96a6;font-size:9px}
.feed-report-link{margin-left:10px;color:#8c5b55;font-size:10px;font-weight:750;text-decoration:none}
.feed-report-link:hover{text-decoration:underline}
.report-page{max-width:850px}
.report-card{padding:24px}
.report-card h1{margin:6px 0}
.report-target-preview{margin:16px 0;padding:13px;border-radius:11px;background:#f5f8fa}
.report-target-preview p{margin:6px 0 0;color:#607085;line-height:1.6}
.report-form{display:grid;gap:12px}
.report-form label{display:grid;gap:6px;font-size:11px;font-weight:800}
.report-form select,.report-form textarea{width:100%;padding:10px;border:1px solid #d6e0e8;border-radius:9px;font:inherit}
.report-form textarea{min-height:110px;resize:vertical}

.type-pill-pinned{background:#fff6dc!important;color:#8a5a00!important;border:1px solid #f1d48b!important}


/* V0.36 platform notices collapsible/read state */
.platform-notice-head-status{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border-radius:999px;
  background:#fff4e6;
  color:#9a5a00;
  font-size:9px;
  font-weight:850;
}
.platform-notice-head-status strong{
  font-size:11px;
}
.platform-notice-list{
  display:grid;
  gap:8px;
}
.platform-notice-item{
  padding:0;
  overflow:hidden;
  border:1px solid #e1e8ee;
  border-radius:11px;
  background:#fff;
}
.platform-notice-item.unread{
  border-color:#f0b968;
  box-shadow:inset 3px 0 0 #d98b1f;
  background:#fffaf3;
}
.platform-notice-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 12px;
  cursor:pointer;
  list-style:none;
}
.platform-notice-summary::-webkit-details-marker{display:none}
.platform-notice-summary-main{min-width:0}
.platform-notice-summary-main strong{
  display:block;
  color:#172b3d;
  font-size:11px;
  line-height:1.4;
}
.platform-notice-summary-main span{
  display:block;
  margin-top:3px;
  color:#8a96a6;
  font-size:9px;
}
.platform-notice-read-state{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.platform-notice-state{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  padding:3px 7px;
  border-radius:999px;
  font-size:9px;
  font-weight:850;
}
.platform-notice-item.unread .unread-state{
  background:#fff0d8;
  color:#a45c00;
}
.platform-notice-item.unread .read-state{display:none}
.platform-notice-item.read .unread-state{display:none}
.platform-notice-item.read .read-state{
  background:#eaf6f0;
  color:#08745a;
}
.platform-notice-chevron{
  color:#718096;
  font-size:14px;
  transition:transform .16s ease;
}
.platform-notice-item[open] .platform-notice-chevron{
  transform:rotate(180deg);
}
.platform-notice-content{
  padding:0 12px 12px;
  border-top:1px solid #edf1f4;
}
.platform-notice-content p{
  margin:10px 0 0;
  color:#536476;
  font-size:10px;
  line-height:1.65;
}
.platform-notice-content small{
  display:block;
  margin-top:7px;
  color:#8a96a6;
  font-size:9px;
}
@media(max-width:620px){
  .platform-notice-summary{
    align-items:flex-start;
  }
  .platform-notice-read-state{
    margin-top:1px;
  }
}


/* Product detail interactive gallery */
.product-detail-main-stage{
  position:relative;
  --product-zoom-x:50%;
  --product-zoom-y:50%;
}
.product-detail-main-stage>img{
  transform-origin:var(--product-zoom-x) var(--product-zoom-y);
  transition:transform .16s ease;
  will-change:transform;
}
@media(hover:hover) and (pointer:fine){
  .product-detail-main-stage{
    cursor:zoom-in;
  }
  .product-detail-main-stage.is-zoomed>img{
    transform:scale(2.15);
  }
}
.product-mobile-image-open{
  position:absolute;
  inset:0;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  cursor:zoom-in;
}
@media(hover:hover) and (pointer:fine){
  .product-mobile-image-open{display:none}
}
.product-detail-gallery{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  margin-top:9px;
}
.product-detail-thumb{
  position:relative;
  aspect-ratio:1/1;
  padding:0;
  border:1px solid #e0e7ed;
  border-radius:8px;
  overflow:hidden;
  background:#f3f6f8;
  cursor:pointer;
}
.product-detail-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.product-detail-thumb.active{
  border-color:#174a72;
  box-shadow:0 0 0 2px rgba(23,74,114,.13);
}
.product-image-viewer[hidden]{display:none!important}
.product-image-viewer{
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
}
.product-image-viewer-backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,18,28,.92);
}
.product-image-viewer-dialog{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.product-image-viewer-close{
  position:absolute;
  z-index:4;
  top:max(16px,env(safe-area-inset-top));
  right:16px;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#172b3d;
  font-size:30px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 26px rgba(0,0,0,.24);
}
.product-image-viewer-canvas{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
.product-image-viewer-canvas img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  transform-origin:center center;
  will-change:transform;
  user-select:none;
  -webkit-user-drag:none;
}
.product-image-viewer-help{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:max(22px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:#31465a;
  font-size:10px;
  white-space:nowrap;
}
html.product-viewer-open,
html.product-viewer-open body{
  overflow:hidden;
}
.product-message-source .message-product-context-label{
  display:block;
  margin:4px 0 0;
  color:#0b806b;
  font-size:10px;
  font-weight:850;
}

@media(max-width:620px){
  .product-detail-gallery{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .product-detail-thumb{
    border-radius:9px;
  }
  .product-mobile-image-open{
    display:block;
  }
}


/* Standardized profile phone and WhatsApp */
.profile-phone-input{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:stretch;
}
.profile-dial-prefix{
  min-width:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid #d7e0e8;
  border-right:0;
  border-radius:9px 0 0 9px;
  background:#f4f7f9;
  color:#183a56;
  font-weight:850;
}
.profile-phone-input .input{
  border-radius:0 9px 9px 0;
}
.profile-contact-public a{
  color:inherit;
  text-decoration:none;
}
.profile-contact-public a:hover{
  text-decoration:underline;
}


/* Publication image popup viewer */
.publication-image-open{
  display:block;
  width:100%;
  padding:0;
  margin:0;
  appearance:none;
  cursor:zoom-in;
  text-align:inherit;
}
.publication-image-open img{
  pointer-events:none;
}
.publication-image-viewer[hidden]{
  display:none!important;
}
.publication-image-viewer{
  position:fixed;
  inset:0;
  z-index:10060;
  display:grid;
  place-items:center;
}
.publication-image-viewer-backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,18,28,.92);
}
.publication-image-viewer-dialog{
  position:relative;
  z-index:1;
  width:min(94vw,1400px);
  height:min(94vh,1000px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.publication-image-viewer-canvas{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.publication-image-viewer-canvas img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}
.publication-image-viewer-close{
  position:fixed;
  z-index:3;
  top:max(16px,env(safe-area-inset-top));
  right:16px;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#172b3d;
  font-size:31px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 28px rgba(0,0,0,.28);
}
html.publication-image-viewer-open,
html.publication-image-viewer-open body{
  overflow:hidden;
}


/* Standardized company country selector */
.company-country-standardized input[readonly]{
  background:#f3f6f8;
  color:#536476;
  cursor:not-allowed;
}
.company-country-standardized small{
  display:block;
  margin-top:5px;
  color:#758396;
  font-size:9px;
  line-height:1.45;
}


/* Clickable publication category pills */
a.type-pill-link{
  text-decoration:none;
  cursor:pointer;
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;
}
a.type-pill-link:hover{
  transform:translateY(-1px);
  filter:brightness(.97);
  box-shadow:0 2px 7px rgba(16,42,67,.10);
}
a.type-pill-link:active{
  transform:scale(.97);
}
.repost-source-category{
  margin:0 0 7px;
}
.repost-source-category .type-pill{
  margin:0;
}
a.publication-type-link{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
a.publication-type-link:hover{
  text-decoration:underline;
  text-underline-offset:2px;
}

/* Company homepage country row alignment */
.company-country-homepage-row{
  grid-template-columns:110px minmax(0,1fr);
  align-items:start;
}
.company-country-homepage-row>label{
  display:grid;
  grid-template-rows:auto 42px auto;
  align-items:start;
  gap:5px;
  min-width:0;
}
.company-country-homepage-row>label>input{
  height:42px;
  min-height:42px;
  box-sizing:border-box;
}
@media(max-width:620px){
  .company-country-homepage-row{
    grid-template-columns:88px minmax(0,1fr);
  }
}


/* Advertising creative upload previews */
.advertise-creative-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.72fr);
  gap:12px;
}
.advertise-creative-upload{
  display:grid;
  gap:7px;
}
.advertise-creative-preview{
  position:relative;
  overflow:hidden;
  border:1px solid #dbe4ea;
  border-radius:11px;
  background:#eef3f6;
}
.advertise-creative-preview>span{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#8391a1;
  font-size:11px;
  pointer-events:none;
}
.advertise-creative-preview img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
}
.advertise-hero-preview{
  height:132px;
}
.advertise-hero-preview img{
  object-fit:cover;
  object-position:center;
}
.advertise-logo-preview{
  width:132px;
  height:132px;
  justify-self:start;
}
.advertise-logo-preview img{
  object-fit:contain;
  object-position:center;
  padding:10px;
  box-sizing:border-box;
  background:#fff;
}
@media(max-width:620px){
  .advertise-creative-grid{grid-template-columns:1fr}
  .advertise-hero-preview{height:150px}
}

/* Sponsored frontend media dimensions are fixed regardless of uploaded source size. */
.hero-grid>.hero-ad-card .sponsored-company-media{
  height:190px;
  min-height:190px;
  max-height:190px;
}
.hero-grid>.hero-ad-card .sponsored-company-media>img{
  width:100%;
  height:190px;
  min-height:190px;
  max-height:190px;
  object-fit:cover;
  object-position:center;
}
.hero-grid>.hero-ad-card .sponsored-company-logo{
  width:58px;
  min-width:58px;
  max-width:58px;
  height:58px;
  min-height:58px;
  max-height:58px;
  object-fit:contain;
  object-position:center;
}
@media(max-width:900px){
  .hero-grid>.hero-ad-card .sponsored-company-media,
  .hero-grid>.hero-ad-card .sponsored-company-media>img{
    height:260px;
    min-height:260px;
    max-height:260px;
  }
}
@media(max-width:600px){
  .hero-grid>.hero-ad-card .sponsored-company-media,
  .hero-grid>.hero-ad-card .sponsored-company-media>img{
    height:210px;
    min-height:210px;
    max-height:210px;
  }
}


/* Account dashboard grouped two-column layout */
.account-dashboard-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
  margin-top:18px;
}
.account-dashboard-column{
  min-width:0;
  display:grid;
  gap:16px;
  align-content:start;
}
.account-dashboard-group-head{
  padding:4px 4px 2px;
}
.account-dashboard-group-head h2{
  margin:3px 0 4px;
  font-size:20px;
  line-height:1.25;
  color:#15293b;
}
.account-dashboard-group-head p{
  margin:0;
  color:#708095;
  font-size:12px;
  line-height:1.55;
}
.account-dashboard-column>.account-next-card,
.account-dashboard-column>.account-publication-card,
.account-dashboard-column>details.account-publication-card{
  margin:0;
}
.account-dashboard-column .account-profile-cta{
  min-height:0;
}
.account-dashboard-column .account-publication-card{
  min-width:0;
}
@media(max-width:980px){
  .account-dashboard-columns{
    grid-template-columns:1fr;
  }
  .account-dashboard-column-activity{
    margin-top:2px;
  }
}


/* Public profile publication browser */
.profile-publications-section{
  margin-top:18px;
  padding:20px;
  border:1px solid #e0e6ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(16,42,67,.04);
}
.profile-publications-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.profile-publications-head h2{
  margin:4px 0 6px;
  font-size:20px;
}
.profile-publications-head p{
  margin:0;
  color:#667085;
  font-size:11px;
  line-height:1.65;
}
.profile-publications-head>strong{
  white-space:nowrap;
  font-size:11px;
  color:#667085;
}
.profile-publication-tabs{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:16px;
  padding-bottom:14px;
  border-bottom:1px solid #e7ecf1;
}
.profile-publication-tabs a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 10px;
  border:1px solid #dce4eb;
  border-radius:9px;
  background:#fff;
  color:#405166;
  text-decoration:none;
  font-size:10px;
  font-weight:750;
}
.profile-publication-tabs a strong{
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#eef3f7;
  color:#637286;
  font-size:9px;
}
.profile-publication-tabs a.active{
  border-color:#0d755e;
  background:#eef8f5;
  color:#0d755e;
}
.profile-publication-tabs a.active strong{
  background:#d9f0e9;
  color:#0d755e;
}
.profile-publication-feed{
  display:grid;
  gap:14px;
  margin-top:16px;
}
.profile-publication-card{
  margin:0;
}
.profile-publications-empty{
  padding:34px 16px;
  text-align:center;
  color:#8391a1;
  font-size:11px;
}
.profile-publication-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:18px;
}
.profile-publication-pagination span{
  color:#667085;
  font-size:10px;
}
@media(max-width:620px){
  .profile-publications-section{padding:14px}
  .profile-publications-head{display:block}
  .profile-publications-head>strong{display:block;margin-top:8px}
  .profile-publication-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .profile-publication-tabs a{justify-content:space-between}
}


/* ==========================================================
   Quora-scale readable typography
   Approximate reading scale: body 15–16px, generous line-height.
   Keep the existing Textile Alliance font family/design language.
   ========================================================== */
:root{
  --ta-font-body:16px;
  --ta-font-card:15px;
  --ta-font-ui:14px;
  --ta-font-meta:13px;
  --ta-line-body:1.7;
  --ta-line-ui:1.5;
}

body{
  font-size:var(--ta-font-body);
  line-height:var(--ta-line-body);
}

/* Navigation / buttons / compact UI */
.links{
  font-size:15px;
}
.btn,
.select,
.chip,
button,
input[type="button"],
input[type="submit"],
input[type="reset"]{
  font-size:14px;
}
.mobile-nav-links a,
.mobile-nav-account a{
  font-size:14px;
  line-height:1.4;
}

/* Inputs: readable on desktop and prevent mobile browser auto-zoom. */
input,
select,
textarea,
.input{
  font-size:15px;
  line-height:1.45;
}

/* General reading text */
main p,
.page-card p,
.lead,
.feed-item p,
.profile-about,
.product-detail-info>p,
.company-profile-description{
  font-size:16px;
  line-height:1.7;
}

/* Feed / publication reading hierarchy */
.feed-item h3{
  font-size:18px;
  line-height:1.45;
}
.post-author-name{
  font-size:15px;
}
.post-author-company,
.inline-comment-company,
.private-message-company,
.recommendation-company-line,
.repost-original-company{
  font-size:13px;
}
.post-author-member,
.publication-author-meta,
.publication-feed-meta,
.feed-report-link{
  font-size:13px;
}
.type-pill,
.publication-type,
.publication-status,
.product-status-pill,
.verified-company-badge{
  font-size:13px;
  line-height:1.3;
}

/* Global secondary/help text should remain readable. */
small,
.field-help,
.account-form label>span,
.profile-file-field>span,
.profile-form-grid label>span,
.profile-block-field>span,
.profile-contact-row label>span,
.company-identity-form>label>span,
.company-form-pair span,
.company-identity-form small,
.company-homepage-fields label>span,
.company-homepage-fields small,
.company-homepage-logo-editor label>span,
.company-homepage-logo-editor small,
.company-document-upload-form label>span,
.company-document-upload-form small,
.company-main-products span,
.company-catalog-meta,
.company-directory-meta,
.company-contact-grid span,
.company-document-section .section-head>div>p,
.product-layout-rule,
.product-breadcrumb a,
.product-code,
.product-company-box span,
.product-company-box a,
.product-manage-stat span,
.company-notification-main>small,
.company-notification-reason span,
.platform-notice-item small{
  font-size:13px!important;
  line-height:1.5;
}

/* Common card/body descriptions */
.account-auth-intro p,
.account-profile-head p,
.account-status-card p,
.account-next-card p,
.account-publication-head p,
.profile-section-title p,
.profile-headline,
.profile-meta-line,
.profile-timeline-item span,
.profile-timeline-item small,
.profile-timeline-item p,
.profile-language-list span,
.company-identity-form-card>p,
.company-directory-name p,
.company-profile-title-row p,
.company-homepage-management-head p,
.company-homepage-documents-note,
.company-homepage-member-note p,
.company-notification-main>p,
.company-notification-reason p,
.platform-notice-item p,
.product-thumb-body p,
.demo-product-notice{
  font-size:14px!important;
  line-height:1.6;
}

/* Form labels and account/profile UI */
.account-info-card>span,
.account-info-card>small,
.profile-save-bar span,
.report-form label,
.company-appeal-form label span{
  font-size:13px!important;
}
.account-info-card>strong,
.profile-timeline-item strong,
.profile-language-list strong,
.company-main-products strong,
.product-company-box strong,
.company-document-upload-form>strong,
.company-document-manage-list strong{
  font-size:15px;
}

/* Company and product catalogue */
.company-catalog-head h2,
.company-directory-name h2{
  font-size:18px;
}
.company-category-body h3{
  font-size:16px;
}
.company-category-body span{
  font-size:13px;
}
.product-thumb-body>span{
  font-size:13px;
}
.product-thumb-body h2{
  font-size:16px;
  line-height:1.4;
}
.product-thumb-body p{
  font-size:14px!important;
}
.company-contact-grid a{
  font-size:14px;
}
.company-document-card h3{
  font-size:14px;
}
.company-document-watermark,
.company-document-view-label{
  font-size:12px;
}
.company-document-manage-list span,
.company-document-manage-list small{
  font-size:13px;
}

/* Notifications and messages */
.company-notification-main strong,
.platform-notice-item strong{
  font-size:15px;
}
.company-notification-reason p,
.platform-notice-item p{
  font-size:14px!important;
}
.private-message-list,
.private-message-thread,
.inline-comments{
  font-size:15px;
}

/* Sponsored card */
.sponsored-company-type,
.sponsored-company-products strong,
.sponsored-company-products p,
.sponsored-company-contact a,
.sponsored-company-note{
  font-size:13px;
}
.sponsored-company-name{
  font-size:17px;
}

/* Account dashboard */
.account-eyebrow{
  font-size:13px;
}
.account-publication-head h2{
  font-size:19px;
}
.publication-history-main p{
  font-size:15px;
}
.publication-history-main small{
  font-size:13px;
}

/* Mobile: keep the reading size generous rather than shrinking it. */
@media(max-width:650px){
  body{
    font-size:16px;
    line-height:1.65;
  }

  input,
  select,
  textarea,
  .input{
    font-size:16px!important;
  }

  .links,
  .mobile-nav-links a,
  .mobile-nav-account a{
    font-size:14px;
  }

  main p,
  .feed-item p,
  .profile-about,
  .product-detail-info>p,
  .company-profile-description{
    font-size:15px;
    line-height:1.65;
  }

  .feed-item h3{
    font-size:18px;
    line-height:1.4;
  }

  .post-author-name{
    font-size:15px;
  }

  .post-author-company,
  .inline-comment-company,
  .private-message-company,
  .recommendation-company-line,
  .repost-original-company,
  .post-author-member,
  .publication-author-meta,
  .publication-feed-meta,
  .type-pill,
  .publication-type,
  .publication-status,
  .product-status-pill,
  .verified-company-badge{
    font-size:13px!important;
  }

  .company-product-title-row h1,
  .company-profile-title-row h1{
    font-size:22px;
    line-height:1.25;
  }

  .company-category-body h3{
    font-size:16px!important;
  }

  .product-thumb-body h2{
    font-size:16px!important;
  }

  .product-thumb-body p{
    font-size:14px!important;
  }

  .product-layout-rule{
    font-size:13px!important;
  }
}


/* Weekly Digest subscription UI */
.account-weekly-digest-optin>span{
  display:grid;
  gap:3px;
}
.account-weekly-digest-optin small{
  display:block;
  font-weight:500;
  color:#6f7f8f;
  line-height:1.5;
}
.weekly-digest-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 9px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
}
.weekly-digest-status.enabled{
  background:#e9f7f0;
  color:#08745a;
}
.weekly-digest-status.disabled{
  background:#f1f4f6;
  color:#687789;
}
.weekly-digest-preference-form{
  display:grid;
  gap:12px;
}
.weekly-digest-toggle-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px;
  border:1px solid #dbe4ea;
  border-radius:10px;
  background:#fbfdfe;
}
.weekly-digest-toggle-row input{
  width:18px;
  height:18px;
  margin-top:2px;
}
.weekly-digest-toggle-row span{
  display:grid;
  gap:3px;
}
.weekly-digest-toggle-row small{
  color:#6f7f8f;
  font-size:13px;
  line-height:1.5;
}
.weekly-digest-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  color:#6f7f8f;
  font-size:13px;
}
.weekly-digest-meta strong{
  color:#34485b;
}
/* V0.43 search, conversation and owner controls */
.search-result-group{margin-top:28px}.search-result-group h2 span{font-size:.8em;color:#64748b}
.search-result-card{padding:18px;margin:10px 0}.search-result-card p{margin:.5rem 0 0;color:#475569}
.conversation-list{display:grid;gap:10px;margin:18px 0}.conversation-summary{display:block;padding:14px 16px;border:1px solid #dbe5ef;border-radius:12px;text-decoration:none;color:inherit;background:#fff}.conversation-summary p{margin:6px 0;color:#475569}.conversation-summary span,.conversation-summary small{display:block;font-size:13px;color:#64748b}
.conversation-thread{display:flex;flex-direction:column;gap:12px;margin:22px 0}.conversation-message{max-width:78%;padding:12px 14px;border-radius:14px;background:#eef4f8}.conversation-message.is-mine{align-self:flex-end;background:#dcecff}.conversation-message.is-theirs{align-self:flex-start}.conversation-message img{max-width:260px;border-radius:8px}.conversation-message small{display:block;margin-top:6px;color:#64748b}.publication-owner-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:10px;font-size:14px}.publication-owner-actions form{margin:0}.publication-owner-actions button{border:0;background:none;color:#b42318;cursor:pointer;padding:0}.publication-owner-actions a{color:#315b7d}
[dir="rtl"] .publication-owner-actions{justify-content:flex-start}[dir="rtl"] input[type="email"],[dir="rtl"] input[type="url"],[dir="rtl"] input[type="tel"],[dir="rtl"] .product-code{direction:ltr;text-align:left}
@media(max-width:680px){.conversation-message{max-width:92%}.conversation-page input,.conversation-page textarea,.search input{font-size:16px}}

/* Homepage Sponsored card: desktop alignment only. The ad itself is normal-flow, never sticky. */
@media(min-width:901px){
  .hero-grid{
    grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);
    gap:24px;
    align-items:start;
  }
  .hero-ad-stack{
    position:static;
    top:auto;
    align-self:start;
    width:100%;
  }
}

/* Pending Account follower fold below Sponsored applications. */
.account-followers-card{overflow:hidden}.account-followers-card>.account-fold-summary{cursor:pointer;list-style:none}.account-followers-card>.account-fold-summary::-webkit-details-marker{display:none}.account-follower-list{display:grid;gap:8px}.account-follower-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px;border:1px solid #e1e8ee;border-radius:12px;color:inherit;text-decoration:none}.account-follower-row:hover{border-color:#bdd0df;background:#f8fbfd}.account-follower-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#eef4f8;color:#315a7d;font-weight:900}.account-follower-avatar img{width:100%;height:100%;object-fit:cover}.account-follower-main strong,.account-follower-main small,.account-follower-date small{display:block}.account-follower-main small,.account-follower-date{font-size:12px;color:#748196}.account-follower-date{text-align:right}.account-followers-card[open] .account-fold-chevron{transform:rotate(180deg)}@media(max-width:620px){.account-follower-row{grid-template-columns:38px minmax(0,1fr)}.account-follower-avatar{width:38px;height:38px}.account-follower-date{grid-column:2;text-align:left}}

/* Account content order and embedded WhatsApp-style conversations. */
.account-dashboard-column-activity{display:flex;flex-direction:column}.account-dashboard-column-activity>.account-dashboard-group-head{order:0}.account-dashboard-column-activity>.account-chat-card{order:1}.account-dashboard-column-activity>.account-history-card{order:2}.account-dashboard-column-activity>.account-saved-card{order:3}.account-dashboard-column-activity>.account-email-subscription-card{order:4}
.account-chat-shell{display:grid;grid-template-columns:minmax(150px,34%) minmax(0,1fr);height:520px;border:1px solid #dbe5ed;border-radius:14px;overflow:hidden;background:#f3f7f9}.account-chat-contacts{overflow-y:auto;background:#fff;border-right:1px solid #dbe5ed;scrollbar-width:thin}.account-chat-contact{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 9px;border-bottom:1px solid #edf1f4;color:inherit;text-decoration:none}.account-chat-contact:hover,.account-chat-contact.is-active{background:#e9f4f1}.account-chat-contact-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#e5edf3;color:#254f70;font-weight:900}.account-chat-contact-avatar img{width:100%;height:100%;object-fit:cover}.account-chat-contact-copy{min-width:0}.account-chat-contact-copy strong,.account-chat-contact-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chat-contact-copy strong{font-size:13px}.account-chat-contact-copy small{margin-top:3px;font-size:11px;color:#758397}.account-chat-contact>b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#0b8f68;color:#fff;font-size:10px}.account-chat-panel{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#efeae2}.account-chat-panel-head{display:flex;flex-direction:column;padding:11px 14px;background:#f7fafb;border-bottom:1px solid #dbe5ed}.account-chat-panel-head small{margin-top:2px;color:#748196}.account-chat-thread{overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}.account-chat-bubble-row{display:flex}.account-chat-bubble-row.is-mine{justify-content:flex-end}.account-chat-bubble{position:relative;max-width:82%;padding:8px 10px;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(20,35,50,.08)}.account-chat-bubble-row.is-mine .account-chat-bubble{background:#d9fdd3}.account-chat-bubble p{margin:0 0 4px;line-height:1.5;font-size:13px}.account-chat-bubble>small{display:block;text-align:right;color:#718095;font-size:9px}.account-chat-bubble form{text-align:right;margin-top:3px}.account-chat-bubble form button{border:0;background:none;padding:0;color:#9b3a32;font-size:9px;cursor:pointer}.account-chat-image{display:block;margin:5px 0}.account-chat-image img{display:block;max-width:220px;max-height:180px;border-radius:7px;object-fit:cover}.account-chat-file{display:block;margin:5px 0;color:#245b7d;font-size:11px;font-weight:750}.account-chat-compose{padding:10px;background:#f7fafb;border-top:1px solid #dbe5ed}.account-chat-compose textarea{width:100%;min-height:58px;max-height:110px;resize:vertical;border:1px solid #cedae3;border-radius:12px;padding:10px;font:inherit}.account-chat-compose-actions{display:flex;align-items:center;gap:8px;margin-top:7px}.account-chat-compose-actions label{font-size:11px;color:#315a7d;font-weight:750;cursor:pointer}.account-chat-compose-actions label input{position:absolute;opacity:0;pointer-events:none}.account-chat-compose-actions .btn{margin-left:auto;height:34px}
@media(max-width:980px){.account-dashboard-columns{display:flex;flex-direction:column}.account-dashboard-column{display:contents}.account-dashboard-column-activity>.account-dashboard-group-head{order:0}.account-chat-card{order:1}.account-history-card{order:2}.account-saved-card{order:3}.account-followers-card{order:4}.account-dashboard-column-identity>.account-dashboard-group-head{order:10}.account-dashboard-column-identity>.account-next-card:not(.product-upload-account-card){order:11}.account-dashboard-column-identity>.company-system-notifications{order:12}.account-dashboard-column-identity>.product-upload-account-card{order:13}.account-dashboard-column-identity>.account-ad-applications-card{order:14}.account-dashboard-column-activity>.account-email-subscription-card{order:20}.platform-management-notifications{order:21}}
@media(max-width:620px){.account-chat-shell{display:flex;flex-direction:column;height:600px}.account-chat-contacts{display:flex;flex:0 0 auto;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid #dbe5ed;scroll-snap-type:x proximity}.account-chat-contact{flex:0 0 128px;grid-template-columns:34px minmax(0,1fr);scroll-snap-align:start}.account-chat-contact-avatar{width:34px;height:34px}.account-chat-contact>b{position:absolute;margin-left:26px;margin-top:-27px}.account-chat-contact-copy small{max-width:74px}.account-chat-panel{flex:1;min-height:0}.account-chat-bubble{max-width:88%}.account-chat-compose-actions{flex-wrap:wrap}.account-chat-compose-actions .btn{margin-left:auto}}

/* V0.44 private-message quote replies */
.account-chat-quote{margin:0 0 6px;padding:6px 8px;border-left:3px solid #8aa0ad;border-radius:6px;background:rgba(255,255,255,.55);font-size:11px;line-height:1.35}.account-chat-quote strong,.account-chat-quote span{display:block}.account-chat-quote span{margin-top:2px;color:#62717e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-chat-bubble-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:3px}.account-chat-bubble-actions form{margin:0}.account-chat-reply-btn{border:0;background:none;padding:0;color:#356b83;font-size:9px;cursor:pointer}.account-chat-reply-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;padding:7px 9px;border-left:3px solid #2f8f71;border-radius:7px;background:#eef6f3}.account-chat-reply-preview[hidden]{display:none}.account-chat-reply-preview>div{min-width:0}.account-chat-reply-preview strong,.account-chat-reply-preview span{display:block}.account-chat-reply-preview strong{font-size:11px}.account-chat-reply-preview span{margin-top:2px;color:#657480;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-chat-reply-preview>button{flex:0 0 auto;border:0;background:none;font-size:18px;line-height:1;cursor:pointer;color:#657480}

/* V0.44 non-blocking localized UI notices */
.ta-ui-notice-stack{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:9999;width:min(92vw,520px);display:grid;gap:8px;pointer-events:none}
.ta-ui-notice{opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease;padding:11px 14px;border-radius:11px;box-shadow:0 8px 28px rgba(18,39,59,.16);font-size:13px;line-height:1.45;background:#fff;color:#26384a;border:1px solid #dce5ec}
.ta-ui-notice.error{border-color:#efcaca;background:#fff8f8;color:#8b2f2f}
.ta-ui-notice.success{border-color:#cce6d5;background:#f7fff9;color:#23633b}
.ta-ui-notice.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:760px){.ta-ui-notice-stack{top:64px;width:calc(100vw - 24px)}.ta-ui-notice{font-size:12px}}

/* V0.44 homepage: Sponsored sits beside the Hero and is separate from the support/recommendation rail.
   The ad and the lower right-rail cards use normal document flow: no sticky/floating behaviour. */
.hero{padding:42px 0 20px}
.home-hero-ad{position:static!important;top:auto!important;align-self:start;width:100%;min-width:0}
.home-hero-ad>.hero-ad-card{width:100%;margin:0}
.layout>.side-stack{position:static!important;top:auto!important;align-self:start;max-height:none!important;overflow:visible!important}
@media(min-width:901px){
  .hero-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);gap:24px;align-items:start}
}
@media(max-width:900px){
  .hero{padding:32px 0 14px}
  .hero-grid{grid-template-columns:1fr;gap:18px}
  .home-hero-ad{margin-top:2px}
}
@media(max-width:620px){.hero{padding:24px 0 10px}.hero-grid{gap:14px}}

/* V0.44 product management CTA placement + historic message-video display only. */
.product-upload-account-card{display:flex!important;flex-direction:column;align-items:stretch!important}
.product-upload-account-card .account-profile-cta-actions{justify-content:flex-end;width:100%;margin-top:12px}
.product-upload-account-card .account-profile-cta-actions .btn{display:inline-flex;white-space:normal;text-align:center}
.account-chat-historic-video{margin:6px 0;max-width:280px}.account-chat-historic-video video{display:block;width:100%;max-height:220px;border-radius:8px;background:#111}
@media(max-width:620px){.product-upload-account-card .account-profile-cta-actions{display:block}.product-upload-account-card .account-profile-cta-actions .btn{width:100%;justify-content:center}}


/* V0.44 Arabic/mixed-script technical data handling. */
.technical-ltr{direction:ltr;unicode-bidi:isolate;text-align:left;display:inline-block}
.technical-plaintext{unicode-bidi:plaintext;text-align:start}
[dir="rtl"] .technical-input,
[dir="rtl"] input[name="product_code"],
[dir="rtl"] input[name="item_no"],
[dir="rtl"] input[name="weight_value"],
[dir="rtl"] input[name="specification"]{direction:ltr;unicode-bidi:isolate;text-align:left}
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] .product-code,
[dir="rtl"] .technical-ltr{direction:ltr;unicode-bidi:isolate;text-align:left}

/* V0.44 account refinement: asymmetric two-zone dashboard + WeChat-style messaging */
@media(min-width:981px){
  .account-dashboard-columns{
    grid-template-columns:minmax(300px,.72fr) minmax(560px,1.35fr);
    gap:20px;
  }
}

/* Followers: profile-forward cards with avatar and owner-only removal. */
.account-followers-card .account-fold-content{padding-top:2px}
.account-follower-list{display:grid;gap:10px}
.account-follower-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:12px 13px;
  border:1px solid #e1e7ed;
  border-radius:15px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);
  box-shadow:0 5px 16px rgba(20,40,60,.035);
  transition:border-color .18s ease,box-shadow .18s ease,transform .16s ease;
}
.account-follower-row:hover{
  transform:translateY(-1px);
  border-color:#c7d6e1;
  box-shadow:0 9px 22px rgba(20,40,60,.07);
}
.account-follower-profile{
  min-width:0;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  align-items:center;
  gap:12px;
  color:inherit;
  text-decoration:none;
}
.account-follower-avatar{
  width:50px;
  height:50px;
  border-radius:14px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#eaf1f6;
  color:#214e72;
  font-size:15px;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(22,60,100,.06);
}
.account-follower-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.account-follower-main{min-width:0}
.account-follower-main strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#172432;
  font-size:13px;
  line-height:1.35;
}
.account-follower-main small{
  display:block;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#788697;
  font-size:10px;
  line-height:1.4;
}
.account-follower-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.account-follower-date{
  min-width:82px;
  color:#8a97a7;
  font-size:9px;
  line-height:1.35;
  text-align:right;
}
.account-follower-date small{display:block;margin-top:2px;color:#617185;font-size:10px}
.account-follower-remove-form{margin:0}
.account-follower-remove{
  min-width:62px;
  height:32px;
  padding:0 11px;
  border:1px solid #e5c9c7;
  border-radius:9px;
  background:#fff;
  color:#a13c36;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.account-follower-remove:hover{background:#fff5f4;border-color:#dca8a4;transform:translateY(-1px)}
.account-follower-remove:focus-visible{outline:2px solid rgba(161,60,54,.2);outline-offset:2px}

/* Messaging card */
.account-chat-card{overflow:hidden}
.account-chat-card-head{margin-bottom:13px}
.account-chat-shell{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  height:680px;
  min-height:600px;
  overflow:hidden;
  border:1px solid #d7dde3;
  border-radius:17px;
  background:#ededed;
  box-shadow:0 8px 28px rgba(22,40,58,.07);
}
.account-chat-sidebar{
  min-width:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  background:#f7f8fa;
  border-right:1px solid #d9dee3;
}
.account-chat-sidebar-head{
  min-height:55px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 14px;
  border-bottom:1px solid #e0e4e8;
  background:#fafbfc;
}
.account-chat-sidebar-head strong{font-size:13px;color:#1b2733}
.account-chat-sidebar-head span{
  min-width:24px;
  height:24px;
  padding:0 7px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#e9eef2;
  color:#617080;
  font-size:9px;
  font-weight:850;
}
.account-chat-contacts{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  background:#f7f8fa;
  border:0;
  scrollbar-width:thin;
  scrollbar-color:#cbd3da transparent;
}
.account-chat-contact{
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:72px;
  padding:10px 11px;
  border:0;
  border-bottom:1px solid #e8ebee;
  color:inherit;
  text-decoration:none;
  transition:background .15s ease;
}
.account-chat-contact:hover{background:#f0f2f4}
.account-chat-contact.is-active{background:#e6e9ec}
.account-chat-contact-avatar{
  width:48px;
  height:48px;
  border-radius:12px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#dfe8ee;
  color:#234d6e;
  font-size:14px;
  font-weight:900;
}
.account-chat-contact-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.account-chat-contact-copy{min-width:0}
.account-chat-contact-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.account-chat-contact-line strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#18232e;font-size:13px;font-weight:750}
.account-chat-contact-line time{flex:0 0 auto;color:#a0a7ae;font-size:9px;font-weight:600}
.account-chat-contact-copy small{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a939c;font-size:10px;line-height:1.35}
.account-chat-contact>b{
  position:absolute;
  top:8px;
  left:48px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#f04438;
  color:#fff;
  font-size:9px;
  box-shadow:0 0 0 2px #f7f8fa;
}
.account-chat-panel{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:64px minmax(0,1fr) auto;
  background:#ededed;
}
.account-chat-panel-head{
  min-width:0;
  display:flex;
  align-items:center;
  padding:0 18px;
  border-bottom:1px solid #d8dde2;
  background:rgba(248,249,250,.96);
}
.account-chat-panel-person{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  color:inherit;
  text-decoration:none;
}
.account-chat-panel-avatar{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:10px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#e0e8ee;
  color:#214d6f;
  font-size:12px;
  font-weight:900;
}
.account-chat-panel-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.account-chat-panel-person>span:last-child{min-width:0}
.account-chat-panel-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#17212b;font-size:14px}
.account-chat-panel-person small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7e8995;font-size:9px}
.account-chat-thread{
  min-height:0;
  overflow-y:auto;
  padding:18px 20px 22px;
  display:flex;
  flex-direction:column;
  gap:13px;
  background:#ededed;
  scrollbar-width:thin;
  scrollbar-color:#c4c9ce transparent;
}
.account-chat-bubble-row{
  display:flex;
  align-items:flex-start;
  gap:9px;
}
.account-chat-bubble-row.is-mine{flex-direction:row-reverse}
.account-chat-message-avatar{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:9px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#dbe5ec;
  color:#214d6f;
  font-size:11px;
  font-weight:900;
}
.account-chat-message-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.account-chat-bubble{
  position:relative;
  max-width:min(72%,560px);
  padding:10px 12px 8px;
  border-radius:5px;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.045);
}
.account-chat-bubble::before{
  content:"";
  position:absolute;
  top:12px;
  left:-6px;
  width:0;
  height:0;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-right:7px solid #fff;
}
.account-chat-bubble-row.is-mine .account-chat-bubble{background:#95ec69}
.account-chat-bubble-row.is-mine .account-chat-bubble::before{
  left:auto;
  right:-6px;
  border-right:0;
  border-left:7px solid #95ec69;
}
.account-chat-bubble p{margin:0;color:#17212b;font-size:13px;line-height:1.62;word-break:break-word}
.account-chat-quote{
  margin:0 0 8px;
  padding:7px 9px;
  border:0;
  border-left:3px solid rgba(74,91,105,.45);
  border-radius:5px;
  background:rgba(255,255,255,.48);
}
.account-chat-quote strong{color:#4a5966;font-size:9px}
.account-chat-quote span{margin-top:3px;color:#64717c;font-size:10px}
.account-chat-image img{max-width:min(290px,100%);max-height:260px;border-radius:7px}
.account-chat-file{
  margin-top:7px;
  padding:9px 10px;
  border-radius:7px;
  background:rgba(255,255,255,.58);
  color:#284f6a;
  font-size:10px;
  text-decoration:none;
}
.account-chat-bubble-foot{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:5px;
}
.account-chat-bubble-foot>time{color:#77828b;font-size:8px;white-space:nowrap}
.account-chat-bubble-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  opacity:0;
  transition:opacity .15s ease;
}
.account-chat-bubble:hover .account-chat-bubble-actions,
.account-chat-bubble:focus-within .account-chat-bubble-actions{opacity:1}
.account-chat-bubble-actions form{margin:0}
.account-chat-reply-btn,
.account-chat-bubble-actions form button{
  border:0;
  background:transparent;
  padding:0;
  color:#52616d;
  font:inherit;
  font-size:8px;
  font-weight:750;
  cursor:pointer;
}
.account-chat-bubble-actions form button{color:#9b3a32}
.account-chat-compose{
  padding:10px 12px 11px;
  border-top:1px solid #d8dde2;
  background:#f7f7f7;
}
.account-chat-reply-preview{
  margin:0 0 8px;
  padding:7px 9px;
  border-left:3px solid #4e9b75;
  border-radius:7px;
  background:#e9f0ec;
}
.account-chat-compose textarea{
  width:100%;
  min-height:72px;
  max-height:150px;
  resize:vertical;
  padding:11px 12px;
  border:1px solid #d7dce0;
  border-radius:9px;
  outline:none;
  background:#fff;
  color:#17212b;
  font:inherit;
  font-size:13px;
  line-height:1.55;
}
.account-chat-compose textarea:focus{border-color:#b7c2ca;box-shadow:0 0 0 2px rgba(40,79,106,.06)}
.account-chat-compose-actions{display:flex;align-items:center;gap:8px;margin-top:8px}
.account-chat-tool{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 8px;
  border-radius:8px;
  color:#4f6170;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
}
.account-chat-tool:hover{background:#eceff1;color:#274f6c}
.account-chat-tool input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.account-chat-send{margin-left:auto;min-width:78px;height:34px}

@media(max-width:980px){
  .account-chat-shell{grid-template-columns:220px minmax(0,1fr);height:650px;min-height:560px}
}
@media(max-width:720px){
  .account-follower-row{grid-template-columns:1fr;gap:9px}
  .account-follower-actions{justify-content:space-between;padding-left:62px}
  .account-follower-date{text-align:left}
  .account-chat-shell{display:flex;flex-direction:column;height:670px;min-height:0}
  .account-chat-sidebar{flex:0 0 auto;display:block;border-right:0;border-bottom:1px solid #d9dee3}
  .account-chat-sidebar-head{display:none}
  .account-chat-contacts{display:flex;overflow-x:auto;overflow-y:hidden;max-height:78px;background:#f7f8fa;scroll-snap-type:x proximity}
  .account-chat-contact{flex:0 0 150px;min-height:76px;grid-template-columns:42px minmax(0,1fr);padding:9px;scroll-snap-align:start;border-right:1px solid #e8ebee;border-bottom:0}
  .account-chat-contact-avatar{width:42px;height:42px;border-radius:10px}
  .account-chat-contact-line time{display:none}
  .account-chat-contact>b{top:7px;left:40px}
  .account-chat-panel{flex:1;min-height:0;grid-template-rows:56px minmax(0,1fr) auto}
  .account-chat-panel-head{padding:0 12px}
  .account-chat-thread{padding:14px 10px 16px;gap:11px}
  .account-chat-message-avatar{width:32px;height:32px;flex-basis:32px;border-radius:8px}
  .account-chat-bubble{max-width:80%;padding:9px 10px 7px}
  .account-chat-bubble p{font-size:12px}
  .account-chat-bubble-actions{opacity:1}
  .account-chat-compose{padding:9px}
  .account-chat-compose textarea{min-height:58px;max-height:110px}
  .account-chat-compose-actions{flex-wrap:wrap}
  .account-chat-tool span{display:none}
}

/* Keep sender/recipient bubble sides stable even when the whole page is RTL. */
.account-chat-bubble-row{direction:ltr}
html[dir="rtl"] .account-chat-bubble{direction:rtl;text-align:right}
html[dir="rtl"] .account-chat-bubble-foot{direction:rtl}
@media(max-width:720px){
  .account-follower-actions{padding-left:0;padding-inline-start:62px}
}

/* V0.44 QA refinement: four-company desktop directories + inline owner controls */
@media (min-width:621px){
  .company-catalog-grid,
  .company-directory-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
.publication-owner-actions{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 0 auto;
  padding-inline-start:10px;
  border-inline-start:1px solid #e6ebf0;
  flex:0 0 auto;
}
.publication-owner-actions form{margin:0;display:flex}
.publication-owner-action{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 9px;
  border:1px solid #dbe3ea;
  border-radius:9px;
  background:#fff;
  color:#475467;
  font:inherit;
  font-size:10px;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.publication-owner-action.edit:hover{
  background:#f0f6fb;
  border-color:#c9d8e5;
  color:#174a72;
}
.publication-owner-action.delete{
  color:#b42318;
  border-color:#efd2cf;
  background:#fffafa;
}
.publication-owner-action.delete:hover{
  background:#fff1ef;
  border-color:#e7b8b3;
}
.publication-owner-action-icon{font-size:13px;line-height:1}
[dir="rtl"] .publication-owner-actions{
  margin-left:0;
  margin-right:auto;
}
@media(max-width:620px){
  .content-actions.has-owner-actions{
    grid-template-columns:repeat(7,minmax(0,1fr));
  }
  .content-actions.has-owner-actions .publication-owner-actions{
    grid-column:span 2;
    width:100%;
    margin:0;
    padding-inline-start:3px;
    border-inline-start:1px solid #e6ebf0;
    gap:3px;
  }
  .content-actions.has-owner-actions .publication-owner-actions form,
  .content-actions.has-owner-actions .publication-owner-action{
    flex:1 1 0;
    min-width:0;
  }
  .content-actions.has-owner-actions .publication-owner-action{
    width:100%;
    padding:0 3px;
    font-size:9px;
  }
  .content-actions.has-owner-actions .owner-action-label{display:none}
}


/* V0.44 avatar hard limits: uploaded source dimensions must never affect UI layout */
.account-chat-contact-avatar,
.account-chat-panel-avatar,
.account-chat-message-avatar,
.private-message-avatar,
.account-follower-avatar{
  box-sizing:border-box;
  overflow:hidden!important;
  flex-shrink:0!important;
}
.account-chat-contact-avatar{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;}
.account-chat-panel-avatar{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;flex-basis:38px!important;}
.account-chat-message-avatar{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;flex-basis:36px!important;}
.private-message-avatar{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;flex-basis:38px!important;}
.account-follower-avatar{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;}
.account-chat-contact-avatar>img,
.account-chat-panel-avatar>img,
.account-chat-message-avatar>img,
.private-message-avatar>img,
.account-follower-avatar>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:720px){
  .account-chat-contact-avatar{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;min-height:42px!important;max-height:42px!important;}
  .account-chat-message-avatar{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;flex-basis:32px!important;}
}

/* V0.44 profile publication browser: clearly separated publication cards */
.profile-publications-section{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-publications-head{
  padding:20px 22px;
  border:1px solid #dfe6ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(16,42,67,.035);
}
.profile-publications-head>strong{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  background:#f2f6f8;
  color:#526273;
}
.profile-publication-tabs{
  margin:12px 0 0!important;
  padding:10px!important;
  gap:7px!important;
  border:1px solid #dfe6ec!important;
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 20px rgba(16,42,67,.025);
}
.profile-publication-tabs a{
  min-height:36px;
  border-radius:10px;
}
.profile-publication-feed{
  gap:18px!important;
  margin-top:16px!important;
}
.profile-publication-card{
  position:relative;
  overflow:hidden;
  margin:0!important;
  padding:18px 20px 16px!important;
  border:1px solid #dfe6ec!important;
  border-left:4px solid #d0d5dd!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(16,42,67,.045)!important;
}
.profile-publication-card.publication-type-question{border-left-color:#f79009!important;}
.profile-publication-card.publication-type-discussion{border-left-color:#1570ef!important;}
.profile-publication-card.publication-type-knowledge{border-left-color:#7a5af8!important;}
.profile-publication-card.publication-type-buying_request,
.profile-publication-card.publication-type-buying-request{border-left-color:#12b76a!important;}
.profile-publication-card.feed-kind-repost,
.profile-publication-card.repost-card{border-left-color:#d92d20!important;background:#fffdfd!important;}
.profile-publication-card .post-author-row{
  margin:0 0 5px;
  padding-bottom:8px;
  border-bottom:1px solid #f0f3f6;
}
.profile-publication-card .publication-author-meta{
  margin:8px 0 8px 43px;
}
.profile-publication-card .feed-summary-text,
.profile-publication-card .repost-commentary{
  margin:12px 0 8px!important;
  color:#25313d;
  font-size:15px!important;
  line-height:1.72!important;
}
.profile-publication-card .feed-view-details,
.profile-publication-card .feed-report-link{
  margin-top:2px;
}
.profile-publication-card .feed-report-link{
  display:inline-flex;
  align-items:center;
  margin-inline-start:10px;
}
.profile-publication-card .publication-attachments{
  margin:12px 0 8px;
}
.profile-publication-card .publication-attachments.feed .publication-image-grid img{
  height:240px;
}
.profile-publication-card .publication-file-link{
  min-height:46px;
  border-color:#e0e6ec;
  background:#f8fafc;
}
.profile-publication-card .publication-feed-meta{
  margin:12px 0 0;
  padding-top:10px;
  border-top:1px solid #f1f3f5;
  color:#8a97a6;
}
.profile-publication-card .content-actions{
  margin-top:8px;
  padding-top:8px;
  border-top:0;
}
.profile-publication-card .content-action{
  border-radius:8px;
}
.profile-publication-card .content-action:hover{
  background:#f4f7f9;
}
@media(max-width:620px){
  .profile-publications-head{padding:16px;}
  .profile-publication-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:8px!important;
  }
  .profile-publication-card{
    padding:15px 14px 13px!important;
    border-radius:14px!important;
  }
  .profile-publication-card .publication-author-meta{margin-left:41px;}
  .profile-publication-card .publication-attachments.feed .publication-image-grid img{height:180px;}
  .profile-publication-card .feed-summary-text,
  .profile-publication-card .repost-commentary{font-size:14px!important;}
}

/* V0.44 personalized discovery rail: the support/recommendation stack remains
   visible while the page scrolls. Sponsored advertising is intentionally NOT
   inside this rail and continues to flow normally beside the Hero. */
@media(min-width:901px){
  .layout>.side-stack{
    position:sticky!important;
    top:18px!important;
    align-self:start!important;
    max-height:calc(100vh - 36px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
}
@media(max-width:900px){
  .layout>.side-stack{
    position:static!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* V0.44 homepage density refinement: quick actions stay horizontal on phones and
   the Sponsored card must not force a tall blank column above the feed. */
@media(min-width:901px){
  .hero.has-sponsored .hero-grid{
    --home-sponsored-width:min(32%, 360px);
    position:relative;
    display:block;
    min-height:0;
  }
  .hero.has-sponsored .hero-grid>div:first-child{
    width:calc(100% - var(--home-sponsored-width) - 24px);
    max-width:none;
  }
  .hero.has-sponsored .home-hero-ad{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:var(--home-sponsored-width)!important;
  }
  [dir="rtl"] .hero.has-sponsored .home-hero-ad{
    right:auto!important;
    left:0!important;
  }
  [dir="rtl"] .hero.has-sponsored .hero-grid>div:first-child{
    margin-left:auto;
  }
  .hero{padding-bottom:12px}
  .home-main{padding-top:30px}
  .home-main>.layout>.side-stack{
    margin-top:var(--home-sponsored-clearance, 0px);
  }
}
@media(max-width:900px){
  .quick{
    flex-wrap:nowrap!important;
    overflow-x:auto;
    overflow-y:hidden;
    gap:8px;
    padding-bottom:4px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
  }
  .quick::-webkit-scrollbar{display:none}
  .quick .chip{
    flex:0 0 auto;
    white-space:nowrap;
    scroll-snap-align:start;
  }
}
@media(max-width:620px){
  .quick{margin-top:12px}
  .quick .chip{font-size:12px;padding:7px 10px}
  .hero{padding-bottom:8px}
  .home-main{padding-top:24px}
}


/* V0.44 account mobile-width lock + deterministic chat bubble sides.
   The Account page must never create page-level horizontal scrolling; only
   explicitly scrollable inner rows (such as the conversation contacts) may
   scroll horizontally. */
.account-chat-bubble-row{
  width:100%;
  min-width:0;
  direction:ltr;
  justify-content:flex-start!important;
  flex-direction:row!important;
}
.account-chat-bubble-row.is-theirs{
  justify-content:flex-start!important;
  flex-direction:row!important;
}
.account-chat-bubble-row.is-mine{
  justify-content:flex-start!important;
  flex-direction:row-reverse!important;
}

@media(max-width:720px){
  body.account-body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  body.account-body .topbar,
  body.account-body .nav,
  .account-page.wrap,
  .account-page .account-dashboard,
  .account-page .account-dashboard-columns,
  .account-page .account-dashboard-column,
  .account-page .account-profile-head,
  .account-page .account-info-grid,
  .account-page .account-next-card,
  .account-page .account-publication-card,
  .account-page details.account-publication-card,
  .account-page .account-status-card,
  .account-page .author-language-guidance,
  .account-page .account-chat-card,
  .account-page .account-chat-shell,
  .account-page .account-chat-sidebar,
  .account-page .account-chat-panel,
  .account-page .account-chat-thread,
  .account-page .account-chat-compose{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  .account-page.wrap{
    margin-inline:auto;
    padding-inline:10px!important;
    overflow-x:hidden;
  }
  .account-page .account-dashboard{
    padding:14px 12px!important;
    overflow-x:hidden;
  }
  .account-page .account-dashboard-columns,
  .account-page .account-dashboard-column{
    overflow:visible;
  }
  .account-page .account-dashboard-column>*{
    min-width:0;
    max-width:100%;
  }
  .account-page .account-profile-head{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:11px;
  }
  .account-page .account-avatar{
    width:54px;
    height:54px;
    min-width:54px;
    max-width:54px;
  }
  .account-page .account-profile-head>div,
  .account-page .account-profile-head h1,
  .account-page .account-profile-head p,
  .account-page .identity-company-line,
  .account-page .account-company-line,
  .account-page .account-info-card,
  .account-page .account-info-card>strong,
  .account-page .account-info-card>small{
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .account-page .account-info-card>strong{
    white-space:normal;
  }
  .account-page form,
  .account-page fieldset,
  .account-page input,
  .account-page textarea,
  .account-page select,
  .account-page img,
  .account-page video{
    max-width:100%;
    min-width:0;
  }
  .account-page .account-chat-shell{
    overflow:hidden;
  }
  .account-page .account-chat-contacts{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
  }
  .account-page .account-chat-panel,
  .account-page .account-chat-thread,
  .account-page .account-chat-compose{
    overflow-x:hidden;
  }
  .account-page .account-chat-bubble-row{
    max-width:100%;
  }
  .account-page .account-chat-bubble{
    min-width:0;
    max-width:calc(100% - 45px)!important;
    overflow-wrap:anywhere;
  }
  .account-page .account-chat-file{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .account-page .account-chat-compose-actions{
    max-width:100%;
  }
}

/* ==========================================================
   V0.44 multilingual compact UI guard
   - Navigation uses compact localized labels (see header.php).
   - No button is allowed to push outside its container.
   - Critical compact account actions fall back to an icon when their
     localized label cannot fit, while title/aria-label keep the full text.
   ========================================================== */
.links{
  min-width:0;
  flex:1 1 auto;
  justify-content:center;
  gap:clamp(10px,1.25vw,18px);
}
.links>a,
.desktop-nav-dropdown>summary{
  min-width:0;
  white-space:nowrap;
  line-height:1.15;
}
.actions,
.brand{flex:0 0 auto}

/* Universal button overflow guard. Never let a long localization widen a card/page. */
:where(.btn,button,input[type="submit"],input[type="button"],input[type="reset"]){
  min-width:0;
  max-width:100%;
}
:where(.btn,button):not(.mobile-menu-toggle):not(.ta-compact-button){
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Account cards: copy gets the space first; actions may compact to icons. */
.account-profile-cta>div:first-child{
  min-width:0;
  flex:1 1 auto;
}
.account-profile-cta-actions{
  min-width:0;
  max-width:44%;
  justify-content:flex-end;
}
.account-profile-cta-actions>.btn{
  min-width:0;
  max-width:100%;
}
.ta-compact-button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:42px;
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
}
.ta-compact-button-label{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ta-compact-button-icon{
  display:none;
  width:18px;
  height:18px;
  flex:0 0 18px;
  align-items:center;
  justify-content:center;
}
.ta-compact-button-icon svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ta-compact-button.is-icon-only{
  width:42px;
  min-width:42px;
  max-width:42px;
  padding:0;
  flex:0 0 42px;
}
.ta-compact-button.is-icon-only .ta-compact-button-label{display:none}
.ta-compact-button.is-icon-only .ta-compact-button-icon{display:flex}

/* Medium desktop widths: keep navigation on one stable line without shrinking labels. */
@media (min-width:901px) and (max-width:1160px){
  .nav{gap:10px}
  .brand>span:last-child{display:none}
  .links{gap:10px}
  .actions{gap:6px}
  .desktop-lang-wrap .select{max-width:116px}
}

/* On mobile, full-width actions may use text; compact side-by-side actions stay safe. */
@media(max-width:650px){
  .account-profile-cta{align-items:stretch}
  .account-profile-cta-actions{
    width:100%;
    max-width:100%;
    justify-content:flex-end;
  }
  .account-profile-cta-actions>.btn{max-width:100%}
}

/* V0.44 compact private-message bubbles.
   Keep message content dense and stack Reply/Delete vertically so action text
   never competes with the timestamp on one horizontal line. */
.account-page .account-chat-thread{
  gap:8px;
  padding:12px 16px 16px;
}
.account-page .account-chat-bubble-row{
  gap:7px;
}
.account-page .account-chat-message-avatar{
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:8px;
}
.account-page .account-chat-bubble{
  max-width:min(70%,520px);
  padding:7px 9px 6px;
}
.account-page .account-chat-bubble::before{
  top:10px;
}
.account-page .account-chat-bubble p{
  font-size:12px;
  line-height:1.48;
}
.account-page .account-chat-quote{
  margin-bottom:5px;
  padding:5px 7px;
}
.account-page .account-chat-image,
.account-page .account-chat-file{
  margin-top:5px;
  margin-bottom:3px;
}
.account-page .account-chat-bubble-foot{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  column-gap:7px;
  margin-top:3px;
}
.account-page .account-chat-bubble-foot>time{
  align-self:end;
  justify-self:end;
  font-size:8px;
  line-height:1.2;
}
.account-page .account-chat-bubble-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-end;
  gap:1px;
  margin:0;
  opacity:.72;
}
.account-page .account-chat-bubble-actions form{
  display:block;
  margin:0;
  line-height:1;
}
.account-page .account-chat-reply-btn,
.account-page .account-chat-bubble-actions form button{
  display:block;
  padding:1px 0;
  line-height:1.2;
  white-space:nowrap;
  font-size:8px;
}
.account-page .account-chat-bubble:hover .account-chat-bubble-actions,
.account-page .account-chat-bubble:focus-within .account-chat-bubble-actions{
  opacity:1;
}

@media(max-width:720px){
  .account-page .account-chat-thread{
    gap:7px;
    padding:10px 8px 12px;
  }
  .account-page .account-chat-bubble-row{gap:6px}
  .account-page .account-chat-message-avatar{
    width:30px;
    height:30px;
    flex-basis:30px;
  }
  .account-page .account-chat-bubble{
    max-width:calc(100% - 42px)!important;
    padding:6px 8px 5px;
  }
  .account-page .account-chat-bubble p{
    font-size:12px;
    line-height:1.45;
  }
  .account-page .account-chat-bubble-actions{opacity:.78}
}

/* ==========================================================
   V0.44 language-aware desktop navigation fit
   Prefer natural local short labels in header.php. Only languages whose
   remaining terms are intrinsically long get a modest type/gap reduction.
   ========================================================== */
@media (min-width:901px){
  /* The tagline is useful branding but should not steal horizontal menu room. */
  .topbar .brand small{display:none;}

  /* Compact languages keep the standard readable 14px navigation. */
  .topbar-lang-en .links,
  .topbar-lang-zh .links,
  .topbar-lang-de .links,
  .topbar-lang-ja .links,
  .topbar-lang-ko .links{
    font-size:14px;
  }

  /* Medium-length Latin/Arabic/Turkish labels: shorten first, then only a mild reduction. */
  .topbar-lang-es .links,
  .topbar-lang-ar .links,
  .topbar-lang-fr .links,
  .topbar-lang-pt .links,
  .topbar-lang-tr .links,
  .topbar-lang-it .links,
  .topbar-lang-vi .links{
    font-size:13px;
    gap:clamp(7px,.85vw,12px);
  }

  /* These languages do not have clear, universally understood abbreviations
     for every primary nav concept, so preserve the words and reduce type gently. */
  .topbar-lang-hi .links,
  .topbar-lang-ru .links,
  .topbar-lang-pl .links{
    font-size:12.5px;
    gap:clamp(6px,.72vw,10px);
  }

  /* Vietnamese uses two common local short forms (SP / Cty); keep the rest natural. */
  .topbar-lang-vi .links{
    font-size:12.5px;
    gap:7px;
  }

  .topbar-lang-es .desktop-lang-wrap .select,
  .topbar-lang-fr .desktop-lang-wrap .select,
  .topbar-lang-pt .desktop-lang-wrap .select,
  .topbar-lang-ru .desktop-lang-wrap .select,
  .topbar-lang-de .desktop-lang-wrap .select,
  .topbar-lang-tr .desktop-lang-wrap .select,
  .topbar-lang-vi .desktop-lang-wrap .select,
  .topbar-lang-it .desktop-lang-wrap .select,
  .topbar-lang-pl .desktop-lang-wrap .select,
  .topbar-lang-hi .desktop-lang-wrap .select{
    max-width:106px;
    font-size:12px;
  }
}

/* At notebook / narrower desktop widths, preserve one-line navigation before
   falling back to the mobile menu at 900px. */
@media (min-width:901px) and (max-width:1320px){
  .topbar .wrap{padding-left:14px;padding-right:14px;}
  .topbar .nav{gap:8px;}
  .topbar .brand{gap:8px;}
  .topbar .brand-mark{width:36px;height:36px;flex-basis:36px;}
  .topbar .brand>span:last-child{font-size:14px;white-space:nowrap;}
  .topbar .actions{gap:5px;}
  .topbar .btn{padding-left:11px;padding-right:11px;}
  .topbar .links{gap:7px;}
}

@media (min-width:901px) and (max-width:1080px){
  /* Brand name gives way before navigation labels do. */
  .topbar .brand>span:last-child{display:none;}
  .topbar .desktop-lang-wrap .select{max-width:96px;}
}

/* V0.44 homepage alignment refinement: Hero search and Sponsored card use the
   exact same 1.7 / .9 desktop columns as the content area below. The ad stays
   out of the Hero height calculation so it cannot recreate the old blank gap. */
@media(min-width:901px){
  .hero.has-sponsored .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.7fr) minmax(0,.9fr)!important;
    gap:24px!important;
    position:relative!important;
    min-height:0!important;
  }
  .hero.has-sponsored .hero-grid>div:first-child{
    grid-column:1!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
  }
  .hero.has-sponsored .home-hero-ad{
    grid-column:2!important;
    grid-row:1!important;
    position:absolute!important;
    inset-inline:0!important;
    top:0!important;
    right:auto!important;
    left:auto!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
  }
  [dir="rtl"] .hero.has-sponsored .home-hero-ad{
    right:auto!important;
    left:auto!important;
  }
  [dir="rtl"] .hero.has-sponsored .hero-grid>div:first-child{
    margin-left:0!important;
  }
}

/* Sponsored company heading: company name + red Follow button on the same row. */
.sponsored-company-title-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  min-width:0;
}
.sponsored-company-title-row .sponsored-company-name{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sponsored-company-follow{
  flex:0 0 auto!important;
  height:27px!important;
  padding:0 10px!important;
  border:1px solid #d92d20!important;
  background:#d92d20!important;
  color:#fff!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1!important;
}
.sponsored-company-follow:hover{
  border-color:#b42318!important;
  background:#b42318!important;
  color:#fff!important;
}
.sponsored-company-follow.is-following{
  border-color:#b42318!important;
  background:#fff!important;
  color:#b42318!important;
}

/* V0.45 global floating private-message window. */
.global-chat-widget{position:fixed;right:20px;bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:79;pointer-events:none}
.global-chat-fab{pointer-events:auto;position:absolute;right:0;bottom:0;width:50px;height:50px;border:0;border-radius:50%;display:grid;place-items:center;background:#0e7b72;color:#fff;box-shadow:0 12px 30px rgba(15,66,92,.26);cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.global-chat-fab:hover{background:#0a685f;transform:translateY(-1px);box-shadow:0 15px 34px rgba(15,66,92,.3)}
.global-chat-fab svg{width:25px;height:25px;display:block}
.global-chat-unread{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;border:2px solid #fff;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#e43b35;color:#fff;font-size:10px;font-weight:900;line-height:1}
.global-chat-unread[hidden]{display:none!important}
.global-chat-panel{pointer-events:auto;position:absolute;right:0;bottom:62px;width:min(720px,calc(100vw - 40px));height:min(590px,calc(100dvh - 120px));max-height:calc(100dvh - 120px);border:1px solid #d8e2e9;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 22px 70px rgba(22,52,75,.24);transform-origin:bottom right}
.global-chat-panel[hidden]{display:none!important}
.global-chat-window-head{height:46px;padding:0 10px 0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5eb;background:#fff}
.global-chat-window-head strong{font-size:14px;color:#1b2a38}
.global-chat-minimize{width:34px;height:32px;border:0;border-radius:9px;background:transparent;color:#52687a;font-size:19px;font-weight:900;cursor:pointer}.global-chat-minimize:hover{background:#edf3f6;color:#163c64}
.global-chat-dynamic{height:calc(100% - 46px)}
.global-chat-loading,.global-chat-empty{padding:22px;color:#788898;font-size:12px;text-align:center}.global-chat-empty-main{margin:auto}
.global-chat-shell{height:100%;display:grid;grid-template-columns:215px minmax(0,1fr);min-width:0;background:#f1f4f6}
.global-chat-contacts-pane{min-width:0;display:flex;flex-direction:column;background:#fff;border-right:1px solid #dce5eb}
.global-chat-contacts-head{height:45px;flex:0 0 45px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e9ee}.global-chat-contacts-head strong{font-size:12px}.global-chat-contacts-head span{min-width:22px;height:22px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:#edf2f5;color:#687a89;font-size:10px;font-weight:850}
.global-chat-contacts{min-height:0;overflow-y:auto;scrollbar-width:thin}
.global-chat-contact{position:relative;width:100%;min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:10px 10px;border:0;border-bottom:1px solid #edf1f4;background:#fff;text-align:left;color:inherit;cursor:pointer}.global-chat-contact:hover{background:#f3f7f9}.global-chat-contact.is-active{background:#e9eef2}.global-chat-contact-avatar{width:42px;height:42px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:#e6eef3;color:#24536f;font-size:12px;font-weight:900}.global-chat-contact-avatar img{display:block;width:100%;height:100%;object-fit:cover}.global-chat-contact-copy{min-width:0}.global-chat-contact-copy>span{display:flex;align-items:center;gap:6px}.global-chat-contact-copy strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.global-chat-contact-copy time{flex:0 0 auto;color:#95a1ab;font-size:8px}.global-chat-contact-copy small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#778794;font-size:10px}.global-chat-contact-unread{position:absolute;left:36px;top:6px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:99px;display:grid;place-items:center;background:#e6433c;color:#fff;font-size:8px}
.global-chat-conversation{min-width:0;min-height:0;display:flex;flex-direction:column;background:#eef1f3}
.global-chat-person-head{flex:0 0 auto;min-height:60px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #d9e0e5;background:#f9fbfc}.global-chat-person{min-width:0;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.global-chat-person-avatar{flex:0 0 42px;width:42px;height:42px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:#e3ebf1;color:#24536f;font-size:13px;font-weight:900}.global-chat-person-avatar img{display:block;width:100%;height:100%;object-fit:cover}.global-chat-person-copy{min-width:0}.global-chat-person-name{display:flex;align-items:baseline;gap:7px;min-width:0}.global-chat-person-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.global-chat-person-name em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#697c8b;font-size:10px;font-style:normal;font-weight:700}.global-chat-person-copy small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a8996;font-size:10px}.global-chat-person-copy small.is-verified{color:#05825e;font-weight:800}.global-chat-person-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}.global-chat-person-actions button{height:29px;padding:0 9px;border-radius:8px;font-size:10px;font-weight:850;cursor:pointer}.global-chat-block-btn,.global-chat-delete-conversation{border:1px solid #efc3c1;background:#fff7f7;color:#c8322d}.global-chat-block-btn:hover,.global-chat-delete-conversation:hover{background:#fff0ef}.global-chat-unblock-btn{border:1px solid #bce1cb;background:#effaf3;color:#087944}.global-chat-person-actions .is-disabled{opacity:.5;cursor:not-allowed}
.global-chat-thread{min-height:0;flex:1;overflow-y:auto;padding:12px 13px;scrollbar-width:thin}.global-chat-message-row{display:flex;align-items:flex-start;gap:7px;margin:0 0 9px}.global-chat-message-row.is-mine{flex-direction:row-reverse}.global-chat-message-avatar{flex:0 0 32px;width:32px;height:32px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#dfeaf0;color:#22516d;font-size:10px;font-weight:900}.global-chat-message-avatar img{display:block;width:100%;height:100%;object-fit:cover}.global-chat-bubble{position:relative;max-width:74%;min-width:86px;padding:8px 9px 6px;border-radius:9px;background:#fff;color:#182632;box-shadow:0 1px 2px rgba(20,42,60,.06)}.global-chat-message-row.is-mine .global-chat-bubble{background:#93ea65}.global-chat-bubble:before{content:"";position:absolute;top:11px;left:-5px;width:9px;height:9px;background:inherit;transform:rotate(45deg)}.global-chat-message-row.is-mine .global-chat-bubble:before{left:auto;right:-5px}.global-chat-bubble p{margin:0;font-size:12px;line-height:1.42}.global-chat-bubble-foot{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:3px;color:#748592;font-size:8px}.global-chat-bubble-foot time{margin-right:auto}.global-chat-bubble-foot button{border:0;background:none;padding:0;color:#526f82;font-size:8px;cursor:pointer}.global-chat-bubble-foot button.danger{color:#b63b35}.global-chat-quote{margin:0 0 5px;padding:5px 7px;border-left:3px solid rgba(58,99,116,.45);border-radius:5px;background:rgba(255,255,255,.52);font-size:9px}.global-chat-quote strong,.global-chat-quote span{display:block}.global-chat-quote span{margin-top:2px;color:#5f707c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-chat-image{display:block;margin:5px 0}.global-chat-image img{display:block;max-width:220px;max-height:170px;border-radius:7px;object-fit:cover}.global-chat-file{display:block;margin:5px 0;color:#245b7d;font-size:10px;font-weight:750}.global-chat-historic-video{margin:5px 0;max-width:240px}.global-chat-historic-video video{display:block;width:100%;max-height:190px;border-radius:7px;background:#111}
.global-chat-compose{flex:0 0 auto;padding:9px 10px;background:#f9fbfc;border-top:1px solid #d9e0e5}.global-chat-compose textarea{display:block;width:100%;min-height:58px;max-height:100px;padding:9px 10px;border:1px solid #ccd8e0;border-radius:10px;resize:vertical;background:#fff;font:inherit;font-size:12px}.global-chat-compose-actions{display:flex;align-items:center;gap:8px;margin-top:6px}.global-chat-compose-actions label{position:relative;color:#315a7d;font-size:10px;font-weight:800;cursor:pointer}.global-chat-compose-actions input[type=file]{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.global-chat-compose-actions .btn{height:31px;margin-left:auto;padding:0 13px;font-size:10px}.global-chat-reply-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;padding:6px 8px;border-left:3px solid #2f8f71;border-radius:7px;background:#edf6f3}.global-chat-reply-preview[hidden]{display:none}.global-chat-reply-preview strong,.global-chat-reply-preview span{display:block;font-size:9px}.global-chat-reply-preview span{margin-top:2px;color:#637580;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-chat-reply-preview>div{min-width:0}.global-chat-reply-preview>button{border:0;background:transparent;color:#657480;font-size:17px;cursor:pointer}.global-chat-blocked-note{flex:0 0 auto;margin:8px 10px;padding:9px 11px;border:1px solid #ecd2c7;border-radius:9px;background:#fff8f3;color:#8e4d36;font-size:10px;line-height:1.45}
[dir="rtl"] .global-chat-contact{text-align:right}[dir="rtl"] .global-chat-message-row.is-theirs{flex-direction:row}[dir="rtl"] .global-chat-message-row.is-mine{flex-direction:row-reverse}[dir="rtl"] .global-chat-person-actions{direction:rtl}
@media(max-width:700px){
  .global-chat-widget{right:14px;bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .global-chat-fab{width:46px;height:46px}.global-chat-fab svg{width:23px;height:23px}
  .global-chat-panel{position:fixed;right:10px;left:10px;bottom:calc(70px + env(safe-area-inset-bottom,0px));width:auto;height:min(70dvh,590px);max-height:calc(100dvh - 92px - env(safe-area-inset-bottom,0px));border-radius:15px}
  .global-chat-shell{display:flex;flex-direction:column}
  .global-chat-contacts-pane{flex:0 0 auto;border-right:0;border-bottom:1px solid #dce5eb}
  .global-chat-contacts-head{display:none}
  .global-chat-contacts{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}
  .global-chat-contact{flex:0 0 138px;grid-template-columns:34px minmax(0,1fr);padding:8px;border-bottom:0;border-right:1px solid #edf1f4;scroll-snap-align:start}.global-chat-contact-avatar{width:34px;height:34px}.global-chat-contact-copy time{display:none}.global-chat-contact-unread{left:28px;top:4px}
  .global-chat-conversation{flex:1;min-height:0}.global-chat-person-head{min-height:56px;padding:7px 8px}.global-chat-person-avatar{flex-basis:36px;width:36px;height:36px}.global-chat-person-name strong{font-size:12px}.global-chat-person-name em{font-size:9px}.global-chat-person-copy small{font-size:9px}.global-chat-person-actions{gap:4px}.global-chat-person-actions button{height:27px;padding:0 7px;font-size:9px}
  .global-chat-thread{padding:9px 8px}.global-chat-message-avatar{flex-basis:29px;width:29px;height:29px}.global-chat-bubble{max-width:82%;padding:7px 8px 5px}.global-chat-bubble p{font-size:11px}.global-chat-compose{padding:8px}.global-chat-compose textarea{min-height:52px}.global-chat-compose-actions{gap:7px}.global-chat-compose-actions label span{display:none}
  .back-to-top{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
}
.global-chat-action-icon{display:none;font-size:13px;line-height:1}.global-chat-action-label{display:inline}
@media(max-width:430px){.global-chat-person-actions button{width:29px;padding:0;display:grid;place-items:center}.global-chat-action-label{display:none}.global-chat-action-icon{display:block}}

/* V0.45 mobile safe-area hardening for the floating chat + back-to-top stack. */
@supports (bottom: env(safe-area-inset-bottom)) {
  .back-to-top{bottom:calc(14px + env(safe-area-inset-bottom))!important}
  .global-chat-widget{bottom:calc(78px + env(safe-area-inset-bottom))}
  @media(max-width:760px){
    .global-chat-widget{bottom:calc(68px + env(safe-area-inset-bottom))}
    .global-chat-panel{bottom:calc(70px + env(safe-area-inset-bottom));height:min(70dvh,590px)}
  }
}

/* V0.45 recommendation identity row: keep the professional title beside the name. */
.recommendation-person .info{min-width:0}
.recommendation-person-name-row{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap}
.recommendation-person-name-row .recommendation-name{display:block;min-width:0;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recommendation-person-name-row .recommendation-name strong{display:inline!important;font-size:14px}
.recommendation-job-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:12px;font-weight:650}

/* V0.45 floating chat hardening: give the fixed anchor a real box so the FAB cannot collapse outside the viewport. */
.global-chat-widget{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;overflow:visible!important;box-sizing:border-box!important;transform:none!important}
.global-chat-fab{box-sizing:border-box!important;right:0!important;bottom:0!important;min-width:50px!important;max-width:50px!important;min-height:50px!important;max-height:50px!important;overflow:visible!important;clip:auto!important;transform:none}
.global-chat-fab:hover{transform:translateY(-1px)}
@media(max-width:700px){
  .global-chat-widget{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important}
  .global-chat-fab{min-width:46px!important;max-width:46px!important;min-height:46px!important;max-height:46px!important}
}


/* V0.47 layout refinements --------------------------------------------------
   Mobile transaction disclaimer follows AI Knowledge Discovery and precedes
   the Textile Alliance administrator card. Account activity cards share the
   right-column width. Footer spacing is intentionally compact. */
.desktop-transaction-notice{display:block}
.mobile-transaction-notice{display:none}

.foot{padding:18px 0 22px}
.foot-grid{gap:10px 18px;align-items:flex-start}

/* Product Management CTA shares the same right action edge as Apply Advertising. */
.product-upload-account-card{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.product-upload-account-card .account-profile-cta-actions{
  flex:0 0 auto;
  width:auto!important;
  max-width:44%;
  margin-top:0!important;
  justify-content:flex-end!important;
}
.product-upload-account-card .account-profile-cta-actions .btn{
  width:auto!important;
  max-width:100%;
  justify-content:center;
}

/* Right activity column: Publication History -> Saved -> Followers -> Notices -> Weekly Digest. */
.account-dashboard-column-activity>.account-history-card{order:2}
.account-dashboard-column-activity>.account-saved-card{order:3}
.account-dashboard-column-activity>.account-followers-card{order:4}
.account-dashboard-column-activity>.platform-management-notifications{order:5}
.account-dashboard-column-activity>.account-email-subscription-card{order:6}

@media(max-width:900px){
  .desktop-transaction-notice{display:none!important}
  .mobile-transaction-notice{display:block;margin-top:0;order:98}
  .side-stack .admin-contact-panel{order:99}
}

@media(max-width:650px){
  .foot{
    padding:12px 0 calc(16px + env(safe-area-inset-bottom, 0px));
    font-size:11px;
  }
  .foot-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    line-height:1.45;
  }
  .product-upload-account-card{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  .product-upload-account-card .account-profile-cta-actions{
    width:100%!important;
    max-width:100%!important;
    margin-top:0!important;
    display:flex!important;
    justify-content:flex-end!important;
  }
  .product-upload-account-card .account-profile-cta-actions .btn{
    width:auto!important;
    max-width:100%;
  }
}

/* V0.47 Account action-edge consistency: the two management CTAs use the same right edge. */
.account-ad-applications-card .account-publication-head>.btn{
  flex:0 0 auto;
  width:auto!important;
  max-width:100%;
  justify-self:end;
}

/* V0.48 mobile/multilingual layout hardening ---------------------------------
   Keep every supported locale inside the mobile viewport without changing the
   platform's localized wording. The quick-action strip remains intentionally
   horizontally scrollable; page-level horizontal overflow is not allowed. */
.hero-grid > div:first-child{min-width:0;max-width:100%}
.hero h1,
.hero .lead,
.global-scope-notice-inner,
.sponsored-company-name,
.sponsored-company-type,
.sponsored-company-products p{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}

@media(max-width:650px){
  .hero-grid,
  .hero-grid > div:first-child,
  .hero h1,
  .hero .lead,
  .search,
  .quick{
    min-width:0;
    max-width:100%;
  }
  .hero h1{
    font-size:clamp(28px,8vw,32px);
    line-height:1.12;
    letter-spacing:-.025em;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  html[lang="ja"] .hero h1,
  html[lang="ko"] .hero h1,
  html[lang="zh-CN"] .hero h1,
  html[lang="zh"] .hero h1{
    line-height:1.16;
    letter-spacing:-.015em;
  }
  html[lang="hi"] .hero h1,
  html[lang="ar"] .hero h1{
    line-height:1.2;
    letter-spacing:0;
  }
  .global-scope-notice-inner span,
  .global-scope-notice-inner strong{
    overflow-wrap:anywhere;
  }
}

/* V0.48 Sponsored media: the photograph must meet the company/Logo section
   directly; no empty media background band is allowed on mobile or desktop. */
.hero-grid > .hero-ad-stack > .hero-ad-card .sponsored-company-media > img,
.hero-grid > .hero-ad-card .sponsored-company-media > img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  display:block!important;
}

/* V0.48 owner controls: reserve the far-right edge for Edit/Delete instead of
   squeezing the Comment/Message/Like/Save/Repost controls into seven equal
   mobile columns. */
@media(max-width:620px){
  .content-actions.has-owner-actions{
    /* Owner posts render four normal actions (Comment / Like / Save / Repost)
       plus the Edit/Delete group. Give the four public actions their real four
       columns so the first Comment icon is never squeezed against the card edge. */
    grid-template-columns:repeat(4,minmax(0,1fr)) auto!important;
    align-items:center;
    padding-inline-start:2px;
  }
  .content-actions.has-owner-actions > .content-action:first-child{
    justify-content:flex-start;
    padding-inline-start:1px!important;
  }
  .content-actions.has-owner-actions .publication-owner-actions{
    grid-column:-2 / -1!important;
    justify-self:end;
    width:auto!important;
    min-width:max-content;
    margin:0!important;
    padding-inline-start:8px!important;
    gap:4px!important;
  }
  .content-actions.has-owner-actions .publication-owner-actions form,
  .content-actions.has-owner-actions .publication-owner-action{
    flex:0 0 auto!important;
    width:auto!important;
  }
  .content-actions.has-owner-actions .publication-owner-action{
    min-width:42px!important;
    padding:0 6px!important;
  }
}

/* V0.48 floating-chat mobile layout: the contact strip is no longer permanently
   rendered above the active person's header. It is available only through the
   compact contacts toggle. The green launcher is hidden while the panel is open
   so it cannot cover the Send button. */
.global-chat-window-title{display:flex;align-items:center;gap:8px;min-width:0}
.global-chat-contacts-toggle{display:none;width:30px;height:30px;border:1px solid #d9e2e8;border-radius:8px;background:#fff;color:#315a7d;font-size:14px;line-height:1;cursor:pointer}
.global-chat-widget.is-open .global-chat-fab{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

@media(max-width:700px){
  .global-chat-contacts-toggle{display:grid;place-items:center}
  .global-chat-shell{position:relative}
  .global-chat-contacts-pane{display:none!important}
  .global-chat-shell.is-contacts-open .global-chat-contacts-pane{
    display:flex!important;
    position:absolute;
    z-index:8;
    top:0;
    left:0;
    right:0;
    max-height:118px;
    border-right:0;
    border-bottom:1px solid #dce5eb;
    box-shadow:0 10px 22px rgba(18,38,63,.12);
  }
  .global-chat-shell.is-contacts-open .global-chat-contacts{
    display:flex;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    background:#fff;
  }
  .global-chat-conversation{min-height:0}
}

/* V0.48 native Sponsored feed placement --------------------------------------
   Mobile home: Sponsored leaves the Hero and occupies the second feed slot.
   Category feeds: the same native placement is visible on desktop and mobile.
   No active ad means no card and therefore no reserved feed space. */
.feed-sponsored-card{
  width:100%;
  min-width:0;
  margin:0;
  border-color:#d8e3ea;
}
.feed-sponsored-card .sponsored-company-media{
  width:100%;
  min-height:0;
  aspect-ratio:16/7;
}
.feed-sponsored-card .sponsored-company-media>img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
}
.feed-sponsored-card .sponsored-company-brand-info{
  min-width:0;
  flex:1;
}
.feed-sponsored-card .sponsored-company-actions>a:only-child{
  grid-column:1 / -1;
}
.sponsored-company-follow-live{
  flex:0 0 auto;
}
.sponsored-company-follow-live .company-follow-control{
  display:block;
  margin:0;
}
.sponsored-company-follow-live .company-follow-form{
  margin:0;
}
.sponsored-company-follow-live .company-follower-count{
  display:none!important;
}
.sponsored-company-follow-live .company-follow-btn{
  min-height:27px;
  height:27px;
  padding:0 10px;
  border:1px solid #d92d20;
  border-radius:999px;
  background:#d92d20;
  color:#fff;
  font-size:11px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}
.sponsored-company-follow-live .company-follow-btn:hover{
  border-color:#b42318;
  background:#b42318;
  color:#fff;
}
.sponsored-company-follow-live .company-follow-btn.is-following{
  border-color:#b42318;
  background:#fff;
  color:#b42318;
}
.sponsored-feed-logo-text{
  flex:0 0 58px;
}

/* The home-feed copy exists for responsive placement only. Desktop keeps the
   existing Hero-side Sponsored treatment; mobile shows the native feed copy. */
.feed-sponsored-home-mobile{display:none;}
@media(max-width:900px){
  .hero.has-sponsored .home-hero-ad{display:none!important;}
  .feed-sponsored-home-mobile{display:block;}
  .home-main{padding-top:12px!important;}
  .feed-sponsored-card .sponsored-company-media{
    aspect-ratio:16/8;
  }
}
@media(max-width:620px){
  .feed-sponsored-card .sponsored-company-body{padding:17px 15px 16px;}
  .feed-sponsored-card .sponsored-company-media{aspect-ratio:16/8.2;}
  .feed-sponsored-card .sponsored-company-title-row{gap:6px!important;}
  .feed-sponsored-card .sponsored-company-actions{gap:7px;}
}

/* Keep native Sponsored cards feed-sized on wide category pages; without this
   cap a 16:7 image across the full desktop content width would become too tall. */
@media(min-width:901px){
  .feed-sponsored-card .sponsored-company-media{
    height:clamp(220px,24vw,300px);
    aspect-ratio:auto;
  }
}

/* V0.48 platform-pinned publication marker */
.community-feed-card,
.profile-publication-card{
  position:relative;
}
.platform-pin-star{
  position:absolute;
  top:12px;
  right:14px;
  z-index:2;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  color:#d89b00;
  font-size:24px;
  line-height:1;
  text-shadow:0 1px 0 #fff3bf,0 1px 8px rgba(216,155,0,.16);
  user-select:none;
  pointer-events:none;
}
.platform-pin-star + .post-author-row{
  padding-right:34px;
}
@media(max-width:620px){
  .platform-pin-star{
    top:10px;
    right:11px;
    width:26px;
    height:26px;
    font-size:22px;
  }
  .platform-pin-star + .post-author-row{
    padding-right:31px;
  }
}

/* V0.50 feed comments are fetched only when a user opens the panel. */
.inline-comment-loading{
  min-height:42px;
  display:grid;
  place-items:center;
}
.inline-comment-loading>span{
  width:18px;
  height:18px;
  border:2px solid rgba(22,60,100,.16);
  border-top-color:#163c64;
  border-radius:50%;
  animation:ta-comment-spin .7s linear infinite;
}
@keyframes ta-comment-spin{to{transform:rotate(360deg)}}


/* V0.50 localized file controls: browser-native file-control labels follow the
   device/browser language, so keep the native input accessible but render the
   visible control using Textile Alliance's selected UI language. */
.localized-file-picker{
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  width:100%;
  min-height:46px;
  margin-top:6px;
  border:1px solid #d7e1ea;
  border-radius:10px;
  background:#fff;
  overflow:hidden;
}
.localized-file-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.localized-file-button{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:44px;
  max-width:min(40%,160px);
  min-height:44px;
  padding:0 14px;
  margin:0;
  border:0;
  border-inline-end:1px solid #d7e1ea;
  background:#f4f7fa;
  color:#173f68;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
  overflow:hidden;
}
.localized-file-button-icon{flex:0 0 auto;font-size:14px;line-height:1;}
.localized-file-button-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.localized-file-button.is-icon-only{width:46px;max-width:46px;padding-inline:0;}
.localized-file-button.is-icon-only .localized-file-button-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.localized-file-button:hover{background:#edf3f8;}
.localized-file-button:focus-visible{outline:3px solid rgba(23,63,104,.16);outline-offset:-3px;}
.localized-file-status{
  min-width:0;
  flex:1 1 auto;
  padding:0 12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#6f8094;
  direction:ltr;
  text-align:start;
}
@media(max-width:520px){
  .localized-file-picker{min-height:44px;}
  .localized-file-button{min-height:42px;max-width:min(38%,126px);padding:0 10px;font-size:13px;}
  .localized-file-status{padding:0 9px;font-size:12px;}
}

/* V0.50 — reposts are part of Account publication history */
.publication-history-repost-badge{
  background:#fff3e0;
  color:#a15c00;
}
.publication-history-repost-source{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
  color:#667085;
  font-size:12px;
  line-height:1.55;
}
.publication-history-repost-source > span:first-child{
  font-weight:800;
  color:#8a5a00;
}
.publication-history-repost-source a,
.publication-history-repost-source strong{
  color:#163c64;
  font-weight:800;
  text-decoration:none;
}
.publication-history-source-link{
  margin-inline-start:4px;
}
@media(max-width:650px){
  .publication-history-repost-source{
    font-size:13px;
  }
}

/* V0.50 — compact repost source attribution: a repost is a new post, not a nested card */
.repost-source-line{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
  margin:10px 0 2px 43px;
  min-width:0;
  color:#667085;
  font-size:10px;
  line-height:1.45;
}
.repost-source-prefix{
  flex:0 0 auto;
  color:#98a2b3;
  font-weight:750;
}
.repost-source-name,
.repost-source-kind{
  min-width:0;
  color:#344054;
  font-weight:850;
  text-decoration:none;
}
.repost-source-name{
  max-width:min(52vw,360px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.repost-source-name .verified{color:#07805f;}
.repost-source-kind{
  flex:0 0 auto;
  color:#163c64;
}
.repost-source-name:hover,
.repost-source-kind:hover{
  text-decoration:underline;
  text-underline-offset:2px;
}
@media(max-width:620px){
  .repost-source-line{margin-left:0;font-size:10px;gap:4px;}
  .repost-source-name{max-width:55vw;}
}
.publication-history-repost .repost-source-line{
  margin:5px 0 0;
}


/* V0.53 desktop homepage rail spacing -----------------------------------------
   Sponsored is outside the Hero height calculation so the left Feed can start
   high. V0.51 used a deliberately large emergency fallback (210–280px), which
   became visible as a blank block after the Sponsored card was shortened in
   V0.52. Keep only a normal card gap here; JavaScript measures the actual ad
   bottom immediately and adds extra clearance only when the ad truly extends
   below the main content start. */
@media(min-width:901px){
  .home-main.has-hero-sponsored>.layout>.side-stack{
    margin-top:18px;
  }
  .home-main.has-hero-sponsored>.layout>.side-stack[style*="margin-top"]{
    min-height:0;
  }
}

/* V0.52 Sponsored: website/email are available only through the action buttons.
   Removing duplicate contact rows reduces card height on desktop and mobile. */
.sponsored-company-actions{margin-top:12px;}
@media(max-width:760px){
  .sponsored-company-actions{margin-top:10px;}
}

/* V0.53 AI localization display: switch only between already available original/cache data. */
.ta-translation-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 10px;font-size:12px;color:var(--muted,#718096)}
.ta-translation-toggle{border:0;background:transparent;padding:0;color:#0f5b86;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.ta-translation-original[hidden],.ta-translation-current[hidden]{display:none!important}
html[dir="rtl"] .ta-translation-meta{direction:rtl}
html[dir="rtl"] .ta-translation-meta [dir="ltr"]{direction:ltr}
.ta-quality-assist{margin:14px 0;padding:14px 16px;border:1px solid #d9e7df;border-radius:12px;background:#f7fbf8;color:#30483b}.ta-quality-assist strong{display:block;margin-bottom:5px}.ta-quality-assist p{margin:0 0 7px;color:#66766d}.ta-quality-assist ul{margin:6px 0 0;padding-inline-start:20px}


/* V0.54 login-safe Sponsored clearance. The actual value is measured by the
   homepage inline guard before the shared logged-in chat client initializes. */
@media(min-width:901px){
  .home-main.has-hero-sponsored>.layout>#homeSupportRail{margin-top:18px;}
}


/* V0.55 global-chat availability hardening ----------------------------------
   The authenticated launcher is always visible independently of message-table
   readiness or unrelated page scripts. Only an actively open chat panel hides
   the FAB, and the fixed stacking layer stays above ordinary site content. */
.global-chat-widget{
  z-index:1200!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.global-chat-widget:not(.is-open) .global-chat-fab{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.global-chat-widget.is-open .global-chat-fab{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* V0.56 authenticated floating-tool resilience -----------------------------
   A rich-chat PHP/runtime failure must not remove every messaging entry.
   The fallback is a normal link to /messages.php and occupies the exact same
   viewport stack position as the normal FAB. */
.global-chat-fallback-fab{
  position:fixed;
  right:20px;
  bottom:calc(78px + env(safe-area-inset-bottom,0px));
  z-index:1200;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0e7b72;
  color:#fff;
  box-shadow:0 12px 30px rgba(15,66,92,.26);
}
.global-chat-fallback-fab svg{width:25px;height:25px;display:block}
@media(max-width:700px){
  .global-chat-fallback-fab{
    right:14px;
    bottom:calc(68px + env(safe-area-inset-bottom,0px));
    width:46px;
    height:46px;
  }
  .global-chat-fallback-fab svg{width:23px;height:23px}
}

/* V0.57 product-linked private-message context --------------------------- */
.message-product-context-card{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:10px;
  align-items:start;
  width:100%;
  min-width:0;
  padding:10px;
  border:1px solid #dce6ee;
  border-radius:12px;
  background:#f7fafc;
  color:#1f3448;
  box-sizing:border-box;
}
.message-product-context-card:not(.has-thumb){
  grid-template-columns:minmax(0,1fr);
}
.message-product-context-thumb{
  display:block;
  width:56px;
  height:56px;
  border-radius:9px;
  overflow:hidden;
  background:#eef3f7;
  border:1px solid #e0e7ed;
}
.message-product-context-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.message-product-context-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.message-product-context-kicker{
  color:#0b806b;
  font-size:10px;
  line-height:1.25;
  font-weight:850;
}
.message-product-context-title{
  min-width:0;
  color:#163f68;
  font-size:12px;
  line-height:1.35;
  font-weight:850;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.message-product-context-title:hover{text-decoration:underline;}
.message-product-context-meta{
  display:flex;
  flex-wrap:wrap;
  gap:3px 8px;
  color:#728297;
  font-size:9px;
  line-height:1.35;
}
.message-product-context-card p{
  margin:1px 0 0;
  color:#56697d;
  font-size:10px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.message-product-context-link{
  margin-top:2px;
  width:max-content;
  max-width:100%;
  color:#164976;
  font-size:9px;
  font-weight:800;
  text-decoration:none;
}
.message-product-context-link:hover{text-decoration:underline;}
.global-chat-conversation > .message-product-context-card.is-compose-context{
  margin:8px 12px 0;
  width:calc(100% - 24px);
  background:#fffaf0;
  border-color:#f0d7a7;
}
.global-chat-bubble .message-product-context-card.is-chat-bubble-context{
  margin:0 0 7px;
  min-width:220px;
  max-width:340px;
  background:rgba(255,255,255,.92);
}
.global-chat-message-row.is-mine .global-chat-bubble .message-product-context-card{
  color:#1f3448;
}
.conversation-message .message-product-context-card.is-conversation-context{
  margin:0 0 10px;
  max-width:460px;
}
@media(max-width:620px){
  .message-product-context-card{
    grid-template-columns:48px minmax(0,1fr);
    padding:8px;
    gap:8px;
    border-radius:10px;
  }
  .message-product-context-card:not(.has-thumb){
    grid-template-columns:minmax(0,1fr);
  }
  .message-product-context-thumb{width:48px;height:48px;}
  .message-product-context-title{font-size:11px;}
  .message-product-context-card p{font-size:9px;line-height:1.4;}
  .global-chat-bubble .message-product-context-card.is-chat-bubble-context{
    min-width:0;
    max-width:100%;
  }
}

/* V0.57 — compact multilingual interaction bar + private content sharing */
.content-actions{
  flex-wrap:nowrap;
  min-width:0;
}
.content-action-form{display:flex;min-width:0;}
.content-action{
  min-width:0;
  white-space:nowrap;
}
.content-action-svg{display:block;width:17px;height:17px;}
.content-action-icon-svg{display:inline-flex;align-items:center;justify-content:center;}
.content-private-share-action{color:#47617b;}
.content-private-share-action:hover{color:#0f5b84;background:#eef6fb;}

/* Once the feed/card becomes tight, meaning is carried by the icon while the
   complete localized label remains available through title/aria-label. */
@media(max-width:1180px){
  .community-feed-card .content-action-label,
  .profile-publication-card .content-action-label,
  .product-social-actions .content-action-label{display:none;}
  .community-feed-card .content-action,
  .profile-publication-card .content-action,
  .product-social-actions .content-action{padding-inline:7px;gap:4px;}
}
@media(max-width:720px){
  .content-actions{gap:2px;justify-content:flex-start;overflow:visible;}
  .content-actions .content-action-label{display:none!important;}
  .content-actions .content-action{min-height:34px;padding:0 5px;gap:3px;flex:0 0 auto;}
  .content-actions .content-action-icon{min-width:16px;font-size:16px;}
  .content-actions .content-count{min-width:8px;font-size:9px;}
  .content-actions.has-owner-actions .publication-owner-actions{margin-left:auto;flex:0 0 auto;}
}
@media(max-width:360px){
  .content-actions .content-action{padding-inline:4px;}
  .content-actions{gap:1px;}
}

.private-share-page{max-width:820px;}
.private-share-card{padding:24px;}
.private-share-card h1{margin:6px 0 8px;font-size:26px;}
.private-share-card>p{margin:0 0 18px;color:#667085;line-height:1.7;}
.private-share-back{display:inline-flex;margin-bottom:14px;color:#47617b;text-decoration:none;font-weight:800;font-size:12px;}
.private-share-source{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start;padding:14px;margin-bottom:18px;border:1px solid var(--line);border-radius:14px;background:#f8fafc;}
.private-share-source>img{width:72px;height:72px;object-fit:cover;border-radius:12px;background:#fff;}
.private-share-source strong{display:block;color:#17212b;font-size:15px;line-height:1.35;}
.private-share-source span{display:block;margin-top:4px;color:#667085;font-size:11px;}
.private-share-source p{margin:7px 0 0;color:#667085;font-size:12px;line-height:1.55;}
.private-share-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;}
.private-share-head small{color:#98a2b3;}
.private-share-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:420px;overflow:auto;padding:2px;}
.private-share-person{display:grid;grid-template-columns:22px 42px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;}
.private-share-person:has(input:checked){border-color:#69b7a5;background:#f0faf7;}
.private-share-person input{width:17px;height:17px;margin:0;accent-color:#087f5b;}
.private-share-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eef4f7;color:#163c64;font-weight:900;}
.private-share-avatar img{width:100%;height:100%;object-fit:cover;}
.private-share-person-copy{min-width:0;display:flex;flex-direction:column;gap:2px;}
.private-share-person-copy strong,.private-share-person-copy small,.private-share-person-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.private-share-person-copy small{color:#667085;font-size:10px;}
.private-share-person-copy em{font-style:normal;color:#087f5b;font-size:9px;font-weight:800;}
.private-share-note{display:block;margin:16px 0 12px;}
.private-share-note>span{display:block;margin-bottom:6px;font-weight:800;font-size:12px;}
.private-share-note textarea{width:100%;min-height:90px;resize:vertical;padding:11px 12px;border:1px solid var(--line);border-radius:12px;font:inherit;}
.company-private-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;}

.message-shared-context-card{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;margin:0 0 8px;border:1px solid #dce6ef;border-radius:12px;background:#f8fbfd;color:#263648;}
.message-shared-context-card.has-thumb{grid-template-columns:56px minmax(0,1fr);}
.message-shared-context-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e6edf3;display:block;}
.message-shared-context-thumb img{width:100%;height:100%;object-fit:cover;}
.message-shared-context-copy{min-width:0;}
.message-shared-context-kicker{display:block;color:#7890a6;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;}
.message-shared-context-title{display:block;margin-top:2px;color:#163c64;font-size:12px;font-weight:900;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.message-shared-context-copy small{display:block;margin-top:2px;color:#667085;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.message-shared-context-copy p{margin:4px 0 0;color:#667085;font-size:10px;line-height:1.45;}
.message-shared-context-link{display:inline-flex;margin-top:4px;color:#163c64;font-size:9px;font-weight:850;text-decoration:none;}
@media(max-width:620px){
  .private-share-card{padding:17px;}
  .private-share-people{grid-template-columns:1fr;max-height:46vh;}
  .private-share-source{grid-template-columns:56px minmax(0,1fr);}
  .private-share-source>img{width:56px;height:56px;}
}


/* V0.63 — Private-share preview: text must use the full card width when no image exists. */
.private-share-source.no-image{grid-template-columns:minmax(0,1fr);}
.private-share-source-copy{min-width:0;max-width:100%;}
.private-share-source-copy strong,.private-share-source-copy span,.private-share-source-copy p{overflow-wrap:anywhere;word-break:normal;}

/* V0.63 — User activity notifications. */
.header-notification-btn{position:relative;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#24435f;display:grid;place-items:center;text-decoration:none;box-sizing:border-box;}
.header-notification-btn:hover{border-color:#9fb9c9;background:#f7fbfc;}
.header-notification-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.header-notification-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e23b2e;color:#fff;border:2px solid #fff;font-size:10px;font-weight:800;line-height:16px;text-align:center;box-sizing:border-box;}
.header-notification-badge.is-empty{display:none;}
.mobile-notification-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-inline-start:5px;border-radius:999px;background:#e23b2e;color:#fff;font-size:10px;line-height:1;}
.ta-notifications-page{max-width:980px;}
.ta-notifications-card{padding:24px;}
.ta-notifications-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;}
.ta-notifications-heading h1{margin:5px 0 6px;font-size:28px;}
.ta-notifications-heading p{margin:0;color:#667085;line-height:1.6;}
.ta-notification-list{display:grid;gap:8px;}
.ta-notification-item{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:inherit;text-decoration:none;}
.ta-notification-item:hover{background:#f8fbfc;border-color:#c7d8e1;}
.ta-notification-item.is-unread{background:#f2faf7;border-color:#bcded2;}
.ta-notification-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#eaf0f5;color:#27465e;font-weight:800;}
.ta-notification-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.ta-notification-copy{min-width:0;display:grid;gap:4px;}
.ta-notification-copy strong{font-size:14px;color:#17212b;overflow-wrap:anywhere;}
.ta-notification-copy>span{font-size:13px;color:#5d6b7c;line-height:1.45;overflow-wrap:anywhere;}
.ta-notification-copy small{font-size:11px;color:#98a2b3;}
.ta-notification-dot{width:9px;height:9px;border-radius:50%;background:#e23b2e;box-shadow:0 0 0 3px #fff;}
@media(max-width:720px){
  .header-notification-btn{width:40px;height:40px;flex-basis:40px;border-radius:11px;}
  .ta-notifications-card{padding:17px;}
  .ta-notifications-heading{display:grid;gap:12px;}
  .ta-notifications-heading h1{font-size:24px;}
  .ta-notification-item{grid-template-columns:42px minmax(0,1fr) auto;padding:12px 10px;gap:10px;}
  .ta-notification-avatar{width:42px;height:42px;}
}
@media(max-width:430px){.header-notification-btn{width:34px;height:34px;flex-basis:34px;border-radius:9px}.header-notification-btn svg{width:18px;height:18px}.header-notification-badge{top:-7px;right:-7px}}


/* V0.64 — Multilingual home H1 sizing.
   Long localized headlines use a smaller responsive size so the Hero keeps
   a stable height on desktop and mobile without truncating the text. */
.hero-title{
  font-size:clamp(40px,3.2vw,46px);
  line-height:1.06;
  letter-spacing:-.03em;
  text-wrap:balance;
  overflow-wrap:normal;
}
html[lang="de"] .hero-title,
html[lang="es"] .hero-title,
html[lang="hi"] .hero-title,
html[lang="tr"] .hero-title,
html[lang="vi"] .hero-title,
html[lang="ar"] .hero-title{
  font-size:clamp(37px,2.8vw,42px);
  line-height:1.08;
}
html[lang="fr"] .hero-title,
html[lang="it"] .hero-title,
html[lang="pl"] .hero-title,
html[lang="pt"] .hero-title,
html[lang="ru"] .hero-title{
  font-size:clamp(35px,2.6vw,39px);
  line-height:1.09;
}
@media(max-width:900px){
  .hero-title{font-size:36px}
  html[lang="de"] .hero-title,html[lang="es"] .hero-title,html[lang="hi"] .hero-title,html[lang="tr"] .hero-title,html[lang="vi"] .hero-title,html[lang="ar"] .hero-title{font-size:34px}
  html[lang="fr"] .hero-title,html[lang="it"] .hero-title,html[lang="pl"] .hero-title,html[lang="pt"] .hero-title,html[lang="ru"] .hero-title{font-size:32px}
}
@media(max-width:650px){
  .hero-title{font-size:30px;line-height:1.1}
  html[lang="de"] .hero-title,html[lang="es"] .hero-title,html[lang="hi"] .hero-title,html[lang="tr"] .hero-title,html[lang="vi"] .hero-title,html[lang="ar"] .hero-title{font-size:29px}
  html[lang="fr"] .hero-title,html[lang="it"] .hero-title,html[lang="pl"] .hero-title,html[lang="pt"] .hero-title,html[lang="ru"] .hero-title{font-size:28px}
}

/* V0.65 — Production-safe multilingual desktop rail alignment.
   Long localized labels (especially German/French/Polish/Russian/Portuguese)
   must never change the homepage column geometry. Sponsored and support rails
   share the exact same grid column; recommendation rows reserve a stable action
   column and truncate only the descriptive text. */
@media(min-width:901px){
  .hero.has-sponsored .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr)!important;
    gap:24px!important;
    align-items:start!important;
    position:relative!important;
    min-height:0!important;
  }
  .hero.has-sponsored .hero-grid>div:first-child{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  .hero.has-sponsored .home-hero-ad{
    position:static!important;
    inset:auto!important;
    right:auto!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  .home-main>.layout{
    grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr)!important;
    gap:24px!important;
    align-items:start!important;
  }
  .home-main>.layout>.main-stack,
  .home-main>.layout>.side-stack{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box;
  }
  .home-main>.layout>.side-stack>.card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box;
  }
  .recommendation-person,
  .recommendation-company{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) max-content!important;
    gap:10px!important;
    align-items:center!important;
    min-width:0!important;
  }
  .recommendation-person>.info,
  .recommendation-company>.info{
    min-width:0!important;
    overflow:hidden;
  }
  .recommendation-person-name-row{
    display:flex!important;
    align-items:baseline!important;
    gap:6px!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:nowrap!important;
  }
  .recommendation-person-name-row .recommendation-name{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:45%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .recommendation-job-title{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .recommendation-company-name,
  .recommendation-company-name strong,
  .recommendation-person>.info>small,
  .recommendation-company>.info>small{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .recommend-follow-control,
  .recommendation-company>.company-follow-control{
    margin-left:0!important;
    margin-inline-start:0!important;
    min-width:max-content!important;
    max-width:92px!important;
    justify-self:end!important;
    align-items:flex-end!important;
  }
  [dir="rtl"] .recommend-follow-control,
  [dir="rtl"] .recommendation-company>.company-follow-control{
    justify-self:start!important;
    align-items:flex-start!important;
  }
  .recommend-follow-control .follow-btn,
  .recommendation-company .company-follow-btn{
    max-width:92px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .recommend-follow-control .follower-count,
  .recommendation-company .company-follower-count{
    max-width:92px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .post-author-row{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) max-content!important;
    align-items:center!important;
  }
  .post-author-identity{min-width:0!important;overflow:hidden!important;}
  .post-follow-control{
    margin-left:0!important;
    margin-inline-start:0!important;
    justify-self:end!important;
    min-width:max-content!important;
  }
  [dir="rtl"] .post-follow-control{justify-self:start!important;}
}

/* Long-script rail text remains readable without widening the desktop rail. */
@media(min-width:901px){
  html[lang="de"] .recommendation-panel,
  html[lang="fr"] .recommendation-panel,
  html[lang="es"] .recommendation-panel,
  html[lang="pt"] .recommendation-panel,
  html[lang="it"] .recommendation-panel,
  html[lang="pl"] .recommendation-panel,
  html[lang="ru"] .recommendation-panel,
  html[lang="tr"] .recommendation-panel,
  html[lang="vi"] .recommendation-panel,
  html[lang="hi"] .recommendation-panel,
  html[lang="ar"] .recommendation-panel{
    overflow:hidden;
  }
}

/* V0.65 — Mobile/tablet min-width guard for every language.
   Grid children must be allowed to shrink below their intrinsic text width;
   otherwise long German/Russian/etc. labels can force the whole page wider. */
@media(max-width:900px){
  .hero-grid,
  .layout{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .hero-grid>*,
  .layout>*,
  .main-stack,
  .side-stack,
  .recommendation-person,
  .recommendation-company,
  .recommendation-person>.info,
  .recommendation-company>.info,
  .post-author-row,
  .post-author-identity{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box;
  }
  .recommendation-person-name-row{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden;
  }
  .recommendation-person-name-row .recommendation-name,
  .recommendation-job-title,
  .recommendation-company-name,
  .recommendation-company-name strong{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}
@media(max-width:900px){
  .layout>.side-stack{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .layout>.side-stack>.card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

/* V0.66 — Compact homepage Hero/feed spacing without regressing V0.65 rail alignment.
   Keep Sponsored in the exact desktop right-column geometry, but remove it from
   the Hero row height so a tall ad cannot create a large blank block above Feed. */
@media(min-width:901px){
  .hero.has-sponsored .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr)!important;
    gap:24px!important;
    align-items:start!important;
    position:relative!important;
    min-height:0!important;
  }
  .hero.has-sponsored .hero-grid>div:first-child{
    grid-column:1!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  .hero.has-sponsored .home-hero-ad{
    position:absolute!important;
    grid-column:2!important;
    grid-row:1!important;
    top:0!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    align-self:start!important;
  }
  /* The grid lives inside .wrap's 22px desktop padding. Absolutely positioned
     grid children otherwise extend to the padding edge, making Sponsored about
     22px wider than the lower support rail. Keep exact column boundaries in
     both LTR and Arabic RTL while retaining the compact left-side flow. */
  html:not([dir="rtl"]) .hero.has-sponsored .home-hero-ad{
    left:0!important;
    right:22px!important;
  }
  html[dir="rtl"] .hero.has-sponsored .home-hero-ad{
    left:22px!important;
    right:0!important;
  }
  /* Feed follows the left Hero content, not the Sponsored card height. */
  .hero.has-sponsored{padding-bottom:12px!important;}
  .home-main{padding-top:20px!important;}
}

/* V0.68 retains V0.67 — Keep the member number visually attached to the author name.
   The identity column may stretch to protect long-language layouts, but the
   name + member number line itself must stay content-sized. Long names shrink
   with ellipsis before the non-shrinking member number; follow controls remain
   independently right-aligned. */
.post-author-identity{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.post-author-name-line{
  display:flex;
  align-items:baseline;
  gap:4px;
  width:max-content;
  max-width:100%;
  min-width:0;
}
.post-author-name-line .post-author-name{
  display:block;
  flex:0 1 auto;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.post-author-name-line .post-author-member{
  flex:0 0 auto;
  white-space:nowrap;
}
[dir="rtl"] .post-author-name-line{
  margin-inline-start:0;
  margin-inline-end:0;
}

/* V0.69 — Homepage multilingual / long-UGC width lock.
   Preserve the V0.68 desktop geometry exactly while ensuring neither localized
   controls nor arbitrarily long user text can widen the left feed column. */
.home-main>.layout>div:first-child,
.home-main #community-feed,
.home-main .community-feed-list,
.home-main .community-feed-card{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box;
}
.home-main .community-feed-card h3,
.home-main .community-feed-card p,
.home-main .community-feed-card .feed-title-link,
.home-main .community-feed-card .feed-body-link,
.home-main .community-feed-card .feed-summary-text,
.home-main .community-feed-card .repost-commentary{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.home-main .community-feed-card .content-actions,
.home-main .community-feed-card .publication-owner-actions{
  min-width:0;
  max-width:100%;
  flex-wrap:wrap;
}
@media(min-width:901px){
  .home-main>.layout{
    grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr)!important;
  }
}

/* V0.72 on-demand AI translation -------------------------------------------
   Public content stays in the author's original language until the viewer
   explicitly asks for a translation. Existing translation memory is reused. */
.ta-translation-on-demand{margin-top:7px}
.ta-translation-request{
  display:inline-flex;align-items:center;justify-content:center;min-height:30px;
  border:1px solid #c9d9e5;border-radius:999px;background:#fff;padding:5px 11px;
  color:#0f5b86;font:inherit;font-weight:700;cursor:pointer;line-height:1.25;
}
.ta-translation-request:hover{background:#f5f9fc;border-color:#9dbdd1}
.ta-translation-request[disabled]{cursor:wait;opacity:.72}
.ta-translation-status:empty{display:none}
[data-ta-translation-field]{white-space:pre-line}
.ta-translation-meta.is-error .ta-translation-status{color:#b42318}
.ta-translation-meta.is-limit .ta-translation-status{color:#9a6700}
.ta-translation-meta.is-complete .ta-translation-status{color:#667085}
html[dir="rtl"] .ta-translation-request{direction:rtl}

/* V0.72 translation allowance + character counters */
.account-ai-translation-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0}
.account-ai-translation-card p{margin:5px 0}.account-ai-translation-card small{color:var(--muted,#667085)}
.account-ai-translation-actions{max-width:360px;text-align:right}.account-ai-coming{font-size:13px;color:var(--muted,#667085)}
.ta-char-counter{display:block;margin-top:5px;text-align:right;font-size:12px;color:var(--muted,#667085)}
.ta-char-counter.is-near-limit{font-weight:700;color:#9a6700}.ta-char-counter.is-at-limit{font-weight:800;color:#b42318}
@media(max-width:700px){.account-ai-translation-card{align-items:flex-start;flex-direction:column}.account-ai-translation-actions{text-align:left;max-width:none}}

/* V0.72 content-language control. Scoped to the composer only. */
.composer-source-language-row{margin:0 0 12px}.composer-source-language-row label{display:grid;gap:6px}.composer-source-language-row span{font-weight:700}.composer-source-language-row select{max-width:360px;padding:9px 10px;border:1px solid #d5dde6;border-radius:10px;background:#fff;color:inherit}.composer-source-language-row small{color:#667085;line-height:1.45}

/* V0.74 — Commercial Profile main order types */
.commercial-order-types{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;margin-top:3px}
.company-homepage-fields .commercial-order-option{
  display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border:1px solid #dce5ec;border-radius:10px;background:#fafcfd;
  cursor:pointer;white-space:normal;word-break:keep-all;overflow-wrap:normal;line-height:1.35
}
.company-homepage-fields .commercial-order-option input[type="checkbox"]{
  width:16px;height:16px;min-width:16px;flex:0 0 16px;margin:0;padding:0;accent-color:#0b8f68
}
.company-homepage-fields .commercial-order-option span{font-size:10px;font-weight:800;color:#33485b;word-break:keep-all}
.company-homepage-fields .commercial-order-option:hover{border-color:#b8cbd8;background:#f5faf8}
@media(max-width:760px){.commercial-order-types{grid-template-columns:repeat(2,minmax(120px,1fr))}}
@media(max-width:420px){.commercial-order-types{grid-template-columns:1fr}}

/* V0.74 — translation-credit purchase */
.translation-purchase-wrap{padding-top:28px;padding-bottom:64px;max-width:1180px}
.translation-purchase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.translation-purchase-head h1{margin:4px 0 8px;font-size:clamp(28px,4vw,42px);line-height:1.1;color:#101828}
.translation-purchase-head p{margin:0;max-width:760px;color:#667085;line-height:1.7}
.translation-purchase-alert{padding:13px 16px;border-radius:12px;margin:0 0 16px;border:1px solid #d0d5dd;background:#fff}
.translation-purchase-alert.success{background:#ecfdf3;border-color:#abefc6;color:#067647}
.translation-purchase-alert.error{background:#fef3f2;border-color:#fecdca;color:#b42318}
.translation-balance-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;margin-bottom:20px;box-shadow:0 8px 24px rgba(16,24,40,.04)}
.translation-balance-card>div{padding:14px;border-radius:12px;background:#f8fafc}.translation-balance-card small{display:block;color:#667085;margin-bottom:5px}.translation-balance-card strong{font-size:26px;color:#101828}.translation-balance-card p{grid-column:1/-1;margin:0;color:#667085;font-size:13px}
.translation-package-section,.translation-order-history,.translation-payment-card{border:1px solid #e4e7ec;border-radius:18px;background:#fff;padding:22px;margin-bottom:20px;box-shadow:0 8px 28px rgba(16,24,40,.04)}
.translation-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:16px}.translation-section-head h2,.translation-order-history h2,.translation-payment-card h2{margin:0 0 6px;color:#101828}.translation-section-head p{max-width:650px;margin:0;color:#667085;line-height:1.6}
.translation-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.translation-package-card{border:1px solid #d0d5dd;border-radius:15px;padding:18px;display:flex;flex-direction:column;gap:9px;min-width:0}.translation-package-card>span,.translation-package-card>small{color:#667085;font-size:13px}.translation-package-card>strong{font-size:22px;line-height:1.25;color:#101828}.translation-package-price{font-size:19px;font-weight:750;color:#175cd3}.translation-package-card form{margin-top:auto;padding-top:8px}.translation-package-card .btn{width:100%;justify-content:center}
.translation-purchase-empty{padding:24px;border:1px dashed #d0d5dd;border-radius:14px;background:#f8fafc;color:#667085;text-align:center}
.translation-payment-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;position:relative}.translation-payment-summary{padding:4px 8px 4px 0}.translation-payment-summary p{color:#667085;line-height:1.65}.translation-payment-price{display:block;font-size:28px;margin:10px 0;color:#175cd3}.translation-paypal-btn{display:inline-flex;margin:8px 0}.translation-payment-summary>small{display:block;color:#667085;line-height:1.55}
.translation-payment-form{border-left:1px solid #e4e7ec;padding-left:24px;display:grid;gap:13px}.translation-payment-form h3{margin:0}.translation-payment-form ol{margin:0;padding-left:22px;color:#475467;line-height:1.6}.translation-payment-form label{display:grid;gap:6px;color:#344054;font-weight:650}.translation-payment-form input,.translation-payment-form textarea{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;font:inherit;background:#fff}.translation-payment-form textarea{resize:vertical}.translation-payment-form label small{font-weight:400;color:#667085}.translation-order-cancel{position:absolute;left:22px;bottom:22px}
.translation-order-table-wrap{overflow:auto}.translation-order-table-wrap table{width:100%;border-collapse:collapse;min-width:720px}.translation-order-table-wrap th,.translation-order-table-wrap td{text-align:left;padding:12px 10px;border-bottom:1px solid #eaecf0;vertical-align:top}.translation-order-table-wrap th{color:#475467;font-size:13px;font-weight:700}.translation-order-table-wrap td{color:#344054}.translation-order-table-wrap td small{display:block;color:#98a2b3;margin-top:3px}
@media(max-width:900px){.translation-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.translation-payment-card{grid-template-columns:1fr}.translation-payment-form{border-left:0;border-top:1px solid #e4e7ec;padding-left:0;padding-top:20px}.translation-order-cancel{position:static;grid-column:1/-1}.translation-section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.translation-purchase-wrap{padding-top:18px}.translation-purchase-head{flex-direction:column}.translation-balance-card,.translation-package-grid{grid-template-columns:1fr}.translation-balance-card p{grid-column:auto}.translation-package-section,.translation-order-history,.translation-payment-card{padding:16px;border-radius:14px}.translation-package-card{padding:15px}.translation-payment-price{font-size:24px}}

/* V0.75 verified professional badge — public user identity */
.ta-user-avatar-shell{
  position:relative;
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.ta-user-verified-badge{
  position:absolute;
  z-index:4;
  left:-7px;
  top:-7px;
  width:20px;
  height:20px;
  border:2px solid #fff;
  border-radius:50%;
  background:#0f8a67;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:12px;
  line-height:1;
  font-weight:950;
  box-shadow:0 3px 9px rgba(15,138,103,.24);
}
.ta-user-avatar-shell-profile .ta-user-verified-badge{
  left:-8px;
  top:-8px;
  width:24px;
  height:24px;
  font-size:14px;
}
.ta-user-avatar-shell-post .ta-user-verified-badge,
.ta-user-avatar-shell-recommendation .ta-user-verified-badge{
  left:-6px;
  top:-6px;
  width:18px;
  height:18px;
  font-size:10px;
}
@media(max-width:620px){
  .ta-user-avatar-shell-profile .ta-user-verified-badge{left:-6px;top:-6px;width:21px;height:21px;font-size:12px}
}
.ta-user-avatar-shell-chat .ta-user-verified-badge,
.ta-user-avatar-shell-message .ta-user-verified-badge{
  left:-6px;
  top:-6px;
  width:17px;
  height:17px;
  font-size:9px;
}

/* V0.75 — privacy policy and localized footer */
.foot-legal-links{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.foot-legal-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.privacy-page{display:grid;gap:18px;padding-top:28px;padding-bottom:50px;max-width:1080px}.privacy-hero{padding:30px}.privacy-hero h1{margin:8px 0 12px}.privacy-hero p{max-width:880px;line-height:1.75}.privacy-hero small{display:block;margin-top:14px;color:var(--muted,#718096)}.privacy-sections{display:grid;gap:14px}.privacy-section{padding:24px 28px}.privacy-section h2{margin:0 0 10px;font-size:20px}.privacy-section p{margin:0;line-height:1.78;color:var(--muted,#5f6f82)}.privacy-legal-note{font-size:13px;color:var(--muted,#718096);line-height:1.6;padding:0 8px}
@media(max-width:720px){.privacy-page{padding-top:16px}.privacy-hero,.privacy-section{padding:20px}.foot-legal-links{justify-content:flex-start}}

/* ==========================================================
   V0.75 certifications + professional matching/reputation
   ========================================================== */
.company-certification-section{margin-top:16px;padding:20px;border:1px solid #dfe7ee;border-radius:18px;background:#fff}
.company-certification-section .section-head{margin-bottom:14px}.company-certification-section .account-eyebrow{color:#0b8f68}
.certification-card-grid{grid-template-columns:repeat(3,minmax(220px,1fr));max-width:none}
.certification-card-grid .company-document-card{max-width:none;padding:15px;border:1px solid #e1e8ee;border-radius:14px;box-shadow:none}
.certificate-card-head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center}
.certificate-mark-logo{width:64px;height:52px;display:grid;place-items:center;border:1px solid #e0e7ed;border-radius:10px;background:#fff;overflow:hidden;padding:5px;color:#173b59;font-size:12px;font-weight:900;text-align:center;line-height:1.15}
.certificate-mark-logo img{width:100%;height:100%;object-fit:contain;display:block}.certificate-mark-logo.is-text{word-break:normal;overflow-wrap:normal}
.certificate-card-title{min-width:0}.certificate-card-title h3{margin:0 0 4px;white-space:normal;font-size:13px}.certificate-review-label{font-size:9px;color:#68798b;font-weight:750}
.certificate-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}.certificate-status-valid{background:#e7f7f1;color:#087657}.certificate-status-expiring{background:#fff4d9;color:#946200}.certificate-status-expired{background:#fdebea;color:#a4312b}.certificate-status-under_review{background:#edf2f7;color:#64748b}
.certificate-meta-list{margin:13px 0;display:grid;gap:7px}.certificate-meta-list>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:9px;align-items:start}.certificate-meta-list dt{font-size:8.5px;font-weight:850;color:#7b8795}.certificate-meta-list dd{margin:0;font-size:10px;font-weight:750;color:#27394b;word-break:break-word}
.certificate-view-button{width:100%;justify-content:center}.certificate-verification-disclaimer{margin:14px 0 0;color:#748295;line-height:1.55}
.registration-document-card .certificate-card-head{grid-template-columns:64px minmax(0,1fr)}.registration-document-card .company-document-thumb{margin-top:12px}

.professional-match-card{margin-top:16px;padding:20px}.professional-match-card .section-head{margin-bottom:14px}.professional-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.professional-match-person{position:relative;display:grid;grid-template-columns:auto 46px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #dfe7ee;border-radius:12px;background:#fbfcfd;cursor:pointer}.professional-match-person:hover{border-color:#9bc8b9;background:#f7fbf9}.professional-match-person>input{width:16px;height:16px;margin:0}.professional-match-person .ta-user-avatar-shell{width:46px;height:46px}.professional-match-person .avatar-thumb{width:46px;height:46px;border-radius:50%;object-fit:cover;display:grid;place-items:center}.professional-match-copy{display:grid;min-width:0;gap:2px}.professional-match-copy strong{font-size:11px}.professional-match-copy small{font-size:9px;color:#68798b}.professional-match-copy>span{font-size:9px;color:#0b7659;font-weight:800}.professional-match-copy em{font-style:normal;font-size:8px;color:#8290a0}
.supplier-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.supplier-match-item{position:relative;padding:13px;border:1px solid #e0e7ed;border-radius:12px;background:#fbfcfd}.supplier-match-item>a{color:#183d5e;text-decoration:none}.supplier-match-item>a:hover{color:#0b8f68}.supplier-match-score{float:right;padding:4px 7px;border-radius:999px;background:#e7f7f1;color:#087657;font-size:8px;font-weight:900}.supplier-match-item p{clear:both;margin:8px 0;color:#607286;font-size:9px}.recommendation-feedback-form{margin:0}.text-button{border:0;padding:0;background:none;color:#607286;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.text-button:hover,.text-button.is-active{color:#0b8f68}.comment-reputation-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:7px}.inline-action-form{display:inline-flex;margin:0}.accepted-answer-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#e7f7f1;color:#087657;font-size:8px;font-weight:900}.helpful-count{color:#718196;font-size:8.5px}.matching-action-notice{margin-top:16px}

/* V0.75 compact, readable checkbox grid for company main order types. */
.company-order-type-grid,.commercial-order-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.company-order-type-grid label,.commercial-order-type-grid label{display:flex!important;align-items:center!important;gap:7px!important;min-width:0;padding:9px 10px;border:1px solid #dfe7ee;border-radius:10px;background:#fff;line-height:1.25;white-space:normal;word-break:keep-all;overflow-wrap:break-word}.company-order-type-grid input[type=checkbox],.commercial-order-type-grid input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px;margin:0!important;padding:0!important}
@media(max-width:900px){.certification-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-match-grid,.supplier-match-grid{grid-template-columns:1fr}.company-order-type-grid,.commercial-order-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.company-certification-section,.professional-match-card{padding:15px}.certification-card-grid{grid-template-columns:1fr}.certificate-card-head{grid-template-columns:56px minmax(0,1fr)}.certificate-card-head>.certificate-status{grid-column:2;justify-self:start}.certificate-mark-logo{width:56px;height:48px}.certificate-meta-list>div{grid-template-columns:82px minmax(0,1fr)}.company-order-type-grid,.commercial-order-type-grid{grid-template-columns:1fr}}
.commercial-order-types,.admin-choice-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.commercial-order-option,.admin-choice{display:flex!important;align-items:center!important;gap:7px!important;min-width:0;padding:9px 10px!important;border:1px solid #dfe7ee!important;border-radius:10px!important;background:#fff!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:break-word!important}.commercial-order-option input[type=checkbox],.admin-choice input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;margin:0!important;padding:0!important}.commercial-order-option span,.admin-choice span{min-width:0;line-height:1.25}
@media(max-width:900px){.commercial-order-types,.admin-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:520px){.commercial-order-types,.admin-choice-grid{grid-template-columns:1fr!important}}
.professional-reputation-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.professional-reputation-stats>div{padding:10px;border:1px solid #e1e8ee;border-radius:10px;background:#fafcfd;text-align:center}.professional-reputation-stats strong{display:block;color:#0b7659;font-size:18px}.professional-reputation-stats span{font-size:8.5px;color:#718196}

/* V0.75 — verified professional badge in comment avatars */
.ta-user-avatar-shell-comment{width:38px;height:38px;align-self:start}
.ta-user-avatar-shell-comment .comment-avatar{overflow:hidden}
.ta-user-avatar-shell-comment .comment-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.ta-user-avatar-shell-comment .ta-user-verified-badge{left:-6px;top:-6px;width:17px;height:17px;font-size:9px}

/* V0.75 certificate text-first public presentation */
.company-certification-summary{margin-top:16px;padding:18px 20px;border:1px solid #dfe7ee;border-radius:18px;background:#fff}
.company-certification-summary .section-head{margin-bottom:10px}.company-certification-summary .account-eyebrow{color:#0b8f68}
.company-certification-name-list{display:flex;flex-wrap:wrap;gap:10px}
.company-certification-name{appearance:none;border:1px solid #bfe8d7;background:#f1fbf7;color:#0b8f68;border-radius:999px;padding:9px 14px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:inherit;line-height:1;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.company-certification-name strong{font-weight:900;letter-spacing:.02em}.company-certification-name:hover,.company-certification-name:focus-visible{background:#e6f8f0;border-color:#75caae;outline:none;transform:translateY(-1px)}
.company-certification-check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0b8f68;color:#fff;font-size:13px;font-weight:900}
.certificate-card-head.certificate-card-head-text{grid-template-columns:minmax(0,1fr) auto}
.certificate-name-link{appearance:none;border:0;background:transparent;padding:0;color:#0b8f68;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:inherit;text-align:left}
.certificate-name-link strong{font-size:17px;font-weight:900;letter-spacing:.02em}.certificate-name-link span{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#0b8f68;color:#fff;font-size:12px;font-weight:900}
.certificate-name-link:hover strong,.certificate-name-link:focus-visible strong{text-decoration:underline}.certificate-name-link:focus-visible{outline:2px solid #75caae;outline-offset:4px;border-radius:4px}
@media(max-width:560px){.company-certification-summary{padding:15px}.company-certification-name-list{gap:8px}.company-certification-name{padding:8px 12px}.certificate-card-head.certificate-card-head-text{grid-template-columns:1fr}.certificate-card-head.certificate-card-head-text>.certificate-status{justify-self:start}}

/* V0.75 user presence replaces the former generic public user verification badge. */
.ta-user-presence-name{font-weight:700;transition:color .15s ease}.ta-user-presence-name.is-online{color:#0a9a70}.ta-user-presence-name.is-offline{color:#8a96a6}.ta-user-presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}.ta-user-presence-dot.is-online{background:#11a779;box-shadow:0 0 0 2px rgba(17,167,121,.12)}.ta-user-presence-dot.is-offline{background:#a6afb9}

/* V0.75 safe external-link rendering in every message surface. */
.ta-message-body{white-space:normal;overflow-wrap:anywhere}.ta-message-link{color:#164f7c;text-decoration:underline;text-underline-offset:2px}.ta-message-link.is-external::after{content:" ↗";font-size:.78em}.ta-external-link-warning{margin-top:8px;padding:8px 10px;border:1px solid #f1d49b;border-radius:9px;background:#fff8e8;color:#72511d;display:flex;gap:7px;align-items:flex-start;font-size:12px;line-height:1.45}.ta-external-link-warning strong{color:#c87900}

/* V0.75 paid-service administrator chat uses the same visual language as private chat. */
.ta-admin-contact-panel{position:fixed;right:24px;bottom:86px;width:min(410px,calc(100vw - 28px));height:min(620px,calc(100dvh - 120px));z-index:1205;background:#fff;border:1px solid #d9e3ea;border-radius:18px;box-shadow:0 22px 56px rgba(22,45,68,.22);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:.18s ease}.ta-admin-contact-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.ta-admin-contact-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e4ebef;background:#fff}.ta-admin-contact-brand{display:flex;align-items:center;gap:10px;min-width:0}.ta-admin-contact-brand>div{display:flex;flex-direction:column}.ta-admin-contact-brand strong{font-size:15px}.ta-admin-contact-brand small{color:#758398;font-size:11px}.ta-admin-contact-toggle{border:0;background:#edf3f6;border-radius:9px;width:32px;height:32px;font-size:18px;color:#38576f;cursor:pointer}.ta-admin-contact-context{margin:10px 12px 0;padding:9px 11px;border:1px solid #dce8ee;border-radius:11px;background:#f5fafb;display:flex;flex-direction:column;gap:3px}.ta-admin-contact-context strong{font-size:12px;color:#153f5f}.ta-admin-contact-context span{font-size:12px;color:#5f7184}.ta-admin-contact-thread{flex:1;overflow:auto;padding:12px;background:#f2f5f7;display:flex;flex-direction:column;gap:9px}.ta-admin-contact-empty{margin:auto;color:#7b8794;font-size:13px;text-align:center}.ta-admin-chat-row{display:flex}.ta-admin-chat-row.is-user{justify-content:flex-end}.ta-admin-chat-row.is-admin{justify-content:flex-start}.ta-admin-chat-bubble{max-width:82%;border-radius:15px;padding:9px 11px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06);font-size:13px}.ta-admin-chat-row.is-user .ta-admin-chat-bubble{background:#92e95f;color:#102016}.ta-admin-chat-context{padding:6px 7px;margin-bottom:6px;border-radius:8px;background:rgba(255,255,255,.58);font-size:11px;font-weight:650}.ta-admin-chat-bubble time{display:block;margin-top:5px;font-size:10px;color:#718093}.ta-admin-contact-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border-top:1px solid #dde6eb;background:#fff}.ta-admin-contact-form textarea{resize:none;min-height:54px;max-height:120px;border:1px solid #cedae2;border-radius:12px;padding:9px 10px}.ta-admin-contact-form .btn{align-self:end;min-height:44px}
@media(max-width:620px){.ta-admin-contact-panel{right:8px;left:8px;bottom:74px;width:auto;height:min(68dvh,590px)}}
/* Paid-service pages no longer reserve a permanent right rail for payment/contact. */
.ta-paid-service-layout,.advertise-layout{display:block}.ta-paid-service-main,.advertise-form-card{width:100%;max-width:none}.advertise-plan-box .btn{margin-top:10px}

/* V0.75 certification names replace logo-based public summaries. */
.company-certifications-inline,.company-card-certifications{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px 0;min-width:0;max-width:100%;vertical-align:middle}.company-cert-name{color:#07946c!important;font-weight:750;text-decoration:none;white-space:nowrap}.company-cert-name:hover{text-decoration:underline}.company-cert-sep{color:#8793a2;white-space:pre}.company-cert-more{color:#07946c;font-weight:800}.company-directory-certifications{display:flex;flex-wrap:wrap;gap:4px 7px;margin-top:9px;max-width:100%;min-width:0}.company-directory-certifications .company-cert-name{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:normal;word-break:keep-all}.company-directory-certifications .company-cert-sep{display:none}

/* V0.75 comment agreement/disagreement + quoted reply threads. */
.comment-interaction-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px}.comment-reaction-btn,.comment-quote-btn{appearance:none;border:1px solid #d6e0e7;background:#fff;color:#526475;border-radius:999px;min-height:32px;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer;transition:.15s ease}.comment-reaction-btn:hover,.comment-quote-btn:hover,.comment-reaction-btn.is-active{border-color:#79cdb1;background:#eefaf5;color:#078d67}.comment-reaction-btn.is-active{font-weight:800}.comment-reaction-static{font-size:13px;color:#758393}.comment-quote-card{display:block;max-width:720px;margin:5px 0 9px;padding:8px 11px;border-left:3px solid #a9bdc9;border-radius:8px;background:#f5f8fa;color:#536575;text-decoration:none}.comment-quote-card strong{display:block;color:#22384a;font-size:13px;margin-bottom:2px}.comment-quote-card span{display:block;font-size:13px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-quote-card:hover{background:#edf4f6}.comment-compose-quote{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 8px;padding:8px 10px;border:1px solid #d8e3e9;border-left:3px solid #0b8f68;border-radius:9px;background:#f4faf8}.comment-compose-quote>div{min-width:0}.comment-compose-quote strong,.comment-compose-quote span{display:block}.comment-compose-quote strong{color:#0b795d;font-size:12px;margin-bottom:2px}.comment-compose-quote span{font-size:12px;color:#667787;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-compose-quote-close{border:0;background:transparent;color:#657786;font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.comment-item,.inline-comment-item{scroll-margin-top:120px;transition:background .25s ease,box-shadow .25s ease}.comment-item.is-comment-highlight,.inline-comment-item.is-comment-highlight{background:#f2fbf7;box-shadow:0 0 0 2px rgba(11,143,104,.16)}
@media(max-width:600px){.comment-interaction-row{gap:5px}.comment-reaction-btn,.comment-quote-btn{font-size:12px;padding:5px 8px}.comment-quote-card span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.comment-compose-quote span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}


/* V0.76 comment thread and compose polish */
.comment-compose-quote[hidden]{display:none!important}
.comment-utility-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;flex-wrap:wrap}
.comment-utility-translate{min-width:0}.comment-utility-translate .ta-translation-meta{margin:0}
.comment-utility-row .comment-interaction-row{margin:0 0 0 auto;justify-content:flex-end}
.comment-replying-to{margin:3px 0 5px;color:#6b7c8d;font-size:12px;font-weight:700}.comment-replying-to a{color:#0b8f68;text-decoration:none}.comment-replying-to a:hover{text-decoration:underline}
.comment-item.is-thread-reply,.inline-comment-item.is-thread-reply{margin-left:46px}
.comment-inline-delete{display:inline-block;margin-top:7px;border:0;background:transparent;color:#bf3934;font-size:12px;cursor:pointer;padding:2px 0}
@media(max-width:680px){.comment-item.is-thread-reply,.inline-comment-item.is-thread-reply{margin-left:16px}.comment-utility-row{align-items:flex-start}.comment-utility-row .comment-interaction-row{width:auto;margin-left:auto}.comment-utility-translate{flex:1 1 100%}.comment-utility-row .comment-interaction-row{flex:1 1 100%;justify-content:flex-end}}

/* V0.76 company document management + certificate grid */
.company-document-manage-list article{grid-template-columns:58px minmax(0,1fr) auto}.company-document-manage-copy{min-width:0}.company-document-delete-form{margin:0}.company-document-delete-form .text-button.danger{color:#bd342f;border:0;background:transparent;font-weight:800;cursor:pointer}
.company-certification-files-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.company-certification-files-grid .company-document-card{max-width:none;height:100%;display:flex;flex-direction:column}.company-certification-files-grid .certificate-view-button{margin-top:auto}
@media(max-width:980px){.company-certification-files-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.company-certification-files-grid{grid-template-columns:1fr}.company-document-manage-list article{grid-template-columns:54px minmax(0,1fr)}.company-document-delete-form{grid-column:2}}
.company-document-loader{min-height:260px;width:min(100%,820px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#657587;background:#f7f9fb;border-radius:12px}.company-document-loader strong{font-size:13px}.company-document-spinner{width:34px;height:34px;border:3px solid #d8e3e9;border-top-color:#0b8f68;border-radius:50%;animation:ta-doc-spin .8s linear infinite}@keyframes ta-doc-spin{to{transform:rotate(360deg)}}
.ta-admin-chat-quote{display:block;margin-bottom:6px;padding:6px 7px;border-left:3px solid #9ab7c6;border-radius:8px;background:rgba(255,255,255,.58);color:#405a70;text-decoration:none}.ta-admin-chat-quote strong,.ta-admin-chat-quote span{display:block}.ta-admin-chat-quote strong{font-size:11px}.ta-admin-chat-quote span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ta-admin-chat-images,.ta-admin-contact-image-preview{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.ta-admin-chat-images img,.ta-admin-contact-image-preview img{width:76px;height:76px;border-radius:9px;object-fit:cover;background:#fff;border:1px solid #d8e3e9}.ta-admin-chat-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.ta-admin-chat-foot button{border:0;background:transparent;color:#245b7f;font-size:10px;font-weight:800;cursor:pointer;padding:0}.ta-admin-contact-compose-quote{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border-left:3px solid #0b8f68;border-radius:8px;background:#f3faf7}.ta-admin-contact-compose-quote[hidden]{display:none!important}.ta-admin-contact-compose-quote strong,.ta-admin-contact-compose-quote span{display:block}.ta-admin-contact-compose-quote strong{color:#08795c;font-size:11px}.ta-admin-contact-compose-quote span{font-size:11px;color:#667789;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:285px}.ta-admin-contact-compose-quote button{border:0;background:transparent;color:#637486;font-size:18px;cursor:pointer}.ta-admin-contact-form{grid-template-columns:1fr}.ta-admin-contact-form-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.ta-admin-chat-image-picker{font-size:11px;color:#315d7d;font-weight:800;cursor:pointer}.admin-message-upload-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-message-upload-row small{color:#748496}.admin-message-image-preview,.admin-message-images{display:flex;gap:8px;flex-wrap:wrap}.admin-message-image-preview img,.admin-message-images img{width:82px;height:82px;object-fit:cover;border-radius:10px;border:1px solid #d8e3e9}.admin-message-quote-btn{margin-top:7px;border:0;background:transparent;color:#245b7f;font-weight:800;font-size:11px;cursor:pointer}.admin-message-compose-quote[hidden]{display:none!important}

/* V0.77 Member upgrade + company registration metadata */
.ta-user-presence-name.is-paid-member{color:#b88716!important;font-weight:800;text-shadow:0 0 .01px currentColor}
.account-role-member-line{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.account-role-member-line>strong{min-width:0}.account-membership-upgrade-link{border:0;background:transparent;padding:0;color:#9a6a00;font:inherit;font-size:9px;font-weight:900;text-decoration:underline;text-underline-offset:2px;cursor:pointer;white-space:nowrap}.account-member-badge{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid #e4ca7a;border-radius:999px;background:#fff8df;color:#9b6a00;font-size:8.5px;font-weight:900;white-space:nowrap}
.membership-upgrade-modal[hidden]{display:none}.membership-upgrade-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:20px}.membership-upgrade-backdrop{position:absolute;inset:0;border:0;background:rgba(12,23,34,.62);cursor:default}.membership-upgrade-dialog{position:relative;z-index:1;width:min(880px,96vw);max-height:92vh;overflow:auto;border-radius:18px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.28);padding:22px}.membership-upgrade-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.membership-upgrade-head h2{margin:4px 0 5px;font-size:23px}.membership-upgrade-head p{margin:0;max-width:720px;color:#667085;font-size:11px;line-height:1.65}.membership-upgrade-close{flex:0 0 34px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f4f7;font-size:22px;line-height:1;cursor:pointer}.membership-compare-table{margin-top:18px;border:1px solid #e2e8ee;border-radius:13px;overflow:hidden}.membership-compare-row{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(0,1fr) minmax(0,1fr);border-top:1px solid #e7edf2}.membership-compare-row:first-child{border-top:0}.membership-compare-row>*{padding:12px 13px;min-width:0;font-size:10px;line-height:1.55}.membership-compare-row>strong{background:#fafcfd;color:#344054}.membership-compare-row>span:nth-child(3),.membership-compare-row.is-head>strong:nth-child(3){background:#fffaf0}.membership-compare-row.is-head{background:#f8fafb}.membership-compare-row.is-head strong{font-size:11px;color:#172b3a}.membership-upgrade-price{margin-top:16px;padding:15px;border:1px solid #ead391;border-radius:12px;background:#fffaf0}.membership-upgrade-price strong{display:block;color:#8a5b00;font-size:17px}.membership-upgrade-price small{display:block;margin-top:6px;color:#7a6850;font-size:9px;line-height:1.6}.membership-upgrade-actions{display:flex;justify-content:flex-end;margin-top:14px}.membership-mobile-label{display:none}body.membership-modal-open{overflow:hidden}
.company-registration-line{display:flex;gap:6px 12px;flex-wrap:wrap;color:#6f7e90;font-size:9px;line-height:1.55}.company-registration-line strong{color:#445366;font-weight:850}.company-directory-card .company-registration-line{padding:9px 10px;border:1px solid #e7edf2;border-radius:9px;background:#fafcfd}.company-profile-registration-line{margin:8px 0 0}.company-registration-declared{color:#8994a3;font-size:8px;font-weight:750}
@media(max-width:650px){.membership-upgrade-dialog{padding:16px}.membership-compare-row{grid-template-columns:1fr}.membership-compare-row.is-head{display:none}.membership-compare-row>*{padding:9px 11px}.membership-compare-row>strong{border-bottom:1px solid #edf1f4}.membership-mobile-label{display:inline;font-weight:850;color:#667085}.membership-mobile-label.member{color:#9a6a00}.membership-upgrade-actions .btn{width:100%}}

/* V0.77 — Member identity, chat translation and external-link UX */
.ta-user-presence-name.is-paid-member{color:#b88716!important;font-weight:800}
.chat-translation-block{display:grid;gap:6px}.chat-translation-line{display:flex;align-items:flex-start;gap:6px;min-width:0;line-height:1.55}.chat-translation-label{flex:0 0 auto;color:#1769aa;font-size:10px;font-weight:850;white-space:nowrap}.chat-translation-label::after{content:":"}.chat-translation-copy{min-width:0;flex:1}.chat-translation-copy.ta-message-body{margin:0}.chat-translation-result{border-top:1px solid rgba(15,23,42,.08);padding-top:6px}.chat-translation-loading{font-size:11px;opacity:.65}
.chat-translation-limit-modal{position:fixed;inset:0;z-index:12050;display:grid;place-items:center;padding:18px}.chat-translation-limit-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.38)}.chat-translation-limit-dialog{position:relative;width:min(440px,100%);background:#fff;border-radius:16px;padding:22px;box-shadow:0 24px 70px rgba(15,23,42,.22);display:grid;gap:12px}.chat-translation-limit-dialog strong{font-size:17px}.chat-translation-limit-dialog p{margin:0;line-height:1.65}.chat-translation-limit-close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:24px;cursor:pointer}
.company-contact-usage{display:block;margin-top:10px;color:#667085}.registration-document-card .company-document-thumb{margin-top:4px}

/* V0.78 compact company contact privacy controls */
.company-contact-privacy-field{grid-column:1/-1}
.company-contact-privacy-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(118px,180px);gap:10px;align-items:center}
.company-contact-privacy-controls select{min-width:0}
@media(max-width:620px){.company-contact-privacy-controls{grid-template-columns:1fr}.company-contact-privacy-field{grid-column:auto}}

/* V0.78 localized segmented date input (desktop only; mobile keeps native picker) */
.ta-local-date-source{display:none!important}.ta-local-date-input{display:flex;align-items:center;gap:5px;width:100%;min-height:42px;padding:6px 9px;border:1px solid #d8e1e9;border-radius:9px;background:#fff;box-sizing:border-box}.ta-local-date-input .ta-date-segment{width:2.6em!important;min-width:0!important;padding:4px 2px!important;border:0!important;border-radius:4px!important;background:transparent!important;text-align:center;box-shadow:none!important}.ta-local-date-input .ta-date-y{width:4.9em!important}.ta-local-date-input .ta-date-time{width:7.5em!important;min-width:0;padding:4px 5px!important;border:0!important;box-shadow:none!important}.ta-date-separator{color:#8a98a8;font-weight:700}.ta-local-date-input:focus-within{border-color:#7ba3c6;box-shadow:0 0 0 3px rgba(22,60,100,.07)}
@media(pointer:coarse),(max-width:760px){.ta-local-date-source{display:block!important}.ta-local-date-input{display:none!important}}


/* V0.79 registration identity + immutable account country */
.registration-identity-row{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(220px,.9fr);gap:14px;align-items:start}
.profile-country-locked{display:grid;gap:7px;padding:12px 14px;border:1px solid #d0d5dd;border-radius:11px;background:#f8fafc;align-content:center}
.profile-country-locked>span{color:#344054;font-size:12px;font-weight:800}
.profile-country-locked>strong{color:#101828;font-size:14px}
.feed-content-detail-target{cursor:pointer}
.feed-content-detail-target:focus-visible{outline:2px solid #1570ef;outline-offset:4px;border-radius:6px}
@media(max-width:650px){.registration-identity-row{grid-template-columns:1fr}.registration-country-field{min-width:0}}


/* ==========================================================
   V0.80 registration fit + required-field validation
   ========================================================== */
@media(min-width:901px){
  .topbar .desktop-lang-wrap .select{
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    padding-left:12px!important;
    padding-right:25px!important;
    text-align:left;
  }
}
.registration-country-field{min-width:0}
.registration-country-field select.input{width:100%;min-width:0;padding-right:34px;text-overflow:ellipsis}
.account-form .input.ta-required-invalid,
.account-form select.ta-required-invalid,
.account-form textarea.ta-required-invalid{
  border-color:#d92d20!important;
  box-shadow:0 0 0 3px rgba(217,45,32,.10)!important;
}
.account-form .account-check.ta-required-invalid-label{
  color:#b42318;
}
.account-form .account-check.ta-required-invalid-label input[type="checkbox"]{
  outline:2px solid #d92d20;
  outline-offset:2px;
}
.account-form .ta-required-invalid-label>span:first-child{color:#b42318}


/* ==========================================================
   V0.80 compact verification + Sponsored alignment + post body
   ========================================================== */
.company-directory-name h2{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.company-directory-verified-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#078d67;font-size:.92em;font-weight:950;line-height:1}
.sponsored-company-brand-info{flex:1 1 auto;min-width:0;width:100%}
.sponsored-company-title-row{width:100%;justify-content:space-between;gap:12px;flex-wrap:nowrap}
.sponsored-company-title-row .sponsored-company-name{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
.sponsored-company-title-row .sponsored-company-follow,
.sponsored-company-title-row .sponsored-company-follow-live{margin-left:auto;flex:0 0 auto}
.publication-detail-body{margin:0;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.ta-translation-current>.publication-detail-body,.ta-translation-original>.publication-detail-body{margin-top:0}
@media(max-width:620px){
  .sponsored-company-title-row{align-items:flex-start;gap:8px}
  .sponsored-company-title-row .sponsored-company-name{font-size:16px}
}

/* V0.80 — one icon language for post actions on desktop + mobile. */
.content-actions .content-action-label{display:none!important;}
.content-action{
  position:relative;
  justify-content:center;
  min-height:38px;
  padding:0 8px;
  gap:4px;
  border-radius:999px;
}
.content-action-icon{display:inline-flex;align-items:center;justify-content:center;min-width:20px;}
.content-action-svg{
  width:20px;
  height:20px;
  display:block;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.content-action-svg circle{fill:none;stroke:currentColor;}
.content-action .content-action-svg-fillable{fill:transparent;transition:fill .16s ease;}
.content-action.is-active .content-action-svg-fillable{fill:currentColor;}
.content-action.is-active .content-action-svg-like,
.content-action.is-active .content-action-svg-save{color:#0b8f68;}
.content-actions .content-count{font-variant-numeric:tabular-nums;}
.ta-action-feedback-toast{
  position:fixed;
  left:50%;
  bottom:max(22px,calc(env(safe-area-inset-bottom) + 16px));
  z-index:9999;
  transform:translate(-50%,8px);
  opacity:0;
  pointer-events:none;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(24,34,45,.92);
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  box-shadow:0 8px 24px rgba(15,23,42,.18);
  transition:opacity .14s ease,transform .14s ease;
}
.ta-action-feedback-toast.is-visible{opacity:1;transform:translate(-50%,0);}
@media(max-width:720px){
  .content-actions{justify-content:space-between;gap:3px;}
  .content-action-form{flex:0 0 auto;}
  .content-actions .content-action{min-width:38px;min-height:38px;padding:0 5px;gap:3px;}
  .content-action-svg{width:20px;height:20px;}
  .content-actions .content-count{font-size:10px;}
}

/* V0.80 — compact company basics and registration-document placement. */
.company-basics-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  align-items:start;
  margin:0 0 14px;
}
.company-basic-cell{display:flex;flex-direction:column;gap:7px;min-width:0;}
.company-basic-cell>span{font-size:10px;font-weight:850;color:#536577;}
.company-basic-cell>small{font-size:8.5px;color:#7c8898;line-height:1.45;}
.company-basic-cell input,
.company-basic-cell select{
  width:100%;
  min-height:42px;
  box-sizing:border-box;
  padding:10px 11px;
  border:1px solid #d8e1e9;
  border-radius:9px;
  background:#fff;
  color:#172b3d;
  font:inherit;
}
.company-basic-cell input[readonly]{background:#f6f8fa;color:#657587;}
.company-logo-basic-control{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;align-items:center;min-height:42px;}
.company-logo-basic-control .company-homepage-logo-preview{width:52px;height:52px;border-radius:12px;margin:0;}
.company-logo-basic-control input[type="file"]{min-width:0;padding:8px;font-size:9px;}
.company-registration-document-inline{
  display:grid;
  grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);
  gap:12px;
  align-items:center;
  padding:11px 12px;
  border:1px solid #dce5eb;
  border-radius:12px;
  background:#f9fbfc;
}
.company-registration-document-copy>span{display:block;font-size:10px;font-weight:850;color:#536577;}
.company-registration-document-copy small{display:block;margin-top:4px;font-size:8.5px;color:#7c8898;line-height:1.45;}
.company-registration-document-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-wrap:wrap;}
.company-registration-document-controls input[type="file"]{min-width:180px;max-width:330px;flex:1 1 220px;}
.company-registration-document-thumb{
  width:54px;height:54px;flex:0 0 54px;padding:0;border:1px solid #d7e2e9;border-radius:9px;background:#fff;overflow:hidden;cursor:pointer;
}
.company-registration-document-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.company-registration-document-status{font-size:9px;font-weight:800;color:#667787;white-space:nowrap;}
.company-registration-document-delete{margin:0;}
.company-registration-document-form-anchor{display:none;}
.company-document-upload-grid-single{grid-template-columns:minmax(0,640px);}
.certificate-validity-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.certificate-validity-row label{min-width:0;}
@media(max-width:900px){
  .company-basics-row{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:620px){
  .company-basics-row{grid-template-columns:1fr;}
  .company-logo-basic-control{grid-template-columns:58px minmax(0,1fr);}
  .company-registration-document-inline{grid-template-columns:1fr;}
  .company-registration-document-controls{justify-content:flex-start;}
  .company-registration-document-controls input[type="file"]{max-width:none;flex-basis:100%;}
  .certificate-validity-row{grid-template-columns:1fr;}
}

/* ============================================================
   V0.82 — user/company management layout consistency
   Presentation only: no business logic, field semantics or permissions changed.
   ============================================================ */
.profile-identity-combined-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:
    "avatar expertise"
    "name language";
  column-gap:22px;
  row-gap:16px;
  align-items:start;
}
.profile-identity-combined-grid .profile-avatar-edit{
  grid-area:avatar;
  margin:0;
  min-height:94px;
  align-items:center;
}
.profile-combined-field{display:grid;gap:7px;min-width:0;align-content:start;}
.profile-combined-field>span{color:#344054;font-size:11px;font-weight:800;min-height:16px;display:flex;align-items:flex-end;}
.profile-combined-expertise{grid-area:expertise;}
.profile-combined-name{grid-area:name;}
.profile-combined-language{grid-area:language;}
.profile-identity-combined-grid .profile-file-field input[type="file"]{
  width:100%;
  min-height:46px;
  box-sizing:border-box;
  padding:9px 10px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
}
.profile-identity-combined-grid .profile-combined-name .input,
.profile-identity-combined-grid .profile-combined-language .input,
.profile-identity-combined-grid .profile-combined-expertise .input{height:46px;}

/* Company form controls in the same row share one visual baseline. */
.company-basics-row{align-items:stretch;}
.company-basic-cell{
  display:grid;
  grid-template-rows:32px 52px minmax(30px,auto);
  gap:6px;
  align-content:start;
}
.company-basic-cell>span{min-height:32px;display:flex;align-items:flex-end;line-height:1.35;}
.company-basic-cell input,
.company-basic-cell select{min-height:52px;height:52px;}
.company-logo-basic-control{height:52px;min-height:52px;align-items:center;}
.company-logo-basic-control input[type="file"]{height:52px;min-height:52px;box-sizing:border-box;}
.company-homepage-fields>label{align-content:start;}
.company-homepage-fields>label>span{min-height:18px;display:flex;align-items:flex-end;}
.company-homepage-fields input,
.company-homepage-fields select{min-height:44px;box-sizing:border-box;}

/* V0.82 certificate management: upload left, compact status gallery right. */
.company-certification-manage-layout{
  display:grid;
  grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);
  gap:16px;
  align-items:start;
}
.company-certification-upload-pane{min-width:0;}
.company-certification-upload-pane .company-document-upload-form{height:100%;box-sizing:border-box;}
.company-certificate-gallery{
  margin-top:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.company-certificate-gallery .company-certificate-card{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr auto;
  gap:8px;
  min-width:0;
  padding:10px;
  border:1px solid #e0e7ed;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
.company-certificate-card.status-approved{border-color:#b7e5d4;background:#fbfffd;}
.company-certificate-card.status-pending,
.company-certificate-card.status-needs_info{border-color:#f0d79a;background:#fffdf7;}
.company-certificate-card.status-rejected{border-color:#efc3c0;background:#fffafa;}
.company-certificate-card.status-hidden{border-color:#d8dee7;background:#fafbfc;}
.company-certificate-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.company-certificate-gallery .company-document-manage-thumb{width:52px;height:66px;flex:0 0 52px;}
.company-certificate-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  max-width:calc(100% - 60px);
  padding:4px 7px;
  border-radius:999px;
  font-size:8.5px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
}
.company-certificate-status.status-approved{background:#e9f8f2;color:#08775f;}
.company-certificate-status.status-pending{background:#fff3d6;color:#9a6700;}
.company-certificate-status.status-needs_info{background:#fff0dc;color:#a24d00;}
.company-certificate-status.status-rejected{background:#fdebea;color:#b42318;}
.company-certificate-status.status-hidden{background:#eef1f5;color:#667085;}
.company-certificate-gallery .company-document-manage-copy{min-width:0;}
.company-certificate-gallery .company-document-manage-copy strong{
  display:block;
  min-height:30px;
  font-size:10.5px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.company-certificate-gallery .company-document-manage-copy small{
  display:block;
  margin-top:5px;
  color:#718095;
  font-size:8.5px;
  line-height:1.45;
}
.company-certificate-gallery .company-document-delete-form{margin:0;justify-self:end;}
.company-certificate-gallery .company-document-delete-form .text-button{font-size:8.5px;}

@media(max-width:1100px){
  .company-certification-manage-layout{grid-template-columns:minmax(280px,.44fr) minmax(0,.56fr);}
  .company-certificate-gallery{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .profile-identity-combined-grid{
    grid-template-columns:1fr;
    grid-template-areas:"avatar" "name" "expertise" "language";
    gap:14px;
  }
  .profile-identity-combined-grid .profile-avatar-edit{min-height:0;}
  .company-certification-manage-layout{grid-template-columns:1fr;}
  .company-certificate-gallery{grid-template-columns:repeat(2,minmax(0,1fr));}
  .company-basic-cell{grid-template-rows:auto 52px auto;}
  .company-basic-cell>span{min-height:0;}
}
@media(max-width:480px){
  .company-certificate-gallery{grid-template-columns:1fr;}
}

/* ============================================================
   V0.82 — clear user-center navigation + form alignment
   Layout/presentation only; existing business controls remain intact.
   ============================================================ */
.user-center-layout{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.user-center-sidebar{min-width:0;position:relative;z-index:2;}
.user-center-desktop-nav{
  position:sticky;
  top:92px;
  display:grid;
  gap:7px;
  padding:10px;
  border:1px solid #e3e8ef;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 14px rgba(16,24,40,.045);
}
.user-center-nav-item{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 11px;
  border-radius:10px;
  color:#344054;
  font-size:13px;
  font-weight:750;
  text-decoration:none;
  line-height:1.25;
}
.user-center-nav-item:hover{background:#f6f8fb;text-decoration:none;}
.user-center-nav-item.is-active{background:#eef6ff;color:#175cd3;}
.user-center-nav-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;}
.user-center-nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.user-center-content{min-width:0;}
.user-center-mobile-select{display:none;}

/* Keep controls on a shared baseline across profile/company management screens. */
.user-center-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.user-center-content select{
  min-height:44px;
  box-sizing:border-box;
}
.user-center-content textarea{box-sizing:border-box;}
.company-contact-input-wrap{min-width:0;display:grid;gap:5px;}
.company-contact-input-wrap small{font-size:10px;color:#667085;line-height:1.35;}
.company-contact-privacy-controls{align-items:start;}

/* Inline comments can always be collapsed without scrolling back to the post bar. */
.inline-comments-head{align-items:center;}
.inline-comments-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;}
.inline-comments-collapse{
  width:32px;
  height:32px;
  display:inline-grid;
  place-items:center;
  padding:0;
  border:1px solid #d8dee8;
  border-radius:9px;
  background:#fff;
  color:#475467;
  font-size:17px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
}
.inline-comments-collapse:hover{background:#f6f8fb;color:#101828;}

/* Global localized button resilience: allow a little natural width, never clip text. */
.btn,
button.btn,
a.btn{
  max-width:100%;
  min-width:0;
  white-space:nowrap;
}
.btn.ta-label-tight{font-size:11px;letter-spacing:-.01em;padding-inline:10px;}
.btn.ta-label-very-tight{font-size:10px;letter-spacing:-.02em;padding-inline:8px;}

@media(max-width:900px){
  .user-center-layout{grid-template-columns:1fr;gap:12px;}
  .user-center-desktop-nav{display:none;}
  .user-center-mobile-select{display:block;margin-bottom:2px;}
  .user-center-mobile-select label{display:grid;gap:5px;}
  .user-center-mobile-select label>span{font-size:11px;font-weight:800;color:#667085;}
  .user-center-mobile-select select{
    width:100%;min-height:44px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:8px 36px 8px 11px;font-weight:750;color:#344054;
  }
  .inline-comments-head{position:sticky;top:0;z-index:3;background:#fff;padding-top:8px;padding-bottom:8px;}
}
@media(max-width:620px){
  .inline-comments-head>a{font-size:11px;}
  .inline-comments-head-actions>a{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .btn,button.btn,a.btn{min-width:0;}
}


/* ============================================================
   V0.83 — user-center navigation + multilingual layout polish
   Presentation only; business logic and field semantics stay unchanged.
   ============================================================ */
@media(min-width:901px){
  .user-center-sidebar{
    position:sticky;
    top:92px;
    align-self:start;
    max-height:calc(100vh - 110px);
  }
  .user-center-desktop-nav{position:relative;top:auto;}
}

/* Four summary cards can use content-aware widths instead of being forced equal. */
.account-info-grid{
  grid-template-columns:minmax(190px,.95fr) minmax(260px,1.35fr) minmax(220px,1.15fr) minmax(190px,.95fr);
  align-items:stretch;
}
.account-info-card{min-width:0;overflow:hidden;}
.account-info-card>strong,
.account-info-card .account-role-member-line strong{
  max-width:100%;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
  font-size:clamp(15px,1.18vw,19px);
  line-height:1.25;
}
.account-info-card>small{overflow-wrap:break-word;hyphens:auto;}
html:lang(de) .account-info-card>strong,
html:lang(de) .account-info-card .account-role-member-line strong,
html:lang(ru) .account-info-card>strong,
html:lang(pl) .account-info-card>strong{font-size:clamp(14px,1.05vw,18px);}

/* Long localized dashboard/card copy should not inflate grids unnecessarily. */
html:lang(de) .account-next-card h2,
html:lang(de) .account-dashboard-group-head h2,
html:lang(de) .ta-notifications-heading h1,
html:lang(ru) .account-next-card h2,
html:lang(pl) .account-next-card h2{
  font-size:clamp(16px,1.55vw,22px);
  line-height:1.2;
  letter-spacing:-.012em;
  overflow-wrap:break-word;
  hyphens:auto;
}
.account-next-card p,.account-dashboard-group-head p{overflow-wrap:break-word;hyphens:auto;}

/* A single action button may use the available row width instead of clipping. */
.account-profile-cta-actions>.btn:only-child,
.section-head>.btn:only-child,
.company-homepage-member-note>.btn:only-child{
  width:auto;
  min-width:min(100%,220px);
  max-width:100%;
  padding-inline:18px;
  justify-content:center;
}
html:lang(de) .account-profile-cta-actions>.btn:only-child{min-width:min(100%,270px);}

/* Company certificate upload gets enough room for two locale-aware date fields. */
.company-certification-manage-layout{
  grid-template-columns:minmax(390px,.44fr) minmax(0,.56fr);
}
.certificate-validity-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.certificate-validity-row>label{min-width:0;}
.certificate-validity-row input[type="date"]{width:100%;min-width:0;box-sizing:border-box;}

/* Long company forms become concise accordions. */
.company-management-accordion{padding:0;overflow:visible;}
.company-management-accordion>summary{list-style:none;}
.company-management-accordion>summary::-webkit-details-marker{display:none;}
.company-management-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:76px;
  padding:20px 22px;
  cursor:pointer;
  user-select:none;
}
.company-management-summary>div{min-width:0;}
.company-management-summary h2{margin:3px 0 5px;}
.company-management-summary p{margin:0;color:#667085;line-height:1.55;}
.company-management-chevron{flex:0 0 auto;font-size:22px;color:#667085;transition:transform .18s ease;}
.company-management-accordion[open] .company-management-chevron{transform:rotate(180deg);}
.company-management-content{padding:0 22px 22px;border-top:1px solid #eef1f4;}
.company-management-toolbar{display:flex;justify-content:flex-end;padding:14px 0 4px;}

/* Services page: one clean home for Member, AI and Advertising. */
.service-center-head{margin-bottom:14px;}
.service-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;}
.service-center-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:18px;border:1px solid #dce3ea;border-radius:14px;background:#fff;}
.service-center-card h2{margin:0;font-size:19px;line-height:1.2;overflow-wrap:break-word;hyphens:auto;}
.service-center-card p{margin:0;color:#667085;line-height:1.55;}
.service-center-card small{color:#667085;line-height:1.5;}
.service-center-card .btn{margin-top:auto;align-self:flex-start;}
.service-ad-history{margin-top:18px;}

/* Notification center groups live only on the dedicated notification page. */
.notification-center-group{margin:0 0 14px;}
.notification-center-system-head{margin:18px 0 8px;}

@media(max-width:1180px){
  .account-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .company-certification-manage-layout{grid-template-columns:minmax(360px,.46fr) minmax(0,.54fr);}
  .company-certificate-gallery{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:900px){
  .user-center-sidebar{
    position:sticky;
    top:58px;
    z-index:18;
    margin-inline:-2px;
    padding:7px 2px 8px;
    background:rgba(247,249,252,.96);
    backdrop-filter:blur(12px);
  }
  .user-center-mobile-select{margin:0;}
  .service-center-grid{grid-template-columns:1fr;}
  .company-management-summary{padding:16px 17px;min-height:64px;}
  .company-management-content{padding:0 17px 17px;}
}
@media(max-width:760px){
  .account-info-grid{grid-template-columns:1fr;}
  .company-certification-manage-layout{grid-template-columns:1fr;}
  .certificate-validity-row{grid-template-columns:1fr;}
}

/* ============================================================
   V0.84 — feed expansion, user-center sticky continuity, compact recommendations
   ============================================================ */
.feed-inline-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:1px 0 10px;
  min-width:0;
}
.feed-inline-actions-left{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap;}
.feed-inline-actions .feed-view-details,
.feed-inline-actions .feed-report-link{margin:0;}
.feed-expand-toggle{
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:#175cd3;
  padding:2px 0 2px 10px;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.feed-expand-toggle:hover{text-decoration:underline;text-underline-offset:3px;}
.community-feed-card.is-feed-expanded .feed-summary-text,
.profile-publication-card.is-feed-expanded .feed-summary-text,
.feed-item.is-feed-expanded .feed-summary-text{
  display:block;
  overflow:visible;
  -webkit-line-clamp:unset;
  line-clamp:unset;
  max-height:none;
}

.home-recommended-posts{padding:16px 17px;}
.home-recommended-posts h3{margin:0 0 9px;font-size:16px;}
.recommended-post-list{display:grid;gap:2px;}
.recommended-post-link{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  padding:9px 7px;
  border-radius:9px;
  color:#344054;
  text-decoration:none;
  font-size:12px;
  line-height:1.35;
}
.recommended-post-link:hover{background:#f6f8fb;color:#163c64;text-decoration:none;}
.recommended-post-type{flex:0 0 auto;font-weight:850;color:#0f6f66;}
.recommended-post-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.recommended-post-pin{flex:0 0 auto;font-size:12px;line-height:1;}
.recommendation-pin-mark{display:inline-flex;align-items:center;margin-inline-start:4px;font-size:12px;line-height:1;vertical-align:middle;}

.foot-legal-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.foot-email{white-space:nowrap;color:#667085;font-weight:650;}

/* Advertising remains inside the same user-center shell as the other services. */
.advertise-page.user-center-layout{max-width:1240px;}
.advertise-page .user-center-content{min-width:0;}
.advertise-page .advertise-intro-card{margin-top:0;}

@media(max-width:900px){
  /* The global header is 62px high on mobile. When it retracts, the account
     selector moves to top:0 instead of leaving the old blank 58px gap. */
  .user-center-sidebar{top:62px!important;transition:top .22s ease;}
  body.ta-header-hidden .user-center-sidebar{top:0!important;}
  .account-page.user-center-layout,
  .profile-edit-page.user-center-layout,
  .company-identity-page.user-center-layout,
  .translation-purchase-wrap.user-center-layout,
  .ta-notifications-page.user-center-layout,
  .advertise-page.user-center-layout{padding-top:0!important;}
  .user-center-sidebar{margin-top:0!important;}
  .user-center-mobile-select{margin:0!important;}
  .feed-inline-actions{gap:8px;}
  .feed-inline-actions-left{gap:8px;}
  .feed-expand-toggle{font-size:12px;padding-inline-start:6px;}
}
@media(max-width:520px){
  .feed-inline-actions{align-items:center;}
  .feed-inline-actions-left{flex-wrap:nowrap;}
  .feed-inline-actions .feed-view-details,
  .feed-inline-actions .feed-report-link,
  .feed-expand-toggle{font-size:11px;}
  .home-recommended-posts{padding:14px;}
}

/* ============================================================
   V0.85 — mobile polish + comment composer + consistent media/pins
   Presentation only unless explicitly noted in the related PHP renderer.
   ============================================================ */

/* Inline comment composer is now above the first comment. Give the composer a
   clear boundary so long comment threads start below it on both PC and mobile. */
.inline-comment-form,
.inline-comment-login{
  padding:12px 0;
  border-bottom:1px solid #e5e9ef;
}
.inline-comment-list{min-width:0;}
.inline-comments-head-actions{margin-inline-start:auto;}

/* Pinned content uses the same TOP marker everywhere, not a favorite/rating star. */
.platform-pin-star{
  color:#175cd3;
  font-size:20px;
  text-shadow:none;
  font-family:Apple Color Emoji,"Segoe UI Emoji","Noto Color Emoji",sans-serif;
}
@media(max-width:620px){
  .platform-pin-star{font-size:19px;}
}

/* 1 image keeps the existing large presentation. 2–4 images become equal
   square thumbnails that share the available space without distortion. */
.publication-image-grid.image-count-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.publication-image-grid.image-count-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.publication-image-grid.image-count-4{grid-template-columns:repeat(2,minmax(0,1fr));}
.publication-image-grid.image-count-2 .publication-image-open,
.publication-image-grid.image-count-3 .publication-image-open,
.publication-image-grid.image-count-4 .publication-image-open{
  width:100%;
  aspect-ratio:1 / 1;
  min-width:0;
  height:auto;
  display:block;
}
.publication-image-grid.image-count-2 img,
.publication-image-grid.image-count-3 img,
.publication-image-grid.image-count-4 img{
  width:100%;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
}
@media(max-width:620px){
  .publication-attachments.feed .publication-image-grid.image-count-2,
  .publication-attachments.detail .publication-image-grid.image-count-2{grid-template-columns:repeat(2,minmax(0,1fr));}
  .publication-attachments.feed .publication-image-grid.image-count-3,
  .publication-attachments.detail .publication-image-grid.image-count-3{grid-template-columns:repeat(3,minmax(0,1fr));}
  .publication-attachments.feed .publication-image-grid.image-count-4,
  .publication-attachments.detail .publication-image-grid.image-count-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .publication-attachments.feed .publication-image-grid.image-count-2 .publication-image-open,
  .publication-attachments.feed .publication-image-grid.image-count-3 .publication-image-open,
  .publication-attachments.feed .publication-image-grid.image-count-4 .publication-image-open,
  .publication-attachments.detail .publication-image-grid.image-count-2 .publication-image-open,
  .publication-attachments.detail .publication-image-grid.image-count-3 .publication-image-open,
  .publication-attachments.detail .publication-image-grid.image-count-4 .publication-image-open{
    aspect-ratio:1 / 1;
    max-height:none;
  }
}

/* Original neutral upload icons. Desktop may keep the localized label; mobile
   becomes icon-first so long Russian/German/etc. labels cannot overflow. */
.composer-media-icon svg{
  width:22px;
  height:22px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:650px){
  .composer-upload-tools{gap:10px;}
  .composer-media-btn{
    flex:0 0 48px!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
    border-radius:13px!important;
  }
  .composer-media-label{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .composer-media-icon{
    width:26px!important;
    height:26px!important;
    display:grid!important;
    place-items:center!important;
    background:transparent!important;
  }
  .composer-media-icon svg{width:25px;height:25px;}
}

/* Registration checkboxes use one consistent, touch-friendly size. */
@media(max-width:650px){
  .account-form .account-check input[type="checkbox"]{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    flex:0 0 22px!important;
    margin:1px 0 0!important;
  }
  .account-form .account-check{gap:10px;align-items:flex-start;}
}

/* Mobile user-center: no blank band above the account selector, and the whole
   label + selector remains sticky immediately below the real site header. */
@media(max-width:900px){
  .global-scope-notice + main.user-center-layout,
  main.account-page.user-center-layout,
  main.profile-edit-page.user-center-layout,
  main.company-identity-page.user-center-layout,
  main.translation-purchase-wrap.user-center-layout,
  main.ta-notifications-page.user-center-layout,
  main.advertise-page.user-center-layout{
    padding-top:0!important;
    margin-top:0!important;
  }
  .user-center-layout{
    grid-template-columns:1fr!important;
    row-gap:0!important;
  }
  .user-center-sidebar{
    position:sticky!important;
    top:var(--ta-header-height,72px)!important;
    z-index:19!important;
    align-self:start!important;
    margin:0 -14px!important;
    padding:8px 14px 10px!important;
    background:rgba(246,248,251,.97)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(220,227,235,.92);
  }
  body.ta-header-hidden .user-center-sidebar{top:0!important;}
  .user-center-mobile-select{margin:0!important;}
  .user-center-mobile-select label{gap:5px!important;}
  .user-center-mobile-select select{margin:0!important;}
  .user-center-content{padding-top:12px;}
}

/* Mobile value-added service cards: use the whole card instead of leaving a
   large unused right side. Text is balanced; actions sit in a clear right area. */
@media(max-width:700px){
  .service-center-card,
  .translation-balance-card>div,
  .advertise-plan-box,
  .translation-payment-summary{
    text-align:center;
    align-items:center;
  }
  .service-center-card .account-eyebrow,
  .service-center-card h2,
  .service-center-card p,
  .service-center-card small,
  .advertise-plan-box span,
  .advertise-plan-box strong{
    width:100%;
    text-align:center;
  }
  .service-center-card .btn,
  .advertise-plan-box .btn,
  .translation-payment-summary .btn{
    align-self:flex-end!important;
    margin-left:auto!important;
    margin-right:0!important;
  }
  .ad-application-history article{
    width:100%;
    text-align:center;
    align-items:center!important;
  }
  .ad-application-history article>div,
  .ad-application-history article>div:last-child{
    width:100%;
    text-align:center!important;
  }
}

/* Company certificate form: native mobile controls must never exceed the card. */
@media(max-width:760px){
  .company-certification-upload-pane,
  .company-certification-upload-pane .company-document-upload-form,
  .company-certification-upload-pane label,
  .certificate-validity-row,
  .certificate-validity-row>label{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .company-certification-upload-pane input,
  .company-certification-upload-pane input[type="date"],
  .company-certification-upload-pane input[type="file"]{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .certificate-validity-row{grid-template-columns:1fr!important;gap:10px!important;}
}

/* On phones, one certificate occupies one full row. Keep its status and dates
   readable and centered; additional certificates continue vertically. */
@media(max-width:760px){
  .company-certificate-gallery{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .company-certificate-gallery .company-certificate-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:16px!important;
    gap:11px!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .company-certificate-card-top{
    width:100%;
    display:grid!important;
    justify-items:center!important;
    justify-content:center!important;
    gap:9px!important;
  }
  .company-certificate-gallery .company-document-manage-thumb{
    width:86px!important;
    height:108px!important;
    flex:0 0 auto!important;
  }
  .company-certificate-status{
    max-width:100%!important;
    min-height:28px!important;
    padding:5px 11px!important;
    font-size:10px!important;
  }
  .company-certificate-gallery .company-document-manage-copy{
    width:100%;
    text-align:center;
  }
  .company-certificate-gallery .company-document-manage-copy strong{
    min-height:0!important;
    font-size:14px!important;
    text-align:center;
  }
  .company-certificate-gallery .company-document-manage-copy small{
    font-size:11px!important;
    line-height:1.55!important;
    text-align:center;
  }
  .company-certificate-gallery .company-document-delete-form{
    justify-self:end!important;
    width:100%;
    display:flex;
    justify-content:flex-end;
  }
}

/* Long-language resilience for the affected mobile controls. */
@media(max-width:650px){
  html:lang(de) .user-center-mobile-select select,
  html:lang(ru) .user-center-mobile-select select,
  html:lang(pl) .user-center-mobile-select select,
  html:lang(pt) .user-center-mobile-select select{
    font-size:15px;
  }
  .inline-comments-head-actions{flex:0 0 auto;}
}


/* ============================================================
   V0.86 — mobile user-center sticky fix, compact service cards,
   notification/button resilience and mobile company-form containment.
   Mobile presentation only unless explicitly scoped otherwise.
   ============================================================ */

/* Profile was the only user-center view still inheriting the older mobile
   overflow lock. That ancestor overflow breaks position:sticky on iOS Safari.
   Keep horizontal clipping at the page/body level without creating a sticky
   scroll container around the sidebar. */
@media(max-width:900px){
  body.account-body{
    overflow-x:clip!important;
  }
  .account-page.wrap{
    overflow:visible!important;
    padding-top:0!important;
    margin-top:0!important;
  }
  .account-page .account-dashboard{
    overflow-x:clip!important;
  }

  /* One dedicated sticky account-menu block, directly beneath the live header.
     It stays in normal flow initially, so profile/avatar content starts below it. */
  .user-center-sidebar{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:var(--ta-header-height,72px)!important;
    z-index:30!important;
    align-self:start!important;
    margin:0 -14px 0!important;
    padding:6px 14px 8px!important;
    background:#f6f8fb!important;
    border-bottom:1px solid #e4e9ef!important;
    box-shadow:0 3px 8px rgba(16,24,40,.025);
    transform:translateZ(0);
  }
  body.ta-header-hidden .user-center-sidebar{
    top:0!important;
  }
  .user-center-mobile-select{
    margin:0!important;
    width:100%;
  }
  .user-center-mobile-select label{
    margin:0!important;
    gap:4px!important;
  }
  .user-center-mobile-select select{
    display:block;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
  .user-center-content{
    min-width:0!important;
    padding-top:10px!important;
  }

  /* Remove residual top space that previously produced the large blank band
     between the community-scope notice and the account menu. */
  .global-scope-notice + main.user-center-layout,
  main.account-page.user-center-layout,
  main.profile-edit-page.user-center-layout,
  main.company-identity-page.user-center-layout,
  main.translation-purchase-wrap.user-center-layout,
  main.ta-notifications-page.user-center-layout,
  main.advertise-page.user-center-layout{
    padding-top:0!important;
    margin-top:0!important;
  }
}
@supports not (overflow:clip){
  @media(max-width:900px){
    body.account-body{overflow-x:hidden!important;}
  }
}

/* Mobile Value-added Services > Advertising:
   keep ad identity/status beside the title area instead of vertically centering
   it far down in a tall card. */
@media(max-width:700px){
  .service-ad-history.has-applications{
    display:grid!important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:12px 14px;
    align-items:start;
    padding:16px!important;
  }
  .service-ad-history.has-applications>.translation-section-head{
    min-width:0;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    gap:10px!important;
    align-content:start;
    align-items:start!important;
  }
  .service-ad-history.has-applications>.translation-section-head>div{
    min-width:0;
    text-align:left!important;
  }
  .service-ad-history.has-applications>.translation-section-head .btn{
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
    justify-self:start!important;
    align-self:start!important;
  }
  .service-ad-history.has-applications>.ad-application-history{
    min-width:0;
    margin:0!important;
    align-self:start;
  }
  .service-ad-history.has-applications .ad-application-history article{
    min-width:0;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-items:start!important;
    text-align:left!important;
  }
  .service-ad-history.has-applications .ad-application-history article+article{
    margin-top:12px!important;
    padding-top:12px!important;
    border-top:1px solid var(--line)!important;
  }
  .service-ad-history.has-applications .ad-application-history article>div,
  .service-ad-history.has-applications .ad-application-history article>div:last-child{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    gap:4px!important;
    text-align:left!important;
    justify-items:start!important;
  }
  .service-ad-history.has-applications .ad-application-history strong,
  .service-ad-history.has-applications .ad-application-history span{
    max-width:100%;
    overflow-wrap:anywhere;
  }
}
@media(max-width:410px){
  .service-ad-history.has-applications{
    grid-template-columns:1fr!important;
  }
  .service-ad-history.has-applications>.ad-application-history{
    padding-top:2px;
  }
}

/* Notification-center "Mark all read": visible text, flexible width and
   long-locale resilience without leaving the viewport/card. */
@media(max-width:720px){
  .ta-notifications-mark-all-form{
    width:100%;
    min-width:0;
    display:flex;
    justify-content:flex-end;
  }
  .ta-notifications-mark-all{
    width:auto!important;
    min-width:min(100%,170px)!important;
    max-width:100%!important;
    min-height:44px!important;
    padding-inline:15px!important;
    color:#163c64!important;
    background:#fff!important;
    border-color:#d7e0e8!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.2!important;
    text-align:center!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html:lang(de) .ta-notifications-mark-all,
  html:lang(ru) .ta-notifications-mark-all,
  html:lang(pl) .ta-notifications-mark-all,
  html:lang(hi) .ta-notifications-mark-all{
    min-width:min(100%,210px)!important;
    font-size:12px!important;
  }
}
@media(max-width:390px){
  .ta-notifications-mark-all{width:100%!important;min-width:0!important;}
}

/* Company management mobile containment. Do not let native iOS controls or
   desktop flex/min-width rules push any registration/certificate control
   beyond its card. */
@media(max-width:760px){
  .company-identity-page,
  .company-identity-page .user-center-content,
  .company-identity-page .card,
  .company-identity-page details,
  .company-identity-page form,
  .company-identity-page fieldset,
  .company-identity-page label,
  .company-identity-page .company-basics-row,
  .company-identity-page .company-homepage-fields,
  .company-identity-page .company-registration-document-inline,
  .company-identity-page .company-registration-document-controls,
  .company-identity-page .company-certification-manage-layout,
  .company-identity-page .company-certification-upload-pane,
  .company-identity-page .company-document-upload-form,
  .company-identity-page .certificate-validity-row{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .company-identity-page .company-homepage-fields,
  .company-identity-page .company-basics-row,
  .company-identity-page .certificate-validity-row{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .company-identity-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .company-identity-page select,
  .company-identity-page textarea{
    display:block;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .company-identity-page input[type="date"]{
    -webkit-appearance:none;
    appearance:none;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    font-size:16px;
  }

  .company-identity-page input[type="file"]{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden;
    font-size:14px;
  }

  .company-registration-document-inline{
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    padding:12px!important;
  }
  .company-registration-document-controls{
    width:100%!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:8px!important;
    justify-content:stretch!important;
    align-items:center!important;
  }
  .company-registration-document-controls input[type="file"]{
    grid-column:1 / -1!important;
    max-width:100%!important;
    flex:none!important;
  }
  .company-registration-document-controls>.btn{
    grid-column:1 / -1!important;
    justify-self:start!important;
    max-width:100%!important;
  }
  .company-registration-document-thumb{grid-column:1!important;}
  .company-registration-document-status{
    grid-column:2!important;
    min-width:0!important;
    white-space:normal!important;
  }
  .company-registration-document-delete{
    grid-column:3!important;
    justify-self:end!important;
  }

  .company-document-management-card{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden;
  }
  .company-certification-manage-layout{
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .company-certification-upload-pane{
    width:100%!important;
  }
  .company-document-upload-form{
    width:100%!important;
    padding:13px!important;
    overflow:hidden;
  }
  .company-document-upload-form>label,
  .company-document-upload-form>.certificate-validity-row{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .company-document-upload-form input{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

/* Locale-specific mobile safeguard: long labels/options can wrap, controls
   remain fixed to the card instead of growing with their text. */
@media(max-width:760px){
  .company-identity-page label>span,
  .company-identity-page small,
  .ta-notifications-heading,
  .service-ad-history{
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
  }
}


/* ============================================================
   V0.87 — mobile-only refinement pass.
   Keep desktop behavior intact; all selectors below are scoped to phone/tablet
   widths unless they are accessibility-safe primitives.
   ============================================================ */

/* A hidden native file input must never paint underneath a custom attachment
   control. This prevents the iOS "button on top of button" appearance. */
.admin-message-attachment-btn input[hidden],
.ta-admin-chat-image-picker input[hidden]{display:none!important;}
.admin-message-attachment-icon,
.ta-admin-chat-image-picker-icon{display:inline-grid;place-items:center;flex:0 0 auto;}
.admin-message-attachment-icon svg,
.ta-admin-chat-image-picker-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

@media(max-width:900px){
  /* Admin-support attachment controls are icon-first on mobile in every locale. */
  .admin-message-attachment-btn,
  .ta-admin-chat-image-picker{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    min-height:44px!important;
    display:inline-grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #d8e3e9!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#245b7f!important;
    cursor:pointer!important;
    overflow:hidden!important;
  }
  .admin-message-attachment-label,
  .ta-admin-chat-image-picker-label{display:none!important;}
  .admin-message-upload-row{align-items:center!important;gap:10px!important;}
  .admin-message-upload-row small{flex:1 1 180px;min-width:0;overflow-wrap:anywhere;}
  .ta-admin-contact-form-actions{align-items:center!important;gap:10px!important;}

  /* Notification/admin-support fold headers remain compact and touch friendly. */
  .notification-center-group>.account-fold-summary,
  .admin-message-thread-card>.account-fold-summary{
    cursor:pointer;
    min-width:0;
  }
  .admin-message-thread-card>.account-fold-summary{padding:0 0 12px!important;}
  .admin-message-thread-card>.account-fold-content{padding-top:4px!important;}

  /* Value-added Services > Sponsored: real two-column top alignment on normal
     phones. The right-side company/status block starts on the same top baseline
     as the Sponsored/Advertising title instead of falling into the card middle. */
  .service-ad-history.has-applications{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    column-gap:14px!important;
    row-gap:0!important;
    align-items:start!important;
    align-content:start!important;
    min-height:0!important;
    padding:15px!important;
  }
  .service-ad-history.has-applications>.translation-section-head{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    align-content:flex-start!important;
    justify-content:flex-start!important;
    gap:9px!important;
    margin:0!important;
    padding:0!important;
  }
  .service-ad-history.has-applications>.translation-section-head>div{
    width:100%!important;
    min-width:0!important;
    text-align:left!important;
  }
  .service-ad-history.has-applications>.translation-section-head .account-eyebrow{
    display:block!important;
    margin:0 0 5px!important;
    font-size:11px!important;
    line-height:1.15!important;
    overflow-wrap:anywhere;
  }
  .service-ad-history.has-applications>.translation-section-head h2{
    margin:0!important;
    font-size:clamp(20px,7vw,27px)!important;
    line-height:1.08!important;
    overflow-wrap:anywhere;
  }
  .service-ad-history.has-applications>.translation-section-head .btn{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    margin:0!important;
    padding-inline:12px!important;
    justify-self:start!important;
    align-self:flex-start!important;
    white-space:normal!important;
    line-height:1.15!important;
  }
  .service-ad-history.has-applications>.ad-application-history{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    align-self:start!important;
  }
  .service-ad-history.has-applications .ad-application-history article{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
    align-items:start!important;
    align-content:start!important;
    text-align:left!important;
  }
  .service-ad-history.has-applications .ad-application-history article+article{
    margin-top:11px!important;
    padding-top:11px!important;
    border-top:1px solid var(--line)!important;
  }
  .service-ad-history.has-applications .ad-application-history article>div,
  .service-ad-history.has-applications .ad-application-history article>div:last-child{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    gap:3px!important;
    justify-items:start!important;
    text-align:left!important;
  }
  .service-ad-history.has-applications .ad-application-history strong{
    font-size:11px!important;
    line-height:1.3!important;
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  .service-ad-history.has-applications .ad-application-history span{
    font-size:9.5px!important;
    line-height:1.35!important;
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
}

/* Only genuinely tiny widths stack the Sponsored card. Standard iPhone widths
   (including ~390px) keep the requested side-by-side top alignment. */
@media(max-width:340px){
  .service-ad-history.has-applications{grid-template-columns:1fr!important;row-gap:10px!important;}
  .service-ad-history.has-applications>.translation-section-head,
  .service-ad-history.has-applications>.ad-application-history{grid-column:1!important;grid-row:auto!important;}
}

/* Long-locale safety without changing meaning: keep the mobile two-column card
   readable rather than forcing the right block downward. */
@media(max-width:900px){
  html:lang(de) .service-ad-history.has-applications>.translation-section-head h2,
  html:lang(ru) .service-ad-history.has-applications>.translation-section-head h2,
  html:lang(pl) .service-ad-history.has-applications>.translation-section-head h2,
  html:lang(pt) .service-ad-history.has-applications>.translation-section-head h2,
  html:lang(fr) .service-ad-history.has-applications>.translation-section-head h2{
    font-size:clamp(17px,5.8vw,23px)!important;
  }
}

/* V0.88 — grounded discovery, recommendations, onboarding and long-locale polish */
.feed-content-ai-grid{
  display:grid;
  grid-template-columns:minmax(0,4fr) minmax(150px,1fr);
  gap:18px;
  align-items:start;
}
.feed-content-main{min-width:0}
.post-ai-recommend{
  min-width:0;
  padding:12px 13px;
  border:1px solid #d9e7ef;
  border-radius:12px;
  background:#f8fbfd;
}
.post-ai-recommend-title{display:block;margin-bottom:7px;font-size:11px;font-weight:900;color:#183f63}
.post-ai-recommend-group{display:grid;gap:5px;min-width:0}
.post-ai-recommend-group+.post-ai-recommend-group{margin-top:9px;padding-top:8px;border-top:1px solid #e5edf2}
.post-ai-recommend-intro{display:block;color:#69798a;font-size:9.5px;line-height:1.45}
.post-ai-links{display:grid;gap:3px;min-width:0}
.post-ai-link{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#1769aa;
  font-size:10.5px;
  line-height:1.45;
  font-weight:800;
  text-decoration:none;
}
.post-ai-link:hover{text-decoration:underline}
@media(max-width:760px){
  .feed-content-ai-grid{grid-template-columns:1fr;gap:10px}
  .post-ai-recommend{order:2;padding:10px 11px}
  .post-ai-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px}
}
@media(max-width:390px){.post-ai-links{grid-template-columns:1fr}}

.auth-signup-link{color:#1769aa!important;font-weight:900!important;text-decoration:underline!important;text-underline-offset:2px}

.profile-preview-icon-btn{
  width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;
  display:inline-grid!important;place-items:center;border-radius:10px!important
}
.profile-preview-icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;vector-effect:non-scaling-stroke}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.profile-expertise-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.profile-expertise-heading h2{margin:0}
.profile-professional-stars{display:grid;justify-items:end;gap:2px;min-width:0}
.profile-professional-stars>span{color:#b7791f;font-size:15px;letter-spacing:1px;line-height:1}
.profile-professional-stars>small{color:#718096;font-size:9px;font-weight:750}

.company-profile-nav-counts{align-items:center;gap:12px!important}
.company-profile-nav-counts a{color:#1769aa;font-size:12px;font-weight:850;text-decoration:none}
.company-profile-nav-counts a:hover{text-decoration:underline}

.sponsored-company-follow-live{display:inline-flex;align-items:center;min-width:0}
.sponsored-company-follow-live .company-follow-count{display:none!important}
.sponsored-company-follow-live .company-follow-form,.sponsored-company-follow-live .company-follow-login{margin:0}

.registration-country-search,
.company-identity-page [data-company-country-search],
.company-identity-page .js-company-picker-input{
  min-width:0;
  width:100%;
  padding-inline-end:34px!important;
  overflow:hidden;
  text-overflow:ellipsis;
}
.company-identity-page .company-identity-form>label,
.company-identity-page .company-form-pair>label{min-width:0}
.company-identity-page .company-identity-form>label>span,
.company-identity-page .company-form-pair label>span,
.company-identity-page .company-identity-form small{
  max-width:100%;overflow-wrap:anywhere
}
html:lang(de) .company-identity-page .company-identity-form input,
html:lang(de) .company-identity-page .company-identity-form select,
html:lang(de) .company-identity-page .company-identity-form button,
html:lang(ru) .company-identity-page .company-identity-form input,
html:lang(ru) .company-identity-page .company-identity-form select,
html:lang(ru) .company-identity-page .company-identity-form button,
html:lang(pt) .company-identity-page .company-identity-form input,
html:lang(pt) .company-identity-page .company-identity-form select,
html:lang(pt) .company-identity-page .company-identity-form button,
html:lang(fr) .company-identity-page .company-identity-form input,
html:lang(fr) .company-identity-page .company-identity-form select,
html:lang(fr) .company-identity-page .company-identity-form button,
html:lang(pl) .company-identity-page .company-identity-form input,
html:lang(pl) .company-identity-page .company-identity-form select,
html:lang(pl) .company-identity-page .company-identity-form button,
html:lang(tr) .company-identity-page .company-identity-form input,
html:lang(tr) .company-identity-page .company-identity-form select,
html:lang(tr) .company-identity-page .company-identity-form button,
html:lang(it) .company-identity-page .company-identity-form input,
html:lang(it) .company-identity-page .company-identity-form select,
html:lang(it) .company-identity-page .company-identity-form button{
  font-size:clamp(10.5px,2.65vw,13px)
}
@media(max-width:760px){
  html:lang(de) .company-identity-page .company-identity-form-card h2,
  html:lang(ru) .company-identity-page .company-identity-form-card h2,
  html:lang(pt) .company-identity-page .company-identity-form-card h2,
  html:lang(fr) .company-identity-page .company-identity-form-card h2,
  html:lang(pl) .company-identity-page .company-identity-form-card h2,
  html:lang(tr) .company-identity-page .company-identity-form-card h2,
  html:lang(it) .company-identity-page .company-identity-form-card h2{font-size:18px;overflow-wrap:anywhere}
}

.publish-assist{display:grid;gap:8px;margin-top:8px}
.publish-assist-block{padding:10px 11px;border:1px solid #dce7ed;border-radius:11px;background:#f9fbfc}
.publish-assist-block>strong{display:block;color:#244d72;font-size:10.5px}
.publish-assist-block>small{display:block;margin-top:2px;color:#718096;font-size:9px;line-height:1.45}
.publish-assist-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.publish-assist-chips span{padding:4px 7px;border-radius:999px;background:#edf5f9;color:#31546d;font-size:9px;font-weight:750}
.publish-similar-links{display:grid;gap:4px;margin-top:7px}
.publish-similar-links a{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1769aa;font-size:9.5px;font-weight:750}

.search-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.saved-search-form{margin:0}
.saved-search-btn.is-saved{border-color:#8dc8b6;background:#effaf6;color:#08795c}
.search-result-card{padding:0!important;overflow:hidden}
.search-result-card-link{display:block;padding:18px;color:inherit;text-decoration:none}
.search-result-card-link:hover{background:#fbfdff}
.search-result-card-link h3{color:#183f63}
.search-result-detail{display:inline-block;margin-top:9px;color:#1769aa;font-size:10px;font-weight:850}

.first-onboarding-open{overflow:hidden}
.first-onboarding-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px}
.first-onboarding-backdrop{position:absolute;inset:0;background:rgba(13,30,43,.58)}
.first-onboarding-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:min(84vh,720px);overflow:auto;padding:24px;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.24)}
.first-onboarding-read{color:#0d6b4f;font-size:12px;font-weight:900;margin-bottom:8px}
.first-onboarding-dialog h2{margin:0;font-size:24px;letter-spacing:-.025em}
.first-onboarding-intro{margin:7px 0 15px;color:#607183;font-size:12px;line-height:1.55}
.first-onboarding-principles{display:grid;gap:8px;margin-bottom:17px}
.first-onboarding-principles article{padding:10px 11px;border:1px solid #e1e9ef;border-radius:11px;background:#fbfcfd}
.first-onboarding-principles strong{display:block;margin-bottom:2px;color:#213f57;font-size:11px}
.first-onboarding-principles p{margin:0;color:#66788a;font-size:10px;line-height:1.5}
.first-onboarding-start{width:100%}
@media(max-width:520px){
  .first-onboarding-dialog{padding:18px;border-radius:15px}
  .first-onboarding-dialog h2{font-size:21px}
}


/* V0.89 — every detail flow keeps an obvious way back. */
.ta-detail-back,.content-back-link.ta-detail-back,.product-breadcrumb.ta-detail-back a{
  display:inline-flex;align-items:center;gap:5px;margin:0 0 14px;color:#344054;
  font-weight:900!important;text-decoration:none;font-size:13px;
}
.ta-detail-back:hover,.product-breadcrumb.ta-detail-back a:hover{text-decoration:underline;text-underline-offset:3px;}


/* V0.89 — post text, media and attachment consistency. */
.feed-summary-text{margin:0 0 8px;line-height:1.5;}
.ta-char-counter.is-over-limit{color:#b42318!important;font-weight:900;}
textarea[aria-invalid="true"]{border-color:#d92d20!important;box-shadow:0 0 0 2px rgba(217,45,32,.08);}
.composer-publish:disabled{opacity:.5;cursor:not-allowed;}
.publication-image-grid.image-count-4,
.publication-attachments.feed .publication-image-grid.image-count-4,
.publication-attachments.detail .publication-image-grid.image-count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px;}
.publication-image-grid.image-count-4 .publication-image-open{aspect-ratio:1/1!important;max-height:none!important;}
.publication-file-list{display:flex!important;align-items:center;gap:7px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin;}
.publication-file-link{display:inline-flex!important;flex:0 0 auto;align-items:center;gap:6px;min-height:32px!important;max-width:220px;padding:5px 9px!important;border-radius:8px!important;}
.publication-file-link strong{max-width:165px;font-size:10px!important;}
.publication-file-link small{display:none;}
@media(max-width:620px){
  .publication-image-grid.image-count-4,
  .publication-attachments.feed .publication-image-grid.image-count-4,
  .publication-attachments.detail .publication-image-grid.image-count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px;}
  .publication-file-link{max-width:170px;min-height:30px!important;padding:4px 7px!important;}
  .publication-file-link strong{max-width:128px;font-size:9px!important;}
}

/* V0.89 — keep the live character count visually attached to Publish. */
.composer-publish-stack{margin-left:auto;display:grid;justify-items:end;gap:4px;flex:0 0 auto}
.composer-publish-stack .composer-char-counter{margin:0;line-height:1.1}
.composer-publish-stack .composer-publish{margin-left:0}
@media(max-width:650px){
  .composer-publish-stack{margin-left:auto;min-width:112px}
  .composer-publish-stack .composer-publish{width:100%;min-width:112px}
}

/* V0.91 publication image viewer: same-post previous/next navigation + mobile swipe. */
.publication-image-viewer-nav{
  position:fixed;z-index:4;top:50%;transform:translateY(-50%);
  width:50px;height:50px;border:1px solid rgba(255,255,255,.34);border-radius:50%;
  background:rgba(255,255,255,.94);color:#172b3d;font-size:40px;line-height:1;
  display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.25);
}
.publication-image-viewer-nav.is-prev{left:max(14px,env(safe-area-inset-left));}
.publication-image-viewer-nav.is-next{right:max(14px,env(safe-area-inset-right));}
.publication-image-viewer-nav:disabled{opacity:.28;cursor:default;box-shadow:none;}
.publication-image-viewer-nav[hidden]{display:none!important;}
@media(max-width:700px){
  .publication-image-viewer-dialog{width:100vw;height:100vh;}
  .publication-image-viewer-canvas{touch-action:pan-y pinch-zoom;}
  .publication-image-viewer-nav{width:40px;height:40px;font-size:32px;background:rgba(255,255,255,.88);}
  .publication-image-viewer-nav.is-prev{left:8px;}
  .publication-image-viewer-nav.is-next{right:8px;}
}

/* V0.91 mobile floating chat contacts: three-column popup, vertical scrolling. */
@media(max-width:700px){
  .global-chat-shell{position:relative!important;overflow:hidden;}
  .global-chat-contacts-pane{display:none!important;}
  .global-chat-shell.is-contacts-open .global-chat-contacts-pane{
    display:flex!important;position:absolute!important;z-index:20;top:0!important;left:0!important;right:0!important;
    max-height:min(500px,calc(100% - 12px))!important;border:0!important;border-bottom:1px solid #dce5eb!important;
    border-radius:0 0 15px 15px;background:#fff;box-shadow:0 14px 34px rgba(18,38,63,.18);
  }
  .global-chat-contacts-head{flex:0 0 auto;min-height:38px;padding:8px 12px;border-bottom:1px solid #edf1f4;}
  .global-chat-shell.is-contacts-open .global-chat-contacts{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;
    width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:7px!important;background:#fff;
  }
  .global-chat-shell.is-contacts-open .global-chat-contact{
    width:100%!important;min-width:0!important;min-height:54px!important;display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;gap:7px!important;padding:7px!important;
    border:0!important;border-radius:10px!important;text-align:left!important;scroll-snap-align:none!important;
  }
  .global-chat-shell.is-contacts-open .global-chat-contact:hover,
  .global-chat-shell.is-contacts-open .global-chat-contact.is-active{background:#eef4f7!important;}
  .global-chat-shell.is-contacts-open .global-chat-contact-avatar{width:36px!important;height:36px!important;}
  .global-chat-shell.is-contacts-open .global-chat-contact-copy>span{display:block!important;min-width:0!important;}
  .global-chat-shell.is-contacts-open .global-chat-contact-copy strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;}
  .global-chat-shell.is-contacts-open .global-chat-contact-copy time,
  .global-chat-shell.is-contacts-open .global-chat-contact-copy small{display:none!important;}
  .global-chat-shell.is-contacts-open .global-chat-contact-unread{left:29px!important;top:3px!important;}
  [dir="rtl"] .global-chat-shell.is-contacts-open .global-chat-contact{text-align:right!important;}
}
@media(max-width:430px){
  .global-chat-shell.is-contacts-open .global-chat-contact{grid-template-columns:32px minmax(0,1fr)!important;gap:5px!important;padding:6px 5px!important;}
  .global-chat-shell.is-contacts-open .global-chat-contact-avatar{width:32px!important;height:32px!important;}
  .global-chat-shell.is-contacts-open .global-chat-contact-copy strong{font-size:10px!important;}
}

/* V0.91 public profile: compact professional summary on one desktop row. */
.profile-professional-summary-row{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr) minmax(210px,.55fr);
  gap:14px;margin-top:16px;align-items:stretch;
}
.profile-professional-summary-row>.profile-content-card{
  min-width:0;padding:16px 18px;display:flex;flex-direction:column;justify-content:flex-start;
}
.profile-professional-summary-row .profile-content-card h2{margin:0 0 10px;font-size:14px;}
.profile-professional-summary-row .profile-expertise-heading{align-items:center;flex-wrap:nowrap;}
.profile-professional-summary-row .profile-professional-stars{flex:0 0 auto;}
.profile-professional-summary-row .profile-expertise-tags span{padding:6px 9px;}
.profile-professional-summary-row .professional-reputation-stats{gap:6px;}
.profile-professional-summary-row .professional-reputation-stats>div{padding:8px 6px;}
.profile-professional-summary-row .profile-language-list{margin-top:2px;}
@media(max-width:1100px){
  .profile-professional-summary-row{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);}
  .profile-summary-language{grid-column:1/-1;}
}
@media(max-width:720px){
  .profile-professional-summary-row{grid-template-columns:1fr;gap:10px;margin-top:12px;}
  .profile-summary-language{grid-column:auto;}
  .profile-professional-summary-row>.profile-content-card{padding:14px;}
}

/* V0.91 public-content browser: sticky desktop directory + scrolling publication column. */
.profile-publications-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;margin-top:14px;align-items:start;}
.profile-publication-tabs.profile-publication-directory{
  position:sticky;top:calc(var(--ta-header-height,72px) + 14px);z-index:3;display:grid!important;grid-template-columns:1fr!important;
  margin:0!important;padding:9px!important;gap:5px!important;border-bottom:1px solid #dfe6ec!important;
  max-height:calc(100vh - var(--ta-header-height,72px) - 28px);overflow-y:auto;overscroll-behavior:contain;
}
body.ta-header-hidden .profile-publication-tabs.profile-publication-directory{top:14px;max-height:calc(100vh - 28px);}
.profile-publication-directory a{width:100%;justify-content:space-between;min-height:40px;padding:8px 10px;}
.profile-publications-results{min-width:0;}
.profile-publications-results .profile-publication-feed{margin-top:0!important;}
@media(max-width:820px){
  .profile-publications-layout{display:block;margin-top:12px;}
  .profile-publication-tabs.profile-publication-directory{
    position:static;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-height:none;overflow:visible;margin:0 0 12px!important;
  }
}

/* V0.93 membership upgrade entry consistency */
.account-membership-upgrade-link{font-size:13px;line-height:1.35;color:#b77900;font-weight:900}
.member-contact-gate{color:#174b7a!important}
.member-contact-gate span{color:#174b7a}
.member-contact-gate a{display:inline-block;margin-top:7px;color:#b77900!important;font-size:14px;font-weight:900;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.account-membership-upgrade-link{font-size:14px}.member-contact-gate a{font-size:15px}}

/* V0.93 company profile: 75/25 summary + member-gated contact rail */
.company-profile-intro-grid{display:block}
.company-profile-intro-grid.has-contact{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:18px;align-items:start}
.company-profile-intro-grid .company-profile-hero{min-width:0}
.company-profile-contact-aside{min-width:0;align-self:start}
.company-profile-contact-card{margin-top:0;height:auto}
.company-profile-contact-card .section-head{margin-bottom:12px}
.company-profile-contact-card .company-contact-grid{grid-template-columns:1fr;gap:10px}
.company-profile-contact-card .company-contact-grid>div{min-width:0}
.company-profile-contact-card .company-contact-grid a,
.company-profile-contact-card .company-contact-grid strong{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.company-profile-contact-card .member-contact-gate{margin:0}
@media(max-width:1050px){
  .company-profile-intro-grid.has-contact{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}
}
@media(max-width:820px){
  .company-profile-intro-grid.has-contact{display:block}
  .company-profile-contact-aside{margin-top:14px}
  .company-profile-contact-card .company-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .company-profile-contact-card{padding:16px}
  .company-profile-contact-card .company-contact-grid{grid-template-columns:1fr}
}


/* V0.94 — company profile flow, certification tokens, private AI owner tools and chat follow */
.company-profile-primary-column{min-width:0;display:grid;gap:18px;align-content:start}
.company-profile-primary-column .company-profile-hero,
.company-profile-primary-column .company-certification-summary{margin:0;min-width:0}
.company-name-verified-check{display:inline-block;color:#07946c;font-weight:950;white-space:nowrap}
.company-catalog-certifications{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:center;min-height:18px}
.company-catalog-certifications .company-cert-sep,
.company-product-certifications .company-cert-sep{display:none}
.company-catalog-certifications .company-cert-name,
.company-product-certifications .company-cert-name{
  display:inline-flex;align-items:center;max-width:100%;padding:3px 7px;border:1px solid #bfe5d8;border-radius:999px;
  background:#effaf6;color:#078a68!important;font-size:10px;font-weight:850;white-space:nowrap;word-break:keep-all
}
.company-product-profile-link{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-top:12px}
.company-product-profile-link>.btn{margin-right:2em}
.company-product-certifications{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;min-width:0}

.post-ai-links.is-people{display:flex;flex-wrap:wrap;align-items:center;gap:3px .35em}
.post-ai-links.is-people .post-ai-link{display:inline-block;width:auto;max-width:100%;overflow:visible;text-overflow:clip;white-space:nowrap;word-break:keep-all}
.post-ai-links.is-products{display:grid;gap:3px;min-width:0}
.feed-translation-ai-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.feed-translation-slot{min-width:0}
.feed-ai-mobile-trigger{display:none;border:0;background:transparent;padding:2px 0;color:#1769aa;font:inherit;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap}
.post-ai-mobile-modal[hidden]{display:none!important}
.post-ai-mobile-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:18px}
.post-ai-mobile-backdrop{position:absolute;inset:0;background:rgba(14,27,38,.58)}
.post-ai-mobile-dialog{position:relative;z-index:1;width:min(430px,94vw);max-height:min(78vh,680px);overflow:auto;padding:18px;border-radius:18px;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.28)}
.post-ai-mobile-dialog>.post-ai-recommend{border:0;background:transparent;padding:0}
.post-ai-mobile-close{position:absolute;right:10px;top:8px;width:32px;height:32px;border:0;border-radius:50%;background:#eef3f6;color:#243746;font-size:22px;cursor:pointer}
.publication-feed-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px}
.publication-invite-answer{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;color:#66798a}
.publication-invite-answer>a,.publication-invite-person{white-space:nowrap;word-break:keep-all}
.publication-invite-person{border:0;background:transparent;padding:0;color:#1769aa;font:inherit;font-weight:850;cursor:pointer}
.publication-invite-person:hover{text-decoration:underline}
.expert-invite-existing{font-weight:750}.expert-invite-existing a{color:#1769aa}

.global-chat-window-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(34px,1fr);align-items:center}
.global-chat-window-title{justify-self:start;min-width:0;display:flex;align-items:center;gap:8px}
.global-chat-header-follow{justify-self:center;min-width:0}
.global-chat-minimize{justify-self:end}
.global-chat-header-follow .follow-control{display:block;margin:0}
.global-chat-header-follow .follow-form{margin:0}
.global-chat-header-follow .follow-btn{min-height:30px;padding:4px 10px;border-radius:9px;font-size:11px;font-weight:850;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.global-chat-header-follow .follower-count{display:none}

@media(max-width:820px){
  .company-profile-primary-column{gap:14px}
}
@media(max-width:760px){
  .post-ai-desktop{display:none!important}
  .feed-ai-mobile-trigger{display:inline-block}
  .feed-content-ai-grid{display:block}
  .feed-translation-ai-row{margin:2px 0 0}
  .post-ai-recommend{order:initial;padding:0}
}
@media(min-width:761px){
  .post-ai-mobile-modal{display:none!important}
}
@media(max-width:520px){
  .global-chat-window-head{grid-template-columns:minmax(0,1fr) auto minmax(34px,1fr);padding-left:12px}
  .global-chat-header-follow .follow-btn{max-width:110px;padding-inline:8px}
}


/* V0.95 — stable member-gated profile contact rail */
@media(min-width:851px){
  .profile-public-side{position:sticky;top:calc(var(--ta-header-height,72px) + 16px);align-self:start;}
  body.ta-header-hidden .profile-public-side{top:16px;}
}
.member-contact-gate{display:block;}
.member-contact-gate .member-contact-privacy-note{display:block;margin-top:7px;color:#5f7590;font-size:10px;line-height:1.55;}
.profile-contact-private-note{color:#5f6f82;}

/* V0.96 cross-browser country/region combobox (Safari-safe). */
.ta-country-combobox-host{position:relative}
.ta-country-combobox{position:absolute;z-index:90;left:0;right:0;top:calc(100% + 6px);max-height:300px;overflow:auto;background:#fff;border:1px solid #d7e1ec;border-radius:14px;box-shadow:0 14px 34px rgba(15,35,58,.16);padding:6px}
.ta-country-combobox[hidden]{display:none!important}
.ta-country-option{display:flex;width:100%;align-items:center;gap:0;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:9px;color:#172334;font:inherit;cursor:pointer}
.ta-country-option span{min-width:0;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ta-country-option small{flex:0 0 auto;color:#718096;font-size:.88em}
.ta-country-option:hover,.ta-country-option.is-active{background:#edf5ff}
[dir="rtl"] .ta-country-option{text-align:right}
@media(max-width:650px){.ta-country-combobox{max-height:240px}.ta-country-option{padding:11px 10px}}

/* V0.96 company registration document inline seal-copy reminder. */
.company-registration-label-line{display:flex!important;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}
.company-registration-label-line>span{font:inherit;color:inherit}
.company-registration-label-line>em{font-style:normal;color:#d64545;font-size:.84em;font-weight:700;line-height:1.35;min-width:0;overflow-wrap:anywhere}

/* V0.96: visual-only profile completion prompt; no extra copy. */
.account-profile-cta.is-profile-under-half{background:#fff0d7;border-color:#f3c27a}
.account-profile-cta.is-profile-half-complete{background:#e7f2df;border-color:#bfd6b3}

/* V0.96 current-company product quota. */
.current-company-identity-card{grid-template-columns:minmax(0,1fr) auto;align-items:start;justify-items:stretch;column-gap:28px}
.current-company-identity-main{display:grid;gap:7px;justify-items:start;min-width:0}
.current-company-product-usage{align-self:center;min-width:190px;padding:15px 17px;border:1px solid #dce6ef;border-radius:14px;background:#f8fbfe;display:grid;gap:5px}
.current-company-product-usage strong{font-size:12px;color:#183a5b}
.current-company-product-usage span{font-size:11px;color:#607087;font-weight:700}
.current-company-product-usage .is-limit{color:#b4473d}
@media(max-width:760px){.current-company-identity-card{grid-template-columns:1fr}.current-company-product-usage{width:100%;min-width:0;margin-top:8px}}

/* V0.96 product management compaction and counters. */
.uploaded-products-fold{margin-top:16px;border-top:1px solid #e2e9f0;padding-top:12px}
.uploaded-products-fold>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #dce6ef;border-radius:11px;background:#f8fbfe;color:#234663;font-weight:850;font-size:11px;cursor:pointer}
.uploaded-products-fold>summary::-webkit-details-marker{display:none}
.uploaded-products-fold[open]>summary{border-radius:11px 11px 0 0;background:#edf5ff}
.uploaded-products-fold .manage-product-list{border:1px solid #dce6ef;border-top:0;border-radius:0 0 11px 11px;padding:8px;background:#fff;max-height:460px;overflow:auto}
.manage-product-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.product-char-counter{margin-left:auto;color:#76879a!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.product-limited-field>small{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}

/* V0.96 professional contribution stars around the lower avatar arc. */
.ta-user-avatar-shell-profile{position:relative;overflow:visible;padding-bottom:15px}
.profile-avatar-star-halo{position:absolute;inset:0;pointer-events:none;overflow:visible}
.profile-avatar-star{position:absolute;font-size:18px;line-height:1;filter:drop-shadow(0 1px 1px rgba(25,45,70,.14));transform:translate(-50%,-50%)}
.profile-avatar-star.is-earned{color:#d89a16}
.profile-avatar-star.is-unearned{color:#cbd3dd}
.profile-avatar-star.s1{left:5%;top:66%}
.profile-avatar-star.s2{left:27%;top:91%}
.profile-avatar-star.s3{left:50%;top:102%}
.profile-avatar-star.s4{left:73%;top:91%}
.profile-avatar-star.s5{left:95%;top:66%}
.profile-hero-card.has-avatar-stars .profile-hero-main{padding-left:10px}
@media(max-width:620px){
  .profile-avatar-star{font-size:14px}
  .profile-hero-card.has-avatar-stars .profile-hero-main{padding-left:8px}
}

/* V0.96 home quick actions: one consistent, more visible light-blue treatment. */
.hero .quick .chip{background:#eaf4ff;border-color:#c9def4;color:#244f73;font-weight:800}
.hero .quick .chip:hover,.hero .quick .chip:focus-visible{background:#dcecff;border-color:#b8d4ee;color:#173d60}

/* V0.97 anonymous composer control. */
.composer-publish-controls{margin-left:auto;display:flex;align-items:flex-end;gap:14px}
.composer-anonymous-toggle{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid #d6e1e9;border-radius:10px;background:#f8fafc;color:#29465e;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.composer-anonymous-toggle input{width:16px;height:16px;accent-color:#153f66}
@media(max-width:620px){.composer-publish-controls{width:100%;justify-content:flex-end;gap:8px}.composer-anonymous-toggle{padding:8px 9px}.composer-publish-stack{min-width:104px}}

/* V0.97 professional stars follow the upper avatar arc. */
.ta-user-avatar-shell-profile,.ta-user-avatar-shell-post,.ta-user-avatar-shell-recommend{position:relative;overflow:visible;padding-top:18px}
.profile-avatar-star-halo{position:absolute;inset:0;pointer-events:none;overflow:visible}
.profile-avatar-star{position:absolute;line-height:1;filter:drop-shadow(0 1px 1px rgba(25,45,70,.14));transform:translate(-50%,-50%)}
.profile-avatar-star.s1{left:6%;top:35%}.profile-avatar-star.s2{left:27%;top:13%}.profile-avatar-star.s3{left:50%;top:4%}.profile-avatar-star.s4{left:73%;top:13%}.profile-avatar-star.s5{left:94%;top:35%}
.ta-user-avatar-shell-profile .profile-avatar-star{font-size:17px}.ta-user-avatar-shell-post .profile-avatar-star{font-size:9px}.ta-user-avatar-shell-recommend .profile-avatar-star{font-size:8px}
.profile-hero-card.has-avatar-stars .profile-hero-main{padding-left:18px}
.post-author-row:not(.is-anonymous) .post-author-identity{margin-left:4px}
.post-author-row.is-anonymous .post-author-avatar{border:1px solid #dce4eb;background:#eef3f6;color:#607087;cursor:pointer}
.anonymous-author-name{border:0;background:none;padding:0;font:inherit;font-weight:850;color:#607087;cursor:pointer}
@media(max-width:620px){.ta-user-avatar-shell-profile{padding-top:15px}.ta-user-avatar-shell-profile .profile-avatar-star{font-size:13px}.profile-hero-card.has-avatar-stars .profile-hero-main{padding-left:12px}}

/* V0.97 uploader-only product detail controls. */
.product-social-actions{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.product-social-actions>.content-actions{flex:1 1 auto}
.product-owner-actions{margin-left:auto;display:flex;align-items:center;gap:7px;flex:0 0 auto}
.product-owner-actions form{margin:0}
.product-owner-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:7px 10px;border:1px solid #d7e1e9;border-radius:9px;background:#fff;color:#234663;font:inherit;font-size:9.5px;font-weight:850;white-space:nowrap;text-decoration:none;cursor:pointer}
.product-owner-btn.danger{color:#b8342f;border-color:#efc5c2}
.product-owner-btn:hover{background:#f4f8fb}
@media(max-width:700px){.product-social-actions{display:block}.product-owner-actions{width:100%;margin:8px 0 0;justify-content:flex-end;flex-wrap:wrap}.product-owner-btn{max-width:100%}.product-owner-btn b{display:inline-block;white-space:nowrap}}@media(max-width:520px){.product-owner-btn{width:38px;height:36px;padding:6px}.product-owner-btn b{display:none}.product-owner-btn span{font-size:16px}}
.post-ai-links.is-people{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
.post-ai-person-link{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap;min-width:0}
.post-ai-person-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#edf2f5;color:#345;font-size:10px;font-weight:850}
.ta-user-avatar-shell-recommend{display:inline-block;width:34px;height:40px;flex:0 0 auto;padding-top:9px}
.ta-user-avatar-shell-recommend .profile-avatar-star-halo{width:34px;height:34px}
.product-social-actions>.inline-comments-panel{flex:1 0 100%;width:100%;order:3}
/* V0.97 final star geometry: five points follow the avatar's upper semicircle. */
.ta-user-avatar-shell-profile{width:92px;height:110px;padding:18px 0 0;box-sizing:content-box;flex:0 0 92px}
.ta-user-avatar-shell-post{display:inline-block;width:34px;height:46px;padding:12px 0 0;box-sizing:content-box;flex:0 0 34px}
.ta-user-avatar-shell-recommend{display:inline-block;width:28px;height:38px;padding:10px 0 0;box-sizing:content-box;flex:0 0 28px}
.ta-user-avatar-shell-profile .profile-avatar-star-halo{width:92px;height:110px}
.ta-user-avatar-shell-post .profile-avatar-star-halo{width:34px;height:46px}
.ta-user-avatar-shell-recommend .profile-avatar-star-halo{width:28px;height:38px}
.profile-avatar-star.s1{left:0;top:50%}.profile-avatar-star.s2{left:16%;top:17%}.profile-avatar-star.s3{left:50%;top:1%}.profile-avatar-star.s4{left:84%;top:17%}.profile-avatar-star.s5{left:100%;top:50%}
.ta-user-avatar-shell-profile .profile-avatar-star{font-size:17px}.ta-user-avatar-shell-post .profile-avatar-star{font-size:8px}.ta-user-avatar-shell-recommend .profile-avatar-star{font-size:7px}
@media(max-width:620px){.ta-user-avatar-shell-profile{width:82px;height:98px;padding-top:16px;flex-basis:82px}.profile-public-avatar{width:82px;height:82px}.ta-user-avatar-shell-profile .profile-avatar-star-halo{width:82px;height:98px}.ta-user-avatar-shell-profile .profile-avatar-star{font-size:14px}}

/* V0.98 — corrective UI pass after V0.97 review. */
/* Professional contribution: earned stars only, centered in one horizontal row below the avatar. */
.ta-user-avatar-shell-profile,
.ta-user-avatar-shell-post,
.ta-user-avatar-shell-recommend{
  position:relative;
  overflow:visible;
  padding:0;
  height:auto;
  box-sizing:border-box;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
.ta-user-avatar-shell-profile{width:92px;flex:0 0 92px}
.ta-user-avatar-shell-post{width:34px;flex:0 0 34px}
.ta-user-avatar-shell-recommend{width:auto;flex:0 0 auto}
.profile-avatar-star-halo{
  position:static;
  inset:auto;
  width:auto!important;
  height:auto!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1px;
  margin-top:4px;
  line-height:1;
  pointer-events:none;
  transform:none;
}
.profile-avatar-star{
  position:static;
  transform:none;
  left:auto!important;
  top:auto!important;
  filter:none;
  line-height:1;
}
.ta-user-avatar-shell-profile .profile-avatar-star{font-size:14px}
.ta-user-avatar-shell-post .profile-avatar-star{font-size:7px}
.ta-user-avatar-shell-recommend .profile-avatar-star{font-size:7px}
.profile-hero-card.has-avatar-stars .profile-hero-main{padding-left:0}
.post-author-row:not(.is-anonymous) .post-author-identity{margin-left:0}
@media(max-width:620px){
  .ta-user-avatar-shell-profile{width:82px;flex-basis:82px;padding:0}
  .ta-user-avatar-shell-profile .profile-avatar-star{font-size:12px}
  .profile-hero-card.has-avatar-stars .profile-hero-main{padding-left:0}
}

/* V0.98 — inline AI people return to compact V0.96 name-only flow. */
.post-ai-links.is-people{display:flex;flex-wrap:wrap;align-items:center;gap:3px .55em}
.post-ai-links.is-people .post-ai-person-link{
  display:inline-block!important;
  width:auto;
  max-width:100%;
  white-space:nowrap;
  word-break:keep-all;
  overflow:visible;
  text-overflow:clip;
}

/* V0.98 — current company: distinct product-management shortcut and clickable quota card. */
.current-company-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
a.current-company-product-usage{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
a.current-company-product-usage:hover,a.current-company-product-usage:focus-visible{border-color:#a9c5dc;background:#eef6fd;transform:translateY(-1px);outline:none}
.product-manage-stat-link{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.product-manage-stat-link:hover,.product-manage-stat-link:focus-visible{border-color:#9fbfd8;background:#f1f7fc;transform:translateY(-1px);outline:none}
#uploaded-products,#new-product{scroll-margin-top:calc(var(--ta-header-height,72px) + 18px)}

/* V0.98 — product-module company card certifications: PC right-aligned by company name; mobile below name. */
.company-product-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-width:0}
.company-product-title-copy{min-width:0;flex:1 1 auto}
.company-product-title-row>.company-product-certifications{
  flex:0 1 48%;
  max-width:52%;
  margin:10px 0 0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  align-content:flex-start;
  gap:6px 9px;
}
.company-product-title-row>.company-product-certifications .company-cert-name{flex:0 0 auto}
.company-product-profile-link>.company-product-certifications{display:none!important}
@media(max-width:620px){
  .company-product-title-row{display:block}
  .company-product-title-row>.company-product-certifications{
    width:100%;
    max-width:100%;
    margin:7px 0 2px;
    justify-content:flex-start;
    align-items:center;
    align-content:flex-start;
    gap:5px 8px;
  }
  .company-product-hero{align-items:start}
}

/* V0.98 — mobile header controls: slightly larger, spaced, and shifted inward from the right edge. */
@media(max-width:900px){
  .actions{gap:7px;margin-right:5px}
  .mobile-lang-select{height:40px;min-height:40px;width:70px}
  .header-post-btn,.mobile-signin-btn,.header-account-btn,.mobile-menu-toggle,.header-notification-btn{
    width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important;
  }
  .mobile-menu-toggle,.header-post-btn,.header-notification-btn{border-radius:10px}
}
@media(max-width:430px){
  .wrap{padding-left:10px;padding-right:10px}
  .nav{gap:5px}
  .actions{gap:5px;margin-right:4px}
  .mobile-lang-select{width:68px;height:38px;min-height:38px;font-size:9.5px}
  .header-post-btn,.mobile-signin-btn,.header-account-btn,.mobile-menu-toggle,.header-notification-btn{
    width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;
  }
  .header-notification-btn svg{width:19px;height:19px}
}

/* V0.99: uploader-owned product catalogue. */
.my-products-page{padding-top:24px;padding-bottom:48px}.my-products-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;margin-bottom:14px}.my-products-head h1{margin:4px 0 5px}.my-products-head p{margin:0;color:#6c7a8d}.my-products-owner-note{margin:0 0 14px;padding:11px 14px;border-radius:12px;background:#f4f7fa;color:#5e6d80;font-size:13px}.my-products-category{padding:0;margin-bottom:12px;overflow:hidden}.my-products-category>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px}.my-products-category>summary::-webkit-details-marker{display:none}.my-products-category>summary span:first-child{display:flex;align-items:baseline;gap:10px;min-width:0}.my-products-category>summary strong{font-size:17px}.my-products-category>summary small{color:#7a8798}.my-products-category-chevron{font-size:20px;transition:transform .18s ease}.my-products-category[open] .my-products-category-chevron{transform:rotate(180deg)}.my-products-list{border-top:1px solid #e8edf2;padding:8px 14px 14px}.my-product-row{display:grid;grid-template-columns:68px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:11px 8px;border-bottom:1px solid #edf1f4}.my-product-row:last-child{border-bottom:0}.my-product-thumb{width:68px;height:54px;border-radius:9px;overflow:hidden;background:#eef2f5;display:grid;place-items:center}.my-product-thumb img{width:100%;height:100%;object-fit:cover}.my-product-main{min-width:0}.my-product-main>a{text-decoration:none;color:#172333}.my-product-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-product-main small{display:block;margin-top:4px;color:#7b899b}.my-product-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.my-product-actions form{margin:0}.product-owner-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.owner-action-toast{position:fixed;left:50%;bottom:92px;z-index:1200;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:rgba(20,48,75,.94);color:#fff;border-radius:999px;padding:9px 15px;font-weight:850;box-shadow:0 8px 24px rgba(18,41,62,.2);animation:taOwnerToast 1.05s ease forwards}.owner-action-toast.is-visible{display:block}@keyframes taOwnerToast{0%{opacity:0;transform:translate(-50%,8px)}18%,72%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-3px)}}
@media(max-width:700px){.my-products-head{padding:18px;align-items:flex-start;flex-direction:column}.my-product-row{grid-template-columns:54px minmax(0,1fr) auto;gap:9px}.my-product-thumb{width:54px;height:48px}.my-product-row>.product-status-pill{grid-column:2/3;justify-self:start}.my-product-actions{grid-column:1/-1;border-top:1px solid #edf1f4;padding-top:9px;width:100%}.my-product-actions .product-owner-btn{width:40px;height:38px;padding:6px}.my-product-actions .product-owner-btn b{display:none}.my-products-category>summary span:first-child{display:block}.my-products-category>summary small{margin-left:7px}.product-owner-btn.visibility svg{width:19px;height:19px}}

/* V1.00: publication media controls shared by create and edit. */
.publication-detail-title:empty{display:none}
.publication-edit-form .composer-upload-tools{display:flex;flex-wrap:nowrap;gap:10px}
.publication-edit-form .composer-media-row{margin:14px 0;align-items:flex-start}
#postUploadSelection{display:flex;flex-wrap:wrap;gap:12px;flex-basis:100%;order:5;width:100%}
#postUploadSelection:empty{display:none}
.publication-media-preview{width:150px;max-width:100%;border:1px solid #dce4eb;border-radius:12px;padding:8px;background:#fff;box-sizing:border-box}
.publication-media-preview>img{display:block;width:100%;height:110px;object-fit:contain;border-radius:7px;background:#f4f6f8}
.publication-media-preview>small,.publication-file-preview>small{display:block;overflow-wrap:anywhere;margin:5px 0;color:#5a6b7c}
.publication-media-actions{display:flex;flex-wrap:wrap;gap:6px}
.publication-media-actions button{border:1px solid #dce4eb;border-radius:6px;background:#fff;color:#17436a;padding:5px 7px;cursor:pointer;font:inherit;font-size:11px}
.publication-file-preview{max-width:240px;padding:8px;border:1px solid #dce4eb;border-radius:10px}
.publication-existing-media img{width:100px;height:90px;object-fit:contain}
/* Long company names remain readable; only their final character and check stay together. */
.company-directory-name h2{display:block;overflow-wrap:anywhere}
.company-name-end{white-space:nowrap;display:inline-block}
.company-directory-verified-check{display:inline-block;margin-inline-start:.22em;vertical-align:baseline;line-height:inherit}
.company-directory-group{margin:0 0 18px;border:1px solid #dce5ec;border-radius:16px;background:#fff;overflow:hidden}
.company-directory-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;cursor:pointer;font-size:17px;font-weight:800;color:#174b60;list-style:none}
.company-directory-group>summary::-webkit-details-marker{display:none}
.company-directory-group>summary b{display:inline-block;margin-inline-start:8px;padding:3px 9px;background:#eaf2f4;border-radius:20px;font-size:12px}
.company-directory-group>.company-directory-grid{padding:0 16px 16px;margin:0}
.company-group-chevron{transition:transform .15s}.company-directory-group[open] .company-group-chevron{transform:rotate(180deg)}
@media(max-width:620px){.publication-media-preview{width:calc(50% - 6px)}.company-directory-group>summary{font-size:15px;padding:14px}.company-directory-group>.company-directory-grid{padding:0 10px 10px}}
/* User image elements, not the contribution-star/presence shells. */
:is(.avatar,.avatar-thumb,.account-avatar,.account-chat-contact-avatar,.account-chat-message-avatar,.account-chat-panel-avatar,.account-follower-avatar,.comment-avatar,.company-member-avatar,.feed-avatar,.global-chat-contact-avatar,.global-chat-message-avatar,.global-chat-person-avatar,.header-account-avatar,.inline-comment-avatar,.post-ai-person-avatar,.post-author-avatar,.private-message-avatar,.private-share-avatar,.profile-avatar,.profile-avatar-fallback,.profile-avatar-large,.profile-public-avatar,.ta-notification-avatar){border-radius:50%!important;aspect-ratio:1/1;overflow:hidden}
:is(.avatar,.account-avatar,.comment-avatar,.post-author-avatar,.profile-public-avatar,.profile-avatar-large) img{border-radius:50%!important;object-fit:cover}
/* Company marks use contain plus an inset so square artwork fits inside a circle. */
:is(.company-avatar,.company-catalog-logo,.company-product-logo,.company-profile-logo,.company-homepage-logo-preview,.advertise-logo-preview,#heroAdLogo,.hero-ad-logo-text,.sponsored-feed-logo-text){border-radius:50%!important;overflow:hidden;aspect-ratio:1/1;flex-shrink:0}
:is(.company-catalog-logo,.company-product-logo,.company-profile-logo,.company-homepage-logo-preview,.advertise-logo-preview)>img,.sponsored-company-logo,img.company-avatar{border-radius:50%!important;object-fit:contain!important;background:#fff;box-sizing:border-box;padding:8px}
.company-profile-logo>img{padding:13px}
#heroAdLogo{width:52px;height:52px;background:#fff}
#heroAdLogo>.hero-ad-logo-text{width:52px;height:52px;margin:0}
.company-homepage-logo-preview,.advertise-logo-preview{width:84px;height:84px}

.company-avatar>img{width:100%;height:100%;object-fit:contain!important;border-radius:50%;padding:6px;box-sizing:border-box;background:#fff}


/* V1.00 replacement: readable multilingual controls, stable icon sizes, RTL. */
/* Text controls may grow vertically. Dedicated icon-only controls retain their size. */
:where(.btn,button):not(.mobile-menu-toggle):not(.ta-compact-button){
  white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;
}
.btn,button.btn,a.btn{
  min-width:0;max-width:100%;height:auto;min-height:42px;padding-block:9px;
  line-height:1.4;white-space:normal;overflow-wrap:anywhere;word-break:normal;
  text-overflow:clip;box-sizing:border-box;
}
.btn>svg,.btn>.icon,.composer-media-icon,.company-group-chevron,.my-products-category-chevron{flex-shrink:0}
.knowledge-discovery-buttons{align-items:stretch;grid-auto-rows:1fr}
.knowledge-topic-btn{
  height:auto;min-height:44px;font-size:12px;line-height:1.45;padding:8px 10px;
  white-space:normal;word-break:normal;overflow-wrap:anywhere;text-overflow:clip;
}
.composer-source-language-row label{min-width:0}
.composer-source-language-row select{width:100%;min-width:0;max-width:360px;box-sizing:border-box}
.composer-publish{height:auto;min-height:46px;line-height:1.4;white-space:normal}
.publication-media-actions button{
  flex:1 1 auto;min-height:32px;max-width:100%;font-size:12px;line-height:1.4;
  padding:6px 8px;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;
}
.publication-media-preview,.publication-file-preview{min-width:0}
.my-products-head>div,.my-products-category>summary>span:first-child,.my-product-main,
.company-directory-group>summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.my-products-category>summary>span:first-child{flex-wrap:wrap}
.my-products-category>summary small{flex-shrink:0}
.company-directory-group>summary b{white-space:nowrap}
.product-owner-btn{max-width:100%;white-space:normal;line-height:1.4;font-size:12px}
.product-owner-btn svg,.product-owner-btn>span{flex-shrink:0}
.product-owner-btn b{white-space:normal}
.sponsored-company-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.sponsored-company-actions .btn,.sponsored-company-actions a{height:auto;min-height:40px;white-space:normal;line-height:1.4;overflow-wrap:anywhere}
.follower-count,.company-follower-count{white-space:normal;line-height:1.4}
.follower-count-value,.company-follower-count-value{display:inline-block;direction:ltr;unicode-bidi:isolate}
.ta-back-arrow{display:inline-block}
[dir="rtl"] .ta-back-arrow{transform:scaleX(-1)}
[dir="rtl"] .lang-wrap:after{left:auto;right:auto;inset-inline-end:11px}
[dir="rtl"] .lang-wrap>.select{padding-inline:12px 34px}
[dir="rtl"] .composer-publish-stack,[dir="rtl"] .composer-publish-controls,
[dir="rtl"] .product-owner-actions{margin-left:0;margin-inline-start:auto}
[dir="rtl"] .my-products-category>summary small{margin-left:0;margin-inline-start:7px}
[dir="rtl"] .service-ad-history.has-applications>.translation-section-head>div,
[dir="rtl"] .service-ad-history.has-applications .ad-application-history article,
[dir="rtl"] .service-ad-history.has-applications .ad-application-history article>div,
[dir="rtl"] .service-ad-history.has-applications .ad-application-history article>div:last-child{
  text-align:start!important;
}
[dir="rtl"] .account-ai-translation-actions{text-align:start}
[dir="rtl"] .global-chat-quote,[dir="rtl"] .global-chat-reply-preview{
  border-left:0;border-inline-start:3px solid rgba(58,99,116,.45);
}
@media(max-width:700px){
  .service-ad-history.has-applications{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important}
  .service-ad-history.has-applications>.translation-section-head .btn{height:auto!important;min-height:40px!important;white-space:normal!important;line-height:1.4!important}
  .account-profile-cta-actions .btn{white-space:normal}
}
@media(max-width:520px){
  /* The existing product owner controls use familiar edit/eye/delete icons here. */
  .product-owner-btn{width:38px;height:38px;min-height:38px;padding:6px;flex:0 0 38px}
}
@media(max-width:420px){
  .service-ad-history.has-applications{grid-template-columns:minmax(0,1fr)!important;row-gap:14px!important}
  .service-ad-history.has-applications>.translation-section-head,
  .service-ad-history.has-applications>.ad-application-history{grid-column:1!important;grid-row:auto!important}
}
/* Exempt existing icon controls from the text-button minimum height. */
.profile-preview-icon-btn{min-height:40px!important}
@media(max-width:900px){
  .header-post-btn,.mobile-signin-btn,.header-account-btn,.mobile-menu-toggle,.header-notification-btn{
    min-height:40px!important;max-height:40px!important;padding:0!important;
  }
  [dir="rtl"] .actions{margin-right:0;margin-inline-end:5px}
}
@media(max-width:430px){
  .header-post-btn,.mobile-signin-btn,.header-account-btn,.mobile-menu-toggle,.header-notification-btn{
    min-height:38px!important;max-height:38px!important;
  }
  [dir="rtl"] .actions{margin-right:0;margin-inline-end:4px}
}

/* V1.01: private file pickers, homepage logo and unabridged company names. */
input[type=file][hidden],input[data-ta-private-picker],.localized-file-picker[hidden]{display:none!important}
#heroAdLogo{display:flex;align-items:center;justify-content:center;width:58px;height:58px;min-width:58px;position:relative;overflow:hidden;margin:0!important;border-radius:50%}
#heroAdLogo>.sponsored-company-logo{position:static!important;margin:0!important;transform:none!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;flex:0 0 auto;box-shadow:none}
.sponsored-company-brand-info{min-width:0;flex:1 1 0}
.sponsored-company-title-row .sponsored-company-name{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow-wrap:anywhere;line-height:1.4}
.sponsored-company-name a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
.sponsored-company-name a:hover{text-decoration:underline}
.comment-quote-card>a{display:block;color:inherit;text-decoration:none}
.comment-quote-card>a:first-child{color:var(--brand,#173f65)}

.sponsored-company-actions>[hidden]{display:none!important}.ad-action-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;min-width:0}.ad-action-settings label{display:grid;gap:6px;min-width:0}.ad-action-settings input,.ad-action-settings select{width:100%;min-width:0;box-sizing:border-box}
/* Invitation previews: native modal focus management; only body scrolls. */
.ta-invite-open{overflow:hidden!important}
.ta-invite-dialog{padding:0;border:1px solid var(--line,#dce3ec);border-radius:20px;width:min(580px,calc(100vw - 24px));max-height:85vh;max-height:85dvh;color:var(--text,#15232e);background:#fff;box-sizing:border-box;overflow:hidden}
.ta-invite-dialog[open]{display:flex;flex-direction:column}
.ta-invite-dialog::backdrop{background:rgba(17,29,45,.5)}
.ta-invite-dialog-body{padding:22px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow-wrap:anywhere}
.ta-invite-dialog-body h2{font-size:22px;line-height:1.4;white-space:normal}
.ta-invite-dialog-body p{white-space:pre-wrap}
.ta-invite-dialog-body>a{display:block;margin-block:12px;color:var(--brand,#173f65)}
.ta-invite-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex-shrink:0;padding:14px 18px max(14px,env(safe-area-inset-bottom));border-top:1px solid #dce3ec;background:#fff}
.ta-invite-dialog-actions .btn{white-space:normal!important;height:auto!important;min-height:44px;line-height:1.4;overflow-wrap:anywhere}
.ta-invite-dialog-actions .ghost{background:#f1f3f6;color:#344256;border:1px solid #ccd4df}
.ta-invite-dialog-actions .primary{background:#173f65;color:#fff}
.publication-invite-answer{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.invite-person-name{display:inline-block!important;max-width:150px;min-width:0;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;border:0;background:transparent;color:#176a85;cursor:pointer;font:inherit;padding:5px;line-height:1.4}
.invite-person-name.is-selected{background:#e7f3ef;border-radius:8px;color:#126047}
.invite-dialog-hint{color:#58697a;font-size:14px}
[data-invite-error]{flex-basis:100%;color:#ae2525}
[data-invite-send][hidden]{display:none!important}