/* Библиотека инвентаря (packages/inventory, /lib/inventory.css) - вид сумки во всех местах игры. Классы - lgi-*; ячейки - прежние
   .cy-grid / .cy-sc (их же рисует Склад «Города», city.css); здесь - их основа для страниц без city.css (вкладка «Поход», расширение).
   Цвета - из оформления сайта (--ink, --mute, --accent-2, --rc-*), у каждого - запасное значение. Только transform / opacity в
   переходах, без бесконечных анимаций. */
.lgi { color: var(--ink, #f7eadf); }
.lgi, .lgi *, .lgi *::before, .lgi *::after { box-sizing: border-box; }

/* ---------- ячейки (основа: как у Склада) ---------- */
.lgi .cy-gi { width: 44px; height: 44px; display: grid; place-items: center; }
.lgi .cy-gi svg { width: 44px; height: 44px; }
.lgi .cy-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(52px, 1fr)); gap: 6px; }
.lgi .cy-sc { position: relative; aspect-ratio: 1; display: grid; place-items: center; padding: 0; border-radius: 10px; border: 2px solid var(--rc, var(--line, rgba(255, 255, 255, .16)));
  background: var(--surface2, #2a2130); color: inherit; font: inherit; cursor: pointer; transition: transform .12s ease; }
.lgi .cy-sc[data-r="uncommon"], .lgi-ghost[data-r="uncommon"] { --rc: var(--rc-uncommon, #3fae4f); }
.lgi .cy-sc[data-r="rare"], .lgi-ghost[data-r="rare"] { --rc: var(--rc-rare, #3a7ee0); }
.lgi .cy-sc[data-r="epic"], .lgi-ghost[data-r="epic"] { --rc: var(--rc-epic, #9a55e0); }
.lgi .cy-sc[data-r="legendary"], .lgi-ghost[data-r="legendary"] { --rc: var(--rc-legendary, #e09a2a); }
.lgi .cy-sc .cy-gi, .lgi .cy-sc .cy-gi svg { width: 40px; height: 40px; }
.lgi .cy-sc:hover { transform: translateY(-1px); }
.lgi .cy-sc.on { outline: 3px solid var(--focus, #ffc94d); outline-offset: 1px; }
.lgi .cy-sc:focus-visible { outline: 3px solid var(--focus, #ffc94d); }
.lgi .cy-sc.e { border-style: dashed; cursor: default; opacity: .45; }
.lgi .cy-sc i { position: absolute; font: 800 11px/1 var(--tx, system-ui); font-style: normal; padding: 2px 4px; border-radius: 6px; background: var(--ink-dark, #15122e); color: #fff; }
.lgi .cy-sc i.n { right: 2px; bottom: 2px; } .lgi .cy-sc i.en { left: 2px; top: 2px; background: var(--accent, #c81e17); }
.lgi .cy-sc i.du { left: 2px; bottom: 2px; background: #2f6b46; } .lgi .cy-sc i.du.br { background: var(--accent, #c81e17); }
.lgi .ig-c.off { opacity: .5; }
.lgi .ig-c[data-igdrag] { cursor: grab; }
.lgi [data-igdrag] { touch-action: manipulation; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.lgi .ig-dragging { opacity: .35; }
.lgi.ig-on, .lgi.ig-on * { cursor: grabbing !important; }
/* призрак перетаскивания (в body) и меню ячейки - когда city.css на странице нет */
.lgi-ghost { position: fixed; left: 0; top: 0; z-index: 300; width: 60px; height: 60px; display: grid; place-items: center; border-radius: 12px; pointer-events: none; opacity: .92;
  border: 2px solid var(--rc, #9a9a9a); background: var(--surface, #241b29); box-shadow: 0 10px 24px rgba(0, 0, 0, .4); }
.lgi-ghost .cy-gi, .lgi-ghost svg { width: 44px; height: 44px; }
@media (prefers-reduced-motion: reduce) { .lgi .cy-sc { transition: none; } .lgi .cy-sc:hover { transform: none; } }

/* ---------- общие части: шапка, кукла, полоски, фильтр, сетка, нижняя строка ---------- */
.lgi { display: flex; flex-direction: column; gap: 8px; }
.lgi-h { display: flex; align-items: center; gap: 6px; min-height: 28px; }
.lgi-title { font: 700 15px/1.2 var(--hd, sans-serif); color: var(--accent-2, #ffcf6a); }
.lgi-sub { font-size: 12px; color: var(--mute, #bfaab7); }
.lgi-lv { padding: 1px 7px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); font-size: 11px; font-weight: 700; }
.lgi-lv:empty { display: none; }
.lgi-x { margin-left: auto; width: 28px; height: 28px; border: 0; border-radius: 8px; background: rgba(255,255,255,.08); color: var(--ink, #f7eadf); font: 700 18px/1 system-ui; cursor: pointer; }
.lgi-x:hover, .lgi-x:focus-visible { background: rgba(255,255,255,.18); }
.lgi-stage { display: grid; grid-template-columns: 44px 1fr 44px; gap: 6px; height: 150px; flex: none; }
.lgi-eq { display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.lgi-ped { display: grid; place-items: center; border-radius: 12px; border: 2px solid rgba(255,255,255,.1); background: radial-gradient(ellipse 70% 60% at 50% 62%, rgba(255,207,106,.18), transparent 72%); overflow: hidden; }
.lgi-ped svg { width: 100%; height: 100%; max-height: 146px; }
.lgi .lgi-slot.e2 { border-style: dashed; }
.lgi .cy-gi.sil { opacity: .25; filter: grayscale(1); }
/* пока тянут: свой слот - зелёный, не тот - красный (бросок туда ничего не делает), под вещью - жёлтая подсветка */
.lgi .lgi-slot.ig-ok { border-color: #7ff07a; border-style: solid; }
.lgi .lgi-slot.ig-no { border-color: #ff6b6b; border-style: solid; box-shadow: 0 0 0 2px rgba(255,107,107,.45); }
.lgi .lgi-slot.ig-hover { box-shadow: 0 0 0 2px #ffe27a, 0 0 12px rgba(255,226,122,.6); }
.lgi-vit { display: grid; gap: 4px; flex: none; font-size: 12px; }
.lgi-mt { display: grid; grid-template-columns: 14px 1fr auto; align-items: center; gap: 6px; color: var(--mute, #bfaab7); }
.lgi-mt > span { color: #ff8fa3; text-align: center; } .lgi-mt.xp > span { color: var(--accent-2, #ffcf6a); }
.lgi-mt i { display: block; height: 5px; border-radius: 3px; background: #15101a; overflow: hidden; }
.lgi-mt i b { display: block; height: 100%; background: #ff8fa3; } .lgi-mt.xp i b { background: var(--accent-2, #ffcf6a); }
.lgi-mt em { font-style: normal; font-weight: 700; color: var(--ink, #f7eadf); font-variant-numeric: tabular-nums; min-width: 52px; text-align: right; }
.lgi-coins { font-weight: 700; }
.lgi-f { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; flex: none; }
.lgi-f:empty { display: none; }
.lgi-chip { display: inline-flex; align-items: center; gap: 2px; min-height: 28px; padding: 2px 6px; border: 0; border-radius: 999px; background: rgba(255,255,255,.07); color: var(--mute, #bfaab7); font: 700 12px var(--tx, sans-serif); cursor: pointer; }
.lgi-chip.ic .cy-gi, .lgi-chip.ic .cy-gi svg { width: 20px; height: 20px; }
.lgi-chip small { font-size: 10px; opacity: .8; }
.lgi-chip:hover { color: var(--ink, #f7eadf); }
.lgi-chip[aria-pressed="true"] { background: var(--accent-2, #ffcf6a); color: #2a1b22; }
.lgi-bt[aria-pressed="true"] { font: 700 14px var(--hd, sans-serif); padding: 3px 12px; }
.lgi-f select { margin-left: auto; min-height: 28px; max-width: 96px; border-radius: 999px; border: 0; padding: 0 6px; background: rgba(255,255,255,.07); color: var(--ink, #f7eadf); font: 700 12px var(--tx, sans-serif); }
.lgi-g { flex: 1 1 auto; min-height: 100px; overflow-y: auto; overscroll-behavior: contain; padding: 2px; }
.lgi-gh { display: flex; justify-content: space-between; align-items: baseline; margin: 0 2px 6px; font-size: 12px; color: var(--mute, #bfaab7); }
.lgi-gh b { color: var(--ink, #f7eadf); font-size: 13px; }
.lgi .lgi-g.ig-ok { outline: 2px dashed rgba(255,207,106,.6); outline-offset: -2px; border-radius: 8px; }
.lgi .lgi-g.ig-hover { outline: 2px solid #ffcf6a; outline-offset: -2px; border-radius: 8px; }
.lgi .lgi-g.ig-no { outline: 2px dashed #ff6b6b; outline-offset: -2px; border-radius: 8px; }
.lgi-empty { margin: 4px 2px; font-size: 13px; }
.lgi-a { flex: none; min-height: 40px; display: flex; align-items: center; }
.lgi-sel { display: flex; align-items: center; gap: 8px; width: 100%; padding: 6px 8px; border-radius: 12px; background: rgba(255,255,255,.05); }
.lgi-sel > span { display: grid; flex: 1 1 auto; min-width: 0; }
.lgi-sel b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.lgi-sel b[data-r="uncommon"], .lgi-tip b[data-r="uncommon"], .lgi-card b[data-r="uncommon"] { color: var(--rc-uncommon, #6fdc7a); }
.lgi-sel b[data-r="rare"], .lgi-tip b[data-r="rare"], .lgi-card b[data-r="rare"] { color: var(--rc-rare, #7cc8ff); }
.lgi-sel b[data-r="epic"], .lgi-tip b[data-r="epic"], .lgi-card b[data-r="epic"] { color: var(--rc-epic, #cf9bff); }
.lgi-sel b[data-r="legendary"], .lgi-tip b[data-r="legendary"], .lgi-card b[data-r="legendary"] { color: var(--rc-legendary, #ffcf6a); }
.lgi-sel small { font-size: 11px; color: var(--mute, #bfaab7); }
.lgi-sel .btn { min-height: 34px; padding: 4px 12px; font-size: 13px; }
/* кнопка без оформления сайта (расширение, стенд): своё, но у сайта (.btn) - его */
:where(.lgi-btn) { min-height: 34px; padding: 4px 12px; border: 0; border-radius: 10px; background: var(--accent-2, #ffcf6a); color: #2a1b22; font: 700 13px var(--tx, sans-serif); cursor: pointer; }
:where(.lgi-btn.ghost) { background: rgba(255,255,255,.1); color: var(--ink, #f7eadf); }
.lgi-btn[disabled] { opacity: .55; cursor: default; }
.lgi-hint, .lgi-say { margin: 0; font-size: 11px; line-height: 1.35; }
.lgi-say { color: var(--accent-2, #ffcf6a); font-weight: 700; }
.lgi-ok { font-size: 12px; font-weight: 700; color: #7ff07a; }
.lgi .muted { color: var(--mute, #bfaab7); }

/* ---------- compact: карточка сбоку ~276 px (сумка шахты, расширение Twitch) ---------- */
.lgi--compact, .lgi--sheet { width: 100%; max-height: 100%; padding: 8px 10px 10px; border-radius: 16px; background: rgba(29,22,32,.96); border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 14px 34px rgba(0,0,0,.45); overflow: hidden; }
.lgi--compact .cy-sc, .lgi--sheet .cy-sc { width: 44px; height: 44px; padding: 2px; border-radius: 8px; background: radial-gradient(circle at 50% 35%, #34283a, #1b141f); cursor: pointer; }
.lgi--inline .cy-sc { width: 44px; height: 44px; padding: 2px; border-radius: 8px; }   /* inline - в карточке страницы: фон ячеек - её оформления (--surface2) */
.lgi--compact .cy-sc .cy-gi, .lgi--compact .cy-sc .cy-gi svg, .lgi--sheet .cy-sc .cy-gi, .lgi--sheet .cy-sc .cy-gi svg, .lgi--inline .cy-sc .cy-gi, .lgi--inline .cy-sc .cy-gi svg { width: 34px; height: 34px; }
.lgi--compact .lgi-g .cy-grid { grid-template-columns: repeat(4, 1fr); gap: 5px; }
.lgi--compact .lgi-g .cy-sc, .lgi--sheet .lgi-g .cy-sc, .lgi--inline .lgi-g .cy-sc { width: auto; height: auto; aspect-ratio: 1; }
/* sheet: снизу на ~60% высоты (сама встаёт к низу экрана, если страница не поставила её в свою обёртку: options - класс lgi-float) */
.lgi--sheet { border-radius: 18px 18px 0 0; }
.lgi--sheet .lgi-stage { height: 144px; } .lgi--sheet .lgi-ped svg { max-height: 140px; }
.lgi--sheet .lgi-g .cy-grid { grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)); gap: 5px; }
.lgi--sheet.lgi-float { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; height: 60vh; height: 60dvh; }
@media (max-width: 720px) {
  .lgi--compact { border-radius: 18px 18px 0 0; }
  .lgi--compact .lgi-stage { height: 144px; } .lgi--compact .lgi-ped svg { max-height: 140px; }
  .lgi--compact .lgi-g .cy-grid { grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)); }
}

/* ---------- inline: маленький блок без куклы (вкладка «Поход»: еда и зелья, надетое значками) ---------- */
.lgi--inline { gap: 6px; }
.lgi--inline .lgi-g { min-height: 0; max-height: 168px; }
.lgi--inline .lgi-g .cy-grid { grid-template-columns: repeat(auto-fill, minmax(44px, 1fr)); gap: 5px; }
.lgi-eqrow { display: flex; gap: 5px; flex-wrap: wrap; }
.lgi--inline .lgi-eqrow .cy-sc { width: 36px; height: 36px; }
.lgi--inline .lgi-eqrow .cy-sc .cy-gi, .lgi--inline .lgi-eqrow .cy-sc .cy-gi svg { width: 28px; height: 28px; }
.lgi--inline .lgi-a { min-height: 34px; }

/* ---------- full: большой ПК (вкладка «Персонаж»): кукла и полоски слева, сумка посередине, карточка вещи справа ---------- */
.lgi--full { display: block; container-type: inline-size; }
.lgi--full .lgi-in { display: grid; grid-template-columns: minmax(260px, 320px) minmax(0, 1fr) minmax(220px, 300px); grid-template-areas: "side main det" "foot foot foot"; gap: 14px; align-items: start; }
.lgi--full.lgi-nodet .lgi-in { grid-template-columns: minmax(230px, 300px) minmax(0, 1fr); grid-template-areas: "side main" "foot foot"; }
.lgi--full .lgi-side { grid-area: side; display: flex; flex-direction: column; gap: 10px; }
.lgi--full .lgi-main { grid-area: main; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.lgi--full .lgi-det { grid-area: det; padding: 12px; border-radius: 14px; background: rgba(255,255,255,.05); min-height: 120px; }
.lgi--full .lgi-a { grid-area: foot; }
.lgi--full .lgi-stage { grid-template-columns: 76px 1fr 76px; height: 320px; gap: 10px; }
.lgi--full .lgi-ped svg { max-height: 300px; }
.lgi--full .lgi-eq { gap: 10px; }
.lgi--full .lgi-slot { width: 76px; height: 76px; }
.lgi--full .lgi-slot .cy-gi, .lgi--full .lgi-slot .cy-gi svg { width: 50px; height: 50px; }
.lgi-sl { position: absolute; left: 0; right: 0; bottom: 2px; font-size: 10px; text-align: center; color: var(--mute, #bfaab7); pointer-events: none; }
.lgi--full .lgi-g { overflow: visible; }
.lgi--full .lgi-g .cy-grid { grid-template-columns: repeat(auto-fill, minmax(68px, 1fr)); gap: 8px; }
.lgi--full .lgi-g .cy-sc .cy-gi, .lgi--full .lgi-g .cy-sc .cy-gi svg { width: 52px; height: 52px; }
/* раскладка - по ширине самой сумки: в узкой колонке страницы кукла встаёт над сеткой */
@container (max-width: 860px) { .lgi--full .lgi-in { grid-template-columns: minmax(230px, 300px) minmax(0, 1fr); grid-template-areas: "side main" "det det" "foot foot"; } }
@container (max-width: 560px) { .lgi--full .lgi-in, .lgi--full.lgi-nodet .lgi-in { grid-template-columns: 1fr; grid-template-areas: "side" "main" "det" "foot"; } .lgi--full .lgi-stage { height: 240px; } }

/* ---------- storage: две сетки одна под другой, без куклы ---------- */
.lgi-m-storage.lgi--full .lgi-in { grid-template-columns: minmax(0, 1fr); grid-template-areas: "main" "det" "foot"; }
.lgi-m-storage.lgi--full .lgi-side:empty { display: none; }
.lgi-m-storage.lgi--full .lgi-main, .lgi-m-storage.lgi--compact, .lgi-m-storage.lgi--sheet { gap: 10px; }
.lgi-m-storage .lgi-g { min-height: 80px; }

/* ---------- карточка вещи (встроенная: если у страницы своей нет) ---------- */
.lgi-tip { position: fixed; left: 0; top: 0; z-index: 330; width: min(280px, calc(100vw - 16px)); padding: 10px 12px; border-radius: 12px; pointer-events: none;
  background: rgba(24,18,28,.98); color: var(--ink, #f7eadf); border: 2px solid var(--rc, rgba(255,255,255,.14)); box-shadow: 0 14px 30px rgba(0,0,0,.5); font: 13px/1.35 var(--tx, system-ui, sans-serif); }
.lgi-tip[data-r="uncommon"], .lgi-card[data-r="uncommon"] { --rc: var(--rc-uncommon, #3fae4f); } .lgi-tip[data-r="rare"], .lgi-card[data-r="rare"] { --rc: var(--rc-rare, #3a7ee0); }
.lgi-tip[data-r="epic"], .lgi-card[data-r="epic"] { --rc: var(--rc-epic, #9a55e0); } .lgi-tip[data-r="legendary"], .lgi-card[data-r="legendary"] { --rc: var(--rc-legendary, #e09a2a); }
.lgi-th { display: flex; gap: 6px; align-items: baseline; font-size: 14px; }
.lgi-ts { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 6px; font-size: 11px; color: var(--mute, #bfaab7); }
.lgi-ts .on { color: #7ff07a; }
.lgi-tst { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.lgi-tst li { display: grid; grid-template-columns: 1fr auto 40px; gap: 6px; align-items: baseline; }
.lgi-tst em { font-style: normal; font-size: 12px; text-align: right; } .lgi-tst em.up { color: #7ff07a; } .lgi-tst em.dn { color: #ff8a80; } .lgi-tst em.eq { color: var(--mute, #bfaab7); }
.lgi-teff, .lgi-tdur, .lgi-tdesc, .lgi-tcmp { margin: 6px 0 0; font-size: 12px; } .lgi-tdur.br { color: #ff8a80; font-weight: 700; } .lgi-tcmp, .lgi-tdesc { color: var(--mute, #bfaab7); }
.lgi-card { border-left: 3px solid var(--rc, rgba(255,255,255,.2)); padding-left: 10px; }

/* номер вещи в сумке (для команд чата) - страница рисует его через options.extra */
.lgi .cy-sc .no { position: absolute; right: 3px; top: 2px; font: 800 10px/1 var(--tx, system-ui); color: var(--mute, #bfaab7); }
/* свой порядок: ячейка - цель */
.lgi .cy-sc.ig-ok[data-igdrop="cell"] { border-style: dashed; }
.lgi .cy-sc.ig-hover[data-igdrop="cell"] { box-shadow: -4px 0 0 0 var(--focus, #ffc94d); }

/* 26.10: кукла в своём элементе страницы (options.dollEl - карточка героя): сетка без левой колонки; кукла крупно */
.lgi--full.lgi-nodoll .lgi-in, .lgi--full.lgi-nodoll.lgi-nodet .lgi-in { grid-template-columns: minmax(0, 1fr); grid-template-areas: "main" "det" "foot"; }
.lgi--full.lgi-nodoll .lgi-side:empty { display: none; }
.lgi-dollx { display: block; color: inherit; }
/* слоты вокруг куклы - крупные, как до inv2 (.doll .slot): картинка 60px, подпись слота, название вещи цветом редкости */
/* 26.10 (стример): высота куклы - по столбцу слотов (3 крупных слота), рамка героя не тянется и не пустеет; рисунок вписан в рамку
   (contain: size - рисунок не раздувает высоту ряда) */
.lgi-dollx .lgi-stage { height: auto; grid-template-columns: minmax(104px, 150px) minmax(0, 1fr) minmax(104px, 150px); gap: 14px; max-width: 680px; margin: 0 auto; }
.lgi-dollx .lgi-ped { contain: size; min-height: 280px; grid-template: minmax(0, 1fr) / minmax(0, 1fr); }
.lgi-dollx .lgi-ped > * { max-width: 100%; max-height: 100%; }
.lgi-dollx .lgi-ped svg { width: 100%; height: 100%; max-height: 100%; }
.lgi-dollx .lgi-eq { gap: 12px; align-items: stretch; }
.lgi-dollx .lgi-slot { width: 100%; height: auto; aspect-ratio: auto; min-height: 112px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 8px 6px; border-radius: 12px; text-align: center; }
.lgi-dollx .lgi-slot .cy-gi, .lgi-dollx .lgi-slot .cy-gi svg { width: 60px; height: 60px; }
.lgi-dollx .lgi-slot .lgi-sl { position: static; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; line-height: 1.1; }
.lgi-dollx .lgi-slot .lgi-sn { max-width: 100%; font-size: 12px; font-weight: 700; line-height: 1.2; color: var(--rc, inherit); overflow-wrap: anywhere; hyphens: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: none; }
.lgi-dollx .lgi-slot.e2 .lgi-sn { color: var(--mute, #bfaab7); font-weight: 500; }
.lgi-dollx.lgi--sheet .lgi-stage { height: auto; grid-template-columns: minmax(82px, 27%) minmax(0, 1fr) minmax(82px, 27%); gap: 6px; }
.lgi-dollx.lgi--sheet .lgi-ped { min-height: 240px; }
.lgi-dollx.lgi--sheet .lgi-eq { gap: 8px; }
.lgi-dollx.lgi--sheet .lgi-slot { min-height: 94px; padding: 6px 3px; gap: 2px; }
.lgi-dollx.lgi--sheet .lgi-slot .cy-gi, .lgi-dollx.lgi--sheet .lgi-slot .cy-gi svg { width: 44px; height: 44px; }
.lgi-dollx.lgi--sheet .lgi-slot .lgi-sl { font-size: 10px; letter-spacing: .05em; }
.lgi-dollx.lgi--sheet .lgi-slot .lgi-sn { font-size: 11px; }

/* 26.10 (mine/pickaxe): рудная сумка - своя сетка под сумкой (руда с ob), рамка цвета руды */
.lgi-ob { margin-top: 10px; padding: 8px; border-radius: 12px; border: 1px dashed rgba(255, 207, 106, .35); background: rgba(120, 82, 40, .14); }
.lgi-ob .lgi-gh b::before { content: "⛏ "; color: var(--gold, #ffcf6a); }

/* 24.10: меню ячейки (LGInventory.menu): «1 / половина / всё / N…» Склада, 26.10 - и меню товара лавки похода («Купить», «Что даёт»); до 26.10 - city.css */
.ig-menu { position: fixed; left: 0; top: 0; z-index: 320; min-width: 168px; display: grid; gap: 2px; padding: 6px; border-radius: 12px; background: var(--surface, #fff); color: var(--ink, #222);
  border: 1px solid var(--line, rgba(0, 0, 0, .15)); box-shadow: 0 12px 28px rgba(0, 0, 0, .35); }
.ig-menu .ig-mt { padding: 4px 8px 6px; font-size: 12px; color: var(--mute, #666); }
.ig-menu [role="menuitem"] { text-align: left; padding: 9px 10px; border: 0; border-radius: 8px; background: none; color: inherit; font: inherit; cursor: pointer; }
.ig-menu [role="menuitem"]:hover, .ig-menu [role="menuitem"]:focus-visible { background: var(--surface2, #eee); outline: none; }
.ig-menu [role="menuitem"]:focus-visible { box-shadow: inset 0 0 0 2px var(--focus, #ffc94d); }
.ig-menu .ig-mn { display: flex; gap: 6px; padding: 4px; }
.ig-menu .ig-mn[hidden] { display: none; }
.ig-menu .ig-mn input { width: 76px; padding: 6px 8px; border-radius: 8px; border: 1px solid var(--line, rgba(0, 0, 0, .25)); background: var(--surface, #fff); color: inherit; font: inherit; }
.ig-menu .ig-mn button { padding: 6px 12px; border-radius: 8px; border: 0; background: var(--accent, #c81e17); color: #fff; font: inherit; cursor: pointer; }