/* ---------- Desplegables ---------- */
.dd{position:relative;display:flex;min-width:0;}
.dd-trigger{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-width:0;
  font-family:inherit;
  font-size:13.5px;
  line-height:1.4;
  text-align:left;
  color:var(--ink);
  background:var(--surface);
  border:1px solid var(--line-strong);
  border-radius:var(--r-md);
  padding:0 9px 0 10px;
  min-height:34px;
  box-shadow:var(--shadow-sm);
  cursor:pointer;
  transition:border-color .12s ease, box-shadow .12s ease, background .12s ease;
}
.dd-trigger:hover{border-color:var(--ink-faint);}
.dd-trigger:focus-visible,
.dd.is-open .dd-trigger{
  outline:none;
  border-color:var(--accent-solid);
  box-shadow:0 0 0 3px var(--focus);
}
.dd-trigger:disabled{opacity:.55;cursor:not-allowed;}
.dd-value{display:flex;align-items:center;gap:8px;flex:1;min-width:0;}
.dd-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.dd-trigger.is-placeholder .dd-value{color:var(--ink-soft);}
.dd-chevron{flex:none;color:var(--ink-faint);transition:transform .16s ease, color .12s ease;}
.dd.is-open .dd-chevron{transform:rotate(180deg);color:var(--accent);}
.dd-dot{width:8px;height:8px;border-radius:50%;flex:none;}
.dd-dot.is-client{width:10px;height:10px;border-radius:3px;background:hsl(var(--h) 62% 52%);}

.dd-menu{
  position:fixed;
  inset:auto;
  margin:0;
  z-index:2000;
  display:flex;
  flex-direction:column;
  padding:5px;
  color:var(--ink);
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-pop);
  overflow:hidden;
  animation:dd-in .14s cubic-bezier(.2,.8,.2,1);
  transform-origin:top center;
}
.dd-menu.is-above{transform-origin:bottom center;}
.dd-menu:not(:popover-open):not([hidden]){display:none;}
.dd-menu[hidden]{display:none;}
@keyframes dd-in{from{opacity:0;transform:translateY(-4px) scale(.98);}to{opacity:1;transform:none;}}
.dd-menu.is-above{animation-name:dd-in-up;}
@keyframes dd-in-up{from{opacity:0;transform:translateY(4px) scale(.98);}to{opacity:1;transform:none;}}

.dd-search{padding:2px 2px 6px;border-bottom:1px solid var(--line);margin-bottom:4px;}
.dd-search input{width:100%;font-size:13px !important;padding:7px 10px !important;box-shadow:none !important;background:var(--surface-2) !important;border-color:transparent !important;}
.dd-search input:focus{border-color:var(--accent) !important;background:var(--surface) !important;}
.dd-list{overflow-y:auto;outline:none;overscroll-behavior:contain;min-height:0;}
.dd-list::-webkit-scrollbar{width:10px;}
.dd-list::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px;border:3px solid transparent;background-clip:padding-box;}
.dd-option{
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 10px;
  min-height:34px;
  border-radius:var(--r-md);
  font-size:13.5px;
  color:var(--ink);
  cursor:pointer;
  user-select:none;
}
.dd-option .dd-text{flex:1;}
.dd-option.is-active{background:var(--hover);}
.dd-option.is-selected{font-weight:500;}
.dd-option.is-selected .dd-check{color:var(--accent);flex:none;}
.dd-option.is-action{color:var(--accent);font-weight:500;}
.dd-option.is-action svg{flex:none;}
.dd-sep{height:1px;background:var(--line);margin:4px 2px;}
.dd-empty{padding:12px 10px;font-size:13px;color:var(--ink-faint);text-align:center;}