/* Original Lives V0.38.8 — Futuristic redesign for Global Chat only. */
#chat-global{
  position:relative;
}
#chat-global .ol-global-wrap{
  position:relative;
  width:min(1120px,100%);
  border-radius:28px;
  border:1px solid rgba(98,218,255,.28);
  background:
    radial-gradient(circle at top left, rgba(0,214,255,.12), transparent 30%),
    radial-gradient(circle at top right, rgba(166,88,255,.13), transparent 34%),
    linear-gradient(180deg, rgba(8,20,40,.94), rgba(7,17,34,.96));
  box-shadow:
    0 24px 80px rgba(2,12,26,.55),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(74,120,185,.08);
  overflow:hidden;
  backdrop-filter: blur(12px);
}
#chat-global .ol-global-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(92,154,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(92,154,255,.05) 1px, transparent 1px);
  background-size: 22px 22px;
  mask-image: linear-gradient(180deg, rgba(255,255,255,.2), transparent 78%);
  pointer-events:none;
}
#chat-global .ol-global-wrap::after{
  content:"";
  position:absolute;
  left:26px; right:26px; top:74px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(99,223,255,.45), rgba(193,136,255,.5), transparent);
  pointer-events:none;
}
#chat-global .ol-global-top{
  position:relative;
  padding:24px 26px 18px;
  gap:18px;
  align-items:flex-start;
  background:
    linear-gradient(180deg, rgba(20,41,76,.75), rgba(14,29,52,.58));
  border-bottom:1px solid rgba(86,139,198,.22);
}
#chat-global .ol-global-top strong{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:24px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.03em;
  color:#f6fbff;
  text-shadow:0 0 18px rgba(72,215,255,.1);
}
#chat-global .ol-global-top strong::before{
  content:"✦";
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:11px;
  font-size:15px;
  color:#dffaff;
  background:linear-gradient(135deg, rgba(0,202,255,.35), rgba(130,82,255,.35));
  border:1px solid rgba(120,225,255,.45);
  box-shadow:0 0 20px rgba(68,205,255,.16);
}
#chat-global .ol-chat-tools{
  gap:10px;
  justify-content:flex-end;
}
#chat-global .ol-inbox-trigger,
#chat-global .ol387-search-trigger{
  position:relative;
  padding:11px 16px;
  border-radius:14px;
  border:1px solid rgba(136,179,255,.24);
  background:linear-gradient(180deg, rgba(32,48,80,.92), rgba(20,31,54,.92));
  color:#eef7ff;
  font-size:13px;
  font-weight:800;
  letter-spacing:-.01em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 24px rgba(4,12,28,.26);
}
#chat-global .ol-inbox-trigger:hover:not(:disabled),
#chat-global .ol387-search-trigger:hover:not(:disabled){
  border-color:rgba(119,233,255,.55);
  transform:translateY(-1px);
  background:linear-gradient(180deg, rgba(41,61,99,.96), rgba(21,34,60,.96));
}
#chat-global .ol-inbox-trigger:disabled,
#chat-global .ol387-search-trigger:disabled{
  opacity:.5;
}
#chat-global #olGlobalStatus{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(102,228,255,.22);
  background:rgba(11,23,40,.7);
  color:#b9d8ef;
  font-size:12px;
  font-weight:700;
}
#chat-global #olGlobalStatus::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:#57e9ff;
  box-shadow:0 0 10px #57e9ff;
}
#chat-global .ol-global-messages{
  position:relative;
  height:430px;
  padding:18px 18px 12px;
  gap:12px;
  background:linear-gradient(180deg, rgba(4,13,27,.22), rgba(5,12,22,.08));
  scrollbar-width:thin;
  scrollbar-color: rgba(127,204,255,.45) rgba(12,22,40,.35);
}
#chat-global .ol-global-messages::-webkit-scrollbar{width:10px}
#chat-global .ol-global-messages::-webkit-scrollbar-track{background:rgba(10,20,36,.35);border-radius:30px}
#chat-global .ol-global-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(102,220,255,.65), rgba(156,108,255,.55));border-radius:30px}
#chat-global .ol-global-msg{
  position:relative;
  padding:14px 16px 14px;
  border-radius:18px;
  border:1px solid rgba(70,148,208,.28);
  background:
    linear-gradient(180deg, rgba(7,25,47,.92), rgba(6,20,38,.94));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 12px 32px rgba(3,9,20,.22);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
