/* Поиск: общая строка (лупа, поле, «Отмена» в одну линию), панель «Личка · Чертоги · Весь HOLYLAND», лупа в шапке чертога.
   Слова Лираз 29.10.2026: «поиск по имени у тебя в поисковике и надпись… какой-то колхоз… надо всё отцентровать, чтобы чётко
   было по линии посередине. И отмена, чтобы всё в одну строчку стояло… в этом чертоге у тебя вообще не тыкается… тройной».
   Цвета — только опоры темы (--glass, --line, --ink…): светлая тема меняет их сама. Разметку даёт HLSearch (search-core.*.js).
   Версионный файл: содержимое под этим именем не меняют, правка — новое имя. Chromium 99: без :has(), inset, dvh. */

/* ---------- общая строка поиска: лупа · поле · «Отмена» ----------
   Всё в одной капсуле фиксированной высоты, три соседа выровнены по центру оси flex. Поле растянуто на всю высоту капсулы
   без своих отступов — его текст и подсказка встают по середине сами; никакого «поля сверху 4, снизу 10» и подложки в поле. */
.hl-sbar{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-width:0;height:46px;padding:0 14px;
  border-radius:100px;border:1px solid var(--line);background:var(--glass);color:var(--ink)}
.hl-sbar:focus-within{border-color:rgba(var(--gold-rgb),.45)}
.hl-sbar-ic{flex:0 0 auto;display:grid;place-items:center;width:18px;height:18px;color:var(--ink-faint)}
.hl-sbar-ic svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
/* Селектор input[type=search] нарочно тяжелее светлой темы: у неё на КАЖДОЕ поле (html[data-theme=light] input и :focus) положены
   подложка, рамка и кольцо фокуса, и в светлой теме внутри капсулы вставало второе поле — поле в поле. Здесь поле — просто текст
   на ровной оси капсулы, а рамка и кольцо у капсулы. */
.hl-sbar input[type="search"]{flex:1 1 auto;min-width:0;width:auto;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;
  box-shadow:none;outline:none;color:var(--ink);font:inherit;font-size:calc(15px * var(--fs,1));line-height:normal;text-align:start;
  -webkit-appearance:none;appearance:none}
.hl-sbar input[type="search"]:focus{border:0;box-shadow:none;outline:none}
/* У поля лички (#dmQ) в самой светлой теме свой селектор с идентификатором (html[data-theme=light] #dmQ: подложка и рамка), его по
   тяжести не обойти без !important — поэтому подложка, рамка и кольцо поля в капсуле отключены им, и только они. */
.hl-sbar input[type="search"]{background:none!important;border-color:transparent!important;box-shadow:none!important}
.hl-sbar input::placeholder{color:var(--ink-faint);opacity:1}
.hl-sbar input::-webkit-search-decoration,.hl-sbar input::-webkit-search-cancel-button,.hl-sbar input::-webkit-search-results-button{
  -webkit-appearance:none;appearance:none;display:none}
