/* Center every modal within the visible main content, beside the navigation. */
body :is(dialog, #detail-dialog, #flight-settings-dialog, #flight-config-dialog, #flight-delete-dialog, #hall-unwatch-dialog):modal {
  position:fixed;
  inset:var(--dialog-area-top, 0px) var(--dialog-area-right, 0px) var(--dialog-area-bottom, 0px) var(--dialog-area-left, 0px);
  margin:auto;
  max-width:calc(var(--dialog-area-width, 100vw) - 24px);
  max-height:min(90dvh, calc(var(--dialog-area-height, 100dvh) - 24px));
}

/* Shared close button, matching the algorithm detail dialog reference. */
body :is(dialog, #detail-dialog) button.dialog-close {
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 28px;width:28px;height:28px;min-width:28px;min-height:28px;
  max-width:28px;max-height:28px;margin:0;padding:0;
  border:1px solid transparent;border-radius:4px;background:transparent;color:#202b3e;
  font-family:var(--skin-font,"Microsoft YaHei",sans-serif);font-size:20px;
  font-weight:400;font-style:normal;line-height:1;letter-spacing:0;
  text-align:center;text-decoration:none;box-shadow:none;transform:none;
}
body :is(dialog, #detail-dialog) button.dialog-close:hover {
  background:#f2f4f7;color:#202b3e;border-color:transparent;
}
body :is(dialog, #detail-dialog) button.dialog-close:focus-visible {
  outline:2px solid #a4afbe;outline-offset:2px;
}

#hall-unwatch-dialog {
  box-sizing:border-box;width:320px;max-width:calc(100vw - 40px);padding:26px 0 0;
  border:1px solid #dfe4eb;border-radius:4px;background:#fff;color:#202b3e;
  box-shadow:0 8px 26px #16294d14;text-align:center;
  font-family:var(--skin-font,"Microsoft YaHei",sans-serif);
}
#hall-unwatch-dialog .dialog-close {position:absolute;right:9px;top:9px;}
#hall-unwatch-question {margin:0;padding:0 38px;font-size:14px;font-weight:400;line-height:24px;}
#hall-unwatch-name {margin:8px 20px 0;color:#6e7c90;font-size:13px;line-height:21px;overflow-wrap:anywhere;}
#hall-unwatch-error {margin:10px 20px 0;color:#d32f2f;font-size:12px;line-height:20px;}
#hall-unwatch-dialog .hall-unwatch-actions {display:flex;justify-content:center;gap:10px;padding:20px 20px 19px;}
#hall-unwatch-dialog .hall-unwatch-actions button {
  min-width:96px;min-height:30px;height:30px;max-height:30px;padding:0 14px;border:1px solid #dfe4eb;border-radius:3px;
  background:#fff;color:#4e5969;font:13px/28px var(--skin-font,"Microsoft YaHei",sans-serif);box-shadow:none;
}
#hall-unwatch-dialog .hall-unwatch-actions button:hover {background:#f7f8fa;}
#hall-unwatch-dialog button[data-unwatch-confirm] {border-color:#165dff;background:#165dff;color:#fff;}
#hall-unwatch-dialog button[data-unwatch-confirm]:hover {border-color:#4080ff;background:#4080ff;}
#hall-unwatch-dialog button:disabled {cursor:wait;opacity:.65;}
#hall-unwatch-dialog .hall-unwatch-actions button:focus-visible {outline:2px solid #a4afbe;outline-offset:2px;}