/* Eclipse Chatroom Pro V1.0 compact tool/userlist rebuild - tool button styled.
   Desktop: left chat pane + right online users pane, with a real compact users toggle.
   Mobile/tablet: users become a non-modal slide-out panel. */
.ircp-wrap,.ircp-wrap *,.ircp-wrap *::before,.ircp-wrap *::after{box-sizing:border-box!important;}
.ircp-wrap [hidden],.ircp-embed-only [hidden],.ircp-wrap .hidden{display:none!important;}
.ircp-wrap input,.ircp-wrap button,.ircp-wrap select,.ircp-wrap textarea{font-family:var(--ircp-font-family, Arial, Helvetica, sans-serif)!important;}
.ircp-wrap{
  --ircp-shot-cyan:#00bfe8;--ircp-shot-cyan-soft:rgba(0,191,232,.55);--ircp-shot-yellow:#ffd900;--ircp-shot-pink:#9b0034;--ircp-shot-red:#bf123c;
  --ircp-struct-users-w:clamp(300px,var(--ircp-userlist-width,370px),430px);
  --ircp-struct-bar-h:clamp(56px,var(--ircp-input-bar-height,64px),72px);
  --ircp-struct-tool-w:clamp(48px,var(--ircp-toolbar-button-width,56px),66px);
  --ircp-struct-send-w:clamp(108px,var(--ircp-send-button-width,140px),160px);
  --ircp-tool-button-font-size:20px;--ircp-tools-popup-button-width:44px;--ircp-tools-popup-button-height:40px;--ircp-tools-menu-padding:6px;--ircp-tools-menu-gap:6px;--ircp-input-text-font-size:21px;--ircp-send-button-font-size:22px;--ircp-message-bubble-width:100%;--ircp-message-bubble-radius:18px;--ircp-online-user-bubble-width:100%;--ircp-online-user-bubble-radius:18px;--ircp-online-user-padding-x:10px;--ircp-delete-button-size:30px;--ircp-delete-button-font-size:16px;
  position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;
  height:600px!important;min-height:600px!important;max-height:600px!important;overflow:hidden!important;isolation:isolate!important;
  background-color:#030006!important;
  background-image:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.72)),radial-gradient(circle at 16% 90%,rgba(0,214,255,.22),transparent 36%),radial-gradient(circle at 62% 20%,rgba(255,0,130,.24),transparent 36%),linear-gradient(135deg,#150022,#010309 48%,#050004)!important;
  background-size:cover!important;background-position:center!important;color:var(--ircp-text,#fff)!important;
  border:1px solid rgba(147,0,52,.72)!important;box-shadow:0 0 0 1px rgba(255,0,98,.16),0 0 42px rgba(141,0,255,.26),inset 0 0 0 1px rgba(0,214,255,.14)!important;
  font-family:var(--ircp-font-family, Arial, Helvetica, sans-serif)!important;
}
.ircp-wrap::before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(15,0,24,.42) 0,rgba(0,0,0,.10) 30%,rgba(0,0,0,.35) 71%,rgba(0,0,0,.78) 100%),radial-gradient(circle at 18% 22%,rgba(255,0,119,.18),transparent 30%),radial-gradient(circle at 32% 78%,rgba(0,213,255,.16),transparent 33%),radial-gradient(circle at 86% 30%,rgba(0,255,111,.08),transparent 36%)!important;mix-blend-mode:screen!important;opacity:.86!important;}
.ircp-wrap::after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:rgba(0,0,0,.18)!important;}
.ircp-wrap>.ircp-login,.ircp-wrap>.ircp-app,.ircp-wrap>.ircp-admin{position:relative!important;z-index:1!important;}
.ircp-login{position:absolute!important;inset:0!important;z-index:10!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:14px!important;overflow:auto!important;background:radial-gradient(circle at 20% 0%,rgba(119,0,255,.25),transparent 35%),linear-gradient(135deg,#090016,#000)!important;}
.ircp-login-card,.ircp-admin-card{width:min(760px,calc(100vw - 28px))!important;max-width:760px!important;margin:14px auto!important;padding:20px 22px 18px!important;border:1px solid rgba(0,213,255,.38)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.72))!important;box-shadow:0 18px 42px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.14)!important;color:#fff!important;overflow:auto!important;}
.ircp-brand{color:var(--ircp-shot-yellow)!important;font-weight:800!important;font-size:22px!important;text-align:center!important;margin-bottom:8px!important;text-shadow:0 0 14px rgba(255,217,0,.22)!important;}
.ircp-login-card h3,.ircp-login-card p{margin:8px 0!important;text-align:center!important;color:#fff!important;}
.ircp-login-tabs{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:8px!important;margin:12px 0!important;}
.ircp-login-tabs button,.ircp-submit-btn,.ircp-wrap button{border:1px solid rgba(0,213,255,.55)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(0,111,136,.88),rgba(0,42,58,.96))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 15px rgba(0,200,255,.14)!important;cursor:pointer!important;}
.ircp-login-tabs button{padding:10px!important}.ircp-login-tabs button.is-active{border-color:rgba(255,0,98,.78)!important;box-shadow:0 0 18px rgba(255,0,98,.26)!important;}
.ircp-field,.ircp-avatar-choice,.ircp-avatar-upload,.ircp-name-colour-panel label{display:grid!important;grid-template-columns:160px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;margin:8px 0!important;color:#dbeafe!important;}
.ircp-wrap input,.ircp-wrap select{width:100%!important;min-width:0!important;border:1px solid rgba(0,213,255,.42)!important;border-radius:12px!important;background:rgba(0,7,14,.78)!important;color:#fff!important;padding:11px 13px!important;outline:none!important;}
.ircp-wrap input:focus{border-color:rgba(0,230,255,.92)!important;box-shadow:0 0 18px rgba(0,200,255,.18)!important;}
.ircp-error{min-height:20px!important;margin-top:8px!important;color:#ffb4c4!important;text-align:center!important;font-weight:700!important;}.ircp-avatar-preview{display:none!important;}.ircp-avatar-file-button{display:inline-flex!important;padding:8px 10px!important;border:1px solid rgba(0,213,255,.38)!important;border-radius:10px!important;}.ircp-login-note,.ircp-avatar-help,.ircp-mode-copy span{color:rgba(255,255,255,.68)!important;font-size:12px!important;}

/* MAIN APP STRUCTURE - one flex row; nothing overlays desktop columns */
.ircp-app:not([hidden]){display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;position:relative!important;background:transparent!important;}
.ircp-app:not([hidden])>.ircp-head{display:none!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;flex:0 0 0!important;}
.ircp-app:not([hidden])>.ircp-main{display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:stretch!important;gap:0!important;width:100%!important;max-width:100%!important;min-width:0!important;height:100%!important;max-height:100%!important;min-height:0!important;flex:1 1 auto!important;overflow:hidden!important;position:relative!important;background:rgba(0,0,0,.10)!important;}
.ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane{flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;height:100%!important;max-height:100%!important;min-height:0!important;display:flex!important;position:relative!important;overflow:hidden!important;border-right:1px solid rgba(0,191,232,.72)!important;z-index:1!important;pointer-events:auto!important;}
.ircp-no-users .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane{border-right:0!important;}
.ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat{flex:1 1 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;height:100%!important;max-height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;position:relative!important;overflow:hidden!important;background:rgba(0,0,0,.04)!important;}
.ircp-announcement{flex:0 0 auto!important;max-width:100%!important;min-width:0!important;z-index:8!important;}
.ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages{flex:1 1 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;padding:18px 22px 12px 22px!important;position:relative!important;z-index:1!important;background:linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,.02) 60%,rgba(0,0,0,.18))!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;scrollbar-width:thin!important;scrollbar-color:rgba(160,235,255,.72) rgba(0,0,0,.38)!important;}
.ircp-messages::-webkit-scrollbar{width:8px!important;}.ircp-messages::-webkit-scrollbar-track{background:rgba(0,0,0,.44)!important;}.ircp-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(0,214,255,.72),rgba(0,120,150,.72))!important;border-radius:999px!important;}
.ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages>*{max-width:100%!important;min-width:0!important;}
.ircp-msg,.ircp-msg.me{display:flex!important;align-items:flex-start!important;width:var(--ircp-message-bubble-width,100%)!important;max-width:100%!important;align-self:flex-start!important;min-width:0!important;box-sizing:border-box!important;margin:0 0 var(--ircp-message-gap,18px) 0!important;padding:var(--ircp-message-padding-y,14px) calc(var(--ircp-message-padding-x,18px) + var(--ircp-delete-button-size,30px) + 14px) var(--ircp-message-padding-y,14px) var(--ircp-message-padding-x,18px)!important;min-height:max(var(--ircp-message-min-height,76px),58px)!important;gap:var(--ircp-message-avatar-gap,18px)!important;position:relative!important;overflow:hidden!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;border:1px solid var(--ircp-shot-cyan-soft)!important;border-radius:var(--ircp-message-bubble-radius,18px)!important;background:linear-gradient(90deg,rgba(0,10,20,.72),rgba(0,3,10,.80) 60%,rgba(0,0,5,.88))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(0,224,255,.04),0 14px 24px rgba(0,0,0,.22)!important;color:#fff!important;}
.ircp-msg:nth-child(odd){border-color:rgba(155,0,52,.70)!important;}.ircp-msg-avatar{width:var(--ircp-msg-avatar-size,56px)!important;height:var(--ircp-msg-avatar-size,56px)!important;flex:0 0 var(--ircp-msg-avatar-size,56px)!important;border-radius:50%!important;object-fit:cover!important;border:1px solid rgba(0,213,255,.35)!important;}.ircp-msg-body{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;}.ircp-name{color:var(--ircp-shot-yellow)!important;-webkit-text-fill-color:var(--ircp-shot-yellow)!important;font-weight:800!important;}.ircp-time{margin-left:8px!important;color:rgba(185,193,210,.58)!important;}.ircp-text{color:#fff!important;-webkit-text-fill-color:#fff!important;line-height:1.35!important;overflow-wrap:anywhere!important;}.ircp-del{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:var(--ircp-delete-button-size,30px)!important;height:var(--ircp-delete-button-size,30px)!important;min-width:var(--ircp-delete-button-size,30px)!important;min-height:var(--ircp-delete-button-size,30px)!important;font-size:var(--ircp-delete-button-font-size,16px)!important;border-radius:50%!important;background:rgba(155,0,52,.78)!important;border-color:rgba(255,48,100,.44)!important;color:#fff!important;}

/* Composer is physically inside the left chat lane */
.ircp-bottom-bar.ircp-composer-bar{flex:0 0 var(--ircp-struct-bar-h)!important;width:100%!important;max-width:100%!important;min-width:0!important;height:var(--ircp-struct-bar-h)!important;min-height:var(--ircp-struct-bar-h)!important;max-height:var(--ircp-struct-bar-h)!important;display:grid!important;grid-template-columns:var(--ircp-struct-tool-w) minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:8px 12px!important;margin:0!important;position:relative!important;overflow:visible!important;z-index:60!important;transform:none!important;border-top:1px solid rgba(0,191,232,.60)!important;background:linear-gradient(180deg,rgba(0,22,34,.44),rgba(0,0,0,.78))!important;}
.ircp-tool-drawer{position:relative!important;display:block!important;width:var(--ircp-struct-tool-w)!important;max-width:var(--ircp-struct-tool-w)!important;min-width:0!important;height:calc(var(--ircp-struct-bar-h) - 16px)!important;margin:0!important;overflow:visible!important;z-index:120!important;}.ircp-tool-drawer summary{list-style:none!important;}.ircp-tool-drawer summary::-webkit-details-marker{display:none!important;}
.ircp-tool-icon,.ircp-more-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:0!important;border-radius:14px!important;font-size:var(--ircp-tool-button-font-size,20px)!important;line-height:1!important;font-weight:800!important;text-decoration:none!important;}.ircp-more-toggle{border:1px solid rgba(0,213,255,.62)!important;background:linear-gradient(180deg,rgba(0,111,136,.90),rgba(0,42,58,.98))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 15px rgba(0,200,255,.16)!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;}.ircp-more-toggle:focus{outline:1px solid rgba(0,255,255,.78)!important;outline-offset:2px!important;}.ircp-more-toggle .ircp-more-open{display:inline-block!important;transform:none!important;transition:transform .16s ease!important;font-size:calc(var(--ircp-tool-button-font-size,20px) * .95)!important;line-height:1!important;}.ircp-tool-drawer[open] .ircp-more-toggle{border-color:rgba(0,255,210,.78)!important;background:linear-gradient(180deg,rgba(0,132,154,.95),rgba(0,48,66,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 18px rgba(0,213,255,.24)!important;}.ircp-tool-drawer[open] .ircp-more-open{transform:none!important;}
.ircp-tools-menu{position:absolute!important;left:0!important;bottom:calc(100% + 8px)!important;z-index:140!important;width:max-content!important;min-width:0!important;max-width:min(300px,calc(100vw - 24px))!important;overflow:visible!important;transform:none!important;padding:var(--ircp-tools-menu-padding,6px)!important;border:1px solid rgba(0,213,255,.54)!important;border-radius:14px!important;background:rgba(0,8,14,.96)!important;box-shadow:0 10px 22px rgba(0,0,0,.46),0 0 14px rgba(0,200,255,.14)!important;}.ircp-tool-drawer:not([open]) .ircp-tools-menu{display:none!important;}.ircp-tool-drawer[open] .ircp-tools-menu{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:var(--ircp-tools-menu-gap,6px)!important;}.ircp-tools-menu .ircp-tool-icon{width:var(--ircp-tools-popup-button-width,44px)!important;min-width:var(--ircp-tools-popup-button-width,44px)!important;height:var(--ircp-tools-popup-button-height,40px)!important;min-height:var(--ircp-tools-popup-button-height,40px)!important;border-radius:12px!important;font-size:var(--ircp-tool-button-font-size,18px)!important;}.ircp-tools-menu .ircp-tool-gif{font-size:var(--ircp-tool-button-font-size,13px)!important;letter-spacing:.06em!important;font-weight:900!important;}.ircp-users-toggle-inline{display:inline-flex!important;}
.ircp-users-toggle-inline{font-size:var(--ircp-tool-button-font-size,17px)!important;}.ircp-users-toggle-inline.is-open{border-color:rgba(0,255,160,.75)!important;box-shadow:0 0 14px rgba(0,255,120,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;}
.ircp-send{display:grid!important;grid-template-columns:minmax(0,1fr) var(--ircp-struct-send-w)!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:calc(var(--ircp-struct-bar-h) - 16px)!important;min-height:0!important;max-height:calc(var(--ircp-struct-bar-h) - 16px)!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important;}.ircp-send input,.ircp-send button{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:calc(var(--ircp-struct-bar-h) - 20px)!important;min-height:0!important;max-height:calc(var(--ircp-struct-bar-h) - 20px)!important;margin:0!important;}.ircp-send input{font-size:var(--ircp-input-text-font-size,21px)!important;border-color:rgba(0,213,255,.58)!important;background:rgba(0,7,14,.72)!important;color:#fff!important;border-radius:16px!important;}.ircp-send input::placeholder{color:rgba(185,193,210,.86)!important;}.ircp-send button{font-size:var(--ircp-send-button-font-size,22px)!important;text-transform:uppercase!important;letter-spacing:.10em!important;border-color:rgba(0,213,255,.54)!important;background:linear-gradient(180deg,rgba(0,111,136,.88),rgba(0,42,58,.96))!important;border-radius:16px!important;}

/* Online users desktop pane */
.ircp-users{flex:0 0 var(--ircp-struct-users-w)!important;width:var(--ircp-struct-users-w)!important;max-width:var(--ircp-struct-users-w)!important;min-width:0!important;height:100%!important;max-height:100%!important;min-height:0!important;display:block!important;position:relative!important;inset:auto!important;padding:18px 20px 12px 18px!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;transform:none!important;opacity:1!important;visibility:visible!important;z-index:2!important;border-left:0!important;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.76))!important;pointer-events:auto!important;}.ircp-no-users .ircp-users,.ircp-desktop-users-hidden:not(.ircp-mobile-userlist-mode) .ircp-users{display:none!important;}
.ircp-desktop-users-hidden:not(.ircp-mobile-userlist-mode) .ircp-chat-lane{border-right:0!important;}.ircp-users-close{display:none!important;}.ircp-users [data-ircp-users]{display:flex!important;flex-direction:column!important;gap:var(--ircp-online-user-gap,10px)!important;width:100%!important;max-width:100%!important;min-width:0!important;}.ircp-users [data-ircp-users]:empty::before{content:""!important;display:none!important;}.ircp-user{display:flex!important;align-items:center!important;gap:10px!important;width:var(--ircp-online-user-bubble-width,100%)!important;max-width:100%!important;align-self:flex-start!important;min-width:0!important;overflow:hidden!important;min-height:calc(var(--ircp-user-avatar-size,52px) + (var(--ircp-online-user-padding-y,10px) * 2))!important;padding:var(--ircp-online-user-padding-y,10px) var(--ircp-online-user-padding-x,10px)!important;border-radius:var(--ircp-online-user-bubble-radius,18px)!important;border:1px solid rgba(0,191,232,.45)!important;background:linear-gradient(180deg,rgba(0,209,255,.08),rgba(0,0,0,.26))!important;}.ircp-user-avatar{width:var(--ircp-user-avatar-size,52px)!important;height:var(--ircp-user-avatar-size,52px)!important;flex:0 0 var(--ircp-user-avatar-size,52px)!important;border-radius:50%!important;object-fit:cover!important;}.ircp-dot{width:12px!important;height:12px!important;border-radius:50%!important;background:#17ff5a!important;box-shadow:0 0 8px rgba(23,255,90,.88)!important;flex:0 0 12px!important;}.ircp-user-name,.ircp-user-display-name{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--ircp-shot-yellow)!important;-webkit-text-fill-color:var(--ircp-shot-yellow)!important;font-weight:700!important;}.ircp-role-label,.ircp-user em,.ircp-user small{display:block!important;color:#ffc36d!important;-webkit-text-fill-color:#ffc36d!important;font-size:12px!important;font-style:normal!important;}.ircp-users-backdrop{display:none!important;opacity:0!important;pointer-events:none!important;background:transparent!important;}
.ircp-pop,.ircp-gif-pop{position:absolute!important;left:14px!important;bottom:var(--ircp-popup-bottom,118px)!important;z-index:150!important;max-width:calc(100% - 34px)!important;pointer-events:auto!important;border:1px solid rgba(0,213,255,.52)!important;border-radius:14px!important;background:#05080d!important;background-image:none!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 12px 24px rgba(0,0,0,.50),0 0 18px rgba(0,200,255,.16)!important;padding:8px!important;overflow:auto!important;}.ircp-pop[data-ircp-emoji-pop]:not([hidden]){display:grid!important;grid-template-columns:repeat(var(--ircp-emoji-columns,8),var(--ircp-emoji-item-size,36px))!important;gap:var(--ircp-emoji-gap,6px)!important;align-content:start!important;justify-content:start!important;}.ircp-emoji{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:rgba(255,255,255,.07)!important;cursor:pointer!important;}.ircp-gif-search{display:grid!important;grid-template-columns:minmax(0,1fr) 78px!important;gap:6px!important;margin-bottom:8px!important;}.ircp-gif-grid{display:grid!important;grid-template-columns:repeat(var(--ircp-gif-columns,3),minmax(0,1fr))!important;gap:var(--ircp-gif-gap,8px)!important;}.ircp-gif-choice{width:100%!important;object-fit:cover!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.2)!important;cursor:pointer!important;}.ircp-gif-img{max-width:min(var(--ircp-gif-max-width,240px),100%)!important;max-height:var(--ircp-gif-max-height,none)!important;}
.ircp-admin{position:absolute!important;inset:0!important;z-index:20!important;background:rgba(0,0,0,.82)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:15px!important;}.ircp-x{position:absolute!important;top:12px!important;right:12px!important;width:34px!important;height:34px!important;padding:0!important;}.ircp-user-name{flex:1 1 0!important;}
.ircp-user-display-name{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ircp-user-logout{margin-left:auto!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;line-height:1!important;}
.ircp-user-logout svg{display:block!important;width:17px!important;height:17px!important;pointer-events:none!important;stroke:currentColor!important;}
.ircp-user-logout[hidden]{display:none!important;}

@media(max-width:820px){
  .ircp-wrap{--ircp-struct-bar-h:58px;--ircp-struct-tool-w:50px;--ircp-struct-send-w:88px;}
  .ircp-app:not([hidden])>.ircp-main{display:block!important;position:relative!important;overflow:hidden!important;}
  .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane{position:absolute!important;inset:0!important;width:auto!important;max-width:none!important;height:auto!important;border-right:0!important;display:flex!important;}
  .ircp-users-toggle-inline{display:inline-flex!important;width:44px!important;min-width:44px!important;padding:0!important;font-size:var(--ircp-tool-button-font-size,17px)!important;letter-spacing:0!important;text-transform:none!important;border-radius:12px!important;}
  .ircp-users-toggle-inline.is-open{border-color:rgba(0,213,255,.75)!important;background:linear-gradient(180deg,rgba(0,111,136,.88),rgba(0,42,58,.96))!important;}

  .ircp-tools-menu .ircp-users-toggle-inline{width:44px!important;min-width:44px!important;max-width:44px!important;font-size:var(--ircp-tool-button-font-size,17px)!important;}
  .ircp-users{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;display:block!important;width:min(var(--ircp-mobile-userlist-panel-width,86vw),var(--ircp-mobile-userlist-panel-max-width,340px))!important;max-width:min(var(--ircp-mobile-userlist-panel-width,86vw),var(--ircp-mobile-userlist-panel-max-width,340px))!important;min-width:0!important;height:auto!important;max-height:none!important;margin:0!important;padding:52px 12px 12px 12px!important;transform:translateX(calc(100% + 18px))!important;transition:transform .22s ease!important;z-index:80!important;border-left:1px solid rgba(0,191,232,.58)!important;box-shadow:none!important;pointer-events:auto!important;}
  .ircp-users-open .ircp-users{transform:translateX(0)!important;box-shadow:-14px 0 28px rgba(0,0,0,.55)!important;}
  .ircp-users-close{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;right:12px!important;top:12px!important;width:32px!important;height:32px!important;border-radius:11px!important;z-index:3!important;}
  .ircp-users-backdrop,.ircp-users-open .ircp-users-backdrop{display:none!important;position:absolute!important;inset:0!important;z-index:0!important;background:transparent!important;opacity:0!important;pointer-events:none!important;}
  .ircp-users-open .ircp-chat-lane{pointer-events:auto!important;}
}
@media(max-width:520px){
  .ircp-wrap{--ircp-struct-bar-h:56px;--ircp-struct-tool-w:48px;--ircp-struct-send-w:76px;}
  .ircp-field,.ircp-avatar-choice,.ircp-avatar-upload,.ircp-name-colour-panel label{grid-template-columns:1fr!important;}
  .ircp-messages{padding:10px 9px 8px!important;}.ircp-msg,.ircp-msg.me{padding:8px 34px 8px 9px!important;gap:8px!important;border-radius:16px!important;}.ircp-del{right:9px!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;}.ircp-bottom-bar.ircp-composer-bar{padding:7px 8px!important;gap:8px!important;}.ircp-tools-menu{width:max-content!important;max-width:min(240px,calc(100vw - 22px))!important;}.ircp-send{gap:8px!important;}.ircp-send input{font-size:min(var(--ircp-input-text-font-size,16px),16px)!important;}.ircp-send button{font-size:min(var(--ircp-send-button-font-size,14px),14px)!important;letter-spacing:.02em!important;}
}


/* V1.0 admin background wiring fix: make saved background images visibly apply in the correct scope. */
.ircp-wrap.ircp-bg-whole::before{background:linear-gradient(90deg,rgba(15,0,24,.42) 0,rgba(0,0,0,.10) 30%,rgba(0,0,0,.35) 71%,rgba(0,0,0,.78) 100%),radial-gradient(circle at 18% 22%,rgba(255,0,119,.18),transparent 30%),radial-gradient(circle at 32% 78%,rgba(0,213,255,.16),transparent 33%),var(--ircp-custom-bg)!important;background-size:cover!important;background-position:center!important;opacity:var(--ircp-bg-image-opacity,.55)!important;}
.ircp-wrap.ircp-bg-chat .ircp-messages{background-image:linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,.10) 60%,rgba(0,0,0,.46)),var(--ircp-custom-bg)!important;background-size:cover!important;background-position:center!important;}
.ircp-wrap.ircp-bg-chat .ircp-messages::before{content:""!important;position:absolute!important;inset:0!important;background:#000!important;opacity:calc(1 - var(--ircp-bg-image-opacity,.55))!important;pointer-events:none!important;z-index:0!important;}
.ircp-wrap.ircp-bg-chat .ircp-messages>*{position:relative!important;z-index:1!important;}
.ircp-gif-choice[data-ircp-duplicate="1"]{display:none!important;}

/* V1.0 GIF infinite scroll controls - no obtrusive Load More button. */
.ircp-wrap .ircp-gif-loader{
  display:block !important;
  margin:6px 0 4px !important;
  padding:0 !important;
  color:rgba(235,250,255,.66) !important;
  font-size:12px !important;
  line-height:1.3 !important;
  text-align:center !important;
  grid-column:1/-1 !important;
}
.ircp-wrap .ircp-gif-more-btn{display:none!important;}
.ircp-wrap .ircp-gif-pop{padding-bottom:10px !important;}

/* V1.0 admin-to-frontend wiring sweep.
   These final rules make saved admin settings own the frontend instead of old compact guards. */
.ircp-wrap{max-width:var(--ircp-chat-max-width,100%)!important;margin-left:auto!important;margin-right:auto!important;border-radius:var(--ircp-radius,0)!important;}
.ircp-wrap .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages{
  padding:var(--ircp-messages-padding,16px)!important;
  padding-bottom:calc(var(--ircp-messages-bottom-padding,16px) + var(--ircp-message-edge-balance,0px))!important;
  scroll-padding-top:var(--ircp-messages-padding,16px)!important;
  scroll-padding-bottom:calc(var(--ircp-messages-bottom-padding,16px) + var(--ircp-message-edge-balance,0px))!important;
}
.ircp-wrap .ircp-bottom-bar.ircp-composer-bar{height:var(--ircp-input-bar-height,64px)!important;min-height:var(--ircp-input-bar-height,64px)!important;max-height:var(--ircp-input-bar-height,64px)!important;grid-template-columns:var(--ircp-toolbar-button-width,52px) minmax(0,1fr)!important;transform:translateY(var(--ircp-composer-shift-y,0px))!important;margin-bottom:var(--ircp-composer-bottom-gap,0px)!important;}
.ircp-wrap .ircp-tool-drawer{width:var(--ircp-toolbar-button-width,52px)!important;max-width:var(--ircp-toolbar-button-width,52px)!important;height:var(--ircp-toolbar-button-height,42px)!important;max-height:calc(var(--ircp-input-bar-height,64px) - 10px)!important;}
.ircp-wrap .ircp-send{grid-template-columns:minmax(0,1fr) var(--ircp-send-button-width,140px)!important;height:var(--ircp-input-height,44px)!important;max-height:var(--ircp-input-height,44px)!important;}
.ircp-wrap .ircp-send input,.ircp-wrap .ircp-send button{height:var(--ircp-input-height,44px)!important;min-height:0!important;max-height:var(--ircp-input-height,44px)!important;}
.ircp-wrap .ircp-users{flex-basis:var(--ircp-userlist-width,370px)!important;width:var(--ircp-userlist-width,370px)!important;max-width:var(--ircp-userlist-width,370px)!important;padding-top:calc(18px + var(--ircp-users-panel-top-offset,0px))!important;padding-bottom:calc(12px + var(--ircp-users-panel-bottom-gap,0px))!important;}
.ircp-wrap.ircp-bg-whole::before{display:block!important;mix-blend-mode:normal!important;background:linear-gradient(90deg,rgba(15,0,24,.38),rgba(0,0,0,.12) 38%,rgba(0,0,0,.76)),var(--ircp-custom-bg)!important;background-size:cover!important;background-position:center!important;opacity:var(--ircp-bg-image-opacity,.55)!important;}
.ircp-wrap.ircp-bg-chat .ircp-messages{background-image:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.06) 58%,rgba(0,0,0,.40)),var(--ircp-custom-bg)!important;background-size:cover!important;background-position:center!important;}
.ircp-wrap.ircp-bg-chat .ircp-messages::before{content:""!important;position:absolute!important;inset:0!important;background:#000!important;opacity:calc(1 - var(--ircp-bg-image-opacity,.55))!important;pointer-events:none!important;z-index:0!important;}
.ircp-wrap.ircp-bg-chat .ircp-messages>*{position:relative!important;z-index:1!important;}
.ircp-wrap.ircp-msg-style-bubble_matte .ircp-msg{box-shadow:none!important;background:linear-gradient(90deg,rgba(0,10,20,.62),rgba(0,0,5,.72))!important;}
.ircp-wrap.ircp-msg-style-thin_borders .ircp-msg{background:rgba(0,0,0,.22)!important;box-shadow:none!important;border-width:1px!important;}
.ircp-wrap.ircp-msg-style-no_lines .ircp-msg{background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding-left:0!important;}
.ircp-wrap.ircp-msg-style-no_lines .ircp-user{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;}
.ircp-wrap.ircp-msg-style-flat_cards .ircp-msg{background:rgba(255,255,255,.06)!important;box-shadow:none!important;}
.ircp-wrap.ircp-msg-style-neon_glow .ircp-msg{box-shadow:0 0 18px rgba(0,213,255,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;}
.ircp-wrap.ircp-msg-style-compact_lines .ircp-msg{min-height:auto!important;padding-top:8px!important;padding-bottom:8px!important;margin-bottom:8px!important;}
.ircp-wrap.ircp-msg-style-speech_bubbles .ircp-msg{border-radius:28px!important;}
.ircp-wrap.ircp-msg-style-left_accent .ircp-msg{border-left:5px solid var(--ircp-accent,#00c8ff)!important;}
.ircp-wrap.ircp-msg-style-dj_equalizer .ircp-msg{border-left:6px solid var(--ircp-shot-yellow,#ffd900)!important;box-shadow:inset 6px 0 0 rgba(0,213,255,.26)!important;}
.ircp-wrap.ircp-msg-style-bright_cards .ircp-msg{background:rgba(255,255,255,.88)!important;color:#111!important;}.ircp-wrap.ircp-msg-style-bright_cards .ircp-text{color:#111!important;-webkit-text-fill-color:#111!important;}
.ircp-wrap.ircp-msg-style-transparent_float .ircp-msg{background:transparent!important;border-color:rgba(0,213,255,.18)!important;box-shadow:none!important;}
/* V1.0 expanded message-style library. All selectors are frontend-scoped. */
.ircp-wrap.ircp-msg-style-glass_panel .ircp-msg{background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,0,0,.26))!important;border-color:rgba(255,255,255,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.22)!important;backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;}
.ircp-wrap.ircp-msg-style-frosted_glass .ircp-msg{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 24px rgba(0,0,0,.18)!important;backdrop-filter:blur(15px) saturate(135%)!important;-webkit-backdrop-filter:blur(15px) saturate(135%)!important;}
.ircp-wrap.ircp-msg-style-smoked_glass .ircp-msg{background:linear-gradient(145deg,rgba(0,0,0,.68),rgba(20,20,26,.48))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 28px rgba(0,0,0,.30)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;}
.ircp-wrap.ircp-msg-style-gradient_cards .ircp-msg{background:linear-gradient(135deg,rgba(155,0,52,.32),rgba(0,18,34,.72) 55%,rgba(0,213,255,.16))!important;border-color:rgba(0,213,255,.42)!important;box-shadow:0 12px 28px rgba(0,0,0,.24)!important;}
.ircp-wrap.ircp-msg-style-double_outline .ircp-msg{background:rgba(0,0,0,.28)!important;border:3px double var(--ircp-accent,#00c8ff)!important;box-shadow:none!important;}
.ircp-wrap.ircp-msg-style-dashed_outline .ircp-msg{background:rgba(0,0,0,.24)!important;border:1px dashed var(--ircp-accent,#00c8ff)!important;box-shadow:none!important;}
.ircp-wrap.ircp-msg-style-dotted_outline .ircp-msg{background:rgba(0,0,0,.20)!important;border:2px dotted var(--ircp-accent,#00c8ff)!important;box-shadow:none!important;}
.ircp-wrap.ircp-msg-style-top_accent .ircp-msg{background:rgba(0,0,0,.28)!important;border-color:rgba(255,255,255,.10)!important;border-top:4px solid var(--ircp-accent,#00c8ff)!important;border-radius:9px!important;box-shadow:none!important;}
.ircp-wrap.ircp-msg-style-bottom_accent .ircp-msg{background:rgba(0,0,0,.28)!important;border-color:rgba(255,255,255,.10)!important;border-bottom:4px solid var(--ircp-accent,#00c8ff)!important;border-radius:9px!important;box-shadow:none!important;}
.ircp-wrap.ircp-msg-style-corner_accents .ircp-msg{background:linear-gradient(var(--ircp-accent,#00c8ff),var(--ircp-accent,#00c8ff)) left top/28px 2px no-repeat,linear-gradient(var(--ircp-accent,#00c8ff),var(--ircp-accent,#00c8ff)) left top/2px 28px no-repeat,linear-gradient(var(--ircp-accent,#00c8ff),var(--ircp-accent,#00c8ff)) right bottom/28px 2px no-repeat,linear-gradient(var(--ircp-accent,#00c8ff),var(--ircp-accent,#00c8ff)) right bottom/2px 28px no-repeat,rgba(0,0,0,.28)!important;border-color:transparent!important;border-radius:4px!important;box-shadow:none!important;}
.ircp-wrap.ircp-msg-style-split_tone .ircp-msg{background:linear-gradient(90deg,rgba(155,0,52,.30) 0 46%,rgba(0,12,24,.72) 46% 100%)!important;border-color:rgba(0,213,255,.34)!important;box-shadow:none!important;}
.ircp-wrap.ircp-msg-style-alternating_cards .ircp-msg{background:rgba(0,213,255,.10)!important;border-color:rgba(0,213,255,.28)!important;box-shadow:none!important;}.ircp-wrap.ircp-msg-style-alternating_cards .ircp-msg:nth-child(odd){background:rgba(155,0,52,.18)!important;border-color:rgba(255,48,100,.32)!important;}
.ircp-wrap.ircp-msg-style-minimal_dividers .ircp-msg{background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;box-shadow:none!important;padding-left:4px!important;}
.ircp-wrap.ircp-msg-style-underlined_messages .ircp-msg{background:transparent!important;border:0!important;border-bottom:2px solid var(--ircp-accent,#00c8ff)!important;border-radius:0!important;box-shadow:none!important;padding-left:4px!important;}
.ircp-wrap.ircp-msg-style-avatar_ring .ircp-msg{background:rgba(0,0,0,.30)!important;box-shadow:none!important;}.ircp-wrap.ircp-msg-style-avatar_ring .ircp-msg-avatar{border:2px solid var(--ircp-accent,#00c8ff)!important;box-shadow:0 0 0 3px rgba(0,213,255,.10),0 0 18px rgba(0,213,255,.38)!important;}
.ircp-wrap.ircp-msg-style-avatar_square .ircp-msg{background:rgba(0,0,0,.30)!important;box-shadow:none!important;}.ircp-wrap.ircp-msg-style-avatar_square .ircp-msg-avatar{border-radius:12px!important;box-shadow:0 8px 18px rgba(0,0,0,.28)!important;}
.ircp-wrap.ircp-msg-style-deep_shadow .ircp-msg{background:linear-gradient(180deg,rgba(20,20,28,.90),rgba(0,0,0,.82))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 20px 38px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.06)!important;}
.ircp-wrap.ircp-msg-style-raised_cards .ircp-msg{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.44))!important;border-color:rgba(255,255,255,.15)!important;box-shadow:0 9px 0 rgba(0,0,0,.30),0 16px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.12)!important;}
.ircp-wrap.ircp-msg-style-inset_panels .ircp-msg{background:rgba(0,0,0,.38)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.52),inset 0 10px 24px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.07)!important;}
.ircp-wrap.ircp-msg-style-metallic_panels .ircp-msg{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(78,84,94,.34) 45%,rgba(0,0,0,.62) 52%,rgba(255,255,255,.06))!important;border-color:rgba(255,255,255,.28)!important;border-radius:8px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 22px rgba(0,0,0,.30)!important;}
.ircp-wrap.ircp-msg-style-carbon_fibre .ircp-msg{background:linear-gradient(27deg,rgba(255,255,255,.035) 5px,transparent 5px) 0 5px,linear-gradient(207deg,rgba(255,255,255,.035) 5px,transparent 5px) 10px 0,linear-gradient(27deg,rgba(0,0,0,.20) 5px,transparent 5px) 0 10px,linear-gradient(207deg,rgba(0,0,0,.24) 5px,transparent 5px) 10px 5px,rgba(8,8,10,.92)!important;background-size:20px 20px!important;border-color:rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.30)!important;}
.ircp-wrap.ircp-msg-style-retro_terminal .ircp-msg{background:rgba(0,12,8,.88)!important;border:1px solid #36ff91!important;border-radius:2px!important;box-shadow:inset 0 0 18px rgba(54,255,145,.08),0 0 12px rgba(54,255,145,.12)!important;}.ircp-wrap.ircp-msg-style-retro_terminal .ircp-text,.ircp-wrap.ircp-msg-style-retro_terminal .ircp-text *{color:#b8ffd4!important;-webkit-text-fill-color:#b8ffd4!important;}.ircp-wrap.ircp-msg-style-retro_terminal .ircp-time{color:rgba(184,255,212,.58)!important;-webkit-text-fill-color:rgba(184,255,212,.58)!important;}
.ircp-wrap.ircp-msg-style-cyber_grid .ircp-msg{background-image:linear-gradient(rgba(0,213,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,213,255,.07) 1px,transparent 1px),linear-gradient(135deg,rgba(155,0,52,.22),rgba(0,0,0,.72))!important;background-size:18px 18px,18px 18px,auto!important;border-color:rgba(0,213,255,.52)!important;box-shadow:0 0 20px rgba(0,213,255,.12)!important;}
.ircp-wrap.ircp-msg-style-radio_console .ircp-msg{background:linear-gradient(180deg,rgba(38,42,48,.90),rgba(5,6,8,.92))!important;border:1px solid rgba(255,255,255,.20)!important;border-left:7px solid var(--ircp-accent,#00c8ff)!important;border-radius:6px!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12),0 12px 26px rgba(0,0,0,.34)!important;}
.ircp-wrap.ircp-msg-style-waveform_edge .ircp-msg{background:repeating-linear-gradient(180deg,var(--ircp-accent,#00c8ff) 0 3px,transparent 3px 7px) left center/6px calc(100% - 18px) no-repeat,linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,16,28,.54))!important;border-color:rgba(0,213,255,.34)!important;padding-left:calc(var(--ircp-message-padding-x,18px) + 8px)!important;box-shadow:none!important;}
.ircp-wrap.ircp-msg-style-equalizer_stripes .ircp-msg{background:repeating-linear-gradient(90deg,rgba(0,213,255,.11) 0 8px,rgba(155,0,52,.10) 8px 16px,transparent 16px 26px),rgba(0,0,0,.58)!important;border-color:rgba(0,213,255,.36)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;}
.ircp-wrap.ircp-msg-style-spotlight_cards .ircp-msg{background:radial-gradient(circle at 18% 0,rgba(0,213,255,.24),transparent 42%),linear-gradient(180deg,rgba(18,18,24,.78),rgba(0,0,0,.72))!important;border-color:rgba(0,213,255,.34)!important;box-shadow:0 12px 26px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07)!important;}
.ircp-wrap.ircp-msg-style-gold_trim .ircp-msg{background:linear-gradient(135deg,rgba(46,35,11,.82),rgba(5,5,7,.88))!important;border:1px solid #d8b45d!important;box-shadow:inset 0 0 0 1px rgba(255,233,164,.12),0 0 18px rgba(216,180,93,.14)!important;}.ircp-wrap.ircp-msg-style-gold_trim .ircp-name{color:#f4d987!important;-webkit-text-fill-color:#f4d987!important;}
.ircp-wrap.ircp-msg-style-monochrome .ircp-msg{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;border-color:rgba(255,255,255,.24)!important;filter:grayscale(1)!important;box-shadow:none!important;}
.ircp-wrap.ircp-msg-style-floating_pills .ircp-msg{background:rgba(0,0,0,.54)!important;border-color:rgba(0,213,255,.30)!important;border-radius:34px!important;box-shadow:0 12px 24px rgba(0,0,0,.24)!important;padding-top:11px!important;padding-bottom:11px!important;}
.ircp-wrap.ircp-msg-style-ticket_stub .ircp-msg{background:radial-gradient(circle at left center,transparent 0 8px,rgba(0,0,0,.72) 9px),radial-gradient(circle at right center,transparent 0 8px,rgba(0,0,0,.72) 9px)!important;border:1px dashed var(--ircp-accent,#00c8ff)!important;border-radius:12px!important;box-shadow:none!important;}
.ircp-wrap.ircp-msg-style-cut_corner .ircp-msg{background:linear-gradient(135deg,rgba(155,0,52,.24),rgba(0,0,0,.74))!important;border-color:rgba(0,213,255,.38)!important;border-radius:0!important;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)!important;box-shadow:none!important;}
.ircp-wrap.ircp-msg-style-compact_minimal .ircp-msg{min-height:auto!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important;border-radius:0!important;box-shadow:none!important;margin-bottom:6px!important;padding-top:6px!important;padding-bottom:6px!important;gap:10px!important;}.ircp-wrap.ircp-msg-style-compact_minimal .ircp-msg-avatar{width:36px!important;height:36px!important;flex-basis:36px!important;}
.ircp-wrap.ircp-msg-style-wide_clean .ircp-msg{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.12)!important;border-radius:5px!important;box-shadow:none!important;padding-top:16px!important;padding-bottom:16px!important;}
.ircp-wrap.ircp-msg-style-transcript_rows .ircp-msg{background:rgba(0,0,0,.24)!important;border:0!important;border-left:3px solid rgba(255,255,255,.22)!important;border-radius:0!important;box-shadow:none!important;}.ircp-wrap.ircp-msg-style-transcript_rows .ircp-msg-head{border-bottom:1px solid rgba(255,255,255,.10)!important;padding-bottom:5px!important;margin-bottom:5px!important;}
.ircp-wrap.ircp-msg-style-soft_shadow .ircp-msg{background:rgba(10,10,16,.74)!important;border-color:rgba(255,255,255,.08)!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(0,0,0,.20),0 2px 8px rgba(0,0,0,.18)!important;}

/* V1.0 background preview/frontend hard-wire fix.
   Background area/strength now visibly affect the real panes rather than being hidden by dark pane layers. */
.ircp-wrap.ircp-bg-whole{
  background-image:linear-gradient(180deg,rgba(0,0,0,var(--ircp-bg-dim,.38)),rgba(0,0,0,var(--ircp-bg-dim,.38))),var(--ircp-custom-bg)!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
.ircp-wrap.ircp-bg-whole::before{
  display:block!important;mix-blend-mode:normal!important;opacity:1!important;
  background:linear-gradient(90deg,rgba(15,0,24,var(--ircp-bg-dim,.38)) 0,rgba(0,0,0,calc(var(--ircp-bg-dim,.38) * .35)) 34%,rgba(0,0,0,var(--ircp-bg-dim,.38)) 72%,rgba(0,0,0,calc(var(--ircp-bg-dim,.38) + .20)) 100%),var(--ircp-custom-bg)!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
.ircp-wrap.ircp-bg-whole .ircp-app:not([hidden])>.ircp-main{background:rgba(0,0,0,.04)!important;}
.ircp-wrap.ircp-bg-whole .ircp-chat,.ircp-wrap.ircp-bg-whole .ircp-messages{background:rgba(0,0,0,.04)!important;}
.ircp-wrap.ircp-bg-whole .ircp-users{background:linear-gradient(180deg,rgba(0,0,0,calc(var(--ircp-bg-dim,.38) + .08)),rgba(0,0,0,calc(var(--ircp-bg-dim,.38) + .22)))!important;}
.ircp-wrap.ircp-bg-chat .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages{
  background-image:linear-gradient(90deg,rgba(0,0,0,var(--ircp-bg-dim,.38)),rgba(0,0,0,calc(var(--ircp-bg-dim,.38) * .30)) 58%,rgba(0,0,0,var(--ircp-bg-dim,.38))),var(--ircp-custom-bg)!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
.ircp-wrap.ircp-bg-chat .ircp-messages::before{display:none!important;content:none!important;}


/* V1.0 background uniform panes fix.
   Whole-panel background must not become darker behind the online users column. */
.ircp-wrap.ircp-bg-whole{
  background-image:linear-gradient(180deg,rgba(0,0,0,var(--ircp-bg-dim,.38)),rgba(0,0,0,var(--ircp-bg-dim,.38))),var(--ircp-custom-bg)!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
.ircp-wrap.ircp-bg-whole::before{display:none!important;content:none!important;background:none!important;opacity:0!important;}
.ircp-wrap.ircp-bg-whole::after{background:rgba(0,0,0,0)!important;opacity:0!important;}
.ircp-wrap.ircp-bg-whole .ircp-app:not([hidden])>.ircp-main,
.ircp-wrap.ircp-bg-whole .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane,
.ircp-wrap.ircp-bg-whole .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat,
.ircp-wrap.ircp-bg-whole .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages,
.ircp-wrap.ircp-bg-whole .ircp-users{
  background:transparent!important;background-image:none!important;
}
.ircp-wrap.ircp-bg-whole .ircp-bottom-bar.ircp-composer-bar{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.24))!important;}
.ircp-wrap.ircp-bg-whole .ircp-users{box-shadow:none!important;}


/* V1.0 skin-coloured tools button fix.
   The main menu/tools button and its popup buttons must follow the active skin variables, not the old cyan defaults. */
.ircp-wrap .ircp-more-toggle,
.ircp-wrap .ircp-more-toggle.ircp-tool-icon,
.ircp-wrap .ircp-tool-drawer>summary.ircp-more-toggle,
.ircp-wrap .ircp-tool-drawer[open] .ircp-more-toggle,
.ircp-wrap .ircp-tools-menu .ircp-tool-icon,
.ircp-wrap .ircp-users-toggle-inline{
  border-color:var(--ircp-accent,#00c8ff)!important;
  background:linear-gradient(180deg,var(--ircp-button-top,#087f9a),var(--ircp-button-bottom,#032330))!important;
  color:var(--ircp-text,#ffffff)!important;
  -webkit-text-fill-color:var(--ircp-text,#ffffff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 15px var(--ircp-accent,#00c8ff)!important;
}
.ircp-wrap .ircp-tool-drawer[open] .ircp-more-toggle,
.ircp-wrap .ircp-users-toggle-inline.is-open{
  filter:brightness(1.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 0 20px var(--ircp-accent,#00c8ff)!important;
}
.ircp-wrap .ircp-tools-menu{
  border-color:var(--ircp-accent,#00c8ff)!important;
  background:var(--ircp-bg-bottom,#030305)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.46),0 0 14px var(--ircp-accent,#00c8ff)!important;
}
.ircp-wrap .ircp-more-toggle:focus{
  outline:1px solid var(--ircp-accent,#00c8ff)!important;
  outline-offset:2px!important;
}


/* V1.0 login panel fit/scroll rebuild.
   Keeps the login/sign-up panel inside the chatroom height, makes long sign-up/profile forms scroll,
   and prevents inline label/button text from running together. */
.ircp-wrap .ircp-login{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  z-index:10!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  padding:10px!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 20% 0%,rgba(119,0,255,.24),transparent 35%),linear-gradient(135deg,#090016,#000)!important;
}
.ircp-wrap .ircp-login-card{
  width:min(var(--ircp-login-card-width,760px),calc(100% - 20px))!important;
  max-width:var(--ircp-login-card-width,760px)!important;
  height:auto!important;
  max-height:calc(100% - 20px)!important;
  min-height:0!important;
  margin:auto!important;
  padding:14px 18px 16px!important;
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:var(--ircp-accent,#00c8ff) rgba(0,0,0,.42)!important;
}
.ircp-wrap .ircp-login-card::-webkit-scrollbar{width:8px!important;}
.ircp-wrap .ircp-login-card::-webkit-scrollbar-track{background:rgba(0,0,0,.42)!important;border-radius:999px!important;}
.ircp-wrap .ircp-login-card::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--ircp-accent,#00c8ff),rgba(0,68,86,.92))!important;border-radius:999px!important;}
.ircp-wrap .ircp-login-card .ircp-brand{
  font-size:clamp(18px,2vw,22px)!important;
  line-height:1.1!important;
  margin:0 0 4px!important;
}
.ircp-wrap .ircp-login-card h3{
  font-size:clamp(20px,2.2vw,26px)!important;
  line-height:1.15!important;
  margin:4px 0 6px!important;
}
.ircp-wrap .ircp-login-card p{
  font-size:clamp(14px,1.7vw,18px)!important;
  line-height:1.35!important;
  margin:0 0 8px!important;
}
.ircp-wrap .ircp-login-intro,
.ircp-wrap .ircp-mode-copy{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:5px 8px!important;
  margin:6px 0 8px!important;
  line-height:1.25!important;
  color:#dbeafe!important;
}
.ircp-wrap .ircp-login-intro strong,
.ircp-wrap .ircp-mode-copy b{
  display:inline-block!important;
  font-size:clamp(15px,1.8vw,18px)!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
.ircp-wrap .ircp-login-intro span,
.ircp-wrap .ircp-mode-copy span{
  display:inline-block!important;
  min-width:0!important;
  font-size:clamp(12px,1.4vw,14px)!important;
  line-height:1.25!important;
  color:rgba(255,255,255,.72)!important;
  -webkit-text-fill-color:rgba(255,255,255,.72)!important;
}
.ircp-wrap .ircp-login-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:8px 0 10px!important;
}
.ircp-wrap .ircp-login-tabs button{
  min-width:0!important;
  min-height:50px!important;
  height:auto!important;
  padding:8px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:hidden!important;
}
.ircp-wrap .ircp-login-tabs button strong,
.ircp-wrap .ircp-login-tabs button span{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.15!important;
  white-space:normal!important;
}
.ircp-wrap .ircp-login-tabs button strong{
  font-size:clamp(13px,1.5vw,16px)!important;
  font-weight:800!important;
}
.ircp-wrap .ircp-login-tabs button span{
  font-size:clamp(11px,1.25vw,13px)!important;
  color:rgba(255,255,255,.78)!important;
  -webkit-text-fill-color:rgba(255,255,255,.78)!important;
}
.ircp-wrap .ircp-login-panels{margin:0!important;}
.ircp-wrap .ircp-login-mode-panel{margin:0 0 8px!important;min-width:0!important;}
.ircp-wrap .ircp-field,
.ircp-wrap .ircp-avatar-choice,
.ircp-wrap .ircp-avatar-upload,
.ircp-wrap .ircp-name-colour-panel label{
  display:grid!important;
  grid-template-columns:minmax(120px,170px) minmax(0,1fr)!important;
  gap:8px 12px!important;
  align-items:center!important;
  margin:7px 0!important;
  min-width:0!important;
}
.ircp-wrap .ircp-field>span,
.ircp-wrap .ircp-avatar-choice>span,
.ircp-wrap .ircp-avatar-upload>span:first-child,
.ircp-wrap .ircp-name-colour-panel label>span{
  min-width:0!important;
  font-size:clamp(14px,1.55vw,16px)!important;
  line-height:1.25!important;
  color:#dbeafe!important;
  -webkit-text-fill-color:#dbeafe!important;
}
.ircp-wrap .ircp-login-card input,
.ircp-wrap .ircp-login-card select{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:8px 11px!important;
  font-size:15px!important;
  line-height:1.2!important;
  border-radius:11px!important;
}
.ircp-wrap .ircp-login-card input[type="color"]{
  height:34px!important;
  min-height:34px!important;
  padding:3px!important;
}
.ircp-wrap .ircp-login-card .ircp-submit-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  width:auto!important;
  max-width:100%!important;
  padding:8px 14px!important;
  margin:4px 0 2px!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:normal!important;
  border-radius:12px!important;
}
.ircp-wrap .ircp-avatar-panel,
.ircp-wrap .ircp-name-colour-panel{
  margin:8px 0 0!important;
  padding:0!important;
  min-width:0!important;
}
.ircp-wrap .ircp-avatar-upload-control{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  padding:5px 8px!important;
  border:1px solid rgba(255,0,98,.58)!important;
  border-radius:11px!important;
  background:rgba(0,7,14,.78)!important;
  overflow:hidden!important;
}
.ircp-wrap .ircp-avatar-upload-control input[type="file"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  padding:0!important;
  margin:-1px!important;
  border:0!important;
  opacity:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
}
.ircp-wrap .ircp-avatar-file-button{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:6px 10px!important;
  border:1px solid var(--ircp-accent,#00c8ff)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(0,126,152,.82),rgba(0,28,40,.92))!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  cursor:pointer!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.ircp-wrap .ircp-avatar-file-name{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(255,255,255,.80)!important;
  -webkit-text-fill-color:rgba(255,255,255,.80)!important;
  font-size:13px!important;
}
.ircp-wrap .ircp-avatar-help,
.ircp-wrap .ircp-login-note,
.ircp-wrap .ircp-name-colour-panel em{
  display:block!important;
  margin:5px 0!important;
  font-size:12px!important;
  line-height:1.3!important;
  color:rgba(255,255,255,.68)!important;
  -webkit-text-fill-color:rgba(255,255,255,.68)!important;
}
.ircp-wrap .ircp-error{
  min-height:18px!important;
  margin:6px 0 0!important;
  font-size:13px!important;
  line-height:1.25!important;
}
@media(max-width:760px){
  .ircp-wrap .ircp-login{padding:8px!important;}
  .ircp-wrap .ircp-login-card{width:calc(100% - 8px)!important;max-height:calc(100% - 8px)!important;margin:auto!important;padding:12px!important;border-radius:16px!important;}
  .ircp-wrap .ircp-login-tabs{grid-template-columns:1fr!important;gap:6px!important;}
  .ircp-wrap .ircp-login-tabs button{min-height:44px!important;}
  .ircp-wrap .ircp-field,
  .ircp-wrap .ircp-avatar-choice,
  .ircp-wrap .ircp-avatar-upload,
  .ircp-wrap .ircp-name-colour-panel label{grid-template-columns:1fr!important;gap:4px!important;margin:6px 0!important;}
  .ircp-wrap .ircp-login-card input,
  .ircp-wrap .ircp-login-card select{height:38px!important;min-height:38px!important;font-size:14px!important;}
}
@media(max-height:620px){
  .ircp-wrap .ircp-login-card{padding-top:10px!important;padding-bottom:10px!important;}
  .ircp-wrap .ircp-login-card h3{font-size:18px!important;margin:2px 0 4px!important;}
  .ircp-wrap .ircp-login-card p{font-size:13px!important;margin-bottom:5px!important;}
  .ircp-wrap .ircp-login-tabs button{min-height:42px!important;padding:6px 8px!important;}
  .ircp-wrap .ircp-field,
  .ircp-wrap .ircp-avatar-choice,
  .ircp-wrap .ircp-avatar-upload,
  .ircp-wrap .ircp-name-colour-panel label{margin:5px 0!important;}
}



/* V1.0 popup opacity fix: frontend popups should be fully opaque so chat messages do not show through. */
.ircp-wrap .ircp-tools-menu,
.ircp-wrap .ircp-pop[data-ircp-emoji-pop],
.ircp-wrap .ircp-gif-pop[data-ircp-gif-pop]{
  background:#05080d!important;
  background-image:none!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.ircp-wrap .ircp-pop[data-ircp-emoji-pop] .ircp-emoji{
  background:#0d1117!important;
}
/* V1.0 emoji popup fit fix: emojis must stay inside the popup/container, no horizontal spill. */
.ircp-wrap .ircp-pop[data-ircp-emoji-pop]{
  max-width:calc(100% - 28px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable!important;
  contain:layout paint!important;
}
.ircp-wrap .ircp-pop[data-ircp-emoji-pop]:not([hidden]){
  display:grid!important;
  grid-auto-flow:row!important;
  align-content:start!important;
  justify-content:start!important;
}
.ircp-wrap .ircp-pop[data-ircp-emoji-pop] .ircp-emoji{
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  line-height:1!important;
}
@media(max-width:700px){
  .ircp-wrap .ircp-pop[data-ircp-emoji-pop]:not([hidden]){
    width:min(var(--ircp-emoji-pop-width,420px),calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
    overflow-x:hidden!important;
  }
}

/* V1.0 GIF/message vertical crush fix.
   The message list is a column flex container. Message cards must never shrink
   to make the list fit, otherwise GIF posts get clipped and older messages
   become vertically crushed as the chat fills up. */
.ircp-wrap .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages{
  justify-content:flex-start!important;
  align-content:flex-start!important;
}
.ircp-wrap .ircp-msg,
.ircp-wrap .ircp-msg.me{
  flex:0 0 auto!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.ircp-wrap .ircp-msg-content{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
}
.ircp-wrap .ircp-msg-head{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:4px 8px!important;
  min-width:0!important;
  max-width:100%!important;
}
.ircp-wrap .ircp-text{
  display:block!important;
  max-width:100%!important;
}
.ircp-wrap .ircp-msg .ircp-gif-img{
  display:block!important;
  width:auto!important;
  max-width:min(var(--ircp-gif-max-width,260px),100%)!important;
  height:auto!important;
  max-height:var(--ircp-posted-gif-max-height,var(--ircp-gif-max-height,none))!important;
  object-fit:contain!important;
  object-position:left top!important;
  margin:8px 0 0 0!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 8px 16px rgba(0,0,0,.28)!important;
  vertical-align:top!important;
}
.ircp-wrap .ircp-msg .ircp-gif-img:first-child{
  margin-top:0!important;
}
.ircp-wrap.ircp-msg-style-compact_lines .ircp-msg .ircp-gif-img{
  margin-top:6px!important;
}

/* V1.0 GIF picker layout/load-more polish: keep the search, grid and load-more controls inside the popup cleanly. */
.ircp-wrap .ircp-gif-pop[data-ircp-gif-pop]:not([hidden]){
  display:flex !important;
  flex-direction:column !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  min-width:260px !important;
  max-width:min(var(--ircp-gif-pop-width,420px),calc(100% - 28px)) !important;
  padding:8px !important;
}
.ircp-wrap .ircp-gif-pop .ircp-gif-search{
  flex:0 0 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
.ircp-wrap .ircp-gif-pop .ircp-gif-search input,
.ircp-wrap .ircp-gif-pop .ircp-gif-search button{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
.ircp-wrap .ircp-gif-grid[data-ircp-gif-grid]{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  align-content:start !important;
  justify-content:stretch !important;
  box-sizing:border-box !important;
  padding:0 4px 4px 0 !important;
  scrollbar-width:thin !important;
  scrollbar-color:var(--ircp-skin-accent,var(--ircp-shot-cyan)) rgba(0,0,0,.35) !important;
}
.ircp-wrap .ircp-gif-grid[data-ircp-gif-grid]::-webkit-scrollbar{width:7px !important;}
.ircp-wrap .ircp-gif-grid[data-ircp-gif-grid]::-webkit-scrollbar-track{background:rgba(0,0,0,.35) !important;}
.ircp-wrap .ircp-gif-grid[data-ircp-gif-grid]::-webkit-scrollbar-thumb{background:var(--ircp-skin-accent,var(--ircp-shot-cyan)) !important;border-radius:999px !important;}
.ircp-wrap .ircp-gif-choice{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
.ircp-wrap .ircp-gif-loader{
  flex:0 0 auto !important;
  box-sizing:border-box !important;
}
.ircp-wrap .ircp-gif-status{
  grid-column:1/-1 !important;
  width:100% !important;
  max-width:100% !important;
  margin:10px 0 !important;
  text-align:center !important;
  color:rgba(235,250,255,.78) !important;
}
.ircp-wrap .ircp-gif-error{color:#ffb4c6 !important;}


/* V1.0 equal message viewport edges.
   The final card has no trailing card-margin; one measured native padding value
   is used at the bottom so the first visible card and latest card sit equally
   far from the top and bottom edges. No artificial spacer or second scroll
   position is used. */
.ircp-wrap .ircp-messages{
  --ircp-message-edge-balance:0px;
  --ircp-equal-edge-bottom-padding:var(--ircp-messages-bottom-padding,16px);
  overflow-anchor:none!important;
  overscroll-behavior-y:contain!important;
}
.ircp-wrap .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages{
  padding-bottom:var(--ircp-equal-edge-bottom-padding)!important;
  scroll-padding-top:var(--ircp-messages-padding,16px)!important;
  scroll-padding-bottom:var(--ircp-equal-edge-bottom-padding)!important;
}
.ircp-wrap .ircp-messages>.ircp-msg:not(.ircp-style-probe):last-child,
.ircp-wrap .ircp-messages>.ircp-msg.me:not(.ircp-style-probe):last-child{
  margin-bottom:0!important;
}

/* Keep browser/GIF scroll anchoring from overriding the native balanced edge. */
.ircp-wrap .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages,
.ircp-wrap .ircp-msg,
.ircp-wrap .ircp-msg.me{
  overflow-anchor:none!important;
}

/* V1.0 manual history scrolling stability fix.
   The message pane must never animate or snap while a person scrolls through
   older messages. JavaScript handles bottom-follow only when the viewer is
   already at the newest messages. */
.ircp-wrap .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages{
  scroll-behavior:auto!important;
  touch-action:pan-y!important;
}

/* V1.0 safe 600px responsive shell.
   The desktop flex columns remain untouched. Only genuinely narrow screens use
   the existing slide-out user list, preventing messages from running underneath it. */
.ircp-wrap,.ircp-embed-only,.ircp-embed-only .ircp-wrap{height:600px!important;min-height:600px!important;max-height:600px!important;}
@media(min-width:821px) and (max-width:1180px){
  .ircp-wrap .ircp-users{
    flex-basis:clamp(250px,var(--ircp-userlist-width,370px),320px)!important;
    width:clamp(250px,var(--ircp-userlist-width,370px),320px)!important;
    max-width:clamp(250px,var(--ircp-userlist-width,370px),320px)!important;
  }
  .ircp-wrap .ircp-send{grid-template-columns:minmax(0,1fr) clamp(96px,var(--ircp-send-button-width,140px),132px)!important;}
  .ircp-wrap .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages{padding-left:min(var(--ircp-messages-padding,16px),14px)!important;padding-right:min(var(--ircp-messages-padding,16px),14px)!important;}
}
@media(max-width:820px){
  .ircp-wrap .ircp-pop[data-ircp-emoji-pop]:not([hidden]),
  .ircp-wrap .ircp-gif-pop[data-ircp-gif-pop]:not([hidden]){left:8px!important;right:auto!important;width:min(420px,calc(100% - 16px))!important;max-width:calc(100% - 16px)!important;}
}


/* V1.0 toolbar typography guard.
   Keep the active message-style border/background sync on the composer and popup
   controls, but prevent the general toolbar font setting from making short labels
   such as GIF or the users symbol oversized. Button dimensions remain admin-controlled. */
.ircp-wrap .ircp-more-toggle,
.ircp-wrap .ircp-tool-drawer>summary.ircp-more-toggle{
  font-size:clamp(20px,1.8vw,25px)!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.ircp-wrap .ircp-more-toggle .ircp-more-open{
  font-size:inherit!important;
  line-height:1!important;
}
.ircp-wrap .ircp-tools-menu .ircp-tool-icon{
  font-size:clamp(18px,1.6vw,24px)!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.ircp-wrap .ircp-tools-menu .ircp-tool-gif{
  font-size:clamp(14px,1.25vw,17px)!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  font-weight:900!important;
}
.ircp-wrap .ircp-tools-menu [data-ircp-emoji]{
  font-size:clamp(21px,1.8vw,26px)!important;
  line-height:1!important;
}
.ircp-wrap .ircp-tools-menu [data-ircp-users-toggle]{
  font-size:clamp(18px,1.6vw,23px)!important;
  line-height:1!important;
}
.ircp-wrap .ircp-chat .ircp-send button{
  font-size:min(var(--ircp-send-button-font-size,16px),17px)!important;
  line-height:1!important;
  letter-spacing:.035em!important;
}
@media(max-width:700px){
  .ircp-wrap .ircp-more-toggle,
  .ircp-wrap .ircp-tool-drawer>summary.ircp-more-toggle{font-size:22px!important;}
  .ircp-wrap .ircp-tools-menu .ircp-tool-gif{font-size:15px!important;}
  .ircp-wrap .ircp-tools-menu [data-ircp-emoji]{font-size:23px!important;}
  .ircp-wrap .ircp-tools-menu [data-ircp-users-toggle]{font-size:20px!important;}
  .ircp-wrap .ircp-chat .ircp-send button{font-size:14px!important;letter-spacing:.02em!important;}
}


/* V1.0 final opaque popup guard.
   Realtime message-style mirroring keeps borders/radius/glow, but popup panels
   always paint an opaque skin base beneath any decorative gradient or pattern. */
.ircp-wrap .ircp-tools-menu,
.ircp-wrap .ircp-pop[data-ircp-emoji-pop],
.ircp-wrap .ircp-gif-pop[data-ircp-gif-pop]{
  background-color:var(--ircp-bg-bottom,#030305)!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  isolation:isolate!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}


/* V1.0 genuine looping 3D animated emoji renderer. */
.ircp-wrap .ircp-pop[data-ircp-emoji-pop] .ircp-emoji.ircp-animated-emoji-choice{
  appearance:none!important;-webkit-appearance:none!important;padding:2px!important;border:0!important;
  width:var(--ircp-emoji-item-size,36px)!important;height:var(--ircp-emoji-item-size,36px)!important;
  min-width:var(--ircp-emoji-item-size,36px)!important;min-height:var(--ircp-emoji-item-size,36px)!important;
  overflow:visible!important;background:transparent!important;background-image:none!important;border:1px solid transparent!important;box-shadow:none!important;
}
.ircp-wrap .ircp-picker-animated-emoji,
.ircp-wrap .ircp-chat-emoji{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;}
.ircp-wrap .ircp-picker-animated-emoji{width:100%!important;height:100%!important;}
.ircp-wrap .ircp-chat-emoji{
  width:var(--ircp-posted-emoji-size,24px)!important;height:var(--ircp-posted-emoji-size,24px)!important;
  min-width:var(--ircp-posted-emoji-size,24px)!important;vertical-align:-.22em!important;margin:0 .04em!important;
}
.ircp-wrap .ircp-animated-emoji-img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.42))!important;
  transform:translateZ(0)!important;backface-visibility:hidden!important;pointer-events:none!important;
}
.ircp-wrap .ircp-animated-emoji-choice:hover .ircp-animated-emoji-img,
.ircp-wrap .ircp-animated-emoji-choice:focus-visible .ircp-animated-emoji-img{filter:drop-shadow(0 3px 5px rgba(0,0,0,.55)) brightness(1.08)!important;}
.ircp-wrap .ircp-native-emoji-fallback{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;font-size:var(--ircp-emoji-font-size,22px)!important;line-height:1!important;}
.ircp-wrap .ircp-chat-emoji .ircp-native-emoji-fallback{font-size:var(--ircp-posted-emoji-size,24px)!important;}


/* V1.0 curated animated emoji picker refinement.
   Category tabs keep music first, the panel shrinks to its content, and emoji
   artwork uses consistent sizing without permanent dark circular tiles. */
.ircp-wrap .ircp-pop[data-ircp-emoji-pop]:not([hidden]){
  display:flex!important;
  flex-direction:column!important;
  width:min(var(--ircp-emoji-pop-width,420px),calc(100% - 28px))!important;
  height:auto!important;
  max-height:min(var(--ircp-emoji-pop-height,330px),calc(100% - 82px))!important;
  padding:8px!important;
  gap:8px!important;
  overflow:hidden!important;
}
.ircp-wrap .ircp-emoji-tabs{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(92px,1fr))!important;
  flex:0 0 auto!important;
  gap:5px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0 0 6px!important;
  overflow:visible!important;
  scrollbar-width:none!important;
}
.ircp-wrap .ircp-emoji-tabs::-webkit-scrollbar{display:none!important;}
.ircp-wrap .ircp-emoji-category-tab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  flex:0 1 auto!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:32px!important;
  min-height:32px!important;
  padding:5px 9px!important;
  border:1px solid color-mix(in srgb,var(--ircp-skin-accent,var(--ircp-shot-cyan)) 45%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--ircp-bg-bottom,#030305) 88%,white 12%)!important;
  color:var(--ircp-text-color,#fff)!important;
  -webkit-text-fill-color:var(--ircp-text-color,#fff)!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.ircp-wrap .ircp-emoji-category-tab.is-active,
.ircp-wrap .ircp-emoji-category-tab[aria-selected="true"]{
  border-color:var(--ircp-skin-accent,var(--ircp-shot-cyan))!important;
  background:color-mix(in srgb,var(--ircp-skin-accent,var(--ircp-shot-cyan)) 20%,var(--ircp-bg-bottom,#030305))!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--ircp-skin-accent,var(--ircp-shot-cyan)) 30%,transparent)!important;
}
.ircp-wrap .ircp-emoji-grid{
  display:grid!important;
  flex:0 1 auto!important;
  min-height:0!important;
  width:100%!important;
  max-width:100%!important;
  padding:1px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  align-content:start!important;
  justify-content:start!important;
  scrollbar-gutter:stable!important;
}
.ircp-wrap .ircp-pop[data-ircp-emoji-pop] .ircp-emoji.ircp-animated-emoji-choice{
  border-radius:12px!important;
  background:transparent!important;
  background-image:none!important;
  border:1px solid transparent!important;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important;
}
.ircp-wrap .ircp-pop[data-ircp-emoji-pop] .ircp-emoji.ircp-animated-emoji-choice:hover,
.ircp-wrap .ircp-pop[data-ircp-emoji-pop] .ircp-emoji.ircp-animated-emoji-choice:focus-visible{
  background:color-mix(in srgb,var(--ircp-skin-accent,var(--ircp-shot-cyan)) 12%,transparent)!important;
  border-color:color-mix(in srgb,var(--ircp-skin-accent,var(--ircp-shot-cyan)) 48%,transparent)!important;
  transform:translateY(-1px)!important;
  outline:none!important;
}
.ircp-wrap .ircp-picker-animated-emoji{
  width:100%!important;
  height:100%!important;
  padding:1px!important;
  box-sizing:border-box!important;
}
.ircp-wrap .ircp-picker-animated-emoji .ircp-animated-emoji-img{
  width:94%!important;
  height:94%!important;
  max-width:94%!important;
  max-height:94%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.48))!important;
}
@media(max-width:700px){
  .ircp-wrap .ircp-pop[data-ircp-emoji-pop]:not([hidden]){width:min(var(--ircp-emoji-pop-width,420px),calc(100vw - 16px))!important;max-height:58vh!important;}
  .ircp-wrap .ircp-emoji-tabs{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))!important;}
  .ircp-wrap .ircp-emoji-category-tab{height:30px!important;min-height:30px!important;padding:4px 7px!important;font-size:11px!important;gap:4px!important;}
}
@media(max-width:340px){
  .ircp-wrap .ircp-emoji-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .ircp-wrap .ircp-emoji-category-tab{padding:4px 6px!important;font-size:10.5px!important;}
}


/* V1.0 single scrolling animated emoji section. Category tabs are removed;
   all available emojis live in one responsive vertical scrolling grid. */
.ircp-wrap .ircp-pop[data-ircp-emoji-pop]:not([hidden]){
  display:flex!important;
  flex-direction:column!important;
  height:min(var(--ircp-emoji-pop-height,330px),calc(100% - 82px))!important;
  max-height:min(var(--ircp-emoji-pop-height,330px),calc(100% - 82px))!important;
  min-height:180px!important;
  gap:0!important;
  overflow:hidden!important;
}
.ircp-wrap .ircp-emoji-tabs,
.ircp-wrap .ircp-emoji-category-tab{display:none!important;}
.ircp-wrap .ircp-emoji-grid.ircp-emoji-grid-all{
  display:grid!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  align-content:start!important;
  justify-content:start!important;
  padding:2px!important;
}
@media(max-width:700px){
  .ircp-wrap .ircp-pop[data-ircp-emoji-pop]:not([hidden]){
    height:min(var(--ircp-emoji-pop-height,330px),58vh)!important;
    max-height:58vh!important;
    min-height:180px!important;
  }
}

/* V1.0 larger, full-width animated emoji grid.
   The grid uses equal flexible columns so the artwork fills the popup width
   cleanly instead of collecting at the left with unused space. */
.ircp-wrap .ircp-pop[data-ircp-emoji-pop]{
  --ircp-emoji-responsive-tile:clamp(48px,calc(var(--ircp-emoji-item-size,36px) + 12px),67px);
  --ircp-emoji-responsive-art:min(52px,calc(var(--ircp-emoji-responsive-tile) - 12px));
}
.ircp-wrap .ircp-emoji-grid.ircp-emoji-grid-all{
  grid-template-columns:repeat(auto-fit,minmax(var(--ircp-emoji-responsive-tile),1fr))!important;
  grid-auto-rows:var(--ircp-emoji-responsive-tile)!important;
  column-gap:clamp(3px,var(--ircp-emoji-gap,6px),8px)!important;
  row-gap:clamp(4px,var(--ircp-emoji-gap,6px),9px)!important;
  align-items:center!important;
  justify-items:stretch!important;
  justify-content:stretch!important;
  padding:5px 7px 7px!important;
}
.ircp-wrap .ircp-pop[data-ircp-emoji-pop] .ircp-emoji.ircp-animated-emoji-choice{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:var(--ircp-emoji-responsive-tile)!important;
  min-height:var(--ircp-emoji-responsive-tile)!important;
  max-height:var(--ircp-emoji-responsive-tile)!important;
  padding:3px!important;
  margin:0!important;
}
.ircp-wrap .ircp-pop[data-ircp-emoji-pop] .ircp-picker-animated-emoji{
  width:var(--ircp-emoji-responsive-art)!important;
  height:var(--ircp-emoji-responsive-art)!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
  padding:0!important;
}
.ircp-wrap .ircp-pop[data-ircp-emoji-pop] .ircp-picker-animated-emoji .ircp-animated-emoji-img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
}
@media(max-width:700px){
  .ircp-wrap .ircp-pop[data-ircp-emoji-pop]{
    --ircp-emoji-responsive-tile:clamp(45px,calc(var(--ircp-emoji-item-size,36px) + 9px),58px);
    --ircp-emoji-responsive-art:min(47px,calc(var(--ircp-emoji-responsive-tile) - 11px));
  }
  .ircp-wrap .ircp-emoji-grid.ircp-emoji-grid-all{padding:4px 5px 6px!important;}
}
@media(max-width:360px){
  .ircp-wrap .ircp-pop[data-ircp-emoji-pop]{
    --ircp-emoji-responsive-tile:clamp(42px,calc(var(--ircp-emoji-item-size,36px) + 6px),52px);
    --ircp-emoji-responsive-art:min(42px,calc(var(--ircp-emoji-responsive-tile) - 10px));
  }
  .ircp-wrap .ircp-emoji-grid.ircp-emoji-grid-all{column-gap:3px!important;row-gap:4px!important;padding:3px 4px 5px!important;}
}



/* V1.0 active profile identity fix.
   A member/admin-selected username colour must win over every skin's default name
   colour in both message rows and the online user list. */
.ircp-wrap .ircp-name[data-ircp-member-colour="1"],
.ircp-wrap .ircp-user-name[data-ircp-member-colour="1"],
.ircp-wrap .ircp-user-name[data-ircp-member-colour="1"] .ircp-user-display-name,
.ircp-wrap .ircp-user-display-name[data-ircp-member-colour="1"]{
  color:var(--ircp-member-name-colour)!important;
  -webkit-text-fill-color:var(--ircp-member-name-colour)!important;
}

/* V1.0 timestamp sizing: keep message times slightly smaller than usernames on every skin. */
.ircp-wrap .ircp-time{font-size:clamp(12px,.72em,15px)!important;line-height:1.15!important;}


/* V1.0 compact message action icons: edit sits directly beside delete on the right. */
.ircp-wrap .ircp-msg-actions{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  z-index:5!important;
}
.ircp-wrap .ircp-msg-actions .ircp-del,
.ircp-wrap .ircp-msg-actions .ircp-edit{
  position:static!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:var(--ircp-delete-button-size,30px)!important;
  min-width:var(--ircp-delete-button-size,30px)!important;
  max-width:var(--ircp-delete-button-size,30px)!important;
  height:var(--ircp-delete-button-size,30px)!important;
  min-height:var(--ircp-delete-button-size,30px)!important;
  max-height:var(--ircp-delete-button-size,30px)!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  line-height:1!important;
}
.ircp-wrap .ircp-msg-actions .ircp-edit{font-size:0!important;}
.ircp-wrap .ircp-msg-actions .ircp-edit svg{
  display:block!important;
  width:13px!important;
  height:13px!important;
  pointer-events:none!important;
}
.ircp-wrap .ircp-msg.ircp-has-edit-action{
  padding-right:calc(var(--ircp-message-padding-x,18px) + var(--ircp-delete-button-size,30px) + 48px)!important;
}
@media(max-width:700px){
  .ircp-wrap .ircp-msg-actions{right:9px!important;gap:5px!important;}
  .ircp-wrap .ircp-msg-actions .ircp-del,
  .ircp-wrap .ircp-msg-actions .ircp-edit{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
  }
  .ircp-wrap .ircp-msg-actions .ircp-edit svg{width:12px!important;height:12px!important;}
  .ircp-wrap .ircp-msg.ircp-has-edit-action{
    padding-right:calc(var(--ircp-delete-button-size,30px) + 48px)!important;
  }
}

/* ========================================================================== 
   V1.0 DEVICE-GATED ONLINE USERS LAYOUT
   Desktop is authoritative by default. The slide-out is activated only after
   JavaScript positively identifies a phone/tablet or Elementor device preview.
   This deliberately overrides earlier width-only media queries.
   ========================================================================== */
.ircp-wrap .ircp-mobile-users-fab{display:none!important;}

/* DESKTOP: preserve the original permanent right-hand online-users column at
   every desktop viewport width, including browser zoom / Windows scaling. */
.ircp-wrap:not(.ircp-mobile-tablet-device) .ircp-app:not([hidden])>.ircp-main,
.ircp-wrap.ircp-desktop-device .ircp-app:not([hidden])>.ircp-main{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  position:relative!important;
  overflow:hidden!important;
}
.ircp-wrap:not(.ircp-mobile-tablet-device) .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane,
.ircp-wrap.ircp-desktop-device .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane{
  position:relative!important;
  inset:auto!important;
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  max-height:100%!important;
  display:flex!important;
  border-right:1px solid rgba(0,191,232,.72)!important;
  transform:none!important;
  z-index:1!important;
  pointer-events:auto!important;
}
.ircp-wrap:not(.ircp-mobile-tablet-device).ircp-no-users .ircp-chat-lane,
.ircp-wrap.ircp-desktop-device.ircp-no-users .ircp-chat-lane,
.ircp-wrap:not(.ircp-mobile-tablet-device).ircp-desktop-users-hidden .ircp-chat-lane,
.ircp-wrap.ircp-desktop-device.ircp-desktop-users-hidden .ircp-chat-lane{
  border-right:0!important;
}
.ircp-wrap:not(.ircp-mobile-tablet-device) .ircp-app:not([hidden])>.ircp-main>.ircp-users,
.ircp-wrap.ircp-desktop-device .ircp-app:not([hidden])>.ircp-main>.ircp-users{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  flex:0 0 var(--ircp-userlist-width,370px)!important;
  width:var(--ircp-userlist-width,370px)!important;
  max-width:var(--ircp-userlist-width,370px)!important;
  min-width:0!important;
  height:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:calc(18px + var(--ircp-users-panel-top-offset,0px)) 20px calc(12px + var(--ircp-users-panel-bottom-gap,0px)) 18px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  transform:none!important;
  transition:none!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:2!important;
  border-left:0!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
.ircp-wrap:not(.ircp-mobile-tablet-device).ircp-desktop-users-hidden .ircp-app:not([hidden])>.ircp-main>.ircp-users,
.ircp-wrap.ircp-desktop-device.ircp-desktop-users-hidden .ircp-app:not([hidden])>.ircp-main>.ircp-users,
.ircp-wrap:not(.ircp-mobile-tablet-device).ircp-no-users .ircp-app:not([hidden])>.ircp-main>.ircp-users,
.ircp-wrap.ircp-desktop-device.ircp-no-users .ircp-app:not([hidden])>.ircp-main>.ircp-users{
  display:none!important;
}
.ircp-wrap:not(.ircp-mobile-tablet-device) .ircp-users-close,
.ircp-wrap.ircp-desktop-device .ircp-users-close,
.ircp-wrap:not(.ircp-mobile-tablet-device) .ircp-users-backdrop,
.ircp-wrap.ircp-desktop-device .ircp-users-backdrop,
.ircp-wrap:not(.ircp-mobile-tablet-device) .ircp-mobile-users-fab,
.ircp-wrap.ircp-desktop-device .ircp-mobile-users-fab{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.ircp-wrap:not(.ircp-mobile-tablet-device) .ircp-users-toggle-inline,
.ircp-wrap.ircp-desktop-device .ircp-users-toggle-inline{
  display:inline-flex!important;
}

/* PHONE/TABLET: hidden by default, then slides over the chat. These selectors
   are class-gated rather than width-gated, so they never affect desktop. */
.ircp-wrap.ircp-mobile-tablet-device .ircp-app:not([hidden])>.ircp-main{
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
}
.ircp-wrap.ircp-mobile-tablet-device .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  border-right:0!important;
  z-index:1!important;
  pointer-events:auto!important;
}
.ircp-wrap.ircp-mobile-tablet-device .ircp-tools-menu [data-ircp-users-toggle],
.ircp-wrap.ircp-mobile-tablet-device .ircp-users-toggle-inline{
  display:none!important;
}
.ircp-wrap.ircp-mobile-tablet-device .ircp-mobile-users-fab{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,34,112,.76)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(143,0,57,.96),rgba(56,0,25,.98))!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 8px 24px rgba(0,0,0,.38),0 0 16px rgba(255,0,100,.18)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:100!important;
}
.ircp-wrap.ircp-mobile-tablet-device .ircp-mobile-users-fab.is-open{
  background:linear-gradient(180deg,rgba(166,0,61,.98),rgba(66,0,26,.99))!important;
}
.ircp-wrap.ircp-mobile-tablet-device .ircp-app:not([hidden])>.ircp-main>.ircp-users{
  display:block!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  flex:none!important;
  width:min(var(--ircp-mobile-userlist-panel-width,88vw),var(--ircp-mobile-userlist-panel-max-width,360px))!important;
  max-width:min(var(--ircp-mobile-userlist-panel-width,88vw),var(--ircp-mobile-userlist-panel-max-width,360px))!important;
  min-width:260px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:66px 14px 14px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  transform:translate3d(calc(100% + 24px),0,0)!important;
  transition:transform .24s ease,opacity .18s ease,visibility 0s linear .24s!important;
  opacity:0!important;
  visibility:hidden!important;
  border-left:1px solid rgba(255,31,105,.72)!important;
  background:linear-gradient(180deg,rgba(22,0,13,.985),rgba(3,0,8,.995))!important;
  box-shadow:-16px 0 34px rgba(0,0,0,.62)!important;
  z-index:90!important;
  pointer-events:none!important;
}
.ircp-wrap.ircp-mobile-tablet-device.ircp-users-open .ircp-app:not([hidden])>.ircp-main>.ircp-users{
  transform:translate3d(0,0,0)!important;
  opacity:1!important;
  visibility:visible!important;
  transition:transform .24s ease,opacity .18s ease,visibility 0s!important;
  pointer-events:auto!important;
}
.ircp-wrap.ircp-mobile-tablet-device .ircp-users-close{
  display:none!important;
}
.ircp-wrap.ircp-mobile-tablet-device .ircp-app:not([hidden])>.ircp-main>.ircp-users-backdrop{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(0,0,0,.16)!important;
  box-shadow:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:85!important;
}
.ircp-wrap.ircp-mobile-tablet-device.ircp-users-open .ircp-app:not([hidden])>.ircp-main>.ircp-users-backdrop{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
@media(max-width:520px){
  .ircp-wrap.ircp-mobile-tablet-device .ircp-mobile-users-fab{
    top:8px!important;
    right:8px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:12px!important;
    font-size:19px!important;
  }
  .ircp-wrap.ircp-mobile-tablet-device .ircp-app:not([hidden])>.ircp-main>.ircp-users{
    width:min(var(--ircp-mobile-userlist-panel-width,92vw),340px)!important;
    max-width:min(var(--ircp-mobile-userlist-panel-width,92vw),340px)!important;
    min-width:240px!important;
    padding:60px 10px 10px!important;
  }
}


/* ========================================================================== 
   V1.0 ACTIVE-SKIN DIVIDER AND SCROLLBAR COLOUR FIX
   Keep the pane divider and native scrollbars matched to the selected skin.
   This final layer overrides the old screenshot cyan without changing layout.
   ========================================================================== */
.ircp-wrap .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane{
  border-right-color:var(--ircp-accent,#ff2f45)!important;
}
.ircp-wrap.ircp-mobile-tablet-device .ircp-app:not([hidden])>.ircp-main>.ircp-users{
  border-left-color:var(--ircp-accent,#ff2f45)!important;
}
.ircp-wrap .ircp-messages,
.ircp-wrap .ircp-users{
  scrollbar-color:var(--ircp-accent,#ff2f45) rgba(0,0,0,.38)!important;
}
.ircp-wrap .ircp-messages::-webkit-scrollbar-thumb,
.ircp-wrap .ircp-users::-webkit-scrollbar-thumb{
  background:var(--ircp-accent,#ff2f45)!important;
  border-radius:999px!important;
}

/* Exact-specificity safety override for the permanent desktop split and the
   message scroller, whose earlier structural selectors are intentionally strong. */
.ircp-wrap:not(.ircp-mobile-tablet-device) .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane,
.ircp-wrap.ircp-desktop-device .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane{
  border-right-color:var(--ircp-accent,#ff2f45)!important;
}
.ircp-wrap .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages{
  scrollbar-color:var(--ircp-accent,#ff2f45) rgba(0,0,0,.38)!important;
}
.ircp-wrap .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages::-webkit-scrollbar-thumb{
  background:var(--ircp-accent,#ff2f45)!important;
}

/* ========================================================================== 
   V1.0 ONLINE USERLIST BACKGROUND OPACITY SYNC
   The whole-panel background image and its saved strength must be identical
   behind the chat lane and the permanent/slide-out online-users panel.
   These deliberately high-specificity rules also beat stale inline CSS left by
   page caches from older builds, which added an extra dark users gradient.
   ========================================================================== */
html body .ircp-wrap.ircp-bg-whole .ircp-app:not([hidden])>.ircp-main,
html body .ircp-wrap.ircp-bg-whole .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane,
html body .ircp-wrap.ircp-bg-whole .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat,
html body .ircp-wrap.ircp-bg-whole .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages,
html body .ircp-wrap.ircp-bg-whole .ircp-app:not([hidden])>.ircp-main>.ircp-users{
  background-color:transparent!important;
  background-image:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body .ircp-wrap.ircp-bg-whole .ircp-app:not([hidden])>.ircp-main>.ircp-users::before,
html body .ircp-wrap.ircp-bg-whole .ircp-app:not([hidden])>.ircp-main>.ircp-users::after{
  display:none!important;
  content:none!important;
  background:none!important;
  opacity:0!important;
}

/* ==========================================================================
   V1.0 DESKTOP DOUBLE-LINE CLEANUP
   The apparent second divider was the chat message scrollbar sitting directly
   beside the permanent users-pane divider. Keep mouse-wheel/trackpad scrolling
   fully working, but hide only that desktop scrollbar so one clean divider
   remains. The online-users scrollbar is not changed.
   ========================================================================== */
.ircp-wrap:not(.ircp-mobile-tablet-device) .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages,
.ircp-wrap.ircp-desktop-device .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.ircp-wrap:not(.ircp-mobile-tablet-device) .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages::-webkit-scrollbar,
.ircp-wrap.ircp-desktop-device .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane>.ircp-chat>.ircp-messages::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

/* ========================================================================== 
   V1.0 COMPACT EDITED LABEL - HARD OVERRIDE
   Keep the edited marker genuinely small even when a skin uses large custom
   typography or a page cache serves older generated skin CSS.
   ========================================================================== */
html body .ircp-wrap .ircp-msg .ircp-msg-content .ircp-msg-head > .ircp-edited{
  display:inline-block!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 0 4px!important;
  padding:0!important;
  position:relative!important;
  top:-1px!important;
  transform:none!important;
  font-family:inherit!important;
  font-size:10px!important;
  line-height:10px!important;
  font-weight:500!important;
  font-style:italic!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  color:rgba(185,193,210,.68)!important;
  -webkit-text-fill-color:rgba(185,193,210,.68)!important;
  text-shadow:none!important;
  opacity:.82!important;
}

/* ==========================================================================
   V1.0 MESSAGE HEADER / BODY SPACING
   Keep the username/timestamp row clearly separated from the message text.
   This is intentionally small so cards stay compact on desktop, tablet and mobile.
   ========================================================================== */
html body .ircp-wrap .ircp-msg .ircp-msg-content > .ircp-msg-head + .ircp-text{
  margin-top:5px!important;
}
@media(max-width:700px){
  html body .ircp-wrap .ircp-msg .ircp-msg-content > .ircp-msg-head + .ircp-text{
    margin-top:4px!important;
  }
}



/* ========================================================================== 
   V1.0 MOBILE USERLIST CLOSED-ON-LOAD SAFETY FIX
   Use the rendered width as a CSS fallback as well as the JavaScript device
   class. This prevents the desktop online-users column from showing over a
   mobile-sized chat before JavaScript finishes, including responsive previews.
   ========================================================================== */
@media(max-width:820px){
  html body .ircp-wrap .ircp-app:not([hidden])>.ircp-main{
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
  }
  html body .ircp-wrap .ircp-app:not([hidden])>.ircp-main>.ircp-chat-lane{
    position:absolute!important;
    inset:0!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    border-right:0!important;
    z-index:1!important;
  }
  html body .ircp-wrap .ircp-tools-menu [data-ircp-users-toggle],
  html body .ircp-wrap .ircp-users-toggle-inline{
    display:none!important;
  }
  html body .ircp-wrap .ircp-mobile-users-fab{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body .ircp-wrap .ircp-app:not([hidden])>.ircp-main>.ircp-users{
    display:block!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    flex:none!important;
    width:min(var(--ircp-mobile-userlist-panel-width,92vw),340px)!important;
    max-width:min(var(--ircp-mobile-userlist-panel-width,92vw),340px)!important;
    min-width:min(240px,92vw)!important;
    height:auto!important;
    max-height:none!important;
    padding:60px 10px 10px!important;
    transform:translate3d(calc(100% + 24px),0,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .24s ease,opacity .18s ease,visibility 0s linear .24s!important;
    z-index:90!important;
  }
  html body .ircp-wrap.ircp-users-open .ircp-app:not([hidden])>.ircp-main>.ircp-users{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .24s ease,opacity .18s ease,visibility 0s!important;
  }
  html body .ircp-wrap .ircp-users-close{
    display:none!important;
  }
  html body .ircp-wrap .ircp-app:not([hidden])>.ircp-main>.ircp-users-backdrop{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:85!important;
  }
  html body .ircp-wrap.ircp-users-open .ircp-app:not([hidden])>.ircp-main>.ircp-users-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

/* ========================================================================== 
   V1.0 SAFE COMPACT MOBILE LOGIN
   Presentation-only rules for phone-sized screens. No login fields, hidden
   states, data attributes, JavaScript hooks or chatroom functionality change.
   ========================================================================== */
@media (max-width:600px){
  html body .ircp-wrap .ircp-login{
    padding:4px!important;
  }
  html body .ircp-wrap .ircp-login-card{
    width:calc(100% - 4px)!important;
    max-width:calc(100% - 4px)!important;
    max-height:calc(100% - 4px)!important;
    margin:auto!important;
    padding:8px 10px 9px!important;
    border-radius:13px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  html body .ircp-wrap .ircp-login-card .ircp-brand{
    font-size:14px!important;
    line-height:1.05!important;
    margin:0 0 2px!important;
  }
  html body .ircp-wrap .ircp-login-card h3{
    font-size:17px!important;
    line-height:1.1!important;
    margin:1px 0 2px!important;
  }
  html body .ircp-wrap .ircp-login-card>p{
    font-size:12px!important;
    line-height:1.2!important;
    margin:0 0 4px!important;
  }
  html body .ircp-wrap .ircp-login-intro{
    display:none!important;
  }
  html body .ircp-wrap .ircp-login-tabs{
    grid-template-columns:repeat(auto-fit,minmax(82px,1fr))!important;
    gap:4px!important;
    margin:4px 0 6px!important;
  }
  html body .ircp-wrap .ircp-login-tabs button{
    min-height:34px!important;
    height:34px!important;
    padding:4px 5px!important;
    gap:0!important;
    border-radius:10px!important;
  }
  html body .ircp-wrap .ircp-login-tabs button strong{
    font-size:11.5px!important;
    line-height:1.05!important;
    white-space:normal!important;
    text-overflow:clip!important;
  }
  html body .ircp-wrap .ircp-login-tabs button span{
    display:none!important;
  }
  html body .ircp-wrap .ircp-login-mode-panel{
    margin:0 0 4px!important;
  }
  html body .ircp-wrap .ircp-mode-copy{
    margin:2px 0 4px!important;
    gap:0!important;
  }
  html body .ircp-wrap .ircp-mode-copy b{
    font-size:13px!important;
    line-height:1.1!important;
  }
  html body .ircp-wrap .ircp-mode-copy span{
    display:none!important;
  }
  html body .ircp-wrap .ircp-field,
  html body .ircp-wrap .ircp-avatar-choice,
  html body .ircp-wrap .ircp-avatar-upload,
  html body .ircp-wrap .ircp-name-colour-panel label{
    grid-template-columns:minmax(78px,92px) minmax(0,1fr)!important;
    gap:5px 7px!important;
    align-items:center!important;
    margin:4px 0!important;
  }
  html body .ircp-wrap .ircp-field>span,
  html body .ircp-wrap .ircp-avatar-choice>span,
  html body .ircp-wrap .ircp-avatar-upload>span:first-child,
  html body .ircp-wrap .ircp-name-colour-panel label>span{
    font-size:12px!important;
    line-height:1.12!important;
  }
  html body .ircp-wrap .ircp-login-card input,
  html body .ircp-wrap .ircp-login-card select{
    height:34px!important;
    min-height:34px!important;
    padding:6px 8px!important;
    font-size:13px!important;
    border-radius:9px!important;
  }
  html body .ircp-wrap .ircp-login-card input[type="color"]{
    height:30px!important;
    min-height:30px!important;
    padding:2px!important;
  }
  html body .ircp-wrap .ircp-login-card .ircp-submit-btn{
    width:100%!important;
    min-height:34px!important;
    padding:6px 10px!important;
    margin:4px 0 1px!important;
    font-size:13px!important;
    border-radius:10px!important;
  }
  html body .ircp-wrap .ircp-avatar-panel,
  html body .ircp-wrap .ircp-name-colour-panel{
    margin:4px 0 0!important;
  }
  html body .ircp-wrap .ircp-avatar-upload-control{
    min-height:34px!important;
    padding:3px 5px!important;
    gap:6px!important;
    border-radius:9px!important;
  }
  html body .ircp-wrap .ircp-avatar-file-button{
    min-height:26px!important;
    padding:4px 7px!important;
    font-size:11px!important;
    border-radius:8px!important;
  }
  html body .ircp-wrap .ircp-avatar-file-name{
    font-size:11px!important;
  }
  html body .ircp-wrap .ircp-avatar-help,
  html body .ircp-wrap .ircp-login-note,
  html body .ircp-wrap .ircp-name-colour-panel em{
    display:none!important;
  }
  html body .ircp-wrap .ircp-error{
    min-height:15px!important;
    margin:3px 0 0!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
}

/* Compact phone landscape without changing tablet portrait layouts. */
@media (min-width:601px) and (max-width:900px) and (max-height:500px){
  html body .ircp-wrap .ircp-login{
    align-items:flex-start!important;
    padding:3px!important;
  }
  html body .ircp-wrap .ircp-login-card{
    max-height:calc(100dvh - 8px)!important;
    margin:1px auto!important;
    padding:7px 12px!important;
  }
  html body .ircp-wrap .ircp-login-intro,
  html body .ircp-wrap .ircp-login-tabs button span,
  html body .ircp-wrap .ircp-mode-copy span,
  html body .ircp-wrap .ircp-avatar-help,
  html body .ircp-wrap .ircp-login-note,
  html body .ircp-wrap .ircp-name-colour-panel em{
    display:none!important;
  }
  html body .ircp-wrap .ircp-login-tabs{
    grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;
    gap:5px!important;
    margin:4px 0 5px!important;
  }
  html body .ircp-wrap .ircp-login-tabs button{
    min-height:32px!important;
    height:32px!important;
    padding:3px 7px!important;
  }
  html body .ircp-wrap .ircp-field,
  html body .ircp-wrap .ircp-avatar-choice,
  html body .ircp-wrap .ircp-avatar-upload,
  html body .ircp-wrap .ircp-name-colour-panel label{
    grid-template-columns:minmax(120px,150px) minmax(0,1fr)!important;
    margin:3px 0!important;
  }
  html body .ircp-wrap .ircp-login-card input,
  html body .ircp-wrap .ircp-login-card select{
    height:32px!important;
    min-height:32px!important;
  }
}


/* ==========================================================================
   V1.0.1 FIREFOX / PRO RADIO OFF-CANVAS ISOLATION
   Keep all chat rendering, stacking and scroll behaviour inside the plugin root.
   No visual values are changed.
   ========================================================================== */
.ircp-wrap{
  isolation:isolate!important;
  overscroll-behavior:contain!important;
  overflow-anchor:none;
}
.ircp-wrap .ircp-messages{
  overscroll-behavior:contain!important;
}