/* INTRA CRM / refined sidebar search v2.0 | scoped to main sidebar */
.nav-tree .nav-find-wrap{
  display:flex;flex-direction:column;gap:8px;
  padding:5px 4px 13px;margin:0 0 7px;
  border-bottom:1px solid rgba(255,255,255,.075);
  min-width:0
}
.nav-tree .nav-find-caption{
  margin:0 4px;display:block;
  font-size:10px;font-weight:780;letter-spacing:.095em;
  line-height:1.3;text-transform:uppercase;color:#8799ad
}
.nav-tree .nav-find{
  min-height:46px;position:relative;display:flex;align-items:center;gap:11px;
  padding:0 12px;border-radius:12px;
  border:1px solid rgba(187,209,223,.15);
  background:linear-gradient(180deg,rgba(255,255,255,.076),rgba(255,255,255,.038));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease
}
.nav-tree .nav-find:hover{
  border-color:rgba(132,184,167,.42);
  background:rgba(255,255,255,.09)
}
.nav-tree .nav-find:focus-within{
  border-color:#4bc69c;
  background:#1b2b33;
  box-shadow:0 0 0 3px rgba(43,174,130,.14),inset 0 1px 0 rgba(255,255,255,.05)
}
.nav-tree .nav-find-icon{
  width:19px;height:19px;flex:0 0 19px;color:#97b2b6;
  transition:color .15s ease
}
.nav-tree .nav-find:focus-within .nav-find-icon{color:#64dfb0}
.nav-tree .nav-find input{
  flex:1 1 auto;min-width:0;width:100%;height:42px;
  margin:0;padding:0;border:0;background:transparent;
  outline:0;box-shadow:none!important;
  color:#f3fbf8;font:inherit;font-weight:540;font-size:13px;
  letter-spacing:0;appearance:none;-webkit-appearance:none
}
.nav-tree .nav-find input::placeholder{color:#a5b4bf;opacity:1}
.nav-tree .nav-find input::-webkit-search-decoration,
.nav-tree .nav-find input::-webkit-search-cancel-button{display:none}
.nav-tree .nav-find-clear{
  display:grid;place-items:center;flex:0 0 24px;
  width:24px;height:24px;min-width:24px;
  padding:0;border:1px solid rgba(194,222,208,.18);
  border-radius:7px;background:rgba(255,255,255,.095);
  color:#d6e9e4;font-size:17px;font-weight:400;line-height:1;
  cursor:pointer
}
.nav-tree .nav-find-clear:hover{background:rgba(88,208,162,.2);color:#fff}
.nav-tree .nav-find-clear:focus-visible{outline:2px solid #69cfb0;outline-offset:2px}
.nav-tree .nav-find-clear[hidden],
.nav-tree .nav-find-count[hidden],
.nav-tree .nav-find-empty[hidden],
.nav-tree .nav-group[hidden],
.nav-tree .nav-link[hidden]{display:none!important}
.nav-tree .nav-find-count{
  padding:0 3px;color:#a9c6ba;font-size:11px;line-height:1.25
}
.nav-tree .nav-find-empty{
  text-align:center;display:flex;align-items:center;flex-direction:column;gap:6px;
  padding:25px 10px 19px;color:#f3fbf8
}
.nav-tree .nav-find-empty-icon{
  display:grid;place-items:center;width:38px;height:38px;
  border-radius:12px;background:rgba(105,182,148,.13);
  color:#74cfad;font-size:28px;line-height:1
}
.nav-tree .nav-find-empty strong{font-size:12px;font-weight:720}
.nav-tree .nav-find-empty small{font-size:11px;line-height:1.45;color:#8da7ad;max-width:190px}
.nav-tree .nav-text mark{
  padding:0 1px;margin:0 -1px;background:rgba(78,209,158,.2);
  border-radius:3px;color:#93ffd3;font-weight:780
}
.sidebar-collapsed .nav-tree .nav-find-wrap{display:none}
@media(max-width:1180px){
  .sidebar-collapsed .nav-tree .nav-find-wrap{display:flex}
}
@media(prefers-reduced-motion:reduce){
  .nav-tree .nav-find,.nav-tree .nav-find-icon{transition:none}
}

/* Calm, compact search toolbar for supplier and customer catalogs. */
.crm-catalog-toolbar{
  align-items:end;gap:12px;display:flex;flex-wrap:wrap;
  padding:14px 16px;margin:0 0 17px;border:1px solid #e1e9e6;
  border-radius:15px;background:#fff;
  box-shadow:0 5px 22px rgba(24,58,49,.045)
}
.crm-catalog-toolbar .crm-catalog-search{
  display:grid;grid-template-columns:minmax(170px,1.7fr) minmax(145px,.9fr) auto;
  gap:11px;align-items:end;flex:1 1 650px;min-width:0
}
.crm-catalog-toolbar .crm-catalog-control{
  display:flex;flex-direction:column;gap:6px;min-width:0;
  margin:0;color:#667a72;cursor:default
}
.crm-catalog-toolbar .crm-catalog-control>span:first-child{
  font-size:10px;letter-spacing:.065em;text-transform:uppercase;font-weight:800
}
.crm-catalog-toolbar .crm-catalog-inputwrap{display:block;position:relative}
.crm-catalog-toolbar .crm-catalog-inputwrap svg{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#879f95;
  pointer-events:none
}
.crm-catalog-toolbar .crm-catalog-inputwrap .input{
  padding-left:40px;padding-right:12px;min-width:0;width:100%;
  height:44px;border:1px solid #d9e3df;border-radius:10px;
  background:#f8faf9;font-size:13px;color:#244137
}
.crm-catalog-toolbar .crm-catalog-inputwrap .input::placeholder{color:#95a4a1}
.crm-catalog-toolbar .crm-catalog-inputwrap:focus-within svg{color:#21866a}
.crm-catalog-toolbar .crm-catalog-inputwrap .input:focus{
  background:#fff;border-color:#5db294;
  outline:3px solid rgba(38,141,101,.12)
}
.crm-catalog-toolbar .crm-catalog-city .select{
  height:44px;width:100%;min-width:0;
  border-color:#d9e3df;border-radius:10px;background-color:#f8faf9;
  color:#28483c;font-size:13px
}
.crm-catalog-toolbar .crm-catalog-submit{
  height:44px;min-width:108px;padding:0 15px;border-radius:10px;
  background:#237961;color:#fff;font-size:13px;font-weight:760
}
.crm-catalog-toolbar .crm-catalog-submit:hover{background:#175e4d}
.crm-catalog-toolbar .crm-catalog-create{
  min-height:44px;white-space:nowrap;padding:11px 15px;
  background:#eef7f3;border:1px solid #cfe5d9;border-radius:10px;
  color:#227154;font-size:13px;font-weight:730
}
.crm-catalog-toolbar .crm-catalog-create:hover{background:#def0e6;color:#185b44}
@media(max-width:760px){
  .crm-catalog-toolbar{padding:12px;gap:9px}
  .crm-catalog-toolbar .crm-catalog-search{
    flex:1 1 100%;grid-template-columns:minmax(0,1fr) minmax(104px,.7fr);
    gap:9px
  }
  .crm-catalog-toolbar .crm-catalog-query{grid-column:1/-1}
  .crm-catalog-toolbar .crm-catalog-city{grid-column:1}
  .crm-catalog-toolbar .crm-catalog-submit{grid-column:2;min-width:0}
  .crm-catalog-toolbar .crm-catalog-create{width:100%;justify-content:center}
}