/* Popup viewport budget is shared with the scrollable card inside its shadow root. */
.bnc-benefits-v12-dialog {
  --bk-height:calc(100vh - 32px);
  position:fixed;inset:0;margin:auto;border:0;padding:0;
  width:min(var(--bk-dialog-width,1120px),calc(100% - 32px));max-width:calc(100% - 32px);
  height:max-content;max-height:var(--bk-height);overflow:hidden;
  border-radius:18px;color:#152941;background:white;box-shadow:0 16px 72px #10233555;
}
@supports (height:100dvh) {.bnc-benefits-v12-dialog {--bk-height:calc(100dvh - 32px)}}
.bnc-benefits-v12-dialog:not([open]){display:none}
.bnc-benefits-v12-dialog::backdrop,.bnc-benefits-v12-backdrop{background:rgba(14,31,49,.58)}
.bnc-benefits-v12-dialog.is-mobile-preview {
  width:min(366px,calc(100% - 24px));max-width:calc(100% - 24px);border-radius:14px;
  --bk-height:min(720px,calc(100vh - 24px));
}
@supports (height:100dvh) {.bnc-benefits-v12-dialog.is-mobile-preview {--bk-height:min(720px,calc(100dvh - 24px))}}
.bnc-benefits-v12-dialog.is-fallback{z-index:2147483647}
.bnc-benefits-v12-backdrop{position:fixed;inset:0;z-index:2147483646}
html:has(.bnc-benefits-v12-dialog[open]){overflow:hidden!important}
.bnc-benefits-v12-loading{min-height:145px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:20px;font:14px/1.5 'Malgun Gothic',sans-serif}
.bnc-benefits-v12-loading button{border:1px solid #aab9c6;border-radius:6px;padding:7px 12px;background:white;color:#1b3550;cursor:pointer}
#bizkt-night-chat-root .bnc-benefit-button.bnc-cover-v10,.bna-promotion-stage .bnc-benefit-button.bnc-cover-v10{
  display:grid;grid-template-columns:minmax(0,1fr) 75px;grid-template-rows:auto auto auto;
  gap:3px 6px;align-items:center;width:100%;padding:10px 13px;border:1px solid #e5c75e;border-radius:12px;
  background:linear-gradient(105deg,#fff5c9,#fff 80%);color:#172e45;text-align:left;cursor:pointer
}
.bnc-cover-v10 strong,.bnc-cover-v10 small,.bnc-cover-v10 .bnc-view-benefits{grid-column:1}
.bnc-cover-v10 strong{grid-row:1;font-size:16px}.bnc-cover-v10 small{grid-row:2;font-size:12px}
.bnc-view-benefits{font-size:13px;font-weight:700;color:#164b6b}.bnc-cover-v10 .bnc-view-benefits{grid-row:3}
#bizkt-night-chat-root .bnc-cover-v10 .bnc-benefit-image,.bna-promotion-stage .bnc-cover-v10 img{grid-column:2;grid-row:1/4;display:block;width:75px;height:70px;object-fit:contain;background:white}
.bna-v10-draft{width:100%;min-height:52px;font:inherit;border:1px solid #aebcca;border-radius:7px;padding:8px;box-sizing:border-box}
@media(max-width:600px){
  .bnc-benefits-v12-dialog {width:calc(100% - 24px);max-width:calc(100% - 24px);border-radius:14px;--bk-height:calc(100vh - 24px)}
  @supports (height:100dvh) {.bnc-benefits-v12-dialog {--bk-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}
}

/* While the greeting is being typed, only the text and caret are visible. */
#bizkt-night-chat-root .bnc-intro-log:not(:empty) + .bnc-log:not(:empty) {margin-top:20px}
#bizkt-night-chat-root .bnc-intro-draft .bnc-message-text,
#bnc-admin-app .bnc-intro-draft .bna-promotion-greeting {
    background:transparent; border-color:transparent; box-shadow:none;
}
.bnc-intro-draft [data-intro-text]::after {content:"";border-right:2px solid currentColor;margin-left:2px}
#bizkt-night-chat-root button.bnc-intro-benefit,
#bnc-admin-app button.bnc-intro-benefit {
    display:block; width:auto; text-align:left; font:inherit; line-height:1.7;
    text-decoration:none;
    cursor:pointer; white-space:pre-wrap;
}
#bizkt-night-chat-root .bnc-intro-benefit:focus-visible,
#bnc-admin-app .bnc-intro-benefit:focus-visible {outline:2px solid currentColor;outline-offset:2px}

#bnc-admin-app .bna-promotion-stage.bna-intro-waiting {
    display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end; gap:6px; min-height:150px;
}

@keyframes bnc-intro-open {
    from {opacity:0;transform:translateY(10px)}
    to {opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion: no-preference) {
    #bizkt-night-chat-root .bnc-panel:not([hidden]),
    #bnc-admin-app .bna-promotion-stage.bna-intro-open {animation:bnc-intro-open .3s ease-out}
}
#bnc-admin-app .bna-intro-steps {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px}
#bnc-admin-app .bna-intro-steps fieldset {min-width:0;margin:0;padding:12px;border:1px solid #c9d7e6;border-radius:8px}
#bnc-admin-app .bna-intro-steps legend {padding:0 5px;color:#183b54;font-weight:700}
#bnc-admin-app .bna-intro-steps .bna-field {margin:5px 0}
#bnc-admin-app .bna-intro-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#bnc-admin-app .bna-reset-result {font-weight:600;color:#194b55}

/* Both surfaces belong to one modal. Only the underlying product page is dimmed. */
html.bnc-benefits-reading {overflow:hidden!important}
html.bnc-benefits-reading #contents .fixWrap > .main_tab_wrap {opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.bnc-benefits-v12-dialog.is-paired::backdrop,.bnc-benefits-v12-backdrop.is-paired-shade {background:rgba(52,60,67,.80)}
.bnc-benefits-v12-dialog.is-paired {
  box-sizing:border-box;position:fixed;inset:auto;top:var(--bk-pair-y,0px);left:var(--bk-pair-x,0px);
  width:var(--bk-pair-width,100vw);max-width:none;height:var(--bk-pair-height,100vh);max-height:none;
  margin:0;padding:0;overflow:hidden;background:transparent;box-shadow:none;border:0;border-radius:0;
  --bk-height:calc(var(--bk-pair-height,100vh) - 32px);
}
.bnc-benefits-v12-dialog.is-paired .bnc-pair-grid {
  box-sizing:border-box;width:100%;height:100%;display:grid;align-items:center;justify-content:center;
  padding:16px;gap:16px;grid-template-columns:minmax(0,var(--bk-pair-card)) minmax(0,var(--bk-pair-chat-width));
  grid-template-rows:minmax(0,1fr);font:16px/1.45 'Malgun Gothic',sans-serif;
}
.bnc-pair-benefit {min-width:0;max-width:100%;min-height:0;overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 14px 52px #0e182b55;}
.bnc-pair-chat {min-width:0;min-height:0;max-height:100%;align-self:end}
.bnc-pair-grid > [hidden] {display:none!important}
.bnc-pair-nav {display:flex;align-items:center;gap:6px;justify-self:stretch}
.bnc-pair-nav button {min-height:40px;box-sizing:border-box;padding:6px 15px;border-radius:8px;border:1px solid #aab7c1;background:#fff;color:#183349;font:700 15px/1.3 'Malgun Gothic',sans-serif;cursor:pointer}
.bnc-pair-nav button[aria-pressed="true"] {background:#105940;border-color:#105940;color:#fff}
.bnc-pair-nav button:focus-visible {outline:3px solid #f9c949;outline-offset:2px}
.bnc-pair-nav .bnc-pair-exit {margin-left:auto;width:40px;padding:0;font-size:21px}
.bnc-benefits-v12-dialog.is-paired[data-arrangement="switch"] {--bk-height:calc(var(--bk-pair-height,100vh) - 76px)}
.bnc-benefits-v12-dialog.is-paired[data-arrangement="switch"] .bnc-pair-grid {
  box-sizing:border-box;grid-template-columns:minmax(0,var(--bk-pair-card));
  grid-template-rows:42px minmax(0,1fr);padding:12px;gap:10px;align-content:center;
}
.bnc-benefits-v12-dialog.is-paired[data-arrangement="switch"] .bnc-pair-chat {align-self:center;justify-self:center;width:min(100%,var(--bk-pair-chat-width))}
.bnc-benefits-v12-dialog.is-benefit-first[data-arrangement="switch"] {--bk-height:calc(var(--bk-pair-height,100vh) - 32px)}
.bnc-benefits-v12-dialog.is-benefit-first[data-arrangement="switch"] .bnc-pair-grid {grid-template-rows:minmax(0,1fr);padding:16px;gap:0}
.bnc-benefits-v12-dialog.is-benefit-first .bnc-pair-nav {display:none!important}
.bnc-benefits-v12-dialog.is-paired.is-mobile-preview[data-arrangement="switch"] {--bk-height:min(720px,calc(var(--bk-pair-height,100vh) - 76px))}

.bnc-benefits-v12-dialog.is-paired .bnc-pair-chat #bizkt-night-chat-root {
  position:relative;inset:auto;z-index:auto;margin:0;max-width:100%;width:100%;min-height:0;height:auto;
  align-items:stretch;
}
.bnc-benefits-v12-dialog.is-paired .bnc-pair-chat #bizkt-night-chat-root .bnc-panel {
  box-sizing:border-box;width:100%;max-width:100%;min-height:0;
  height:min(var(--bnc-panel-height,680px),var(--bk-height));max-height:var(--bk-height);
  border-radius:16px;border:1px solid #b6c6d7;box-shadow:0 12px 38px #0e182b55;
}
.bnc-pair-chat .bna-promotion-stage,.bnc-pair-demo {
  box-sizing:border-box;width:100%;max-height:var(--bk-height);padding:16px;overflow:auto;border-radius:14px;
  background:#f6f9ff;color:#17314b;box-shadow:0 12px 38px #0e182b55;
}
.bnc-pair-demo {display:flex;flex-direction:column;gap:12px;min-height:min(300px,var(--bk-height))}
.bnc-pair-demo > strong {font:700 16px/1.4 'Malgun Gothic',sans-serif}
.bnc-pair-demo-log {flex:1;min-height:0;overflow:auto;overflow-wrap:anywhere}
.bnc-pair-demo-log p,.bnc-pair-chat .bna-promotion-greeting {margin:6px 0;padding:8px 12px;border-radius:10px;background:#fff;color:#1a3552}
.bnc-pair-demo form {display:flex;align-items:center;gap:6px}
.bnc-pair-demo textarea,.bnc-pair-chat .bna-v10-draft {box-sizing:border-box;width:100%;min-width:0;min-height:44px;resize:vertical;border:1px solid #aabcca;border-radius:8px;padding:7px;font:inherit}
.bnc-pair-demo button {min-height:42px;border:0;border-radius:8px;background:#16634b;color:white;font:700 14px/1.3 'Malgun Gothic',sans-serif;white-space:nowrap;cursor:pointer}
@media (forced-colors:active){.bnc-pair-benefit,.bnc-pair-chat,.bnc-pair-nav button {border:1px solid CanvasText}}

/* Reveal the completed offer once; keep the already visible chat steady. */
@keyframes bnc-benefit-ready {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes bnc-benefit-shade {from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:no-preference){
  .bnc-benefits-v12-dialog.is-ready:not(.is-paired),
  .bnc-benefits-v12-dialog.is-ready .bnc-pair-benefit {animation:bnc-benefit-ready .22s ease-out both}
  .bnc-benefits-v12-dialog.is-ready::backdrop {animation:bnc-benefit-shade .18s ease-out both}
}