/* «Новый поиск» (макет web/design-system/prototypes/search-start.html, 06.10.2026).
   Только токены кабинета (--white, --paper, --ink, --muted, --line, --blue), поэтому экран
   одинаково живёт в классической теме, Sapphire и Atelier. */
.poisk{--poisk-soft:color-mix(in srgb,var(--blue) 7%,var(--white));--poisk-sel:color-mix(in srgb,var(--blue) 13%,var(--white));--poisk-ok:#237140;--poisk-ok-bg:#e7f5ea;--poisk-warn:#9b5700;--poisk-ease:cubic-bezier(.16,1,.3,1);display:grid;gap:18px;max-width:1240px}
.poisk [hidden]{display:none!important}
.poisk-paths{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.poisk-path{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;text-align:start;padding:16px 18px;border-radius:20px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .25s,box-shadow .25s,scale var(--hr-motion-duration-release,180ms) var(--hr-motion-easing-settle,cubic-bezier(.16,1,.3,1))}
.poisk-path-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--poisk-soft);color:var(--blue);font-size:20px;transition:background-color .25s,color .25s}
.poisk-path b{display:block;font-size:17px;font-weight:600}
.poisk-path small{display:block;color:var(--muted);font-size:13.5px;margin-top:2px;line-height:1.45}
.poisk-path i{font:600 10.5px/1 var(--hr-font-mono,ui-monospace,monospace);font-style:normal;letter-spacing:.1em;padding:6px 8px;border-radius:999px;background:var(--lime);color:#122200}
.poisk-path.on{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)}
.poisk-path.on .poisk-path-icon{background:var(--blue);color:var(--white)}
.poisk-path:focus-visible,.poisk-opt:focus-visible,.poisk-geo-q button:focus-visible,.poisk-seg button:focus-visible,.collection-plan-reach-option:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 45%,transparent);outline-offset:2px}

.poisk-work{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:18px;align-items:start}
.poisk-chat,.poisk-draft,.poisk-card{background:var(--white);border:1px solid var(--line);border-radius:22px}
.poisk-chat{display:flex;flex-direction:column;min-height:520px}
.poisk-chat-head{display:flex;justify-content:flex-end;padding:10px 14px 0;min-height:10px}
.poisk-restart{font:inherit;font-size:13px;color:var(--blue);background:none;border:0;cursor:pointer;padding:4px}
.poisk-thread{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px 20px 20px}
/* Реплика появляется у своего «хвоста» тем же движением, что и в HR-помощнике (hr-chat-in, workspace.css):
   ответ — от начального края, вопрос — от конечного, в иврите зеркально. */
.poisk-msg{max-width:84%;padding:12px 14px;border-radius:18px;font-size:15px;line-height:1.5;animation:hr-chat-in var(--hr-workspace-enter,280ms) var(--hr-workspace-ease,ease) backwards;white-space:pre-wrap;overflow-wrap:anywhere}
.poisk-msg.still{animation:none}
.poisk-msg.bot{align-self:flex-start;background:var(--poisk-soft);border-end-start-radius:6px;transform-origin:0 100%}
.poisk-msg.me{align-self:flex-end;background:var(--blue);color:var(--white);border-end-end-radius:6px;transform-origin:100% 100%}
[dir=rtl] .poisk-msg.bot{transform-origin:100% 100%}[dir=rtl] .poisk-msg.me{transform-origin:0 100%}
.poisk-who{display:block;font:600 10.5px/1 var(--hr-font-mono,ui-monospace,monospace);letter-spacing:.1em;color:var(--blue);margin-bottom:6px}
@keyframes poisk-pop{from{opacity:0;transform:translateY(10px) scale(.98)}}
.poisk-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:16px;background:var(--poisk-soft)}
.poisk-typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:poisk-dot 1s infinite}
.poisk-typing i:nth-child(2){animation-delay:.15s}.poisk-typing i:nth-child(3){animation-delay:.3s}
@keyframes poisk-dot{30%{transform:translateY(-4px)}}
.poisk-examples{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 14px}
.poisk-example{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.poisk-geo-q{display:grid;gap:8px;margin-top:10px;white-space:normal}
.poisk-geo-q button{text-align:start;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--white);color:var(--ink);font:inherit;display:grid;gap:2px;cursor:pointer}
.poisk-geo-q button.on{border-color:var(--blue);background:var(--poisk-sel)}
.poisk-geo-q b{font-size:14px;font-weight:600}.poisk-geo-q small{color:var(--muted);font-size:12.5px}
.poisk-composer{display:flex;gap:10px;align-items:flex-end;padding:14px;border-top:1px solid var(--line)}
.poisk-ask{flex:1;min-height:52px;max-height:160px;resize:vertical;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--paper);color:var(--ink);font:inherit;line-height:1.45}
.poisk-ask:focus,.poisk-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)}

