/* Главная в общем дизайне сайта (pz-ui.css у подстраниц): те же радиусы,
   высоты контролов и подписи. Подключается последним.
   Специфичность: theme.css красит модалки селекторами вида
   html[data-theme="light"] .x — поэтому форма здесь идёт через html[data-theme],
   а цвет через html:not([data-theme="aero"]): у Aero свой стеклянный вид, его
   не перекрашиваем, только подгоняем форму. */
:root {
  --pz-r: 12px;
  --pz-r-sm: 9px;
  --pz-ctl-h: 34px;
  --pz-line: var(--pz-hairline, var(--border));
}

/* ---------- модалки: форма (все темы) ---------- */
html[data-theme] .user-history-card { border-radius: 14px; }
html[data-theme] .user-history-head { min-height: 50px; padding: 8px 10px 8px 16px; }
html[data-theme] .user-history-head strong { font-size: 15px; font-weight: 750; letter-spacing: -0.01em; }
html[data-theme] #chat-search-close,
html[data-theme] #user-history-close,
html[data-theme] #hotkeys-close {
  display: grid;
  width: var(--pz-ctl-h);
  min-width: var(--pz-ctl-h);
  height: var(--pz-ctl-h);
  padding: 0;
  place-items: center;
  border-radius: var(--pz-r-sm);
  font-size: 18px;
  line-height: 1;
}
html[data-theme] .user-history-actions button,
html[data-theme] .user-history-more { min-height: var(--pz-ctl-h); border-radius: var(--pz-r-sm); font-weight: 600; }

/* Поиск: окно по высоте содержимого, а не 78% экрана пустоты. */
html[data-theme] .chat-search-card { width: min(720px, 100%); height: auto; max-height: min(80vh, 720px); }
html[data-theme] .chat-search-form { gap: 6px; padding: 10px 12px; border-bottom: 0; }
html[data-theme] .chat-search-form input { height: var(--pz-ctl-h); padding: 0 11px; border-radius: var(--pz-r-sm); }
html[data-theme] .chat-search-form #chat-search-submit { min-height: var(--pz-ctl-h); padding: 0 14px; border-radius: var(--pz-r-sm); font-weight: 700; }
html[data-theme] .chat-search-status { padding: 0 14px 8px; border-bottom: 1px solid var(--pz-line); }
html[data-theme] .chat-search-card .user-history-list { min-height: 0; padding: 6px 8px 8px; }
html[data-theme] .user-history-list { padding: 6px 10px 10px; }
html[data-theme] .user-history-day { padding: 12px 0 6px; font-size: 12px; letter-spacing: 0.04em; }
html[data-theme] .user-history-message {
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: start;
  padding: 5px 6px;
  border-radius: var(--pz-r-sm);
}
html[data-theme] .user-history-message time { padding: 1px 10px 0 0; }
html[data-theme] .user-history-platform { border-radius: 5px; }

/* Время в результатах — явная кнопка «▶ 03:08», пока есть запись, куда мотать. */
html.dvr-ready .user-history-message .chat-seek-ts {
  justify-self: start;
  margin-top: -1px;
  padding: 1px 7px;
  border-radius: 6px;
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 650;
  text-align: left;
  white-space: nowrap;
}
html.dvr-ready .user-history-message .chat-seek-ts::before { content: "▶ "; font-size: 0.75em; }
html.dvr-ready .user-history-message .chat-seek-ts:hover { background: var(--accent); color: var(--accent-contrast); text-decoration: none; }

/* ---------- модалки: цвет (кроме Aero) ---------- */
html:not([data-theme="aero"]) .user-history-modal { background: rgb(0 0 0 / 0.55); backdrop-filter: blur(3px); }
html:not([data-theme="aero"]) .user-history-card {
  border-color: var(--pz-line);
  background: var(--surface-1, var(--panel));
  box-shadow: 0 24px 70px rgb(0 0 0 / 0.3);
}
html:not([data-theme="aero"]) .user-history-head,
html:not([data-theme="aero"]) .chat-search-form { border-color: var(--pz-line); }
html:not([data-theme="aero"]) #chat-search-close,
html:not([data-theme="aero"]) #user-history-close,
html:not([data-theme="aero"]) #hotkeys-close,
html:not([data-theme="aero"]) .user-history-actions button,
html:not([data-theme="aero"]) .user-history-more {
  border: 1px solid var(--pz-line);
  background: var(--surface-3);
  color: var(--text);
}
html:not([data-theme="aero"]) #chat-search-close:hover,
html:not([data-theme="aero"]) #user-history-close:hover,
html:not([data-theme="aero"]) #hotkeys-close:hover,
html:not([data-theme="aero"]) .user-history-more:hover { background: var(--surface-4); }
html:not([data-theme="aero"]) .chat-search-form input {
  border-color: var(--pz-line);
  background: var(--surface-0, var(--bg));
  color: var(--text);
}
html:not([data-theme="aero"]) .chat-search-form input:focus { border-color: var(--accent-strong); outline: 0; box-shadow: 0 0 0 3px var(--accent-soft); }
html:not([data-theme="aero"]) .chat-search-form #chat-search-submit {
  border: 0;
  background: linear-gradient(135deg, var(--accent-bright), var(--accent-dark));
  color: var(--accent-contrast);
}
html:not([data-theme="aero"]) .user-history-message:hover { background: var(--surface-2); }

/* ---------- тост — та же «пилюля», что на подстраницах ---------- */
html:not([data-theme="aero"]) .copy-toast {
  border: 1px solid var(--accent-medium);
  border-radius: 999px;
  background: var(--surface-1, var(--panel));
  color: var(--text);
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.25);
  font-weight: 600;
}

/* ---------- настройки чата: плотный список вместо столбика 44px-плиток ---------- */
html[data-theme] .chat-settings { gap: 6px; }
html[data-theme] .chat-settings > button,
html[data-theme] .chat-settings > .chat-popout {
  min-height: 36px;
  padding: 7px 12px;
  border-radius: var(--pz-r-sm);
  text-align: left;
}
html[data-theme] .chat-settings > .settings-head { margin-bottom: 4px; }

/* ---------- разделы сайта в настройках чата — чипами, как навигация подстраниц ---------- */
.chat-settings .pz-sections { display: flex; flex-wrap: wrap; gap: 5px; }
.chat-settings .pz-sections a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid var(--pz-line);
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--text);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
}
.chat-settings .pz-sections a:hover { border-color: var(--accent-medium); background: var(--accent-soft); color: var(--accent); }

/* touch.css тянет кнопки до 44px в высоту — крестик держим квадратным. */
@media (max-width: 800px), (pointer: coarse) {
  html[data-theme] #chat-search-close,
  html[data-theme] #user-history-close,
  html[data-theme] #hotkeys-close { width: 40px; min-width: 40px; height: 40px; min-height: 40px; }
  html[data-theme] .chat-search-form #chat-search-submit,
  html[data-theme] .chat-search-form input { min-height: 40px; height: 40px; }
  html[data-theme] .chat-settings > button,
  html[data-theme] .chat-settings > .chat-popout { min-height: 40px; }
}
@media (max-width: 680px) {
  html[data-theme] .user-history-message { grid-template-columns: 56px minmax(0, 1fr); }
  html[data-theme] .chat-search-card { max-height: calc(100dvh - 24px); }
}