/* Foreground display only. Never added to medicine data, exports or source images. */
.screen-watermark {
  position: fixed; inset: 0; width: 100vw; height: 100dvh;
  max-width: none; max-height: none; margin: 0; padding: 0; border: 0;
  overflow: hidden; background: transparent; color: rgb(31 66 50 / .062);
  z-index: 2147483000; pointer-events: none !important; user-select: none;
  font-family: var(--app-font, 'Pretendard Variable', Pretendard, 'Malgun Gothic', sans-serif);
  font-size: calc(var(--page-title-size, 26px) * 2); font-weight: 600;
  line-height: 1.15; font-variant-numeric: tabular-nums; letter-spacing: -.025em;
  isolation: isolate;
}
.screen-watermark *, .screen-watermark::backdrop { pointer-events: none !important; user-select: none; }
.screen-watermark::backdrop { background: transparent; }
.screen-watermark-grid {
  position: absolute; inset: -60px 0; display: grid;
  grid-template-columns: repeat(var(--watermark-columns, 2), minmax(0, 1fr));
  grid-auto-rows: 390px; align-items: center; justify-items: center;
}
.screen-watermark-mark { display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(100% - 28px); max-width: 680px; gap: 4px; transform: rotate(-22deg); text-align: center; }
.screen-watermark-user { max-width: 100%; overflow-wrap: anywhere; }
.screen-watermark-clock { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 13px; }
.screen-watermark-clock span { white-space: nowrap; }
.screen-watermark-hospital { white-space: nowrap; }
@media (max-width: 600px) {
  .screen-watermark-grid { grid-auto-rows: 390px; inset-block-start: -55px; }
  .screen-watermark-mark { width: calc(100% - 50px); max-width: 360px; gap: 1px; }
}
@media print { .screen-watermark { display: none !important; } }