.poisk-draft{padding:18px;display:grid;gap:12px;position:sticky;top:90px}
.poisk-draft-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.poisk-draft-head h3{margin:0;font-size:19px;font-weight:600;letter-spacing:var(--hr-font-tracking-subhead,-.015em)}
.poisk-draft-head small{color:var(--muted);font-size:12.5px}
.poisk-empty{margin:0;padding:26px 10px;text-align:center;color:var(--muted);font-size:14px;line-height:1.6;border:1.5px dashed var(--line);border-radius:16px}
.poisk-fields{display:grid}
/* Черновик: при первом показе строки входят по очереди (--i, не дольше ~450 мс вместе); дальше анимируется только изменённое поле — подсветкой, без движения. */
.poisk-field{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:9px 2px;border-top:1px solid var(--line);font-size:14px;animation:poisk-pop var(--hr-workspace-enter,280ms) var(--poisk-ease) calc(var(--i,0) * 20ms) backwards}
.poisk-field.still{animation:none}
.poisk-field.changed{animation:poisk-changed var(--hr-motion-duration-process,900ms) var(--hr-motion-easing-standard,ease)}
@keyframes poisk-changed{from{background-color:var(--poisk-sel)}}
.poisk-field:first-child{border-top:0}
.poisk-field>span{color:var(--muted);font-size:13px}
.poisk-field b{font-weight:500;overflow-wrap:anywhere}
.poisk-field em{display:block;font-style:normal;font-size:11.5px;color:var(--blue);margin-top:2px;font-weight:400}
.poisk-field.miss b{color:var(--poisk-warn)}
.poisk-tags{display:flex;flex-wrap:wrap;gap:6px}
.poisk-tag{font:inherit;font-size:12px;padding:4px 9px;border-radius:999px;background:var(--poisk-soft);border:1px solid var(--line);color:var(--ink)}
.poisk-tag.must{background:var(--poisk-ok-bg);border-color:transparent;color:var(--poisk-ok)}
button.poisk-tag{cursor:pointer}
.poisk-acts{display:grid;gap:8px;margin-top:4px}
.poisk-acts p{margin:0}

