/* 유저 쪽지 확인 차단 모달 */
.ess-urgent-overlay {
    position: fixed;
    inset: 0;
    /* 대부분의 레이어보다 위. 라이브챗 위젯은 body.ess-urgent-lock 에서 숨긴다. */
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    background: rgba(4, 6, 10, .82);
    backdrop-filter: blur(3px);
}
.ess-urgent-overlay.is-open { display: flex; }

body.ess-urgent-lock { overflow: hidden !important; }
/* 차단 중에는 챗 위젯/로비 팝업이 위로 올라오지 못하게 숨긴다 */
body.ess-urgent-lock #chat-widget-container,
body.ess-urgent-lock .pop_blind_box,
body.ess-urgent-lock .pop_login { display: none !important; }

.ess-urgent-box {
    width: min(520px, 100%);
    max-height: min(86vh, 720px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #b8893f;
    border-radius: 14px;
    background: linear-gradient(180deg, #17110a, #050505);
    box-shadow: 0 24px 70px #000c, inset 0 1px 0 #ffffff1f;
    color: #f8ead1;
}
.ess-urgent-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 18px 12px;
    border-bottom: 1px solid #3f2c13;
    background: linear-gradient(180deg, #241a0d, #15100a);
}
.ess-urgent-icon {
    width: 34px; height: 34px;
    flex: 0 0 34px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: #d9a54a22;
    color: #f3c76c;
    font-size: 16px;
}
.ess-urgent-kicker {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    color: #c49a55;
}
.ess-urgent-title {
    margin: 2px 0 0;
    font-size: 17px;
    font-weight: 900;
    color: #f7dc95;
    word-break: break-all;
}
.ess-urgent-meta {
    margin-left: auto;
    font-size: 11px;
    color: #9c8a6a;
    white-space: nowrap;
}
.ess-urgent-body {
    padding: 18px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 1.8;
    color: #e8dcc4;
    white-space: pre-wrap;
    word-break: break-word;
}
.ess-urgent-foot {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px 16px;
    border-top: 1px solid #3f2c13;
    background: #0d0a06;
}
.ess-urgent-count {
    font-size: 12px;
    color: #b99a61;
}
.ess-urgent-confirm {
    margin-left: auto;
    min-width: 140px;
    height: 42px;
    padding: 0 18px;
    border: 1px solid #e5bd70;
    border-radius: 4px;
    background: linear-gradient(180deg, #f4d58d, #a56b22);
    box-shadow: inset 0 1px 0 #fff8;
    color: #160b02;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
}
.ess-urgent-confirm:disabled { opacity: .6; cursor: default; }

@media (max-width: 540px) {
    .ess-urgent-box { max-height: 82vh; }
    .ess-urgent-confirm { min-width: 0; width: 100%; margin-left: 0; }
    .ess-urgent-foot { flex-direction: column; align-items: stretch; }
    .ess-urgent-count { text-align: center; }
}