/* TRUSTPROS CONNECT v5 — warm-gold interaction palette and detailed member profiles */
:root{--connect-button-gold:#f3ce73;--connect-button-glow:rgba(226,170,65,.24)}
.button.primary{
  color:#201707;background:linear-gradient(135deg,#fff0ae 0%,#f1c55e 48%,#ca912f 100%);
  border:1px solid #ffde91;box-shadow:0 6px 23px var(--connect-button-glow);font-weight:900
}
.button.primary:hover:not(:disabled){
  color:#1b1307;background:linear-gradient(135deg,#fff5ca,#f6d584 47%,#dea542);
  box-shadow:0 9px 28px rgba(234,183,85,.38);border-color:#fff3bc
}
.button.secondary{
  color:#ffe4a2;background:linear-gradient(135deg,#30281a,#1b2027);
  border:1px solid #9c7d42;box-shadow:inset 0 1px rgba(255,222,139,.08)
}
.button.secondary:hover:not(:disabled){color:#fff5d1;background:#41331b;border-color:#e0b869}
.button:disabled,.mini-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.mini-button:not(.danger){
  background:linear-gradient(140deg,#594326,#352a1d);border-color:#ad8749;color:#ffe5a8
}
.mini-button:not(.danger):hover:not(:disabled){background:#73572b;border-color:#eccb7b;color:#fff6dc}
.mini-button.danger{background:#342027;color:#ffc2c6}
.side-link:hover,.side-link.is-active{
  background:linear-gradient(100deg,rgba(204,152,59,.24),rgba(137,92,31,.09));
  color:#ffdf9b
}
.side-link.is-active{box-shadow:inset 3px 0 #eac16b}
.side-link b{background:#d5a748;color:#211705}
.tab:hover{color:#eed29a}
.tab.active{color:#ffdf9f;border-bottom-color:#edc36d}
.tab span{color:#dfb96d}
.thread-item:hover,.thread-item.selected,.admin-thread-item:hover,.admin-thread-item.selected{
  background:linear-gradient(110deg,#3c311e,#202736);color:#fff0cd
}
.member-app .chat-bubble.own{background:#4b3a22;border-color:#a37f46;color:#fff5db}
.contact-links a,.contact-links span{color:#f2d79b;border-color:#967d4f;background:#3a301d55}
.contact-links a:hover{color:#fff6d3;border-color:#e4bc67}
.mock-nav.selected{background:#49381e;color:#f3d693}
.mock-choice{background:#59431c;color:#ffecb3;border-color:#c59d57}
.connectko-faq-chip{background:#342c20;border-color:#8c7144;color:#ffe5a6}
.connectko-faq-chip:hover{background:#524022;border-color:#ebc779}
.button:focus-visible,.mini-button:focus-visible,.side-link:focus-visible,
.tab:focus-visible,.connectko-faq-chip:focus-visible,.profile-avatar-button:focus-visible,
.thread-details-button:focus-visible,.tiny-avatar:focus-visible{
  outline:2px solid #ffe397;outline-offset:3px
}
/* Keep green marketing CTAs. */
#headerJoin,#heroJoin,#bottomJoin{color:#07321d!important}
.app-top-kicker{gap:9px;color:#f6d58e}
.app-top-kicker img{width:21px;height:21px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(236,184,69,.36))}
.app-sidebar{padding-top:34px}
.sidebar-label{margin-top:0}
.tiny-avatar{appearance:none;padding:0;cursor:pointer;border-color:#d6b66c;border-radius:12px}
.tiny-avatar:hover{border-color:#ffdf8f;box-shadow:0 0 0 3px #e2bd5730}
.profile-avatar-button{appearance:none;display:grid;place-items:center;padding:0;cursor:pointer;border:2px solid #b59658;flex:none}
.profile-avatar-button:hover{border-color:#ffe49b;box-shadow:0 0 0 3px rgba(226,183,91,.23)}
.thread-item{padding:11px 13px;gap:10px}
.thread-item .round-avatar{width:47px;height:47px}
.thread-details-button{
  appearance:none;background:transparent;color:inherit;border:0;padding:5px 0;
  display:block;flex:1;min-width:0;text-align:left;cursor:pointer;font:inherit
}
.thread-summary{display:block;min-width:0}
.thread-summary b{color:#f7f3e9;overflow-wrap:anywhere;font-size:12px;line-height:1.45}
.thread-summary .thread-identity{
  display:block;color:#f2cd74;font-size:11px;font-weight:800;margin-top:4px;
  line-height:1.4;overflow-wrap:anywhere
}
.thread-summary small{margin-top:5px;color:#899bae;font-size:10px}
.thread-item.selected .thread-summary b{color:#fff7d6}
.member-profile-overlay{z-index:800}
.member-profile-dialog{
  width:min(550px,100%);max-height:min(85dvh,780px);overflow-y:auto;
  background:radial-gradient(ellipse at 18% 0%,#41321c 0%,transparent 50%),linear-gradient(148deg,#172432,#0d1724);
  border:1px solid #b28b4b;border-radius:20px;padding:32px;
  box-shadow:0 28px 100px #000c,0 0 45px #d5a34a1c
}
.member-profile-hero{display:flex;align-items:center;gap:19px;min-width:0;margin-bottom:25px;padding-right:16px}
.member-profile-portrait{
  width:97px;height:97px;border-radius:50%;overflow:hidden;flex:none;
  border:3px solid #eccb78;box-shadow:0 0 0 5px #b78a3025,0 10px 30px #0007;background:#10281c
}
.member-profile-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.member-profile-intro{min-width:0}
.member-profile-intro h3{font:900 clamp(18px,3vw,25px) Manrope,sans-serif;line-height:1.25;margin:6px 0;overflow-wrap:anywhere}
.member-profile-role{color:#f6d37e!important;font-size:13px!important;font-weight:900!important;letter-spacing:.025em;margin:6px 0!important}
.member-profile-bio{font-size:14px;color:#e1e8ef;line-height:1.75;margin:0 0 23px;white-space:pre-wrap;overflow-wrap:anywhere}
.member-profile-extra{border-top:1px solid #80694079;padding-top:22px;margin-top:8px}
.member-profile-extra h4{color:#f4d68e;font:800 15px Manrope;margin:0 0 7px}
.member-profile-extra h5{color:#e9d9b7;font-size:12px;margin:18px 0 9px}
.member-profile-extra .small-muted{font-size:11px;color:#a9b8c5;line-height:1.6;margin:0 0 12px}
.member-profile-links,.member-profile-platforms{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.member-profile-link,.member-profile-platform{
  padding:9px 12px;border:1px solid #9c7b40;border-radius:10px;
  background:#56432455;color:#ffe4aa;font:800 11px DM Sans,sans-serif;
  text-decoration:none;overflow-wrap:anywhere
}
a.member-profile-link:hover{border-color:#f2d28c;color:#fff7dd;background:#70532669}
.member-profile-note{color:#adbed1;font-size:12px;line-height:1.7;margin-top:13px}
.member-profile-dialog .dialog-close{color:#f5d58f}
.member-profile-dialog .dialog-close:hover{color:#fff3c6}
@media(max-width:590px){
  .member-profile-dialog{padding:24px 19px}
  .member-profile-hero{gap:14px}
  .member-profile-portrait{width:70px;height:70px}
  .thread-list{max-height:220px}
  .thread-item{padding:9px 11px}
}