:root{
  --wns-bg:#f4f7fb;--wns-card:#fff;--wns-line:#e2e8f0;--wns-text:#0f172a;--wns-muted:#64748b;
  --wns-blue:#086ad8;--wns-blue2:#064c9e;--wns-navy:#071d3d;--wns-soft:#eef6ff;--wns-gold:#f7b928;
  --wns-green:#069668;--wns-red:#d92d20;--wns-radius:18px;--wns-shadow:0 12px 32px rgba(15,23,42,.07);
  --wns-max:1180px;
}
body{background:var(--wns-bg)!important;color:var(--wns-text)}
.wns-shell{width:min(var(--wns-max),calc(100% - 24px));margin:0 auto;padding:20px 0 44px}
.wns-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.wns-grid-3{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;gap:18px;align-items:start}
.wns-card{background:var(--wns-card);border:1px solid var(--wns-line);border-radius:var(--wns-radius);box-shadow:var(--wns-shadow);overflow:hidden;min-width:0}
.wns-head{padding:16px 18px;border-bottom:1px solid var(--wns-line);display:flex;justify-content:space-between;gap:12px;align-items:center}
.wns-body{padding:18px}.wns-title{font-weight:950;letter-spacing:-.02em;color:var(--wns-text)}
.wns-muted{color:var(--wns-muted);font-size:13px;line-height:1.55;font-weight:650}
.wns-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wns-blue);font-weight:950}
.wns-h1{font-size:clamp(26px,4vw,42px);line-height:1.04;letter-spacing:-.04em;margin:5px 0 8px;font-weight:1000}
.wns-h2{font-size:20px;line-height:1.15;margin:0;font-weight:950;letter-spacing:-.02em}
.wns-row{display:flex;align-items:center;gap:12px;min-width:0}
.wns-between{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}
.wns-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#086ad8,#16a8d8);color:#fff;display:grid;place-items:center;font-weight:950;flex:0 0 auto}
.wns-avatar.sm{width:40px;height:40px}.wns-avatar.lg{width:94px;height:94px;border:4px solid #fff;box-shadow:0 8px 26px rgba(15,23,42,.16)}
.wns-avatar img{width:100%;height:100%;object-fit:cover}
.wns-name{font-weight:950;line-height:1.2;overflow-wrap:anywhere}.wns-handle{font-size:12px;color:var(--wns-muted);font-weight:750}
.wns-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfe0f4;background:var(--wns-soft);color:var(--wns-blue2);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}
.wns-btn{border:1px solid var(--wns-line);background:#fff;color:var(--wns-text);min-height:40px;padding:0 14px;border-radius:999px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none!important;white-space:nowrap}
.wns-btn:hover{background:#f8fafc}.wns-btn.primary{border-color:transparent;background:linear-gradient(90deg,var(--wns-blue),#1689ec);color:#fff}.wns-btn.primary:hover{filter:brightness(.98)}
.wns-btn.soft{background:var(--wns-soft);border-color:#d7e8fb;color:var(--wns-blue2)}.wns-btn.danger{color:var(--wns-red)}
.wns-btn.full{width:100%}.wns-btn:disabled{opacity:.65;cursor:default}
.wns-tabs{display:flex;gap:6px;overflow-x:auto;padding:7px;background:#f8fafc;border:1px solid var(--wns-line);border-radius:14px}
.wns-tab{padding:9px 13px;border-radius:10px;font-weight:850;font-size:13px;color:var(--wns-muted);text-decoration:none!important;white-space:nowrap}
.wns-tab.active{background:#fff;color:var(--wns-text);box-shadow:0 2px 8px rgba(15,23,42,.06)}
.wns-list{display:grid}.wns-list-item{padding:15px 18px;border-top:1px solid var(--wns-line);min-width:0}.wns-list-item:first-child{border-top:0}
.wns-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wns-stat{border:1px solid var(--wns-line);background:#fff;border-radius:14px;padding:12px}.wns-stat b{display:block;font-size:20px}.wns-stat span{font-size:11px;color:var(--wns-muted);font-weight:800}
.wns-input,.wns-textarea{width:100%;border:1px solid var(--wns-line);border-radius:13px;background:#f8fafc;color:var(--wns-text);outline:none;padding:11px 13px;font:inherit;font-weight:700}
.wns-input{height:44px}.wns-textarea{min-height:82px;resize:vertical}.wns-input:focus,.wns-textarea:focus{background:#fff;border-color:#9cc8f4;box-shadow:0 0 0 4px rgba(8,106,216,.08)}
.wns-empty{padding:42px 24px;text-align:center;color:var(--wns-muted)}.wns-empty b{display:block;color:var(--wns-text);font-size:18px;margin-bottom:6px}
.wns-profile-cover{height:210px;background:linear-gradient(135deg,#061e43,#0b74dd);position:relative;overflow:hidden}
.wns-profile-cover img{width:100%;height:100%;object-fit:cover}.wns-profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,18,43,.5))}
.wns-profile-main{padding:0 20px 18px;position:relative}.wns-profile-avatar{margin-top:-50px;position:relative;z-index:2}
.wns-profile-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:-40px;position:relative;z-index:3}
.wns-profile-name{font-size:25px;font-weight:1000;letter-spacing:-.03em;margin-top:8px}.wns-profile-bio{margin-top:10px;line-height:1.65;color:#334155}
.wns-metrics{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}.wns-metrics a,.wns-metrics span{font-size:13px;color:var(--wns-muted);font-weight:750;text-decoration:none}.wns-metrics b{color:var(--wns-text)}
.wns-post{padding:17px 18px;border-top:1px solid var(--wns-line)}.wns-post:first-child{border-top:0}
.wns-post-text{margin:10px 0 0;white-space:pre-wrap;line-height:1.65;font-weight:620;color:#1e293b;overflow-wrap:anywhere}.wns-post-text a{color:var(--wns-blue);font-weight:800}
.wns-media{margin-top:12px;border:1px solid var(--wns-line);border-radius:14px;overflow:hidden;background:#0b1220}.wns-media img,.wns-media video{width:100%;max-height:520px;display:block;object-fit:cover}
.wns-engage{display:flex;gap:14px;flex-wrap:wrap;margin-top:11px;font-size:12px;color:var(--wns-muted);font-weight:800}
.wns-hero{background:linear-gradient(135deg,#071d3d 0%,#075fc4 62%,#0b86e8 100%);color:#fff;border:none;position:relative;overflow:hidden}
.wns-hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;top:-170px;background:rgba(255,255,255,.08)}
.wns-hero .wns-body{position:relative;z-index:1}.wns-hero .wns-muted{color:rgba(255,255,255,.78)}.wns-hero .wns-kicker{color:#b9dcff}
.wns-tag{font-size:44px;font-weight:1000;letter-spacing:-.04em;overflow-wrap:anywhere}
.wns-side-sticky{position:sticky;top:76px}.wns-chip-row{display:flex;flex-wrap:wrap;gap:7px}.wns-chip{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid var(--wns-line);font-size:12px;font-weight:850;text-decoration:none;color:#334155}
.wns-thread-layout{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100vh - 110px);min-height:620px}
.wns-conversations{border-right:1px solid var(--wns-line);display:flex;flex-direction:column;min-height:0}.wns-convo-scroll{overflow-y:auto;min-height:0}
.wns-convo{display:flex;gap:10px;padding:13px 14px;border-top:1px solid var(--wns-line);text-decoration:none;color:inherit;min-width:0}.wns-convo:first-child{border-top:0}.wns-convo.active{background:var(--wns-soft)}
.wns-convo-copy{min-width:0;flex:1}.wns-one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wns-dot{width:8px;height:8px;border-radius:50%;background:var(--wns-blue);display:inline-block}
.wns-chat{display:flex;flex-direction:column;min-height:0}.wns-chat-head{padding:13px 16px;border-bottom:1px solid var(--wns-line)}.wns-chat-scroll{flex:1;overflow-y:auto;padding:18px;background:#f8fafc;display:flex;flex-direction:column;gap:10px}
.wns-bubble{max-width:72%;padding:10px 12px;border-radius:15px;background:#fff;border:1px solid var(--wns-line);box-shadow:0 3px 10px rgba(15,23,42,.04);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.wns-bubble.me{margin-left:auto;background:#0b70dc;color:#fff;border-color:#0b70dc}.wns-bubble small{display:block;margin-top:5px;opacity:.68;font-size:10px;font-weight:700}
.wns-chat-compose{padding:12px;border-top:1px solid var(--wns-line);background:#fff;display:flex;gap:9px;align-items:flex-end}.wns-chat-compose textarea{min-height:44px;max-height:120px}
.wns-notice{border:1px solid #cfe0f4;background:#f4f9ff;border-radius:14px;padding:12px 14px;color:#334155;font-size:13px;line-height:1.55}
.wns-notification.unread{background:#f2f8ff}.wns-notification-icon{width:40px;height:40px;border-radius:12px;background:var(--wns-soft);color:var(--wns-blue);display:grid;place-items:center;font-weight:950;flex:0 0 auto}
.wns-page-logo{width:86px;height:86px;border-radius:20px;background:#fff;border:4px solid #fff;box-shadow:0 8px 24px rgba(15,23,42,.16);overflow:hidden;display:grid;place-items:center;font-weight:1000;color:var(--wns-blue)}
.wns-page-logo img{width:100%;height:100%;object-fit:cover}
@media(max-width:1020px){.wns-grid-3{grid-template-columns:220px minmax(0,1fr)}.wns-grid-3>aside:last-child{display:none}.wns-grid{grid-template-columns:1fr 280px}}
@media(max-width:820px){.wns-grid,.wns-grid-3{grid-template-columns:1fr}.wns-grid-3>aside:first-child{display:none}.wns-grid>aside{display:none}.wns-thread-layout{grid-template-columns:1fr;height:auto;min-height:0}.wns-conversations{border-right:0}.wns-chat{min-height:620px}.wns-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.wns-shell{width:calc(100% - 14px);padding-top:10px}.wns-card{border-radius:14px}.wns-head,.wns-body{padding:13px}.wns-list-item,.wns-post{padding:13px}.wns-profile-cover{height:150px}.wns-profile-main{padding:0 14px 15px}.wns-profile-actions{margin-top:10px;justify-content:flex-start}.wns-profile-avatar{margin-top:-42px}.wns-avatar.lg{width:82px;height:82px}.wns-bubble{max-width:88%}.wns-tag{font-size:34px}}


/* V8 conversation controls */
.wns-mini-tabs{display:flex;gap:6px;padding:4px;background:#f4f7fb;border-radius:10px}
.wns-mini-tabs a{flex:1;text-align:center;padding:7px 9px;border-radius:8px;text-decoration:none;color:#64748b;font-size:12px;font-weight:850}
.wns-mini-tabs a.active{background:#fff;color:#075fce;box-shadow:0 1px 3px rgba(15,23,42,.08)}
.wns-action-menu{position:relative}
.wns-action-menu summary{list-style:none;cursor:pointer;min-width:42px;padding:0 11px}
.wns-action-menu summary::-webkit-details-marker{display:none}
.wns-action-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:210px;padding:7px;background:#fff;border:1px solid #dce5ef;border-radius:13px;box-shadow:0 18px 45px rgba(15,23,42,.16)}
.wns-action-popover button{display:block;width:100%;padding:10px;border:0;background:transparent;border-radius:9px;text-align:left;font:inherit;font-size:13px;font-weight:800;color:#1e293b;cursor:pointer}
.wns-action-popover button:hover{background:#f3f7fc}
.wns-action-popover button.danger{color:#b42318}