html.yl-wa-html,
body.yl-wa-body{
  width:100%;
  min-height:100%;
  margin:0;
  overflow:hidden;
  background:#0b141a!important;
}
body.yl-wa-body{
  font-family:Cairo,Tahoma,Arial,sans-serif;
  color:#111b21;
}
body.yl-wa-body::before{
  content:"";
  position:fixed;
  inset:0 0 auto 0;
  height:128px;
  background:#00a884;
  z-index:0;
}
.yl-wa-app{
  position:relative;
  z-index:1;
  width:min(1480px,100vw);
  height:100dvh;
  margin:0 auto;
  padding:18px;
  box-sizing:border-box;
}
.yl-wa-status{
  position:absolute;
  inset:28px 28px auto 28px;
  z-index:20;
  max-width:680px;
  margin-inline:auto;
  border-radius:12px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.yl-wa-status:empty,
.yl-wa-status[hidden]{display:none!important}
.yl-wa-shell.yl-chat-shell{
  width:100%;
  height:calc(100dvh - 36px);
  min-height:0!important;
  max-height:none!important;
  display:grid;
  grid-template-columns:minmax(320px,410px) minmax(0,1fr);
  border-radius:0;
  overflow:hidden;
  background:#efeae2;
  border:1px solid rgba(17,27,33,.18);
  box-shadow:0 18px 70px rgba(0,0,0,.34);
}
.yl-wa-shell .yl-chat-sidebar{
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr);
  min-height:0;
  background:#fff;
  border-left:1px solid #d1d7db;
}
.yl-wa-shell .yl-chat-main{
  display:grid;
  grid-template-rows:64px minmax(0,1fr) auto;
  min-height:0;
  background:#efeae2;
  background-image:
    radial-gradient(circle at 12px 12px,rgba(0,0,0,.035) 1.6px,transparent 1.7px),
    radial-gradient(circle at 32px 28px,rgba(0,0,0,.025) 1.2px,transparent 1.3px);
  background-size:44px 44px;
}
.yl-wa-shell .yl-chat-profile{
  height:auto;
  padding:10px 14px;
  background:#f0f2f5!important;
  color:#111b21;
  border-bottom:1px solid #d8dde1;
}
.yl-wa-shell .yl-member-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.yl-wa-shell .yl-chat-profile .yl-chat-list-item{grid-template-columns:44px minmax(0,1fr)!important}
.yl-wa-shell .yl-chat-profile .yl-chat-avatar{width:42px;height:42px;background:#dfe5e7;color:#54656f;box-shadow:none;border:0}
.yl-wa-shell .yl-chat-profile .yl-member-name,
.yl-wa-shell .yl-chat-profile .yl-member-handle,
.yl-wa-shell .yl-chat-profile .yl-community-muted{color:#111b21!important}
.yl-wa-shell .yl-chat-profile .yl-member-handle,
.yl-wa-shell .yl-chat-profile .yl-community-muted{font-size:.82rem;color:#667781!important;line-height:1.4}
.yl-wa-top-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  padding-top:10px;
}
.yl-wa-shell .yl-chat-sidebar-actions,
.yl-wa-top-actions{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:10px;
}
.yl-wa-shell .yl-community-button,
.yl-wa-shell .yl-community-link-button,
.yl-wa-shell .yl-chat-mini-btn{
  min-height:34px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  border:0!important;
  background:#e9edef!important;
  color:#111b21!important;
  box-shadow:none!important;
  font-size:.82rem!important;
  font-weight:900!important;
}
.yl-wa-shell .yl-community-button.primary,
.yl-wa-shell .yl-community-link-button.primary{
  background:#00a884!important;
  color:#fff!important;
}
.yl-wa-shell .yl-chat-mini-btn.danger{background:#ffe5e8!important;color:#b4232c!important}
.yl-wa-shell .yl-chat-unread{padding:0;background:#fff}.yl-wa-shell .yl-message-notice{margin:0;padding:9px 14px;border-radius:0;background:#e7fce3;border:0;color:#0b5f49;font-size:.88rem}.yl-wa-shell .yl-unread-pill{background:#25d366;color:#0b141a;min-width:21px;height:21px}
.yl-wa-shell .yl-chat-search{padding:8px 12px;background:#fff;border-bottom:1px solid #e9edef}.yl-wa-shell .yl-chat-search .yl-community-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.yl-wa-shell .yl-chat-search label{margin:0}.yl-wa-shell .yl-chat-search label>span{display:none}.yl-wa-shell .yl-chat-search input{height:38px!important;border-radius:9px!important;border:0!important;background:#f0f2f5!important;padding:0 14px!important;color:#111b21!important}.yl-wa-shell .yl-chat-search button{height:38px!important;min-height:38px!important;background:#00a884!important;color:#fff!important}
.yl-wa-shell .yl-chat-list-wrap{min-height:0;overflow:auto;background:#fff;scrollbar-width:thin}.yl-wa-shell .yl-chat-list-title{height:34px;padding:9px 14px 5px;color:#008069;font-size:.88rem;background:#fff;font-weight:900}.yl-wa-shell .yl-chat-list-title a{color:#008069}.yl-wa-shell .yl-chat-list{display:block!important;margin:0!important}.yl-wa-shell .yl-chat-list-item{grid-template-columns:50px minmax(0,1fr)!important;gap:12px;padding:10px 14px!important;background:#fff!important;border-bottom:1px solid #f0f2f5!important;transition:background .12s ease}.yl-wa-shell .yl-chat-list-item:hover,.yl-wa-shell .yl-chat-list-item.active{background:#f0f2f5!important}.yl-wa-shell .yl-chat-list-item.blocked{background:#fff7f7!important}.yl-wa-shell .yl-chat-avatar{width:50px;height:50px;background:#dfe5e7;color:#54656f;border:0;box-shadow:none}.yl-wa-shell .yl-chat-item-name{font-size:.98rem;color:#111b21}.yl-wa-shell .yl-chat-item-time{font-size:.73rem;color:#667781}.yl-wa-shell .yl-chat-item-last{color:#667781;font-size:.86rem;font-weight:700}.yl-wa-shell .yl-chat-item-actions{display:none}.yl-wa-shell .yl-chat-block-note{color:#b4232c;font-size:.78rem}
.yl-wa-shell .yl-chat-header{height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 14px;background:#f0f2f5;border-bottom:1px solid #d8dde1}.yl-wa-shell .yl-chat-back{display:none}.yl-wa-shell .yl-chat-titlebox h2{font-size:1rem;margin:0;color:#111b21;line-height:1.3}.yl-wa-shell .yl-chat-titlebox p{font-size:.8rem;margin:2px 0 0;color:#667781}.yl-wa-shell .yl-chat-actions{display:flex;gap:7px;align-items:center}.yl-wa-shell .yl-chat-actions .yl-chat-mini-btn{background:#dfe5e7!important}
.yl-wa-shell .yl-message-thread{height:100%;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:3px;padding:18px 7.5%;background:transparent;border:0;border-radius:0;scroll-behavior:smooth}.yl-wa-shell .yl-message-bubble{position:relative;max-width:min(62%,680px);padding:6px 9px 5px;border:0;border-radius:8px 8px 8px 2px;background:#fff;color:#111b21;box-shadow:0 1px .5px rgba(11,20,26,.13);line-height:1.55}.yl-wa-shell .yl-message-bubble.mine{align-self:flex-end;background:#d9fdd3;border:0;border-radius:8px 8px 2px 8px}.yl-wa-shell .yl-message-bubble:not(.mine){align-self:flex-start}.yl-wa-shell .yl-message-body{font-size:.96rem;line-height:1.7;white-space:pre-wrap;word-break:break-word;padding-left:48px}.yl-wa-shell .yl-message-meta{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:0;color:#667781;font-size:.68rem;line-height:1}.yl-wa-shell .yl-message-checks{font-size:.78rem}.yl-wa-shell .yl-message-checks.read{color:#53bdeb}.yl-wa-shell .yl-message-checks.sent{color:#667781}.yl-wa-shell .yl-message-bubble.yl-message-pending{opacity:.72}.yl-wa-shell .yl-message-bubble.yl-message-pending .yl-message-checks{color:#8696a0}.yl-wa-shell .yl-message-day{align-self:center;margin:10px 0 8px;padding:5px 10px;border-radius:7px;background:#fff;color:#667781;font-size:.75rem;box-shadow:0 1px .5px rgba(11,20,26,.13);font-weight:800}
.yl-wa-shell .yl-chat-composer{background:#f0f2f5;border-top:1px solid #d8dde1;padding:9px 12px}.yl-wa-shell .yl-chat-composer .yl-community-form{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:9px;align-items:end}.yl-wa-shell .yl-chat-composer label{margin:0}.yl-wa-shell .yl-chat-composer label>span{display:none}.yl-wa-shell .yl-chat-composer textarea{height:44px!important;min-height:44px!important;max-height:126px!important;border:0!important;border-radius:10px!important;background:#fff!important;padding:10px 14px!important;resize:none!important;overflow:auto;color:#111b21!important}.yl-wa-shell .yl-chat-composer button[type="submit"]{width:46px!important;height:44px!important;min-height:44px!important;border-radius:50%!important;padding:0!important;background:#00a884!important;color:#fff!important;font-size:0!important}.yl-wa-shell .yl-chat-composer button[type="submit"]::before{content:"➤";font-size:1.2rem;transform:scaleX(-1)}.yl-wa-shell .yl-chat-composer .yl-community-status{grid-column:1/-1;margin:0;background:#fff3cd;color:#7a4b00;padding:7px 10px;border:0;border-radius:8px;font-size:.84rem}.yl-wa-shell .yl-chat-empty{height:100%;display:grid;place-items:center;text-align:center;color:#667781;background:rgba(255,255,255,.22);border-radius:0}.yl-wa-shell .yl-chat-empty strong{color:#111b21;font-size:1.08rem}.yl-wa-shell .yl-chat-empty span{display:block;margin-top:5px;font-size:.9rem}
@media(max-width:900px){
  html.yl-wa-html,body.yl-wa-body{overflow:hidden!important;background:#fff!important}
  body.yl-wa-body::before{display:none}
  .yl-wa-app{width:100vw;height:100dvh;padding:0}
  .yl-wa-shell.yl-chat-shell{height:100dvh;border:0;box-shadow:none;grid-template-columns:1fr}
  .yl-wa-shell .yl-chat-sidebar{border-left:0}
  .yl-wa-shell .yl-chat-main{display:none;grid-template-rows:58px minmax(0,1fr) auto}
  .yl-wa-shell.chat-open .yl-chat-sidebar{display:none}
  .yl-wa-shell.chat-open .yl-chat-main{display:grid}
  .yl-wa-shell .yl-chat-header{height:58px;padding:7px 10px;grid-template-columns:auto 1fr auto}
  .yl-wa-shell .yl-chat-back{display:inline-flex!important;width:35px!important;height:35px!important;min-height:35px!important;padding:0!important;border-radius:50%!important;font-size:0!important;background:transparent!important}.yl-wa-shell .yl-chat-back::before{content:"‹";font-size:2rem;color:#54656f;line-height:1}
  .yl-wa-shell .yl-chat-actions{max-width:36vw;overflow:hidden}.yl-wa-shell .yl-chat-actions .yl-chat-mini-btn{font-size:.72rem!important;padding:5px 8px!important}
  .yl-wa-shell .yl-message-thread{padding:13px 10px}.yl-wa-shell .yl-message-bubble{max-width:86%}.yl-wa-shell .yl-chat-composer{padding:7px 8px}.yl-wa-shell .yl-chat-composer .yl-community-form{grid-template-columns:minmax(0,1fr) 44px;gap:7px}.yl-wa-shell .yl-chat-composer textarea{height:42px!important;min-height:42px!important}.yl-wa-shell .yl-chat-composer button[type="submit"]{width:44px!important;height:42px!important;min-height:42px!important}
}