.poisk-card{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}
.poisk-fld{display:grid;gap:8px;align-content:start;min-width:0}
.poisk-fld.wide{grid-column:1/-1}
.poisk-lbl{font-size:13px;font-weight:600;color:var(--ink)}
.poisk-lbl.sub{margin-top:4px;font-weight:500;color:var(--muted)}
.poisk-src{font-size:11.5px;font-weight:400;color:var(--blue);margin-inline-start:6px}
.poisk-hint{font-size:12.5px;color:var(--muted)}
.poisk-opts{display:flex;flex-wrap:wrap;gap:8px}
.poisk-opt{padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink);font:inherit;font-size:14px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,scale var(--hr-motion-duration-release,180ms) var(--hr-motion-easing-settle,cubic-bezier(.16,1,.3,1))}
.poisk-opt.on{background:var(--blue);border-color:var(--blue);color:var(--white)}
.poisk-opts.small .poisk-opt{padding:6px 11px;font-size:13px}
.poisk-opt.add{border-style:dashed;color:var(--blue)}
.poisk-opt.must{background:var(--poisk-ok-bg);border-color:#9fd3ad;color:var(--poisk-ok)}
.poisk-opt.nice{background:var(--poisk-sel);border-color:color-mix(in srgb,var(--blue) 40%,var(--white));color:var(--blue)}
.poisk-opt.must::before{content:"● ";font-size:10px}
.poisk-opt.nice::before{content:"○ ";font-size:10px}
.poisk-input{width:100%;box-sizing:border-box;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:var(--paper);color:var(--ink);font:inherit;font-size:14.5px}
textarea.poisk-input{padding:12px;resize:vertical;min-height:90px}
.poisk-newclient{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:center;padding:12px;border-radius:16px;background:var(--paper);border:1px solid var(--line);max-width:620px}
.poisk-check{grid-column:1/-1;display:flex;gap:8px;align-items:center;font-size:13px}
.poisk-check input{width:16px;height:16px;accent-color:var(--blue)}
.poisk-stepper{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:14px;background:var(--paper);border:1px solid var(--line);justify-self:start}
.poisk-stepper button{width:40px;height:40px;border-radius:10px;border:0;background:var(--white);color:var(--ink);font-size:20px;cursor:pointer}
.poisk-stepper b{min-width:36px;text-align:center;font-size:18px;font-variant-numeric:tabular-nums}
.poisk-seg{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--paper);border:1px solid var(--line);justify-self:start;flex-wrap:wrap}
.poisk-seg button{padding:8px 14px;border-radius:10px;border:0;background:none;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}
.poisk-seg button.on{background:var(--white);color:var(--ink);font-weight:600;box-shadow:0 2px 8px rgb(11 37 78 / 8%)}
.poisk-pay{padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--line);display:grid;gap:8px;max-width:620px}
.poisk-pay-top{display:flex;align-items:baseline;gap:8px}
.poisk-pay-top b{font-size:28px;font-weight:600;letter-spacing:var(--hr-font-tracking-title,-.03em);font-variant-numeric:tabular-nums}
.poisk-pay-top small{color:var(--muted)}
.poisk-pay input[type=range]{width:100%;accent-color:var(--blue)}
.poisk-pay-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.poisk-reqsum{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.poisk-reqsum>div{padding:10px 12px;border-radius:14px;background:var(--paper);border:1px solid var(--line);display:grid;gap:6px;align-content:start;min-height:64px}
.poisk-reqsum small{font-size:12px;color:var(--muted)}
.poisk-empty-t{font-size:12.5px;color:var(--muted);opacity:.75}
.poisk-own{display:flex;gap:8px;max-width:620px}
.poisk-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}
.poisk-note{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
/* Три предложения подсказки — каждое своей строкой, без переносов (владелец 06.10.2026). */
.poisk-note span{display:block;white-space:nowrap}
.poisk-error{grid-column:1/-1;margin:0}

.collection-plan-reach{display:grid;gap:10px;margin:14px 0}
.collection-plan-reach h4,.collection-plan-reach p{margin:0}
.collection-plan-reach-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.collection-plan-reach-option{text-align:start;padding:12px 14px;border-radius:16px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);font:inherit;display:grid;gap:4px;align-content:start;cursor:pointer}
.collection-plan-reach-option.on{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)}
.collection-plan-reach-option b{font-size:14.5px;font-weight:600}
.collection-plan-reach-option small{color:var(--muted);font-size:12.5px;line-height:1.45}
.collection-plan-commute{padding:10px 12px;border-radius:14px;background:#fff1db;color:#5f3a00;font-size:13.5px;line-height:1.5}
.vacancy-commute{display:inline-block;margin-inline-start:8px;font-size:12px;padding:3px 9px;border-radius:999px;background:#fff1db;color:#9b5700}

/* Нажатие видно сразу (§1): на pointer-down кнопка чуть сжимается, после отпускания возвращается без отскока.
   Масштаб — отдельным свойством scale (не transform), токены нажатия под reduced motion равны 1. Подсветка наведения — только у мыши. */
.poisk-example,.poisk-geo-q button,.poisk-seg button,.poisk-stepper button,button.poisk-tag,.collection-plan-reach-option{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,scale var(--hr-motion-duration-release,180ms) var(--hr-motion-easing-settle,cubic-bezier(.16,1,.3,1))}
.poisk-path,.poisk-opt,.poisk-example,.poisk-geo-q button,.poisk-seg button,.poisk-stepper button,button.poisk-tag,.poisk-restart,.collection-plan-reach-option{-webkit-tap-highlight-color:transparent}
:is(.poisk-opt,.poisk-example,.poisk-seg button,.poisk-stepper button,button.poisk-tag):active:not(:disabled):not([aria-disabled="true"]){scale:var(--hr-press-scale,.97);transition-duration:var(--hr-motion-duration-press,90ms);transition-timing-function:ease-out}
:is(.poisk-path,.poisk-geo-q button,.collection-plan-reach-option):active:not(:disabled):not([aria-disabled="true"]){scale:var(--hr-press-scale-card,.985);transition-duration:var(--hr-motion-duration-press,90ms);transition-timing-function:ease-out}
.poisk-restart{transition:opacity var(--hr-motion-duration-release,180ms) ease}
.poisk-restart:active{opacity:var(--hr-press-opacity,.7);transition-duration:var(--hr-motion-duration-press,90ms)}
@media (hover:hover){.poisk-example:hover{border-color:var(--blue);background:var(--poisk-sel)}.poisk-geo-q button:hover,.poisk-opt:hover{border-color:var(--blue)}}
/* Явная смена пути «словами ↔ карточка» (M03): новая панель входит коротко, теми же токенами, что и разделы кабинета. */
.poisk-enter{animation:hr-workspace-enter var(--hr-workspace-enter,280ms) var(--hr-workspace-ease,cubic-bezier(.16,1,.3,1))}

@media (max-width:1100px){.poisk-work{grid-template-columns:1fr}.poisk-draft{position:static}.collection-plan-reach-options{grid-template-columns:1fr}}
@media (max-width:760px){.poisk-paths,.poisk-card,.poisk-reqsum{grid-template-columns:1fr}.poisk-note span{white-space:normal}.poisk-field{grid-template-columns:1fr;gap:2px}}
/* Повышенный контраст: выбор — внутренней рамкой (inset), а не outline, чтобы кольцо фокуса у выбранного элемента оставалось видно. */
@media (prefers-contrast:more){.poisk-msg.bot{border:1px solid var(--ink)}.poisk-path,.poisk-opt,.poisk-example,.poisk-geo-q button,.collection-plan-reach-option{border-color:var(--ink)}.poisk-empty-t{opacity:1}:is(.poisk-path,.poisk-opt,.poisk-geo-q button,.collection-plan-reach-option).on,.poisk-seg button.on{box-shadow:inset 0 0 0 2px var(--ink)}}
/* Владелец 08.10.2026 «как у Apple»: при reduced motion ничего не едет, не сжимается и не прыгает; новое проявляется
   прозрачностью (≤200 мс), изменённое поле остаётся подсвеченным до следующей перерисовки, нажатие — приглушением.
   !important — чтобы эти правила были сильнее базовых анимаций выше и общих правил reduced motion других файлов. */
@media (prefers-reduced-motion:reduce){
 .poisk :is(.poisk-path,.poisk-path-icon,.poisk-opt,.poisk-example,.poisk-geo-q button,.poisk-seg button,.poisk-stepper button,button.poisk-tag,.poisk-restart),.collection-plan-dialog .collection-plan-reach-option{scale:none!important;transition-property:background-color,border-color,color,box-shadow,opacity!important;transition-duration:var(--hr-motion-duration-fast,100ms)!important;transition-timing-function:ease!important}
 .poisk :is(.poisk-path,.poisk-opt,.poisk-example,.poisk-geo-q button,.poisk-seg button,.poisk-stepper button,button.poisk-tag):active:not(:disabled),.collection-plan-dialog .collection-plan-reach-option:active:not(:disabled){opacity:var(--hr-press-opacity,.7);transition-duration:0ms!important}
 .poisk .poisk-msg:not(.still),.poisk .poisk-field:not(.still,.changed){animation:hr-fade var(--hr-motion-duration-fast,100ms) ease backwards!important}
 .poisk .poisk-field.changed{animation:none!important;background-color:var(--poisk-sel)}
 .poisk .poisk-typing i{animation:poisk-dot-fade 1.2s ease-in-out infinite!important}
 .poisk .poisk-enter{--hr-fade-from:.75;animation:hr-fade var(--hr-motion-duration-fast,100ms) ease!important}
}
@keyframes poisk-dot-fade{30%{opacity:.35}}