:root{--nrc-blue:#7297A6;--nrc-yellow:#F2C572;--nrc-orange:#F28D52;--nrc-brown:#593723;--nrc-coral:#F2784B;--nrc-cream:#fffaf3}
.nrc-root{font-family:"Manrope",Arial,Helvetica,sans-serif}.nrc-fab{position:fixed;right:24px;bottom:24px;z-index:99998;width:58px;height:58px;padding:0;border:2px solid #593723;border-radius:10px;background:#F2784B;color:#593723;display:grid;place-items:center;font-size:0;box-shadow:0 10px 30px #59372355;cursor:pointer}.nrc-fab.is-hidden{display:none}
.nrc-panel{position:fixed;right:24px;bottom:24px;width:370px;height:610px;z-index:99999;background:var(--nrc-cream);border:1px solid #59372333;border-radius:18px;box-shadow:0 22px 70px #59372345;display:flex;flex-direction:column;overflow:hidden;transform:translateX(calc(100% + 40px));opacity:0;pointer-events:none;transition:.28s}.nrc-panel.is-open{transform:translateX(0);opacity:1;pointer-events:auto}
.nrc-head{background:var(--nrc-brown);color:#fff;padding:18px;display:flex;justify-content:space-between}.nrc-title{font-size:21px;font-weight:800}.nrc-subtitle{font-size:12px;margin-top:5px;opacity:.85}.nrc-close{background:none;border:0;color:#fff;font-size:29px;cursor:pointer}.nrc-login{display:flex;gap:7px;padding:12px;background:#fff;border-bottom:1px solid #59372320}.nrc-login input{min-width:0;flex:1;border:1px solid #ddd;border-radius:9px;padding:11px}.nrc-login button{border:0;border-radius:9px;background:var(--nrc-coral);color:#fff;padding:0 12px;font-weight:700;cursor:pointer}.nrc-login #nrc-settings{background:var(--nrc-brown)}.nrc-status{min-height:0;padding:0 14px;background:#fff;font-size:11px;color:#b33}.nrc-status.ok{color:#27864b;padding:6px 14px}.nrc-status.err{color:#b33;padding:6px 14px}
.nrc-themes{padding:10px 14px;background:#fff;font-size:11px;color:var(--nrc-brown)}.nrc-swatches{display:flex;gap:10px;margin-top:8px}.nrc-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer}.nrc-swatch.selected{outline:2px solid #59372355;outline-offset:2px}.nrc-swatch.blue{background:#7297A6}.nrc-swatch.yellow{background:#F2C572}.nrc-swatch.orange{background:#F28D52}.nrc-swatch.brown{background:#593723}.nrc-swatch.coral{background:#F2784B}
.nrc-messages{flex:1;overflow:auto;padding:14px;background:linear-gradient(#fffaf3,#fff)}.nrc-welcome{padding:20px;text-align:center;color:var(--nrc-brown);display:flex;flex-direction:column;gap:6px}.nrc-msg{display:flex;gap:9px;margin-bottom:12px}.nrc-avatar{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800}.nrc-avatar.blue{background:#7297A6}.nrc-avatar.yellow{background:#F2C572}.nrc-avatar.orange{background:#F28D52}.nrc-avatar.brown{background:#593723}.nrc-avatar.coral{background:#F2784B}.nrc-bubble{min-width:0}.nrc-bubble strong{font-size:13px}.nrc-bubble time{font-size:10px;color:#999;margin-left:5px}.nrc-bubble p{margin:3px 0 0;font-size:13px;line-height:1.35;word-break:break-word}.nrc-name.blue{color:#557c8c}.nrc-name.yellow{color:#593723}.nrc-name.orange{color:#d76730}.nrc-name.brown{color:#593723}.nrc-name.coral{color:#e15e36}
.nrc-form{display:flex;gap:7px;padding:11px;background:#fff;border-top:1px solid #59372320}.nrc-form input{flex:1;min-width:0;border:1px solid #ddd;border-radius:10px;padding:12px}.nrc-emoji{border:0;background:#f3eee7;border-radius:10px;width:42px;color:#593723}.nrc-send{border:0;background:var(--nrc-coral);color:#fff;border-radius:10px;width:48px;font-size:20px;cursor:pointer}.nrc-foot{display:flex;justify-content:space-between;padding:8px 14px;background:var(--nrc-brown);color:#fff;font-size:11px}.nrc-foot i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#45c96b;margin-right:5px}

/* v1.2.11 - desktop chat launcher is a square palette button with cloud only */
.nrc-root .nrc-fab{width:58px !important;height:58px !important;padding:0 !important;border-radius:10px !important;background:#593723 !important;color:#F2C572 !important;border:2px solid #F2C572 !important;display:grid !important;place-items:center !important;font-size:0 !important;line-height:0 !important;}
.nrc-root .nrc-fab span{display:grid;place-items:center;width:100%;height:100%;font-size:0;line-height:0;}
.nrc-root .nrc-fab span svg{width:30px;height:30px;display:block;}
.nrc-root .nrc-fab:hover{background:#F2C572 !important;color:#593723 !important;}
@media(max-width:600px){.nrc-root .nrc-fab{width:54px !important;height:54px !important;border-radius:10px !important;}}
@media(max-width:600px){.nrc-panel{right:0;bottom:0;width:100%;height:100dvh;border-radius:0}.nrc-fab b{display:none}}

/* v1.0.2: keep nickname visible after login */
.nrc-login input.connected{background:#f7f4ef;color:#593723;font-weight:700;border-color:#7297A6}
.nrc-login #nrc-join.connected{background:#7297A6;cursor:default;white-space:nowrap}

/* v1.0.3 - online users + logout */
.nrc-login #nrc-join.disconnect{background:#593723}
.nrc-chat-area{display:flex;flex:1;min-height:0}
.nrc-chat-area .nrc-messages{min-width:0}
.nrc-users{width:118px;flex:0 0 118px;background:#f3eee7;border-left:1px solid #59372320;padding:10px 8px;overflow:auto}
.nrc-users-title{font-size:11px;font-weight:800;color:#593723;margin-bottom:10px;display:flex;justify-content:space-between;gap:4px}
.nrc-users-title b{background:#F2784B;color:#fff;border-radius:10px;padding:1px 6px}
.nrc-user{display:flex;align-items:center;gap:6px;margin-bottom:9px;font-size:10px;color:#593723;word-break:break-word}
.nrc-user-avatar{width:25px;height:25px;min-width:25px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:10px}
.nrc-user-avatar.blue{background:#7297A6}.nrc-user-avatar.yellow{background:#F2C572}.nrc-user-avatar.orange{background:#F28D52}.nrc-user-avatar.brown{background:#593723}.nrc-user-avatar.coral{background:#F2784B}
.nrc-no-users{font-size:10px;color:#999}
@media(max-width:600px){.nrc-users{width:105px;flex-basis:105px}}

/* v1.0.8 emoji picker */
.nrc-form{position:relative}
.nrc-emoji-panel{position:absolute;left:10px;bottom:58px;width:245px;max-width:calc(100% - 20px);box-sizing:border-box;padding:9px;background:#fff;border:1px solid #59372322;border-radius:12px;box-shadow:0 12px 35px #0002;display:none;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;z-index:50;overflow:hidden}
.nrc-emoji-panel.is-open{display:grid}
.nrc-emoji-panel button{border:0;background:transparent;border-radius:7px;width:100%;height:27px;min-width:0;font-size:18px;line-height:27px;cursor:pointer;padding:0;display:grid;place-items:center;box-sizing:border-box}
.nrc-emoji-panel button:hover{background:#f3eee7}

/* v1.1.0 live color selection */
.nrc-login input.theme-blue{color:#557c8c;border-color:#7297A6}
.nrc-login input.theme-yellow{color:#593723;border-color:#F2C572}
.nrc-login input.theme-orange{color:#d76730;border-color:#F28D52}
.nrc-login input.theme-brown{color:#593723;border-color:#593723}
.nrc-login input.theme-coral{color:#e15e36;border-color:#F2784B}
.nrc-login #nrc-join.theme-blue{background:#7297A6}
.nrc-login #nrc-join.theme-yellow{background:#F2C572}
.nrc-login #nrc-join.theme-orange{background:#F28D52}
.nrc-login #nrc-join.theme-brown{background:#593723}
.nrc-login #nrc-join.theme-coral{background:#F2784B}
.nrc-swatch{position:relative}
.nrc-swatch.selected:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800;text-shadow:0 1px 2px #0008}

/* v1.1.1 desktop expand button */
.nrc-head-actions{display:flex;align-items:center;gap:6px}.nrc-expand,.nrc-close{box-sizing:border-box;width:36px;height:36px;min-width:36px;padding:0;display:grid;place-items:center;border-radius:8px;cursor:pointer}.nrc-expand{background:none;border:0;color:#fff;font-size:20px;line-height:1}.nrc-close{background:none;border:0;color:#fff;font-size:29px;line-height:1}.nrc-expand:hover{background:#ffffff1c}.nrc-panel.nrc-expanded{width:min(920px,calc(100vw - 48px));height:min(780px,calc(100vh - 48px));right:24px;bottom:24px}.nrc-panel.nrc-expanded .nrc-users{width:190px;flex-basis:190px}.nrc-panel.nrc-expanded .nrc-user{font-size:12px}.nrc-panel.nrc-expanded .nrc-user-avatar{width:30px;height:30px;min-width:30px;font-size:11px}
@media(max-width:600px){.nrc-panel.nrc-expanded{right:0;bottom:0;width:100%;height:100dvh;border-radius:0}.nrc-panel.nrc-expanded .nrc-users{width:105px;flex-basis:105px}}

/* v1.2.1 Narration Radio palette lock */
.nrc-root .nrc-fab, .nrc-root .nrc-fab:hover, .nrc-root .nrc-fab:focus, .nrc-root .nrc-fab:active { background:#593723 !important; color:#F2C572 !important; border:2px solid #F2C572 !important; outline:none !important; box-shadow:0 10px 30px #59372355 !important; }
.nrc-root .nrc-panel, .nrc-root .nrc-panel * { --nrc-blue:#7297A6; --nrc-yellow:#F2C572; --nrc-orange:#F28D52; --nrc-brown:#593723; --nrc-coral:#F2784B; }
.nrc-root .nrc-send, .nrc-root .nrc-send:hover, .nrc-root .nrc-send:focus { background:#F28D52 !important; color:#593723 !important; border:1px solid #593723 !important; }
.nrc-root .nrc-emoji, .nrc-root .nrc-emoji:hover, .nrc-root .nrc-emoji:focus { background:#F2C572 !important; color:#593723 !important; border:1px solid #593723 !important; }
.nrc-root .nrc-login #nrc-settings, .nrc-root .nrc-login #nrc-settings:hover, .nrc-root .nrc-login #nrc-settings:focus { background:#593723 !important; color:#F2C572 !important; border:1px solid #593723 !important; }
.nrc-root .nrc-expand, .nrc-root .nrc-close { color:#F2C572 !important; }
.nrc-root .nrc-expand:hover, .nrc-root .nrc-close:hover, .nrc-root .nrc-expand:focus, .nrc-root .nrc-close:focus { background:#F28D52 !important; color:#593723 !important; outline:none !important; }
.nrc-root .nrc-emoji-panel button:hover, .nrc-root .nrc-emoji-panel button:focus { background:#F2C572 !important; color:#593723 !important; outline:none !important; }

/* v1.2.8 - circular online users count */
.nrc-users-title b{width:22px;height:22px;min-width:22px;padding:0 !important;border-radius:50% !important;display:grid;place-items:center;box-sizing:border-box;line-height:1;font-size:11px;}

/* v1.2.9 - unified Narration Radio palette */
.nrc-root .nrc-login{background:#fff;border-bottom-color:#7297A655}
.nrc-root .nrc-login input{border-color:#7297A6;color:#593723}
.nrc-root .nrc-login #nrc-join{background:#7297A6;color:#fff;border:1px solid #7297A6}
.nrc-root .nrc-login #nrc-join.disconnect{background:#593723;color:#F2C572;border-color:#593723}
.nrc-root .nrc-users{background:#F2C57233;border-left-color:#F2C57299}
.nrc-root .nrc-users-title{color:#593723}
.nrc-root .nrc-users-title b{background:#F2784B !important;color:#fff}
.nrc-root .nrc-user{color:#593723}
.nrc-root .nrc-status.ok{color:#593723}
.nrc-root .nrc-form{border-top-color:#7297A655}
.nrc-root .nrc-form input{border-color:#7297A6;color:#593723}
.nrc-root .nrc-emoji{background:#F2C572 !important;color:#593723 !important;border-color:#593723 !important}
.nrc-root .nrc-send{background:#F28D52 !important;color:#593723 !important;border-color:#593723 !important}
.nrc-root .nrc-foot{background:#593723;color:#F2C572}
.nrc-root .nrc-head{background:#593723;color:#fff}

/* v1.2.10 - desktop expand override: allow expanded chat to override saved normal dimensions */
@media(min-width:601px){
  #nrc-root .nrc-panel.nrc-expanded{
    width:min(920px,calc(100vw - 48px)) !important;
    height:min(780px,calc(100vh - 48px)) !important;
    right:24px !important;
    bottom:24px !important;
    max-width:calc(100vw - 48px) !important;
    max-height:calc(100vh - 48px) !important;
  }
}
@media(max-width:600px){
  #nrc-root .nrc-panel.nrc-expanded{
    width:100% !important; height:100dvh !important; right:0 !important; bottom:0 !important; border-radius:0 !important;
  }
}

/* v1.3.0 - moderator tools inside chat */
.nrc-mod-login{border:0;background:#F2C572;color:#593723;border-radius:8px;width:36px;height:36px;cursor:pointer;font-size:16px}.nrc-mod-login.active{background:#7297A6;color:#fff}.nrc-msg-head{display:flex;align-items:center;gap:3px}.nrc-mod-actions{position:relative;margin-left:5px}.nrc-mod-more{border:0;background:transparent;color:#593723;font-size:18px;line-height:1;width:22px;height:22px;border-radius:6px;cursor:pointer}.nrc-mod-more:hover{background:#F2C572}.nrc-mod-menu{display:none;position:absolute;right:0;top:24px;z-index:100;min-width:190px;padding:5px;background:#fff;border:1px solid #59372333;border-radius:9px;box-shadow:0 10px 30px #0002}.nrc-mod-menu.open{display:block}.nrc-mod-menu button{display:block;width:100%;text-align:left;border:0;background:#fff;color:#593723;padding:8px 9px;border-radius:6px;cursor:pointer;font-size:11px}.nrc-mod-menu button:hover{background:#F2C572}.nrc-bubble{position:relative}
@media(max-width:600px){.nrc-mod-login{width:34px;height:34px;font-size:15px}.nrc-mod-menu{position:fixed;right:10px;top:auto;bottom:70px;max-width:calc(100vw - 20px)}}
/* v1.3.1 - moderator button matches the other chat controls */
.nrc-root .nrc-login #nrc-mod-login,
.nrc-root .nrc-login #nrc-mod-login:hover,
.nrc-root .nrc-login #nrc-mod-login:focus,
.nrc-root .nrc-login #nrc-mod-login:active{
  box-sizing:border-box !important;
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:9px !important;
  border:1px solid #593723 !important;
  background:#593723 !important;
  color:#F2C572 !important;
  display:grid !important;
  place-items:center !important;
  font-size:16px !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
.nrc-root .nrc-login #nrc-mod-login:hover{background:#7297A6 !important;color:#fff !important;}
.nrc-root .nrc-login #nrc-mod-login.active{background:#7297A6 !important;color:#fff !important;border-color:#7297A6 !important;}
@media(max-width:600px){
 .nrc-root .nrc-login #nrc-mod-login{width:34px !important;min-width:34px !important;height:34px !important;border-radius:9px !important;font-size:15px !important;}
}

/* v1.3.3 - moderator button exactly matches settings control size */
.nrc-root .nrc-login #nrc-mod-login{width:40px !important;min-width:40px !important;height:40px !important;min-height:40px !important;padding:0 !important;border-radius:9px !important;display:grid !important;place-items:center !important;line-height:1 !important;font-size:16px !important;box-sizing:border-box !important;}
.nrc-root .nrc-login #nrc-mod-login:hover,.nrc-root .nrc-login #nrc-mod-login:focus{background:#7297A6 !important;color:#fff !important;}
@media(max-width:600px){.nrc-root .nrc-login #nrc-mod-login{width:40px !important;min-width:40px !important;height:40px !important;min-height:40px !important;}}

/* v1.3.4 - moderator control exactly same box as settings */
.nrc-root .nrc-login #nrc-settings,
.nrc-root .nrc-login #nrc-mod-login {
  box-sizing:border-box !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:9px !important;
  display:grid !important;
  place-items:center !important;
  line-height:1 !important;
  flex:0 0 40px !important;
}
.nrc-root .nrc-login #nrc-settings {
  background:#593723 !important; color:#F2C572 !important; border:1px solid #593723 !important;
}
.nrc-root .nrc-login #nrc-mod-login {
  background:#593723 !important; color:#F2C572 !important; border:1px solid #593723 !important;
  font-size:16px !important;
}
.nrc-root .nrc-login #nrc-mod-login:hover,
.nrc-root .nrc-login #nrc-mod-login:focus { background:#7297A6 !important; color:#fff !important; }
@media(max-width:600px){
 .nrc-root .nrc-login #nrc-settings,
 .nrc-root .nrc-login #nrc-mod-login { width:40px !important; min-width:40px !important; max-width:40px !important; height:40px !important; min-height:40px !important; max-height:40px !important; flex-basis:40px !important; }
}

/* v1.3.11 - Moderator PIN panel redesigned, preserving the existing chat functionality */
.nrc-root .nrc-mod-panel{position:fixed;left:0;top:0;z-index:1000000;width:360px;box-sizing:border-box;padding:0;background:#fffaf3;border:1px solid #593723;border-radius:14px;box-shadow:0 18px 45px #59372355;display:none;overflow:hidden;color:#593723;}
.nrc-root .nrc-mod-panel.is-open{display:block;}
.nrc-root .nrc-mod-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;background:#593723;color:#fff;}
.nrc-root .nrc-mod-panel-title{font-size:17px;font-weight:800;color:#fff;margin:0 0 5px;}
.nrc-root .nrc-mod-panel-subtitle{font-size:12px;line-height:1.35;color:#fffaf3;opacity:.95;}
.nrc-root .nrc-mod-panel-close{flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #F2C572;background:#593723;color:#F2C572;border-radius:8px;font-size:23px;line-height:1;display:grid;place-items:center;cursor:pointer;}
.nrc-root .nrc-mod-panel-close:hover,.nrc-root .nrc-mod-panel-close:focus{background:#F2C572;color:#593723;outline:none;}
.nrc-root .nrc-mod-panel-body{display:flex;flex-direction:column;gap:12px;padding:18px;}
.nrc-root .nrc-mod-pin{box-sizing:border-box;width:100%;height:48px;padding:0 14px;border:2px solid #d9cbbd;border-radius:10px;background:#fff;color:#593723;outline:none;font-size:14px;}
.nrc-root .nrc-mod-pin:focus{border-color:#F2C572;box-shadow:0 0 0 3px #F2C57244;}
.nrc-root .nrc-mod-login-submit{box-sizing:border-box;width:100%;height:50px;padding:0 14px;border:2px solid #F2C572;border-radius:10px;background:#593723;color:#F2C572;font-size:15px;font-weight:800;cursor:pointer;white-space:nowrap;}
.nrc-root .nrc-mod-login-submit:hover,.nrc-root .nrc-mod-login-submit:focus{background:#F2C572;color:#593723;border-color:#593723;outline:none;}
.nrc-root .nrc-mod-login-submit:disabled{opacity:.6;cursor:wait;}
.nrc-root .nrc-mod-panel-status{min-height:18px;padding:0 18px 14px;color:#F2784B;font-size:11px;}
@media(max-width:600px){
 .nrc-root .nrc-mod-panel{width:min(360px,calc(100vw - 20px));max-width:calc(100vw - 20px);}
 .nrc-root .nrc-mod-panel-body{padding:15px;}
 .nrc-root .nrc-mod-panel-head{padding:14px;}
 .nrc-root .nrc-mod-panel-title{font-size:15px;}
 .nrc-root .nrc-mod-panel-subtitle{font-size:11px;}
}

/* v1.3.9 - force top action buttons to match the Narration Radio palette */
#nrc-root .nrc-head .nrc-head-actions > #nrc-expand,
#nrc-root .nrc-head .nrc-head-actions > .nrc-close {
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  box-sizing:border-box !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:9px !important;
  background:#593723 !important;
  color:#F2C572 !important;
  border:2px solid #F2C572 !important;
  box-shadow:none !important;
  outline:none !important;
  opacity:1 !important;
}
#nrc-root .nrc-head .nrc-head-actions > #nrc-expand:hover,
#nrc-root .nrc-head .nrc-head-actions > .nrc-close:hover,
#nrc-root .nrc-head .nrc-head-actions > #nrc-expand:focus,
#nrc-root .nrc-head .nrc-head-actions > .nrc-close:focus,
#nrc-root .nrc-head .nrc-head-actions > #nrc-expand:active,
#nrc-root .nrc-head .nrc-head-actions > .nrc-close:active {
  background:#F2C572 !important;
  color:#593723 !important;
  border-color:#593723 !important;
  box-shadow:none !important;
}
#nrc-root .nrc-head .nrc-head-actions > #nrc-expand { font-size:18px !important; line-height:1 !important; }
#nrc-root .nrc-head .nrc-head-actions > .nrc-close { font-size:24px !important; line-height:1 !important; }
@media(max-width:600px){
  #nrc-root .nrc-head .nrc-head-actions > #nrc-expand,
  #nrc-root .nrc-head .nrc-head-actions > .nrc-close {
    width:40px !important; min-width:40px !important; max-width:40px !important;
    height:40px !important; min-height:40px !important; max-height:40px !important;
  }
}


/* v1.3.12 - Moderator PIN panel: unscoped because it is attached to document.body; keep it below the shield button */
.nrc-mod-panel{
  position:fixed !important;
  z-index:2147483000 !important;
  box-sizing:border-box !important;
  padding:0 !important;
  background:#fffaf3 !important;
  border:1px solid #593723 !important;
  border-radius:14px !important;
  box-shadow:0 18px 45px rgba(89,55,35,.33) !important;
  display:none !important;
  overflow:hidden !important;
  color:#593723 !important;
  margin:0 !important;
}
.nrc-mod-panel.is-open{display:block !important;}
.nrc-mod-panel .nrc-mod-panel-head{
  display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:12px !important;
  padding:16px !important;background:#593723 !important;color:#fff !important;
}
.nrc-mod-panel .nrc-mod-panel-title{font-size:17px !important;font-weight:800 !important;color:#fff !important;margin:0 0 5px !important;}
.nrc-mod-panel .nrc-mod-panel-subtitle{font-size:12px !important;line-height:1.35 !important;color:#fffaf3 !important;opacity:.95 !important;}
.nrc-mod-panel .nrc-mod-panel-close{
  flex:0 0 34px !important;width:34px !important;height:34px !important;padding:0 !important;
  border:1px solid #F2C572 !important;background:#593723 !important;color:#F2C572 !important;
  border-radius:8px !important;font-size:23px !important;line-height:1 !important;
  display:grid !important;place-items:center !important;cursor:pointer !important;
}
.nrc-mod-panel .nrc-mod-panel-close:hover,.nrc-mod-panel .nrc-mod-panel-close:focus{background:#F2C572 !important;color:#593723 !important;outline:none !important;}
.nrc-mod-panel .nrc-mod-panel-body{display:flex !important;flex-direction:column !important;gap:12px !important;padding:18px !important;}
.nrc-mod-panel .nrc-mod-pin{box-sizing:border-box !important;width:100% !important;height:48px !important;padding:0 14px !important;border:2px solid #d9cbbd !important;border-radius:10px !important;background:#fff !important;color:#593723 !important;outline:none !important;font-size:14px !important;}
.nrc-mod-panel .nrc-mod-pin:focus{border-color:#F2C572 !important;box-shadow:0 0 0 3px rgba(242,197,114,.27) !important;}
.nrc-mod-panel .nrc-mod-login-submit{box-sizing:border-box !important;width:100% !important;height:50px !important;padding:0 14px !important;border:2px solid #F2C572 !important;border-radius:10px !important;background:#593723 !important;color:#F2C572 !important;font-size:15px !important;font-weight:800 !important;cursor:pointer !important;white-space:nowrap !important;}
.nrc-mod-panel .nrc-mod-login-submit:hover,.nrc-mod-panel .nrc-mod-login-submit:focus{background:#F2C572 !important;color:#593723 !important;border-color:#593723 !important;outline:none !important;}
.nrc-mod-panel .nrc-mod-login-submit:disabled{opacity:.6 !important;cursor:wait !important;}
.nrc-mod-panel .nrc-mod-panel-status{min-height:18px !important;padding:0 18px 14px !important;color:#F2784B !important;font-size:11px !important;}
@media(max-width:600px){
 .nrc-mod-panel{width:min(360px,calc(100vw - 20px)) !important;max-width:calc(100vw - 20px) !important;}
 .nrc-mod-panel .nrc-mod-panel-body{padding:15px !important;}
 .nrc-mod-panel .nrc-mod-panel-head{padding:14px !important;}
 .nrc-mod-panel .nrc-mod-panel-title{font-size:15px !important;}
 .nrc-mod-panel .nrc-mod-panel-subtitle{font-size:11px !important;}
}

/* v1.3.14 - rename/login controls match the chat palette and control height */
.nrc-root .nrc-login{align-items:center;}
.nrc-root .nrc-login input,
.nrc-root .nrc-login #nrc-join{
  box-sizing:border-box !important;
  height:40px !important;
  min-height:40px !important;
  border-radius:9px !important;
}
.nrc-root .nrc-login #nrc-join.rename,
.nrc-root .nrc-login #nrc-join.rename:hover,
.nrc-root .nrc-login #nrc-join.rename:focus{
  background:#593723 !important;
  color:#F2C572 !important;
  border:1px solid #593723 !important;
}
.nrc-root .nrc-login #nrc-join.rename:hover{
  background:#F28D52 !important;
  color:#593723 !important;
}

/* v1.3.15 - keep connected/rename action controls anchored to the right; clicking own name again cancels rename */
.nrc-root .nrc-login #nrc-join.disconnect,
.nrc-root .nrc-login #nrc-join.rename{
  margin-left:auto !important;
  flex:0 1 170px !important;
  min-width:150px !important;
  max-width:170px !important;
  text-align:center !important;
  white-space:nowrap !important;
}
@media(max-width:600px){
  .nrc-root .nrc-login #nrc-join.disconnect,
  .nrc-root .nrc-login #nrc-join.rename{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin-left:auto !important;
  }
}

/* v1.3.19 - larger palette-only avatar picker */
.nrc-root .nrc-avatar img,.nrc-root .nrc-user-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;}
.nrc-root .nrc-avatar-preset{font-size:20px;line-height:1;display:block;color:#F2C572 !important;}
.nrc-root .nrc-user-avatar{overflow:hidden;display:grid;place-items:center;}
.nrc-profile-panel{position:fixed;z-index:1000002;width:360px;box-sizing:border-box;background:#fffaf3;color:#593723;border:1px solid #593723 !important;border-radius:14px;box-shadow:0 18px 45px #59372355;display:none;overflow:hidden;}
.nrc-profile-panel.is-open{display:block;}
.nrc-profile-head{display:flex;align-items:center;justify-content:space-between;background:#593723 !important;color:#fff !important;padding:12px 14px;}
.nrc-profile-head strong{font-size:15px;color:#fff !important;}
.nrc-profile-close{width:34px;height:34px;border:1px solid #F2C572 !important;border-radius:8px;background:#593723 !important;color:#F2C572 !important;display:grid;place-items:center;font-size:22px;cursor:pointer;}
.nrc-profile-close:hover{background:#F2C572 !important;color:#593723 !important;}
.nrc-profile-body{padding:14px;display:flex;flex-direction:column;gap:10px;background:#fffaf3 !important;}
.nrc-profile-label{font-size:12px;font-weight:800;color:#593723 !important;}
.nrc-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;}
.nrc-avatar-choice{height:58px !important;width:100%;box-sizing:border-box;border:2px solid #F2C572 !important;border-radius:10px !important;background:#593723 !important;color:#F2C572 !important;font-family:Arial,Helvetica,sans-serif !important;font-size:27px !important;line-height:1 !important;cursor:pointer;display:grid;place-items:center;}
.nrc-avatar-choice:nth-child(2n){background:#7297A6 !important;color:#593723 !important;border-color:#7297A6 !important;}
.nrc-avatar-choice:nth-child(3n){background:#F28D52 !important;color:#593723 !important;border-color:#F28D52 !important;}
.nrc-avatar-choice:nth-child(4n){background:#F2C572 !important;color:#593723 !important;border-color:#F2C572 !important;}
.nrc-avatar-choice:hover,.nrc-avatar-choice:focus{background:#F2C572 !important;color:#593723 !important;border-color:#593723 !important;transform:translateY(-1px);outline:none;}
.nrc-avatar-upload,.nrc-profile-remove,.nrc-profile-rename{height:42px !important;box-sizing:border-box;border:1px solid #593723 !important;border-radius:9px !important;background:#593723 !important;color:#F2C572 !important;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;}
.nrc-profile-remove{background:#F2C572 !important;color:#593723 !important;}
.nrc-profile-rename{background:#593723 !important;color:#F2C572 !important;border-color:#593723 !important;}
.nrc-avatar-upload:hover,.nrc-profile-remove:hover,.nrc-profile-rename:hover{filter:brightness(.96);}
.nrc-profile-status{min-height:16px;font-size:11px;text-align:center;color:#593723 !important;}
@media(max-width:600px){
 .nrc-profile-panel{max-width:calc(100vw - 20px);width:360px;}
 .nrc-avatar-grid{grid-template-columns:repeat(4,1fr);gap:8px;}
 .nrc-avatar-choice{height:54px !important;font-size:25px !important;}
}

/* v1.3.20 - mobile profile centered + correctly centered close icon */
.nrc-profile-close{
  box-sizing:border-box !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:40px !important;
  text-align:center !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:24px !important;
  font-weight:400 !important;
  transform:none !important;
}
@media(max-width:600px){
  .nrc-profile-panel{
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    width:min(360px,calc(100vw - 20px)) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100vh - 20px) !important;
    overflow:auto !important;
  }
  .nrc-profile-close{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    font-size:24px !important;
    line-height:40px !important;
  }
  #nrc-root .nrc-head .nrc-head-actions > .nrc-close{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    line-height:40px !important;
    text-align:center !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:24px !important;
  }
}

/* v1.3.22 - user hierarchy: Administrator > Moderator > current user > others */
.nrc-root .nrc-user{position:relative;}
.nrc-root .nrc-user-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nrc-root .nrc-role-badge{width:20px;height:20px;min-width:20px;border-radius:5px;display:grid;place-items:center;box-sizing:border-box;font-size:11px;font-family:Arial,sans-serif;font-weight:900;line-height:20px;margin-left:auto;text-align:center;letter-spacing:0;}
.nrc-root .nrc-role-admin{background:#593723;color:#F2C572;border:1px solid #F2C572;}
.nrc-root .nrc-role-mod{background:#F2C572;color:#593723;border:1px solid #593723;}
.nrc-root .nrc-mod-more{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #F2C572;border-radius:7px;background:#593723;color:#F2C572;cursor:pointer;}
.nrc-root .nrc-mod-more svg{width:16px;height:16px;display:block;fill:currentColor;}
.nrc-shield-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#F2C572;color:#593723;font:900 12px/22px Arial,sans-serif;border:1px solid #593723;vertical-align:middle;}
.nrc-login-check{font-weight:900;margin-left:2px;color:#F2C572;}

.nrc-root .nrc-user-self{font-weight:800;}
@media(max-width:600px){
 .nrc-root .nrc-role-badge{width:17px;height:17px;min-width:17px;font-size:8px;}
}

/* v1.3.27 clean role badges and moderator actions */
.nrc-role-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;border-radius:7px!important;font:800 13px/1 "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Arial,sans-serif!important;box-sizing:border-box!important;margin-left:7px!important;vertical-align:middle!important;letter-spacing:0!important}
.nrc-role-admin{background:#F2C572!important;color:#593723!important;border:2px solid #593723!important}
.nrc-role-mod{background:#7297A6!important;color:#fff!important;border:2px solid #593723!important}
.nrc-mod-menu button{display:flex!important;align-items:center!important;gap:8px!important}
.nrc-mod-menu button svg{width:16px!important;height:16px!important;fill:none!important;stroke:#593723!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 16px!important}

/* v1.3.28 - crisp SVG role badges */
.nrc-root .nrc-role-badge.nrc-role-admin{background:#F2C572!important;color:#593723!important;border:2px solid #593723!important}
.nrc-root .nrc-role-badge.nrc-role-mod{background:#7297A6!important;color:#fff!important;border:2px solid #593723!important}
.nrc-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* v1.3.31 independent Chat Administrator login */
.nrc-root .nrc-login #nrc-admin-login{background:#F2C572!important;color:#593723!important;border-color:#593723!important;}
.nrc-root .nrc-login #nrc-admin-login:hover,.nrc-root .nrc-login #nrc-admin-login:focus{background:#F2C572!important;color:#593723!important;}
.nrc-root .nrc-login #nrc-admin-login.active{background:#593723!important;color:#F2C572!important;border-color:#F2C572!important;}
.nrc-root .nrc-role-login-panel .nrc-role-name{box-sizing:border-box;width:100%;height:48px;padding:0 14px;border:2px solid #d9cbbd;border-radius:10px;background:#fff;color:#593723;outline:none;font-size:14px;}
.nrc-root .nrc-role-login-panel .nrc-role-name:focus{border-color:#F2C572;box-shadow:0 0 0 3px rgba(242,197,114,.27);}
@media(max-width:600px){.nrc-root .nrc-login #nrc-admin-login{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;}}

/* v1.3.33 - reliable vector role symbols: crown for Chat Administrator, shield for Moderator */
.nrc-root .nrc-role-badge .nrc-role-icon{display:block!important;width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;overflow:visible!important;}
.nrc-root .nrc-role-badge .nrc-crown-icon{color:#593723!important;}
.nrc-root .nrc-role-badge.nrc-role-mod .nrc-role-icon{color:#F2C572!important;}
.nrc-root .nrc-role-badge.nrc-role-admin{background:#F2C572!important;color:#593723!important;border:2px solid #593723!important;box-shadow:0 0 0 1px rgba(242,197,114,.35)!important;}
.nrc-root .nrc-role-badge.nrc-role-mod{background:#7297A6!important;color:#F2C572!important;border:2px solid #593723!important;}
.nrc-root .nrc-login #nrc-admin-login .nrc-role-icon,.nrc-root .nrc-login #nrc-mod-login .nrc-role-icon{display:block;width:18px;height:18px;fill:currentColor;}
.nrc-root .nrc-login #nrc-admin-login,.nrc-root .nrc-login #nrc-mod-login{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;}
.nrc-mod-panel-title .nrc-role-icon{display:inline-block;width:22px;height:22px;vertical-align:middle;fill:#593723;}
.nrc-role-icon{flex:0 0 auto;}
@media(max-width:600px){.nrc-root .nrc-role-badge .nrc-role-icon{width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important;}.nrc-root .nrc-login #nrc-admin-login .nrc-role-icon,.nrc-root .nrc-login #nrc-mod-login .nrc-role-icon{width:19px;height:19px;}}

/* v1.3.34 - high contrast crown */
.nrc-root .nrc-login #nrc-admin-login{color:#F2C572!important;}
.nrc-root .nrc-login #nrc-admin-login .nrc-role-icon{color:#F2C572!important;fill:currentColor!important;}
.nrc-root .nrc-role-badge.nrc-role-admin .nrc-crown-icon{color:#593723!important;fill:currentColor!important;}

/* v1.3.35: crisp role icons */
.nrc-root .nrc-login .nrc-role-icon{width:22px!important;height:20px!important;display:block!important;overflow:visible!important;}
.nrc-root .nrc-login #nrc-admin-login .nrc-crown-icon{color:#F2C572!important;}
.nrc-root .nrc-login #nrc-mod-login .nrc-shield-role-icon{color:#F2C572!important;}
.nrc-root .nrc-role-badge{overflow:visible!important;}
.nrc-root .nrc-role-badge .nrc-role-icon{width:19px!important;height:19px!important;display:block!important;overflow:visible!important;}
.nrc-root .nrc-role-badge.nrc-role-admin .nrc-crown-icon{color:#F2C572!important;}
.nrc-root .nrc-role-badge.nrc-role-mod .nrc-shield-role-icon{color:#F2C572!important;}
.nrc-admin-icon .nrc-role-icon{width:22px;height:20px;display:block;overflow:visible;}
.nrc-icon-admin .nrc-crown-icon{color:#F2C572;}
.nrc-icon-mod .nrc-shield-role-icon{color:#F2C572;}


/* v1.3.36 - unified top role buttons and compact borderless role icons */
.nrc-root .nrc-login #nrc-admin-login,
.nrc-root .nrc-login #nrc-admin-login:hover,
.nrc-root .nrc-login #nrc-admin-login:focus,
.nrc-root .nrc-login #nrc-admin-login:active {
  box-sizing:border-box !important;
  width:40px !important; min-width:40px !important; max-width:40px !important;
  height:40px !important; min-height:40px !important; max-height:40px !important;
  padding:0 !important; margin:0 !important;
  border-radius:9px !important; border:1px solid #593723 !important;
  background:#593723 !important; color:#F2C572 !important;
  display:grid !important; place-items:center !important;
  box-shadow:none !important;
}
.nrc-root .nrc-login #nrc-admin-login:hover,
.nrc-root .nrc-login #nrc-admin-login:focus { background:#7297A6 !important; color:#F2C572 !important; }
.nrc-root .nrc-login #nrc-admin-login.active { background:#593723 !important; color:#F2C572 !important; border-color:#593723 !important; }
.nrc-root .nrc-login #nrc-admin-login .nrc-role-icon,
.nrc-root .nrc-login #nrc-mod-login .nrc-role-icon {
  width:22px !important; height:20px !important; display:block !important;
  fill:currentColor !important; stroke:none !important;
}
/* User list: smaller role symbol, no outline/border around the symbol. */
.nrc-root .nrc-user .nrc-role-badge {
  width:24px !important; height:24px !important; min-width:24px !important;
  margin-left:6px !important; border:0 !important; border-radius:0 !important;
  background:transparent !important; box-shadow:none !important;
  color:#F2C572 !important; padding:0 !important;
}
.nrc-root .nrc-user .nrc-role-badge .nrc-role-icon {
  width:20px !important; height:20px !important; max-width:20px !important; max-height:20px !important;
  fill:currentColor !important; stroke:none !important;
}
.nrc-root .nrc-user .nrc-role-badge.nrc-role-admin { color:#F2C572 !important; }
.nrc-root .nrc-user .nrc-role-badge.nrc-role-mod { color:#F2C572 !important; }
@media(max-width:600px){
  .nrc-root .nrc-login #nrc-admin-login, .nrc-root .nrc-login #nrc-mod-login { width:40px !important; min-width:40px !important; height:40px !important; min-height:40px !important; }
  .nrc-root .nrc-user .nrc-role-badge { width:22px !important; height:22px !important; min-width:22px !important; }
  .nrc-root .nrc-user .nrc-role-badge .nrc-role-icon { width:18px !important; height:18px !important; }
}

/* v1.3.38 - administrator button keeps a single centered crown; actions open in a dropdown below */
.nrc-root .nrc-login #nrc-admin-login .nrc-login-check{display:none!important;}
.nrc-root .nrc-login #nrc-admin-login .nrc-role-icon{width:22px!important;height:20px!important;margin:0!important;position:static!important;transform:none!important;}
.nrc-admin-menu{position:fixed;z-index:1000001;display:none;box-sizing:border-box;padding:6px;background:#fffaf3;border:1px solid #593723;border-radius:10px;box-shadow:0 14px 35px #59372344;color:#593723;}
.nrc-admin-menu.is-open{display:flex;flex-direction:column;gap:4px;}
.nrc-admin-menu button{width:100%;height:38px;display:flex;align-items:center;gap:9px;padding:0 11px;border:0;border-radius:7px;background:#fffaf3;color:#593723;font:700 12px/1 Arial,sans-serif;text-align:left;cursor:pointer;}
.nrc-admin-menu button:hover,.nrc-admin-menu button:focus{background:#F2C572;color:#593723;outline:none;}
.nrc-admin-menu-icon{width:20px;min-width:20px;text-align:center;font-size:16px;line-height:1;}
@media(max-width:600px){.nrc-admin-menu{max-width:calc(100vw - 24px)!important;}.nrc-admin-menu button{height:40px;font-size:12px;}}


/* v1.3.39 - force fresh role-button layout and prevent legacy checkmark/crown stacking */
.nrc-root .nrc-login #nrc-admin-login,
.nrc-root .nrc-login #nrc-mod-login {
  box-sizing:border-box !important;
  width:40px !important; min-width:40px !important; max-width:40px !important;
  height:40px !important; min-height:40px !important; max-height:40px !important;
  padding:0 !important; margin:0 !important;
  border-radius:9px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  gap:0 !important; overflow:hidden !important;
}
.nrc-root .nrc-login #nrc-admin-login { background:#593723 !important; color:#F2C572 !important; border:1px solid #593723 !important; }
.nrc-root .nrc-login #nrc-mod-login { background:#593723 !important; color:#F2C572 !important; border:1px solid #593723 !important; }
.nrc-root .nrc-login #nrc-admin-login .nrc-role-icon,
.nrc-root .nrc-login #nrc-mod-login .nrc-role-icon {
  width:22px !important; height:20px !important;
  margin:0 !important; padding:0 !important;
  display:block !important; flex:0 0 auto !important;
  fill:currentColor !important; stroke:none !important;
}
.nrc-root .nrc-login #nrc-admin-login .nrc-login-check,
.nrc-root .nrc-login #nrc-mod-login .nrc-login-check { display:none !important; }
@media(max-width:600px){
  .nrc-root .nrc-login #nrc-admin-login, .nrc-root .nrc-login #nrc-mod-login { width:40px !important; min-width:40px !important; height:40px !important; min-height:40px !important; }
}

/* Unified role login */
.nrc-root .nrc-login #nrc-admin-login{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:9px!important;background:#593723!important;color:#F2C572!important;border:1px solid #593723!important;box-sizing:border-box!important;}
.nrc-root .nrc-login #nrc-admin-login .nrc-role-icon{width:21px!important;height:21px!important;display:block!important;}
.nrc-root .nrc-login #nrc-admin-login.active{background:#7297A6!important;color:#F2C572!important;border-color:#7297A6!important;}
.nrc-root .nrc-login #nrc-mod-login{display:none!important;}
.nrc-root .nrc-unified-role-icon{font-size:18px;}
@media(max-width:600px){.nrc-root .nrc-login #nrc-admin-login{width:40px!important;min-width:40px!important;height:40px!important;}}

/* v1.3.43 - unified role login: one button for Administrator and Moderator */
.nrc-root .nrc-login #nrc-role-login{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;border-radius:9px!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;background:#7297A6!important;color:#F2C572!important;border:1px solid #F2C572!important;line-height:1!important;}
.nrc-root .nrc-login #nrc-role-login:hover,.nrc-root .nrc-login #nrc-role-login:focus{background:#F2C572!important;color:#593723!important;outline:none!important;}
.nrc-root .nrc-login #nrc-role-login.active{background:#593723!important;color:#F2C572!important;border-color:#F2C572!important;}
.nrc-root .nrc-login #nrc-role-login .nrc-role-icon{display:block!important;width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;overflow:visible!important;}
.nrc-root .nrc-role-login-panel .nrc-role-name,.nrc-root .nrc-role-login-panel .nrc-mod-pin{background:#fff!important;color:#593723!important;}
@media(max-width:600px){.nrc-root .nrc-login #nrc-role-login{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;}}


/* v1.3.45 - moderation duration picker inside the Chat, for both Moderator and Administrator */
.nrc-moderation-duration-modal{position:fixed;inset:0;z-index:1000003;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(89,55,35,.38);box-sizing:border-box;}
.nrc-moderation-duration-modal.is-open{display:flex;}
.nrc-moderation-duration-card{width:min(360px,calc(100vw - 28px));background:#fffaf3;border:1px solid #593723;border-radius:14px;box-shadow:0 18px 50px rgba(89,55,35,.35);overflow:hidden;color:#593723;}
.nrc-moderation-duration-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px;background:#593723;color:#fff;}
.nrc-moderation-duration-title{font-size:17px;font-weight:800;line-height:1.2;}
.nrc-moderation-duration-subtitle{margin-top:4px;font-size:12px;line-height:1.35;color:#fffaf3;}
.nrc-moderation-duration-close{width:32px;height:32px;flex:0 0 32px;border:1px solid #F2C572;border-radius:8px;background:#593723;color:#F2C572;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;}
.nrc-moderation-duration-close:hover{background:#F2C572;color:#593723;}
.nrc-moderation-duration-body{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px;}
.nrc-moderation-duration-body button{min-height:46px;border:1px solid #593723;border-radius:9px;background:#7297A6;color:#fff;font-size:13px;font-weight:800;cursor:pointer;}
.nrc-moderation-duration-body button:hover,.nrc-moderation-duration-body button:focus{background:#F2C572;color:#593723;outline:none;}
@media(max-width:600px){.nrc-moderation-duration-card{width:calc(100vw - 24px);}.nrc-moderation-duration-body{grid-template-columns:1fr;gap:8px;padding:14px;}.nrc-moderation-duration-body button{min-height:44px;}}

/* v1.3.46 - corrected moderation/login palette */
.nrc-moderation-duration-modal{background:rgba(89,55,35,.48)!important;}
.nrc-moderation-duration-card{background:#fffaf3!important;border:1px solid #593723!important;color:#593723!important;}
.nrc-moderation-duration-head{background:#593723!important;color:#fffaf3!important;}
.nrc-moderation-duration-title{color:#F2C572!important;}
.nrc-moderation-duration-subtitle{color:#fffaf3!important;opacity:.95!important;}
.nrc-moderation-duration-close{background:#F2C572!important;color:#593723!important;border:1px solid #F2C572!important;}
.nrc-moderation-duration-close:hover,.nrc-moderation-duration-close:focus{background:#F2784B!important;color:#593723!important;border-color:#593723!important;}
.nrc-moderation-duration-body{background:#fffaf3!important;}
.nrc-moderation-duration-body button{border:1px solid #593723!important;color:#593723!important;font-weight:800!important;}
.nrc-moderation-duration-body button:nth-child(1){background:#7297A6!important;color:#fff!important;}
.nrc-moderation-duration-body button:nth-child(2){background:#F2C572!important;color:#593723!important;}
.nrc-moderation-duration-body button:nth-child(3){background:#F28D52!important;color:#593723!important;}
.nrc-moderation-duration-body button:nth-child(4){background:#F2784B!important;color:#593723!important;}
.nrc-moderation-duration-body button:hover,.nrc-moderation-duration-body button:focus{background:#593723!important;color:#F2C572!important;border-color:#F2C572!important;outline:none!important;}
.nrc-root .nrc-role-login-panel .nrc-mod-panel-head{background:#593723!important;}
.nrc-root .nrc-role-login-panel .nrc-mod-login-submit{background:#F2C572!important;color:#593723!important;border:1px solid #593723!important;}
.nrc-root .nrc-role-login-panel .nrc-mod-login-submit:hover,.nrc-root .nrc-role-login-panel .nrc-mod-login-submit:focus{background:#F2784B!important;color:#593723!important;border-color:#593723!important;}
.nrc-root .nrc-role-login-panel .nrc-mod-panel-close{background:#F2C572!important;color:#593723!important;border-color:#593723!important;}

/* v1.3.47 minimal moderation menu */
.nrc-user-more{width:22px!important;height:22px!important;min-width:22px!important;padding:0!important;margin-left:5px!important;border:1px solid #d9d9d9!important;border-radius:5px!important;background:#eeeeee!important;color:#593723!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;line-height:1!important;box-shadow:none!important;opacity:.9!important;}
.nrc-user-more:hover{background:#e4e4e4!important;color:#593723!important;opacity:1!important;}
.nrc-user-more svg{width:12px!important;height:12px!important;}

/* v1.3.48 - ultra-minimal moderation three-dots button */
.nrc-root .nrc-mod-more{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;padding:0!important;margin-left:5px!important;border:1px solid #d9d9d9!important;border-radius:5px!important;background:#eeeeee!important;color:#593723!important;display:grid!important;place-items:center!important;box-shadow:none!important;opacity:.9!important;font-size:0!important;}
.nrc-root .nrc-mod-more:hover,.nrc-root .nrc-mod-more:focus{background:#e4e4e4!important;color:#593723!important;border-color:#d0d0d0!important;opacity:1!important;outline:none!important;}
.nrc-root .nrc-mod-more svg{width:11px!important;height:11px!important;display:block!important;fill:currentColor!important;color:#593723!important;}
@media(max-width:600px){.nrc-root .nrc-mod-more{width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;}}

/* v1.3.51 - two clear entry buttons: Member and Staff Login */
.nrc-root .nrc-login{justify-content:flex-start!important;}
.nrc-root .nrc-login #nrc-join{display:block!important;}
.nrc-root .nrc-login #nrc-role-login{min-width:92px!important;width:auto!important;padding:0 14px!important;font-weight:800!important;background:#593723!important;color:#F2C572!important;border:1px solid #593723!important;}
.nrc-root .nrc-login #nrc-role-login:hover,.nrc-root .nrc-login #nrc-role-login:focus{background:#F2C572!important;color:#593723!important;border-color:#593723!important;outline:none!important;}
.nrc-root .nrc-login .nrc-login-text{font-size:12px!important;font-weight:800!important;white-space:nowrap!important;color:inherit!important;}
.nrc-root .nrc-role-login-panel{z-index:100000!important;}

/* v1.3.52 - two clear entry buttons: member and staff login */
.nrc-root .nrc-login{justify-content:flex-end;align-items:center;gap:8px;}
.nrc-root .nrc-login #nrc-name{display:none!important;}
.nrc-root .nrc-login #nrc-join,
.nrc-root .nrc-login #nrc-role-login{
  box-sizing:border-box!important;height:40px!important;min-height:40px!important;border-radius:9px!important;padding:0 18px!important;font-weight:800!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.nrc-root .nrc-login #nrc-join{background:#F2C572!important;color:#593723!important;border:1px solid #F2C572!important;min-width:138px!important;}
.nrc-root .nrc-login #nrc-join:hover{background:#F28D52!important;color:#593723!important;}
.nrc-root .nrc-login #nrc-role-login{background:#593723!important;color:#F2C572!important;border:1px solid #593723!important;min-width:138px!important;}
.nrc-root .nrc-login #nrc-role-login:hover{background:#F2C572!important;color:#593723!important;}
.nrc-root .nrc-login #nrc-role-login.active{background:#593723!important;color:#F2C572!important;}
.nrc-root .nrc-login #nrc-settings{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;}
.nrc-member-panel{z-index:100002!important;}
.nrc-member-panel .nrc-member-name{box-sizing:border-box;width:100%;height:48px;padding:0 14px;border:2px solid #7297A6;border-radius:10px;background:#fff;color:#593723;outline:none;font-size:14px;}
.nrc-member-panel .nrc-member-name:focus{border-color:#F2C572;box-shadow:0 0 0 3px rgba(242,197,114,.27);}
.nrc-member-panel .nrc-member-submit{background:#F2C572!important;color:#593723!important;border-color:#F2C572!important;}
.nrc-member-panel .nrc-member-submit:hover,.nrc-member-panel .nrc-member-submit:focus{background:#F28D52!important;color:#593723!important;border-color:#F28D52!important;}
.nrc-member-icon{font-size:19px;line-height:1;display:inline-flex;align-items:center;}
@media(max-width:600px){
 .nrc-root .nrc-login #nrc-join,.nrc-root .nrc-login #nrc-role-login{min-width:0!important;flex:1 1 auto!important;padding:0 10px!important;font-size:13px!important;}
 .nrc-root .nrc-login #nrc-settings{flex:0 0 40px!important;}
}


/* v1.3.53 - mobile responsive polish for Member / Staff Login layout */
@media (max-width:600px){
  .nrc-root .nrc-panel{width:100%;height:100dvh;right:0;bottom:0;border-radius:0;}
  .nrc-root .nrc-head{padding:14px 12px;min-height:66px;box-sizing:border-box;}
  .nrc-root .nrc-title{font-size:19px;line-height:1.1;}
  .nrc-root .nrc-subtitle{font-size:11px;margin-top:4px;}
  .nrc-root .nrc-head-actions{gap:5px;}
  .nrc-root .nrc-expand,.nrc-root .nrc-close{width:34px;height:34px;min-width:34px;font-size:19px;}
  .nrc-root .nrc-login{padding:9px 8px;gap:6px;box-sizing:border-box;align-items:center;}
  .nrc-root .nrc-login #nrc-join,.nrc-root .nrc-login #nrc-role-login{
    height:40px!important;min-height:40px!important;flex:1 1 0!important;min-width:0!important;
    padding:0 7px!important;font-size:12px!important;border-radius:8px!important;
  }
  .nrc-root .nrc-login #nrc-settings{width:40px!important;min-width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:8px!important;}
  .nrc-root .nrc-chat-area{min-height:0;}
  .nrc-root .nrc-messages{padding:12px 10px;}
  .nrc-root .nrc-welcome{padding:18px 8px;font-size:13px;}
  .nrc-root .nrc-msg{gap:7px;margin-bottom:10px;}
  .nrc-root .nrc-avatar{flex-basis:32px;width:32px;height:32px;}
  .nrc-root .nrc-bubble p{font-size:13px;}
  .nrc-root .nrc-users{width:92px;flex-basis:92px;padding:9px 6px;}
  .nrc-root .nrc-users-title{font-size:10px;line-height:1.15;}
  .nrc-root .nrc-user{font-size:9px;gap:5px;margin-bottom:8px;}
  .nrc-root .nrc-user-avatar{width:24px;height:24px;min-width:24px;font-size:9px;}
  .nrc-root .nrc-form{padding:8px;gap:5px;}
  .nrc-root .nrc-form input{padding:10px;font-size:13px;}
  .nrc-root .nrc-emoji{width:38px;min-width:38px;height:38px;}
  .nrc-root .nrc-send{width:42px;min-width:42px;height:38px;}
  .nrc-root .nrc-foot{padding:6px 9px;font-size:10px;}
  .nrc-root .nrc-mod-panel{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;}
  .nrc-root .nrc-role-login-panel .nrc-mod-panel-body,.nrc-root .nrc-member-panel .nrc-mod-panel-body{padding:14px!important;}
}


/* v1.3.54 - mobile header/login row: prevent button clipping and overlap */
@media (max-width:600px){
  .nrc-root .nrc-login{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px!important;
    gap:6px!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  .nrc-root .nrc-login #nrc-join,
  .nrc-root .nrc-login #nrc-role-login{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    box-sizing:border-box!important;
    padding:0 6px!important;
    font-size:12px!important;
    line-height:1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .nrc-root .nrc-login #nrc-settings{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    flex:none!important;
  }
  .nrc-root .nrc-users{
    width:88px!important;
    flex:0 0 88px!important;
    padding:8px 5px!important;
  }
  .nrc-root .nrc-users-title{font-size:10px!important;}
  .nrc-root .nrc-user{font-size:9px!important;gap:4px!important;}
}

/* v1.3.55 - Manrope typography and larger emoji control */
.nrc-root, .nrc-root button, .nrc-root input, .nrc-root textarea, .nrc-root select { font-family:"Manrope",Arial,Helvetica,sans-serif !important; }
.nrc-root .nrc-emoji { width:52px !important; min-width:52px !important; height:48px !important; min-height:48px !important; padding:0 !important; display:grid !important; place-items:center !important; font-size:30px !important; line-height:1 !important; font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Manrope",sans-serif !important; }
.nrc-root .nrc-emoji span { display:block !important; font-size:30px !important; line-height:1 !important; transform:translateY(-1px); }
@media (max-width:600px){
 .nrc-root .nrc-emoji { width:50px !important; min-width:50px !important; height:46px !important; min-height:46px !important; font-size:29px !important; }
 .nrc-root .nrc-emoji span { font-size:29px !important; }
}


/* v1.3.56 - match reference composer and online indicators */
.nrc-root .nrc-form{display:flex !important;align-items:center !important;gap:7px !important;}
.nrc-root .nrc-form input{order:1 !important;}
.nrc-root .nrc-form .nrc-emoji{order:2 !important;}
.nrc-root .nrc-form .nrc-send{order:3 !important;}
.nrc-root .nrc-emoji{width:52px !important;min-width:52px !important;height:48px !important;min-height:48px !important;padding:0 !important;display:grid !important;place-items:center !important;background:#F2C572 !important;color:#593723 !important;border:1px solid #593723 !important;border-radius:10px !important;}
.nrc-root .nrc-emoji span{display:grid !important;place-items:center !important;width:100% !important;height:100% !important;}
.nrc-root .nrc-emoji svg{width:30px !important;height:30px !important;display:block !important;}
.nrc-root .nrc-send{width:52px !important;min-width:52px !important;height:48px !important;min-height:48px !important;padding:0 !important;display:grid !important;place-items:center !important;background:#593723 !important;color:#F2C572 !important;border:1px solid #593723 !important;border-radius:10px !important;}
.nrc-root .nrc-send svg{width:28px !important;height:28px !important;display:block !important;}
.nrc-root .nrc-user-avatar{position:relative !important;overflow:visible !important;}
.nrc-root .nrc-user-avatar::after{content:"" !important;position:absolute !important;right:-1px !important;bottom:-1px !important;width:8px !important;height:8px !important;border-radius:50% !important;background:#22B84B !important;border:2px solid #fffaf3 !important;box-sizing:content-box !important;}
@media(max-width:600px){
 .nrc-root .nrc-form{padding:8px !important;gap:5px !important;}
 .nrc-root .nrc-form input{order:1 !important;min-width:0 !important;}
 .nrc-root .nrc-emoji{order:2 !important;width:44px !important;min-width:44px !important;height:42px !important;min-height:42px !important;}
 .nrc-root .nrc-emoji svg{width:27px !important;height:27px !important;}
 .nrc-root .nrc-send{order:3 !important;width:44px !important;min-width:44px !important;height:42px !important;min-height:42px !important;}
 .nrc-root .nrc-send svg{width:25px !important;height:25px !important;}
 .nrc-root .nrc-user-avatar::after{width:7px !important;height:7px !important;border-width:2px !important;}
}


/* v1.3.57 visual/mobile polish */
.nrc-root .nrc-login #nrc-join,
.nrc-root .nrc-login #nrc-role-login{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  white-space:nowrap !important;
}
.nrc-root .nrc-action-icon{
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  display:block !important;
  overflow:visible !important;
}
.nrc-root .nrc-login #nrc-join .nrc-action-icon{color:#593723 !important;}
.nrc-root .nrc-login #nrc-role-login .nrc-action-icon{color:#F2C572 !important;}
.nrc-root .nrc-login #nrc-role-login:hover .nrc-action-icon,
.nrc-root .nrc-login #nrc-role-login:focus .nrc-action-icon{color:#593723 !important;}

/* Make the emoji picker reliably clickable and visible above the composer. */
.nrc-root .nrc-form{position:relative !important; z-index:30 !important; overflow:visible !important;}
.nrc-root .nrc-emoji-panel{
  position:absolute !important;
  right:8px !important;
  left:auto !important;
  bottom:58px !important;
  width:240px !important;
  max-width:calc(100% - 16px) !important;
  display:none !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  z-index:100000 !important;
  pointer-events:auto !important;
  background:#fffaf3 !important;
  border:1px solid #7297A6 !important;
  box-shadow:0 12px 30px rgba(89,55,35,.28) !important;
}
.nrc-root .nrc-emoji-panel.is-open{display:grid !important;}
.nrc-root .nrc-emoji-panel button{font-size:21px !important;height:34px !important;line-height:34px !important;cursor:pointer !important;}
.nrc-root .nrc-emoji{
  width:48px !important;height:44px !important;min-width:48px !important;
  display:grid !important;place-items:center !important;padding:0 !important;
  cursor:pointer !important;position:relative !important;z-index:31 !important;
}
.nrc-root .nrc-emoji svg{width:29px !important;height:29px !important;display:block !important;}
@media(max-width:600px){
  .nrc-root .nrc-login{gap:5px !important;padding:8px !important;}
  .nrc-root .nrc-login #nrc-join,
  .nrc-root .nrc-login #nrc-role-login{height:40px !important;min-height:40px !important;font-size:13px !important;gap:5px !important;padding:0 10px !important;}
  .nrc-root .nrc-login #nrc-join{flex:1 1 auto !important;min-width:0 !important;}
  .nrc-root .nrc-login #nrc-role-login{flex:0 1 auto !important;min-width:112px !important;width:auto !important;max-width:none !important;}
  .nrc-root .nrc-action-icon{width:18px !important;height:18px !important;flex-basis:18px !important;}
  .nrc-root .nrc-emoji{width:46px !important;min-width:46px !important;height:42px !important;}
  .nrc-root .nrc-emoji svg{width:28px !important;height:28px !important;}
  .nrc-root .nrc-emoji-panel{right:5px !important;bottom:55px !important;width:220px !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
}

/* v1.3.59 - clearly visible lock icon for the unified login button */
.nrc-root .nrc-login #nrc-role-login .nrc-login-action-icon{
  width:22px !important;height:22px !important;flex:0 0 22px !important;
  display:block !important;visibility:visible !important;opacity:1 !important;
  color:#F2C572 !important;overflow:visible !important;
}
.nrc-root .nrc-login #nrc-role-login{color:#F2C572 !important;}
.nrc-root .nrc-login #nrc-role-login:hover .nrc-login-action-icon,
.nrc-root .nrc-login #nrc-role-login:focus .nrc-login-action-icon{color:#593723 !important;}
@media(max-width:600px){
  .nrc-root .nrc-login #nrc-role-login .nrc-login-action-icon{width:20px !important;height:20px !important;flex-basis:20px !important;}
}

/* v1.3.60 - force a clearly visible lock icon in the staff login button */
.nrc-root .nrc-login #nrc-role-login{
  overflow:visible !important;
  box-sizing:border-box !important;
}
.nrc-root .nrc-login #nrc-role-login .nrc-login-action-icon{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
  flex:0 0 22px !important;
  color:#F2C572 !important;
  fill:currentColor !important;
  stroke:none !important;
  position:relative !important;
  z-index:3 !important;
}
.nrc-root .nrc-login #nrc-role-login .nrc-login-action-icon *{
  visibility:visible !important;
  opacity:1 !important;
}
.nrc-root .nrc-login #nrc-role-login .nrc-login-text{
  display:inline-block !important;
  visibility:visible !important;
  opacity:1 !important;
}
@media(max-width:600px){
  .nrc-root .nrc-login #nrc-role-login .nrc-login-action-icon{
    width:21px !important;height:21px !important;min-width:21px !important;min-height:21px !important;max-width:21px !important;max-height:21px !important;flex-basis:21px !important;
  }
}

/* v1.3.61 - online indicator and reliable chat avatar rendering */
.nrc-root .nrc-avatar{position:relative;overflow:visible !important;}
.nrc-root .nrc-avatar img{width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;border-radius:50% !important;}
.nrc-root .nrc-avatar::after{content:"";position:absolute;right:-2px;bottom:-1px;width:8px;height:8px;border-radius:50%;background:#22B84B;border:2px solid #fffaf3;box-sizing:content-box;z-index:2;}
.nrc-root .nrc-avatar-fallback{display:block;}
.nrc-root .nrc-user-avatar{position:relative;overflow:visible !important;}
.nrc-root .nrc-user-avatar img{width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;border-radius:50% !important;}
.nrc-root .nrc-user-avatar::after{z-index:2;}
/* v1.3.61 - keep login lock visible */
.nrc-root .nrc-login #nrc-role-login .nrc-login-action-icon{display:block !important;width:21px !important;height:21px !important;min-width:21px !important;min-height:21px !important;color:#F2C572 !important;fill:currentColor !important;opacity:1 !important;visibility:visible !important;}