/* css/luna-saved.css — Luna's saved-searches panel (js/luna-saved.js).
   Light brand only: sky, white glass, gold, slate ink. No dark scrim. Logical properties for RTL. */
.ls-root{position:fixed;inset:0;z-index:9100;display:grid;place-items:center;padding:16px;opacity:0;transition:opacity .22s ease}
.ls-root.ls-in{opacity:1}
.ls-sky{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 30%,rgba(255,255,255,.72),rgba(219,234,254,.70) 55%,rgba(188,214,245,.74));
  backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05)}
.ls-card{position:relative;display:flex;flex-direction:column;gap:12px;inline-size:min(600px,100%);max-block-size:min(760px,calc(100dvh - 32px));overflow:auto;overscroll-behavior:contain;
  padding:22px 22px 16px;border-radius:var(--r-lg,21px);color:var(--body,#2a3550);font-family:var(--sans,system-ui);
  background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(250,252,255,.92) 60%,rgba(255,248,230,.92));
  border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow,0 10px 30px -12px rgba(58,86,130,.32)),0 0 0 1px rgba(232,194,106,.35),0 24px 60px -20px rgba(58,86,130,.35);
  transform:translateY(10px) scale(.985);transition:transform .26s var(--ease-out,cubic-bezier(.2,.8,.2,1))}
.ls-in .ls-card{transform:none}
.ls-top{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}
.ls-title{margin:0;font:600 1.6rem/1.15 var(--serif,Georgia,serif);color:var(--ink,#0b1026)}
.ls-sub{margin:4px 0 0;font-size:.84rem;color:var(--muted,#56627e)}
.ls-x{flex:0 0 auto;inline-size:40px;block-size:40px;border-radius:50%;border:1px solid var(--hair,rgba(58,86,130,.14));background:rgba(255,255,255,.9);
  color:var(--ink,#0b1026);font-size:1.4rem;line-height:1;cursor:pointer;display:grid;place-items:center}
.ls-x:hover{background:#fff;border-color:rgba(232,194,106,.7)}
.ls-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ls-item,.ls-offer{padding:14px 16px;border-radius:var(--r,13px);background:rgba(255,255,255,.86);border:1px solid var(--hair,rgba(58,86,130,.14));
  box-shadow:0 1px 3px rgba(58,86,130,.08)}
.ls-offer{border-color:rgba(232,194,106,.6);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,247,226,.9))}
.ls-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px}
.ls-name{margin:0;font:600 1.12rem/1.25 var(--serif,Georgia,serif);color:var(--ink,#0b1026);overflow-wrap:anywhere;min-inline-size:0}
.ls-fresh{font-size:.8rem;color:var(--muted,#56627e);white-space:nowrap}
.ls-badge{display:inline-block;padding:2px 9px;border-radius:999px;font-weight:700;font-size:.76rem;color:var(--gold-text,#7a4f0e);
  background:linear-gradient(180deg,var(--gold-hi,#f6d573),var(--gold,#e8c26a));box-shadow:0 2px 8px rgba(232,194,106,.4)}
.ls-sum{margin:6px 0 0;font-size:.9rem;color:var(--body,#2a3550);overflow-wrap:anywhere}
.ls-when{margin:2px 0 0;font-size:.76rem;color:var(--muted,#56627e)}
.ls-acts{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:10px}
.ls-btn{display:inline-flex;align-items:center;gap:6px;min-block-size:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(58,86,130,.2);
  background:rgba(255,255,255,.92);color:var(--ink,#0b1026);font:500 .86rem var(--sans,system-ui);cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.ls-btn:hover{background:#fff;border-color:rgba(232,194,106,.8)}
.ls-primary{border:0;font-weight:600;color:var(--gold-text,#7a4f0e);background:linear-gradient(180deg,var(--gold-hi,#f6d573),var(--gold,#e8c26a));
  box-shadow:0 4px 14px rgba(232,194,106,.42),inset 0 1px 0 rgba(255,255,255,.7)}
.ls-primary:hover{background:linear-gradient(180deg,#f8df8a,var(--gold,#e8c26a));transform:translateY(-1px)}
.ls-del{color:#8a2e2e;border-color:rgba(138,46,46,.25)}
.ls-del:hover{border-color:rgba(138,46,46,.55);background:#fff7f7}
.ls-arrow{display:inline-block;transition:transform .15s}
.ls-primary:hover .ls-arrow{transform:translateX(2px)}
[dir=rtl] .ls-arrow{transform:scaleX(-1)}[dir=rtl] .ls-primary:hover .ls-arrow{transform:scaleX(-1) translateX(2px)}
.ls-btn:focus-visible,.ls-x:focus-visible,.ls-link:focus-visible,.ls-input:focus-visible{outline:3px solid rgba(58,86,130,.55);outline-offset:2px}
.ls-rename{display:flex;flex-wrap:wrap;gap:8px;align-items:center;inline-size:100%}
.ls-input{flex:1 1 200px;min-inline-size:0;min-block-size:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(58,86,130,.28);background:#fff;
  color:var(--ink,#0b1026);font:500 1rem var(--sans,system-ui)}
.ls-url{inline-size:100%;margin-block-start:6px;font-size:.84rem}
.ls-empty{margin:4px 0;padding:18px 16px;border-radius:var(--r,13px);border:1px dashed rgba(232,194,106,.8);background:rgba(255,255,255,.7);color:var(--body,#2a3550);font-size:.95rem}
.ls-status{margin:0;min-block-size:1.2em;font-size:.86rem;color:var(--ink,#0b1026)}
.ls-status:empty{display:none}
.ls-link{border:0;background:none;padding:4px 6px;margin-inline-start:4px;color:var(--gold-text,#7a4f0e);font:600 .86rem var(--sans,system-ui);text-decoration:underline;cursor:pointer;min-block-size:32px}
.ls-foot{margin-block-start:2px}
.ls-sr{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
html.ls-open{overflow:hidden}

/* touch: every control at least 44px */
@media (pointer:coarse){.ls-btn,.ls-input{min-block-size:44px}.ls-x{inline-size:44px;block-size:44px}.ls-link{min-block-size:44px}}
/* phones: a sheet from the bottom */
@media (max-width:560px){
  .ls-root{place-items:end center;padding:16px 16px 0}
  .ls-card{inline-size:100%;max-block-size:calc(100dvh - 40px);border-end-start-radius:0;border-end-end-radius:0;padding:18px 16px calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(24px)}
  .ls-title{font-size:1.38rem}
  .ls-item .ls-acts{display:grid;grid-template-columns:1fr 1fr}
  .ls-acts .ls-btn{justify-content:center}
  .ls-foot .ls-btn{flex:1 1 auto}
}
/* reduced motion and low tiers: fades only, nothing travels */
@media (prefers-reduced-motion:reduce){.ls-card,.ls-in .ls-card{transform:none;transition:none}.ls-btn,.ls-arrow{transition:none}.ls-primary:hover{transform:none}}
.ls-still .ls-card{transform:none;transition:none}
html[data-quality="static"] .ls-card,html[data-quality="low"] .ls-card{transform:none;transition:none}
html[data-quality="static"] .ls-sky,html[data-quality="low"] .ls-sky{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(232,240,250,.92)}

/* while a row is renamed, its form is the only action */
.ls-acts[hidden]{display:none}