/*
──────────────────────────────────────────────────────────────────
Copyright (c) 2026 Ilhom Abdullayev (@aib81).
Proyekt: AT MEDSERT — sertifikatsiya tizimi (ISO 13485).
Email: ilhom8108@gmail.com · Telegram: @aib81 (id: 834760045)

Web 038: режим «Гость» (read-only). Этот CSS:
  1. Стилизует верхний баннер с предупреждением.
  2. Скрывает все кнопки/ссылки, которые ведут к изменению данных
     или скачиванию файлов (для body[data-user-role="guest"]).
──────────────────────────────────────────────────────────────────
*/

/* ─── Баннер «Режим Гостя» ───────────────────────────────────── */

.guest-banner {
  position: sticky;
  top: 0;
  z-index: 9000;
  padding: 8px 16px;
  background: linear-gradient(90deg, #b8860b 0%, #d4a017 50%, #b8860b 100%);
  color: #fff;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.02em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
  border-bottom: 2px solid #8b6914;
  font-size: 0.95rem;
}

.guest-banner__icon {
  display: inline-block;
  margin-right: 6px;
  font-size: 1.1em;
}

.guest-banner__text {
  display: inline-block;
}

/* ─── Скрытие действий для Guest-роли ────────────────────────── */

/* Все кнопки/ссылки, которые делают мутации или скачивания —
   помечают себя классом или конкретным data-action.
   Скрываем по аккуратному списку, чтобы случайно не убить
   нужные элементы (Logout и переключение языка). */

body[data-user-role="guest"] .btn--primary,
body[data-user-role="guest"] .btn--danger,
body[data-user-role="guest"] .btn--warning,
body[data-user-role="guest"] .btn--success,
body[data-user-role="guest"] [data-action="delete"],
body[data-user-role="guest"] [data-action="edit"],
body[data-user-role="guest"] [data-action="create"],
body[data-user-role="guest"] [data-action="export"],
body[data-user-role="guest"] [data-action="download"],
body[data-user-role="guest"] [data-action="upload"],
body[data-user-role="guest"] [data-action="generate"],
body[data-user-role="guest"] form[method="post"] button[type="submit"]:not(.guest-allowed),
body[data-user-role="guest"] form[method="POST"] button[type="submit"]:not(.guest-allowed),
body[data-user-role="guest"] a[href*="/new"],
body[data-user-role="guest"] a[href*="/edit"],
body[data-user-role="guest"] a[href*="/delete"],
body[data-user-role="guest"] a[href*="download"],
body[data-user-role="guest"] a[href*="export"],
body[data-user-role="guest"] a[href*=".xlsx"],
body[data-user-role="guest"] a[href*=".docx"],
body[data-user-role="guest"] a[href*=".pdf"],
body[data-user-role="guest"] input[type="file"],
body[data-user-role="guest"] [data-arizalar-editors-open],
body[data-user-role="guest"] [data-wf-grants-open-modal],
body[data-user-role="guest"] [data-wf-app-docs-form],
body[data-user-role="guest"] [data-wf-grant-modal],
body[data-user-role="guest"] [data-arizalar-editors-modal] {
  display: none !important;
}

/* Раскрашиваем «безопасные» кнопки в нейтральный серый — психология */
body[data-user-role="guest"] .btn--ghost {
  opacity: 0.85;
}

/* Запрет выделения текста и копирования для Guest */
body[data-user-role="guest"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Разрешим выделение только в инпутах (если такие останутся — например, поиск) */
body[data-user-role="guest"] input,
body[data-user-role="guest"] textarea,
body[data-user-role="guest"] select {
  -webkit-user-select: text;
  user-select: text;
}

/* Запрет drag-and-drop для изображений (чтобы не сохранить через перетаскивание) */
body[data-user-role="guest"] img {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;  /* картинки не реагируют на клик/правый клик */
}

/* ─── Watermark с именем Guest (защита от скриншотов) ───────── */

.guest-watermark {
  position: fixed;
  inset: 0;
  pointer-events: none;     /* не блокирует клики */
  z-index: 8500;            /* поверх контента, но под модалками (которые ~ 9500+) */
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(8, 1fr);
  gap: 0;
  opacity: 0.18;
  user-select: none;
}

.guest-watermark__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: monospace;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary, #555);
  white-space: nowrap;
  transform: rotate(-30deg);
  letter-spacing: 0.05em;
  text-shadow: 0 0 2px rgba(0, 0, 0, .15);
  /* убираем тяжесть для рендера */
  -webkit-user-select: none;
  user-select: none;
}

/* В тёмной теме сделать водяной знак чуть видимее */
html[data-theme="dark"] .guest-watermark {
  opacity: 0.12;
}
html[data-theme="dark"] .guest-watermark__tile {
  color: var(--text-secondary, #aaa);
}

/* При печати тоже выводим watermark — на распечатке будет видно */
@media print {
  .guest-watermark {
    opacity: 0.25 !important;
    z-index: 99999 !important;
  }
}