@charset "utf-8";
/* SCOREBOOK popup + chat runtime fix */

/* GnuBoard new-window popup layer. The core prints #hd_pop on the index page. */
#hd_pop{position:relative;z-index:2147483000;font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif}
#hd_pop>h2{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;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
#hd_pop .hd_pops{position:fixed!important;z-index:2147483001!important;max-width:calc(100vw - 24px);overflow:hidden;background:#fff;border:1px solid #cad8e2;border-radius:8px;box-shadow:0 18px 54px rgba(5,41,68,.28);box-sizing:border-box}
#hd_pop .hd_pops_con{max-width:calc(100vw - 24px);max-height:calc(100vh - 96px);overflow:auto;background:#fff;box-sizing:border-box;overscroll-behavior:contain}
#hd_pop .hd_pops_con img,#hd_pop .hd_pops_con iframe,#hd_pop .hd_pops_con video{max-width:100%!important}
#hd_pop .hd_pops_footer{min-height:42px;display:flex;align-items:stretch;background:#073f70;color:#fff;border-top:1px solid rgba(255,255,255,.15)}
#hd_pop .hd_pops_footer button{appearance:none;-webkit-appearance:none;min-height:42px;margin:0;padding:0 13px;border:0;background:transparent;color:#fff;font:inherit;font-size:11px;cursor:pointer}
#hd_pop .hd_pops_footer button:hover,#hd_pop .hd_pops_footer button:focus-visible{background:rgba(255,255,255,.13);outline:0}
#hd_pop .hd_pops_reject{flex:1;text-align:left}
#hd_pop .hd_pops_close{margin-left:auto!important;border-left:1px solid rgba(255,255,255,.2)!important;white-space:nowrap}
#hd_pop .hd_pops_close i{margin-left:4px}
body.sb-popup-open{overflow-x:hidden}

/* Runtime chat uses the existing Gatelinke /plugin/chat API when available. */
.sb-chat-runtime .sb-chat-room-tabs{height:31px;display:flex;align-items:stretch;border-bottom:1px solid var(--sb-line);background:#f8fafc;overflow-x:auto;scrollbar-width:none}
.sb-chat-runtime .sb-chat-room-tabs::-webkit-scrollbar{display:none}
.sb-chat-runtime .sb-chat-room-tabs button{flex:1;min-width:58px;border:0;border-right:1px solid var(--sb-line);background:#f8fafc;color:#526a7a;font-size:9px;font-weight:800;cursor:pointer}
.sb-chat-runtime .sb-chat-room-tabs button:last-child{border-right:0}
.sb-chat-runtime .sb-chat-room-tabs button.on,.sb-chat-runtime .sb-chat-room-tabs button[aria-selected="true"]{background:#064b7b;color:#fff}
.sb-chat-runtime .sb-chat-tools [data-chat-status]{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#768895;font-style:normal;font-size:8px}
.sb-chat-runtime .sb-chat-tools [data-chat-online]{color:#075c92}
.sb-chat-runtime .sb-chat-online-users{display:flex;gap:4px;min-height:25px;padding:5px 8px;border-bottom:1px solid var(--sb-line);overflow-x:auto;background:#fbfcfd;scrollbar-width:thin}
.sb-chat-runtime .sb-chat-online-users[hidden]{display:none!important}
.sb-chat-runtime .sb-chat-online-users span{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:9px;background:#eaf4fb;color:#34617e;font-size:8px;white-space:nowrap}
.sb-chat-runtime .sb-chat-messages{position:relative;height:320px;padding:7px 9px;background:#fff;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.sb-chat-runtime .sb-chat-messages p{display:grid;grid-template-columns:37px auto minmax(0,1fr);gap:4px;align-items:start;margin:0;padding:2px 0;color:#283c4b;line-height:1.45;word-break:break-word}
.sb-chat-runtime .sb-chat-messages p time{float:none;grid-column:1;color:#83939e;font-size:8px;white-space:nowrap}
.sb-chat-runtime .sb-chat-messages p b{grid-column:2;color:#0a4c79;font-size:10px;white-space:nowrap}
.sb-chat-runtime .sb-chat-messages p .sb-chat-text{grid-column:3;min-width:0;font-size:10px}
.sb-chat-runtime .sb-chat-system{display:block!important;color:#788994!important;padding:9px 2px!important}
.sb-chat-runtime .sb-chat-error{display:block!important;margin:6px 0!important;padding:8px!important;border:1px solid #f0d8a8;border-radius:4px;background:#fff9e9;color:#855f18!important;font-size:9px!important}
.sb-chat-runtime .sb-chat-form input:disabled{background:#f3f5f7;color:#9aa6ae}
.sb-chat-runtime .sb-chat-form button:disabled{opacity:.45;cursor:not-allowed}
.sb-chat-runtime[data-chat-state="connected"] .sb-chat-notice{background:#075b84}
.sb-chat-runtime[data-chat-state="fallback"] .sb-chat-notice{background:#805d14}
.sb-chat-runtime[data-chat-state="error"] .sb-chat-notice{background:#8b3740}

@media(max-width:600px){
  #hd_pop .hd_pops{left:12px!important;right:12px!important;top:12px!important;width:auto!important;max-width:none!important;transform:none!important}
  #hd_pop .hd_pops_con{width:100%!important;height:auto!important;min-height:100px;max-width:none!important;max-height:calc(100vh - 86px)}
  #hd_pop .hd_pops_footer{min-height:46px}
  #hd_pop .hd_pops_footer button{min-height:46px;font-size:10px;padding:0 10px}
}