/* --------------------------------------------------------------------------
   Talerum V26.87 — Custom Select System
   One interaction language, multiple variants by job-to-be-done:
   entity/autocomplete, searchable, simple, multi and compact pagination.
   -------------------------------------------------------------------------- */
:root{
  --tcs-accent:#C96A2C;
  --tcs-accent-strong:#A95425;
  --tcs-accent-soft:#FFF5ED;
  --tcs-ink:#2B231F;
  --tcs-muted:#7A6F68;
  --tcs-soft:#A89C95;
  --tcs-line:#E8DDD4;
  --tcs-line-soft:#F2ECE7;
  --tcs-surface:#FFFFFF;
  --tcs-shadow:0 18px 46px rgba(48,30,22,.14),0 3px 10px rgba(48,30,22,.06);
}

select.tcs-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
}

.tcs-root{
  position:relative;
  display:inline-flex;
  min-width:min(100%,var(--tcs-width,148px));
  width:var(--tcs-width,auto);
  max-width:100%;
  vertical-align:middle;
  font:inherit;
}
.tcs-root.tcs-full{width:100%;min-width:0}
.tcs-root.tcs-compact{width:auto;min-width:70px}

.tcs-control{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  height:var(--tcs-height,40px)!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid var(--tcs-line)!important;
  border-radius:11px!important;
  outline:0!important;
  background:var(--tcs-surface)!important;
  color:var(--tcs-ink)!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:max(12px,1em)!important;
  font-weight:600!important;
  line-height:1!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
}
.tcs-control:hover{border-color:#D8C9BE!important;background:#FFFEFD!important}
.tcs-control:focus-visible,
.tcs-root.tcs-open .tcs-control{
  border-color:var(--tcs-accent)!important;
  box-shadow:0 0 0 3px rgba(201,106,44,.11)!important;
}
.tcs-root.tcs-disabled .tcs-control{opacity:.55!important;cursor:not-allowed!important;background:#FAF8F6!important}
.tcs-root.tcs-entity .tcs-control,.tcs-root.tcs-search .tcs-control{padding-left:13px!important}
.tcs-root.tcs-compact .tcs-control{height:38px!important;min-width:70px!important;padding:0 10px!important;border-radius:10px!important;font-size:12.5px!important}

.tcs-leading{display:grid;place-items:center;width:17px;height:17px;flex:none;color:#8A7D75}
.tcs-leading svg,.tcs-chevron svg,.tcs-clear svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tcs-value{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tcs-placeholder{color:#A89C95;font-weight:520}
.tcs-chevron{display:grid;place-items:center;width:18px;height:18px;flex:none;color:#6F625C;transition:transform .14s ease}
.tcs-open .tcs-chevron{transform:rotate(180deg)}
.tcs-count{margin-left:auto;color:var(--tcs-soft);font-size:11px;font-weight:650}

.tcs-popover{
  position:fixed;
  z-index:12050;
  display:flex;
  flex-direction:column;
  max-height:min(470px,calc(100vh - 24px));
  overflow:hidden;
  border:1px solid rgba(232,221,212,.95);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--tcs-shadow);
  opacity:0;
  transform:translateY(-4px) scale(.994);
  transform-origin:top center;
  transition:opacity .12s ease,transform .12s ease;
}
.tcs-popover.tcs-visible{opacity:1;transform:translateY(0) scale(1)}
.tcs-popover.tcs-up{transform-origin:bottom center}

.tcs-searchbox-wrap{padding:10px 10px 7px;background:#fff}
.tcs-searchbox{
  display:grid;
  grid-template-columns:20px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 11px;
  border:1px solid #E5D9D0;
  border-radius:10px;
  background:#fff;
  color:#6F625C;
}
.tcs-searchbox:focus-within{border-color:var(--tcs-accent);box-shadow:0 0 0 3px rgba(201,106,44,.09)}
.tcs-searchbox svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tcs-searchbox input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--tcs-ink)!important;box-shadow:none!important;font:inherit!important;font-size:13.5px!important}
.tcs-searchbox input::placeholder{color:#A89C95}
.tcs-key{display:inline-grid;place-items:center;min-width:30px;height:23px;padding:0 6px;border:1px solid #E4DAD3;border-radius:7px;background:#FBF9F7;color:#8A7D75;font-size:10px;font-weight:720}

.tcs-list{min-height:0;overflow:auto;padding:4px 8px 8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#D9CEC6 transparent}
.tcs-group-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 8px 6px;color:#7A6F68;font-size:10.5px;font-weight:760;text-transform:uppercase;letter-spacing:.035em}
.tcs-group-title span:last-child{color:#B4AAA3;font-size:10px;font-weight:650;text-transform:none;letter-spacing:0}
.tcs-group-divider{height:1px;margin:5px 7px;background:var(--tcs-line-soft)}

.tcs-option{
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:42px;
  padding:8px 9px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--tcs-ink);
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.tcs-option:hover,.tcs-option.tcs-active{background:#FFF8F3}
.tcs-option.tcs-selected{background:#FFF5ED;color:#7D3B1D}
.tcs-option.tcs-disabled{opacity:.42;cursor:not-allowed}
.tcs-option-main{display:flex;min-width:0;align-items:center;gap:10px}
.tcs-option-copy{display:block;min-width:0;flex:1}
.tcs-option-copy strong{display:block;overflow:hidden;color:#2B231F;font-size:13.25px;font-weight:680;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.tcs-option-copy small{display:block;overflow:hidden;margin-top:3px;color:#8A7D75;font-size:11.5px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.tcs-option.tcs-selected .tcs-option-copy strong{color:#A95425}
.tcs-option mark{padding:0 1px;border-radius:3px;background:#FFE9D8;color:#873F1E;font-weight:780}
.tcs-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #ECDDD1;border-radius:10px;background:#FFF8F3;color:#C96A2C;font-size:10.5px;font-weight:820;letter-spacing:.01em}
.tcs-check{display:grid;place-items:center;width:22px;height:22px;color:var(--tcs-accent)}
.tcs-check svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tcs-checkbox{display:grid;place-items:center;width:18px;height:18px;border:1px solid #CFC3BB;border-radius:5px;background:#fff;color:#fff}
.tcs-selected .tcs-checkbox{border-color:var(--tcs-accent);background:var(--tcs-accent)}
.tcs-selected .tcs-checkbox:after{content:"";width:7px;height:4px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(-45deg)}

.tcs-popover.tcs-simple .tcs-list{padding-top:8px}
.tcs-popover.tcs-simple .tcs-option{min-height:38px;padding:7px 10px}
.tcs-popover.tcs-simple .tcs-option-copy strong{font-size:12.75px;font-weight:620}
.tcs-popover.tcs-compact-popover .tcs-option{min-height:35px}

.tcs-empty{padding:22px 18px 24px;text-align:center}
.tcs-empty-icon{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 9px;border-radius:11px;background:#FFF5ED;color:#C96A2C}
.tcs-empty-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.tcs-empty strong{display:block;color:#49362D;font-size:13px}
.tcs-empty span{display:block;margin-top:4px;color:#8A7D75;font-size:11.5px;line-height:1.45}

.tcs-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:7px 11px;border-top:1px solid var(--tcs-line-soft);background:#FFFEFD;color:#8A7D75;font-size:10.5px}
.tcs-footer-hints{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tcs-footer-hints span{white-space:nowrap}
.tcs-footer strong{color:#C96A2C;font-size:10.5px}

.tcs-root.tcs-multi .tcs-control{height:auto!important;min-height:40px!important;padding:5px 10px!important;flex-wrap:wrap}
.tcs-chips{display:flex;min-width:0;flex:1;align-items:center;gap:5px;flex-wrap:wrap}
.tcs-chip{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:0 8px;border-radius:8px;background:#FFF0E5;color:#74371D;font-size:11.5px;font-weight:650}
.tcs-chip-x{font-size:15px;line-height:1;color:#8D694F}

body.talerum-modal-performance-active .tcs-popover{z-index:12150}

@media(max-width:760px){
  .tcs-popover{max-width:calc(100vw - 16px)!important}
  .tcs-footer-hints span:nth-child(n+2){display:none}
}
@media(prefers-reduced-motion:reduce){.tcs-popover,.tcs-control,.tcs-chevron{transition:none!important}}