.hl-sbar-x{flex:0 0 auto;display:inline-flex;align-items:center;height:100%;margin:0;padding:0 2px;border:0;background:none;
  color:var(--gold-text,#D8B04C);font:inherit;font-size:calc(14px * var(--fs,1));font-weight:600;line-height:1;white-space:nowrap;cursor:pointer}
.hl-sbar-x[hidden]{display:none}
.hl-sbar-x:active{opacity:.6}

/* ---------- панель поиска: лежит поверх чата под чёлкой, список внутри прокручивается ---------- */
#hlFind{position:fixed;left:0;right:0;top:0;bottom:auto;z-index:150;display:none;flex-direction:column;
  background:var(--plum);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);
  box-shadow:0 20px 46px rgba(var(--shade-rgb),.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html[data-fit="on"] #hlFind{top:var(--vv-top,0px)}
#hlFind.on{display:flex}
#hlFind .ff-top{flex:0 0 auto;padding:10px 12px}
/* Выбор области: три кнопки в одну строку, каждая в одну линию. flex-basis по содержимому: самая длинная подпись
   («Весь HOLYLAND», «Ganz HOLYLAND») получает место, а не многоточие. */
#hlFind .ff-scope{flex:0 0 auto;display:flex;gap:7px;padding:0 12px 10px}
#hlFind .ff-scope button{flex:1 1 auto;min-width:0;height:36px;box-sizing:border-box;border-radius:100px;border:1px solid var(--line);
  background:var(--glass);color:var(--ink-dim);cursor:pointer;font:600 12.5px/1 Arial,Helvetica,sans-serif;padding:0 10px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hlFind .ff-scope button.on{border-color:var(--gold,#e6c66a);color:var(--gold-text,#D8B04C);background:rgba(var(--gold-rgb),.11)}
#hlFindList{flex:0 1 auto;max-height:min(58vh,500px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 12px calc(14px + var(--safe-b,0px))}
#hlFindList .ff-note{color:var(--ink-faint,#9d92b6);font-size:calc(13.5px * var(--fs,1));text-align:center;padding:24px 10px}
#hlFindList .ff-note.ff-tail{padding:10px}

/* Заголовок группы результатов: «Чаты и чертоги», «Люди», «Сообщения». */
.ff-gh{margin:10px 2px 6px;font-size:calc(11.5px * var(--fs,1));font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--gold-text,#D8B04C)}
.ff-gh:first-child{margin-top:2px}

/* Строка результата. Одна опора на чат, человека и сообщение. */
.ff-item{display:block;width:100%;box-sizing:border-box;text-align:start;background:var(--glass);border:1px solid var(--line);
  border-radius:14px;padding:10px 12px;margin-bottom:8px;cursor:pointer;color:inherit;font:inherit}
.ff-item .ff-nm{display:block;font-size:calc(15px * var(--fs,1));font-weight:600;line-height:1.3;color:var(--ink,#f0efeb);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ff-item .ff-sub{display:block;margin-top:2px;font-size:calc(12px * var(--fs,1));color:var(--ink-faint,#9d92b6);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ff-item .ff-who{font-size:calc(11.5px * var(--fs,1));font-weight:700;color:var(--gold-text,#D8B04C);display:flex;justify-content:space-between;gap:8px}
.ff-item .ff-where{color:var(--gold-text,#D8B04C);font-weight:600}
.ff-item .ff-when{color:var(--ink-faint,#9d92b6);font-weight:400}
.ff-item .ff-txt{font-size:calc(14px * var(--fs,1));line-height:1.4;margin-top:4px;color:var(--ink,#f0efeb);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ff-item mark{background:rgba(var(--gold-rgb),.28);color:var(--gold-text,#D8B04C);border-radius:3px;padding:0 1px}

/* ---------- лупа в шапке чертога ----------
   В шапке приложения лупа есть всегда, но на телефоне комната (#room) накрывает её целиком: нажатие на её место попадало в
   название чертога. Поэтому у чертога своя лупа, того же вида, что звезда рядом. Лишней её делает только колонка чертога на
   большом столе: там комната — колонка справа, верхняя полоса видна, а две лупы друг друга дублируют («у нас две лупы и они
   друг друга дублируют», Лираз 27.09.2026). Колонка включается ТОЛЬКО с шириной от 1080 точек и мышью
   (desktop-shell.*.css: min-width:1080px, hover:hover, pointer:fine), и прятать лупу чертога можно только в тех же условиях.
   Круг 2 рецензии 29.10.2026: правило «на компьютере спрятать» стояло без этих условий, и на компьютере без касания в узком
   окне или при крупном масштабе (комната на весь экран, верхняя лупа под ней) не оставалось ни одной лупы — «не тыкается»
   возвращалось. Условие ниже обязано совпадать с условием колонки слово в слово (держит scripts/check-search-scope.mjs).
   Крупный и простой режимы прячут лупу шапки — прячут и эту. */
#roomSearchBtn{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;padding:7px;border:1px solid var(--line);
  border-radius:50%;background:var(--glass);color:var(--ink-dim);cursor:pointer}
#roomSearchBtn svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.hl-big #roomSearchBtn,html.hl-simple #roomSearchBtn{display:none}
@media (min-width:1080px) and (hover:hover) and (pointer:fine){
  html[data-kind="desktop"] #roomSearchBtn{display:none}
}