/* v780 - LIST quick edit dropdowns (Admin only). Roll back: remove this <link> + js/380. */
html.qe-admin tr.avl-row td.avl-col-offer{cursor:pointer}
html.qe-admin tr.avl-row .priority-icon-badge{cursor:pointer}
html.qe-admin tr.avl-row td.avl-col-offer .avl-offer-chip{cursor:pointer;transition:box-shadow .15s,transform .15s}
html.qe-admin tr.avl-row td.avl-col-offer .avl-offer-chip:hover,.qe-open{box-shadow:0 0 0 2px rgba(199,164,91,.55)}
.qe-star-add,.qe-add-free{opacity:0;pointer-events:none;transition:opacity .15s;cursor:pointer;white-space:nowrap}
.qe-star-add{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-inline-start:5px;vertical-align:middle;border-radius:50%;color:#b89134;font-size:11px;border:1px dashed rgba(184,145,52,.55)}
.qe-add-free{display:inline-block;margin-inline-start:4px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;color:#8a6a1c;border:1px dashed rgba(184,145,52,.6)}
tr.avl-row:hover .qe-star-add,tr.avl-row:hover .qe-add-free{opacity:.85;pointer-events:auto}
@media (hover:none){.qe-star-add,.qe-add-free{opacity:.7;pointer-events:auto}}
.qe-pop{position:fixed;z-index:2147483601;width:260px;overflow:auto;background:#fff;color:#0b2038;border:1px solid rgba(11,32,56,.12);border-radius:14px;box-shadow:0 14px 40px rgba(11,32,56,.22);padding:8px;font-size:13px;animation:qePop .14s ease-out}
@keyframes qePop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
[data-theme="dark"] .qe-pop{background:#13233a;color:#eef2f8;border-color:rgba(255,255,255,.14)}
.qe-hd{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 6px}
.qe-hd b{font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.qe-hd span{font-size:11px;opacity:.6}
.qe-now{padding:0 8px 6px;font-size:11px;opacity:.65}
.qe-list{display:flex;flex-direction:column;gap:2px}
.qe-it{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:start;cursor:pointer;font:inherit}
.qe-it:hover{background:rgba(199,164,91,.16)}
.qe-it.is-on{background:rgba(199,164,91,.22);font-weight:700}
.qe-it>i:first-child{width:16px;text-align:center;color:#b89134}
.qe-t{flex:1;display:flex;flex-direction:column;line-height:1.25}
.qe-t small{font-size:10.5px;opacity:.6;font-weight:400}
.qe-ck{color:#2e9d6a;font-size:12px}
.qe-sep{height:1px;background:rgba(11,32,56,.1);margin:8px 4px}
[data-theme="dark"] .qe-sep{background:rgba(255,255,255,.12)}
.qe-row{display:flex;align-items:center;gap:6px;padding:3px 6px}
.qe-row>i{width:14px;opacity:.55;font-size:11px;text-align:center}
.qe-row input{flex:1;min-width:0;height:30px;padding:0 8px;border:1px solid rgba(11,32,56,.2);border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:12.5px}
.qe-go{height:30px;padding:0 10px;border:0;border-radius:8px;background:#0b2038;color:#fff;font-weight:700;font-size:12px;cursor:pointer}
.qe-lbl{padding:4px 8px 2px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;opacity:.6}
.qe-chips{display:flex;flex-wrap:wrap;gap:5px;padding:2px 6px 6px}
.qe-chip{padding:4px 10px;border-radius:999px;border:1px solid rgba(11,32,56,.18);background:transparent;color:inherit;font:inherit;font-size:11.5px;cursor:pointer}
.qe-chip:hover{background:rgba(199,164,91,.16)}
.qe-chip.is-on{background:#c7a45b;border-color:#c7a45b;color:#fff;font-weight:700}

.qe-pop.qe-wide{width:318px}
html.qe-admin tr.avl-row .feat-mk{cursor:pointer}
.qe-igrid{display:flex;flex-wrap:wrap;gap:4px;padding:2px 6px 6px}
.qe-igrp{flex:0 0 100%;font-size:10px;text-transform:uppercase;letter-spacing:.05em;opacity:.55;margin-top:4px}
.qe-ic{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;background:rgba(11,32,56,.04);cursor:pointer;padding:3px;color:inherit;font:inherit}
.qe-ic:hover{background:rgba(199,164,91,.2)}
.qe-ic.is-on{border-color:#c7a45b;background:rgba(199,164,91,.28)}
.qe-ic .fi3{width:26px;height:26px;display:block}
.qe-ic-def{width:auto;padding:0 10px;font-size:11.5px;font-weight:700}
[data-theme="dark"] .qe-ic{background:rgba(255,255,255,.07)}

/* phones / tablets: same menus, bigger touch targets */
.qe-pop{max-width:calc(100vw - 16px)}
html.qe-admin .m-flag .qe-star-add{width:18px;height:18px}
html.qe-admin .m-offer,html.qe-admin .m-flag{cursor:pointer}
html.qe-admin .m-flag:empty::before{content:"\f005";font-family:"Font Awesome 6 Free";font-weight:400;font-size:11px;color:#b89134;opacity:.4;display:inline-block;width:18px;text-align:center;line-height:18px}
@media (pointer:coarse){
  .qe-pop{width:min(300px,calc(100vw - 16px))}.qe-pop.qe-wide{width:min(330px,calc(100vw - 16px))}
  .qe-it{padding:12px 12px}.qe-chip{padding:8px 13px;font-size:12.5px}
  .qe-ic{width:42px;height:42px}.qe-ic .fi3{width:28px;height:28px}
  .qe-row input{height:38px;font-size:16px}.qe-go{height:38px;padding:0 14px}
}

/* PERF (v783): the list shows up to 250+ animated 3D icons. Their transform animations repaint the SVG every frame and made scrolling heavy
   (measured ~2.3x slower frames). In the List they now stay still and play only for the row under the pointer. Everywhere else is unchanged. */
tr.avl-row .fi3 *,.avl-m-cell .fi3 *{animation-play-state:paused}
tr.avl-row:hover .fi3 *{animation-play-state:running}

/* v793 - FIX: LIST rows trembled (widened/narrowed) on mouse hover. Cause: the admin hover star was an inline 18px+5px box appended to the
   nowrap Unit cell, so every hovered row got ~23px wider and the table columns re-fitted while the pointer moved. It now floats absolutely
   over the cell end: zero layout impact. Roll back: delete this block. */
html.qe-admin tr.avl-row td.avl-col-unit{position:relative}
.qe-star-add{position:absolute;inset-inline-end:3px;top:50%;margin:0;transform:translateY(-50%);background:rgba(255,255,255,.92);z-index:2}
[data-theme="dark"] .qe-star-add{background:rgba(19,35,58,.92);color:#e2c27a}
.qe-add-free{position:absolute;inset-inline-end:3px;top:50%;margin:0;transform:translateY(-50%);z-index:2}