#chat-global .ol-global-msg:hover{
  transform:translateY(-1px);
  border-color:rgba(103,225,255,.48);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 36px rgba(0,0,0,.28), 0 0 0 1px rgba(115,160,255,.08);
}
#chat-global .ol-global-msg::before{
  content:"";
  position:absolute;
  left:0; top:12px; bottom:12px;
  width:3px;
  border-radius:99px;
  background:linear-gradient(180deg, rgba(84,231,255,.95), rgba(169,93,255,.9));
  opacity:.85;
}
#chat-global .ol-global-msg .ol372-global-heading{
  gap:10px;
  margin-bottom:8px;
}
#chat-global .ol-global-msg .ol372-global-avatar{
  width:36px;
  height:36px;
  flex-basis:36px;
  border-radius:12px;
  border:1px solid rgba(114,226,255,.66);
  box-shadow:0 0 0 1px rgba(117,105,204,.08), 0 8px 16px rgba(6,14,31,.18);
}
#chat-global .ol372-global-avatar-fallback{font-size:14px}
#chat-global .ol-global-msg .ol372-global-heading .ol-global-author{
  font-size:16px;
  color:#8eefff;
  text-decoration:none;
  font-weight:900;
}
#chat-global .ol-global-msg .ol372-global-heading .ol-global-author:hover{
  color:#ffffff;
  text-shadow:0 0 10px rgba(118,243,255,.25);
}
#chat-global .ol-global-msg .ol372-global-heading time{
  font-size:11px;
  color:#7da1c2;
}
#chat-global .ol-global-msg > p{
  margin:0 0 0 46px;
  color:#f1f7ff;
  line-height:1.65;
  font-size:17px;
}
#chat-global .ol-global-msg button{
  float:right;
  border:1px solid rgba(188,134,255,.35);
  border-radius:10px;
  background:rgba(57,36,84,.66);
  color:#f2d9ff;
  padding:5px 9px;
  font-size:11px;
}
#chat-global .ol387-search-panel{
  margin:16px 18px 8px;
  border-radius:20px;
  border:1px solid rgba(98,219,255,.28);
  background:linear-gradient(180deg, rgba(8,29,51,.95), rgba(14,24,48,.96));
  box-shadow:0 20px 40px rgba(0,0,0,.22);
}
#chat-global .ol387-search-heading strong{font-size:16px}
#chat-global .ol387-search-caption,
#chat-global .ol387-search-status{color:#a9d8f3}
#chat-global .ol387-search-field input{
  height:46px;
  border-radius:14px;
  background:rgba(7,18,34,.9);
  border:1px solid rgba(95,203,255,.35);
}
#chat-global #ol387Go,
#chat-global #olGlobalSend{
  background:linear-gradient(135deg, #39d8ff, #5e84ff 52%, #8f5dff);
  color:#fff;
  border:0;
  box-shadow:0 10px 24px rgba(76,121,255,.32);
}
#chat-global #ol387Go:hover:not(:disabled),
#chat-global #olGlobalSend:hover:not(:disabled){
  filter:brightness(1.08);
  transform:translateY(-1px);
}
#chat-global .ol387-person{
  border-radius:14px;
  border:1px solid rgba(84,179,233,.26);
  background:linear-gradient(180deg, rgba(13,38,62,.9), rgba(10,27,48,.92));
}
#chat-global .ol387-person:hover,
#chat-global .ol387-person:focus-visible{
  border-color:rgba(114,226,255,.55);
}
#chat-global .ol387-avatar{
  width:44px;
  height:44px;
  min-width:44px;
  border-radius:14px;
}
#chat-global .ol-global-form{
  position:relative;
  gap:10px;
  padding:14px 16px 12px;
  border-top:1px solid rgba(77,125,180,.22);
  background:linear-gradient(180deg, rgba(9,20,39,.84), rgba(10,19,35,.96));
}
#chat-global .ol-global-form::before{
  content:"";
  position:absolute;
  left:18px; right:18px; top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(83,225,255,.45), rgba(189,126,255,.34), transparent);
}
#chat-global .ol-global-form input{
  min-height:54px;
  border-radius:16px;
  border:1px solid rgba(90,204,255,.36);
  background:linear-gradient(180deg, rgba(9,24,45,.92), rgba(10,23,41,.96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  padding:15px 18px;
  font-size:16px;
  color:#fff;
}
#chat-global .ol-global-form input::placeholder{color:#94abc7}
#chat-global .ol-global-form input:focus{
  outline:none;
  border-color:rgba(112,228,255,.65);
  box-shadow:0 0 0 4px rgba(74,207,255,.12), inset 0 1px 0 rgba(255,255,255,.05);
}
#chat-global #olGlobalSend{
  min-width:122px;
  border-radius:16px;
  font-size:18px;
  font-weight:900;
  padding:12px 20px;
}
#chat-global .ol-global-wrap > small{
  display:block;
  padding:0 18px 18px;
  color:#7fa5c7;
  font-size:12px;
}
@media (max-width:760px){
  #chat-global .ol-global-wrap{border-radius:22px}
  #chat-global .ol-global-top{padding:18px 16px 14px}
  #chat-global .ol-global-top strong{font-size:19px}
  #chat-global .ol-chat-tools{justify-content:flex-start;gap:8px}
  #chat-global .ol-inbox-trigger,#chat-global .ol387-search-trigger{padding:10px 13px;font-size:12px}
  #chat-global .ol-global-messages{height:390px;padding:14px 12px 10px}
  #chat-global .ol-global-msg{padding:13px 13px 13px}
  #chat-global .ol-global-msg > p{margin-left:0;font-size:15px;line-height:1.55}
  #chat-global .ol387-search-panel{margin:12px 12px 6px}
  #chat-global .ol-global-form{padding:12px}
  #chat-global #olGlobalSend{min-width:108px;font-size:16px}
}
@media (max-width:520px){
  #chat-global .ol-global-top{gap:14px}
  #chat-global .ol-global-top strong{font-size:17px}
  #chat-global #olGlobalStatus{width:100%;justify-content:center}
  #chat-global .ol-global-form{flex-wrap:wrap}
  #chat-global .ol-global-form input{flex-basis:100%}
  #chat-global #olGlobalSend{width:100%}
}