Кабинет: поиск клиентов с подсказками, чистая страница документов, ширина настроек

Поиск клиентов (режим сотрудника):
- поле поиска вынесено наверх страницы, рядом «Найти» и «Сбросить»;
- браузер сам подсказывает выпадающим списком по мере ввода — договоры
  депозитария отдаются страницей в <datalist> (скриптов в кабинете нет,
  CSP остаётся строгой), список кэшируется в ядре на 10 минут;
- по запросу фильтруются и учётки кабинета, и договоры депозитария,
  под формой показывается, сколько найдено;
- шаблон LIKE экранируется, чтобы % и _ в номере договора означали себя.

Документы: убраны пустое табло, «Мои заявки» и форма заказа документа —
остался список готовых документов депозитария и пояснение, куда обращаться.

Настройка: колонка сетки больше не растягивается широкой таблицей
(min-width:0), у страницы пропал горизонтальный ползунок.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Q4YVo4UMopqT5DzicqpPjL

modules/lk/templates.go

@@ -84,6 +84,9 @@ label{display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;let
 input,select,textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line-2);border-radius:2px;background:#fff;color:var(--ink);font:inherit;font-size:16px}
 input:focus,select:focus,textarea:focus{outline:2px solid var(--acc);outline-offset:1px}
 input[type=checkbox]{width:20px;min-height:20px;height:20px}
+/* поиск клиентов: поле с подсказками браузера (datalist) + кнопки в строку */
+.cfind{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;max-width:720px}
+.cfind .btn{flex:none}
 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid var(--line-2);border-radius:3px;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}
 .btn:hover{border-color:var(--ink);color:var(--ink)}
 .btn.main{background:var(--amber);border-color:var(--amber);color:var(--ink)}
@@ -445,24 +448,33 @@ input[type=checkbox]{width:20px;min-height:20px;height:20px}
 </div></section>
 <main>
   {{if .Error}}<div class="msg err">{{.Error}}</div>{{end}}
+
   <section class="sec">
+    <form method="get" action="/clients" class="cfind">
+      <div style="flex:1 1 320px;min-width:0"><label for="s">Договор, фамилия или номер клиента</label>
+        <input id="s" name="search" value="{{.Search}}" list="cl-suggest" autocomplete="off" placeholder="начните вводить — появятся подсказки"></div>
+      <button class="btn main" type="submit">Найти</button>
+      {{if .Search}}<a class="btn" href="/clients">Сбросить</a>{{end}}
+    </form>
+    <datalist id="cl-suggest">{{range .Suggest}}<option value="{{.}}"></option>{{end}}</datalist>
+    <p class="mut" style="margin:10px 0 0;font-size:12.5px">
+      {{if .Search}}По запросу «{{.Search}}» найдено: {{.Found}}.{{else}}Подсказки — все договоры депозитария ({{plural (len .Suggest) "договор" "договора" "договоров"}}); выберите из списка или введите часть фамилии и нажмите «Найти».{{end}}</p>
+  </section>
+
+  {{if .Clients}}<section class="sec">
     <h2 class="lbl" style="font-size:12px;letter-spacing:.14em">Учётные записи кабинета</h2>
-    {{if .Clients}}<div class="tw"><table>
+    <div class="tw"><table>
       <thead><tr><th>Клиент</th><th>Логин</th><th>Договор</th><th>Состояние</th><th></th></tr></thead>
       <tbody>{{range .Clients}}<tr>
         <td><b>{{.FullName}}</b></td><td class="n">{{.Login}}</td><td class="n">{{.Contract}}</td>
         <td>{{if .Active}}<span class="chip ok">активна</span>{{else}}<span class="chip err">заблокирована</span>{{end}}</td>
         <td style="text-align:right"><form method="post" action="/impersonate" style="margin:0"><input type="hidden" name="login" value="{{.Login}}"><input type="hidden" name="csrf" value="{{$.CSRF}}"><button class="btn sm" type="submit">Открыть кабинет</button></form></td>
       </tr>{{end}}</tbody></table></div>
-    {{else}}<p class="empty">Учётных записей кабинета пока нет.</p>{{end}}
-  </section>
+  </section>{{end}}
 
   <section class="sec">
-    <div class="sec-h"><h2 class="lbl" style="font-size:12px;letter-spacing:.14em">Клиенты депозитария</h2></div>
-    <form method="get" action="/clients" style="display:flex;gap:10px;align-items:flex-end;max-width:560px;margin-bottom:14px">
-      <div style="flex-grow:1"><label for="s">Поиск</label><input id="s" name="search" value="{{.Search}}" placeholder="фамилия или номер договора"></div>
-      <button class="btn" type="submit">Найти</button>
-    </form>
+    <div class="sec-h"><h2 class="lbl" style="font-size:12px;letter-spacing:.14em">Клиенты депозитария</h2>
+      {{if .Depo}}<span class="mut" style="font-size:12.5px">{{plural (len .Depo) "договор" "договора" "договоров"}}</span>{{end}}</div>
     {{if .DepoError}}<div class="msg err">{{.DepoError}}</div>{{end}}
     {{if .Depo}}<div class="tw"><table>
       <thead><tr><th>Клиент</th><th>Договор</th><th class="num">Бумаг</th><th></th></tr></thead>
