/* ==============================
   POPOVERS (générique)
   ============================== */

.filter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.filter .label {
 font-size: 0.8rem;
    color: var(--muted);
}

.btn-popover .lucide  {
  /*
  position:  absolute;
  right: 10px;
  top: 5px;*/
  color: var(--accent);
  width: 16px;
  height: 16px;
}

.popover .lucide  {
  color: var(--accent);
  width: 20px;
  height: 20px;
}
 

.btn-popover{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: 9px 10px;
    border: 1px solid var(--border);
    border-radius: .6rem;
    background: var(--bg);
    color: var(--text);
    font: inherit;
    cursor: pointer;
    min-width: 120px;
    padding-right: 40px;
    padding: 8px 10px;
    outline: none;
    font: inherit;
    font-size: 0.9rem;
}

.btn-popover:focus{ 
  outline:none; 
  box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent); 
  border:1px solid var(--accent) !important; }

/* wrapper + popover */
.popover-wrapper{ position:relative; }


.popover{
  position:absolute; top:calc(100% + 8px); right:0;
  padding:6px; border:1px solid var(--border);
  background:var(--panel); border-radius:.8rem; box-shadow:0 10px 30px rgba(0,0,0,.25);
  opacity:0; transform:translateY(-4px); pointer-events:none;
  transition:opacity .12s ease, transform .12s ease;
  z-index: 50;
}
.popover.open{ opacity:1; transform:translateY(0); pointer-events:auto;    max-height: 200px;
    overflow: auto;     width: 500px; }

/* petite flèche */
.popover::after{
  content:""; position:absolute; top:-6px; right:14px; width:10px; height:10px;
  background:var(--panel); border-left:1px solid var(--border); border-top:1px solid var(--border);
  transform:rotate(45deg);
}

/* items */
.popover [role="menuitem"]{
  display:flex; width:100%; text-align:left; gap:.5rem;
  padding:.55rem .6rem; border-radius:.5rem; background:transparent; color:var(--text);
  font:inherit; cursor:pointer; border:none;
}
.popover [role="menuitem"]:hover{ background:color-mix(in srgb, var(--accent) 12%, transparent); }
.popover [role="menuitem"]:focus{ outline:none; background:color-mix(in srgb, var(--accent) 18%, transparent); }





.input-combo {
  position: relative; /* super important pour l'ancrage */
  display: inline-flex;
  align-items: stretch;
}

/* Popover générique */
.input-combo .popover {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  z-index: 40;
  display: none;
}

/* Quand il est "ouvert" */
.input-combo .popover.open {
  display: block;
}
#popoverRemiseType {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  z-index: 40;
}