@@ -470,7 +482,7 @@ input[type=checkbox]{width:20px;min-height:20px;height:20px}
         <td><b>{{.Name}}</b></td><td class="n">{{.Contract}}</td><td class="num">{{.Securities}}</td>
         <td style="text-align:right"><form method="post" action="/impersonate" style="margin:0"><input type="hidden" name="contract" value="{{.Contract}}"><input type="hidden" name="csrf" value="{{$.CSRF}}"><button class="btn sm" type="submit">Открыть кабинет</button></form></td>
       </tr>{{end}}</tbody></table></div>
-    {{else}}<p class="empty">Ничего не найдено.</p>{{end}}
+    {{else}}<p class="empty">{{if .Search}}По запросу «{{.Search}}» договоров не найдено.{{else}}Ничего не найдено.{{end}}</p>{{end}}
   </section>
 
   <p class="mut">В кабинете клиента сотрудник готовит поручение, подписывает его клиент. Каждый вход сотрудника записывается в журнал.</p>
@@ -559,17 +571,12 @@ input[type=checkbox]{width:20px;min-height:20px;height:20px}
 </main></body></html>{{end}}
 
 {{define "documents"}}{{template "head" .}}{{template "nav" .}}
-<section class="board"><div class="board-row">
-  <div><span class="lbl" style="color:var(--dim)">Документы депозитария</span>
-    <div class="big" style="margin-top:8px;font-size:32px">{{len .Ready}}</div>
-    <div class="n" style="font-size:13px;color:var(--dim);margin-top:6px">готовых документов{{if .Requests}} · заявок {{len .Requests}}{{end}}</div></div>
-</div></section>
 <main>
   {{if .Flash}}<div class="msg ok">{{.Flash}}</div>{{end}}
   {{if .Error}}<div class="msg err">{{.Error}}</div>{{end}}
 
   <section class="sec">
-    <h2 class="lbl" style="font-size:12px;letter-spacing:.14em">Готовые документы</h2>
+    <div class="sec-h"><h1 style="font-size:19px;margin:0">Документы депозитария</h1>{{if .Ready}}<span class="mut" style="font-size:12.5px">{{plural (len .Ready) "документ" "документа" "документов"}}</span>{{end}}</div>
     {{if .Ready}}<div class="tw"><table>
       <thead><tr><th>Дата</th><th>Документ</th><th>Период</th><th>Счёт депо</th><th>Состояние</th></tr></thead>
       <tbody>{{range .Ready}}<tr>
@@ -579,34 +586,8 @@ input[type=checkbox]{width:20px;min-height:20px;height:20px}
         <td class="n" style="font-size:13px">{{.Account}}</td>
         <td>{{if eq .State "исполнено"}}<span class="chip ok">готов</span>{{else}}<span class="chip go">{{.State}}</span>{{end}}</td>
       </tr>{{end}}</tbody></table></div>
-    <p class="mut" style="margin-top:14px">Файлы документов выдаёт депозитарий: бумажный экземпляр в офисе или по электронной почте. В кабинете виден факт подготовки и период документа.</p>
-    {{else}}<p class="empty">Готовых документов пока нет.</p>{{end}}
+    <p class="mut" style="margin-top:14px">Файлы документов выдаёт депозитарий: бумажный экземпляр в офисе или по электронной почте. За справкой, которой здесь нет, обратитесь к своему менеджеру.</p>
+    {{else}}<p class="empty">Готовых документов пока нет. Выписки и отчёты появятся здесь, как только депозитарий их сформирует; за справкой обратитесь к своему менеджеру.</p>{{end}}
   </section>
-
-  <div class="grid2">
-    <section class="sec">
-      <h2 class="lbl" style="font-size:12px;letter-spacing:.14em">Мои заявки</h2>
-      {{if .Requests}}<div class="rows">{{range .Requests}}
-        <div class="row"><span>{{.Title}}<span class="n mut" style="display:block">{{.Date}}{{if .Period}} · {{.Period}}{{end}}</span>{{with .Note}}<span class="mut" style="display:block">{{.}}</span>{{end}}</span>
-          <span class="chip {{if eq .State "готов"}}ok{{else if eq .State "отклонён"}}err{{else}}go{{end}}" style="align-self:center">{{.State}}</span></div>
-      {{end}}</div>
-      {{else}}<p class="empty">Заявок пока нет.</p>{{end}}
-    </section>
-
-    <section class="sec">
-      <h2 class="lbl" style="font-size:12px;letter-spacing:.14em">Заказать документ</h2>
-      <form method="post" action="/documents" class="sheet" style="display:grid;gap:12px;padding:18px 20px"><input type="hidden" name="csrf" value="{{$.CSRF}}">
-        <div><label for="kind">Вид документа</label>
-          <select id="kind" name="kind">{{range .Kinds}}<option>{{.}}</option>{{end}}</select></div>
-        <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
-          <div><label for="from">Период с</label><input id="from" type="date" name="from" value="{{.From}}"></div>
-          <div><label for="to">по</label><input id="to" type="date" name="to" value="{{.To}}"></div>
-        </div>
-        <div><label for="comment">Комментарий</label><input id="comment" name="comment" placeholder="необязательно"></div>
-        <button class="btn main" type="submit">Отправить заявку</button>
-        <p class="mut" style="margin:0">Заявка уходит сотруднику депозитария. Срок подготовки и стоимость — по тарифам депозитария; готовый документ появится в списке слева.</p>
-      </form>
-    </section>
-  </div>
 </main></body></html>{{end}}
 `